trepur_components 0.1.7 → 0.1.8

package/dist/Components/Button/Button.stories.js

@@ -1,185 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports._Button = exports.WithOnClickMethod = exports.WithIconRight = exports.WithIconLeft = exports.WithBothIcons = exports.SecondaryButton = exports.ButtonAsSemanticHtmlSubmitButton = exports.ButtonAsSemanticHtmlButton = exports.ButtonAsInternalLink = exports.ButtonAsExternalLink = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _addonActions = require("@storybook/addon-actions");
-
-var _README = _interopRequireDefault(require("./README.md"));
-
-var _index = _interopRequireDefault(require("./index"));
-
-require("../../index.css");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var _default = {
-  title: 'Components/Button',
-  argTypes: {
-    label: {
-      name: 'Text',
-      control: {
-        type: 'text'
-      },
-      defaultValue: 'Shop Now'
-    },
-    type: {
-      name: 'Type',
-      defaultValue: 'primary',
-      options: ['primary', 'secondary', 'ghost'],
-      control: {
-        type: 'select'
-      }
-    },
-    iconPlacement: {
-      name: 'Icon',
-      defaultValue: 'none',
-      options: ['left', 'right', 'both', 'none'],
-      control: {
-        type: 'select'
-      }
-    },
-    padded: {
-      name: 'Padded',
-      control: {
-        type: 'boolean'
-      },
-      defaultValue: false
-    },
-    social: {
-      name: 'Social',
-      defaultValue: 'None',
-      options: ['Facebook', 'Twitter', 'Whatsapp', 'None'],
-      control: {
-        type: 'select'
-      }
-    }
-  },
-  decorators: [story => /*#__PURE__*/_react.default.createElement("div", {
-    className: "p-4"
-  }, story())],
-  parameters: {
-    readme: {
-      sidebar: _README.default
-    }
-  }
-};
-exports.default = _default;
-
-const _Button = args => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    ctaText: "I am a button"
-  });
-};
-
-exports._Button = _Button;
-
-const SecondaryButton = () => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    ctaText: "I am a button"
-  });
-};
-
-exports.SecondaryButton = SecondaryButton;
-
-const WithIconRight = () => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    rightIcon: "thumbs-up",
-    ctaText: "I am a button"
-  });
-};
-
-exports.WithIconRight = WithIconRight;
-WithIconRight.story = {
-  name: 'With Icon (right)'
-};
-
-const WithIconLeft = () => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    leftIcon: "sign-in",
-    ctaText: "I am a button"
-  });
-};
-
-exports.WithIconLeft = WithIconLeft;
-WithIconLeft.story = {
-  name: 'With Icon (left)'
-};
-
-const WithBothIcons = () => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    leftIcon: "star",
-    rightIcon: "star",
-    ctaText: "I am a button"
-  });
-};
-
-exports.WithBothIcons = WithBothIcons;
-
-const ButtonAsExternalLink = () => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    as: "a-external",
-    ctaText: "I am a button"
-  });
-};
-
-exports.ButtonAsExternalLink = ButtonAsExternalLink;
-ButtonAsExternalLink.story = {
-  name: 'Button as external link'
-};
-
-const ButtonAsSemanticHtmlButton = () => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    as: "button",
-    htmlType: "button",
-    ctaText: "I am a button",
-    url: "/"
-  });
-};
-
-exports.ButtonAsSemanticHtmlButton = ButtonAsSemanticHtmlButton;
-ButtonAsSemanticHtmlButton.story = {
-  name: 'Button as semantic html button'
-};
-
-const ButtonAsSemanticHtmlSubmitButton = () => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    as: "button",
-    htmlType: "submit",
-    ctaText: "I am a button"
-  });
-};
-
-exports.ButtonAsSemanticHtmlSubmitButton = ButtonAsSemanticHtmlSubmitButton;
-ButtonAsSemanticHtmlSubmitButton.story = {
-  name: 'Button as semantic html submit button'
-};
-
-const ButtonAsInternalLink = () => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    as: "Link",
-    ctaText: "I am a button",
-    url: "/"
-  });
-};
-
-exports.ButtonAsInternalLink = ButtonAsInternalLink;
-ButtonAsInternalLink.story = {
-  name: 'Button as internal link'
-};
-
-const WithOnClickMethod = () => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    ctaText: "I am a button",
-    onClick: (0, _addonActions.action)('button-click')
-  });
-};
-
-exports.WithOnClickMethod = WithOnClickMethod;
-WithOnClickMethod.story = {
-  name: 'With onClick method'
-};

package/dist/Components/Button/index.js

@@ -1,35 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _index = _interopRequireDefault(require("../Icon/index"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const Button = _ref => {
-  let {
-    ctaText,
-    ctaLink,
-    className,
-    onClick,
-    leftIcon,
-    rightIcon
-  } = _ref;
-  let classes = className + ' py-2 px-8 rounded-lg text-black border-2 border-black border-gray-300 bg-white hover:bg-red hover:text-black transition-background-color duration-500 transform';
-  let iconLeft = /*#__PURE__*/React.createElement(_index.default, {
-    type: leftIcon
-  });
-  let iconRight = /*#__PURE__*/React.createElement(_index.default, {
-    type: rightIcon
-  });
-  return /*#__PURE__*/React.createElement("button", {
-    className: classes,
-    onClick: onClick
-  }, leftIcon && iconLeft, ctaText, rightIcon && iconRight);
-};
-
-var _default = Button;
-exports.default = _default;

package/dist/Components/ButtonSlide/ButtonSlide.stories.js

@@ -1,185 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports._Button = exports.WithOnClickMethod = exports.WithIconRight = exports.WithIconLeft = exports.WithBothIcons = exports.SecondaryButton = exports.ButtonAsSemanticHtmlSubmitButton = exports.ButtonAsSemanticHtmlButton = exports.ButtonAsInternalLink = exports.ButtonAsExternalLink = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _addonActions = require("@storybook/addon-actions");
-
-var _README = _interopRequireDefault(require("./README.md"));
-
-var _index = _interopRequireDefault(require("./index"));
-
-require("../../index.css");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var _default = {
-  title: 'Components/ButtonSlide',
-  argTypes: {
-    label: {
-      name: 'Text',
-      control: {
-        type: 'text'
-      },
-      defaultValue: 'Shop Now'
-    },
-    type: {
-      name: 'Type',
-      defaultValue: 'primary',
-      options: ['primary', 'secondary', 'ghost'],
-      control: {
-        type: 'select'
-      }
-    },
-    iconPlacement: {
-      name: 'Icon',
-      defaultValue: 'none',
-      options: ['left', 'right', 'both', 'none'],
-      control: {
-        type: 'select'
-      }
-    },
-    padded: {
-      name: 'Padded',
-      control: {
-        type: 'boolean'
-      },
-      defaultValue: false
-    },
-    social: {
-      name: 'Social',
-      defaultValue: 'None',
-      options: ['Facebook', 'Twitter', 'Whatsapp', 'None'],
-      control: {
-        type: 'select'
-      }
-    }
-  },
-  decorators: [story => /*#__PURE__*/_react.default.createElement("div", {
-    className: "p-4"
-  }, story())],
-  parameters: {
-    readme: {
-      sidebar: _README.default
-    }
-  }
-};
-exports.default = _default;
-
-const _Button = args => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    ctaText: "READ MORE"
-  });
-};
-
-exports._Button = _Button;
-
-const SecondaryButton = () => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    ctaText: "I am a button"
-  });
-};
-
-exports.SecondaryButton = SecondaryButton;
-
-const WithIconRight = () => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    rightIcon: "thumbs-up",
-    ctaText: "I am a button"
-  });
-};
-
-exports.WithIconRight = WithIconRight;
-WithIconRight.story = {
-  name: 'With Icon (right)'
-};
-
-const WithIconLeft = () => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    leftIcon: "sign-in",
-    ctaText: "I am a button"
-  });
-};
-
-exports.WithIconLeft = WithIconLeft;
-WithIconLeft.story = {
-  name: 'With Icon (left)'
-};
-
-const WithBothIcons = () => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    leftIcon: "star",
-    rightIcon: "star",
-    ctaText: "I am a button"
-  });
-};
-
-exports.WithBothIcons = WithBothIcons;
-
-const ButtonAsExternalLink = () => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    as: "a-external",
-    ctaText: "I am a button"
-  });
-};
-
-exports.ButtonAsExternalLink = ButtonAsExternalLink;
-ButtonAsExternalLink.story = {
-  name: 'Button as external link'
-};
-
-const ButtonAsSemanticHtmlButton = () => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    as: "button",
-    htmlType: "button",
-    ctaText: "I am a button",
-    url: "/"
-  });
-};
-
-exports.ButtonAsSemanticHtmlButton = ButtonAsSemanticHtmlButton;
-ButtonAsSemanticHtmlButton.story = {
-  name: 'Button as semantic html button'
-};
-
-const ButtonAsSemanticHtmlSubmitButton = () => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    as: "button",
-    htmlType: "submit",
-    ctaText: "I am a button"
-  });
-};
-
-exports.ButtonAsSemanticHtmlSubmitButton = ButtonAsSemanticHtmlSubmitButton;
-ButtonAsSemanticHtmlSubmitButton.story = {
-  name: 'Button as semantic html submit button'
-};
-
-const ButtonAsInternalLink = () => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    as: "Link",
-    ctaText: "I am a button",
-    url: "/"
-  });
-};
-
-exports.ButtonAsInternalLink = ButtonAsInternalLink;
-ButtonAsInternalLink.story = {
-  name: 'Button as internal link'
-};
-
-const WithOnClickMethod = () => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    ctaText: "I am a button",
-    onClick: (0, _addonActions.action)('button-click')
-  });
-};
-
-exports.WithOnClickMethod = WithOnClickMethod;
-WithOnClickMethod.story = {
-  name: 'With onClick method'
-};

package/dist/Components/ButtonSlide/Styles.css

@@ -1,25 +0,0 @@
-.btn {
-    border: 1px solid black;
-    -webkit-transform: translate3d(0, 0, 0);
-    transform: translate3d(0, 0, 0);
-    -webkit-transition: all 1s cubic-bezier(0.455, 0.03, 0.515, 0.955);
-    transition: all 1s cubic-bezier(0.455, 0.03, 0.515, 0.955);
-    cursor: pointer;
-}
-.btn:after {
-    position: absolute;
-    top: 0;
-    left: 0;
-    height: 100%;
-    width: 0;
-    background: #FFF;
-    border: 1px white;
-    content: '';
-    z-index: -1;
-    -webkit-transition: all 1s cubic-bezier(0.785, 0.135, 0.15, 0.86);
-    transition: all 1s cubic-bezier(0.785, 0.135, 0.15, 0.86);
-    will-change: width;
-}
-.btn:hover:after {
-    width: 100%;
-}

package/dist/Components/ButtonSlide/index.js

@@ -1,37 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _index = _interopRequireDefault(require("../Icon/index"));
-
-require("./Styles.css");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const ButtonSlide = _ref => {
-  let {
-    ctaText,
-    ctaLink,
-    className,
-    onClick,
-    leftIcon,
-    rightIcon
-  } = _ref;
-  let classes = className + ' btn py-2 px-8 text-white border-2 bg-black hover:bg-white hover:text-black';
-  let iconLeft = /*#__PURE__*/React.createElement(_index.default, {
-    type: leftIcon
-  });
-  let iconRight = /*#__PURE__*/React.createElement(_index.default, {
-    type: rightIcon
-  });
-  return /*#__PURE__*/React.createElement("button", {
-    className: classes,
-    onClick: onClick
-  }, leftIcon && iconLeft, ctaText, rightIcon && iconRight);
-};
-
-var _default = ButtonSlide;
-exports.default = _default;

package/dist/Components/Card/Card.stories.js

@@ -1,204 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.lotsOfCards = exports.default = exports._Card = exports.CardWithSlideButton = exports.CardWithImageBelowTitle = exports.CardWithImage = exports.CardWithExtraText = exports.CardWithButton = exports.CardTitleRight = exports.CardTitleLeft = exports.CardRoundedWithImageBelowTitle = exports.CardRounded = 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 }; }
-
-var _default = {
-  title: 'Components/Card',
-  argTypes: {},
-  decorators: [story => /*#__PURE__*/_react.default.createElement("div", {
-    className: "p-4"
-  }, story())],
-  parameters: {
-    readme: {
-      sidebar: _README.default
-    }
-  }
-};
-exports.default = _default;
-
-const _Card = () => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    id: "card",
-    title: "This is a title",
-    titleClass: "text-center font-bold",
-    subTitle: "This is a subtitle",
-    description: "This is a description, it can be really long if you want it to be. The text will wrap onto a new line if it exceeds the width of the card"
-  });
-};
-
-exports._Card = _Card;
-
-const CardTitleLeft = () => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    id: "card",
-    title: "This is a title",
-    titleClass: "font-bold",
-    subTitle: "This is a subtitle",
-    description: "This is a description, it can be really long if you want it to be. The text will wrap onto a new line if it exceeds the width of the card"
-  });
-};
-
-exports.CardTitleLeft = CardTitleLeft;
-
-const CardTitleRight = () => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    id: "card",
-    title: "This is a title",
-    titleClass: "font-bold text-right",
-    subTitle: "This is a subtitle",
-    description: "This is a description, it can be really long if you want it to be. The text will wrap onto a new line if it exceeds the width of the card"
-  });
-};
-
-exports.CardTitleRight = CardTitleRight;
-
-const CardWithImage = () => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    id: "card",
-    title: "This is a title",
-    titleClass: "text-center font-bold",
-    subTitle: "This is a subtitle",
-    description: "This is a description, it can be really long if you want it to be. The text will wrap onto a new line if it exceeds the width of the card",
-    image: "https://picsum.photos/500/300"
-  });
-};
-
-exports.CardWithImage = CardWithImage;
-
-const CardWithExtraText = () => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    id: "card",
-    title: "This is a title",
-    titleClass: "text-center font-bold",
-    subTitle: "This is a subtitle",
-    extraText: "This is some extra text",
-    description: "This is a description, it can be really long if you want it to be. The text will wrap onto a new line if it exceeds the width of the card",
-    image: "https://picsum.photos/500/300"
-  });
-};
-
-exports.CardWithExtraText = CardWithExtraText;
-
-const CardWithButton = () => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    id: "card",
-    title: "This is a title",
-    titleClass: "text-center font-bold",
-    subTitle: "This is a subtitle",
-    extraText: "This is some extra text",
-    description: "This is a description, it can be really long if you want it to be. The text will wrap onto a new line if it exceeds the width of the card",
-    image: "https://picsum.photos/500/300",
-    hasCta: true,
-    ctaText: "This is a button"
-  });
-};
-
-exports.CardWithButton = CardWithButton;
-
-const CardWithSlideButton = () => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    id: "card",
-    title: "This is a title",
-    titleClass: "text-center font-bold",
-    subTitle: "This is a subtitle",
-    extraText: "This is some extra text",
-    description: "This is a description, it can be really long if you want it to be. The text will wrap onto a new line if it exceeds the width of the card",
-    image: "https://picsum.photos/500/300",
-    hasCta: true,
-    btnType: "slide",
-    ctaText: "This is a button"
-  });
-};
-
-exports.CardWithSlideButton = CardWithSlideButton;
-
-const CardWithImageBelowTitle = () => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    id: "card",
-    title: "This is a title",
-    titleClass: "text-center font-bold",
-    subTitle: "This is a subtitle",
-    extraText: "This is some extra text",
-    description: "This is a description, it can be really long if you want it to be. The text will wrap onto a new line if it exceeds the width of the card",
-    image: "https://picsum.photos/500/300",
-    hasCta: true,
-    ctaText: "This is a button",
-    imageBelowTitle: true
-  });
-};
-
-exports.CardWithImageBelowTitle = CardWithImageBelowTitle;
-
-const CardRounded = () => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    id: "card",
-    title: "This is a title",
-    titleClass: "text-center font-bold",
-    subTitle: "This is a subtitle",
-    extraText: "This is some extra text",
-    description: "This is a description, it can be really long if you want it to be. The text will wrap onto a new line if it exceeds the width of the card",
-    image: "https://picsum.photos/500/300",
-    hasCta: true,
-    ctaText: "This is a button",
-    rounded: true
-  });
-};
-
-exports.CardRounded = CardRounded;
-
-const CardRoundedWithImageBelowTitle = () => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    id: "card",
-    title: "This is a title",
-    titleClass: "text-center font-bold",
-    subTitle: "This is a subtitle",
-    extraText: "This is some extra text",
-    description: "This is a description, it can be really long if you want it to be. The text will wrap onto a new line if it exceeds the width of the card",
-    image: "https://picsum.photos/500/300",
-    hasCta: true,
-    ctaText: "This is a button",
-    imageBelowTitle: true,
-    rounded: true
-  });
-};
-
-exports.CardRoundedWithImageBelowTitle = CardRoundedWithImageBelowTitle;
-
-const lotsOfCards = () => {
-  let cards = [];
-
-  for (let i = 0; i < 8; i++) {
-    cards.push( /*#__PURE__*/_react.default.createElement(_index.default, {
-      id: "card",
-      title: "This is a title",
-      titleClass: "text-center font-bold",
-      subTitle: "This is a subtitle",
-      extraText: "This is some extra text",
-      description: "This is a description, it can be really long if you want it to be. The text will wrap onto a new line if it exceeds the width of the card",
-      image: "https://picsum.photos/500/300",
-      hasCta: true,
-      ctaText: "This is a button",
-      imageBelowTitle: true,
-      rounded: true
-    }));
-  }
-
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "grid grid-cols-4 grid-flow-row"
-  }, cards);
-};
-
-exports.lotsOfCards = lotsOfCards;