trepur_components 0.2.2 → 0.2.5

package/dist/components/Organisms/FyreCard/FyreCard.stories.js

@@ -1,114 +1,123 @@
-import React from 'react'
-import FyreCard from './index'
-import {
-    buttonDesignOptions,
-    buttonTypeOptions
-} from '../../../utils/controls'
+"use strict";
 
-export default {
-    title: 'Trepur Components/Organisms/Fyre Card',
-    components: FyreCard,
-    parameters: {},
-    argTypes: {
-        ctaText: {
-            description: '',
-            control: 'text',
-            table: {
-                category: '',
-            },
-        },
-        image: {
-            description: '',
-            control: 'text',
-            table: {
-                category: '',
-            },
-        },
-        buttonDesign: {
-            description: '',
-            control: 'select',
-            options: buttonDesignOptions,
-            table: {
-                category: '',
-            },
-        },
-        buttonType: {
-            description: '',
-            control: 'select',
-            options: buttonTypeOptions,
-            table: {
-                category: '',
-            },
-        },
-        bordered: {
-            description: '',
-            control: 'boolean',
-            table: {
-                category: '',
-            },
-        },
-        buttonBgColor: {
-            description: '',
-            control: 'color',
-            table: {
-                category: 'Colors',
-            },
-        },
-        buttonTextColor: {
-            description: '',
-            control: 'color',
-            table: {
-                category: 'Colors',
-            },
-        },
-        buttonBorderColor: {
-            description: '',
-            control: 'color',
-            table: {
-                category: 'Colors',
-            },
-        },
-        hoverButtonBorderColor: {
-            description: '',
-            control: 'color',
-            table: {
-                category: 'Colors',
-                subcategory: 'Hover'
-            },
-        },
-        hoverButtonBgColor: {
-            description: '',
-            control: 'color',
-            table: {
-                category: 'Colors',
-                subcategory: 'Hover'
-            },
-        },
-        hoverButtonTextColor: {
-            description: '',
-            control: 'color',
-            table: {
-                category: 'Colors',
-                subcategory: 'Hover'
-            },
-        }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports._FyreCard = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _index = _interopRequireDefault(require("./index"));
+
+var _controls = require("../../../utils/controls");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _default = {
+  title: 'Trepur Components/Organisms/Fyre Card',
+  components: _index.default,
+  parameters: {},
+  argTypes: {
+    ctaText: {
+      description: '',
+      control: 'text',
+      table: {
+        category: ''
+      }
+    },
+    image: {
+      description: '',
+      control: 'text',
+      table: {
+        category: ''
+      }
+    },
+    buttonDesign: {
+      description: '',
+      control: 'select',
+      options: _controls.buttonDesignOptions,
+      table: {
+        category: ''
+      }
+    },
+    buttonType: {
+      description: '',
+      control: 'select',
+      options: _controls.buttonTypeOptions,
+      table: {
+        category: ''
+      }
+    },
+    bordered: {
+      description: '',
+      control: 'boolean',
+      table: {
+        category: ''
+      }
+    },
+    buttonBgColor: {
+      description: '',
+      control: 'color',
+      table: {
+        category: 'Colors'
+      }
+    },
+    buttonTextColor: {
+      description: '',
+      control: 'color',
+      table: {
+        category: 'Colors'
+      }
+    },
+    buttonBorderColor: {
+      description: '',
+      control: 'color',
+      table: {
+        category: 'Colors'
+      }
+    },
+    hoverButtonBorderColor: {
+      description: '',
+      control: 'color',
+      table: {
+        category: 'Colors',
+        subcategory: 'Hover'
+      }
+    },
+    hoverButtonBgColor: {
+      description: '',
+      control: 'color',
+      table: {
+        category: 'Colors',
+        subcategory: 'Hover'
+      }
     },
-    args: {
-        image: 'https://picsum.photos/500/300',
-        buttonDesign: 'slide',
-        buttonTextColor: 'white',
-        buttonBgColor: 'black',
-        bordered: true,
-        ctaText: 'Shop Now'
+    hoverButtonTextColor: {
+      description: '',
+      control: 'color',
+      table: {
+        category: 'Colors',
+        subcategory: 'Hover'
+      }
     }
-}
+  },
+  args: {
+    image: 'https://picsum.photos/500/300',
+    buttonDesign: 'slide',
+    buttonTextColor: 'white',
+    buttonBgColor: 'black',
+    bordered: true,
+    ctaText: 'Shop Now'
+  }
+};
+exports.default = _default;
 
-const Template = (args) => <FyreCard {...args} />;
+const Template = args => /*#__PURE__*/_react.default.createElement(_index.default, args);
 
-export const _FyreCard = Template.bind({});
-_FyreCard.args = {};
+const _FyreCard = Template.bind({});
 
-// export const _Card = (args) => {
+exports._FyreCard = _FyreCard;
+_FyreCard.args = {}; // export const _Card = (args) => {
 //     return (
 //         <Card 
 //             id='card' 
@@ -124,4 +133,4 @@ _FyreCard.args = {};
 //             hoverButtonTextColor='black'
 //             bordered/>
 //     )
-// }
+// }

package/dist/components/Organisms/ImageLink/ImageLink.stories.js

@@ -1,64 +1,87 @@
-import React from 'react'
-import Column from '../../Atoms/Column';
-import ImageLink from './index'
+"use strict";
 
-export default {
-    title: 'Trepur Components/Organisms/Image Link',
-    components: ImageLink,
-    parameters: {},
-    argTypes: {
-        title: {
-            description: '',
-            control: 'text',
-            table: {
-                category: '',
-            },
-        },
-        image: {
-            description: '',
-            control: 'text',
-            table: {
-                category: '',
-            },
-        },
-        ctaText: {
-            description: '',
-            control: 'text',
-            table: {
-                category: '',
-            },
-        },
-        rounded: {
-            description: '',
-            control: 'boolean',
-            table: {
-                category: '',
-            },
-        }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports._ImageLinkWithTitle = exports._ImageLinkWithButton = exports._ImageLinkRounded = exports._ImageLink = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Column = _interopRequireDefault(require("../../Atoms/Column"));
+
+var _index = _interopRequireDefault(require("./index"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _default = {
+  title: 'Trepur Components/Organisms/Image Link',
+  components: _index.default,
+  parameters: {},
+  argTypes: {
+    title: {
+      description: '',
+      control: 'text',
+      table: {
+        category: ''
+      }
+    },
+    image: {
+      description: '',
+      control: 'text',
+      table: {
+        category: ''
+      }
     },
-    args: {
-        image: 'https://picsum.photos/400/400',
+    ctaText: {
+      description: '',
+      control: 'text',
+      table: {
+        category: ''
+      }
     },
-}
+    rounded: {
+      description: '',
+      control: 'boolean',
+      table: {
+        category: ''
+      }
+    }
+  },
+  args: {
+    image: 'https://picsum.photos/400/400'
+  }
+};
+exports.default = _default;
+
+const Template = args => /*#__PURE__*/_react.default.createElement(_Column.default, {
+  sm: 3,
+  md: 3
+}, /*#__PURE__*/_react.default.createElement(_index.default, args));
 
-const Template = (args) => <Column sm={3} md={3}><ImageLink {...args} /></Column>
+const _ImageLink = Template.bind({});
 
-export const _ImageLink = Template.bind({});
+exports._ImageLink = _ImageLink;
 _ImageLink.args = {};
 
-export const _ImageLinkWithTitle = Template.bind({});
+const _ImageLinkWithTitle = Template.bind({});
+
+exports._ImageLinkWithTitle = _ImageLinkWithTitle;
 _ImageLinkWithTitle.args = {
-    title: 'Title'
+  title: 'Title'
 };
 
-export const _ImageLinkWithButton = Template.bind({});
+const _ImageLinkWithButton = Template.bind({});
+
+exports._ImageLinkWithButton = _ImageLinkWithButton;
 _ImageLinkWithButton.args = {
-    ctaText: 'Button 1',
+  ctaText: 'Button 1'
 };
 
-export const _ImageLinkRounded = Template.bind({});
+const _ImageLinkRounded = Template.bind({});
+
+exports._ImageLinkRounded = _ImageLinkRounded;
 _ImageLinkRounded.args = {
-    title: 'Title',
-    ctaText: 'Button 1',
-    rounded: true,
+  title: 'Title',
+  ctaText: 'Button 1',
+  rounded: true
 };

package/dist/components/Organisms/ImageLinkList/ImageLinkList.stories.js

@@ -1,35 +1,48 @@
-import React from 'react'
-import ImageLinkList from './index'
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports._ImageLinkList = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _index = _interopRequireDefault(require("./index"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 const getLinks = () => {
-    return new Array(16).fill(null).map(() => {
-        return {
-            image: "https://picsum.photos/400/400",
-            title: 'Hi',
-            ctaText: 'button'
-        }
-    })
-}
-
-export default {
-    title: 'Trepur Components/Organisms/Image Link List',
-    components: ImageLinkList,
-    parameters: {},
-    argTypes: {
-        list: {
-            description: '',
-            control: 'array',
-            table: {
-                category: '',
-            },
-        },
-    },
-    args: {
-        items: getLinks()
+  return new Array(16).fill(null).map(() => {
+    return {
+      image: "https://picsum.photos/400/400",
+      title: 'Hi',
+      ctaText: 'button'
+    };
+  });
+};
+
+var _default = {
+  title: 'Trepur Components/Organisms/Image Link List',
+  components: _index.default,
+  parameters: {},
+  argTypes: {
+    list: {
+      description: '',
+      control: 'array',
+      table: {
+        category: ''
+      }
     }
-}
+  },
+  args: {
+    items: getLinks()
+  }
+};
+exports.default = _default;
+
+const Template = args => /*#__PURE__*/_react.default.createElement(_index.default, args);
 
-const Template = (args) => <ImageLinkList {...args} />;
+const _ImageLinkList = Template.bind({});
 
-export const _ImageLinkList = Template.bind({});
-_ImageLinkList.args = {};
+exports._ImageLinkList = _ImageLinkList;
+_ImageLinkList.args = {};

package/dist/components/Organisms/Jumbotron/Jumbotron.stories.js

@@ -1,42 +1,55 @@
-import React from 'react'
-import Jumbotron from './index'
-
-export default {
-    title: 'Trepur Components/Organisms/Jumbotron',
-    component: Jumbotron,
-    parameters: {},
-    argTypes: {
-        text: {
-            description: 'The text the appears as an overlay on the Jumbotron',
-            control: 'text',
-            table: {
-                category: ''
-            }
-        },
-        ctaText: {
-            description: 'The text of the first/left button',
-            control: 'text',
-            table: {
-                category: ''
-            }
-        },
-        ctaText2: {
-            description: 'The text on the second/last button',
-            control: 'text',
-            table: {
-                category: ''
-            }
-        },
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports._Jumbotron = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _index = _interopRequireDefault(require("./index"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _default = {
+  title: 'Trepur Components/Organisms/Jumbotron',
+  component: _index.default,
+  parameters: {},
+  argTypes: {
+    text: {
+      description: 'The text the appears as an overlay on the Jumbotron',
+      control: 'text',
+      table: {
+        category: ''
+      }
+    },
+    ctaText: {
+      description: 'The text of the first/left button',
+      control: 'text',
+      table: {
+        category: ''
+      }
     },
-    args: {
-        text: 'This is some text',
-        ctaText: 'Button 1',
-        ctaText2: 'Button 2',
-        image: 'https://picsum.photos/1500/400'
+    ctaText2: {
+      description: 'The text on the second/last button',
+      control: 'text',
+      table: {
+        category: ''
+      }
     }
-}
+  },
+  args: {
+    text: 'This is some text',
+    ctaText: 'Button 1',
+    ctaText2: 'Button 2',
+    image: 'https://picsum.photos/1500/400'
+  }
+};
+exports.default = _default;
+
+const Template = args => /*#__PURE__*/_react.default.createElement(_index.default, args);
 
-const Template = (args) => <Jumbotron {...args} />;
+const _Jumbotron = Template.bind({});
 
-export const _Jumbotron = Template.bind({});
+exports._Jumbotron = _Jumbotron;
 _Jumbotron.args = {};