trepur_components 0.1.43 → 0.2.2

package/dist/components/Button/Button.stories.js

@@ -1,389 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.withStyles = exports.default = exports._Button = exports.WithSlideDesign = exports.WithIconRight = exports.WithIconLeft = exports.WithBothIcons = exports.SlideButton = exports.AsSocialButton = exports.AsSlideWithStyles = exports.AsSlideWithSocialButton = exports.AsSlideWithInternalLink = exports.AsSlideWithExternalLink = exports.AsInternalLink = exports.AsExternalLink = 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: {
-    text: {
-      name: 'Button Text',
-      control: {
-        type: 'text'
-      },
-      defaultValue: 'Button 1',
-      table: {
-        category: 'Standard',
-        subcategory: 'Content'
-      }
-    },
-    bgColor: {
-      name: 'Background Color',
-      control: {
-        type: 'color'
-      },
-      table: {
-        category: 'Standard',
-        subcategory: 'Colors'
-      }
-    },
-    textColor: {
-      name: 'Text Color',
-      control: {
-        type: 'color'
-      },
-      table: {
-        category: 'Standard',
-        subcategory: 'Colors'
-      }
-    },
-    borderColor: {
-      name: 'Border Color',
-      control: {
-        type: 'color'
-      },
-      table: {
-        category: 'Standard',
-        subcategory: 'Colors'
-      }
-    },
-    hoverText: {
-      name: 'Button Text',
-      control: {
-        type: 'text'
-      },
-      defaultValue: 'Button 1',
-      table: {
-        category: 'Hover',
-        subcategory: 'Colors'
-      }
-    },
-    hoverBgColor: {
-      name: 'Background Color',
-      control: {
-        type: 'color'
-      },
-      table: {
-        category: 'Hover',
-        subcategory: 'Colors'
-      }
-    },
-    hoverTextColor: {
-      name: 'Text Color',
-      control: {
-        type: 'color'
-      },
-      default: 'blue',
-      table: {
-        category: 'Hover',
-        subcategory: 'Colors'
-      }
-    },
-    hoverBorderColor: {
-      name: 'Border Color',
-      control: {
-        type: 'color'
-      },
-      table: {
-        category: 'Hover',
-        subcategory: 'Colors'
-      }
-    },
-    type: {
-      name: 'Type',
-      defaultValue: 'primary',
-      control: {
-        type: 'select'
-      },
-      options: ['primary', 'secondary', 'ghost']
-    },
-    iconPlacement: {
-      name: 'Icon',
-      defaultValue: 'none',
-      control: {
-        type: 'select'
-      },
-      options: ['left', 'right', 'both', 'none']
-    },
-    leftIcon: {
-      name: 'Left Icon',
-      defaultValue: 'thumbs-down',
-      control: {
-        type: 'select'
-      },
-      options: ['thumbs-up', 'thumbs-down', 'search', 'th']
-    },
-    rightIcon: {
-      name: 'Right Icon',
-      defaultValue: 'thumbs-up',
-      control: {
-        type: 'select'
-      },
-      options: ['thumbs-up', 'thumbs-down', 'search', 'th']
-    },
-    padded: {
-      name: 'Padded',
-      control: {
-        type: 'boolean'
-      },
-      defaultValue: false
-    },
-    social: {
-      name: 'Social',
-      defaultValue: 'None',
-      control: {
-        type: 'select'
-      },
-      options: ['Facebook', 'Twitter', 'Whatsapp', 'None']
-    }
-  },
-  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: args.text,
-    bgColor: args.bgColor,
-    textColor: args.textColor,
-    borderColor: args.borderColor,
-    hoverCtaText: args.hoverText,
-    hoverTextColor: args.hoverTextColor,
-    hoverBgColor: args.hoverBgColor,
-    hoverBorderColor: args.hoverBorderColor,
-    onClick: (0, _addonActions.action)('button-click')
-  });
-};
-
-exports._Button = _Button;
-
-const SlideButton = args => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    ctaText: args.text,
-    bgColor: args.bgColor,
-    textColor: args.textColor,
-    borderColor: args.borderColor,
-    hoverCtaText: args.hoverText,
-    hoverTextColor: args.hoverTextColor,
-    hoverBgColor: args.hoverBgColor,
-    hoverBorderColor: args.hoverBorderColor,
-    onClick: (0, _addonActions.action)('button-click'),
-    buttonDesign: "slide"
-  });
-};
-
-exports.SlideButton = SlideButton;
-
-const withStyles = args => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    ctaText: args.text,
-    bgColor: "white",
-    textColor: "red",
-    borderColor: "red",
-    hoverCtaText: args.text,
-    hoverTextColor: "white",
-    hoverBgColor: "red",
-    hoverBorderColor: "red",
-    onClick: (0, _addonActions.action)('button-click'),
-    buttonType: "button"
-  });
-};
-
-exports.withStyles = withStyles;
-
-const AsSlideWithStyles = args => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    ctaText: args.text,
-    bgColor: "red",
-    textColor: "white",
-    borderColor: "red",
-    hoverCtaText: args.text,
-    hoverTextColor: "red",
-    hoverBgColor: "red",
-    hoverBorderColor: "red",
-    onClick: (0, _addonActions.action)('button-click'),
-    buttonType: "button",
-    buttonDesign: "slide"
-  });
-};
-
-exports.AsSlideWithStyles = AsSlideWithStyles;
-
-const WithIconRight = args => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    rightIcon: args.rightIcon,
-    ctaText: args.text,
-    onClick: (0, _addonActions.action)('button-click'),
-    buttonType: "button"
-  });
-};
-
-exports.WithIconRight = WithIconRight;
-
-const WithIconLeft = args => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    leftIcon: args.leftIcon,
-    ctaText: args.text,
-    onClick: (0, _addonActions.action)('button-click'),
-    buttonType: "button"
-  });
-};
-
-exports.WithIconLeft = WithIconLeft;
-
-const WithBothIcons = args => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    leftIcon: args.leftIcon,
-    rightIcon: args.rightIcon,
-    ctaText: args.text,
-    buttonType: "button"
-  });
-};
-
-exports.WithBothIcons = WithBothIcons;
-
-const WithSlideDesign = args => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    leftIcon: args.leftIcon,
-    rightIcon: args.rightIcon,
-    ctaText: args.text,
-    buttonType: "button",
-    buttonDesign: "slide"
-  });
-};
-
-exports.WithSlideDesign = WithSlideDesign;
-
-const AsExternalLink = args => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    url: "/",
-    ctaText: args.text,
-    buttonType: "external"
-  });
-};
-
-exports.AsExternalLink = AsExternalLink;
-
-const AsSlideWithExternalLink = args => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    url: "/",
-    ctaText: args.text,
-    buttonType: "external",
-    buttonDesign: "slide"
-  });
-};
-
-exports.AsSlideWithExternalLink = AsSlideWithExternalLink;
-
-const AsInternalLink = args => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    ctaText: args.text,
-    url: "/",
-    onClick: (0, _addonActions.action)('button-click'),
-    buttonType: "internal"
-  });
-};
-
-exports.AsInternalLink = AsInternalLink;
-
-const AsSlideWithInternalLink = args => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    ctaText: args.text,
-    url: "/",
-    onClick: (0, _addonActions.action)('button-click'),
-    buttonType: "internal",
-    buttonDesign: "slide"
-  });
-};
-
-exports.AsSlideWithInternalLink = AsSlideWithInternalLink;
-
-const AsSocialButton = args => {
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_index.default, {
-    onClick: (0, _addonActions.action)('button-click'),
-    centerIcon: "facebook-f",
-    hoverBgColor: "#3b5999",
-    bgColor: "#3b5999",
-    textColor: "white",
-    hoverTextColor: "black",
-    buttonType: "social",
-    url: "/"
-  }), "\xA0", /*#__PURE__*/_react.default.createElement(_index.default, {
-    onClick: (0, _addonActions.action)('button-click'),
-    centerIcon: "whatsapp",
-    hoverBgColor: "#25d366",
-    bgColor: "#25d366",
-    textColor: "white",
-    hoverTextColor: "black",
-    buttonType: "social",
-    url: "/"
-  }), "\xA0", /*#__PURE__*/_react.default.createElement(_index.default, {
-    onClick: (0, _addonActions.action)('button-click'),
-    centerIcon: "twitter",
-    hoverBgColor: "#55acee",
-    bgColor: "#55acee",
-    textColor: "white",
-    hoverTextColor: "black",
-    buttonType: "social",
-    url: "/"
-  }));
-};
-
-exports.AsSocialButton = AsSocialButton;
-
-const AsSlideWithSocialButton = args => {
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_index.default, {
-    onClick: (0, _addonActions.action)('button-click'),
-    centerIcon: "facebook-f",
-    hoverBgColor: "#3b5999",
-    bgColor: "#3b5999",
-    textColor: "white",
-    hoverTextColor: "black",
-    buttonType: "social",
-    url: "/",
-    buttonDesign: "slide"
-  }), "\xA0", /*#__PURE__*/_react.default.createElement(_index.default, {
-    onClick: (0, _addonActions.action)('button-click'),
-    centerIcon: "whatsapp",
-    hoverBgColor: "#25d366",
-    bgColor: "#25d366",
-    textColor: "white",
-    hoverTextColor: "black",
-    buttonType: "social",
-    url: "/",
-    buttonDesign: "slide"
-  }), "\xA0", /*#__PURE__*/_react.default.createElement(_index.default, {
-    onClick: (0, _addonActions.action)('button-click'),
-    centerIcon: "twitter",
-    hoverBgColor: "#55acee",
-    bgColor: "#55acee",
-    textColor: "white",
-    hoverTextColor: "black",
-    buttonType: "social",
-    url: "/",
-    buttonDesign: "slide"
-  }));
-};
-
-exports.AsSlideWithSocialButton = AsSlideWithSocialButton;

package/dist/components/Button/README.md

@@ -1,36 +0,0 @@
-# Button
-
-A basic button
-
-## Example
-
-```
-<Button 
-    ctaText={args.text} 
-    bgColor={args.bgColor}
-    textColor={args.textColor}
-    borderColor={args.borderColor}
-    hoverCtaText={args.hoverText}
-    hoverTextColor={args.hoverTextColor}
-    hoverBgColor={args.hoverBgColor}
-    hoverBorderColor={args.hoverBorderColor}
-    onClick={action('button-click')}
-/>
-```
-
-## Parameters
-`ctaText={string} (default=null)`
-`className={string} (default=null)`
-`onClick={func} (default=null)`
-`leftIcon={string} (default=null)`
-`rightIcon={string} (default=null)`
-`centerIcon={string} (default=null)`
-`bgColor={string} (default=null)`
-`textColor={string} (default=null)`
-`borderColor={string} (default=null)`
-`hoverBgColor={string} (default=null)`
-`hoverTextColor={string} (default=null)`
-`hoverBorderColor={string} (default=null)`
-`hoverCtaText={string} (default=null)`
-`url={string} (default=null)`
-`buttonType={string} (default=null)`