trepur_components 0.4.8 → 1.0.1

package/dist/components/Timeline/index.js

@@ -1,254 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-require("core-js/modules/es.array.reverse.js");
-
-var _react = _interopRequireDefault(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _Image = _interopRequireDefault(require("../Image"));
-
-var _Column = _interopRequireDefault(require("../Column"));
-
-var _Row = _interopRequireDefault(require("../Row"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-const Timeline = _ref => {
-  let {
-    id,
-    classes,
-    isHorizontal,
-    items,
-    reverse,
-    textCenter,
-    useImages,
-    horizontalComponentClasses,
-    isSm = false
-  } = _ref;
-  const classList = (0, _classnames.default)({
-    [classes]: classes
-  }, 'w-full list-none overflow-x-auto pb-4');
-  const ulClasses = (0, _classnames.default)({
-    [classes]: classes,
-    'flex-row none-reverse justify-between': !reverse && isHorizontal,
-    'flex-col none-reverse': !reverse && !isHorizontal,
-    'flex-row reverse justify-between': reverse && isHorizontal,
-    'flex-col reverse': reverse && !isHorizontal
-  }, 'timeline status-flow relative list-none pl-0 flex');
-  const liClasses = (0, _classnames.default)({
-    'text-center': textCenter,
-    'items-center flex-col justify-between': !reverse && isHorizontal,
-    'flex-row none-reverse': !reverse && !isHorizontal,
-    'items-center flex-col-reverse': reverse && isHorizontal,
-    'flex-row-reverse': reverse && !isHorizontal
-  }, 'status-flow-item relative flex flex-auto flex-row leading-tight');
-  const circle = (0, _classnames.default)({
-    'horizontal collapse': isHorizontal && isSm,
-    'horizontal': isHorizontal && !isSm,
-    'vertical collapse': !isHorizontal && isSm,
-    'vertical': !isHorizontal && !isSm
-  }, 'w-4 h-4 my-16 text-center mx-auto rounded-full border bg-black');
-  const circleVerticalBefore = {
-    'position': 'absolute',
-    'display': 'block',
-    'borderLeft': '1px solid #31a3dd',
-    'content': '""',
-    'height': '50%',
-    'top': '0%',
-    'left': '49.9%',
-    'zIndex': '-1'
-  };
-  const circleVerticalCollapseBefore = {
-    'position': ' absolute',
-    'display': ' block',
-    'borderLeft': ' 1px solid #31a3dd',
-    'content': ' ""',
-    'height': ' 50%',
-    'top': ' 0%',
-    'left': ' 8.2%',
-    'zIndex': ' -1'
-  };
-  const lastCircleVerticalBefore = {
-    'position': 'absolute',
-    'display': 'block',
-    'borderLeft': '1px solid #31a3dd',
-    'content': '""',
-    'height': '50%',
-    'top': '0%',
-    'left': '49.9%',
-    'zIndex': '-1'
-  };
-  const lastCircleVerticalCollapseBefore = {
-    'position': ' absolute',
-    'display': ' block',
-    'borderLeft': ' 1px solid #31a3dd',
-    'content': ' ""',
-    'height': ' 50%',
-    'top': ' 0%',
-    'left': ' 8.2%',
-    'zIndex': ' -1'
-  };
-  const circleVerticalAfter = {
-    'position': 'absolute',
-    'display': 'block',
-    'borderLeft': '1px solid #31a3dd',
-    'content': '""',
-    'height': '50%',
-    'bottom': '0%',
-    'left': '49.9%',
-    'zIndex': '-1'
-  };
-  const firstCircleVerticalAfter = {
-    'position': 'absolute',
-    'display': 'block',
-    'borderLeft': '1px solid #31a3dd',
-    'content': '""',
-    'height': '50%',
-    'bottom': '0%',
-    'left': '49.9%',
-    'zIndex': '-1'
-  };
-  const circleVerticalCollapseAfter = {
-    'position': 'absolute',
-    'display': 'block',
-    'borderLeft': '1px solid #31a3dd',
-    'content': '""',
-    'height': '50%',
-    'bottom': '0%',
-    'left': '8.2%',
-    'zIndex': '-1'
-  };
-  const firstCircleVerticalCollapseAfter = {
-    'position': 'absolute',
-    'display': 'block',
-    'borderLeft': '1px solid #31a3dd',
-    'content': '""',
-    'height': '50%',
-    'bottom': '0%',
-    'left': '8.2%',
-    'zIndex': '-1'
-  };
-  return /*#__PURE__*/_react.default.createElement(_Column.default, {
-    columnProps: {
-      sm: 12,
-      id: id,
-      className: classList
-    }
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: ulClasses
-  }, items && items.map((item, i) => {
-    let before;
-    if (i % 2 === 0) before = true;else before = false;
-    let circlePos;
-
-    if (items.length - 1 > 0) {
-      if (i === 0) circlePos = 'first-circle';else if (i === items.length - 1) circlePos = 'last-circle';else circlePos = "circle";
-    }
-
-    let verticalCircleStylesBefore;
-
-    if (circlePos === 'circle' && isSm) {
-      verticalCircleStylesBefore = circleVerticalCollapseBefore;
-    } else if (circlePos === 'circle' && !isSm) {
-      verticalCircleStylesBefore = circleVerticalBefore;
-    } else if (circlePos === 'last-circle' && isSm) {
-      verticalCircleStylesBefore = lastCircleVerticalCollapseBefore;
-    } else if (circlePos === 'last-circle' && !isSm) {
-      verticalCircleStylesBefore = lastCircleVerticalBefore;
-    }
-
-    let verticalCircleStylesAfter;
-
-    if (circlePos === 'circle' && isSm) {
-      verticalCircleStylesAfter = circleVerticalCollapseAfter;
-    } else if (circlePos === 'circle' && !isSm) {
-      verticalCircleStylesAfter = circleVerticalAfter;
-    } else if (circlePos === 'first-circle' && isSm) {
-      verticalCircleStylesAfter = firstCircleVerticalCollapseAfter;
-    } else if (circlePos === 'first-circle' && !isSm) {
-      verticalCircleStylesAfter = firstCircleVerticalAfter;
-    }
-
-    if (isHorizontal) {
-      return /*#__PURE__*/_react.default.createElement(_Column.default, {
-        key: "horizontal_col_".concat(i + 0),
-        columnProps: {
-          id: 'timeline-item',
-          classes: "".concat(liClasses, " py-4 mb-8")
-        }
-      }, /*#__PURE__*/_react.default.createElement(_Row.default, {
-        rowProps: {
-          classes: horizontalComponentClasses
-        }
-      }, before && item.component), /*#__PURE__*/_react.default.createElement(_Row.default, null, useImages ? /*#__PURE__*/_react.default.createElement("div", {
-        id: circlePos,
-        className: isHorizontal ? 'horizontal py-0 my-0' : 'vertical'
-      }, /*#__PURE__*/_react.default.createElement(_Image.default, {
-        imageProps: _objectSpread({}, item.centerImageProps)
-      })) : /*#__PURE__*/_react.default.createElement("p", {
-        id: circlePos,
-        className: circle
-      })), /*#__PURE__*/_react.default.createElement(_Row.default, {
-        rowProps: {
-          classes: horizontalComponentClasses
-        }
-      }, !before && item.component));
-    } else {
-      return /*#__PURE__*/_react.default.createElement(_Row.default, {
-        key: "vertical_row_".concat(i + 0),
-        rowProps: {
-          id: 'timeline-item',
-          classes: "".concat(liClasses, " py-4")
-        }
-      }, !isSm && /*#__PURE__*/_react.default.createElement(_Column.default, {
-        columnProps: {
-          sm: 5,
-          classes: 'text-center my-auto'
-        }
-      }, before && item.component), /*#__PURE__*/_react.default.createElement(_Column.default, {
-        columnProps: {
-          sm: 2,
-          id: 'circle-wrapper',
-          classes: 'my-auto'
-        }
-      }, useImages ? /*#__PURE__*/_react.default.createElement("div", {
-        id: circlePos,
-        className: isSm ? 'vertical collapse' : 'vertical'
-      }, /*#__PURE__*/_react.default.createElement("span", {
-        style: verticalCircleStylesBefore
-      }), /*#__PURE__*/_react.default.createElement(_Image.default, {
-        imageProps: _objectSpread({}, item.centerImageProps)
-      }), /*#__PURE__*/_react.default.createElement("span", {
-        style: verticalCircleStylesAfter
-      })) : /*#__PURE__*/_react.default.createElement("p", {
-        id: circlePos,
-        className: circle
-      })), isSm && /*#__PURE__*/_react.default.createElement(_Column.default, {
-        columnProps: {
-          sm: 10,
-          classes: 'text-center my-auto'
-        }
-      }, item.component), !isSm && /*#__PURE__*/_react.default.createElement(_Column.default, {
-        columnProps: {
-          sm: 5,
-          classes: 'text-center my-auto'
-        }
-      }, !before && item.component));
-    }
-  })));
-};
-
-var _default = Timeline;
-exports.default = _default;

package/dist/components/Tubestops/index.css

@@ -1,92 +0,0 @@
-/* Vertical */
-.tubestop.flex-col.none-reverse .status-flow-item:not(:first-child):before {
-  @apply absolute;
-  @apply block;
-  
-  content: "";
-  width: 1px;
-  height: 100%;
-  left: 7px;
-  top: -100%;
-}
-
-.tubestop.flex-col.none-reverse .status-flow-item:not(:last-child):after {
-  @apply absolute;
-  @apply block;
- 
-  content: "";
-  width: 1px;
-  height: 100%;
-  left: 7px;
-  top: 40%;
-}
-
-/* reverse */
-.tubestop.flex-col.reverse .status-flow-item:not(:first-child):before {
-  @apply absolute;
-  @apply block;
-
-  content: "";
-  width: 1px;
-  height: 100%;
-  right: 7px;
-  top: -100%;
-}
-
-.tubestop.flex-col.reverse .status-flow-item:not(:last-child):after {
-  @apply absolute;
-  @apply block;
-
-  content: "";
-  width: 1px;
-  height: 100%;
-  right: 7px;
-  top: 40%;
-}
-
-/* Horizontal */
-.tubestop.flex-row.none-reverse .status-flow-item:not(:first-child):after {
-  @apply absolute;
-  @apply block;
-
-  content: "";
-  width: 100%;
-  height: 1px;
-  left: -50%;
-  bottom: 7px;
-}
-
-.tubestop.flex-row-reverse.none-reverse
-  .status-flow-item:not(:first-child):after {
-  @apply absolute;
-  @apply block;
-
-  content: "";
-  width: 100%;
-  height: 1px;
-  right: -50%;
-  top: 7px;
-}
-
-/*reverse*/
-.tubestop.flex-row.reverse .status-flow-item:not(:first-child):after {
-  @apply absolute;
-  @apply block;
-
-  content: "";
-  width: 100%;
-  height: 1px;
-  left: -50%;
-  bottom: 7px;
-}
-
-.tubestop.flex-row.reverse .status-flow-item:not(:first-child):after {
-  @apply absolute;
-  @apply block;
-
-  content: "";
-  width: 100%;
-  height: 1px;
-  right: -50%;
-  top: 7px;
-}

package/dist/components/Tubestops/index.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/lib/components/Tubestops/index.css"],"names":[],"mappings":"AAAA,aAAa;AAEX;;EAAA,kBAAe;;EACf,cAAY;;EAEZ,WAAW;EACX,UAAU;EACV,YAAY;EACZ,SAAS;EACT;AAPe;;AAWf;;EAAA,kBAAe;;EACf,cAAY;;EAEZ,WAAW;EACX,UAAU;EACV,YAAY;EACZ,SAAS;EACT;AAPe;;AAUjB,YAAY;AAEV;;EAAA,kBAAe;;EACf,cAAY;;EAEZ,WAAW;EACX,UAAU;EACV,YAAY;EACZ,UAAU;EACV;AAPe;;AAWf;;EAAA,kBAAe;;EACf,cAAY;;EAEZ,WAAW;EACX,UAAU;EACV,YAAY;EACZ,UAAU;EACV;AAPe;;AAUjB,eAAe;AAEb;;EAAA,kBAAe;;EACf,cAAY;;EAEZ,WAAW;EACX,WAAW;EACX,WAAW;EACX,UAAU;EACV;AAPe;;AAYf;;;EAAA,kBAAe;;EACf,cAAY;;EAEZ,WAAW;EACX,WAAW;EACX,WAAW;EACX,WAAW;EACX;AAPe;;AAUjB,UAAU;AAER;EAMA,UAAU;EACV,WAAW;EAIX,kBAAe;EACf,cAAY;;EAEZ,WAAW;EACX,WAAW;EACX,WAAW;EACX,WAAW;EACX;AAlBe","file":"index.css","sourcesContent":["/* Vertical */\n.tubestop.flex-col.none-reverse .status-flow-item:not(:first-child):before {\n  @apply absolute;\n  @apply block;\n  \n  content: \"\";\n  width: 1px;\n  height: 100%;\n  left: 7px;\n  top: -100%;\n}\n\n.tubestop.flex-col.none-reverse .status-flow-item:not(:last-child):after {\n  @apply absolute;\n  @apply block;\n \n  content: \"\";\n  width: 1px;\n  height: 100%;\n  left: 7px;\n  top: 40%;\n}\n\n/* reverse */\n.tubestop.flex-col.reverse .status-flow-item:not(:first-child):before {\n  @apply absolute;\n  @apply block;\n\n  content: \"\";\n  width: 1px;\n  height: 100%;\n  right: 7px;\n  top: -100%;\n}\n\n.tubestop.flex-col.reverse .status-flow-item:not(:last-child):after {\n  @apply absolute;\n  @apply block;\n\n  content: \"\";\n  width: 1px;\n  height: 100%;\n  right: 7px;\n  top: 40%;\n}\n\n/* Horizontal */\n.tubestop.flex-row.none-reverse .status-flow-item:not(:first-child):after {\n  @apply absolute;\n  @apply block;\n\n  content: \"\";\n  width: 100%;\n  height: 1px;\n  left: -50%;\n  bottom: 7px;\n}\n\n.tubestop.flex-row-reverse.none-reverse\n  .status-flow-item:not(:first-child):after {\n  @apply absolute;\n  @apply block;\n\n  content: \"\";\n  width: 100%;\n  height: 1px;\n  right: -50%;\n  top: 7px;\n}\n\n/*reverse*/\n.tubestop.flex-row.reverse .status-flow-item:not(:first-child):after {\n  @apply absolute;\n  @apply block;\n\n  content: \"\";\n  width: 100%;\n  height: 1px;\n  left: -50%;\n  bottom: 7px;\n}\n\n.tubestop.flex-row.reverse .status-flow-item:not(:first-child):after {\n  @apply absolute;\n  @apply block;\n\n  content: \"\";\n  width: 100%;\n  height: 1px;\n  right: -50%;\n  top: 7px;\n}\n"]}

package/dist/components/Tubestops/index.js

@@ -1,95 +0,0 @@
-"use strict";
-
-require("core-js/modules/web.dom-collections.iterator.js");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.tubestopsProps = exports.default = void 0;
-
-require("core-js/modules/es.array.reverse.js");
-
-var _react = _interopRequireDefault(require("react"));
-
-var _Column = _interopRequireWildcard(require("../Column"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-require("./index.css");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-const tubestopsProps = {
-  id: _propTypes.default.string,
-  classes: _propTypes.default.string,
-  isHorizontal: _propTypes.default.bool,
-  items: _propTypes.default.array,
-  reverse: _propTypes.default.bool,
-  textCenter: _propTypes.default.bool,
-  logo: _propTypes.default.string,
-  columnProps: _propTypes.default.object
-};
-exports.tubestopsProps = tubestopsProps;
-
-const Tubestops = _ref => {
-  let {
-    tubestopsProps
-  } = _ref;
-  if (tubestopsProps == undefined) return;
-  const circle = 'w-4 h-4 rounded-full bg-black z-10';
-  const classList = (0, _classnames.default)({
-    [tubestopsProps.classes]: tubestopsProps === null || tubestopsProps === void 0 ? void 0 : tubestopsProps.classes
-  }, 'w-full list-none');
-  const liClasses = (0, _classnames.default)({
-    'text-center': tubestopsProps === null || tubestopsProps === void 0 ? void 0 : tubestopsProps.textCenter,
-    'items-center flex-col-reverse justify-between': !(tubestopsProps !== null && tubestopsProps !== void 0 && tubestopsProps.reverse) && (tubestopsProps === null || tubestopsProps === void 0 ? void 0 : tubestopsProps.isHorizontal),
-    'flex-row none-reverse': !(tubestopsProps !== null && tubestopsProps !== void 0 && tubestopsProps.reverse) && !(tubestopsProps !== null && tubestopsProps !== void 0 && tubestopsProps.isHorizontal),
-    'items-center flex-col': (tubestopsProps === null || tubestopsProps === void 0 ? void 0 : tubestopsProps.reverse) && (tubestopsProps === null || tubestopsProps === void 0 ? void 0 : tubestopsProps.isHorizontal),
-    'flex-row-reverse': (tubestopsProps === null || tubestopsProps === void 0 ? void 0 : tubestopsProps.reverse) && !(tubestopsProps !== null && tubestopsProps !== void 0 && tubestopsProps.isHorizontal)
-  }, 'mb-0 status-flow-item relative flex flex-auto flex-row leading-tight');
-  const ulClasses = (0, _classnames.default)({
-    'flex-row none-reverse justify-between': !(tubestopsProps !== null && tubestopsProps !== void 0 && tubestopsProps.reverse) && (tubestopsProps === null || tubestopsProps === void 0 ? void 0 : tubestopsProps.isHorizontal),
-    'flex-col none-reverse': !(tubestopsProps !== null && tubestopsProps !== void 0 && tubestopsProps.reverse) && !(tubestopsProps !== null && tubestopsProps !== void 0 && tubestopsProps.isHorizontal),
-    'flex-row reverse justify-between': (tubestopsProps === null || tubestopsProps === void 0 ? void 0 : tubestopsProps.reverse) && (tubestopsProps === null || tubestopsProps === void 0 ? void 0 : tubestopsProps.isHorizontal),
-    'flex-col reverse': (tubestopsProps === null || tubestopsProps === void 0 ? void 0 : tubestopsProps.reverse) && !(tubestopsProps !== null && tubestopsProps !== void 0 && tubestopsProps.isHorizontal)
-  }, 'tubestop status-flow relative list-none pl-0 flex');
-  const padding = (0, _classnames.default)({
-    'pb-2': !(tubestopsProps !== null && tubestopsProps !== void 0 && tubestopsProps.reverse) && (tubestopsProps === null || tubestopsProps === void 0 ? void 0 : tubestopsProps.isHorizontal),
-    'pl-4': !(tubestopsProps !== null && tubestopsProps !== void 0 && tubestopsProps.reverse) && !(tubestopsProps !== null && tubestopsProps !== void 0 && tubestopsProps.isHorizontal),
-    'pt-2': (tubestopsProps === null || tubestopsProps === void 0 ? void 0 : tubestopsProps.reverse) && (tubestopsProps === null || tubestopsProps === void 0 ? void 0 : tubestopsProps.isHorizontal),
-    'pr-4': (tubestopsProps === null || tubestopsProps === void 0 ? void 0 : tubestopsProps.reverse) && !(tubestopsProps !== null && tubestopsProps !== void 0 && tubestopsProps.isHorizontal)
-  });
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: classList
-  }, /*#__PURE__*/_react.default.createElement("ul", {
-    className: ulClasses
-  }, (tubestopsProps === null || tubestopsProps === void 0 ? void 0 : tubestopsProps.items) && (tubestopsProps === null || tubestopsProps === void 0 ? void 0 : tubestopsProps.items.map((item, i) => {
-    let a = tubestopsProps !== null && tubestopsProps !== void 0 && tubestopsProps.isHorizontal ? i === 0 ? '' : '' : i === 0 ? '' : 'my-12';
-    return /*#__PURE__*/_react.default.createElement("li", {
-      key: "tubestop_".concat(i + 0),
-      className: "".concat(liClasses, " ").concat(a)
-    }, /*#__PURE__*/_react.default.createElement("span", {
-      className: circle
-    }), /*#__PURE__*/_react.default.createElement("div", {
-      className: padding
-    }, /*#__PURE__*/_react.default.createElement("p", null, item.title + i), /*#__PURE__*/_react.default.createElement("p", null, /*#__PURE__*/_react.default.createElement("small", null, item.subtitle))));
-  }))));
-};
-
-Tubestops.propTypes = {
-  tubestopsProps: _propTypes.default.shape(_objectSpread({}, tubestopsProps))
-};
-var _default = Tubestops;
-exports.default = _default;

package/dist/components/UserIcon/index.js

@@ -1,50 +0,0 @@
-"use strict";
-
-require("core-js/modules/es.object.assign.js");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-require("core-js/modules/es.symbol.description.js");
-
-var _react = _interopRequireDefault(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _Image = _interopRequireDefault(require("../Image"));
-
-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); }
-
-const UserIcon = _ref => {
-  let {
-    id,
-    classes,
-    name,
-    description,
-    imageProps
-  } = _ref;
-  const classList = (0, _classnames.default)({
-    [classes]: classes
-  }, 'group flex items-center');
-  imageProps.wrapperClasses = imageProps.wrapperClasses + " shrink-0 h-12 w-12 rounded-full";
-  return /*#__PURE__*/_react.default.createElement("div", _extends({}, id && {
-    id: id
-  }, {
-    className: classList
-  }), /*#__PURE__*/_react.default.createElement(_Image.default, {
-    imageProps: imageProps
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: "ltr:ml-3 rtl:mr-3"
-  }, /*#__PURE__*/_react.default.createElement("p", {
-    className: "text-xs font-medium"
-  }, name), /*#__PURE__*/_react.default.createElement("p", {
-    className: "text-xs font-medium "
-  }, description)));
-};
-
-var _default = UserIcon;
-exports.default = _default;