@capillarytech/blaze-ui 0.1.6-alpha.28 → 0.1.6-alpha.3

package/dist/603.index.js

@@ -0,0 +1 @@
+"use strict";(this.webpackChunk_capillarytech_blaze_ui=this.webpackChunk_capillarytech_blaze_ui||[]).push([[603],{603:(t,e,a)=>{a.r(e),a.d(e,{default:()=>G});var o=a(2015),n=a.n(o),l=a(9825),r=a.n(l),d=a(7825),i=a(3892),c=a.n(i),b=a(9266),s=a(6235),h=a(2770),p=a.n(h),u=a(4828);const{CAP_G09:g,CAP_G01:f,CAP_G06:y,CAP_G07:w,CAP_G10:v,SPACING_16:x,SPACING_24:m,FONT_SIZE_S:_}=u,C=p()(s.A).withConfig({displayName:"StyledTable",componentId:"sc-1ldu1k4-0"})(["&.cap-table-v2{.ant-table{border:1px solid ",";}}&.show-loader{.ant-table-body > table > tbody::after{content:'","';display:flex;justify-content:center;position:absolute;width:100%;align-items:center;height:60px;text-align:center;font-size:16px;color:gray;border-top:1px solid ",";}}"],w,t=>t.loadMoreData,w),S=(0,h.css)([".ant-table{border:1px solid ",";.ant-table-thead > tr > th{color:",";font-size:",";line-height:",";background-color:",";text-align:left;}.ant-table-thead > tr > th,.ant-table-tbody > tr > td{padding:"," ",";}.ant-table-tbody > tr > td{border-bottom:1px solid ",";}.ant-table-tbody > tr:last-child > td{border-bottom:none;}.ant-table-thead > tr.ant-table-row-hover:not(.ant-table-expanded-row) > td,.ant-table-tbody > tr.ant-table-row-hover:not(.ant-table-expanded-row) > td,.ant-table-thead > tr:hover:not(.ant-table-expanded-row) > td,.ant-table-tbody > tr:hover:not(.ant-table-expanded-row) > td{background-color:",";}.ant-table-thead > tr > th .ant-table-column-sorter-up,.ant-table-thead > tr > th .ant-table-column-sorter-down{&.active{color:",";}&:not(.active){color:",";}}.ant-table-thead{.table-children{padding:6px "," 16px;position:relative;}.table-parent{padding-bottom:0;padding-left:",";}.table-children.show-separator:not(:last-child)::after{content:'';height:8px;width:1px;right:0;top:30%;background-color:",";position:absolute;}}.ant-table-thead > tr > th .ant-table-column-sorter{vertical-align:unset;}.ant-table-body table{table-layout:fixed;width:100%;}}&.no-pagination-loader{.ant-table-body > table > tbody::after{content:'';height:unset;display:none;}}&.hide-hover{.ant-table{.ant-table-thead > tr.ant-table-row-hover:not(.ant-table-expanded-row) > td,.ant-table-tbody > tr.ant-table-row-hover:not(.ant-table-expanded-row) > td,.ant-table-thead > tr:hover:not(.ant-table-expanded-row) > td,.ant-table-tbody > tr:hover:not(.ant-table-expanded-row) > td{background:none;}}}a{color:",";}"],w,f,_,x,v,x,m,w,g,f,y,m,m,w,f);var k=a(2411);function P(){return P=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var a=arguments[e];for(var o in a)({}).hasOwnProperty.call(a,o)&&(t[o]=a[o])}return t},P.apply(null,arguments)}const A=t=>{let{id:e,className:a,children:l,infiniteScroll:r,pagination:i,dataSource:b,offset_limit:s,setPagination:h,scroll:p,showLoader:u,...g}=t;const f=(0,o.useRef)(null),[y,w]=(0,o.useState)(!0),v=(0,o.useRef)(0),x=(0,o.useCallback)(()=>{if(!u&&y){const t=v.current+1,e={...s,offset:t};v.current=t,h(e)}},[u,y,h,s]),m=(0,o.useCallback)((0,d.debounce)(t=>{const e=t.target;e&&r&&y&&!u&&(Math.ceil(e.scrollTop)+e.clientHeight)/e.scrollHeight*100>=80&&x()},250),[r,u,y,x]);(0,o.useEffect)(()=>{const t=document.querySelector(`#${e} .ant-table-body`);if(t)return f.current=t,t.addEventListener("scroll",m,{passive:!0}),t.scrollHeight<=t.clientHeight&&!u&&y&&(v.current=0,x()),()=>{f.current?.removeEventListener("scroll",m),m.cancel()}},[e,m,u,y,x]),(0,o.useEffect)(()=>{b?.length||(v.current=0),w(!0)},[b]);const _=c()("cap-table-v2",a,{"show-loader":u,"infinite-scroll":r,"has-more":y});return n().createElement(C,P({id:e,className:_,dataSource:b,pagination:!1,scroll:{x:p?.x,y:p?.y||400,scrollToFirstRowOnChange:!1},virtual:r,rowHeight:54},g),l)};A.propTypes={id:r().string.isRequired,className:r().string,children:r().node,infiniteScroll:r().bool,pagination:r().oneOfType([r().object,r().bool]),dataSource:r().array,offset_limit:r().object,setPagination:r().func,scroll:r().object,showLoader:r().bool};const G=(0,k.A)((0,b.withStyles)(A,S),{key:"CapTable"})}}]);

package/dist/CapTable/loadable.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _CapSkeleton = _interopRequireDefault(require("../CapSkeleton"));
+var _CapSpin = _interopRequireDefault(require("@capillarytech/cap-ui-library/CapSpin"));
 var _capUiUtils = require("@capillarytech/cap-ui-utils");
 var _react = _interopRequireWildcard(require("react"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
@@ -15,9 +15,9 @@ var LoadableComponent = (0, _capUiUtils.loadable)(function () {
     return _interopRequireWildcard(require('./CapTable'));
   });
 });
-var CapTableLoadable = function CapTableLoadable(props) {
+var CapTableLoadable = function CapTableLoadable() {
   return /*#__PURE__*/_react["default"].createElement(_react.Suspense, {
-    fallback: /*#__PURE__*/_react["default"].createElement(_CapSkeleton["default"], null)
-  }, /*#__PURE__*/_react["default"].createElement(LoadableComponent, props));
+    fallback: /*#__PURE__*/_react["default"].createElement(_CapSpin["default"], null)
+  }, /*#__PURE__*/_react["default"].createElement(LoadableComponent, null));
 };
 var _default = exports["default"] = CapTableLoadable;

package/dist/esm/CapHeading/CapHeading.js

@@ -0,0 +1,41 @@
+var _excluded = ["type", "children", "as"],
+  _excluded2 = ["type", "children"];
+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 { HeadingWrapper, HeadingSpan } from './styles';
+var CapHeading = function CapHeading(_ref) {
+  var _ref$type = _ref.type,
+    type = _ref$type === void 0 ? 'h5' : _ref$type,
+    children = _ref.children,
+    as = _ref.as,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(HeadingWrapper, _extends({
+    type: type,
+    as: as || 'div'
+  }, rest), children);
+};
+CapHeading.propTypes = {
+  type: PropTypes.oneOf(['h0', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'h7', 'h8', 'h9', 'h10', 'label1', 'label2', 'label3', 'label4', 'label5', 'label6']),
+  children: PropTypes.node,
+  as: PropTypes.string
+};
+
+// Inline span version
+var CapHeadingSpan = function CapHeadingSpan(_ref2) {
+  var _ref2$type = _ref2.type,
+    type = _ref2$type === void 0 ? 'h5' : _ref2$type,
+    children = _ref2.children,
+    rest = _objectWithoutProperties(_ref2, _excluded2);
+  return /*#__PURE__*/React.createElement(HeadingSpan, _extends({
+    type: type
+  }, rest), children);
+};
+CapHeadingSpan.propTypes = {
+  type: PropTypes.oneOf(['h0', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'h7', 'h8', 'h9', 'h10', 'label1', 'label2', 'label3', 'label4', 'label5', 'label6']),
+  children: PropTypes.node
+};
+CapHeading.Span = CapHeadingSpan;
+export default CapHeading;

package/dist/esm/CapHeading/index.js

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

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/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/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';

package/dist/esm/CapLabel/styles.js

@@ -0,0 +1,219 @@
+import styled, { css } from 'styled-components';
+import * as styledVars from '../styled/variables';
+var labels = {
+  label1: {
+    color: styledVars.CAP_G04,
+    fontSize: '12px',
+    fontWeight: 'normal',
+    lineHeight: 'normal'
+  },
+  label2: {
+    color: styledVars.CAP_G01,
+    fontSize: '12px',
+    fontWeight: 'normal',
+    lineHeight: 'normal'
+  },
+  label3: {
+    color: styledVars.CAP_G05,
+    fontSize: '12px',
+    fontWeight: 'normal',
+    lineHeight: 'normal'
+  },
+  label4: {
+    color: styledVars.CAP_G01,
+    fontSize: '12px',
+    fontWeight: '500',
+    lineHeight: 'normal'
+  },
+  label5: {
+    color: styledVars.CAP_G01,
+    fontSize: '10px',
+    fontWeight: 'normal',
+    lineHeight: 'normal'
+  },
+  label6: {
+    color: styledVars.CAP_G06,
+    fontSize: '12px',
+    fontWeight: 'normal',
+    lineHeight: 'normal'
+  },
+  label7: {
+    color: styledVars.CAP_G04,
+    fontSize: '14px',
+    fontWeight: '500',
+    lineHeight: 'normal'
+  },
+  label8: {
+    color: styledVars.CAP_G01,
+    fontSize: '12px',
+    fontWeight: '500',
+    lineHeight: 'normal'
+  },
+  label9: {
+    color: styledVars.CAP_G01,
+    fontSize: '12px',
+    fontWeight: 'normal',
+    lineHeight: '16px'
+  },
+  label10: {
+    color: styledVars.CAP_WHITE,
+    fontSize: '12px',
+    fontWeight: 'normal',
+    lineHeight: '16px'
+  },
+  label11: {
+    color: styledVars.CAP_G04,
+    fontSize: '10px',
+    fontWeight: 'normal',
+    lineHeight: 'normal'
+  },
+  label12: {
+    color: styledVars.CAP_WHITE,
+    fontSize: '12px',
+    fontWeight: 'normal',
+    lineHeight: 'normal'
+  },
+  label13: {
+    color: styledVars.CAP_G05,
+    fontSize: '10px',
+    fontWeight: 'normal',
+    lineHeight: 'normal'
+  },
+  label14: {
+    color: styledVars.CAP_G03,
+    fontSize: '14px',
+    fontWeight: 'normal',
+    lineHeight: 'normal'
+  },
+  label15: {
+    color: styledVars.CAP_G01,
+    fontSize: '14px',
+    fontWeight: 'normal',
+    lineHeight: 'normal'
+  },
+  label16: {
+    color: styledVars.CAP_G01,
+    fontSize: '14px',
+    fontWeight: '500',
+    lineHeight: 'normal'
+  },
+  label17: {
+    color: styledVars.CAP_G01,
+    fontSize: '16px',
+    fontWeight: '500',
+    lineHeight: 'normal'
+  },
+  label18: {
+    color: styledVars.CAP_G04,
+    fontSize: '14px',
+    fontWeight: 'normal',
+    lineHeight: 'normal'
+  },
+  label19: {
+    color: 'rgba(0, 0, 0, 0.87)',
+    fontSize: '12px',
+    fontWeight: 'normal',
+    lineHeight: '16px'
+  },
+  label20: {
+    color: styledVars.CAP_SECONDARY.base,
+    fontSize: '14px',
+    fontWeight: '500',
+    lineHeight: 'normal'
+  },
+  label21: {
+    color: styledVars.CAP_SECONDARY.base,
+    fontSize: '12px',
+    fontWeight: 'normal',
+    lineHeight: 'normal'
+  },
+  label22: {
+    color: styledVars.CAP_G04,
+    fontSize: '24px',
+    fontWeight: 'normal',
+    lineHeight: '28px'
+  },
+  label23: {
+    color: styledVars.CAP_WHITE,
+    fontSize: '14px',
+    fontWeight: 'normal',
+    lineHeight: 'normal'
+  },
+  label24: {
+    fontSize: '14px',
+    fontWeight: '400',
+    color: styledVars.CAP_G04,
+    lineHeight: '20px'
+  },
+  label25: {
+    fontSize: '14px',
+    fontWeight: '500',
+    color: styledVars.CAP_G04,
+    lineHeight: '20px'
+  },
+  label26: {
+    fontSize: '10px',
+    fontWeight: '400',
+    color: styledVars.CAP_G01,
+    lineHeight: '12px'
+  },
+  label27: {
+    fontSize: '12px',
+    fontWeight: '500',
+    color: styledVars.CAP_SECONDARY.base,
+    lineHeight: '16px'
+  },
+  label28: {
+    fontSize: '12px',
+    fontWeight: '500',
+    color: styledVars.CAP_WHITE,
+    lineHeight: '16px'
+  },
+  label29: {
+    fontSize: '10px',
+    fontWeight: '400',
+    color: styledVars.CAP_WHITE,
+    lineHeight: '12px'
+  },
+  label30: {
+    fontSize: '10px',
+    fontWeight: '400',
+    color: styledVars.CAP_WHITE,
+    lineHeight: '12px'
+  },
+  label31: {
+    color: styledVars.CAP_G01,
+    fontSize: '12px',
+    fontWeight: '400',
+    lineHeight: '16px'
+  },
+  label32: {
+    color: styledVars.CAP_WHITE,
+    fontSize: '14px',
+    fontWeight: '500',
+    lineHeight: '20px'
+  },
+  label33: {
+    color: styledVars.CAP_SECONDARY.base,
+    fontSize: '14px',
+    fontWeight: '500',
+    lineHeight: '20px'
+  }
+};
+var labelStyles = css(["font-size:", ";font-weight:", ";color:", ";line-height:", ";margin:0;padding:0;"], function (props) {
+  return labels[props.type].fontSize;
+}, function (props) {
+  return props.fontWeight || labels[props.type].fontWeight;
+}, function (props) {
+  return labels[props.type].color;
+}, function (props) {
+  return props.lineHeight || labels[props.type].lineHeight || 'initial';
+});
+export var LabelWrapper = styled.div.withConfig({
+  displayName: "LabelWrapper",
+  componentId: "sc-1xg855n-0"
+})(["", ""], labelStyles);
+export var LabelInline = styled.span.withConfig({
+  displayName: "LabelInline",
+  componentId: "sc-1xg855n-1"
+})(["", " display:inline-block;"], labelStyles);

package/dist/esm/{CapSkeleton/CapSkeleton.js → CapRow/CapRow.js}

@@ -1,22 +1,22 @@
-var _excluded = ["className"];
+var _excluded = ["className", "children"];
 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; }
-/**
- * CapSkeleton - Migrated to Ant Design v5
- */
 import React from 'react';
 import PropTypes from 'prop-types';
-import { Skeleton } from 'antd';
-var CapSkeleton = function CapSkeleton(_ref) {
+import { Row } from 'antd';
+import classNames from 'classnames';
+import { RowWrapper } from './styles';
+var CapRow = function CapRow(_ref) {
   var className = _ref.className,
+    children = _ref.children,
     rest = _objectWithoutProperties(_ref, _excluded);
-  var combinedClassName = "cap-skeleton-v2 ".concat(className || '').trim();
-  return /*#__PURE__*/React.createElement(Skeleton, _extends({
-    className: combinedClassName
-  }, rest));
+  return /*#__PURE__*/React.createElement(RowWrapper, null, /*#__PURE__*/React.createElement(Row, _extends({}, rest, {
+    className: classNames('cap-row', className)
+  }), React.Children.toArray(children)));
 };
-CapSkeleton.propTypes = {
+CapRow.propTypes = {
+  children: PropTypes.node,
   className: PropTypes.string
 };
-export default CapSkeleton;
+export default CapRow;

package/dist/esm/CapRow/index.js

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

package/dist/esm/CapRow/styles.js

@@ -0,0 +1,5 @@
+import styled from 'styled-components';
+export var RowWrapper = styled.div.withConfig({
+  displayName: "RowWrapper",
+  componentId: "sc-y3x4h8-0"
+})([".cap-row{display:flex;flex-flow:row wrap;min-width:0;}"]);

package/dist/esm/CapTable/loadable.js

@@ -1,12 +1,12 @@
-import CapSkeleton from '../CapSkeleton';
+import CapSpin from '@capillarytech/cap-ui-library/CapSpin';
 import { loadable } from '@capillarytech/cap-ui-utils';
 import React, { Suspense } from 'react';
 var LoadableComponent = loadable(function () {
   return import('./CapTable');
 });
-var CapTableLoadable = function CapTableLoadable(props) {
+var CapTableLoadable = function CapTableLoadable() {
   return /*#__PURE__*/React.createElement(Suspense, {
-    fallback: /*#__PURE__*/React.createElement(CapSkeleton, null)
-  }, /*#__PURE__*/React.createElement(LoadableComponent, props));
+    fallback: /*#__PURE__*/React.createElement(CapSpin, null)
+  }, /*#__PURE__*/React.createElement(LoadableComponent, null));
 };
 export default CapTableLoadable;

package/dist/esm/CapTooltip/CapTooltip.js

@@ -0,0 +1,34 @@
+var _excluded = ["overlayClassName", "children"];
+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 { Tooltip } from 'antd';
+import classNames from 'classnames';
+import { TooltipWrapper } from './styles';
+var CapTooltip = function CapTooltip(_ref) {
+  var overlayClassName = _ref.overlayClassName,
+    children = _ref.children,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(TooltipWrapper, null, /*#__PURE__*/React.createElement(Tooltip, _extends({
+    overlayClassName: classNames('cap-tooltip', overlayClassName)
+  }, rest), children));
+};
+
+/*
+  NOTE:
+    While using a disabled button with tooltip, wrap the button with an element with className "button-disabled-tooltip-wrapper".
+
+    <CapTooltip title="disabled button with tooltip">
+      <span className="button-disabled-tooltip-wrapper">
+        <CapButton disabled>Button</CapButton>
+      </span>
+    </CapTooltip>
+*/
+
+CapTooltip.propTypes = {
+  overlayClassName: PropTypes.string,
+  children: PropTypes.node
+};
+export default CapTooltip;

package/dist/esm/CapTooltip/index.js

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