w-design-system 0.0.1

package/dist/components/Themes/index.d.ts

@@ -0,0 +1,79 @@
+export declare const spacing: {
+    space1: string;
+    space2: string;
+    space3: string;
+    space4: string;
+    space5: string;
+    space6: string;
+    space7: string;
+    space8: string;
+    space9: string;
+};
+export declare const theme: {
+    zIndex: {
+        z1: number;
+        z2: number;
+        z3: number;
+        z4: number;
+        z5: number;
+        z6: number;
+        z7: number;
+        z8: number;
+        z9: number;
+        full: number;
+    };
+    spacing: {
+        space1: string;
+        space2: string;
+        space3: string;
+        space4: string;
+        space5: string;
+        space6: string;
+        space7: string;
+        space8: string;
+        space9: string;
+    };
+    colors: {
+        white: string;
+        black: string;
+        transparent: string;
+        cyan50: string;
+        cyan40: string;
+        cyan30: string;
+        cyan20: string;
+        cyan10: string;
+        mint40: string;
+        mint30: string;
+        mint20: string;
+        mint10: string;
+        honey40: string;
+        honey30: string;
+        honey20: string;
+        honey10: string;
+        red40: string;
+        red30: string;
+        red20: string;
+        red10: string;
+        shade50: string;
+        shade40: string;
+        shade30: string;
+        shade20: string;
+        shade10: string;
+        shade05: string;
+        yellow30: string;
+        yellow20: string;
+        yellow10: string;
+    };
+    fonts: string[];
+    title: {
+        medium: string;
+        large: string;
+    };
+    paragraph: {
+        'x-small': string;
+        small: string;
+        medium: string;
+        large: string;
+    };
+};
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Themes/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Themes/index.ts"],"names":[],"mappings":"AAgDA,eAAO,MAAM,OAAO;;;;;;;;;;CAUnB,CAAA;AAeD,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyBjB,CAAA"}

package/dist/components/Themes/index.js

@@ -0,0 +1,83 @@
+const cyan = {
+    cyan50: '#001640',
+    cyan40: '#1A3D7F',
+    cyan30: '#025FDE',
+    cyan20: '#217EFD',
+    cyan10: '#EEF5FF',
+};
+const shades = {
+    shade50: '#333333',
+    shade40: '#666666',
+    shade30: '#999999',
+    shade20: '#EEEEEE',
+    shade10: '#EFF1F3',
+    shade05: '#FAFAFA',
+};
+const red = {
+    red40: '#981010',
+    red30: '#B41313',
+    red20: '#F3D9D9',
+    red10: '#F9EDED',
+};
+const honey = {
+    honey40: '#F77202',
+    honey30: '#F77202',
+    honey20: '#FCCEA7',
+    honey10: '#FDE3CC',
+};
+const yellow = {
+    yellow30: '#D08007',
+    yellow20: '#EFD3A8',
+    yellow10: '#FAF2E6',
+};
+const mint = {
+    mint40: '#059D2F',
+    mint30: '#06B737',
+    mint20: '#D7EFDE',
+    mint10: '#EBF8EF',
+};
+const white = '#FFFFFF';
+const black = '#333333';
+const transparent = 'transparent';
+export const spacing = {
+    space1: '4px',
+    space2: '8px',
+    space3: '16px',
+    space4: '24px',
+    space5: '32px',
+    space6: '40px',
+    space7: '48px',
+    space8: '56px',
+    space9: '64px',
+};
+const zIndex = {
+    z1: 1,
+    z2: 2,
+    z3: 3,
+    z4: 4,
+    z5: 5,
+    z6: 6,
+    z7: 7,
+    z8: 8,
+    z9: 9,
+    full: 10000,
+};
+export const theme = {
+    zIndex,
+    spacing,
+    colors: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, yellow), shades), red), honey), mint), cyan), { white,
+        black,
+        transparent }),
+    fonts: ['Nunito Sans', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif'],
+    title: {
+        medium: '24px',
+        large: '34px',
+    },
+    paragraph: {
+        'x-small': '12px',
+        small: '14px',
+        medium: '16px',
+        large: '18px',
+    },
+};
+//# sourceMappingURL=index.js.map

package/dist/components/Themes/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Themes/index.ts"],"names":[],"mappings":"AAAA,MAAM,IAAI,GAAG;IACX,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;CAClB,CAAA;AAED,MAAM,MAAM,GAAG;IACb,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;CACnB,CAAA;AAED,MAAM,GAAG,GAAG;IACV,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,SAAS;CACjB,CAAA;AAED,MAAM,KAAK,GAAG;IACZ,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;CACnB,CAAA;AAED,MAAM,MAAM,GAAG;IACb,QAAQ,EAAE,SAAS;IACnB,QAAQ,EAAE,SAAS;IACnB,QAAQ,EAAE,SAAS;CACpB,CAAA;AAED,MAAM,IAAI,GAAG;IACX,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;CAClB,CAAA;AAED,MAAM,KAAK,GAAG,SAAS,CAAA;AACvB,MAAM,KAAK,GAAG,SAAS,CAAA;AACvB,MAAM,WAAW,GAAG,aAAa,CAAA;AAEjC,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,MAAM,EAAE,KAAK;IACb,MAAM,EAAE,KAAK;IACb,MAAM,EAAE,MAAM;IACd,MAAM,EAAE,MAAM;IACd,MAAM,EAAE,MAAM;IACd,MAAM,EAAE,MAAM;IACd,MAAM,EAAE,MAAM;IACd,MAAM,EAAE,MAAM;IACd,MAAM,EAAE,MAAM;CACf,CAAA;AAED,MAAM,MAAM,GAAG;IACb,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,CAAC;IACL,IAAI,EAAE,KAAK;CACZ,CAAA;AAED,MAAM,CAAC,MAAM,KAAK,GAAG;IACnB,MAAM;IACN,OAAO;IACP,MAAM,wGACD,MAAM,GACN,MAAM,GACN,GAAG,GACH,KAAK,GACL,IAAI,GACJ,IAAI,KACP,KAAK;QACL,KAAK;QACL,WAAW,GACZ;IACD,KAAK,EAAE,CAAC,aAAa,EAAE,gBAAgB,EAAE,WAAW,EAAE,OAAO,EAAE,YAAY,CAAC;IAC5E,KAAK,EAAE;QACL,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,MAAM;KACd;IACD,SAAS,EAAE;QACT,SAAS,EAAE,MAAM;QACjB,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,MAAM;KACd;CACF,CAAA"}

package/dist/components/Title/index.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+interface ParagraphProps {
+    size: 'medium' | 'large';
+    bold?: boolean;
+    as?: 'h1' | 'h2' | 'h3';
+    color?: string;
+    children: React.ReactNode;
+}
+declare const Title: React.FC<ParagraphProps>;
+export default Title;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Title/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Title/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,UAAU,cAAc;IACtB,IAAI,EAAE,QAAQ,GAAG,OAAO,CAAA;IACxB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,EAAE,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACvB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAgBD,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAMnC,CAAA;AAED,eAAe,KAAK,CAAA"}

package/dist/components/Title/index.js

@@ -0,0 +1,18 @@
+import React from 'react';
+import styled from 'styled-components';
+import { theme } from '../Themes';
+const sizes = Object.assign({}, theme.title);
+const TitleStyled = styled.p `
+  margin: 0;
+  padding: 0;
+  font-size: ${props => sizes[props.size]};
+  font-weight: ${props => (props.bold ? 800 : 400)};
+  line-height: 130%;
+  font-family: 'Nunito Sans', sans-serif;
+  color: ${props => props.color || 'inherit'}; // Aplicando a cor
+`;
+const Title = ({ size = 'medium', bold, as = 'h2', color, children }) => {
+    return (React.createElement(TitleStyled, { as: as, size: size, bold: bold, color: color }, children));
+};
+export default Title;
+//# sourceMappingURL=index.js.map

package/dist/components/Title/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Title/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAA;AAUjC,MAAM,KAAK,qBACN,KAAK,CAAC,KAAK,CACf,CAAA;AAED,MAAM,WAAW,GAAG,MAAM,CAAC,CAAC,CAAgB;;;eAG7B,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC;iBACxB,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;;;WAGvC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,IAAI,SAAS;CAC3C,CAAA;AAED,MAAM,KAAK,GAA6B,CAAC,EAAE,IAAI,GAAG,QAAQ,EAAE,IAAI,EAAE,EAAE,GAAG,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE;IAChG,OAAO,CACL,oBAAC,WAAW,IAAC,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,IACtD,QAAQ,CACG,CACf,CAAA;AACH,CAAC,CAAA;AAED,eAAe,KAAK,CAAA"}

package/dist/components/Title/stories.d.ts

@@ -0,0 +1,9 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import Title from "./index";
+declare const meta: Meta<typeof Title>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const LargeBoldTitle: Story;
+export declare const MediumTitle: Story;
+export declare const CustomColorTitle: Story;
+//# sourceMappingURL=stories.d.ts.map

package/dist/components/Title/stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stories.d.ts","sourceRoot":"","sources":["../../../src/components/Title/stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,KAAK,MAAM,SAAS,CAAC;AAI5B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CA4B5B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAGnC,eAAO,MAAM,cAAc,EAAE,KAQ5B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAQzB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAQ9B,CAAC"}

package/dist/components/Title/stories.js

@@ -0,0 +1,61 @@
+import { theme } from '../Themes';
+import Title from "./index";
+const sizes = theme.title;
+const meta = {
+    title: 'Components/Title',
+    component: Title,
+    parameters: {
+        layout: 'centered',
+    },
+    argTypes: {
+        size: {
+            control: { type: 'select', options: ['medium', 'large'] },
+            description: 'Font size of the title',
+        },
+        bold: {
+            control: 'boolean',
+            description: 'Apply bold font weight',
+        },
+        as: {
+            control: { type: 'select', options: ['h1', 'h2', 'h3'] },
+            description: 'HTML element to render',
+        },
+        color: {
+            control: 'color',
+            description: 'Font color of the title',
+        },
+        children: {
+            control: 'text',
+            description: 'Content of the title',
+        },
+    },
+};
+export default meta;
+export const LargeBoldTitle = {
+    args: {
+        size: 'large',
+        bold: true,
+        as: 'h1',
+        color: '#1A3D7F',
+        children: 'Large Bold Title',
+    },
+};
+export const MediumTitle = {
+    args: {
+        size: 'medium',
+        bold: false,
+        as: 'h2',
+        color: '#025FDE',
+        children: 'Medium Title',
+    },
+};
+export const CustomColorTitle = {
+    args: {
+        size: 'large',
+        bold: true,
+        as: 'h3',
+        color: '#FF5733',
+        children: 'Custom Color Title',
+    },
+};
+//# sourceMappingURL=stories.js.map

package/dist/components/Title/stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stories.js","sourceRoot":"","sources":["../../../src/components/Title/stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAC;AAClC,OAAO,KAAK,MAAM,SAAS,CAAC;AAE5B,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;AAE1B,MAAM,IAAI,GAAuB;IAC7B,KAAK,EAAE,kBAAkB;IACzB,SAAS,EAAE,KAAK;IAChB,UAAU,EAAE;QACR,MAAM,EAAE,UAAU;KACrB;IACD,QAAQ,EAAE;QACN,IAAI,EAAE;YACF,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC,EAAE;YACzD,WAAW,EAAE,wBAAwB;SACxC;QACD,IAAI,EAAE;YACF,OAAO,EAAE,SAAS;YAClB,WAAW,EAAE,wBAAwB;SACxC;QACD,EAAE,EAAE;YACA,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,EAAE;YACxD,WAAW,EAAE,wBAAwB;SACxC;QACD,KAAK,EAAE;YACH,OAAO,EAAE,OAAO;YAChB,WAAW,EAAE,yBAAyB;SACzC;QACD,QAAQ,EAAE;YACN,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,sBAAsB;SACtC;KACJ;CACJ,CAAC;AAEF,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,cAAc,GAAU;IACjC,IAAI,EAAE;QACF,IAAI,EAAE,OAAO;QACb,IAAI,EAAE,IAAI;QACV,EAAE,EAAE,IAAI;QACR,KAAK,EAAE,SAAS;QAChB,QAAQ,EAAE,kBAAkB;KAC/B;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAU;IAC9B,IAAI,EAAE;QACF,IAAI,EAAE,QAAQ;QACd,IAAI,EAAE,KAAK;QACX,EAAE,EAAE,IAAI;QACR,KAAK,EAAE,SAAS;QAChB,QAAQ,EAAE,cAAc;KAC3B;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAU;IACnC,IAAI,EAAE;QACF,IAAI,EAAE,OAAO;QACb,IAAI,EAAE,IAAI;QACV,EAAE,EAAE,IAAI;QACR,KAAK,EAAE,SAAS;QAChB,QAAQ,EAAE,oBAAoB;KACjC;CACJ,CAAC"}

package/dist/components/Types/index.d.ts

@@ -0,0 +1,41 @@
+import { ButtonHTMLAttributes, HTMLAttributes, ReactNode } from 'react';
+type ColorsVariant = 'primary' | 'secondary' | 'success' | 'danger' | 'gray' | 'warning' | 'yellow';
+type ColorsVariantBanner = 'notice' | 'success' | 'danger' | 'warning';
+export interface ButtonTypes extends ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: ColorsVariant;
+    icon?: string;
+    radius?: boolean;
+    outline?: boolean;
+    halfLeft?: boolean;
+    halfRight?: boolean;
+    fullWidth?: boolean;
+}
+export interface ButtonRadiusIconTypes extends ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: ColorsVariant;
+    icon?: string;
+    subTitle?: string;
+}
+export interface ButtonRoundTypes extends ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: ColorsVariant;
+    icon?: string;
+    outline?: boolean;
+    badge?: number;
+}
+export interface BannerTypes extends HTMLAttributes<HTMLDivElement> {
+    variant?: ColorsVariantBanner;
+    title?: string;
+    subTitle?: string;
+    onClick?: () => void;
+}
+export interface ModalTypes extends HTMLAttributes<HTMLDivElement> {
+    children: ReactNode;
+    onClose: () => void;
+    footer?: ReactNode | ReactNode[];
+}
+export interface TabsTypes extends HTMLAttributes<HTMLDivElement> {
+    tabs: string[];
+    defaultActiveTab?: string;
+    onTabChange?: (activeTab: string) => void;
+}
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Types/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEvE,KAAK,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAA;AACnG,KAAK,mBAAmB,GAAG,QAAQ,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAA;AACtE,MAAM,WAAW,WAAY,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAC1E,OAAO,CAAC,EAAE,aAAa,CAAA;IACvB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED,MAAM,WAAW,qBAAsB,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IACpF,OAAO,CAAC,EAAE,aAAa,CAAA;IACvB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,MAAM,WAAW,gBAAiB,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAC/E,OAAO,CAAC,EAAE,aAAa,CAAA;IACvB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,cAAc,CAAC;IACjE,OAAO,CAAC,EAAE,mBAAmB,CAAA;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB;AAED,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,cAAc,CAAC;IAChE,QAAQ,EAAE,SAAS,CAAA;IACnB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAA;CACjC;AAED,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC/D,IAAI,EAAE,MAAM,EAAE,CAAA;IACd,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,WAAW,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA;CAC1C"}

package/dist/components/Types/index.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.js.map

package/dist/components/Types/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Types/index.ts"],"names":[],"mappings":""}

package/dist/components/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Banner } from './Banner';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAA"}

package/dist/components/index.js

@@ -0,0 +1,2 @@
+export { default as Banner } from './Banner';
+//# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAA"}

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+import './index.css';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAEA,OAAO,aAAa,CAAC"}

package/dist/index.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import ReactDOM from 'react-dom/client';
+import './index.css';
+import App from './App';
+import reportWebVitals from './reportWebVitals';
+const root = ReactDOM.createRoot(document.getElementById('root'));
+root.render(React.createElement(React.StrictMode, null,
+    React.createElement(App, null)));
+// If you want to start measuring performance in your app, pass a function
+// to log results (for example: reportWebVitals(console.log))
+// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
+reportWebVitals();
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,QAAQ,MAAM,kBAAkB,CAAC;AACxC,OAAO,aAAa,CAAC;AACrB,OAAO,GAAG,MAAM,OAAO,CAAC;AACxB,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAEhD,MAAM,IAAI,GAAG,QAAQ,CAAC,UAAU,CAC9B,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAgB,CAC/C,CAAC;AACF,IAAI,CAAC,MAAM,CACT,oBAAC,KAAK,CAAC,UAAU;IACf,oBAAC,GAAG,OAAG,CACU,CACpB,CAAC;AAEF,0EAA0E;AAC1E,6DAA6D;AAC7D,0EAA0E;AAC1E,eAAe,EAAE,CAAC"}

package/dist/prettier.config.d.ts

@@ -0,0 +1,10 @@
+export const semi: boolean;
+export const tabWidth: number;
+export const singleQuote: boolean;
+export const trailingComma: string;
+export const arrowParens: string;
+export const printWidth: number;
+export const jsxSingleQuote: boolean;
+export const jsxBracketSameLine: boolean;
+export const bracketSpacing: boolean;
+//# sourceMappingURL=prettier.config.d.ts.map

package/dist/prettier.config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"prettier.config.d.ts","sourceRoot":"","sources":["../src/prettier.config.js"],"names":[],"mappings":""}

package/dist/prettier.config.js

@@ -0,0 +1,13 @@
+"use strict";
+module.exports = {
+    semi: false,
+    tabWidth: 2,
+    singleQuote: true,
+    trailingComma: 'all',
+    arrowParens: 'avoid',
+    printWidth: 120,
+    jsxSingleQuote: false,
+    jsxBracketSameLine: false,
+    bracketSpacing: true,
+};
+//# sourceMappingURL=prettier.config.js.map

package/dist/prettier.config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"prettier.config.js","sourceRoot":"","sources":["../src/prettier.config.js"],"names":[],"mappings":";AAAA,MAAM,CAAC,OAAO,GAAG;IACf,IAAI,EAAE,KAAK;IACX,QAAQ,EAAE,CAAC;IACX,WAAW,EAAE,IAAI;IACjB,aAAa,EAAE,KAAK;IACpB,WAAW,EAAE,OAAO;IACpB,UAAU,EAAE,GAAG;IACf,cAAc,EAAE,KAAK;IACrB,kBAAkB,EAAE,KAAK;IACzB,cAAc,EAAE,IAAI;CACrB,CAAA"}

package/dist/reportWebVitals.d.ts

@@ -0,0 +1,4 @@
+import { ReportHandler } from 'web-vitals';
+declare const reportWebVitals: (onPerfEntry?: ReportHandler) => void;
+export default reportWebVitals;
+//# sourceMappingURL=reportWebVitals.d.ts.map

package/dist/reportWebVitals.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"reportWebVitals.d.ts","sourceRoot":"","sources":["../src/reportWebVitals.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAE1C,QAAA,MAAM,eAAe,iBAAkB,aAAa,SAWnD,CAAA;AAED,eAAe,eAAe,CAAA"}

package/dist/reportWebVitals.js

@@ -0,0 +1,14 @@
+const reportWebVitals = (onPerfEntry) => {
+    if (onPerfEntry && onPerfEntry instanceof Function) {
+        // @ts-ignore
+        import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {
+            getCLS(onPerfEntry);
+            getFID(onPerfEntry);
+            getFCP(onPerfEntry);
+            getLCP(onPerfEntry);
+            getTTFB(onPerfEntry);
+        });
+    }
+};
+export default reportWebVitals;
+//# sourceMappingURL=reportWebVitals.js.map

package/dist/reportWebVitals.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reportWebVitals.js","sourceRoot":"","sources":["../src/reportWebVitals.ts"],"names":[],"mappings":"AAEA,MAAM,eAAe,GAAG,CAAC,WAA2B,EAAE,EAAE;IACtD,IAAI,WAAW,IAAI,WAAW,YAAY,QAAQ,EAAE;QAClD,aAAa;QACb,MAAM,CAAC,YAAY,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE;YACxE,MAAM,CAAC,WAAW,CAAC,CAAA;YACnB,MAAM,CAAC,WAAW,CAAC,CAAA;YACnB,MAAM,CAAC,WAAW,CAAC,CAAA;YACnB,MAAM,CAAC,WAAW,CAAC,CAAA;YACnB,OAAO,CAAC,WAAW,CAAC,CAAA;QACtB,CAAC,CAAC,CAAA;KACH;AACH,CAAC,CAAA;AAED,eAAe,eAAe,CAAA"}

package/dist/setupTests.d.ts

@@ -0,0 +1,2 @@
+import '@testing-library/jest-dom';
+//# sourceMappingURL=setupTests.d.ts.map

package/dist/setupTests.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"setupTests.d.ts","sourceRoot":"","sources":["../src/setupTests.ts"],"names":[],"mappings":"AAIA,OAAO,2BAA2B,CAAC"}

package/dist/setupTests.js

@@ -0,0 +1,6 @@
+// jest-dom adds custom jest matchers for asserting on DOM nodes.
+// allows you to do things like:
+// expect(element).toHaveTextContent(/react/i)
+// learn more: https://github.com/testing-library/jest-dom
+import '@testing-library/jest-dom';
+//# sourceMappingURL=setupTests.js.map

package/dist/setupTests.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"setupTests.js","sourceRoot":"","sources":["../src/setupTests.ts"],"names":[],"mappings":"AAAA,iEAAiE;AACjE,gCAAgC;AAChC,8CAA8C;AAC9C,0DAA0D;AAC1D,OAAO,2BAA2B,CAAC"}

package/dist/src/globalStyles.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+declare const GlobalStyle: import("react").NamedExoticComponent<import("styled-components").ExecutionProps & object>;
+export default GlobalStyle;
+//# sourceMappingURL=globalStyles.d.ts.map

package/dist/src/globalStyles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"globalStyles.d.ts","sourceRoot":"","sources":["../../src/src/globalStyles.ts"],"names":[],"mappings":";AAEA,QAAA,MAAM,WAAW,2FAMhB,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/src/globalStyles.js

@@ -0,0 +1,10 @@
+import { createGlobalStyle } from 'styled-components';
+const GlobalStyle = createGlobalStyle `
+  @import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;700&display=swap');
+
+  body {
+    font-family: 'Nunito Sans', sans-serif;
+  }
+`;
+export default GlobalStyle;
+//# sourceMappingURL=globalStyles.js.map

package/dist/src/globalStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"globalStyles.js","sourceRoot":"","sources":["../../src/src/globalStyles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAEtD,MAAM,WAAW,GAAG,iBAAiB,CAAA;;;;;;CAMpC,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/stories/Button.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+import './button.css';
+export interface ButtonTypes {
+    /**
+     * Is this the principal call to action on the page?
+     */
+    primary?: boolean;
+    /**
+     * What background color to use
+     */
+    backgroundColor?: string;
+    /**
+     * How large should the button be?
+     */
+    size?: 'small' | 'medium' | 'large';
+    /**
+     * Button contents
+     */
+    label: string;
+    /**
+     * Optional click handler
+     */
+    onClick?: () => void;
+}
+/**
+ * Primary UI component for user interaction
+ */
+export declare const Button: ({ primary, size, backgroundColor, label, ...props }: ButtonTypes) => React.JSX.Element;
+//# sourceMappingURL=Button.d.ts.map

package/dist/stories/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/stories/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,cAAc,CAAA;AAErB,MAAM,WAAW,WAAW;IAC1B;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB;AAED;;GAEG;AACH,eAAO,MAAM,MAAM,wDAA4E,WAAW,sBAYzG,CAAA"}

package/dist/stories/Button.js

@@ -0,0 +1,22 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from 'react';
+import './button.css';
+/**
+ * Primary UI component for user interaction
+ */
+export const Button = (_a) => {
+    var { primary = false, size = 'medium', backgroundColor, label } = _a, props = __rest(_a, ["primary", "size", "backgroundColor", "label"]);
+    const mode = primary ? 'storybook-button--primary' : 'storybook-button--secondary';
+    return (React.createElement("button", Object.assign({ type: "button", className: ['storybook-button', `storybook-button--${size}`, mode].join(' '), style: { backgroundColor } }, props), label));
+};
+//# sourceMappingURL=Button.js.map

package/dist/stories/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/stories/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,cAAc,CAAA;AAyBrB;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EAAmF,EAAE,EAAE;QAAvF,EAAE,OAAO,GAAG,KAAK,EAAE,IAAI,GAAG,QAAQ,EAAE,eAAe,EAAE,KAAK,OAAyB,EAApB,KAAK,cAApE,+CAAsE,CAAF;IACzF,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAAC,6BAA6B,CAAA;IAClF,OAAO,CACL,8CACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,CAAC,kBAAkB,EAAE,qBAAqB,IAAI,EAAE,EAAE,IAAI,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EAC5E,KAAK,EAAE,EAAE,eAAe,EAAE,IACtB,KAAK,GAER,KAAK,CACC,CACV,CAAA;AACH,CAAC,CAAA"}

package/dist/stories/Button.stories.d.ts

@@ -0,0 +1,25 @@
+/// <reference types="react" />
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ primary, size, backgroundColor, label, ...props }: import("./Button").ButtonTypes) => import("react").JSX.Element;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        backgroundColor: {
+            control: "color";
+        };
+    };
+    args: {
+        onClick: import("@vitest/spy").Mock<[], void>;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;
+export declare const Secondary: Story;
+export declare const Large: Story;
+export declare const Small: Story;
+//# sourceMappingURL=Button.stories.d.ts.map

package/dist/stories/Button.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.stories.d.ts","sourceRoot":"","sources":["../../src/stories/Button.stories.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAKvD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;CAeqB,CAAC;AAEhC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAGnC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAIvB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAC"}

package/dist/stories/Button.stories.js

@@ -0,0 +1,45 @@
+import { fn } from '@storybook/test';
+import { Button } from './Button';
+// More on how to set up stories at: https://storybook.js.org/docs/writing-stories#default-export
+const meta = {
+    title: 'Example/Button',
+    component: Button,
+    parameters: {
+        // Optional parameter to center the component in the Canvas. More info: https://storybook.js.org/docs/configure/story-layout
+        layout: 'centered',
+    },
+    // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/writing-docs/autodocs
+    tags: ['autodocs'],
+    // More on argTypes: https://storybook.js.org/docs/api/argtypes
+    argTypes: {
+        backgroundColor: { control: 'color' },
+    },
+    // Use `fn` to spy on the onClick arg, which will appear in the actions panel once invoked: https://storybook.js.org/docs/essentials/actions#action-args
+    args: { onClick: fn() },
+};
+export default meta;
+// More on writing stories with args: https://storybook.js.org/docs/writing-stories/args
+export const Primary = {
+    args: {
+        primary: true,
+        label: 'Button',
+    },
+};
+export const Secondary = {
+    args: {
+        label: 'Button',
+    },
+};
+export const Large = {
+    args: {
+        size: 'large',
+        label: 'Button',
+    },
+};
+export const Small = {
+    args: {
+        size: 'small',
+        label: 'Button',
+    },
+};
+//# sourceMappingURL=Button.stories.js.map

package/dist/stories/Button.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.stories.js","sourceRoot":"","sources":["../../src/stories/Button.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,iGAAiG;AACjG,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,gBAAgB;IACvB,SAAS,EAAE,MAAM;IACjB,UAAU,EAAE;QACV,4HAA4H;QAC5H,MAAM,EAAE,UAAU;KACnB;IACD,0HAA0H;IAC1H,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,+DAA+D;IAC/D,QAAQ,EAAE;QACR,eAAe,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE;KACtC;IACD,wJAAwJ;IACxJ,IAAI,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,EAAE;CACM,CAAC;AAEhC,eAAe,IAAI,CAAC;AAGpB,wFAAwF;AACxF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,OAAO,EAAE,IAAI;QACb,KAAK,EAAE,QAAQ;KAChB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAU;IAC9B,IAAI,EAAE;QACJ,KAAK,EAAE,QAAQ;KAChB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAU;IAC1B,IAAI,EAAE;QACJ,IAAI,EAAE,OAAO;QACb,KAAK,EAAE,QAAQ;KAChB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAU;IAC1B,IAAI,EAAE;QACJ,IAAI,EAAE,OAAO;QACb,KAAK,EAAE,QAAQ;KAChB;CACF,CAAC"}