pallote-react 0.2.25

package/dist/components/PageHeader.js

@@ -0,0 +1,57 @@
+"use strict";
+
+require("core-js/modules/es.object.assign.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PageHeader = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _Section = require("./Section");
+var _Text = require("./Text");
+const _excluded = ["align", "label", "title", "subtitle", "isLanding", "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 PageHeader = _ref => {
+  let {
+      align,
+      label,
+      title,
+      subtitle,
+      isLanding,
+      className
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_Section.Section, _extends({
+    className: (0, _classnames.default)(['page__header', className]),
+    align: align
+  }, props), label ? /*#__PURE__*/_react.default.createElement(_Text.Text, {
+    variant: "caption",
+    weight: "bold",
+    className: (0, _classnames.default)('page__label')
+  }, label) : null, title ? /*#__PURE__*/_react.default.createElement(_Text.Text, {
+    variant: isLanding ? 'h1' : 'h2',
+    color: "primary",
+    className: (0, _classnames.default)('page__title')
+  }, title) : null, subtitle ? /*#__PURE__*/_react.default.createElement(_Text.Text, {
+    variant: isLanding ? 'h5' : 'h6',
+    weight: "regular",
+    className: (0, _classnames.default)('page__subtitle')
+  }, subtitle) : null);
+};
+exports.PageHeader = PageHeader;
+PageHeader.propTypes = {
+  align: _propTypes.default.oneOf(['left', 'center', 'right']),
+  label: _propTypes.default.string,
+  title: _propTypes.default.string,
+  subtitle: _propTypes.default.string,
+  isLanding: _propTypes.default.bool,
+  className: _propTypes.default.node
+};
+PageHeader.defaultProps = {
+  align: 'left',
+  isLanding: false
+};

package/dist/components/Paragraph.js

@@ -0,0 +1,54 @@
+"use strict";
+
+require("core-js/modules/es.object.assign.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Paragraph = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+const _excluded = ["variant", "align", "weight", "underline", "italic", "color", "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 Paragraph = _ref => {
+  let {
+      variant,
+      align,
+      weight,
+      underline,
+      italic,
+      color,
+      className,
+      children
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement("div", _extends({
+    className: (0, _classnames.default)(['paragraph', {
+      ["".concat(variant)]: variant,
+      ["text--".concat(align)]: align,
+      ["text--".concat(weight)]: weight,
+      ["text--".concat(color)]: color,
+      'text--underline': underline,
+      'text--italic': italic
+    }, className])
+  }, props), children);
+};
+exports.Paragraph = Paragraph;
+Paragraph.propTypes = {
+  variant: _propTypes.default.oneOf(['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'subtitle', 'body', 'caption', 'overline']),
+  align: _propTypes.default.oneOf(['left', 'center', 'right', 'justify']),
+  weight: _propTypes.default.oneOf(['light', 'regular', 'bold']),
+  underline: _propTypes.default.bool,
+  italic: _propTypes.default.bool,
+  color: _propTypes.default.oneOf(['default', 'alt', 'disabled', 'contrast', 'contrastAlt', 'contrastDisabled', 'primary', 'secondary', 'highlight', 'success', 'info', 'warning', 'error']),
+  className: _propTypes.default.node,
+  children: _propTypes.default.any
+};
+Paragraph.defaultProps = {
+  variant: 'body',
+  underline: false,
+  italic: false
+};

package/dist/components/Radio.js

@@ -0,0 +1,53 @@
+"use strict";
+
+require("core-js/modules/es.object.assign.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Radio = 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", "name", "value", "label", "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 Radio = _ref => {
+  let {
+      id,
+      name,
+      value,
+      label,
+      disabled,
+      className
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)(['radio', {
+      'radio--disabled': disabled
+    }, className])
+  }, /*#__PURE__*/_react.default.createElement("input", _extends({
+    className: (0, _classnames.default)('radio__control'),
+    type: "radio",
+    id: id,
+    name: name,
+    value: value,
+    disabled: disabled
+  }, props)), /*#__PURE__*/_react.default.createElement(_Text.Text, {
+    className: (0, _classnames.default)('radio__label'),
+    variant: "body",
+    component: "label",
+    htmlFor: id
+  }, label));
+};
+exports.Radio = Radio;
+Radio.propTypes = {
+  id: _propTypes.default.string,
+  name: _propTypes.default.string,
+  value: _propTypes.default.string,
+  label: _propTypes.default.string,
+  disabled: _propTypes.default.bool,
+  className: _propTypes.default.node
+};

package/dist/components/RadioButtons.js

@@ -0,0 +1,76 @@
+"use strict";
+
+require("core-js/modules/es.weak-map.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RadioButtons = 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 RadioButtons = _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.RadioButtons = RadioButtons;
+RadioButtons.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
+};
+RadioButtons.defaultProps = {
+  label: 'Label',
+  direction: 'landscape'
+};

package/dist/components/Section.js

@@ -0,0 +1,59 @@
+"use strict";
+
+require("core-js/modules/es.object.assign.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Section = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _SectionHeader = require("./SectionHeader");
+const _excluded = ["align", "color", "landing", "header", "label", "title", "subtitle", "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 Section = _ref => {
+  let {
+      align,
+      color,
+      landing,
+      header,
+      label,
+      title,
+      subtitle,
+      className,
+      children
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement("div", _extends({
+    className: (0, _classnames.default)(['section', {
+      ["section--".concat(align)]: align,
+      ["section--".concat(color)]: color,
+      'section--landing': landing,
+      'section--header': header
+    }, className])
+  }, props), /*#__PURE__*/_react.default.createElement("div", {
+    className: 'section__container'
+  }, label || title || subtitle ? /*#__PURE__*/_react.default.createElement(_SectionHeader.SectionHeader, {
+    label: label,
+    title: title,
+    subtitle: subtitle
+  }) : null, children));
+};
+exports.Section = Section;
+Section.propTypes = {
+  align: _propTypes.default.oneOf(['left', 'center', 'right']),
+  color: _propTypes.default.oneOf(['default', 'paper', 'primary', 'primaryLight']),
+  landing: _propTypes.default.bool,
+  header: _propTypes.default.bool,
+  label: _propTypes.default.string,
+  title: _propTypes.default.string,
+  subtitle: _propTypes.default.string,
+  className: _propTypes.default.node,
+  children: _propTypes.default.any
+};
+Section.defaultProps = {
+  align: 'left'
+};

package/dist/components/SectionHeader.js

@@ -0,0 +1,45 @@
+"use strict";
+
+require("core-js/modules/es.object.assign.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SectionHeader = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _Text = require("./Text");
+const _excluded = ["label", "title", "subtitle", "dense", "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 SectionHeader = _ref => {
+  let {
+      label,
+      title,
+      subtitle,
+      dense,
+      className
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement("div", _extends({
+    className: (0, _classnames.default)(['section__header', {
+      'section__header--dense': dense
+    }, className])
+  }, props), label ? /*#__PURE__*/_react.default.createElement(_Text.Text, {
+    className: (0, _classnames.default)('section__label')
+  }, label) : null, title ? /*#__PURE__*/_react.default.createElement(_Text.Text, {
+    className: (0, _classnames.default)('section__title')
+  }, title) : null, subtitle ? /*#__PURE__*/_react.default.createElement(_Text.Text, {
+    className: (0, _classnames.default)('section__subtitle')
+  }, subtitle) : null);
+};
+exports.SectionHeader = SectionHeader;
+SectionHeader.propTypes = {
+  label: _propTypes.default.string,
+  title: _propTypes.default.string,
+  subtitle: _propTypes.default.string,
+  dense: _propTypes.default.bool,
+  className: _propTypes.default.bool
+};

package/dist/components/Select.js

@@ -0,0 +1,80 @@
+"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.Select = 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"));
+const _excluded = ["onChange", "id", "label", "notice", "error", "disabled", "required", "onFocus", "onBlur", "children", "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 Select = _ref => {
+  let {
+      onChange,
+      id,
+      label,
+      notice,
+      error,
+      disabled,
+      required,
+      onFocus: _onFocus,
+      onBlur: _onBlur,
+      children,
+      className
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
+  const [isFocused, setFocused] = (0, _react.useState)(false);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)(['input', 'select', {
+      '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("select", _extends({
+    className: 'input__control',
+    name: id,
+    id: id,
+    disabled: disabled
+  }, props), children));
+};
+exports.Select = Select;
+Select.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,
+  onFocus: _propTypes.default.func,
+  onBlur: _propTypes.default.func,
+  children: _propTypes.default.any,
+  className: _propTypes.default.node
+};
+Select.defaultProps = {
+  label: 'Text input'
+};

package/dist/components/Snippet.js

@@ -0,0 +1,49 @@
+"use strict";
+
+require("core-js/modules/es.object.assign.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Snippet = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _reactSyntaxHighlighter = _interopRequireDefault(require("react-syntax-highlighter"));
+var _hljs = require("react-syntax-highlighter/dist/esm/styles/hljs");
+const _excluded = ["content", "isDefault", "dense", "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 Snippet = _ref => {
+  let {
+      content,
+      isDefault,
+      dense,
+      className
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)('snippet__wrapper')
+  }, /*#__PURE__*/_react.default.createElement(_reactSyntaxHighlighter.default, _extends({
+    language: "javascript",
+    style: _hljs.nnfxDark,
+    className: (0, _classnames.default)(['snippet', {
+      ' snippet--dense': dense
+    }, {
+      ' snippet--default': isDefault
+    }, className])
+  }, props), content));
+};
+exports.Snippet = Snippet;
+Snippet.propTypes = {
+  content: _propTypes.default.string,
+  isDefault: _propTypes.default.bool,
+  dense: _propTypes.default.bool,
+  className: _propTypes.default.node
+};
+Snippet.defaultProps = {
+  content: 'Snippet',
+  isDefault: false,
+  dense: false
+};

package/dist/components/Status.js

@@ -0,0 +1,42 @@
+"use strict";
+
+require("core-js/modules/es.object.assign.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Status = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _Text = require("./Text");
+const _excluded = ["color", "dense", "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 Status = _ref => {
+  let {
+      color,
+      dense,
+      className,
+      children
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_Text.Text, _extends({
+    className: (0, _classnames.default)(['status', {
+      ["status--".concat(color)]: color,
+      'status--dense': dense
+    }, className])
+  }, props), children);
+};
+exports.Status = Status;
+Status.propTypes = {
+  color: _propTypes.default.oneOf(['success', 'info', 'warning', 'error', 'inactive']),
+  dense: _propTypes.default.bool,
+  className: _propTypes.default.node,
+  children: _propTypes.default.string
+};
+Status.defaultProps = {
+  color: 'inactive',
+  children: 'Status p'
+};

package/dist/components/Step.js

@@ -0,0 +1,63 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Step = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _Button = require("./Button");
+var _Buttons = require("./Buttons");
+var _Card = require("./Card");
+var _CardContent = require("./CardContent");
+var _CardHeader = require("./CardHeader");
+var _CardActions = require("./CardActions");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const Step = _ref => {
+  let {
+    label,
+    skip,
+    active,
+    onNext,
+    onBack,
+    onSkip,
+    isFirstStep,
+    isLastStep,
+    children
+  } = _ref;
+  const handleNext = () => onNext();
+  const handleBack = () => onBack();
+  const handleSkip = () => onSkip();
+  return /*#__PURE__*/_react.default.createElement(_Card.Card, {
+    size: "lg",
+    className: (0, _classnames.default)('w-mobile-sm'),
+    style: {
+      display: active ? 'block' : 'none'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_CardHeader.CardHeader, {
+    title: label
+  }), /*#__PURE__*/_react.default.createElement(_CardContent.CardContent, null, children), /*#__PURE__*/_react.default.createElement(_CardActions.CardActions, null, /*#__PURE__*/_react.default.createElement(_Button.Button, {
+    color: "grey-60",
+    onClick: handleBack,
+    disabled: isFirstStep
+  }, "Back"), /*#__PURE__*/_react.default.createElement(_Buttons.Buttons, null, skip && /*#__PURE__*/_react.default.createElement(_Button.Button, {
+    color: "grey-60",
+    onClick: handleSkip
+  }, "Skip"), /*#__PURE__*/_react.default.createElement(_Button.Button, {
+    onClick: handleNext,
+    disabled: isLastStep
+  }, "Next"))));
+};
+exports.Step = Step;
+Step.propTypes = {
+  label: _propTypes.default.string,
+  skip: _propTypes.default.bool,
+  active: _propTypes.default.bool,
+  onNext: _propTypes.default.func,
+  onBack: _propTypes.default.func,
+  onSkip: _propTypes.default.func,
+  isFirstStep: _propTypes.default.bool,
+  isLastStep: _propTypes.default.bool,
+  children: _propTypes.default.node
+};