@capillarytech/blaze-ui 0.1.6-alpha.49 → 0.1.6-alpha.5

package/dist/esm/CapHeading/styles.js

@@ -0,0 +1,123 @@
+import styled, { css } from 'styled-components';
+import * as styledVars from '../styled/variables';
+var headings = {
+  h0: {
+    fontSize: '28px',
+    fontWeight: '500',
+    color: styledVars.CAP_G01,
+    lineHeight: '36px'
+  },
+  h1: {
+    fontSize: '24px',
+    fontWeight: '500',
+    color: styledVars.CAP_G01,
+    lineHeight: '32px'
+  },
+  h2: {
+    fontSize: '20px',
+    fontWeight: '500',
+    color: styledVars.CAP_G01,
+    lineHeight: '28px'
+  },
+  h3: {
+    fontSize: '16px',
+    fontWeight: '500',
+    color: styledVars.CAP_G01,
+    lineHeight: '24px'
+  },
+  h4: {
+    fontSize: '14px',
+    fontWeight: '500',
+    color: styledVars.CAP_G01,
+    lineHeight: '20px'
+  },
+  h5: {
+    fontSize: '14px',
+    fontWeight: 'normal',
+    color: styledVars.CAP_G01,
+    lineHeight: '20px'
+  },
+  h6: {
+    color: styledVars.CAP_G04,
+    fontSize: '14px',
+    fontWeight: 'normal',
+    lineHeight: '20px'
+  },
+  h7: {
+    fontSize: '20px',
+    fontWeight: '500',
+    color: styledVars.CAP_G04,
+    lineHeight: '28px'
+  },
+  h8: {
+    fontSize: '14px',
+    fontWeight: '400',
+    color: styledVars.CAP_G01,
+    lineHeight: '20px'
+  },
+  h9: {
+    fontSize: '14px',
+    fontWeight: '500',
+    color: styledVars.CAP_WHITE,
+    lineHeight: '20px'
+  },
+  h10: {
+    fontSize: '12px',
+    fontWeight: '500',
+    color: styledVars.CAP_G01,
+    lineHeight: '16px'
+  },
+  label1: {
+    color: styledVars.CAP_G04,
+    fontSize: '12px',
+    fontWeight: 'normal',
+    lineHeight: '20px'
+  },
+  label2: {
+    color: styledVars.CAP_G01,
+    fontSize: '12px',
+    fontWeight: 'normal',
+    lineHeight: '20px'
+  },
+  label3: {
+    color: styledVars.CAP_G05,
+    fontSize: '12px',
+    fontWeight: 'normal',
+    lineHeight: '20px'
+  },
+  label4: {
+    color: styledVars.CAP_G04,
+    fontSize: '12px',
+    fontWeight: 'normal',
+    lineHeight: '16px'
+  },
+  label5: {
+    color: styledVars.CAP_G04,
+    fontSize: '16px',
+    fontWeight: 'normal',
+    lineHeight: '24px'
+  },
+  label6: {
+    color: styledVars.CAP_G01,
+    fontSize: '16px',
+    fontWeight: 'normal',
+    lineHeight: '24px'
+  }
+};
+var headingStyles = css(["font-size:", ";font-weight:", ";color:", ";line-height:", ";margin:0;padding:0;"], function (props) {
+  return headings[props.type].fontSize;
+}, function (props) {
+  return headings[props.type].fontWeight;
+}, function (props) {
+  return headings[props.type].color;
+}, function (props) {
+  return headings[props.type].lineHeight;
+});
+export var HeadingWrapper = styled.div.withConfig({
+  displayName: "HeadingWrapper",
+  componentId: "sc-14c6fxa-0"
+})(["", ""], headingStyles);
+export var HeadingSpan = styled.span.withConfig({
+  displayName: "HeadingSpan",
+  componentId: "sc-14c6fxa-1"
+})(["", " display:inline-block;"], headingStyles);

package/dist/esm/CapInfoNote/CapInfoNote.js

@@ -0,0 +1,62 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["message", "style", "noteText", "type", "className"];
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+import React from 'react';
+import PropTypes from 'prop-types';
+import { Alert } from 'antd';
+import { InfoNoteWrapper } from './styles';
+import CapLabel from '../CapLabel';
+import CapRow from '../CapRow';
+var Note = function Note(_ref) {
+  var noteText = _ref.noteText;
+  return /*#__PURE__*/React.createElement(CapLabel.Inline, {
+    type: "label4",
+    className: "note-text"
+  }, noteText);
+};
+Note.propTypes = {
+  noteText: PropTypes.string
+};
+var CapInfoNote = function CapInfoNote(_ref2) {
+  var message = _ref2.message,
+    style = _ref2.style,
+    noteText = _ref2.noteText,
+    _ref2$type = _ref2.type,
+    type = _ref2$type === void 0 ? 'info' : _ref2$type,
+    className = _ref2.className,
+    rest = _objectWithoutProperties(_ref2, _excluded);
+  return /*#__PURE__*/React.createElement(InfoNoteWrapper, null, /*#__PURE__*/React.createElement(Alert, _extends({
+    message: /*#__PURE__*/React.createElement(CapRow, {
+      className: "note-message-container"
+    }, /*#__PURE__*/React.createElement(Note, {
+      noteText: noteText
+    }), ":", /*#__PURE__*/React.createElement(CapRow, {
+      className: "message-text"
+    }, message)),
+    className: className,
+    type: type,
+    showIcon: true,
+    style: _objectSpread({
+      marginTop: '0.857rem',
+      marginBottom: '0.857rem'
+    }, style)
+  }, rest)));
+};
+CapInfoNote.propTypes = {
+  message: PropTypes.node,
+  style: PropTypes.object,
+  noteText: PropTypes.string,
+  type: PropTypes.string,
+  className: PropTypes.string
+};
+CapInfoNote.defaultProps = {
+  type: 'info'
+};
+export default CapInfoNote;

package/dist/esm/CapInfoNote/index.js

@@ -0,0 +1 @@
+export { default } from './CapInfoNote';

package/dist/esm/CapInfoNote/styles.js

@@ -0,0 +1,6 @@
+import styled from 'styled-components';
+import * as styledVars from '../styled/variables';
+export var InfoNoteWrapper = styled.div.withConfig({
+  displayName: "InfoNoteWrapper",
+  componentId: "sc-1b8g28t-0"
+})([".note-text{padding-left:", ";white-space:nowrap;line-height:inherit;}.note-message-container{display:flex;.message-text{margin-left:0.22rem;}}.ant-alert{padding:8px 12px;border-radius:", ";.ant-alert-icon{font-size:", ";top:9px;}&.ant-alert-info{background-color:", ";border:1px solid ", ";.ant-alert-icon{color:", ";}}&.ant-alert-success{background-color:", ";border:1px solid ", ";.ant-alert-icon{color:", ";}}&.ant-alert-warning{background-color:", ";border:1px solid ", ";.ant-alert-icon{color:", ";}}&.ant-alert-error{background-color:", ";border:1px solid ", ";.ant-alert-icon{color:", ";}}}"], styledVars.CAP_SPACE_24, styledVars.RADIUS_04, styledVars.ICON_SIZE_S, styledVars.CAP_G09, styledVars.CAP_G07, styledVars.CAP_G01, styledVars.CAP_COLOR_01, styledVars.CAP_PRIMARY.base, styledVars.CAP_PRIMARY.base, styledVars.CAP_COLOR_02, styledVars.CAP_ORANGE, styledVars.CAP_ORANGE, styledVars.CAP_COLOR_05, styledVars.CAP_RED, styledVars.CAP_RED);

package/dist/esm/CapInput/CapInput.js

@@ -0,0 +1,57 @@
+var _excluded = ["alwaysShowFocus", "errorMessage", "isVerified", "suffix", "showSuffix"];
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+import React, { useRef, useEffect } from 'react';
+import PropTypes from 'prop-types';
+import { Input } from 'antd';
+import { WarningOutlined, CheckCircleOutlined } from '@ant-design/icons';
+import styled from 'styled-components';
+import * as styledVars from '../styled/variables';
+var StyledIcon = styled.span.withConfig({
+  displayName: "StyledIcon",
+  componentId: "sc-1ghbg8a-0"
+})(["color:", ";color:", ";"], function (props) {
+  return props.status === "error" && styledVars.CAP_RED;
+}, function (props) {
+  return props.status === "success" && styledVars.CAP_PRIMARY.base;
+});
+var CapInput = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var alwaysShowFocus = props.alwaysShowFocus,
+    errorMessage = props.errorMessage,
+    isVerified = props.isVerified,
+    suffix = props.suffix,
+    _props$showSuffix = props.showSuffix,
+    showSuffix = _props$showSuffix === void 0 ? true : _props$showSuffix,
+    rest = _objectWithoutProperties(props, _excluded);
+  var inputRef = useRef(null);
+  useEffect(function () {
+    if (alwaysShowFocus && inputRef.current) {
+      inputRef.current.focus();
+    }
+  }, [alwaysShowFocus]);
+  var inputSuffix = errorMessage && /*#__PURE__*/React.createElement(StyledIcon, {
+    status: "error"
+  }, /*#__PURE__*/React.createElement(WarningOutlined, null)) || isVerified && /*#__PURE__*/React.createElement(StyledIcon, {
+    status: "success"
+  }, /*#__PURE__*/React.createElement(CheckCircleOutlined, null)) || suffix || null;
+  return /*#__PURE__*/React.createElement(Input, _extends({}, rest, {
+    ref: ref || inputRef,
+    suffix: showSuffix === false ? null : inputSuffix,
+    status: errorMessage ? 'error' : undefined
+  }));
+});
+CapInput.displayName = 'CapInput';
+CapInput.propTypes = {
+  alwaysShowFocus: PropTypes.bool,
+  errorMessage: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
+  isVerified: PropTypes.bool,
+  size: PropTypes.oneOf(['large', 'middle', 'small']),
+  suffix: PropTypes.node,
+  showSuffix: PropTypes.bool
+};
+CapInput.defaultProps = {
+  size: 'large',
+  showSuffix: true
+};
+export default CapInput;

package/dist/esm/CapInput/Number.js

@@ -0,0 +1,35 @@
+var _excluded = ["size"];
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+import React from 'react';
+import PropTypes from 'prop-types';
+import { InputNumber } from 'antd';
+var CapInputNumber = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var _props$size = props.size,
+    size = _props$size === void 0 ? 'large' : _props$size,
+    rest = _objectWithoutProperties(props, _excluded);
+  return /*#__PURE__*/React.createElement(InputNumber, _extends({}, rest, {
+    ref: ref,
+    size: size
+  }));
+});
+CapInputNumber.displayName = 'CapInputNumber';
+CapInputNumber.propTypes = {
+  size: PropTypes.oneOf(['large', 'middle', 'small']),
+  min: PropTypes.number,
+  max: PropTypes.number,
+  step: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+  precision: PropTypes.number,
+  decimalSeparator: PropTypes.string,
+  formatter: PropTypes.func,
+  parser: PropTypes.func,
+  controls: PropTypes.oneOfType([PropTypes.bool, PropTypes.object]),
+  keyboard: PropTypes.bool,
+  stringMode: PropTypes.bool
+};
+CapInputNumber.defaultProps = {
+  size: 'large',
+  keyboard: true
+};
+export default CapInputNumber;

package/dist/esm/CapInput/Search.js

@@ -0,0 +1,28 @@
+var _excluded = ["size"];
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+import React from 'react';
+import PropTypes from 'prop-types';
+import { Input } from 'antd';
+var Search = Input.Search;
+var CapInputSearch = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var _props$size = props.size,
+    size = _props$size === void 0 ? 'large' : _props$size,
+    rest = _objectWithoutProperties(props, _excluded);
+  return /*#__PURE__*/React.createElement(Search, _extends({}, rest, {
+    ref: ref,
+    size: size
+  }));
+});
+CapInputSearch.displayName = 'CapInputSearch';
+CapInputSearch.propTypes = {
+  size: PropTypes.oneOf(['large', 'middle', 'small']),
+  enterButton: PropTypes.oneOfType([PropTypes.bool, PropTypes.node]),
+  loading: PropTypes.bool,
+  onSearch: PropTypes.func
+};
+CapInputSearch.defaultProps = {
+  size: 'large'
+};
+export default CapInputSearch;

package/dist/esm/CapInput/TextArea.js

@@ -0,0 +1,35 @@
+var _excluded = ["size"];
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+import React from 'react';
+import PropTypes from 'prop-types';
+import { Input } from 'antd';
+var TextArea = Input.TextArea;
+var CapInputTextArea = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var _props$size = props.size,
+    size = _props$size === void 0 ? 'large' : _props$size,
+    rest = _objectWithoutProperties(props, _excluded);
+  return /*#__PURE__*/React.createElement(TextArea, _extends({}, rest, {
+    ref: ref,
+    size: size
+  }));
+});
+CapInputTextArea.displayName = 'CapInputTextArea';
+CapInputTextArea.propTypes = {
+  size: PropTypes.oneOf(['large', 'middle', 'small']),
+  autoSize: PropTypes.oneOfType([PropTypes.bool, PropTypes.shape({
+    minRows: PropTypes.number,
+    maxRows: PropTypes.number
+  })]),
+  rows: PropTypes.number,
+  maxLength: PropTypes.number,
+  showCount: PropTypes.oneOfType([PropTypes.bool, PropTypes.shape({
+    formatter: PropTypes.func
+  })])
+};
+CapInputTextArea.defaultProps = {
+  size: 'large',
+  rows: 4
+};
+export default CapInputTextArea;

package/dist/esm/CapInput/index.js

@@ -0,0 +1,8 @@
+import CapInput from './CapInput';
+import Number from './Number';
+import Search from './Search';
+import TextArea from './TextArea';
+CapInput.Number = Number;
+CapInput.Search = Search;
+CapInput.TextArea = TextArea;
+export default CapInput;

package/dist/esm/CapInput/loadable.js

@@ -0,0 +1,9 @@
+/**
+ * Asynchronously loads the CapInput component
+ */
+
+import { loadable } from '@capillarytech/cap-ui-utils';
+var CapInputLoadable = loadable(function () {
+  return import('./CapInput');
+});
+export default CapInputLoadable;

package/dist/esm/CapInput/messages.js

@@ -0,0 +1,25 @@
+/*
+ * CapInput Messages
+ *
+ * This contains all the text for the CapInput component.
+ */
+import { defineMessages } from 'react-intl';
+var scope = 'blaze.components.CapInput';
+export default defineMessages({
+  placeholder: {
+    id: "".concat(scope, ".placeholder"),
+    defaultMessage: 'Enter text...'
+  },
+  searchPlaceholder: {
+    id: "".concat(scope, ".searchPlaceholder"),
+    defaultMessage: 'Search...'
+  },
+  textAreaPlaceholder: {
+    id: "".concat(scope, ".textAreaPlaceholder"),
+    defaultMessage: 'Enter your text here...'
+  },
+  numberPlaceholder: {
+    id: "".concat(scope, ".numberPlaceholder"),
+    defaultMessage: 'Enter number...'
+  }
+});

package/dist/esm/CapInput/styles.js

@@ -0,0 +1,3 @@
+import { css } from 'styled-components';
+import * as styledVars from '../styled/variables';
+export var inputStyles = css(["&.ant-input,&.ant-input-affix-wrapper,&.ant-input-number,&.ant-input-textarea{font-family:", ";border-radius:", ";transition:", ";&:hover{border-color:", ";}&:focus,&.ant-input-affix-wrapper-focused{border-color:", ";box-shadow:none;}&.ant-input-status-error,&.ant-input-affix-wrapper-status-error,&.ant-input-number-status-error{border-color:", ";&:hover{border-color:", ";}&:focus,&.ant-input-affix-wrapper-focused{border-color:", ";box-shadow:none;}}&.ant-input-disabled,&.ant-input-affix-wrapper-disabled{background-color:", ";cursor:not-allowed;}}&.ant-input-lg,&.ant-input-affix-wrapper-lg{font-size:14px;padding:10px 12px;}&.ant-input-textarea{.ant-input{font-family:", ";}}&.ant-input-number{width:100%;.ant-input-number-handler-wrap{opacity:1;}}&.ant-input-search{.ant-input-search-button{background-color:", ";border-color:", ";&:hover{background-color:", ";border-color:", ";}}}"], styledVars.FONT_FAMILY, styledVars.RADIUS_04, styledVars.TRANSITION_ALL, styledVars.CAP_G11, styledVars.CAP_G01, styledVars.CAP_RED, styledVars.CAP_RED, styledVars.CAP_RED, styledVars.CAP_G08, styledVars.FONT_FAMILY, styledVars.CAP_PRIMARY.base, styledVars.CAP_PRIMARY.base, styledVars.CAP_PRIMARY.hover, styledVars.CAP_PRIMARY.hover);

package/dist/esm/CapLabel/CapLabel.js

@@ -0,0 +1,50 @@
+var _excluded = ["type", "children", "fontWeight", "lineHeight"],
+  _excluded2 = ["type", "children", "fontWeight", "lineHeight"];
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+import React from 'react';
+import PropTypes from 'prop-types';
+import { LabelWrapper, LabelInline } from './styles';
+var CapLabel = function CapLabel(_ref) {
+  var _ref$type = _ref.type,
+    type = _ref$type === void 0 ? 'label1' : _ref$type,
+    children = _ref.children,
+    fontWeight = _ref.fontWeight,
+    lineHeight = _ref.lineHeight,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(LabelWrapper, _extends({
+    type: type,
+    fontWeight: fontWeight,
+    lineHeight: lineHeight
+  }, rest), children);
+};
+CapLabel.propTypes = {
+  type: PropTypes.oneOf(['label1', 'label2', 'label3', 'label4', 'label5', 'label6', 'label7', 'label8', 'label9', 'label10', 'label11', 'label12', 'label13', 'label14', 'label15', 'label16', 'label17', 'label18', 'label19', 'label20', 'label21', 'label22', 'label23', 'label24', 'label25', 'label26', 'label27', 'label28', 'label29', 'label30', 'label31', 'label32', 'label33']),
+  children: PropTypes.node,
+  fontWeight: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  lineHeight: PropTypes.string
+};
+
+// Inline span version
+var CapLabelInline = function CapLabelInline(_ref2) {
+  var _ref2$type = _ref2.type,
+    type = _ref2$type === void 0 ? 'label1' : _ref2$type,
+    children = _ref2.children,
+    fontWeight = _ref2.fontWeight,
+    lineHeight = _ref2.lineHeight,
+    rest = _objectWithoutProperties(_ref2, _excluded2);
+  return /*#__PURE__*/React.createElement(LabelInline, _extends({
+    type: type,
+    fontWeight: fontWeight,
+    lineHeight: lineHeight
+  }, rest), children);
+};
+CapLabelInline.propTypes = {
+  type: PropTypes.oneOf(['label1', 'label2', 'label3', 'label4', 'label5', 'label6', 'label7', 'label8', 'label9', 'label10', 'label11', 'label12', 'label13', 'label14', 'label15', 'label16', 'label17', 'label18', 'label19', 'label20', 'label21', 'label22', 'label23', 'label24', 'label25', 'label26', 'label27', 'label28', 'label29', 'label30', 'label31', 'label32', 'label33']),
+  children: PropTypes.node,
+  fontWeight: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  lineHeight: PropTypes.string
+};
+CapLabel.Inline = CapLabelInline;
+export default CapLabel;

package/dist/esm/CapLabel/index.js

@@ -0,0 +1 @@
+export { default } from './CapLabel';