react-jupiter 6.0.0-beta.1 → 6.0.0-beta.10

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

@@ -1,61 +0,0 @@
-"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

@@ -1,45 +0,0 @@
-"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

@@ -1,56 +0,0 @@
-"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

@@ -1,92 +0,0 @@
-"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

@@ -1,77 +0,0 @@
-"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

@@ -1,57 +0,0 @@
-"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

@@ -1,63 +0,0 @@
-"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

@@ -1,59 +0,0 @@
-"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

@@ -1,90 +0,0 @@
-"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

@@ -1,25 +0,0 @@
-"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

@@ -1,16 +0,0 @@
-"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;