@ntbjs/react-components 1.1.26 → 1.1.28

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 (64) hide show
  1. package/{ActionButton-5bc79370.js → ActionButton-41ea1bda.js} +1 -1
  2. package/{Alert-edd9f6a7.js → Alert-6e35a197.js} +1 -1
  3. package/{AssetAction-529207b8.js → AssetAction-af841b38.js} +26 -26
  4. package/{AssetPreviewTopBar-6eaa7df8.js → AssetPreviewTopBar-d8887502.js} +1 -1
  5. package/{Badge-00b2f311.js → Badge-a0b1a4e4.js} +1 -1
  6. package/{Button-82e91acb.js → Button-e1c2d914.js} +3 -3
  7. package/{Checkbox-c441fdba.js → Checkbox-153048de.js} +1 -1
  8. package/{CompactAutocompleteSelect-56f502f6.js → CompactAutocompleteSelect-d87f259e.js} +9 -9
  9. package/{CompactStarRating-a17e419a.js → CompactStarRating-224afe96.js} +8 -8
  10. package/{CompactTextInput-966c1f28.js → CompactTextInput-f951e9e5.js} +8 -8
  11. package/{ContextMenu-9645746f.js → ContextMenu-5198c59f.js} +1 -1
  12. package/{ContextMenuItem-ae252503.js → ContextMenuItem-fdb31645.js} +1 -1
  13. package/{InfoCard-005063b4.js → InfoCard-11f0ca7f.js} +9 -9
  14. package/{InputGroup-3598e37c.js → InputGroup-3dfa0822.js} +1 -1
  15. package/{Instructions-9fc0287e.js → Instructions-fa82c59d.js} +3 -3
  16. package/{MultiLevelCheckboxSelect-a45b51b1.js → MultiLevelCheckboxSelect-ac6eb537.js} +12 -12
  17. package/{MultiSelect-0bdad346.js → MultiSelect-efaecd6e.js} +2 -2
  18. package/{Popover-f00121a3.js → Popover-3bad6306.js} +2 -2
  19. package/{ProgressBar-7d31fd95.js → ProgressBar-e6a86080.js} +9 -9
  20. package/{Radio-758fd8f3.js → Radio-57777d52.js} +1 -1
  21. package/{SectionSeparator-43e1647d.js → SectionSeparator-b9da17f3.js} +12 -8
  22. package/{Switch-26547abb.js → Switch-8892872d.js} +1 -1
  23. package/{Tab-d3ee0a3b.js → Tab-a4efa5a2.js} +1 -1
  24. package/{Tabs-20c4effe.js → Tabs-33a888fb.js} +13 -12
  25. package/{TextArea-db4bad70.js → TextArea-2b00a334.js} +83 -75
  26. package/{TextInput-70cb3df7.js → TextInput-49dfb522.js} +1 -1
  27. package/{Tooltip-7dc4676b.js → Tooltip-ddd4ac6b.js} +2 -2
  28. package/{VerificationStatusIcon-f3c44ef8.js → VerificationStatusIcon-b92fe0ae.js} +1 -1
  29. package/data/Alert/index.js +2 -2
  30. package/data/Badge/index.js +2 -2
  31. package/data/Popover/index.js +3 -3
  32. package/data/Tab/index.js +2 -2
  33. package/data/Tabs/index.js +3 -3
  34. package/data/Tooltip/index.js +3 -3
  35. package/data/index.js +9 -9
  36. package/{defaultTheme-24ea5c47.js → defaultTheme-e27880d7.js} +1 -1
  37. package/inputs/ActionButton/index.js +2 -2
  38. package/inputs/Button/index.js +5 -5
  39. package/inputs/Checkbox/index.js +2 -2
  40. package/inputs/CompactAutocompleteSelect/index.js +11 -11
  41. package/inputs/CompactStarRating/index.js +10 -10
  42. package/inputs/CompactTextInput/index.js +10 -10
  43. package/inputs/MultiSelect/index.js +3 -3
  44. package/inputs/Radio/index.js +2 -2
  45. package/inputs/Switch/index.js +2 -2
  46. package/inputs/TextArea/index.js +10 -10
  47. package/inputs/TextInput/index.js +2 -2
  48. package/inputs/index.js +25 -25
  49. package/layout/InputGroup/index.js +2 -2
  50. package/layout/SectionSeparator/index.js +2 -2
  51. package/layout/index.js +3 -3
  52. package/package.json +1 -1
  53. package/{react-select-creatable.esm-09b1be95.js → react-select-creatable.esm-9bb6a785.js} +7 -5
  54. package/{shift-away-subtle-dce50395.js → shift-away-subtle-d02f851e.js} +1 -1
  55. package/styles/config.scss +1 -0
  56. package/widgets/AssetGallery/index.js +31 -31
  57. package/widgets/AssetPreview/AssetPreviewTopBar/index.js +2 -2
  58. package/widgets/ContextMenu/ContextMenuItem/index.js +2 -2
  59. package/widgets/ContextMenu/ContextMenuItemsGroup/index.js +1 -1
  60. package/widgets/ContextMenu/index.js +2 -2
  61. package/widgets/InfoCard/index.js +2 -2
  62. package/widgets/Instructions/index.js +13 -13
  63. package/widgets/ProgressBar/index.js +2 -2
  64. package/widgets/index.js +31 -31
@@ -1,17 +1,17 @@
1
1
  'use strict';
2
2
 
3
- var defaultTheme = require('./defaultTheme-24ea5c47.js');
3
+ var defaultTheme = require('./defaultTheme-e27880d7.js');
4
4
  var React = require('react');
5
5
  var lodash = require('lodash');
6
6
  var useMergedRefs = require('./useMergedRefs-b6d2f8fc.js');
7
7
  var nanoid = require('nanoid');
8
- require('./Alert-edd9f6a7.js');
9
- require('./Badge-00b2f311.js');
10
- require('./Popover-f00121a3.js');
11
- require('./Tab-d3ee0a3b.js');
12
- require('./Tabs-20c4effe.js');
13
- var Tooltip = require('./Tooltip-7dc4676b.js');
14
- require('./VerificationStatusIcon-f3c44ef8.js');
8
+ require('./Alert-6e35a197.js');
9
+ require('./Badge-a0b1a4e4.js');
10
+ require('./Popover-3bad6306.js');
11
+ require('./Tab-a4efa5a2.js');
12
+ require('./Tabs-33a888fb.js');
13
+ var Tooltip = require('./Tooltip-ddd4ac6b.js');
14
+ require('./VerificationStatusIcon-b92fe0ae.js');
15
15
  var editNote = require('./edit-note-cefe2215.js');
16
16
  var styled = require('styled-components');
17
17
 
@@ -20,78 +20,61 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
20
20
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
21
21
  var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
22
22
 
23
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0, _templateObject1, _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, _templateObject40, _templateObject41, _templateObject42, _templateObject43, _templateObject44, _templateObject45, _templateObject46;
23
+ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0, _templateObject1, _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, _templateObject40, _templateObject41;
24
24
  var fadeInCheck = styled.keyframes(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n from {\n opacity: 0\n }\n to {\n opacity: 1\n }\n"])));
25
25
  var fadeOutCheck = styled.keyframes(_templateObject2 || (_templateObject2 = defaultTheme._taggedTemplateLiteral(["\n from {\n opacity: 1\n }\n to {\n opacity: 0\n }\n"])));
26
26
  var activeLabel = styled.css(_templateObject3 || (_templateObject3 = defaultTheme._taggedTemplateLiteral(["\n font-size: 0.75rem;\n padding: 0 3px;\n top: -7px;\n letter-spacing: 0.03em;\n left: 8px !important;\n opacity: 1 !important;\n"])));
27
- var placeholderBaseStyle = styled.css(_templateObject4 || (_templateObject4 = defaultTheme._taggedTemplateLiteral(["\n ", "\n\n ", "\n"])), function (props) {
28
- return props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-600'));
29
- }, function (props) {
30
- return props.theme.themeProp('opacity', 0.6, 0.5);
31
- });
32
- var warningPlaceholder = styled.css(_templateObject5 || (_templateObject5 = defaultTheme._taggedTemplateLiteral(["\n ", "\n"])), function (props) {
33
- return props.type === 'warning' && props.theme.themeProp('color', props.theme.getColor('gray-200'), props.theme.getColor('gray-700'), 1);
34
- });
35
- var errorPlaceholder = styled.css(_templateObject6 || (_templateObject6 = defaultTheme._taggedTemplateLiteral(["\n ", "\n"])), function (props) {
36
- return props.type === 'error' && props.theme.themeProp('color', props.theme.getColor('gray-200'), props.theme.getColor('gray-700'), 1);
37
- });
38
- var warningPlaceholderHover = styled.css(_templateObject7 || (_templateObject7 = defaultTheme._taggedTemplateLiteral(["\n ", "\n"])), function (props) {
39
- return props.type === 'warning' && props.theme.themeProp('color', props.theme.getColor('gray-900'), props.theme.getColor('gray-900'), 1);
40
- });
41
- var errorPlaceholderHover = styled.css(_templateObject8 || (_templateObject8 = defaultTheme._taggedTemplateLiteral(["\n ", "\n"])), function (props) {
42
- return props.type === 'error' && props.theme.themeProp('color', props.theme.getColor('red-600'), props.theme.getColor('red-600'), 1);
43
- });
44
- var TextAreaContainter = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject9 || (_templateObject9 = defaultTheme._taggedTemplateLiteral(["\n display: flex;\n"])));
45
- var Label = styled__default["default"].label.attrs(defaultTheme.applyDefaultTheme)(_templateObject0 || (_templateObject0 = defaultTheme._taggedTemplateLiteral(["\n ", ";\n flex-basis: 33.33%;\n font-size: 0.875rem;\n line-height: 1rem;\n height: 19px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding-top: 13px;\n ", "\n"])), function (props) {
27
+ var TextAreaContainter = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject4 || (_templateObject4 = defaultTheme._taggedTemplateLiteral(["\n display: flex;\n"])));
28
+ var Label = styled__default["default"].label.attrs(defaultTheme.applyDefaultTheme)(_templateObject5 || (_templateObject5 = defaultTheme._taggedTemplateLiteral(["\n ", ";\n flex-basis: 33.33%;\n font-size: 0.875rem;\n line-height: 1rem;\n height: 19px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding-top: 13px;\n ", "\n"])), function (props) {
46
29
  return props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('gray-700'));
47
30
  }, function (props) {
48
- return props.disabled && styled.css(_templateObject1 || (_templateObject1 = defaultTheme._taggedTemplateLiteral(["\n cursor: not-allowed;\n "])));
31
+ return props.disabled && styled.css(_templateObject6 || (_templateObject6 = defaultTheme._taggedTemplateLiteral(["\n cursor: not-allowed;\n "])));
49
32
  });
50
- var InputIconContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject10 || (_templateObject10 = defaultTheme._taggedTemplateLiteral(["\n opacity: 0;\n pointer-events: none;\n border-top-right-radius: 3px;\n border-bottom-right-radius: 3px;\n display: flex;\n align-items: flex-start;\n\n position: absolute;\n right: 15px;\n top: 10px;\n bottom: 0;\n > .smallPadingIcon {\n padding: 4px;\n width: 15px;\n height: 15px;\n border-radius: 5px;\n opacity: 1;\n margin-top: -5px;\n ", "\n }\n svg {\n width: 15px;\n opacity: 0.7;\n transition: opacity 250ms;\n\n ", "\n }\n"])), function (props) {
33
+ var InputIconContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject7 || (_templateObject7 = defaultTheme._taggedTemplateLiteral(["\n opacity: 0;\n pointer-events: none;\n border-top-right-radius: 3px;\n border-bottom-right-radius: 3px;\n display: flex;\n align-items: flex-start;\n\n position: absolute;\n right: 15px;\n top: 10px;\n bottom: 0;\n > .smallPadingIcon {\n padding: 4px;\n width: 15px;\n height: 15px;\n border-radius: 5px;\n opacity: 1;\n margin-top: -5px;\n ", "\n }\n svg {\n width: 15px;\n opacity: 0.7;\n transition: opacity 250ms;\n\n ", "\n }\n"])), function (props) {
51
34
  return props.theme.themeProp('background-color', props.theme.getColor('gray-900'), props.theme.getColor('gray-300'), '!important');
52
35
  }, function (props) {
53
- return props.disabled && styled.css(_templateObject11 || (_templateObject11 = defaultTheme._taggedTemplateLiteral(["\n display: none;\n "])));
36
+ return props.disabled && styled.css(_templateObject8 || (_templateObject8 = defaultTheme._taggedTemplateLiteral(["\n display: none;\n "])));
54
37
  });
55
- var TextInputField = styled__default["default"].textarea.attrs(defaultTheme.applyDefaultTheme)(_templateObject12 || (_templateObject12 = defaultTheme._taggedTemplateLiteral(["\n width: 100%;\n font-family: inherit;\n font-size: 0.875rem;\n border-radius: 3px;\n padding: 5px 10px;\n resize: vertical;\n z-index: 0;\n box-sizing: border-box;\n appearance: none;\n border: 1px solid;\n transition: height 550ms ease-in-out, border-color 350ms, background 350ms;\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 &&:hover:not(:focus) {\n ", "\n\n ", "\n\n ", "\n\n & + ", " {\n opacity: 1;\n ", "\n }\n }\n\n &::placeholder {\n ", "\n ", "\n ", "\n }\n\n &:hover::placeholder {\n ", "\n ", "\n }\n\n &:focus::placeholder {\n ", "\n ", "\n }\n\n &&:focus {\n outline: none;\n\n ", "\n }\n\n &&:not(:hover):not(:focus) {\n ", "\n\n ", "\n\n ", "\n }\n"])), function (props) {
38
+ var TextInputField = styled__default["default"].textarea.attrs(defaultTheme.applyDefaultTheme)(_templateObject9 || (_templateObject9 = defaultTheme._taggedTemplateLiteral(["\n width: 100%;\n font-family: inherit;\n font-size: 0.875rem;\n border-radius: 3px;\n padding: 5px 10px;\n resize: vertical;\n z-index: 0;\n box-sizing: border-box;\n appearance: none;\n border: 1px solid;\n transition: height 550ms ease-in-out, border-color 350ms, background 350ms;\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 &&:hover:not(:focus) {\n ", "\n\n ", "\n\n ", "\n\n & + ", " {\n opacity: 1;\n ", "\n }\n }\n\n &::placeholder {\n ", "\n\n ", "\n\n ", "\n }\n\n &:hover::placeholder {\n ", "\n\n ", "\n }\n\n &:focus::placeholder {\n ", "\n\n ", "\n }\n\n &&:focus {\n outline: none;\n\n ", "\n }\n\n &&:not(:hover):not(:focus) {\n ", "\n\n ", "\n\n ", "\n }\n"])), function (props) {
56
39
  return props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-900'));
57
40
  }, function (props) {
58
- return props.borderRadius && styled.css(_templateObject13 || (_templateObject13 = defaultTheme._taggedTemplateLiteral(["\n border-radius: ", "px;\n "])), props.borderRadius);
41
+ return props.borderRadius && styled.css(_templateObject0 || (_templateObject0 = defaultTheme._taggedTemplateLiteral(["\n border-radius: ", "px;\n "])), props.borderRadius);
59
42
  }, function (props) {
60
43
  if (props.type === 'error') {
61
- return styled.css(_templateObject14 || (_templateObject14 = defaultTheme._taggedTemplateLiteral(["\n ", "\n ", "\n ", "\n "])), props.theme.themeProp('color', 'white', 'black'), props.theme.themeProp('background', '#7f1b1b', '#FBEAE6'), props.theme.themeProp('border-color', '#7f1b1b', '#FBEAE6'));
44
+ return styled.css(_templateObject1 || (_templateObject1 = defaultTheme._taggedTemplateLiteral(["\n ", "\n ", "\n ", "\n "])), props.theme.themeProp('color', 'white', 'black'), props.theme.themeProp('background', '#7f1b1b', '#FBEAE6'), props.theme.themeProp('border-color', '#7f1b1b', '#FBEAE6'));
62
45
  } else if (props.type === 'warning') {
63
- return styled.css(_templateObject15 || (_templateObject15 = defaultTheme._taggedTemplateLiteral(["\n ", "\n ", "\n ", "\n "])), props.theme.themeProp('color', 'white', 'black'), props.theme.themeProp('background', '#634E01', '#FFFDE8'), props.theme.themeProp('border-color', '#634E01', '#FFFDE8'));
46
+ return styled.css(_templateObject10 || (_templateObject10 = defaultTheme._taggedTemplateLiteral(["\n ", "\n ", "\n ", "\n "])), props.theme.themeProp('color', 'white', 'black'), props.theme.themeProp('background', '#634E01', '#FFFDE8'), props.theme.themeProp('border-color', '#634E01', '#FFFDE8'));
64
47
  } else if (props.type === 'error-border') {
65
- return styled.css(_templateObject16 || (_templateObject16 = defaultTheme._taggedTemplateLiteral(["\n ", "\n ", "\n ", "\n "])), props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-900')), props.theme.themeProp('background', props.theme.getColor('gray-900'), props.theme.getColor('white')), props.theme.themeProp('border-color', props.theme.getColor('red-200'), props.theme.getColor('red-500')));
48
+ return styled.css(_templateObject11 || (_templateObject11 = defaultTheme._taggedTemplateLiteral(["\n ", "\n ", "\n ", "\n "])), props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-900')), props.theme.themeProp('background', props.theme.getColor('gray-900'), props.theme.getColor('white')), props.theme.themeProp('border-color', props.theme.getColor('red-200'), props.theme.getColor('red-500')));
66
49
  } else if (props.type === 'warning-border') {
67
- return styled.css(_templateObject17 || (_templateObject17 = defaultTheme._taggedTemplateLiteral(["\n ", "\n ", "\n ", "\n "])), props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-900')), props.theme.themeProp('background', props.theme.getColor('gray-900'), props.theme.getColor('white')), props.theme.themeProp('border-color', props.theme.getColor('red-200'), props.theme.getColor('orange-500')));
50
+ return styled.css(_templateObject12 || (_templateObject12 = defaultTheme._taggedTemplateLiteral(["\n ", "\n ", "\n ", "\n "])), props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-900')), props.theme.themeProp('background', props.theme.getColor('gray-900'), props.theme.getColor('white')), props.theme.themeProp('border-color', props.theme.getColor('red-200'), props.theme.getColor('orange-500')));
68
51
  } else {
69
- return styled.css(_templateObject18 || (_templateObject18 = defaultTheme._taggedTemplateLiteral(["\n ", "\n ", "\n ", "\n "])), props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-900')), props.theme.themeProp('background', props.theme.getColor('gray-900'), props.theme.getColor('white')), props.theme.themeProp('border-color', props.theme.getColor('gray-500'), props.theme.getColor('gray-400')));
52
+ return styled.css(_templateObject13 || (_templateObject13 = defaultTheme._taggedTemplateLiteral(["\n ", "\n ", "\n ", "\n "])), props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-900')), props.theme.themeProp('background', props.theme.getColor('gray-900'), props.theme.getColor('white')), props.theme.themeProp('border-color', props.theme.getColor('gray-500'), props.theme.getColor('gray-400')));
70
53
  }
71
54
  }, function (props) {
72
- return props.readOnly && styled.css(_templateObject19 || (_templateObject19 = defaultTheme._taggedTemplateLiteral(["\n cursor: default;\n border-color: transparent !important;\n padding: 12px 10px;\n "])));
55
+ return props.readOnly && styled.css(_templateObject14 || (_templateObject14 = defaultTheme._taggedTemplateLiteral(["\n cursor: default;\n border-color: transparent !important;\n padding: 12px 10px;\n "])));
73
56
  }, function (props) {
74
- return props.disabled && styled.css(_templateObject20 || (_templateObject20 = defaultTheme._taggedTemplateLiteral(["\n cursor: not-allowed;\n "])));
57
+ return props.disabled && styled.css(_templateObject15 || (_templateObject15 = defaultTheme._taggedTemplateLiteral(["\n cursor: not-allowed;\n "])));
75
58
  }, function (props) {
76
- return props.noBorder && !props.type && styled.css(_templateObject21 || (_templateObject21 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), function (props) {
59
+ return props.noBorder && !props.type && styled.css(_templateObject16 || (_templateObject16 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), function (props) {
77
60
  return props.theme.themeProp('border-color', props.theme.getColor('gray-900'), props.theme.getColor('white'));
78
61
  });
79
62
  }, function (props) {
80
- return props.noBorder && props.type === 'warning' && styled.css(_templateObject22 || (_templateObject22 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), function (props) {
63
+ return props.noBorder && props.type === 'warning' && styled.css(_templateObject17 || (_templateObject17 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), function (props) {
81
64
  return props.theme.themeProp('border-color', '#634E01', '#FFFDE8');
82
65
  });
83
66
  }, function (props) {
84
- return props.noBorder && props.type === 'error' && styled.css(_templateObject23 || (_templateObject23 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), function (props) {
67
+ return props.noBorder && props.type === 'error' && styled.css(_templateObject18 || (_templateObject18 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), function (props) {
85
68
  return props.theme.themeProp('border-color', '#7f1b1b', '#FBEAE6');
86
69
  });
87
70
  }, function (props) {
88
- return props.padding === 'small' && styled.css(_templateObject24 || (_templateObject24 = defaultTheme._taggedTemplateLiteral(["\n padding: 5px 10px;\n "])));
71
+ return props.padding === 'small' && styled.css(_templateObject19 || (_templateObject19 = defaultTheme._taggedTemplateLiteral(["\n padding: 5px 10px;\n "])));
89
72
  }, function (props) {
90
- return props.padding === 'medium' && styled.css(_templateObject25 || (_templateObject25 = defaultTheme._taggedTemplateLiteral(["\n padding: 13px 15px;\n "])));
73
+ return props.padding === 'medium' && styled.css(_templateObject20 || (_templateObject20 = defaultTheme._taggedTemplateLiteral(["\n padding: 13px 15px;\n "])));
91
74
  }, function (props) {
92
- return props.padding === 'large' && styled.css(_templateObject26 || (_templateObject26 = defaultTheme._taggedTemplateLiteral(["\n padding: 15px 55px;\n "])));
75
+ return props.padding === 'large' && styled.css(_templateObject21 || (_templateObject21 = defaultTheme._taggedTemplateLiteral(["\n padding: 15px 55px;\n "])));
93
76
  }, function (props) {
94
- return props.hasIcon && styled.css(_templateObject27 || (_templateObject27 = defaultTheme._taggedTemplateLiteral(["\n padding-left: 55px;\n padding-right: 35px;\n padding-top: 13.5px;\n "])));
77
+ return props.hasIcon && styled.css(_templateObject22 || (_templateObject22 = defaultTheme._taggedTemplateLiteral(["\n padding-left: 55px;\n padding-right: 35px;\n padding-top: 13.5px;\n "])));
95
78
  }, function (props) {
96
79
  if (props.disabled) {
97
80
  return '';
@@ -117,8 +100,39 @@ var TextInputField = styled__default["default"].textarea.attrs(defaultTheme.appl
117
100
  }, function (props) {
118
101
  return props.noBorder && !props.readOnly && props.type !== 'warning' && props.type !== 'error' ? props.theme.themeProp('background', props.theme.getColor('gray-700'), props.theme.getColor('gray-100')) : '';
119
102
  }, InputIconContainer, function (props) {
120
- return props.type === 'success' && styled.css(_templateObject28 || (_templateObject28 = defaultTheme._taggedTemplateLiteral(["\n opacity: 0;\n "])));
121
- }, placeholderBaseStyle, warningPlaceholder, errorPlaceholder, warningPlaceholderHover, errorPlaceholderHover, warningPlaceholderHover, errorPlaceholderHover, function (props) {
103
+ return props.type === 'success' && styled.css(_templateObject23 || (_templateObject23 = defaultTheme._taggedTemplateLiteral(["\n opacity: 0;\n "])));
104
+ }, function (props) {
105
+ return props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-600'));
106
+ }, function (props) {
107
+ return props.theme.themeProp('opacity', 0.6, 0.5);
108
+ }, function (props) {
109
+ if (props.type === 'warning') {
110
+ return props.theme.themeProp('color', props.theme.getColor('gray-200'), props.theme.getColor('gray-700'));
111
+ } else if (props.type === 'error') {
112
+ return props.theme.themeProp('color', props.theme.getColor('gray-200'), props.theme.getColor('gray-700'));
113
+ }
114
+ return '';
115
+ }, function (props) {
116
+ return props.theme.themeProp('opacity', 0.6, 0.5);
117
+ }, function (props) {
118
+ if (props.type === 'warning') {
119
+ return props.theme.themeProp('color', props.theme.getColor('gray-900'), props.theme.getColor('gray-900'));
120
+ } else if (props.type === 'error') {
121
+ return props.theme.themeProp('color', props.theme.getColor('red-600'), props.theme.getColor('red-600'));
122
+ } else {
123
+ return props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-600'));
124
+ }
125
+ }, function (props) {
126
+ return props.theme.themeProp('opacity', 0.6, 0.5);
127
+ }, function (props) {
128
+ if (props.type === 'warning') {
129
+ return props.theme.themeProp('color', props.theme.getColor('gray-900'), props.theme.getColor('gray-900'));
130
+ } else if (props.type === 'error') {
131
+ return props.theme.themeProp('color', props.theme.getColor('red-600'), props.theme.getColor('red-600'));
132
+ } else {
133
+ return props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-600'));
134
+ }
135
+ }, function (props) {
122
136
  if (props.readOnly) {
123
137
  if (props.type === 'error') {
124
138
  return props.theme.themeProp('background', '#7f1b1b', '#FBEAE6');
@@ -128,11 +142,11 @@ var TextInputField = styled__default["default"].textarea.attrs(defaultTheme.appl
128
142
  return '';
129
143
  }
130
144
  if (props.type === 'error') {
131
- return styled.css(_templateObject29 || (_templateObject29 = defaultTheme._taggedTemplateLiteral(["\n ", "\n ", "\n ", "\n "])), props.theme.themeProp('border-color', '#D83018', '#D83018'), props.theme.themeProp('background', 'white', 'white'), props.theme.themeProp('color', 'black', 'black'));
145
+ return styled.css(_templateObject24 || (_templateObject24 = defaultTheme._taggedTemplateLiteral(["\n ", "\n ", "\n ", "\n "])), props.theme.themeProp('border-color', '#D83018', '#D83018'), props.theme.themeProp('background', 'white', 'white'), props.theme.themeProp('color', 'black', 'black'));
132
146
  } else if (props.type === 'warning') {
133
- return styled.css(_templateObject30 || (_templateObject30 = defaultTheme._taggedTemplateLiteral(["\n ", "\n ", "\n ", "\n "])), props.theme.themeProp('border-color', '#F4E21E', '#F4E21E'), props.theme.themeProp('background', 'white', 'white'), props.theme.themeProp('color', 'black', 'black'));
147
+ return styled.css(_templateObject25 || (_templateObject25 = defaultTheme._taggedTemplateLiteral(["\n ", "\n ", "\n ", "\n "])), props.theme.themeProp('border-color', '#F4E21E', '#F4E21E'), props.theme.themeProp('background', 'white', 'white'), props.theme.themeProp('color', 'black', 'black'));
134
148
  } else {
135
- return styled.css(_templateObject31 || (_templateObject31 = defaultTheme._taggedTemplateLiteral(["\n ", "\n ", "\n "])), props.theme.themeProp('border-color', props.theme.getColor('gray-500'), props.theme.getColor('gray-600')), props.theme.themeProp('background', 'transparent', props.theme.getColor('white')));
149
+ return styled.css(_templateObject26 || (_templateObject26 = defaultTheme._taggedTemplateLiteral(["\n ", "\n ", "\n "])), props.theme.themeProp('border-color', props.theme.getColor('gray-500'), props.theme.getColor('gray-600')), props.theme.themeProp('background', 'transparent', props.theme.getColor('white')));
136
150
  }
137
151
  }, function (props) {
138
152
  if (props.edit) {
@@ -147,49 +161,49 @@ var TextInputField = styled__default["default"].textarea.attrs(defaultTheme.appl
147
161
  }, function (props) {
148
162
  return props.edit && props.theme.themeProp('border-color', 'rgba(39,39,42, 0.7)', 'rgba(228,228,231, 0.3)');
149
163
  }, function (props) {
150
- return props.noBorder && props.edit && styled.css(_templateObject32 || (_templateObject32 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), function (props) {
164
+ return props.noBorder && props.edit && styled.css(_templateObject27 || (_templateObject27 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), function (props) {
151
165
  return props.theme.themeProp('border-color', '#27272A', 'rgba(244,244,245, 0.3)');
152
166
  });
153
167
  });
154
- var TextInputLabel = styled__default["default"].label.attrs(defaultTheme.applyDefaultTheme)(_templateObject33 || (_templateObject33 = defaultTheme._taggedTemplateLiteral(["\n position: absolute;\n top: 13px;\n left: 11px;\n line-height: 1.2;\n font-size: 0.875rem;\n transition: all 150ms;\n margin-botton: 50px;\n\n ", ";\n\n ", ";\n\n ", "\n\n ", "\n\n ", "\n content: \"\";\n\n ", "\n"])), function (props) {
168
+ var TextInputLabel = styled__default["default"].label.attrs(defaultTheme.applyDefaultTheme)(_templateObject28 || (_templateObject28 = defaultTheme._taggedTemplateLiteral(["\n position: absolute;\n top: 13px;\n left: 11px;\n line-height: 1.2;\n font-size: 0.875rem;\n transition: all 150ms;\n margin-botton: 50px;\n\n ", ";\n\n ", "\n\n ", "\n\n ", "\n content: \"\";\n\n ", "\n"])), function (props) {
155
169
  return props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('gray-700'));
156
- }, placeholderBaseStyle, function (props) {
170
+ }, function (props) {
157
171
  return props.theme.themeProp('background', "linear-gradient(0deg, ".concat(props.theme.getColor('gray-900'), " calc(50% + 1px), transparent 50%)"), "linear-gradient(0deg, ".concat(props.theme.getColor('white'), " calc(50% + 1px), transparent 50%)"));
158
172
  }, function (props) {
159
- return !props.inputIsEmpty && styled.css(_templateObject34 || (_templateObject34 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), activeLabel);
173
+ return !props.inputIsEmpty && styled.css(_templateObject29 || (_templateObject29 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), activeLabel);
160
174
  }, function (props) {
161
- return props.hasPlaceholder && styled.css(_templateObject35 || (_templateObject35 = defaultTheme._taggedTemplateLiteral(["\n ", ";\n "])), activeLabel);
175
+ return props.hasPlaceholder && styled.css(_templateObject30 || (_templateObject30 = defaultTheme._taggedTemplateLiteral(["\n ", ";\n "])), activeLabel);
162
176
  }, function (props) {
163
- return props.hasIcon && styled.css(_templateObject36 || (_templateObject36 = defaultTheme._taggedTemplateLiteral(["\n left: 55px;\n "])));
177
+ return props.hasIcon && styled.css(_templateObject31 || (_templateObject31 = defaultTheme._taggedTemplateLiteral(["\n left: 55px;\n "])));
164
178
  });
165
- var TextInputFieldIcon = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject37 || (_templateObject37 = defaultTheme._taggedTemplateLiteral(["\n position: absolute;\n top: 0;\n left: 0;\n height: 2.625rem;\n display: flex;\n padding: 0 10px;\n\n svg {\n width: 15px;\n opacity: 0.6;\n transition: opacity 250ms;\n }\n"])));
166
- var TextInputFieldIconAlert = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject38 || (_templateObject38 = defaultTheme._taggedTemplateLiteral(["\n position: absolute;\n top: 2.8px;\n display: flex;\n padding: 0 10px 0 30px;\n opacity: 0.6;\n transition: opacity 250ms;\n ", "\n svg {\n margin-top: 12px;\n width: 15px;\n }\n"])), function (props) {
179
+ var TextInputFieldIcon = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject32 || (_templateObject32 = defaultTheme._taggedTemplateLiteral(["\n position: absolute;\n top: 0;\n left: 0;\n height: 2.625rem;\n display: flex;\n padding: 0 10px;\n\n svg {\n width: 15px;\n opacity: 0.6;\n transition: opacity 250ms;\n }\n"])));
180
+ var TextInputFieldIconAlert = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject33 || (_templateObject33 = defaultTheme._taggedTemplateLiteral(["\n position: absolute;\n top: 2.8px;\n display: flex;\n padding: 0 10px 0 30px;\n opacity: 0.6;\n transition: opacity 250ms;\n ", "\n svg {\n margin-top: 12px;\n width: 15px;\n }\n"])), function (props) {
167
181
  return props.type === 'warning' && props.theme.themeProp('color', '#EAB308', '#2F2402');
168
182
  });
169
- var TextInput = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject39 || (_templateObject39 = defaultTheme._taggedTemplateLiteral(["\n position: relative;\n flex-basis: ", ";\n\n ", "\n\n ", "\n\n &:focus-within {\n ", " {\n ", ";\n }\n\n ", " {\n svg {\n opacity: 1;\n }\n }\n }\n\n ", ":not(:placeholder-shown) + ", " {\n ", ";\n ", "\n }\n"])), function (props) {
183
+ var TextInput = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject34 || (_templateObject34 = defaultTheme._taggedTemplateLiteral(["\n position: relative;\n flex-basis: ", ";\n\n ", "\n\n ", "\n\n &:focus-within {\n ", " {\n ", ";\n }\n\n ", " {\n svg {\n opacity: 1;\n }\n }\n }\n\n ", ":not(:placeholder-shown) + ", " {\n ", ";\n ", "\n }\n"])), function (props) {
170
184
  return props.$fieldLabel ? '66.66%' : '100%';
171
185
  }, function (props) {
172
- return props.readOnly && styled.css(_templateObject40 || (_templateObject40 = defaultTheme._taggedTemplateLiteral(["\n overflow: auto;\n "])));
186
+ return props.readOnly && styled.css(_templateObject35 || (_templateObject35 = defaultTheme._taggedTemplateLiteral(["\n overflow: auto;\n "])));
173
187
  }, function (props) {
174
- return props.disabled && styled.css(_templateObject41 || (_templateObject41 = defaultTheme._taggedTemplateLiteral(["\n opacity: 0.5;\n\n > * {\n cursor: not-allowed;\n }\n "])));
188
+ return props.disabled && styled.css(_templateObject36 || (_templateObject36 = defaultTheme._taggedTemplateLiteral(["\n opacity: 0.5;\n\n > * {\n cursor: not-allowed;\n }\n "])));
175
189
  }, TextInputLabel, activeLabel, TextInputFieldIcon, TextInputField, TextInputLabel, activeLabel, function (props) {
176
190
  return props.type === 'error' && props.theme.themeProp('color', props.theme.getColor('red-200'), props.theme.getColor('red-500'));
177
191
  });
178
- var Description = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject42 || (_templateObject42 = defaultTheme._taggedTemplateLiteral(["\n margin: 8px 0 0 0;\n padding: 0 0.6875rem;\n font-size: 0.75rem;\n line-height: 1.333;\n\n ", ";\n\n ", "\n\n ", "\n"])), function (props) {
192
+ var Description = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject37 || (_templateObject37 = defaultTheme._taggedTemplateLiteral(["\n margin: 8px 0 0 0;\n padding: 0 0.6875rem;\n font-size: 0.75rem;\n line-height: 1.333;\n\n ", ";\n\n ", "\n\n ", "\n"])), function (props) {
179
193
  return props.theme.themeProp('color', props.theme.getColor('gray-400'), props.theme.getColor('gray-500'));
180
194
  }, function (props) {
181
- return (props.type === 'warning-border' || props.type === 'warning') && styled.css(_templateObject43 || (_templateObject43 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), props.theme.themeProp('color', props.theme.getColor('red-200'), props.theme.getColor('orange-500')));
195
+ return (props.type === 'warning-border' || props.type === 'warning') && styled.css(_templateObject38 || (_templateObject38 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), props.theme.themeProp('color', props.theme.getColor('red-200'), props.theme.getColor('orange-500')));
182
196
  }, function (props) {
183
- return (props.type === 'error-border' || props.type === 'error') && styled.css(_templateObject44 || (_templateObject44 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), props.theme.themeProp('color', props.theme.getColor('red-200'), props.theme.getColor('red-500')));
197
+ return (props.type === 'error-border' || props.type === 'error') && styled.css(_templateObject39 || (_templateObject39 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), props.theme.themeProp('color', props.theme.getColor('red-200'), props.theme.getColor('red-500')));
184
198
  });
185
- var SuccessContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject45 || (_templateObject45 = defaultTheme._taggedTemplateLiteral(["\n opacity: 1;\n pointer-events: none;\n opacity: ", ";\n animation: ", " 0.5s ease-in-out;\n transition: opacity 0.5s ease-in-out;\n position: absolute;\n margin-top: -35px;\n margin-left: 5px;\n width: 15px;\n height: 15px;\n padding: 5px;\n ", "\n\n > svg {\n width: 15px;\n }\n"])), function (props) {
199
+ var SuccessContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject40 || (_templateObject40 = defaultTheme._taggedTemplateLiteral(["\n opacity: 1;\n pointer-events: none;\n opacity: ", ";\n animation: ", " 0.5s ease-in-out;\n transition: opacity 0.5s ease-in-out;\n position: absolute;\n margin-top: -35px;\n margin-left: 5px;\n width: 15px;\n height: 15px;\n padding: 5px;\n ", "\n\n > svg {\n width: 15px;\n }\n"])), function (props) {
186
200
  return props.fadeIn ? 0 : 1;
187
201
  }, function (props) {
188
202
  return props.fadeIn ? fadeOutCheck : fadeInCheck;
189
203
  }, function (props) {
190
204
  return props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-500'));
191
205
  });
192
- var SuccessContainerLabel = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject46 || (_templateObject46 = defaultTheme._taggedTemplateLiteral(["\n opacity: 1;\n pointer-events: none;\n opacity: ", ";\n animation: ", " 0.5s ease-in-out;\n transition: opacity 0.5s ease-in-out;\n margin-right: 5px;\n margin-top: -7px;\n width: 15px;\n height: 15px;\n padding: 5px;\n ", "\n\n > svg {\n width: 13px;\n }\n"])), function (props) {
206
+ var SuccessContainerLabel = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject41 || (_templateObject41 = defaultTheme._taggedTemplateLiteral(["\n opacity: 1;\n pointer-events: none;\n opacity: ", ";\n animation: ", " 0.5s ease-in-out;\n transition: opacity 0.5s ease-in-out;\n margin-right: 5px;\n margin-top: -7px;\n width: 15px;\n height: 15px;\n padding: 5px;\n ", "\n\n > svg {\n width: 13px;\n }\n"])), function (props) {
193
207
  return props.fadeIn ? 0 : 1;
194
208
  }, function (props) {
195
209
  return props.fadeIn ? fadeOutCheck : fadeInCheck;
@@ -197,7 +211,7 @@ var SuccessContainerLabel = styled__default["default"].div.attrs(defaultTheme.ap
197
211
  return props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-500'));
198
212
  });
199
213
 
200
- var _excluded = ["value", "defaultValue", "name", "label", "placeholder", "required", "disabled", "hidden", "readOnly", "edit", "autoComplete", "description", "type", "icon", "rows", "className", "style", "onChange", "onBlur", "noBorder", "instructionsTextArea", "loadingIcon", "successIcon", "padding", "descriptionToolTip", "borderRadius", "fieldLabel"];
214
+ var _excluded = ["value", "defaultValue", "name", "label", "placeholder", "required", "disabled", "hidden", "readOnly", "edit", "autoComplete", "description", "type", "icon", "rows", "className", "style", "onChange", "onBlur", "noBorder", "loadingIcon", "successIcon", "padding", "descriptionToolTip", "borderRadius", "fieldLabel"];
201
215
  var TextArea = React__default["default"].forwardRef(function TextArea(_ref, forwardedRef) {
202
216
  var value = _ref.value,
203
217
  defaultValue = _ref.defaultValue,
@@ -219,7 +233,6 @@ var TextArea = React__default["default"].forwardRef(function TextArea(_ref, forw
219
233
  _onChange = _ref.onChange,
220
234
  onBlur = _ref.onBlur,
221
235
  noBorder = _ref.noBorder,
222
- instructionsTextArea = _ref.instructionsTextArea,
223
236
  loadingIcon = _ref.loadingIcon,
224
237
  successIcon = _ref.successIcon,
225
238
  padding = _ref.padding,
@@ -277,7 +290,6 @@ var TextArea = React__default["default"].forwardRef(function TextArea(_ref, forw
277
290
  readOnly: readOnly,
278
291
  disabled: disabled,
279
292
  edit: edit,
280
- instructionsTextArea: instructionsTextArea,
281
293
  type: type,
282
294
  autoComplete: autoComplete,
283
295
  hasIcon: Boolean(icon),
@@ -332,7 +344,6 @@ TextArea.defaultProps = {
332
344
  hidden: false,
333
345
  type: '',
334
346
  padding: 'medium',
335
- instructionsTextArea: false,
336
347
  descriptionToolTip: '',
337
348
  isExpanded: function isExpanded() {},
338
349
  onChange: function onChange() {},
@@ -352,8 +363,6 @@ TextArea.propTypes = process.env.NODE_ENV !== "production" ? {
352
363
  edit: defaultTheme.PropTypes.bool,
353
364
  autoComplete: defaultTheme.PropTypes.string,
354
365
  description: defaultTheme.PropTypes.string,
355
- error: defaultTheme.PropTypes.oneOfType([defaultTheme.PropTypes.bool, defaultTheme.PropTypes.string]),
356
- warning: defaultTheme.PropTypes.oneOfType([defaultTheme.PropTypes.bool, defaultTheme.PropTypes.string]),
357
366
  icon: defaultTheme.PropTypes.element,
358
367
  rows: defaultTheme.PropTypes.oneOfType([defaultTheme.PropTypes.number, defaultTheme.PropTypes.string]),
359
368
  className: defaultTheme.PropTypes.string,
@@ -364,7 +373,6 @@ TextArea.propTypes = process.env.NODE_ENV !== "production" ? {
364
373
  noBorder: defaultTheme.PropTypes.bool,
365
374
  isExpanded: defaultTheme.PropTypes.func,
366
375
  type: defaultTheme.PropTypes.oneOf(['', 'error', 'error-border', 'warning-border', 'warning', 'loading', 'success']),
367
- instructionsTextArea: defaultTheme.PropTypes.bool,
368
376
  loadingIcon: defaultTheme.PropTypes.element,
369
377
  successIcon: defaultTheme.PropTypes.element,
370
378
  descriptionToolTip: defaultTheme.PropTypes.string,
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var defaultTheme = require('./defaultTheme-24ea5c47.js');
3
+ var defaultTheme = require('./defaultTheme-e27880d7.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-24ea5c47.js');
3
+ var defaultTheme = require('./defaultTheme-e27880d7.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-dce50395.js');
7
+ require('./shift-away-subtle-d02f851e.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-24ea5c47.js');
3
+ var defaultTheme = require('./defaultTheme-e27880d7.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-edd9f6a7.js');
4
- require('../../defaultTheme-24ea5c47.js');
3
+ var Alert = require('../../Alert-6e35a197.js');
4
+ require('../../defaultTheme-e27880d7.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-00b2f311.js');
4
- require('../../defaultTheme-24ea5c47.js');
3
+ var Badge = require('../../Badge-a0b1a4e4.js');
4
+ require('../../defaultTheme-e27880d7.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-f00121a3.js');
4
- require('../../defaultTheme-24ea5c47.js');
3
+ var Popover = require('../../Popover-3bad6306.js');
4
+ require('../../defaultTheme-e27880d7.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-dce50395.js');
10
+ require('../../shift-away-subtle-d02f851e.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-d3ee0a3b.js');
4
- require('../../defaultTheme-24ea5c47.js');
3
+ var Tab = require('../../Tab-a4efa5a2.js');
4
+ require('../../defaultTheme-e27880d7.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-20c4effe.js');
4
- require('../../defaultTheme-24ea5c47.js');
3
+ var Tabs = require('../../Tabs-33a888fb.js');
4
+ require('../../defaultTheme-e27880d7.js');
5
5
  require('styled-components');
6
6
  require('lodash');
7
7
  require('react');
8
- require('../../Tab-d3ee0a3b.js');
8
+ require('../../Tab-a4efa5a2.js');
9
9
 
10
10
 
11
11
 
@@ -1,11 +1,11 @@
1
1
  'use strict';
2
2
 
3
- var Tooltip = require('../../Tooltip-7dc4676b.js');
4
- require('../../defaultTheme-24ea5c47.js');
3
+ var Tooltip = require('../../Tooltip-ddd4ac6b.js');
4
+ require('../../defaultTheme-e27880d7.js');
5
5
  require('styled-components');
6
6
  require('react');
7
7
  require('@tippyjs/react');
8
- require('../../shift-away-subtle-dce50395.js');
8
+ require('../../shift-away-subtle-d02f851e.js');
9
9
 
10
10
 
11
11
 
package/data/index.js CHANGED
@@ -2,20 +2,20 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var Alert = require('../Alert-edd9f6a7.js');
6
- var Badge = require('../Badge-00b2f311.js');
7
- var Popover = require('../Popover-f00121a3.js');
8
- var Tab = require('../Tab-d3ee0a3b.js');
9
- var Tabs = require('../Tabs-20c4effe.js');
10
- var Tooltip = require('../Tooltip-7dc4676b.js');
11
- var VerificationStatusIcon = require('../VerificationStatusIcon-f3c44ef8.js');
12
- require('../defaultTheme-24ea5c47.js');
5
+ var Alert = require('../Alert-6e35a197.js');
6
+ var Badge = require('../Badge-a0b1a4e4.js');
7
+ var Popover = require('../Popover-3bad6306.js');
8
+ var Tab = require('../Tab-a4efa5a2.js');
9
+ var Tabs = require('../Tabs-33a888fb.js');
10
+ var Tooltip = require('../Tooltip-ddd4ac6b.js');
11
+ var VerificationStatusIcon = require('../VerificationStatusIcon-b92fe0ae.js');
12
+ require('../defaultTheme-e27880d7.js');
13
13
  require('styled-components');
14
14
  require('react');
15
15
  require('lodash');
16
16
  require('polished');
17
17
  require('@tippyjs/react');
18
- require('../shift-away-subtle-dce50395.js');
18
+ require('../shift-away-subtle-d02f851e.js');
19
19
  require('popper-max-size-modifier');
20
20
 
21
21
 
@@ -1332,7 +1332,7 @@ function styleInject(css, ref) {
1332
1332
  }
1333
1333
 
1334
1334
  var css_248z = "/**\n * Colors\n */";
1335
- var importedColors = {"orange-600":"#634e01","orange-500":"#ff9900","orange-400":"#ffcb7e","emerald-600":"#296c58","emerald-500":"#30826a","emerald-400":"#64b49d","emerald-300":"#bfe0d5","emerald-200":"#f3f9f7","gray-900":"#141313","gray-800":"#272727","gray-700":"#323232","gray-600":"#505050","gray-500":"#767676","gray-400":"#b0b6b9","gray-300":"#d9dce0","gray-200":"#eff1f4","gray-100":"#f7f8f9","cercise-500":"#5f1031","cercise-400":"#854962","cercise-300":"#d099b0","cercise-200":"#fecaca","cercise-100":"#f9f3f5","red-600":"#7f1b1b","red-500":"#d83000","red-200":"#fbeae6","brown-500":"#634e01","signal-yellow-500":"#f4e21e","signal-yellow-400":"#fff36c","signal-green-500":"#00bd98","signal-green-400":"#a3ffe0","black":"#202435","white":"#ffffff"};
1335
+ var importedColors = {"orange-600":"#634e01","orange-500":"#ff9900","orange-400":"#ffcb7e","emerald-600":"#296c58","emerald-500":"#30826a","emerald-400":"#64b49d","emerald-300":"#bfe0d5","emerald-200":"#f3f9f7","gray-900":"#141313","gray-800":"#272727","gray-700":"#323232","gray-600":"#505050","gray-500":"#767676","gray-400":"#b0b6b9","gray-300":"#d9dce0","gray-200":"#eff1f4","gray-100":"#f7f8f9","gray-50":"#f4f4f5","cercise-500":"#5f1031","cercise-400":"#854962","cercise-300":"#d099b0","cercise-200":"#fecaca","cercise-100":"#f9f3f5","red-600":"#7f1b1b","red-500":"#d83000","red-200":"#fbeae6","brown-500":"#634e01","signal-yellow-500":"#f4e21e","signal-yellow-400":"#fff36c","signal-green-500":"#00bd98","signal-green-400":"#a3ffe0","black":"#202435","white":"#ffffff"};
1336
1336
  styleInject(css_248z);
1337
1337
 
1338
1338
  var _excluded = ["theme"];
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
- var ActionButton = require('../../ActionButton-5bc79370.js');
4
- require('../../defaultTheme-24ea5c47.js');
3
+ var ActionButton = require('../../ActionButton-41ea1bda.js');
4
+ require('../../defaultTheme-e27880d7.js');
5
5
  require('styled-components');
6
6
  require('react');
7
7
  require('polished');
@@ -1,16 +1,16 @@
1
1
  'use strict';
2
2
 
3
- var Button = require('../../Button-82e91acb.js');
4
- require('../../defaultTheme-24ea5c47.js');
3
+ var Button = require('../../Button-e1c2d914.js');
4
+ require('../../defaultTheme-e27880d7.js');
5
5
  require('styled-components');
6
6
  require('react');
7
- require('../../Popover-f00121a3.js');
7
+ require('../../Popover-3bad6306.js');
8
8
  require('lodash');
9
9
  require('polished');
10
10
  require('@tippyjs/react');
11
- require('../../shift-away-subtle-dce50395.js');
11
+ require('../../shift-away-subtle-d02f851e.js');
12
12
  require('popper-max-size-modifier');
13
- require('../../ContextMenu-9645746f.js');
13
+ require('../../ContextMenu-5198c59f.js');
14
14
  require('../../expand-more-d74e2bd2.js');
15
15
 
16
16
 
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
- var Checkbox = require('../../Checkbox-c441fdba.js');
4
- require('../../defaultTheme-24ea5c47.js');
3
+ var Checkbox = require('../../Checkbox-153048de.js');
4
+ require('../../defaultTheme-e27880d7.js');
5
5
  require('styled-components');
6
6
  require('react');
7
7
  require('nanoid');
@@ -1,25 +1,25 @@
1
1
  'use strict';
2
2
 
3
- var CompactAutocompleteSelect = require('../../CompactAutocompleteSelect-56f502f6.js');
4
- require('../../defaultTheme-24ea5c47.js');
3
+ var CompactAutocompleteSelect = require('../../CompactAutocompleteSelect-d87f259e.js');
4
+ require('../../defaultTheme-e27880d7.js');
5
5
  require('styled-components');
6
6
  require('lodash');
7
7
  require('nanoid');
8
8
  require('react');
9
- require('../../Alert-edd9f6a7.js');
10
- require('../../Badge-00b2f311.js');
11
- require('../../Popover-f00121a3.js');
9
+ require('../../Alert-6e35a197.js');
10
+ require('../../Badge-a0b1a4e4.js');
11
+ require('../../Popover-3bad6306.js');
12
12
  require('polished');
13
13
  require('@tippyjs/react');
14
- require('../../shift-away-subtle-dce50395.js');
14
+ require('../../shift-away-subtle-d02f851e.js');
15
15
  require('popper-max-size-modifier');
16
- require('../../Tab-d3ee0a3b.js');
17
- require('../../Tabs-20c4effe.js');
18
- require('../../Tooltip-7dc4676b.js');
19
- require('../../VerificationStatusIcon-f3c44ef8.js');
16
+ require('../../Tab-a4efa5a2.js');
17
+ require('../../Tabs-33a888fb.js');
18
+ require('../../Tooltip-ddd4ac6b.js');
19
+ require('../../VerificationStatusIcon-b92fe0ae.js');
20
20
  require('react-select');
21
21
  require('react-select-async-paginate');
22
- require('../../react-select-creatable.esm-09b1be95.js');
22
+ require('../../react-select-creatable.esm-9bb6a785.js');
23
23
  require('react-dom');
24
24
  require('../../close-1751121a.js');
25
25
  require('../../expand-more-d74e2bd2.js');