trepur_components 0.4.8 → 1.0.1

package/dist/tailwind.config.js

@@ -0,0 +1,81 @@
+"use strict";
+module.exports = {
+    content: [
+        "./src/**/*.{vue,js,tsx,jsx,ts}",
+    ],
+    theme: {
+        extend: {
+            screens: {
+                'xs': '320',
+                'sm': '500',
+                'md': '768',
+                'lg': '1024',
+                'xl': '1280',
+                '2xl': '1560'
+            }
+        },
+        fontFamily: {
+            'sans': ['Sora', 'sans-serif'],
+        },
+        fontWeight: {
+            'thin': '100',
+            'extraLight': '200',
+            'light': '300',
+            'regular': '400',
+            'medium': '500',
+            'semiBold': '600',
+            'bold': '700',
+            'extraBold': '800',
+        },
+        fontSize: {
+            'xxs': '8px',
+            'xs': '16px',
+            'sm': '24px',
+            'md': '32px',
+            'lg': '48px',
+            'xl': '64px',
+            '2xl': '80px',
+            '3xl': '96px',
+            '4xl': '112px',
+        },
+        colors: {
+            'transparent': 'transparent',
+            'white': '#ffffff',
+            'black': '#000000',
+            'red': '#bb0a1e',
+            'grey': '#2C373B',
+            'light-grey': '#495C63',
+            'lightest-grey': '#f5f5f5',
+            'primary-strict': '#ff007d',
+            'border': '#d0d0d0',
+            'border-lightest': '#eeeeee',
+            'border-light': '#D8D8D8',
+            'border-dark': '#616161',
+            'error-light': '#ffd9d9',
+            'success-light': '#e7f5e7',
+            'facebook': '#3b5999',
+            'whatsapp': '#25d366',
+            'twitter': '#55acee',
+            'primary': '#0036A0',
+            'gold': '#e2b13c',
+            'secondary': '#FFA800',
+            'rupertbennett-error': '#B11013',
+            'rupertbennett-warning': '#FFD35C',
+            'rupertbennett-success': '#69C364',
+            'rupertbennett-info-light': '#d8eaf5',
+            'bootson-error': '#31A3DD',
+            'bootson-warning': '#FFD35C',
+            'bootson-success': '#69C364',
+            'bootson-info-light': '#d8eaf5',
+            'linkedin': '#0e76a8 ',
+        },
+        extend: {
+            scale: {
+                '110': '1.1',
+            }
+        },
+    },
+    plugins: [],
+    themes: []
+};
+//# sourceMappingURL=tailwind.config.js.map

package/dist/tailwind.config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tailwind.config.js","sourceRoot":"","sources":["../tailwind.config.js"],"names":[],"mappings":";AAAA,MAAM,CAAC,OAAO,GAAG;IACf,OAAO,EAAE;QACP,gCAAgC;KACjC;IACD,KAAK,EAAE;QACL,MAAM,EAAE;YACN,OAAO,EAAE;gBACP,IAAI,EAAE,KAAK;gBACX,IAAI,EAAE,KAAK;gBACX,IAAI,EAAE,KAAK;gBACX,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,MAAM;gBACZ,KAAK,EAAE,MAAM;aACd;SACF;QACD,UAAU,EAAE;YACV,MAAM,EAAE,CAAC,MAAM,EAAE,YAAY,CAAC;SAC/B;QACD,UAAU,EAAE;YACV,MAAM,EAAE,KAAK;YACb,YAAY,EAAE,KAAK;YACnB,OAAO,EAAE,KAAK;YACd,SAAS,EAAE,KAAK;YAChB,QAAQ,EAAE,KAAK;YACf,UAAU,EAAE,KAAK;YACjB,MAAM,EAAE,KAAK;YACb,WAAW,EAAE,KAAK;SACnB;QACD,QAAQ,EAAE;YACR,KAAK,EAAE,KAAK;YACZ,IAAI,EAAE,MAAM;YACZ,IAAI,EAAE,MAAM;YACZ,IAAI,EAAE,MAAM;YACZ,IAAI,EAAE,MAAM;YACZ,IAAI,EAAE,MAAM;YACZ,KAAK,EAAE,MAAM;YACb,KAAK,EAAE,MAAM;YACb,KAAK,EAAE,OAAO;SACf;QACD,MAAM,EAAE;YACN,aAAa,EAAE,aAAa;YAC5B,OAAO,EAAE,SAAS;YAClB,OAAO,EAAE,SAAS;YAClB,KAAK,EAAE,SAAS;YAChB,MAAM,EAAE,SAAS;YACjB,YAAY,EAAE,SAAS;YACvB,eAAe,EAAE,SAAS;YAC1B,gBAAgB,EAAE,SAAS;YAC3B,QAAQ,EAAE,SAAS;YACnB,iBAAiB,EAAE,SAAS;YAC5B,cAAc,EAAE,SAAS;YACzB,aAAa,EAAE,SAAS;YACxB,aAAa,EAAE,SAAS;YACxB,eAAe,EAAE,SAAS;YAC1B,UAAU,EAAE,SAAS;YACrB,UAAU,EAAE,SAAS;YACrB,SAAS,EAAE,SAAS;YACpB,SAAS,EAAE,SAAS;YACpB,MAAM,EAAE,SAAS;YACjB,WAAW,EAAE,SAAS;YACtB,qBAAqB,EAAE,SAAS;YAChC,uBAAuB,EAAE,SAAS;YAClC,uBAAuB,EAAE,SAAS;YAClC,0BAA0B,EAAE,SAAS;YACrC,eAAe,EAAE,SAAS;YAC1B,iBAAiB,EAAE,SAAS;YAC5B,iBAAiB,EAAE,SAAS;YAC5B,oBAAoB,EAAE,SAAS;YAC/B,UAAU,EAAE,UAAU;SACvB;QACD,MAAM,EAAE;YACN,KAAK,EAAE;gBACL,KAAK,EAAE,KAAK;aACb;SACF;KACF;IACD,OAAO,EAAE,EAAE;IACX,MAAM,EAAE,EAAE;CACX,CAAA"}

package/package.json

@@ -2,7 +2,7 @@
   "name": "trepur_components",
   "description": "component lib",
   "author": "trepur_ttenneb",
-  "version": "0.4.8",
+  "version": "1.0.1",
   "private": false,
   "keywords": [
     "react",
@@ -17,6 +17,8 @@
   ],
   "dependencies": {
     "@babel/polyfill": "^7.12.1",
+    "@storybook/addon-postcss": "^2.0.0",
+    "@storybook/theming": "^6.5.12",
     "@testing-library/jest-dom": "^5.16.2",
     "@testing-library/react": "^12.1.3",
     "@testing-library/user-event": "^13.5.0",
@@ -26,15 +28,20 @@
     "react": "^18.1.0",
     "react-dom": "^18.1.0",
     "react-scripts": "5.0.0",
+    "storybook-css-modules-preset": "^1.1.1",
+    "ts-standard": "^12.0.1",
+    "tsconfig-paths-webpack-plugin": "^4.0.0",
     "web-vitals": "^2.1.4"
   },
   "scripts": {
     "compile:css": "postcss src/**/*.css --base src/lib/components --dir dist/components -m --verbose",
     "build": "NODE_ENV=production babel src/lib --out-dir dist --ignore src/**/*.stories.js --copy-files --no-copy-ignored  && rm -rf dist/utils dist/assets  && rm -rf dist/typography",
     "build-new": "NODE_ENV=production babel src/lib --out-dir dist --ignore src/**/*.stories.js --copy-files --no-copy-ignored  && rm -rf dist/utils dist/assets  && rm -rf dist/typography && npm run compile:css",
+    "build-ts": "tsc && tsc-alias -p tsconfig.json",
     "eject": "react-scripts eject",
     "storybook": "start-storybook -p 6006",
-    "build-storybook": "build-storybook -s public"
+    "build-storybook": "build-storybook -s public",
+    "lint:fix": "ts-standard --fix"
   },
   "browserslist": {
     "production": [
@@ -53,18 +60,25 @@
     "@babel/preset-env": "^7.16.11",
     "@storybook/addon-actions": "^6.4.19",
     "@storybook/addon-essentials": "^6.4.19",
-    "@storybook/addon-interactions": "^6.4.19",
-    "@storybook/addon-links": "^6.4.19",
     "@storybook/builder-webpack5": "^6.4.19",
     "@storybook/manager-webpack5": "^6.4.19",
     "@storybook/node-logger": "^6.4.19",
-    "@storybook/preset-create-react-app": "^4.0.1",
     "@storybook/react": "^6.4.19",
     "@storybook/testing-library": "0.0.9",
     "autoprefixer": "^10.4.2",
     "babel-plugin-module-resolver": "^4.1.0",
     "postcss": "^8.4.16",
+    "storybook-addon-themes": "^6.1.0",
     "tailwindcss": "^3.0.23",
+    "typescript": "^4.8.4",
     "webpack": "^5.69.1"
+  },
+  "ts-standard": {
+    "project": "./tsconfig.eslint.json",
+    "ignore": [
+      "/dist",
+      "node_modules",
+      "tailwind.config.js"
+    ]
   }
 }

package/dist/components/Accordion/index.js

@@ -1,37 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-require("core-js/modules/es.object.assign.js");
-
-var _react = _interopRequireDefault(require("react"));
-
-var _Collapsible = _interopRequireDefault(require("../Collapsible"));
-
-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 Accordion = _ref => {
-  let {
-    id,
-    classes,
-    items
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement("div", _extends({}, id && {
-    id: id
-  }, {
-    className: classes
-  }), items && items.map((item, i) => {
-    return /*#__PURE__*/_react.default.createElement(_Collapsible.default, {
-      key: "collapsible_item_".concat(i),
-      collapsibleProps: item.collapsibleProps
-    }, item.children);
-  }));
-};
-
-var _default = Accordion;
-exports.default = _default;

package/dist/components/AlertBar/index.js

@@ -1,129 +0,0 @@
-"use strict";
-
-require("core-js/modules/es.object.assign.js");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.alertBarProps = void 0;
-
-require("core-js/modules/web.dom-collections.iterator.js");
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _Icon = _interopRequireWildcard(require("../Icon"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-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 _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 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 alertBarProps = {
-  id: _propTypes.default.string,
-  classes: _propTypes.default.string,
-  type: _propTypes.default.string,
-  text: _propTypes.default.string,
-  leftIcon: _propTypes.default.shape(_Icon.iconProps),
-  rightIcon: _propTypes.default.shape(_Icon.iconProps),
-  dismissIcon: _propTypes.default.shape(_Icon.iconProps),
-  textColor: _propTypes.default.string,
-  textCenter: _propTypes.default.bool,
-  isDismissable: _propTypes.default.bool,
-  onDismissClick: _propTypes.default.func
-};
-exports.alertBarProps = alertBarProps;
-
-const AlertBar = _ref => {
-  let {
-    alertBarProps
-  } = _ref;
-  if (alertBarProps == undefined) return;
-  const [alertBarStatus, setAlertBarStatus] = (0, _react.useState)({
-    status: 'open',
-    display: true
-  });
-  const bgColor = (0, _classnames.default)({
-    'bg-success': (alertBarProps === null || alertBarProps === void 0 ? void 0 : alertBarProps.type) === 'success',
-    'bg-warning': (alertBarProps === null || alertBarProps === void 0 ? void 0 : alertBarProps.type) === 'warning',
-    'bg-error': (alertBarProps === null || alertBarProps === void 0 ? void 0 : alertBarProps.type) === 'error',
-    'bg-info-light': (alertBarProps === null || alertBarProps === void 0 ? void 0 : alertBarProps.type) === 'info'
-  });
-  const alertBarState = (0, _classnames.default)({
-    'opacity-100': alertBarStatus.state === 'open',
-    'opacity-0': alertBarStatus.state === 'closed',
-    'hidden': alertBarStatus.display === false
-  });
-  const classList = (0, _classnames.default)({
-    [bgColor]: bgColor,
-    [alertBarProps.classes]: (alertBarProps === null || alertBarProps === void 0 ? void 0 : alertBarProps.classes) !== undefined
-  }, "w-parent flex py-2 transition-opactiy duration-700 ".concat(alertBarState));
-  const textClassList = (0, _classnames.default)({
-    'text-center': alertBarProps === null || alertBarProps === void 0 ? void 0 : alertBarProps.textCenter,
-    'pl-4': !(alertBarProps !== null && alertBarProps !== void 0 && alertBarProps.textCenter),
-    [alertBarProps.textColor]: alertBarProps === null || alertBarProps === void 0 ? void 0 : alertBarProps.textColor
-  }, 'w-full py-3');
-  const rightIconClasses = (0, _classnames.default)({
-    'hover:cursor-pointer': alertBarProps === null || alertBarProps === void 0 ? void 0 : alertBarProps.isDismissable,
-    [alertBarProps.rightIconColor]: alertBarProps === null || alertBarProps === void 0 ? void 0 : alertBarProps.rightIconColor
-  }, 'px-8 pt-3');
-  const leftIconClasses = (0, _classnames.default)({
-    [alertBarProps.leftIconColor]: alertBarProps === null || alertBarProps === void 0 ? void 0 : alertBarProps.leftIconColor
-  }, 'pt-3 pl-8');
-
-  const closeAlertBar = () => {
-    setAlertBarStatus({
-      state: 'closed',
-      display: alertBarStatus.display
-    });
-    setTimeout(() => setAlertBarStatus({
-      state: 'closed',
-      display: false
-    }), 700);
-  };
-
-  alertBarProps.dismissIcon = _objectSpread(_objectSpread({}, alertBarProps === null || alertBarProps === void 0 ? void 0 : alertBarProps.dismissIcon), {}, {
-    onClick: () => closeAlertBar()
-  });
-  alertBarProps.rightIcon = alertBarProps !== null && alertBarProps !== void 0 && alertBarProps.isDismissable ? alertBarProps === null || alertBarProps === void 0 ? void 0 : alertBarProps.dismissIcon : alertBarProps !== null && alertBarProps !== void 0 && alertBarProps.rightIcon ? alertBarProps === null || alertBarProps === void 0 ? void 0 : alertBarProps.rightIcon : null;
-
-  let iconLeft = (alertBarProps === null || alertBarProps === void 0 ? void 0 : alertBarProps.leftIcon) && /*#__PURE__*/_react.default.createElement(_Icon.default, {
-    iconProps: alertBarProps === null || alertBarProps === void 0 ? void 0 : alertBarProps.leftIcon
-  });
-
-  let iconRight = (alertBarProps === null || alertBarProps === void 0 ? void 0 : alertBarProps.rightIcon) && /*#__PURE__*/_react.default.createElement(_Icon.default, {
-    iconProps: alertBarProps === null || alertBarProps === void 0 ? void 0 : alertBarProps.rightIcon
-  });
-
-  return /*#__PURE__*/_react.default.createElement("div", _extends({}, alertBarProps !== null && alertBarProps !== void 0 && alertBarProps.id ? {
-    id: alertBarProps === null || alertBarProps === void 0 ? void 0 : alertBarProps.id
-  } : {
-    id: 'alertBar'
-  }, {
-    className: classList
-  }), (alertBarProps === null || alertBarProps === void 0 ? void 0 : alertBarProps.leftIcon) && /*#__PURE__*/_react.default.createElement("span", {
-    className: leftIconClasses
-  }, iconLeft), /*#__PURE__*/_react.default.createElement("h3", {
-    className: textClassList
-  }, alertBarProps === null || alertBarProps === void 0 ? void 0 : alertBarProps.text), (alertBarProps === null || alertBarProps === void 0 ? void 0 : alertBarProps.rightIcon) && /*#__PURE__*/_react.default.createElement("span", {
-    className: rightIconClasses
-  }, iconRight));
-};
-
-AlertBar.propTypes = {
-  alertBarProps: _propTypes.default.shape(_objectSpread({}, alertBarProps))
-};
-var _default = AlertBar;
-exports.default = _default;

package/dist/components/Breadcrumbs/index.js

@@ -1,66 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.breadcrumbsProps = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-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 breadcrumbsProps = {
-  id: _propTypes.default.string,
-  classes: _propTypes.default.string,
-  links: _propTypes.default.Object
-};
-exports.breadcrumbsProps = breadcrumbsProps;
-
-const Breadcrumbs = _ref => {
-  let {
-    breadcrumbsProps
-  } = _ref;
-  if (breadcrumbsProps == undefined) return;
-  const linksLength = breadcrumbsProps !== null && breadcrumbsProps !== void 0 && breadcrumbsProps.links ? Object.keys(breadcrumbsProps === null || breadcrumbsProps === void 0 ? void 0 : breadcrumbsProps.links).length : 0;
-  const classList = (0, _classnames.default)({
-    [breadcrumbsProps]: breadcrumbsProps === null || breadcrumbsProps === void 0 ? void 0 : breadcrumbsProps.classes
-  }, 'flex py-2 px-8');
-  return /*#__PURE__*/_react.default.createElement("ul", {
-    id: breadcrumbsProps === null || breadcrumbsProps === void 0 ? void 0 : breadcrumbsProps.id,
-    className: classList
-  }, (breadcrumbsProps === null || breadcrumbsProps === void 0 ? void 0 : breadcrumbsProps.links) && breadcrumbsProps.links.map((link, i) => {
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-      key: "breadcrumb_".concat(i + 1),
-      className: "flex"
-    }, /*#__PURE__*/_react.default.createElement("li", {
-      className: "h-8"
-    }, i + 1 >= linksLength ? /*#__PURE__*/_react.default.createElement("p", {
-      className: "px-1 py-1"
-    }, link.name) : /*#__PURE__*/_react.default.createElement("p", {
-      className: "px-1 py-1"
-    }, /*#__PURE__*/_react.default.createElement("a", {
-      className: "text-facebook hover:underline",
-      href: link.href
-    }, link.name)))), i + 1 < linksLength && /*#__PURE__*/_react.default.createElement("li", {
-      className: "h-8"
-    }, /*#__PURE__*/_react.default.createElement("p", {
-      className: "py-1"
-    }, "\xA0 > \xA0")));
-  }));
-};
-
-Breadcrumbs.propTypes = {
-  breadcrumbsProps: _propTypes.default.shape(_objectSpread({}, breadcrumbsProps))
-};
-var _default = Breadcrumbs;
-exports.default = _default;

package/dist/components/BreadcrumbsBordered/index.js

@@ -1,66 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-require("core-js/modules/es.object.assign.js");
-
-var _react = _interopRequireDefault(require("react"));
-
-var _BreadcrumbsItem = _interopRequireDefault(require("../BreadcrumbsItem"));
-
-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 Breadcrumbs = _ref => {
-  let {
-    id,
-    classes,
-    links,
-    textColor,
-    bgColor,
-    borderColor,
-    hoverTextColor,
-    hoverBgColor,
-    hoverBorderColor
-  } = _ref;
-  const linksLength = Object.keys(links).length;
-  let classList = 'flex ';
-  classList += classes ? classes : '';
-  return /*#__PURE__*/_react.default.createElement("ul", _extends({}, id && {
-    id: id
-  }, {
-    className: classList
-  }), links && links.map((link, i) => {
-    let margin = i === 0 ? ' mr-3' : ' mx-3';
-    let first = i === 0 ? true : false;
-    let bType = 'standard';
-
-    if (linksLength >= 1 && i + 1 < linksLength) {
-      bType = 'link';
-    }
-
-    return /*#__PURE__*/_react.default.createElement(_BreadcrumbsItem.default, {
-      key: "breadcrumb_item_".concat(i + 0),
-      breadcrumbsItemProps: {
-        classes: margin,
-        name: link.name,
-        link: link.link,
-        type: bType,
-        firstItem: first,
-        textColor: textColor,
-        bgColor: bgColor,
-        borderColor: borderColor,
-        hoverTextColor: hoverTextColor,
-        hoverBgColor: hoverBgColor,
-        hoverBorderColor: hoverBorderColor
-      }
-    });
-  }));
-};
-
-var _default = Breadcrumbs;
-exports.default = _default;

package/dist/components/BreadcrumbsItem/index.js

@@ -1,160 +0,0 @@
-"use strict";
-
-require("core-js/modules/es.object.assign.js");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.breadcrumbsItemProps = void 0;
-
-require("core-js/modules/web.dom-collections.iterator.js");
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-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 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; }
-
-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 breadcrumbsItemProps = {
-  id: _propTypes.default.string,
-  classes: _propTypes.default.string,
-  name: _propTypes.default.string,
-  link: _propTypes.default.string,
-  type: _propTypes.default.string,
-  firstItem: _propTypes.default.string,
-  bgColor: _propTypes.default.string,
-  hoverBgColor: _propTypes.default.string,
-  textColor: _propTypes.default.string,
-  hoverTextColor: _propTypes.default.string,
-  baColor: _propTypes.default.string,
-  hoverBaColor: _propTypes.default.string,
-  faColor: _propTypes.default.string,
-  hoverFaColor: _propTypes.default.string
-};
-exports.breadcrumbsItemProps = breadcrumbsItemProps;
-
-const BreadcrumbsItem = _ref => {
-  let {
-    breadcrumbsItemProps
-  } = _ref;
-  const [isHovering, setIsHovering] = (0, _react.useState)(false);
-  if (breadcrumbsItemProps == undefined) return;
-  const topArrowClasses = 'top-0';
-  const bottomArrowClasses = 'bottom-0';
-  const textClassList = 'text-center pt-1';
-  const liClassList = 'list-none';
-  const classList = (0, _classnames.default)({
-    [breadcrumbsItemProps.classes]: breadcrumbsItemProps === null || breadcrumbsItemProps === void 0 ? void 0 : breadcrumbsItemProps.classes
-  }, 'item');
-  const itemClassList = (0, _classnames.default)({
-    [breadcrumbsItemProps.bgColor]: !isHovering && (breadcrumbsItemProps === null || breadcrumbsItemProps === void 0 ? void 0 : breadcrumbsItemProps.bgColor),
-    'bg-light-grey': !isHovering && !(breadcrumbsItemProps !== null && breadcrumbsItemProps !== void 0 && breadcrumbsItemProps.bgColor),
-    [breadcrumbsItemProps.textColor]: !isHovering && (breadcrumbsItemProps === null || breadcrumbsItemProps === void 0 ? void 0 : breadcrumbsItemProps.textColor),
-    'text-white ': !isHovering && !(breadcrumbsItemProps !== null && breadcrumbsItemProps !== void 0 && breadcrumbsItemProps.textColor),
-    [breadcrumbsItemProps.hoverBgColor]: isHovering && (breadcrumbsItemProps === null || breadcrumbsItemProps === void 0 ? void 0 : breadcrumbsItemProps.hoverBgColor),
-    'hover:bg-black': isHovering && !(breadcrumbsItemProps !== null && breadcrumbsItemProps !== void 0 && breadcrumbsItemProps.hoverBgColor),
-    [breadcrumbsItemProps.hoverTextColor]: isHovering && (breadcrumbsItemProps === null || breadcrumbsItemProps === void 0 ? void 0 : breadcrumbsItemProps.hoverTextColor),
-    'hover:text-white ': isHovering && !(breadcrumbsItemProps !== null && breadcrumbsItemProps !== void 0 && breadcrumbsItemProps.hoverTextColor),
-    'hover:underline': breadcrumbsItemProps.type === 'link'
-  }, 'bc-item relative px-4 h-8');
-  const backArrowsClasses = (0, _classnames.default)({
-    [breadcrumbsItemProps.baColor]: !isHovering && (breadcrumbsItemProps === null || breadcrumbsItemProps === void 0 ? void 0 : breadcrumbsItemProps.baColor),
-    'text-light-grey': !isHovering && !(breadcrumbsItemProps !== null && breadcrumbsItemProps !== void 0 && breadcrumbsItemProps.baColor),
-    [breadcrumbsItemProps.hoverBaColor]: isHovering && (breadcrumbsItemProps === null || breadcrumbsItemProps === void 0 ? void 0 : breadcrumbsItemProps.hoverBaColor),
-    'text-black': isHovering && !(breadcrumbsItemProps !== null && breadcrumbsItemProps !== void 0 && breadcrumbsItemProps.hoverBaColor)
-  }, 'absolute w-0 h-0 bg-transparent border-l-transparent');
-  const frontArrowClasses = (0, _classnames.default)({
-    [breadcrumbsItemProps.faColor]: !isHovering && (breadcrumbsItemProps === null || breadcrumbsItemProps === void 0 ? void 0 : breadcrumbsItemProps.faColor),
-    'text-light-grey': !isHovering && !(breadcrumbsItemProps !== null && breadcrumbsItemProps !== void 0 && breadcrumbsItemProps.faColor),
-    [breadcrumbsItemProps.hoverFaColor]: isHovering && (breadcrumbsItemProps === null || breadcrumbsItemProps === void 0 ? void 0 : breadcrumbsItemProps.hoverFaColor),
-    'text-black': isHovering && !(breadcrumbsItemProps !== null && breadcrumbsItemProps !== void 0 && breadcrumbsItemProps.hoverFaColor)
-  }, 'absolute top-0 w-0 h-0 border-t');
-
-  const frontArrow = /*#__PURE__*/_react.default.createElement("span", {
-    style: {
-      'border-top': '17px solid transparent',
-      'border-bottom': '15px solid transparent',
-      'border-left': '16px solid',
-      'right': '-16px'
-    },
-    className: frontArrowClasses
-  });
-
-  const backArrows = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
-    style: {
-      'border-top': '17px solid',
-      'border-bottom': '18px solid transparent',
-      'border-left': '17px solid transparent',
-      'left': '-17px',
-      '-webkit-transform': 'scaleY(-1)',
-      'transform': 'scaleY(-1)'
-    },
-    className: "".concat(backArrowsClasses, " ").concat(bottomArrowClasses)
-  }), /*#__PURE__*/_react.default.createElement("span", {
-    style: {
-      'border-top': '18px solid',
-      'border-bottom': '17px solid transparent',
-      'border-left': '17px solid transparent',
-      'left': '-17px'
-    },
-    className: "".concat(backArrowsClasses, " ").concat(topArrowClasses)
-  }));
-
-  const renderWithFrontArrow = () => /*#__PURE__*/_react.default.createElement("div", {
-    className: itemClassList
-  }, /*#__PURE__*/_react.default.createElement("p", {
-    className: textClassList
-  }, breadcrumbsItemProps === null || breadcrumbsItemProps === void 0 ? void 0 : breadcrumbsItemProps.name, frontArrow));
-
-  const renderWithBackArrows = () => /*#__PURE__*/_react.default.createElement("div", {
-    className: itemClassList
-  }, /*#__PURE__*/_react.default.createElement("p", {
-    className: textClassList
-  }, backArrows, breadcrumbsItemProps === null || breadcrumbsItemProps === void 0 ? void 0 : breadcrumbsItemProps.name, frontArrow));
-
-  return /*#__PURE__*/_react.default.createElement("div", _extends({}, (breadcrumbsItemProps === null || breadcrumbsItemProps === void 0 ? void 0 : breadcrumbsItemProps.id) && {
-    id: breadcrumbsItemProps.id
-  }, {
-    className: classList
-  }), (breadcrumbsItemProps === null || breadcrumbsItemProps === void 0 ? void 0 : breadcrumbsItemProps.type) === 'link' ? breadcrumbsItemProps !== null && breadcrumbsItemProps !== void 0 && breadcrumbsItemProps.firstItem ? /*#__PURE__*/_react.default.createElement("a", {
-    onMouseOver: () => setIsHovering(true),
-    onMouseOut: () => setIsHovering(false),
-    href: breadcrumbsItemProps === null || breadcrumbsItemProps === void 0 ? void 0 : breadcrumbsItemProps.href
-  }, /*#__PURE__*/_react.default.createElement("li", {
-    className: liClassList
-  }, renderWithFrontArrow())) : /*#__PURE__*/_react.default.createElement("a", {
-    onMouseOver: () => setIsHovering(true),
-    onMouseOut: () => setIsHovering(false),
-    href: breadcrumbsItemProps === null || breadcrumbsItemProps === void 0 ? void 0 : breadcrumbsItemProps.href
-  }, /*#__PURE__*/_react.default.createElement("li", {
-    className: liClassList
-  }, renderWithBackArrows())) : breadcrumbsItemProps !== null && breadcrumbsItemProps !== void 0 && breadcrumbsItemProps.firstItem ? /*#__PURE__*/_react.default.createElement("li", {
-    className: liClassList,
-    onMouseOver: () => setIsHovering(true),
-    onMouseOut: () => setIsHovering(false)
-  }, renderWithFrontArrow()) : /*#__PURE__*/_react.default.createElement("li", {
-    className: liClassList,
-    onMouseOver: () => setIsHovering(true),
-    onMouseOut: () => setIsHovering(false)
-  }, renderWithBackArrows()));
-};
-
-BreadcrumbsItem.propTypes = {
-  breadcrumbsItemProps: _propTypes.default.shape(_objectSpread({}, breadcrumbsItemProps))
-};
-var _default = BreadcrumbsItem;
-exports.default = _default;