trepur_components 0.1.41 → 0.2.0

package/dist/components/AlertBar/AlertBar.stories.js

@@ -1,128 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports._AlertBarWithRightIcon = exports._AlertBar = exports.AlertBarWithLeftIcon = exports.AlertBarWithBothIcons = exports.AlertBarWarning = exports.AlertBarSuccess = exports.AlertBarError = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-require("../../../index.css");
-
-var _index2 = _interopRequireDefault(require("./index"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var _default = {
-  title: 'Components/AlertBar',
-  argTypes: {
-    text: {
-      name: 'Text',
-      description: 'The text the appears as an overlay on the Jumbotron',
-      control: {
-        type: 'text'
-      },
-      defaultValue: 'This is some text to display as an alert message'
-    },
-    type: {
-      name: 'Warning Type',
-      defaultValue: 'success',
-      control: {
-        type: 'select'
-      },
-      options: ['success', 'warning', 'error']
-    },
-    leftIcon: {
-      name: 'Left Icon',
-      control: {
-        type: 'text'
-      },
-      defaultValue: 'star'
-    },
-    rightIcon: {
-      name: 'Right Icon',
-      control: {
-        type: 'text'
-      },
-      defaultValue: 'star'
-    }
-  },
-  decorators: [story => /*#__PURE__*/_react.default.createElement("div", {
-    className: "p-4"
-  }, story())],
-  addParameters: {
-    oprions: {
-      showNav: false
-    }
-  }
-};
-exports.default = _default;
-
-const _AlertBar = args => {
-  return /*#__PURE__*/_react.default.createElement(_index2.default, {
-    text: args.text,
-    type: args.type,
-    leftIcon: args.leftIcon,
-    rightIcon: args.rightIcon
-  });
-};
-
-exports._AlertBar = _AlertBar;
-
-const AlertBarSuccess = args => {
-  return /*#__PURE__*/_react.default.createElement(_index2.default, {
-    text: "This is some text to display as an alert message",
-    type: "success"
-  });
-};
-
-exports.AlertBarSuccess = AlertBarSuccess;
-
-const AlertBarWarning = args => {
-  return /*#__PURE__*/_react.default.createElement(_index2.default, {
-    text: "This is some text to display as an alert message",
-    type: "warning"
-  });
-};
-
-exports.AlertBarWarning = AlertBarWarning;
-
-const AlertBarError = args => {
-  return /*#__PURE__*/_react.default.createElement(_index2.default, {
-    text: "This is some text to display as an alert message",
-    type: "error"
-  });
-};
-
-exports.AlertBarError = AlertBarError;
-
-const AlertBarWithLeftIcon = args => {
-  return /*#__PURE__*/_react.default.createElement(_index2.default, {
-    text: args.text,
-    type: args.type,
-    leftIcon: args.leftIcon
-  });
-};
-
-exports.AlertBarWithLeftIcon = AlertBarWithLeftIcon;
-
-const _AlertBarWithRightIcon = args => {
-  return /*#__PURE__*/_react.default.createElement(_index2.default, {
-    text: args.text,
-    type: args.type,
-    rightIcon: args.rightIcon
-  });
-};
-
-exports._AlertBarWithRightIcon = _AlertBarWithRightIcon;
-
-const AlertBarWithBothIcons = args => {
-  return /*#__PURE__*/_react.default.createElement(_index2.default, {
-    text: args.text,
-    type: args.type,
-    leftIcon: args.leftIcon,
-    rightIcon: args.rightIcon
-  });
-};
-
-exports.AlertBarWithBothIcons = AlertBarWithBothIcons;

package/dist/components/AlertBar/README.md

@@ -1,19 +0,0 @@
-# Alert Bar
-
-An alert bar to display messages in different colors
-
-## Example
-
-```
-<AlertBar 
-    text='This is some text to display as an alert message'
-    type='success'
-/>
-
-```
-
-## Parameters
-`type={string} (default=null)`
-`text={string} (default=null)`
-`leftIcon={string} (default=null)`
-`rightIcon={string} (default=null)`

package/dist/components/AlertBar/index.js

@@ -1,43 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _index = _interopRequireDefault(require("../Icon/index"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const AlertBar = _ref => {
-  let {
-    type,
-    text,
-    leftIcon,
-    rightIcon
-  } = _ref;
-  let bgColor;
-  if (type === 'success') bgColor = 'bg-brand-success';
-  if (type === 'warning') bgColor = 'bg-brand-warning';
-  if (type === 'error') bgColor = 'bg-brand-error';
-  let iconLeft = leftIcon ? /*#__PURE__*/_react.default.createElement(_index.default, {
-    type: leftIcon
-  }) : null;
-  let iconRight = rightIcon ? /*#__PURE__*/_react.default.createElement(_index.default, {
-    type: rightIcon
-  }) : null;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: 'w-parent flex text-center h-8 ' + bgColor
-  }, leftIcon && /*#__PURE__*/_react.default.createElement("span", {
-    className: "pt-1 left-5 pl-8"
-  }, iconLeft), /*#__PURE__*/_react.default.createElement("h3", {
-    className: "text-white w-full text-center pt-1 pl-8"
-  }, text), rightIcon && /*#__PURE__*/_react.default.createElement("span", {
-    className: "px-8 pt-1 float-right"
-  }, iconRight));
-};
-
-var _default = AlertBar;
-exports.default = _default;

package/dist/components/Breadcrumbs/Breadcrumbs.stories.js

@@ -1,60 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports._Breadcrumbs = exports.BreadcrumbsWithOnlyOneLink = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _README = _interopRequireDefault(require("./README.md"));
-
-var _index = _interopRequireDefault(require("./index"));
-
-require("../../../index.css");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const links = [{
-  link: '/',
-  name: 'link 1'
-}, {
-  link: '/',
-  name: 'link 2'
-}, {
-  link: '/',
-  name: 'Link 3'
-}];
-const link = [{
-  link: '/',
-  name: 'link 1'
-}];
-var _default = {
-  title: 'Components/Breadcrumbs',
-  argTypes: {},
-  decorators: [story => /*#__PURE__*/_react.default.createElement("div", {
-    className: "p-4"
-  }, story())],
-  parameters: {
-    readme: {
-      sidebar: _README.default
-    }
-  }
-};
-exports.default = _default;
-
-const _Breadcrumbs = () => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    links: links
-  });
-};
-
-exports._Breadcrumbs = _Breadcrumbs;
-
-const BreadcrumbsWithOnlyOneLink = () => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    links: link
-  });
-};
-
-exports.BreadcrumbsWithOnlyOneLink = BreadcrumbsWithOnlyOneLink;

package/dist/components/Breadcrumbs/README.md

@@ -1,28 +0,0 @@
-# Breadcrumbs
-
-Basic breadcrumbs
-
-## Example
-
-```
-const links = [
-    {
-        link: '/', 
-        name: 'link 1'
-    },
-    {
-        link: '/', 
-        name: 'link 2'
-    },
-    {
-        link: '/', 
-        name: 'Link 3'
-    },
-]
-
- <BreadCrumbs links={links} />
-```
-
-## Parameters
-`links={array} (default=null)`
-`classNames={string} (default=null)`

package/dist/components/BreadcrumbsBordered/BreadcrumbsBordered.stories.js

@@ -1,73 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports._BreadcrumbsBordered = exports.WithOnlyOneLink = exports.WithColors = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _README = _interopRequireDefault(require("./README.md"));
-
-var _index = _interopRequireDefault(require("./index"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const links = [{
-  link: '/',
-  name: 'link 1'
-}, {
-  link: '/',
-  name: 'link 2'
-}, {
-  link: '/',
-  name: 'Link 3'
-}];
-const link = [{
-  link: '/',
-  name: 'link 1'
-}];
-var _default = {
-  title: 'Components/BreadcrumbsBordered',
-  argTypes: {},
-  decorators: [story => /*#__PURE__*/_react.default.createElement("div", {
-    className: "p-4"
-  }, story())],
-  parameters: {
-    readme: {
-      sidebar: _README.default
-    }
-  }
-};
-exports.default = _default;
-
-const _BreadcrumbsBordered = args => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    links: links,
-    textColor: "white"
-  });
-};
-
-exports._BreadcrumbsBordered = _BreadcrumbsBordered;
-
-const WithColors = args => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    links: links,
-    bgColor: "#38B6FF",
-    borderColor: "white",
-    textColor: "white",
-    hoverTextColor: "#38B6FF",
-    hoverBgColor: "white",
-    hoverBorderColor: "#38B6FF"
-  });
-};
-
-exports.WithColors = WithColors;
-
-const WithOnlyOneLink = args => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    links: link
-  });
-};
-
-exports.WithOnlyOneLink = WithOnlyOneLink;

package/dist/components/BreadcrumbsBordered/README.md

@@ -1,28 +0,0 @@
-# Breadcrumbs
-
-Breadcrumbs with a bit of styling
-
-## Example
-
-```
-const links = [
-    {
-        link: '/', 
-        name: 'link 1'
-    },
-    {
-        link: '/', 
-        name: 'link 2'
-    },
-    {
-        link: '/', 
-        name: 'Link 3'
-    },
-]
-
- <BreadCrumbs links={links} />
-```
-
-## Parameters
-`links={array} (default=null)`
-`classNames={string} (default=null)`

package/dist/components/BreadcrumbsBorderedItem/BreadcrumbsBorderedItem.stories.js

@@ -1,57 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports._BreadcrumbsItem = exports.WithColors = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _README = _interopRequireDefault(require("./README.md"));
-
-var _index = _interopRequireDefault(require("./index"));
-
-require("./index.css");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const link = '/';
-const name = 'link 1';
-var _default = {
-  title: 'Components/BreadcrumbsItem',
-  argTypes: {},
-  decorators: [story => /*#__PURE__*/_react.default.createElement("div", {
-    className: "p-4"
-  }, story())],
-  parameters: {
-    readme: {
-      sidebar: _README.default
-    }
-  }
-};
-exports.default = _default;
-
-const _BreadcrumbsItem = args => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    link: link,
-    name: name,
-    textColor: "white"
-  });
-};
-
-exports._BreadcrumbsItem = _BreadcrumbsItem;
-
-const WithColors = args => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    link: link,
-    name: name,
-    bgColor: "#38B6FF",
-    borderColor: "white",
-    textColor: "white",
-    hoverTextColor: "#38B6FF",
-    hoverBgColor: "white",
-    hoverBorderColor: "#38B6FF"
-  });
-};
-
-exports.WithColors = WithColors;

package/dist/components/BreadcrumbsBorderedItem/README.md

@@ -1,28 +0,0 @@
-# Breadcrumbs
-
-Breadcrumbs with a bit of styling
-
-## Example
-
-```
-const links = [
-    {
-        link: '/', 
-        name: 'link 1'
-    },
-    {
-        link: '/', 
-        name: 'link 2'
-    },
-    {
-        link: '/', 
-        name: 'Link 3'
-    },
-]
-
- <BreadCrumbs links={links} />
-```
-
-## Parameters
-`links={array} (default=null)`
-`classNames={string} (default=null)`

package/dist/components/BreadcrumbsBorderedItem/index.css

@@ -1,57 +0,0 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css');
-
-.right-arrow {
-    @apply w-0;
-    @apply h-0;
-    border-top: 17px solid transparent;
-    border-bottom: 15px solid transparent;
-    border-left: 16px solid ;
-    @apply absolute;
-    right: -16px;
-    @apply top-0;
-}
-
-.test-arrow-bottom {
-    @apply w-0;
-    @apply h-0;
-    border-top: 17px solid ;
-    border-bottom: 18px solid transparent;
-    border-left: 17px solid transparent;
-    @apply absolute;
-    left: -17px;
-    bottom: -0px;
-    -webkit-transform: scaleY(-1);
-    transform: scaleY(-1);
-}
-
-.test-arrow-top {
-    @apply w-0;
-    @apply h-0;
-    border-top: 18px solid ;
-    border-bottom: 17px solid transparent;
-    border-left: 17px solid transparent;
-    @apply absolute;
-    left: -17px;
-    top: 0px;
-}
-
-.bc-item {
-    @apply relative;
-}
-
-/* .item:hover .right-arrow {
-    border-left-color: theme('colors.white');
-}
-.item:hover .test-arrow-bottom {
-    border-top-color: theme('colors.white');
-}
-.item:hover .test-arrow-top {
-    border-top-color: theme('colors.white');
-} */
-
-.bc-item:focus {
-    @apply border-0;
-}