react-jupiter 5.12.0 → 6.0.0-beta.2

package/dist/components/form/radio/index.style.js

@@ -0,0 +1,61 @@
+"use strict";Object.defineProperty(exports, "__esModule", { value: true });exports.RadioWrapper = exports.Input = exports.Fieldset = void 0;var _styledComponents = _interopRequireDefault(require("styled-components"));function _interopRequireDefault(e) {return e && e.__esModule ? e : { default: e };}
+
+const Fieldset = exports.Fieldset = _styledComponents.default.fieldset`
+  border: none;
+  padding: 0;
+  margin: 0;
+   * {
+    box-sizing: content-box;
+  }
+`;
+
+const RadioWrapper = exports.RadioWrapper = _styledComponents.default.div`
+  display: flex;
+  justify-content: space-between;
+  ${(_ref) => {let { type } = _ref;return type === 'vertical' ? 'flex-direction: column;' : '';}}
+`;
+
+const Input = exports.Input = _styledComponents.default.input`
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+
+  border-radius: 50%;
+  width: 16px;
+  height: 16px;
+  margin-right: 5px;
+  position: relative;
+  top: 4px;
+  
+  border: 1px solid ${(_ref2) => {let { disabled, theme } = _ref2;return disabled ? theme.disabled.color : theme.borderColor.normal;}};
+  cursor: ${(_ref3) => {let { disabled } = _ref3;return disabled ? 'not-allowed' : 'pointer';}};
+  transition: background 0.2s linear;
+
+  &:hover {
+    border: 1px solid ${(_ref4) => {let { disabled, theme } = _ref4;return disabled ? theme.disabled.color : theme.borderColor.hover;}};
+  }
+
+  &:checked {
+    border: 5px solid ${(_ref5) => {let { disabled, theme } = _ref5;return disabled ? theme.disabled.background : 'white';}};
+    width: 8px;
+    height: 8px;
+    background: ${(_ref6) => {let { disabled, theme } = _ref6;return disabled ? theme.disabled.color : theme.borderColor.focus;}};
+
+    &:after {
+      background: ${(_ref7) => {let { disabled, theme } = _ref7;return disabled ? theme.disabled.color : theme.borderColor.focus;}};
+    }
+  }
+
+  &:after {
+    content: '';
+    display: block;
+    background: ${(_ref8) => {let { disabled } = _ref8;return disabled ? 'white' : 'transparent';}};
+    position: absolute;
+    width: 20px;
+    height: 20px;
+    border-radius: 100%;
+    z-index: -1;
+    top: -6px;
+    right: -6px;
+  }
+`;

package/dist/components/form/radio/radio-option.js

@@ -0,0 +1,45 @@
+"use strict";Object.defineProperty(exports, "__esModule", { value: true });exports.default = void 0;var _react = _interopRequireDefault(require("react"));
+var _styledComponents = require("styled-components");
+var _typography = require("../../typography");
+var _index = require("./index.style");
+var _theme = _interopRequireDefault(require("../theme"));function _interopRequireDefault(e) {return e && e.__esModule ? e : { default: e };}
+
+
+
+
+
+
+
+
+
+const RadioOption = (_ref) =>
+
+
+
+
+
+
+{let { label, value, isDisabled = false, defaultCheckedValue = '', inputRef = null, groupName } = _ref;
+  const itemId = `${groupName}-${value}-${label.split(' ').join('')}`;
+
+  return (/*#__PURE__*/
+    _react.default.createElement(_styledComponents.ThemeProvider, { theme: _theme.default }, /*#__PURE__*/
+    _react.default.createElement("label", { htmlFor: itemId }, /*#__PURE__*/
+    _react.default.createElement(_index.Input, {
+      type: "radio",
+      id: itemId,
+      name: groupName,
+      value: value,
+      defaultChecked: defaultCheckedValue === value,
+      disabled: isDisabled,
+      ref: inputRef }
+    ), /*#__PURE__*/
+    _react.default.createElement(_typography.Text, { size: 14 },
+    label
+    )
+    )
+    ));
+
+};var _default = exports.default =
+
+RadioOption;

package/dist/components/form/radio/radio.js

@@ -0,0 +1,56 @@
+"use strict";Object.defineProperty(exports, "__esModule", { value: true });exports.default = void 0;var _react = _interopRequireDefault(require("react"));
+var _globalStyle = _interopRequireDefault(require("../../globalStyle"));
+var _typography = require("../../typography");
+var _errorMsg = _interopRequireDefault(require("../errorMsg"));
+var _index = require("./index.style");function _interopRequireDefault(e) {return e && e.__esModule ? e : { default: e };}
+
+
+
+
+
+
+
+
+
+
+
+
+const Radio = (_ref) =>
+
+
+
+
+
+
+
+
+{let { groupName = 'radio-element', label = '', handleChange = () => {}, defaultCheckedValue = '', isDisabled = false, type = 'horizontal', errorMessage = '', children } = _ref;
+  const radioElements = _react.default.Children.toArray(children);
+
+  return (/*#__PURE__*/
+    _react.default.createElement(_index.Fieldset, { onChange: handleChange }, /*#__PURE__*/
+    _react.default.createElement(_globalStyle.default, null),
+    label && /*#__PURE__*/
+    _react.default.createElement("legend", null, /*#__PURE__*/
+    _react.default.createElement(_typography.Text, { bold: true, size: 14 },
+    label
+    )
+    ), /*#__PURE__*/
+
+    _react.default.createElement(_index.RadioWrapper, { type: type },
+    radioElements.map(
+      (radioElement) =>
+      isDisabled ?
+      _react.default.cloneElement(radioElement, { groupName, defaultCheckedValue, isDisabled }) :
+
+      _react.default.cloneElement(radioElement, { groupName, defaultCheckedValue })
+
+
+    )
+    ), /*#__PURE__*/
+    _react.default.createElement(_errorMsg.default, { errorMessage: errorMessage })
+    ));
+
+};var _default = exports.default =
+
+Radio;

package/dist/components/form/text-input/index.js

@@ -0,0 +1,92 @@
+"use strict";Object.defineProperty(exports, "__esModule", { value: true });exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+var _styledComponents = require("styled-components");
+var _globalStyle = _interopRequireDefault(require("../../globalStyle"));
+var _theme = _interopRequireDefault(require("../theme"));
+var _errorMsg = _interopRequireDefault(require("../errorMsg"));
+var _index = require("./index.style");function _interopRequireDefault(e) {return e && e.__esModule ? e : { default: e };}function _getRequireWildcardCache(e) {if ("function" != typeof WeakMap) return null;var r = new WeakMap(),t = new WeakMap();return (_getRequireWildcardCache = function (e) {return e ? t : r;})(e);}function _interopRequireWildcard(e, r) {if (!r && e && e.__esModule) return e;if (null === e || "object" != typeof e && "function" != typeof e) return { default: e };var t = _getRequireWildcardCache(r);if (t && t.has(e)) return t.get(e);var n = { __proto__: null },a = Object.defineProperty && Object.getOwnPropertyDescriptor;for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) {var i = a ? Object.getOwnPropertyDescriptor(e, u) : null;i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u];}return n.default = e, t && t.set(e, n), n;}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+const TextInput = (_ref) =>
+
+
+
+
+
+
+
+
+
+{let { type = 'text', label = null, id = null, placeholder = null, disabled = false, description = null, errorMessage = '', inputRef = null, htmlElementName } = _ref;
+  const [value, setValue] = (0, _react.useState)('');
+  const [displayedPassword, setDisplayedPassword] = (0, _react.useState)(false);
+
+  function handleChange(e) {
+    setValue(e.target.value);
+  }
+
+  function handleDisplayPassword() {
+    setDisplayedPassword(!displayedPassword);
+  }
+
+  function handleFocus(e) {
+    e.target.setSelectionRange(0, 0);
+  }
+
+  return (/*#__PURE__*/
+    _react.default.createElement(_styledComponents.ThemeProvider, { theme: _theme.default }, /*#__PURE__*/
+    _react.default.createElement(_globalStyle.default, null), /*#__PURE__*/
+    _react.default.createElement(_index.Label, { htmlFor: id || `${type}-${htmlElementName.split(' ').join('')}`, "data-test": "text-input" },
+    label && /*#__PURE__*/
+    _react.default.createElement(_index.LabelContainer, { bold: true, size: 14 },
+    label
+    ),
+
+    description && /*#__PURE__*/
+    _react.default.createElement(_index.DescriptionContainer, { bold: true, size: 10, color: "gray", "data-test": "text-input-description" },
+    description
+    ), /*#__PURE__*/
+
+    _react.default.createElement(_index.Input, {
+      id: id || `${type}-${htmlElementName.split(' ').join('')}`,
+      name: htmlElementName,
+      type: displayedPassword || type === 'text' ? 'text' : 'password',
+      placeholder: placeholder,
+      value: value,
+      onChange: handleChange,
+      onFocus: handleFocus,
+      disabled: disabled,
+      ref: inputRef }
+    ),
+    type === 'password' && /*#__PURE__*/
+    _react.default.createElement(_index.PasswordIcon, {
+      name: displayedPassword ? 'visibility-off' : 'visibility',
+      color: displayedPassword ? 'blue' : 'gray',
+      onClick: handleDisplayPassword }
+    )
+
+    ), /*#__PURE__*/
+    _react.default.createElement(_errorMsg.default, { errorMessage: errorMessage })
+    ));
+
+};var _default = exports.default =
+
+TextInput;

package/dist/components/form/text-input/index.stories.js

@@ -0,0 +1,77 @@
+"use strict";Object.defineProperty(exports, "__esModule", { value: true });exports.default = exports.WithError = exports.Password = exports.Minimal = exports.FullOptions = exports.Disabled = void 0;var _react = _interopRequireDefault(require("react"));
+
+var _index = _interopRequireDefault(require("./index"));function _interopRequireDefault(e) {return e && e.__esModule ? e : { default: e };}var _default = exports.default =
+
+{
+  title: 'Form/Inputs',
+  component: _index.default,
+
+  argTypes: {
+    htmlElementName: {
+      control: 'text',
+      defaultValue: 'text-name-01'
+    },
+    label: {
+      control: 'text',
+      defaultValue: 'این لیبل است'
+    },
+    placeholder: {
+      control: 'text',
+      defaultValue: 'متن پیشفرض'
+    },
+    disabled: {
+      control: 'boolean',
+      defaultValue: false
+    },
+    description: {
+      control: 'text',
+      defaultValue: 'توضیحات اضافه'
+    },
+    errorMessage: {
+      control: 'text',
+      defaultValue: 'ارور زیبا'
+    },
+    type: {
+      control: 'select',
+      options: ['text', 'password'],
+      defaultValue: 'text'
+    }
+  }
+};
+
+const Template = (args) => /*#__PURE__*/_react.default.createElement(_index.default, args);
+
+const Minimal = exports.Minimal = Template.bind({});
+Minimal.args = {
+  htmlElementName: 'text-name-01',
+  label: 'این لیبل است'
+};
+
+const FullOptions = exports.FullOptions = Template.bind({});
+FullOptions.args = {
+  htmlElementName: 'text-name-02',
+  label: 'این لیبل است',
+  placeholder: 'متن پیشفرض',
+  disabled: false,
+  description: 'توضیحات اضافه',
+  errorMessage: 'ارور زیبا',
+  type: 'text'
+};
+
+const Password = exports.Password = Template.bind({});
+Password.args = {
+  ...FullOptions.args,
+  type: 'password'
+};
+
+const Disabled = exports.Disabled = Template.bind({});
+Disabled.args = {
+  ...FullOptions.args,
+  disabled: true
+};
+
+const WithError = exports.WithError = Template.bind({});
+WithError.args = {
+  ...FullOptions.args,
+  errorMessage: 'این فیلد الزامی است'
+};

package/dist/components/form/text-input/index.style.js

@@ -0,0 +1,57 @@
+"use strict";Object.defineProperty(exports, "__esModule", { value: true });exports.PasswordIcon = exports.LabelContainer = exports.Label = exports.Input = exports.DescriptionContainer = void 0;var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _typography = require("../../typography");
+var _icon = _interopRequireDefault(require("../../icon"));function _interopRequireDefault(e) {return e && e.__esModule ? e : { default: e };}
+
+const Input = exports.Input = _styledComponents.default.input`
+  font-family: 'IranSharp';
+  font-weight: bold;
+  font-size: 12px;
+  border-radius: ${(_ref) => {let { theme } = _ref;return `${theme.borderRadius}px`;}};
+  border: solid 1px ${(_ref2) => {let { theme } = _ref2;return theme.borderColor.normal;}};
+  padding: 4px;
+  box-sizing: border-box;
+  width: 100%;
+
+  &[disabled=""]{
+    background-color: ${(_ref3) => {let { theme } = _ref3;return theme.disabled.background;}};
+    color: ${(_ref4) => {let { theme } = _ref4;return theme.disabled.color;}};
+    border-color: transparent;
+
+
+    &:hover {
+      border-color: transparent;
+    }
+  }
+
+  &:hover {
+    border-color: ${(_ref5) => {let { theme } = _ref5;return theme.borderColor.hover;}};
+  }
+
+  &:focus {
+    border-color: ${(_ref6) => {let { theme } = _ref6;return theme.borderColor.focus;}};
+  }
+`;
+
+const LabelContainer = exports.LabelContainer = (0, _styledComponents.default)(_typography.Text)`
+  display: block;
+  margin-bottom: 8px;
+`;
+
+const DescriptionContainer = exports.DescriptionContainer = (0, _styledComponents.default)(_typography.Text)`
+  display: block;
+  margin-bottom: 4px;
+`;
+
+const PasswordIcon = exports.PasswordIcon = (0, _styledComponents.default)(_icon.default)`
+  position: absolute;
+  left: 0;
+  bottom: 6px;
+
+  &:hover {
+    cursor: pointer;
+  }
+`;
+
+const Label = exports.Label = _styledComponents.default.label`
+  position: relative;
+`;

package/dist/components/form/text-input/index.test.js

@@ -0,0 +1,63 @@
+"use strict";var _react = _interopRequireDefault(require("react"));
+var _enzyme = require("enzyme");
+var _test = _interopRequireDefault(require("../../utils/test"));
+var _index = _interopRequireDefault(require("./index"));function _interopRequireDefault(e) {return e && e.__esModule ? e : { default: e };}
+
+describe('text input tests', () => {
+  it('render simple text input', () => {
+    const component = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_index.default, { label: "this is label", htmlElementName: "eng name" }));
+    const textInput = (0, _test.default)(component, 'text-input');
+
+    expect(textInput.length).toBe(1);
+  });
+
+  it('render text input with placeholder', () => {
+    const component = (0, _enzyme.mount)(/*#__PURE__*/_react.default.createElement(_index.default, { label: "this is label", htmlElementName: "eng name", placeholder: "hi guys" }));
+    const textInput = (0, _test.default)(component, 'text-input');
+
+    expect(textInput.find('input').prop('placeholder')).toBe('hi guys');
+  });
+
+  it('test text input id without id props', () => {
+    const component = (0, _enzyme.mount)(/*#__PURE__*/_react.default.createElement(_index.default, { label: "this is label", htmlElementName: "eng name", placeholder: "hi guys" }));
+    const textInput = (0, _test.default)(component, 'text-input');
+
+    expect(textInput.find('input').prop('id')).toBe('text-engname');
+  });
+
+  it('render text input - full props', () => {
+    const component = (0, _enzyme.mount)(/*#__PURE__*/_react.default.createElement(_index.default, { label: "this is label", htmlElementName: "eng name", placeholder: "hi guys", type: "text", id: "hiiii-id" }));
+    const textInput = (0, _test.default)(component, 'text-input');
+
+    expect(textInput.find('input').prop('id')).toBe('hiiii-id');
+    expect(textInput.find('input').prop('type')).toBe('text');
+    expect(textInput.find('input').prop('placeholder')).toBe('hi guys');
+    expect(textInput.find('input').prop('name')).toBe('eng name');
+    expect(textInput.length).not.toBe(0);
+  });
+
+  it('render disabled input', () => {
+    const component = (0, _enzyme.mount)(/*#__PURE__*/_react.default.createElement(_index.default, { label: "this is label", htmlElementName: "eng name", disabled: true }));
+    const textInput = (0, _test.default)(component, 'text-input');
+
+    expect(textInput.find('input').prop('disabled')).toBe(true);
+  });
+
+  it('render with or without text-input-description', () => {
+    const componentWithDesc = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_index.default, { label: "this is label", htmlElementName: "with desc", description: "hiiiiii" }));
+    const componentWithoutDesc = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_index.default, { label: "this is label", htmlElementName: "without desc" }));
+    const textInputDescription01 = (0, _test.default)(componentWithDesc, 'text-input-description');
+    const textInputDescription02 = (0, _test.default)(componentWithoutDesc, 'text-input-description');
+
+    expect(textInputDescription01.length).toBe(1);
+    expect(textInputDescription02.length).toBe(0);
+  });
+
+  it('render with or err msg', () => {
+    const component = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_index.default, { label: "this is label", htmlElementName: "with desc", description: "hiiiiii", errorMessage: "this is a good err" }));
+    const textInputErrorMessage = (0, _test.default)(component, 'error-message');
+
+    expect(textInputErrorMessage.length).toBe(1);
+    expect(textInputErrorMessage.children().text()).toBe('this is a good err');
+  });
+});

package/dist/components/form/textarea/index.js

@@ -0,0 +1,59 @@
+"use strict";Object.defineProperty(exports, "__esModule", { value: true });exports.default = void 0;var _react = _interopRequireDefault(require("react"));
+var _styledComponents = require("styled-components");
+var _globalStyle = _interopRequireDefault(require("../../globalStyle"));
+var _typography = require("../../typography");
+var _theme = _interopRequireDefault(require("../theme"));
+var _errorMsg = _interopRequireDefault(require("../errorMsg"));
+var _index = _interopRequireDefault(require("./index.style"));function _interopRequireDefault(e) {return e && e.__esModule ? e : { default: e };}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+const Textarea = (_ref) => {let {
+    htmlElementName = 'textarea-element',
+    label = '',
+    isDisabled = false,
+    defaultValue = '',
+    placeholder = '',
+    resize = 'none',
+    minHeight = 120,
+    handleChange = () => {},
+    errorMessage = '',
+    inputRef = null
+  } = _ref;return (/*#__PURE__*/
+    _react.default.createElement(_styledComponents.ThemeProvider, { theme: _theme.default }, /*#__PURE__*/
+    _react.default.createElement(_globalStyle.default, null),
+    label && /*#__PURE__*/
+    _react.default.createElement("label", { htmlFor: htmlElementName }, /*#__PURE__*/
+    _react.default.createElement(_typography.Text, { bold: true, size: 14 },
+    label
+    )
+    ), /*#__PURE__*/
+
+
+    _react.default.createElement(_index.default, {
+      name: htmlElementName,
+      disabled: isDisabled,
+      placeholder: placeholder,
+      resize: resize,
+      minHeight: minHeight,
+      onChange: handleChange,
+      ref: inputRef },
+
+    defaultValue
+    ), /*#__PURE__*/
+    _react.default.createElement(_errorMsg.default, { errorMessage: errorMessage })
+    ));};var _default = exports.default =
+
+
+Textarea;

package/dist/components/form/textarea/index.stories.js

@@ -0,0 +1,90 @@
+"use strict";Object.defineProperty(exports, "__esModule", { value: true });exports.default = exports.WithError = exports.NoResize = exports.Minimal = exports.HorizontalResize = exports.FullOptions = exports.Disabled = void 0;var _react = _interopRequireDefault(require("react"));
+
+var _addonActions = require("@storybook/addon-actions");
+var _index = _interopRequireDefault(require("./index"));function _interopRequireDefault(e) {return e && e.__esModule ? e : { default: e };}var _default = exports.default =
+
+{
+  title: 'Form/Textarea',
+  component: _index.default,
+
+  argTypes: {
+    label: {
+      control: 'text',
+      defaultValue: 'توضیجات'
+    },
+    htmlElementName: {
+      control: 'text',
+      defaultValue: 'html-element-name'
+    },
+    defaultValue: {
+      control: 'text',
+      defaultValue: 'توضیحات قبلی'
+    },
+    placeholder: {
+      control: 'text',
+      defaultValue: 'این پلیس هولدر است'
+    },
+    minHeight: {
+      control: 'text',
+      defaultValue: '120'
+    },
+    isDisabled: {
+      control: 'boolean',
+      defaultValue: false
+    },
+    resize: {
+      control: 'select',
+      options: ['none', 'vertical', 'horizontal'],
+      defaultValue: 'vertical'
+    },
+    errorMessage: {
+      control: 'text',
+      defaultValue: 'ارور زیبا'
+    },
+    handleChange: {
+      action: 'handleChange'
+    }
+  }
+};
+
+const Template = (args) => /*#__PURE__*/_react.default.createElement(_index.default, args);
+
+const Minimal = exports.Minimal = Template.bind({});
+Minimal.args = {};
+
+const FullOptions = exports.FullOptions = Template.bind({});
+FullOptions.args = {
+  label: 'توضیجات',
+  htmlElementName: 'html-element-name',
+  defaultValue: 'توضیحات قبلی',
+  placeholder: 'این پلیس هولدر است',
+  minHeight: '120',
+  isDisabled: false,
+  resize: 'vertical',
+  handleChange: (0, _addonActions.action)('trigger what you want to do in onChange function'),
+  errorMessage: 'ارور زیبا'
+};
+
+const Disabled = exports.Disabled = Template.bind({});
+Disabled.args = {
+  ...FullOptions.args,
+  isDisabled: true
+};
+
+const NoResize = exports.NoResize = Template.bind({});
+NoResize.args = {
+  ...FullOptions.args,
+  resize: 'none'
+};
+
+const HorizontalResize = exports.HorizontalResize = Template.bind({});
+HorizontalResize.args = {
+  ...FullOptions.args,
+  resize: 'horizontal'
+};
+
+const WithError = exports.WithError = Template.bind({});
+WithError.args = {
+  ...FullOptions.args,
+  errorMessage: 'لطفا توضیحات را وارد کنید'
+};

package/dist/components/form/textarea/index.style.js

@@ -0,0 +1,25 @@
+"use strict";Object.defineProperty(exports, "__esModule", { value: true });exports.default = void 0;var _styledComponents = _interopRequireDefault(require("styled-components"));function _interopRequireDefault(e) {return e && e.__esModule ? e : { default: e };}
+
+const StyledTextarea = _styledComponents.default.textarea`
+  font-family: 'IranSharp';
+  font-size: 14px;
+
+  resize: ${(_ref) => {let { resize } = _ref;return resize;}};
+  min-height: ${(_ref2) => {let { minHeight } = _ref2;return `${minHeight}px`;}};
+  width: 100%;
+  padding: 8px 16px;
+  box-sizing: border-box;
+  
+  border-radius: ${(_ref3) => {let { theme } = _ref3;return `${theme.borderRadius}px`;}};
+  border: 1px solid ${(_ref4) => {let { disabled, theme } = _ref4;return disabled ? theme.disabled.color : theme.borderColor.normal;}};
+  background: ${(_ref5) => {let { disabled, theme } = _ref5;return disabled ? theme.disabled.background : 'white';}};
+
+  &:hover {
+    border-color: ${(_ref6) => {let { disabled, theme } = _ref6;return disabled ? theme.disabled.color : theme.borderColor.hover;}};
+  }
+  &:focus {
+    border-color: ${(_ref7) => {let { theme } = _ref7;return theme.borderColor.focus;}};
+  }
+`;var _default = exports.default =
+
+StyledTextarea;

package/dist/components/form/theme.js

@@ -0,0 +1,16 @@
+"use strict";Object.defineProperty(exports, "__esModule", { value: true });exports.default = void 0;var _themes = _interopRequireDefault(require("../themes"));function _interopRequireDefault(e) {return e && e.__esModule ? e : { default: e };}
+
+const theme = {
+  borderRadius: _themes.default.borderRadius.low,
+  borderColor: {
+    normal: _themes.default.colors.gray800,
+    hover: _themes.default.colors.blue400,
+    focus: _themes.default.colors.blue600
+  },
+  disabled: {
+    background: _themes.default.colors.gray200,
+    color: _themes.default.colors.gray400
+  }
+};var _default = exports.default =
+
+theme;