@ntbjs/react-components 1.1.22 → 1.1.24

package/{TextArea-a125b7b3.js → TextArea-9c459b6e.js}

@@ -1,17 +1,17 @@
 'use strict';
 
-var defaultTheme = require('./defaultTheme-06b819a9.js');
+var defaultTheme = require('./defaultTheme-24ea5c47.js');
 var React = require('react');
 var lodash = require('lodash');
 var useMergedRefs = require('./useMergedRefs-b6d2f8fc.js');
 var nanoid = require('nanoid');
-require('./Alert-7bbe87f3.js');
-require('./Badge-dc50d116.js');
-require('./Popover-5e9ab515.js');
-require('./Tab-572141e4.js');
-require('./Tabs-9dbd5b85.js');
-var Tooltip = require('./Tooltip-5bbe5971.js');
-require('./VerificationStatusIcon-10460fe7.js');
+require('./Alert-edd9f6a7.js');
+require('./Badge-00b2f311.js');
+require('./Popover-f00121a3.js');
+require('./Tab-d3ee0a3b.js');
+require('./Tabs-243c5e0b.js');
+var Tooltip = require('./Tooltip-7dc4676b.js');
+require('./VerificationStatusIcon-f3c44ef8.js');
 var editNote = require('./edit-note-cefe2215.js');
 var styled = require('styled-components');
 
@@ -20,7 +20,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-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, _templateObject40, _templateObject41, _templateObject42, _templateObject43, _templateObject44, _templateObject45, _templateObject46;
+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;
 var fadeInCheck = styled.keyframes(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n  from {\n    opacity: 0\n  }\n  to {\n    opacity: 1\n  }\n"])));
 var fadeOutCheck = styled.keyframes(_templateObject2 || (_templateObject2 = defaultTheme._taggedTemplateLiteral(["\n  from {\n    opacity: 1\n  }\n  to {\n    opacity: 0\n  }\n"])));
 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"])));
@@ -42,88 +42,112 @@ var errorPlaceholderHover = styled.css(_templateObject8 || (_templateObject8 = d
   return props.type === 'error' && props.theme.themeProp('color', props.theme.getColor('red-600'), props.theme.getColor('red-600'), 1);
 });
 var TextAreaContainter = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject9 || (_templateObject9 = defaultTheme._taggedTemplateLiteral(["\n  display: flex;\n"])));
-var Label = styled__default["default"].label.attrs(defaultTheme.applyDefaultTheme)(_templateObject10 || (_templateObject10 = 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) {
+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) {
   return props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('gray-700'));
 }, function (props) {
-  return props.disabled && styled.css(_templateObject11 || (_templateObject11 = defaultTheme._taggedTemplateLiteral(["\n      cursor: not-allowed;\n    "])));
+  return props.disabled && styled.css(_templateObject1 || (_templateObject1 = defaultTheme._taggedTemplateLiteral(["\n      cursor: not-allowed;\n    "])));
 });
-var InputIconContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject12 || (_templateObject12 = 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) {
+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) {
   return props.theme.themeProp('background-color', props.theme.getColor('gray-900'), props.theme.getColor('gray-300'), '!important');
 }, function (props) {
-  return props.disabled && styled.css(_templateObject13 || (_templateObject13 = defaultTheme._taggedTemplateLiteral(["\n        display: none;\n      "])));
+  return props.disabled && styled.css(_templateObject11 || (_templateObject11 = defaultTheme._taggedTemplateLiteral(["\n        display: none;\n      "])));
 });
-var TextInputField = styled__default["default"].textarea.attrs(defaultTheme.applyDefaultTheme)(_templateObject14 || (_templateObject14 = defaultTheme._taggedTemplateLiteral(["\n  width: 100%;\n  font-family: inherit;\n  font-size: 0.875rem;\n  border-radius: 2px;\n  padding: 5px 10px;\n  resize: vertical;\n  z-index: 0;\n  border-radius: 3px;\n  box-sizing: border-box;\n  appearance: none;\n  border: 1px solid;\n  transition: height 550ms ease-in-out; border-color 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  ", "\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     ", "; \n\n\n    ", ";\n    transition: background 350ms;\n    & + ", " {\n      opacity: 1;\n      ", ";\n      transition: opacity 350ms;\n    }\n  }\n\n  &::placeholder {\n   ", "\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        \n    ", "  \n      \n    ", "\n\n  }\n\n  &&:not(:hover):not(:focus) {\n    ", ";\n    ", ";\n\n       ", "\n       \n  }\n"])), function (props) {
-  return props.borderRadius && styled.css(_templateObject15 || (_templateObject15 = defaultTheme._taggedTemplateLiteral(["\n       border-radius: ", "px;\n     "])), props.borderRadius);
-}, function (props) {
-  return props.theme.themeProp('color', 'white', 'black');
+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) {
+  return props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-900'));
 }, function (props) {
-  return props.readOnly && styled.css(_templateObject16 || (_templateObject16 = defaultTheme._taggedTemplateLiteral(["\n      cursor: default;\n      border-color: transparent !important;\n      padding: 12px 10px; ;\n    "])));
+  return props.borderRadius && styled.css(_templateObject13 || (_templateObject13 = defaultTheme._taggedTemplateLiteral(["\n      border-radius: ", "px;\n    "])), props.borderRadius);
 }, function (props) {
-  return props.disabled && styled.css(_templateObject17 || (_templateObject17 = defaultTheme._taggedTemplateLiteral(["\n      cursor: not-allowed;\n    "])));
+  if (props.type === 'error') {
+    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'));
+  } else if (props.type === 'warning') {
+    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'));
+  } else if (props.type === 'error-border') {
+    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')));
+  } else if (props.type === 'warning-border') {
+    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')));
+  } else {
+    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')));
+  }
 }, function (props) {
-  return props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-900'));
+  return props.readOnly && styled.css(_templateObject19 || (_templateObject19 = defaultTheme._taggedTemplateLiteral(["\n      cursor: default;\n      border-color: transparent !important;\n      padding: 12px 10px;\n    "])));
 }, function (props) {
-  return props.theme.themeProp('background', props.theme.getColor('gray-900'), props.theme.getColor('white'));
+  return props.disabled && styled.css(_templateObject20 || (_templateObject20 = defaultTheme._taggedTemplateLiteral(["\n      cursor: not-allowed;\n    "])));
 }, function (props) {
-  return props.theme.themeProp('border-color', props.theme.getColor('gray-500'), props.theme.getColor('gray-400'));
-}, function (props) {
-  return props.noBorder && styled.css(_templateObject18 || (_templateObject18 = defaultTheme._taggedTemplateLiteral(["\n      ", "\n    "])), function (props) {
+  return props.noBorder && !props.type && styled.css(_templateObject21 || (_templateObject21 = defaultTheme._taggedTemplateLiteral(["\n      ", "\n    "])), function (props) {
     return props.theme.themeProp('border-color', props.theme.getColor('gray-900'), props.theme.getColor('white'));
   });
 }, function (props) {
-  return props.type === 'warning' && styled.css(_templateObject19 || (_templateObject19 = 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'));
-}, function (props) {
-  return props.type === 'error' && styled.css(_templateObject20 || (_templateObject20 = 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'));
-}, function (props) {
-  return props.noBorder && props.type === 'warning' && styled.css(_templateObject21 || (_templateObject21 = defaultTheme._taggedTemplateLiteral(["\n      ", "\n    "])), function (props) {
+  return props.noBorder && props.type === 'warning' && styled.css(_templateObject22 || (_templateObject22 = defaultTheme._taggedTemplateLiteral(["\n      ", "\n    "])), function (props) {
     return props.theme.themeProp('border-color', '#634E01', '#FFFDE8');
   });
 }, function (props) {
-  return props.noBorder && props.type === 'error' && styled.css(_templateObject22 || (_templateObject22 = defaultTheme._taggedTemplateLiteral(["\n          ", "\n        "])), function (props) {
+  return props.noBorder && props.type === 'error' && styled.css(_templateObject23 || (_templateObject23 = defaultTheme._taggedTemplateLiteral(["\n      ", "\n    "])), function (props) {
     return props.theme.themeProp('border-color', '#7f1b1b', '#FBEAE6');
   });
 }, function (props) {
-  return props.type === 'warning-border' && styled.css(_templateObject23 || (_templateObject23 = defaultTheme._taggedTemplateLiteral(["\n      ", "\n    "])), props.theme.themeProp('border-color', props.theme.getColor('red-200'), props.theme.getColor('orange-500')));
-}, function (props) {
-  return props.type === 'error-border' && styled.css(_templateObject24 || (_templateObject24 = defaultTheme._taggedTemplateLiteral(["\n        ", "\n      "])), props.theme.themeProp('border-color', props.theme.getColor('red-200'), props.theme.getColor('red-500')));
+  return props.padding === 'small' && styled.css(_templateObject24 || (_templateObject24 = defaultTheme._taggedTemplateLiteral(["\n      padding: 5px 10px;\n    "])));
 }, function (props) {
-  return props.padding === 'small' && styled.css(_templateObject25 || (_templateObject25 = defaultTheme._taggedTemplateLiteral(["\n      padding: 5px 10px;\n    "])));
+  return props.padding === 'medium' && styled.css(_templateObject25 || (_templateObject25 = defaultTheme._taggedTemplateLiteral(["\n      padding: 13px 15px;\n    "])));
 }, function (props) {
-  return props.padding === 'medium' && styled.css(_templateObject26 || (_templateObject26 = defaultTheme._taggedTemplateLiteral(["\n      padding: 13px 15px;\n    "])));
+  return props.padding === 'large' && styled.css(_templateObject26 || (_templateObject26 = defaultTheme._taggedTemplateLiteral(["\n      padding: 15px 55px;\n    "])));
 }, function (props) {
-  return props.padding === 'large' && styled.css(_templateObject27 || (_templateObject27 = defaultTheme._taggedTemplateLiteral(["\n      padding: 15px 55px;\n    "])));
+  return props.hasIcon && styled.css(_templateObject27 || (_templateObject27 = defaultTheme._taggedTemplateLiteral(["\n      padding-left: 55px;\n      padding-right: 35px;\n      padding-top: 13.5px;\n    "])));
 }, function (props) {
-  return props.hasIcon && styled.css(_templateObject28 || (_templateObject28 = defaultTheme._taggedTemplateLiteral(["\n          padding-left: 55px;\n          padding-right: 35px;\n          padding-top: 13.5px;\n        "])));
-}, function (props) {
-  return !props.readOnly && !props.disabled && props.theme.themeProp('background', props.theme.getColor('gray-700'), props.theme.getColor('gray-100'));
+  if (props.disabled) {
+    return '';
+  }
+  if (props.readOnly) {
+    if (props.type === 'error') {
+      return props.theme.themeProp('background', '#7f1b1b', '#FBEAE6');
+    } else if (props.type === 'warning') {
+      return props.theme.themeProp('background', '#634E01', '#FFFDE8');
+    }
+    return '';
+  }
+  if (props.type === 'error') {
+    return props.theme.themeProp('background', '#901d1d', '#F7D5D0');
+  } else if (props.type === 'warning') {
+    return props.theme.themeProp('background', '#806403', '#FFFEBF');
+  } else if (!props.disabled) {
+    return props.theme.themeProp('background', props.theme.getColor('gray-700'), props.theme.getColor('gray-100'));
+  }
+  return '';
 }, function (props) {
   return props.edit && props.theme.themeProp('border-color', props.theme.getColor('gray-700'), props.theme.getColor('gray-100'));
 }, function (props) {
-  return props.type === 'warning' && props.theme.themeProp('background', '#806403', '#FFFEBF');
-}, function (props) {
-  return props.type === 'error' && props.theme.themeProp('background', '#901d1d', '#F7D5D0');
-}, function (props) {
-  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')) : 'background: transparent';
+  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')) : '';
 }, InputIconContainer, function (props) {
-  return props.type === 'success' && styled.css(_templateObject29 || (_templateObject29 = defaultTheme._taggedTemplateLiteral(["\n          opacity: 0;\n        "])));
+  return props.type === 'success' && styled.css(_templateObject28 || (_templateObject28 = defaultTheme._taggedTemplateLiteral(["\n          opacity: 0;\n        "])));
 }, placeholderBaseStyle, warningPlaceholder, errorPlaceholder, warningPlaceholderHover, errorPlaceholderHover, warningPlaceholderHover, errorPlaceholderHover, function (props) {
-  return props.theme.themeProp('border-color', props.theme.getColor('gray-500'), props.theme.getColor('gray-600'));
-}, function (props) {
-  return props.theme.themeProp('background', 'transparent', props.theme.getColor('white'));
-}, function (props) {
-  return props.type === 'warning' && styled.css(_templateObject30 || (_templateObject30 = defaultTheme._taggedTemplateLiteral(["\n        ", "\n        ", "\n        ", "\n      "])), function (props) {
-    return props.theme.themeProp('border-color', '#F4E21E', '#F4E21E');
-  }, props.theme.themeProp('background', 'white', 'white'), props.theme.themeProp('color', 'black', 'black'));
-}, function (props) {
-  return props.type === 'error' && styled.css(_templateObject31 || (_templateObject31 = defaultTheme._taggedTemplateLiteral(["\n        ", "\n        ", "\n        ", "\n      "])), function (props) {
-    return props.theme.themeProp('border-color', '#D83018', '#D83018');
-  }, props.theme.themeProp('background', 'white', 'white'), props.theme.themeProp('color', 'black', 'black'));
-}, function (props) {
-  return props.edit && props.theme.themeProp('background', 'rgba(39,39,42, 0.7)', 'rgba(244,244,245, 0.3)');
+  if (props.readOnly) {
+    if (props.type === 'error') {
+      return props.theme.themeProp('background', '#7f1b1b', '#FBEAE6');
+    } else if (props.type === 'warning') {
+      return props.theme.themeProp('background', '#634E01', '#FFFDE8');
+    }
+    return '';
+  }
+  if (props.type === 'error') {
+    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'));
+  } else if (props.type === 'warning') {
+    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'));
+  } else {
+    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')));
+  }
+}, function (props) {
+  if (props.edit) {
+    if (props.type === 'error') {
+      return props.theme.themeProp('background', '#7f1b1b', '#FEE2E2');
+    } else if (props.type === 'warning') {
+      return props.theme.themeProp('background', '#634E01', '#FFFDE8');
+    } else {
+      return props.theme.themeProp('background', 'rgba(39,39,42, 0.7)', 'rgba(244,244,245, 0.3)');
+    }
+  }
 }, function (props) {
   return props.edit && props.theme.themeProp('border-color', 'rgba(39,39,42, 0.7)', 'rgba(228,228,231, 0.3)');
 }, function (props) {
-  return props.noBorder && props.edit && styled.css(_templateObject32 || (_templateObject32 = defaultTheme._taggedTemplateLiteral(["\n           ", "\n         "])), function (props) {
+  return props.noBorder && props.edit && styled.css(_templateObject32 || (_templateObject32 = defaultTheme._taggedTemplateLiteral(["\n        ", "\n      "])), function (props) {
     return props.theme.themeProp('border-color', '#27272A', 'rgba(244,244,245, 0.3)');
   });
 });
@@ -142,7 +166,7 @@ var TextInputFieldIcon = styled__default["default"].div.attrs(defaultTheme.apply
 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) {
   return props.type === 'warning' && props.theme.themeProp('color', '#EAB308', '#2F2402');
 });
-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    \n\n  &:focus-within {\n    ", " {\n      ", ";\n    }\n\n    ", " {\n      svg {\n        opacity: 1;\n      }\n    }\n  }\n\n  ", ":not(:placeholder-shown) + ", " {\n    ", ";\n    ", "\n  }\n  }\n"])), function (props) {
+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) {
   return props.$fieldLabel ? '66.66%' : '100%';
 }, function (props) {
   return props.readOnly && styled.css(_templateObject40 || (_templateObject40 = defaultTheme._taggedTemplateLiteral(["\n      overflow: auto;\n    "])));

package/{TextInput-9e62ab60.js → TextInput-70cb3df7.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var defaultTheme = require('./defaultTheme-06b819a9.js');
+var defaultTheme = require('./defaultTheme-24ea5c47.js');
 var React = require('react');
 var nanoid = require('nanoid');
 var useMergedRefs = require('./useMergedRefs-b6d2f8fc.js');
@@ -13,7 +13,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-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;
+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;
 var activeLabel = styled.css(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n  font-size: 0.75rem;\n  padding: 0 3px;\n  top: -7px;\n  letter-spacing: 0.03em;\n  left: 8px !important;\n  opacity: 1 !important;\n"])));
 var Adornment = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject2 || (_templateObject2 = defaultTheme._taggedTemplateLiteral(["\n  flex-shrink: 0;\n  font-family: inherit;\n  font-size: 0.875rem;\n  line-height: initial;\n  padding: 13px 10px;\n\n  ", "\n  ", "\n  border: 1px solid;\n  ", "\n  border-radius: 3px;\n  ", "\n  box-sizing: border-box;\n  appearance: none;\n  transition: border-color 350ms;\n  height: 2.75rem;\n\n  ", "\n  ", "\n"])), function (props) {
   return props.theme.themeProp('color', props.theme.getColor('gray-400'), props.theme.getColor('gray-500'));
@@ -45,13 +45,13 @@ var TextInputField = styled__default["default"].input.attrs(defaultTheme.applyDe
 }, function (props) {
   return props.noBorder || props.readOnly ? 'border-color: transparent !important' : props.theme.themeProp('border-color', props.theme.getColor('gray-500'), props.theme.getColor('gray-400'));
 }, function (props) {
-  return props.readOnly && styled.css(_templateObject10 || (_templateObject10 = defaultTheme._taggedTemplateLiteral(["\n      user-select: text;\n      cursor: default;\n    "])));
+  return props.readOnly && styled.css(_templateObject0 || (_templateObject0 = defaultTheme._taggedTemplateLiteral(["\n      user-select: text;\n      cursor: default;\n    "])));
 }, function (props) {
-  return props.warning && styled.css(_templateObject11 || (_templateObject11 = defaultTheme._taggedTemplateLiteral(["\n      border-color: ", " !important;\n    "])), props.theme.getColor('orange-500'));
+  return props.warning && styled.css(_templateObject1 || (_templateObject1 = defaultTheme._taggedTemplateLiteral(["\n      border-color: ", " !important;\n    "])), props.theme.getColor('orange-500'));
 }, function (props) {
-  return props.error && styled.css(_templateObject12 || (_templateObject12 = defaultTheme._taggedTemplateLiteral(["\n      border-color: ", " !important;\n    "])), props.theme.getColor('red-500'));
+  return props.error && styled.css(_templateObject10 || (_templateObject10 = defaultTheme._taggedTemplateLiteral(["\n      border-color: ", " !important;\n    "])), props.theme.getColor('red-500'));
 }, function (props) {
-  return props.hasIcon && styled.css(_templateObject13 || (_templateObject13 = defaultTheme._taggedTemplateLiteral(["\n      padding-left: 35px;\n    "])));
+  return props.hasIcon && styled.css(_templateObject11 || (_templateObject11 = defaultTheme._taggedTemplateLiteral(["\n      padding-left: 35px;\n    "])));
 }, function (props) {
   return props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-600'), 1);
 }, function (props) {
@@ -61,35 +61,35 @@ var TextInputField = styled__default["default"].input.attrs(defaultTheme.applyDe
 }, InputIconContainer, function (props) {
   return props.theme.getColor('gray-600');
 }, function (props) {
-  return props.readOnly && styled.css(_templateObject14 || (_templateObject14 = defaultTheme._taggedTemplateLiteral(["\n        outline: none;\n      "])));
+  return props.readOnly && styled.css(_templateObject12 || (_templateObject12 = defaultTheme._taggedTemplateLiteral(["\n        outline: none;\n      "])));
 });
-var TextInputLabel = styled__default["default"].label.attrs(defaultTheme.applyDefaultTheme)(_templateObject15 || (_templateObject15 = defaultTheme._taggedTemplateLiteral(["\n  position: absolute;\n  top: 15px;\n  left: 11px;\n  line-height: 1.2;\n  font-size: 0.875rem;\n  transition: all 150ms;\n\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n\n\n  ", "\n"])), function (props) {
+var TextInputLabel = styled__default["default"].label.attrs(defaultTheme.applyDefaultTheme)(_templateObject13 || (_templateObject13 = defaultTheme._taggedTemplateLiteral(["\n  position: absolute;\n  top: 15px;\n  left: 11px;\n  line-height: 1.2;\n  font-size: 0.875rem;\n  transition: all 150ms;\n\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n\n\n  ", "\n"])), function (props) {
   return props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-600'));
 }, function (props) {
   return props.theme.themeProp('opacity', 0.6, 0.5);
 }, function (props) {
   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%)"));
 }, function (props) {
-  return (props.hasPlaceholder || props.hasAdornments) && styled.css(_templateObject16 || (_templateObject16 = defaultTheme._taggedTemplateLiteral(["\n      ", ";\n    "])), activeLabel);
+  return (props.hasPlaceholder || props.hasAdornments) && styled.css(_templateObject14 || (_templateObject14 = defaultTheme._taggedTemplateLiteral(["\n      ", ";\n    "])), activeLabel);
 }, function (props) {
-  return props.hasIcon && styled.css(_templateObject17 || (_templateObject17 = defaultTheme._taggedTemplateLiteral(["\n      left: 35px;\n    "])));
+  return props.hasIcon && styled.css(_templateObject15 || (_templateObject15 = defaultTheme._taggedTemplateLiteral(["\n      left: 35px;\n    "])));
 });
-var TextInputFieldIcon = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject18 || (_templateObject18 = 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"])));
-var TextInput$1 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject19 || (_templateObject19 = defaultTheme._taggedTemplateLiteral(["\n  position: relative;\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    ", "\n    ", " \n  } \n \n}\n"])), function (props) {
-  return props.disabled && styled.css(_templateObject20 || (_templateObject20 = defaultTheme._taggedTemplateLiteral(["\n      user-select: none;\n      opacity: 0.5;\n      cursor: not-allowed;\n      > * {\n        pointer-events: none;\n      }\n    "])));
+var TextInputFieldIcon = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject16 || (_templateObject16 = 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"])));
+var TextInput$1 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject17 || (_templateObject17 = defaultTheme._taggedTemplateLiteral(["\n  position: relative;\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    ", "\n    ", " \n  } \n \n}\n"])), function (props) {
+  return props.disabled && styled.css(_templateObject18 || (_templateObject18 = defaultTheme._taggedTemplateLiteral(["\n      user-select: none;\n      opacity: 0.5;\n      cursor: not-allowed;\n      > * {\n        pointer-events: none;\n      }\n    "])));
 }, TextInputLabel, activeLabel, TextInputFieldIcon, TextInputField, TextInputLabel, activeLabel, function (props) {
   return props.error && props.theme.themeProp('color', props.theme.getColor('red-200'), props.theme.getColor('red-500'));
 }, function (props) {
-  return props.error && styled.css(_templateObject21 || (_templateObject21 = defaultTheme._taggedTemplateLiteral(["\n        color: ", ";\n      "])), props.theme.getColor('red-500'));
+  return props.error && styled.css(_templateObject19 || (_templateObject19 = defaultTheme._taggedTemplateLiteral(["\n        color: ", ";\n      "])), props.theme.getColor('red-500'));
 }, function (props) {
-  return props.warning && styled.css(_templateObject22 || (_templateObject22 = defaultTheme._taggedTemplateLiteral(["\n        color: ", ";\n      "])), props.theme.getColor('orange-500'));
+  return props.warning && styled.css(_templateObject20 || (_templateObject20 = defaultTheme._taggedTemplateLiteral(["\n        color: ", ";\n      "])), props.theme.getColor('orange-500'));
 });
-var Description = styled__default["default"].p.attrs(defaultTheme.applyDefaultTheme)(_templateObject23 || (_templateObject23 = 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) {
+var Description = styled__default["default"].p.attrs(defaultTheme.applyDefaultTheme)(_templateObject21 || (_templateObject21 = 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) {
   return props.theme.themeProp('color', props.theme.getColor('gray-400'), props.theme.getColor('gray-500'));
 }, function (props) {
-  return props.error && styled.css(_templateObject24 || (_templateObject24 = defaultTheme._taggedTemplateLiteral(["\n      ", "\n    "])), props.theme.themeProp('color', props.theme.getColor('red-200'), props.theme.getColor('red-500')));
+  return props.error && styled.css(_templateObject22 || (_templateObject22 = defaultTheme._taggedTemplateLiteral(["\n      ", "\n    "])), props.theme.themeProp('color', props.theme.getColor('red-200'), props.theme.getColor('red-500')));
 }, function (props) {
-  return props.warning && styled.css(_templateObject25 || (_templateObject25 = defaultTheme._taggedTemplateLiteral(["\n      ", "\n    "])), props.theme.themeProp('color', props.theme.getColor('red-200'), props.theme.getColor('orange-500')));
+  return props.warning && styled.css(_templateObject23 || (_templateObject23 = defaultTheme._taggedTemplateLiteral(["\n      ", "\n    "])), props.theme.themeProp('color', props.theme.getColor('red-200'), props.theme.getColor('orange-500')));
 });
 
 var _excluded = ["value", "defaultValue", "name", "label", "placeholder", "type", "required", "disabled", "readOnly", "autoComplete", "description", "error", "warning", "icon", "adornments", "className", "style", "onChange", "onBlur", "noBorder"];

package/{Tooltip-5bbe5971.js → Tooltip-7dc4676b.js}

@@ -1,10 +1,10 @@
 'use strict';
 
-var defaultTheme = require('./defaultTheme-06b819a9.js');
+var defaultTheme = require('./defaultTheme-24ea5c47.js');
 var React = require('react');
 var styled = require('styled-components');
 var TippyTooltip = require('@tippyjs/react');
-require('./shift-away-subtle-16a9f31b.js');
+require('./shift-away-subtle-dce50395.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/{VerificationStatusIcon-10460fe7.js → VerificationStatusIcon-f3c44ef8.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var defaultTheme = require('./defaultTheme-06b819a9.js');
+var defaultTheme = require('./defaultTheme-24ea5c47.js');
 var React = require('react');
 var styled = require('styled-components');
 

package/arrow-forward-d7c77ae3.js

@@ -0,0 +1,37 @@
+'use strict';
+
+var React = require('react');
+
+function _interopNamespace(e) {
+	if (e && e.__esModule) return e;
+	var n = Object.create(null);
+	if (e) {
+		Object.keys(e).forEach(function (k) {
+			if (k !== 'default') {
+				var d = Object.getOwnPropertyDescriptor(e, k);
+				Object.defineProperty(n, k, d.get ? d : {
+					enumerable: true,
+					get: function () { return e[k]; }
+				});
+			}
+		});
+	}
+	n["default"] = e;
+	return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var _path;
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function SvgArrowForward(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 16 16"
+  }, props), _path || (_path = /*#__PURE__*/React__namespace.createElement("path", {
+    className: "arrow-forward_svg__st0",
+    d: "M12.2 9H0V7h12.2L6.6 1.4 8 0l8 8-8 8-1.4-1.4L12.2 9z"
+  })));
+}
+
+exports.SvgArrowForward = SvgArrowForward;

package/data/Alert/index.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var Alert = require('../../Alert-7bbe87f3.js');
-require('../../defaultTheme-06b819a9.js');
+var Alert = require('../../Alert-edd9f6a7.js');
+require('../../defaultTheme-24ea5c47.js');
 require('styled-components');
 require('react');
 require('lodash');

package/data/Badge/index.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var Badge = require('../../Badge-dc50d116.js');
-require('../../defaultTheme-06b819a9.js');
+var Badge = require('../../Badge-00b2f311.js');
+require('../../defaultTheme-24ea5c47.js');
 require('styled-components');
 require('react');
 

package/data/Popover/index.js

@@ -1,13 +1,13 @@
 'use strict';
 
-var Popover = require('../../Popover-5e9ab515.js');
-require('../../defaultTheme-06b819a9.js');
+var Popover = require('../../Popover-f00121a3.js');
+require('../../defaultTheme-24ea5c47.js');
 require('styled-components');
 require('lodash');
 require('react');
 require('polished');
 require('@tippyjs/react');
-require('../../shift-away-subtle-16a9f31b.js');
+require('../../shift-away-subtle-dce50395.js');
 require('popper-max-size-modifier');
 
 

package/data/Tab/index.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var Tab = require('../../Tab-572141e4.js');
-require('../../defaultTheme-06b819a9.js');
+var Tab = require('../../Tab-d3ee0a3b.js');
+require('../../defaultTheme-24ea5c47.js');
 require('styled-components');
 require('react');
 

package/data/Tabs/index.js

@@ -1,11 +1,11 @@
 'use strict';
 
-var Tabs = require('../../Tabs-9dbd5b85.js');
-require('../../defaultTheme-06b819a9.js');
+var Tabs = require('../../Tabs-243c5e0b.js');
+require('../../defaultTheme-24ea5c47.js');
 require('styled-components');
 require('lodash');
 require('react');
-require('../../Tab-572141e4.js');
+require('../../Tab-d3ee0a3b.js');
 
 
 

package/data/Tooltip/index.js

@@ -1,11 +1,11 @@
 'use strict';
 
-var Tooltip = require('../../Tooltip-5bbe5971.js');
-require('../../defaultTheme-06b819a9.js');
+var Tooltip = require('../../Tooltip-7dc4676b.js');
+require('../../defaultTheme-24ea5c47.js');
 require('styled-components');
 require('react');
 require('@tippyjs/react');
-require('../../shift-away-subtle-16a9f31b.js');
+require('../../shift-away-subtle-dce50395.js');
 
 
 

package/data/index.js

@@ -2,20 +2,20 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Alert = require('../Alert-7bbe87f3.js');
-var Badge = require('../Badge-dc50d116.js');
-var Popover = require('../Popover-5e9ab515.js');
-var Tab = require('../Tab-572141e4.js');
-var Tabs = require('../Tabs-9dbd5b85.js');
-var Tooltip = require('../Tooltip-5bbe5971.js');
-var VerificationStatusIcon = require('../VerificationStatusIcon-10460fe7.js');
-require('../defaultTheme-06b819a9.js');
+var Alert = require('../Alert-edd9f6a7.js');
+var Badge = require('../Badge-00b2f311.js');
+var Popover = require('../Popover-f00121a3.js');
+var Tab = require('../Tab-d3ee0a3b.js');
+var Tabs = require('../Tabs-243c5e0b.js');
+var Tooltip = require('../Tooltip-7dc4676b.js');
+var VerificationStatusIcon = require('../VerificationStatusIcon-f3c44ef8.js');
+require('../defaultTheme-24ea5c47.js');
 require('styled-components');
 require('react');
 require('lodash');
 require('polished');
 require('@tippyjs/react');
-require('../shift-away-subtle-16a9f31b.js');
+require('../shift-away-subtle-dce50395.js');
 require('popper-max-size-modifier');
 
 

package/{defaultTheme-06b819a9.js → defaultTheme-24ea5c47.js}

@@ -1332,7 +1332,7 @@ function styleInject(css, ref) {
 }
 
 var css_248z = "/**\n * Colors\n */";
-var importedColors = {"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-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"};
+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"};
 styleInject(css_248z);
 
 var _excluded = ["theme"];

package/icons/arrow-forward.svg

@@ -0,0 +1,3 @@
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 16 16">
+  <path class="st0" d="M12.2,9H0v-2h12.2L6.6,1.4l1.4-1.4,8,8-8,8-1.4-1.4,5.6-5.6Z"/>
+</svg>

package/icons/index.js

@@ -2,6 +2,7 @@ import { ReactComponent as AddIcon } from './add.svg';
 import { ReactComponent as AddCircleIcon } from './add-circle.svg';
 import { ReactComponent as AlbumIcon } from './album.svg';
 import { ReactComponent as ArrowBackIcon } from './arrow-back.svg';
+import { ReactComponent as ArrowForwardIcon } from './arrow-forward.svg';
 import { ReactComponent as ArrowDropDownIcon } from './arrow-drop-down.svg';
 import { ReactComponent as AudioIcon } from './audio.svg';
 import { ReactComponent as BellIcon } from './bell.svg';
@@ -42,6 +43,7 @@ export {
   AlbumIcon,
   ArrowBackIcon,
   ArrowDropDownIcon,
+  ArrowForwardIcon,
   AudioIcon,
   BellIcon,
   CheckCircleIcon,

package/inputs/ActionButton/index.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var ActionButton = require('../../ActionButton-607bc22f.js');
-require('../../defaultTheme-06b819a9.js');
+var ActionButton = require('../../ActionButton-5bc79370.js');
+require('../../defaultTheme-24ea5c47.js');
 require('styled-components');
 require('react');
 require('polished');

package/inputs/Button/index.js

@@ -1,16 +1,16 @@
 'use strict';
 
-var Button = require('../../Button-86626421.js');
-require('../../defaultTheme-06b819a9.js');
+var Button = require('../../Button-82e91acb.js');
+require('../../defaultTheme-24ea5c47.js');
 require('styled-components');
 require('react');
-require('../../Popover-5e9ab515.js');
+require('../../Popover-f00121a3.js');
 require('lodash');
 require('polished');
 require('@tippyjs/react');
-require('../../shift-away-subtle-16a9f31b.js');
+require('../../shift-away-subtle-dce50395.js');
 require('popper-max-size-modifier');
-require('../../ContextMenu-b6ba7a22.js');
+require('../../ContextMenu-9645746f.js');
 require('../../expand-more-d74e2bd2.js');
 
 

package/inputs/Checkbox/index.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var Checkbox = require('../../Checkbox-876f71f0.js');
-require('../../defaultTheme-06b819a9.js');
+var Checkbox = require('../../Checkbox-c441fdba.js');
+require('../../defaultTheme-24ea5c47.js');
 require('styled-components');
 require('react');
 require('nanoid');