@integrigo/integrigo-ui 1.2.6 → 1.3.0

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "registry": "https://npm.pkg.github.com/integrigo"
   },
-  "version": "1.2.6",
+  "version": "1.3.0",
   "main": "lib/index.js",
   "module": "lib/index.esm.js",
   "types": "lib/index.d.ts",
@@ -47,5 +47,10 @@
     "storybook": "start-storybook -p 6006 -c ./src/.storybook",
     "build-storybook": "build-storybook",
     "build": "rollup -c"
+  },
+  "exports": {
+    ".": "./index.ts",
+    "./lib/*": "./components/*/index.ts",
+    "./style/": "./style/"
   }
 }

package/src/.storybook/main.js

@@ -1,12 +0,0 @@
-module.exports = {
-  "stories": [
-    "../components/**/*.stories.mdx",
-    "../components/**/*.stories.@(js|jsx|ts|tsx)"
-  ],
-  "addons": [
-    "@storybook/addon-links",
-    "@storybook/addon-essentials",
-    "@storybook/addon-interactions"
-  ],
-  "framework": "@storybook/react"
-}

package/src/.storybook/preview.js

@@ -1,20 +0,0 @@
-import { GlobalStyles } from '../styles'
-
-export const parameters = {
-  actions: { argTypesRegex: "^on[A-Z].*" },
-  controls: {
-    matchers: {
-      color: /(background|color)$/i,
-      date: /Date$/,
-    },
-  }, 
-}
-
-export const decorators = [
-  (Story) => (
-    <>
-      <GlobalStyles/>
-      <Story />
-    </>
-  ),
-];

package/src/components/atoms/Button/Button.stories.tsx

@@ -1,29 +0,0 @@
-import React from 'react';
-import { ComponentStory, ComponentMeta } from '@storybook/react';
-
-import { Button } from './Button';
-
-// More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
-export default {
-  title: 'Atoms/Button',
-  component: Button,
-} as ComponentMeta<typeof Button>;
-
-const Template: ComponentStory<typeof Button> = ({ label, ...args}) => <Button {...args}>{label}</Button>;
-
-export const Primary = Template.bind({});
-Primary.args = {
-  primary: true,
-  label: 'Button',
-};
-
-export const Secondary = Template.bind({});
-Secondary.args = {
-  label: 'Button',
-};
-
-export const Ghost = Template.bind({});
-Ghost.args = {
-  ghost: true,
-  label: 'Button',
-};

package/src/components/atoms/Card/Card.stories.tsx

@@ -1,20 +0,0 @@
-import React from 'react';
-import { ComponentStory, ComponentMeta } from '@storybook/react';
-
-import { Card } from './Card';
-
-// More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
-export default {
-  title: 'Atoms/Card',
-  component: Card,
-} as ComponentMeta<typeof Card>;
-
-const Template: ComponentStory<typeof Card> = (args) => <Card {...args}>Content</Card>;
-
-export const Basic = Template.bind({});
-Basic.args = {};
-
-export const Inversed = Template.bind({});
-Inversed.args = {
-  inverse: true
-};

package/src/components/atoms/Icon/Icon.stories.tsx

@@ -1,29 +0,0 @@
-import React from "react";
-import { ComponentStory, ComponentMeta } from "@storybook/react";
-
-import { Icon } from "./Icon";
-
-export default {
-  title: "Atoms/Icon",
-  component: Icon,
-} as ComponentMeta<typeof Icon>;
-
-const Template: ComponentStory<typeof Icon> = (args) => <Icon {...args} />;
-
-export const Bars = Template.bind({});
-Bars.args = { icon: "bars" };
-
-export const Plus = Template.bind({});
-Plus.args = { icon: "plus" };
-
-export const Minus = Template.bind({});
-Minus.args = { icon: "minus" };
-
-export const Facebook = Template.bind({});
-Facebook.args = { icon: "facebook" };
-
-export const Instagram = Template.bind({});
-Instagram.args = { icon: "instagram" };
-
-export const Linkedin = Template.bind({});
-Linkedin.args = { icon: "linkedin" };

package/src/components/atoms/Input/Input.stories.tsx

@@ -1,16 +0,0 @@
-import React from 'react';
-import { ComponentStory, ComponentMeta } from '@storybook/react';
-
-import { Input } from './Input';
-
-export default {
-  title: 'Atoms/Input',
-  component: Input,
-} as ComponentMeta<typeof Input>;
-
-const Template: ComponentStory<typeof Input> = (args) => <Input {...args}/>;
-
-export const Basic = Template.bind({});
-Basic.args = {
-  placeholder: "Start"
-};

package/src/components/atoms/Nav/Nav.stories.tsx

@@ -1,19 +0,0 @@
-import React from 'react';
-import { ComponentStory, ComponentMeta } from '@storybook/react';
-
-import { Nav } from './Nav';
-
-export default {
-  title: 'Atoms/Nav',
-  component: Nav,
-} as ComponentMeta<typeof Nav>;
-
-const Template: ComponentStory<typeof Nav> = (args) => <Nav {...args}>The Nav text</Nav>;
-
-export const Basic = Template.bind({});
-Basic.args = {};
-
-export const Active = Template.bind({});
-Active.args = {
-  active: true
-};

package/src/components/atoms/Pill/Pill.stories.tsx

@@ -1,27 +0,0 @@
-import React from 'react';
-import { ComponentStory, ComponentMeta } from '@storybook/react';
-
-import { Pill } from './Pill';
-
-// More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
-export default {
-  title: 'Atoms/Pill',
-  component: Pill,
-} as ComponentMeta<typeof Pill>;
-
-const Template: ComponentStory<typeof Pill> = (args) => <Pill {...args}>Tag</Pill>;
-
-export const Orange = Template.bind({});
-Orange.args = {
-  variant: 'orange'
-};
-
-export const Green = Template.bind({});
-Green.args = {
-  variant: 'green'
-};
-
-export const Red = Template.bind({});
-Red.args = {
-  variant: 'red'
-};

package/src/components/atoms/Typography/Body.stories.tsx

@@ -1,36 +0,0 @@
-import React from 'react';
-import { ComponentStory, ComponentMeta } from '@storybook/react';
-
-import { Body } from './Body';
-
-export default {
-  title: 'Atoms/Typography/Body',
-  component: Body,
-} as ComponentMeta<typeof Body>;
-
-const Template: ComponentStory<typeof Body> = (args) => <Body {...args}>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque pharetra urna non purus convallis dignissim. Sed lobortis sem molestie est euismod, euismod aliquet dolor ullamcorper. Vivamus nisl metus, ultricies ac pharetra vel, faucibus vel lacus. Vestibulum eget nisi laoreet, dignissim urna sit amet, pretium arcu. Sed non diam dictum, sollicitudin orci et, ultricies nunc. Suspendisse ultrices mi tincidunt efficitur tristique. Vivamus fringilla condimentum tempus. Aliquam varius quam sit amet nunc iaculis, finibus dictum leo tincidunt.</Body>;
-
-export const XXL = Template.bind({});
-XXL.args = {
-  size: 'xxl'
-};
-
-export const XL = Template.bind({});
-XL.args = {
-  size: 'xl'
-};
-
-export const L = Template.bind({});
-L.args = {
-  size: 'l'
-};
-
-export const M = Template.bind({});
-M.args = {
-  size: 'm'
-};
-
-export const S = Template.bind({});
-S.args = {
-  size: 's'
-};

package/src/components/atoms/Typography/Hero.stories.tsx

@@ -1,36 +0,0 @@
-import React from 'react';
-import { ComponentStory, ComponentMeta } from '@storybook/react';
-
-import { Hero } from './Hero';
-
-export default {
-  title: 'Atoms/Typography/Hero',
-  component: Hero,
-} as ComponentMeta<typeof Hero>;
-
-const Template: ComponentStory<typeof Hero> = (args) => <Hero {...args}>Title</Hero>;
-
-export const XXL = Template.bind({});
-XXL.args = {
-  size: 'xxl'
-};
-
-export const XL = Template.bind({});
-XL.args = {
-  size: 'xl'
-};
-
-export const L = Template.bind({});
-L.args = {
-  size: 'l'
-};
-
-export const M = Template.bind({});
-M.args = {
-  size: 'm'
-};
-
-export const S = Template.bind({});
-S.args = {
-  size: 's'
-};

package/src/components/atoms/Typography/Label.stories.tsx

@@ -1,36 +0,0 @@
-import React from 'react';
-import { ComponentStory, ComponentMeta } from '@storybook/react';
-
-import { Label } from './Label';
-
-export default {
-  title: 'Atoms/Typography/Label',
-  component: Label,
-} as ComponentMeta<typeof Label>;
-
-const Template: ComponentStory<typeof Label> = (args) => <Label {...args}>The label text</Label>;
-
-export const XXL = Template.bind({});
-XXL.args = {
-  size: 'xxl'
-};
-
-export const XL = Template.bind({});
-XL.args = {
-  size: 'xl'
-};
-
-export const L = Template.bind({});
-L.args = {
-  size: 'l'
-};
-
-export const M = Template.bind({});
-M.args = {
-  size: 'm'
-};
-
-export const S = Template.bind({});
-S.args = {
-  size: 's'
-};

package/src/components/molecules/InfoCard/InfoCard.stories.tsx

@@ -1,32 +0,0 @@
-import React from 'react';
-import { ComponentStory, ComponentMeta } from '@storybook/react';
-
-import { InfoCard } from './InfoCard';
-
-// More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
-export default {
-  title: 'Molecules/InfoCard',
-  component: InfoCard,
-} as ComponentMeta<typeof InfoCard>;
-
-const Template: ComponentStory<typeof InfoCard> = (args) => <InfoCard {...args}>Tag</InfoCard>;
-
-export const Basic = Template.bind({});
-Basic.args = {
-  title: "Title",
-  body: 'This is body'
-};
-
-export const WithBackground = Template.bind({});
-WithBackground.args = {
-  title: "Title",
-  body: 'This is body',
-  background: <div style={{ width: '100%', height: '240px', backgroundColor: 'var(--color-ecru)'}}/>
-};
-
-export const Inversed = Template.bind({});
-Inversed.args = {
-  title: "Title",
-  body: 'This is body',
-  inverse: true
-};