pallote-react 0.2.25

package/dist/components/CardHeader.js

@@ -0,0 +1,83 @@
+"use strict";
+
+require("core-js/modules/es.object.assign.js");
+require("core-js/modules/es.weak-map.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CardHeader = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _Card = require("./Card");
+var _Buttons = require("./Buttons");
+var _Text = require("./Text");
+const _excluded = ["label", "title", "subtitle", "actions", "className"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } } return target; }
+const CardHeader = _ref => {
+  let {
+      label,
+      title,
+      subtitle,
+      actions,
+      className
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
+  const useSize = () => (0, _react.useContext)(_Card.SizeContext);
+  const size = useSize();
+  let labelComponent;
+  let titleComponent;
+  let subtitleComponent;
+  if (size === 'xs') {
+    labelComponent = 'overline';
+    titleComponent = 'body';
+    subtitleComponent = 'caption';
+  } else if (size === 'sm') {
+    labelComponent = 'overline';
+    titleComponent = 'subtitle';
+    subtitleComponent = 'body';
+  } else if (size === 'md') {
+    labelComponent = 'overline';
+    titleComponent = 'h6';
+    subtitleComponent = 'subtitle';
+  } else if (size === 'lg') {
+    labelComponent = 'caption';
+    titleComponent = 'h5';
+    subtitleComponent = 'h6';
+  } else if (size === 'xl') {
+    labelComponent = 'body';
+    titleComponent = 'h4';
+    subtitleComponent = 'h5';
+  }
+  return /*#__PURE__*/_react.default.createElement("div", _extends({
+    className: (0, _classnames.default)(['card__header', className])
+  }, props), /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)('card__headerInner')
+  }, label ? /*#__PURE__*/_react.default.createElement(_Text.Text, {
+    variant: labelComponent,
+    weight: "bold"
+  }, label) : null, /*#__PURE__*/_react.default.createElement(_Text.Text, {
+    className: (0, _classnames.default)('card__title'),
+    variant: titleComponent,
+    weight: "bold"
+  }, title), subtitle ? /*#__PURE__*/_react.default.createElement(_Text.Text, {
+    className: (0, _classnames.default)('card__subtitle'),
+    variant: subtitleComponent,
+    weight: "regular"
+  }, subtitle) : null), actions && /*#__PURE__*/_react.default.createElement(_Buttons.Buttons, null, actions));
+};
+exports.CardHeader = CardHeader;
+CardHeader.propTypes = {
+  label: _propTypes.default.string,
+  title: _propTypes.default.string,
+  subtitle: _propTypes.default.string,
+  actions: _propTypes.default.node,
+  className: _propTypes.default.node,
+  children: _propTypes.default.any
+};

package/dist/components/CardMedia.js

@@ -0,0 +1,48 @@
+"use strict";
+
+require("core-js/modules/es.object.assign.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CardMedia = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+const _excluded = ["width", "height", "borderRadius", "image", "fullWidth", "className"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } } return target; }
+const CardMedia = _ref => {
+  let {
+      width,
+      height,
+      borderRadius,
+      image,
+      fullWidth,
+      className
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement("div", _extends({
+    className: (0, _classnames.default)(['card__media', {
+      ["card__media--borderRadius--".concat(borderRadius)]: borderRadius,
+      'card__media--fullWidth': fullWidth
+    }, className])
+  }, props), /*#__PURE__*/_react.default.createElement("div", {
+    className: 'card__mediaInner',
+    style: {
+      width: width + 'px',
+      paddingBottom: height,
+      backgroundImage: "url(".concat(image, ")")
+    }
+  }));
+};
+exports.CardMedia = CardMedia;
+CardMedia.propTypes = {
+  width: _propTypes.default.number,
+  height: _propTypes.default.number,
+  borderRadius: _propTypes.default.oneOf(['xs', 'sm', 'md', 'lg', 'xl']),
+  image: _propTypes.default.string,
+  fullWidth: _propTypes.default.bool,
+  className: _propTypes.default.node
+};

package/dist/components/Checkbox.js

@@ -0,0 +1,54 @@
+"use strict";
+
+require("core-js/modules/es.object.assign.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Checkbox = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _Text = require("./Text");
+const _excluded = ["id", "value", "label", "checked", "disabled", "className"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } } return target; }
+const Checkbox = _ref => {
+  let {
+      id,
+      value,
+      label,
+      checked,
+      disabled,
+      className
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)(['checkbox', {
+      'checkbox--disabled': disabled
+    }, className])
+  }, /*#__PURE__*/_react.default.createElement("input", _extends({
+    className: (0, _classnames.default)('checkbox__control'),
+    type: "checkbox",
+    name: id,
+    id: id,
+    value: value,
+    checked: checked,
+    disabled: disabled
+  }, props)), /*#__PURE__*/_react.default.createElement(_Text.Text, {
+    className: (0, _classnames.default)('checkbox__label'),
+    variant: "body",
+    component: "label",
+    htmlFor: id
+  }, label));
+};
+exports.Checkbox = Checkbox;
+Checkbox.propTypes = {
+  id: _propTypes.default.string,
+  value: _propTypes.default.string,
+  label: _propTypes.default.string,
+  checked: _propTypes.default.bool,
+  disabled: _propTypes.default.bool,
+  className: _propTypes.default.node
+};

package/dist/components/Checkboxes.js

@@ -0,0 +1,76 @@
+"use strict";
+
+require("core-js/modules/es.weak-map.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Checkboxes = void 0;
+require("core-js/modules/web.dom-collections.iterator.js");
+var _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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 Checkboxes = _ref => {
+  let {
+    onChange,
+    id,
+    label,
+    notice,
+    error,
+    disabled,
+    required,
+    direction,
+    onFocus: _onFocus,
+    onBlur: _onBlur,
+    children,
+    className
+  } = _ref;
+  const [isFocused, setFocused] = (0, _react.useState)(false);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)(['input', {
+      'input--focused': isFocused,
+      'js--error': error,
+      'input--disabled': disabled,
+      'input--required': required
+    }, className]),
+    onChange: onChange,
+    onFocus: event => {
+      setFocused(true);
+      _onFocus && _onFocus(event);
+    },
+    onBlur: event => {
+      setFocused(false);
+      _onBlur && _onBlur(event);
+    }
+  }, label && /*#__PURE__*/_react.default.createElement("label", {
+    className: 'input__label',
+    htmlFor: id
+  }, label), notice && /*#__PURE__*/_react.default.createElement("p", {
+    className: 'input__notice'
+  }, notice), /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)(['input__control', 'radios', {
+      ["radios--".concat(direction)]: direction
+    }])
+  }, children));
+};
+exports.Checkboxes = Checkboxes;
+Checkboxes.propTypes = {
+  onChange: _propTypes.default.func,
+  id: _propTypes.default.string,
+  label: _propTypes.default.string,
+  notice: _propTypes.default.string,
+  error: _propTypes.default.bool,
+  disabled: _propTypes.default.bool,
+  required: _propTypes.default.bool,
+  direction: _propTypes.default.oneOf(['portrait', 'landscape']),
+  onFocus: _propTypes.default.func,
+  onBlur: _propTypes.default.func,
+  children: _propTypes.default.node,
+  className: _propTypes.default.node
+};
+Checkboxes.defaultProps = {
+  label: 'Label',
+  direction: 'landscape'
+};

package/dist/components/Chip.js

@@ -0,0 +1,58 @@
+"use strict";
+
+require("core-js/modules/es.object.assign.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Chip = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react2 = require("@phosphor-icons/react");
+var _Layer = require("./Layer");
+const _excluded = ["color", "dense", "avatar", "disabled", "onClose", "className", "children"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } } return target; }
+const Chip = _ref => {
+  let {
+      color,
+      dense,
+      avatar,
+      disabled,
+      onClose,
+      className,
+      children
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_Layer.Layer, _extends({
+    className: (0, _classnames.default)(['chip', {
+      'chip--dense': dense,
+      'chip--disabled': disabled
+    }, className]),
+    fill: color
+  }, props), avatar ? /*#__PURE__*/_react.default.createElement("img", {
+    className: (0, _classnames.default)('chip__avatar'),
+    src: avatar
+  }) : null, /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)('chip__content')
+  }, children), onClose ? /*#__PURE__*/_react.default.createElement(_react2.X, {
+    className: (0, _classnames.default)('chip__close'),
+    size: dense ? 16 : 24
+  }) : null);
+};
+exports.Chip = Chip;
+Chip.propTypes = {
+  color: _propTypes.default.oneOf(['paper', 'primary', 'secondary', 'highlight', 'success', 'info', 'warning', 'error']),
+  dense: _propTypes.default.bool,
+  avatar: _propTypes.default.node,
+  disabled: _propTypes.default.bool,
+  onClose: _propTypes.default.func,
+  className: _propTypes.default.node,
+  children: _propTypes.default.any
+};
+Chip.defaultProps = {
+  color: 'paper',
+  onClose: null
+};

package/dist/components/Component.js

@@ -0,0 +1,38 @@
+"use strict";
+
+require("core-js/modules/es.object.assign.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Component = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+const _excluded = ["prop1", "prop2", "className", "children"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } } return target; }
+const Component = _ref => {
+  let {
+      prop1,
+      prop2,
+      className,
+      children
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement("div", _extends({
+    className: (0, _classnames.default)(['component', {
+      ["component--".concat(prop1)]: prop1,
+      'component--prop2': prop2
+    }, className])
+  }, props), children);
+};
+exports.Component = Component;
+Component.propTypes = {
+  prop1: _propTypes.default.oneOf(['option1', 'option2']),
+  prop2: _propTypes.default.bool,
+  className: _propTypes.default.node,
+  children: _propTypes.default.any
+};
+Component.defaultProps = {};

package/dist/components/Display.js

@@ -0,0 +1,48 @@
+"use strict";
+
+require("core-js/modules/es.weak-map.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Display = void 0;
+require("core-js/modules/web.dom-collections.iterator.js");
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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 viewportSizes = {
+  'mobile-sm': 375,
+  'mobile': 576,
+  'tablet': 768,
+  'laptop': 1024,
+  'desktop': 1280
+};
+const Display = _ref => {
+  let {
+    show,
+    hide,
+    children
+  } = _ref;
+  const [isDisplayed, setDisplayed] = (0, _react.useState)(false);
+  const updateMedia = () => {
+    const viewportValue = viewportSizes[show || hide];
+    if (show) {
+      setDisplayed(window.innerWidth <= viewportValue);
+    } else if (hide) {
+      setDisplayed(window.innerWidth > viewportValue);
+    }
+  };
+  (0, _react.useEffect)(() => {
+    updateMedia();
+    window.addEventListener('resize', updateMedia);
+    return () => window.removeEventListener('resize', updateMedia);
+  }, [show, hide]);
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isDisplayed ? children : null);
+};
+exports.Display = Display;
+Display.propTypes = {
+  show: _propTypes.default.oneOf(['mobile-sm', 'mobile', 'tablet', 'laptop', 'desktop']),
+  hide: _propTypes.default.oneOf(['mobile-sm', 'mobile', 'tablet', 'laptop', 'desktop']),
+  children: _propTypes.default.any
+};

package/dist/components/Divider.js

@@ -0,0 +1,39 @@
+"use strict";
+
+require("core-js/modules/es.object.assign.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Divider = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+const _excluded = ["direction", "size", "className"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } } return target; }
+const Divider = _ref => {
+  let {
+      direction,
+      size,
+      className
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement("div", _extends({
+    className: (0, _classnames.default)(['divider', {
+      ["divider--".concat(direction)]: direction,
+      ["divider--".concat(size)]: size
+    }, className])
+  }, props));
+};
+exports.Divider = Divider;
+Divider.propTypes = {
+  direction: _propTypes.default.oneOf(['landscape', 'portrait']),
+  size: _propTypes.default.oneOf(['sm', 'md', 'lg']),
+  className: _propTypes.default.node
+};
+Divider.defaultProps = {
+  direction: 'landscape',
+  size: 'md'
+};

package/dist/components/Grid.js

@@ -0,0 +1,73 @@
+"use strict";
+
+require("core-js/modules/es.object.assign.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Grid = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+const _excluded = ["wrapper", "item", "wrap", "direction", "justifyContent", "alignItems", "alignSelf", "flexGrow", "xs", "sm", "md", "lg", "xl", "spacing", "className", "children"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } } return target; }
+const Grid = _ref => {
+  let {
+      wrapper,
+      item,
+      wrap,
+      direction,
+      justifyContent,
+      alignItems,
+      alignSelf,
+      flexGrow,
+      xs,
+      sm,
+      md,
+      lg,
+      xl,
+      spacing,
+      className,
+      children
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement("div", _extends({
+    className: (0, _classnames.default)({
+      'grid': wrapper,
+      'grid__item': item,
+      'grid--wrap': wrap,
+      ["grid--".concat(direction)]: direction,
+      ["grid--jc-".concat(justifyContent)]: justifyContent,
+      ["grid--ai-".concat(alignItems)]: alignItems,
+      ["grid--as-".concat(alignSelf)]: alignSelf,
+      ["grid--fg-".concat(flexGrow)]: flexGrow,
+      ["grid--xs".concat(xs)]: xs,
+      ["grid--sm".concat(sm)]: sm,
+      ["grid--md".concat(md)]: md,
+      ["grid--lg".concat(lg)]: lg,
+      ["grid--xl".concat(xl)]: xl,
+      ["grid--spacing".concat(spacing)]: spacing
+    }, className)
+  }, props), children);
+};
+exports.Grid = Grid;
+Grid.propTypes = {
+  wrapper: _propTypes.default.bool,
+  item: _propTypes.default.bool,
+  wrap: _propTypes.default.bool,
+  direction: _propTypes.default.oneOf(['column', 'columnReverse', 'row', 'rowReverse']),
+  justifyContent: _propTypes.default.oneOf(['center', 'end', 'start', 'spaceAround', 'spaceBetween', 'spaceEvenly']),
+  alignItems: _propTypes.default.oneOf(['stretch', 'center', 'end', 'start', 'baseline']),
+  alignSelf: _propTypes.default.oneOf(['stretch', 'center', 'end', 'start', 'baseline']),
+  flexGrow: _propTypes.default.oneOf([0, 1, 'auto']),
+  xs: _propTypes.default.oneOf([1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]),
+  sm: _propTypes.default.oneOf([1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]),
+  md: _propTypes.default.oneOf([1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]),
+  lg: _propTypes.default.oneOf([1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]),
+  xl: _propTypes.default.oneOf([1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]),
+  spacing: _propTypes.default.oneOf([1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]),
+  className: _propTypes.default.node,
+  children: _propTypes.default.any
+};

package/dist/components/Input.js

@@ -0,0 +1,101 @@
+"use strict";
+
+require("core-js/modules/es.object.assign.js");
+require("core-js/modules/es.weak-map.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Input = void 0;
+require("core-js/modules/web.dom-collections.iterator.js");
+var _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react2 = require("@phosphor-icons/react");
+const _excluded = ["onChange", "type", "id", "placeholder", "label", "notice", "icon", "error", "disabled", "required", "onFocus", "onBlur", "className"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } } return target; }
+const Input = _ref => {
+  let {
+      onChange,
+      type,
+      id,
+      placeholder,
+      label,
+      notice,
+      icon,
+      error,
+      disabled,
+      required,
+      onFocus: _onFocus,
+      onBlur: _onBlur,
+      className
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
+  const [isFocused, setFocused] = (0, _react.useState)(false);
+  let customIcon;
+  if (icon) {
+    customIcon = icon;
+  } else if (type === 'date') {
+    customIcon = /*#__PURE__*/_react.default.createElement(_react2.CalendarBlank, null);
+  } else if (type === 'time') {
+    customIcon = /*#__PURE__*/_react.default.createElement(_react2.Clock, null);
+  } else if (type === 'number') {
+    customIcon = /*#__PURE__*/_react.default.createElement(_react2.CaretUpDown, null);
+  }
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)(['input', {
+      'input--focused': isFocused,
+      'js--error': error,
+      'input--disabled': disabled,
+      'input--required': required,
+      'input--withIcon': customIcon
+    }, className]),
+    onChange: onChange,
+    onFocus: event => {
+      setFocused(true);
+      _onFocus && _onFocus(event);
+    },
+    onBlur: event => {
+      setFocused(false);
+      _onBlur && _onBlur(event);
+    }
+  }, label && /*#__PURE__*/_react.default.createElement("label", {
+    className: 'input__label',
+    htmlFor: id
+  }, label), notice && /*#__PURE__*/_react.default.createElement("p", {
+    className: 'input__notice'
+  }, notice), customIcon && /*#__PURE__*/_react.default.createElement("div", {
+    className: 'input__icon'
+  }, customIcon), /*#__PURE__*/_react.default.createElement("input", _extends({
+    type: type,
+    className: 'input__control',
+    name: id,
+    id: id,
+    placeholder: placeholder,
+    disabled: disabled
+  }, props)));
+};
+exports.Input = Input;
+Input.propTypes = {
+  onChange: _propTypes.default.func,
+  type: _propTypes.default.oneOf(['date', 'email', 'number', 'tel', 'text', 'time']),
+  id: _propTypes.default.string,
+  placeholder: _propTypes.default.string,
+  label: _propTypes.default.string,
+  notice: _propTypes.default.string,
+  icon: _propTypes.default.node,
+  error: _propTypes.default.bool,
+  disabled: _propTypes.default.bool,
+  required: _propTypes.default.bool,
+  onFocus: _propTypes.default.func,
+  onBlur: _propTypes.default.func,
+  className: _propTypes.default.node
+};
+Input.defaultProps = {
+  type: 'text',
+  label: 'Input'
+};