trepur_components 2.3.2 → 2.3.4

package/storybook-build/src/components/Accordion/Accordion.stories.d.ts

@@ -0,0 +1,94 @@
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: import('react').FC<import('.').Props>;
+    argTypes: {
+        items: {
+            description: string;
+            control: {
+                type: string;
+                default: undefined;
+            };
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        id: {
+            description: string;
+            control: {
+                type: string;
+                default: boolean;
+            };
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        className: {
+            description: string;
+            control: {
+                type: string;
+                default: boolean;
+            };
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+    };
+    args: {
+        items: ({
+            preText: string;
+            title: string;
+            subtitle: string;
+            imageProps: {
+                src: string;
+            };
+            children: import("react/jsx-runtime").JSX.Element;
+        } | {
+            preText: string;
+            title: string;
+            imageProps: {
+                src: string;
+            };
+            children: import("react/jsx-runtime").JSX.Element;
+            subtitle?: undefined;
+        } | {
+            subtitle: string;
+            imageProps: {
+                src: string;
+            };
+            children: import("react/jsx-runtime").JSX.Element;
+            preText?: undefined;
+            title?: undefined;
+        } | {
+            imageProps: {
+                src: string;
+            };
+            children: import("react/jsx-runtime").JSX.Element;
+            preText?: undefined;
+            title?: undefined;
+            subtitle?: undefined;
+        })[];
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/storybook-build/src/components/Accordion/index.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+
+export interface Props {
+    id?: string;
+    className?: string;
+    items: any;
+}
+declare const Accordion: React.FC<Props>;
+export default Accordion;

package/storybook-build/src/components/AlertBar/AlertBar.stories.d.ts

@@ -0,0 +1,162 @@
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: ({ id, className, type, text, textCenter, isDismissable, onDismissClick, }: import('.').Props) => JSX.Element;
+    argTypes: {
+        type: {
+            type: {
+                name: string;
+                required: boolean;
+            };
+            options: string[];
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+            defaultValue: string;
+            control: {
+                type: string;
+            };
+        };
+        text: {
+            type: {
+                name: string;
+                required: boolean;
+            };
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        leftIconProps: {
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        rightIconProps: {
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        textCenter: {
+            type: {
+                name: string;
+                required: boolean;
+            };
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+            defaultValue: string;
+        };
+        isDismissable: {
+            type: {
+                name: string;
+                required: boolean;
+            };
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+            defaultValue: string;
+        };
+        onDismissClick: {
+            type: {
+                name: string;
+                required: boolean;
+            };
+            description: string;
+            action: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        id: {
+            description: string;
+            control: {
+                type: string;
+                default: boolean;
+            };
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        className: {
+            description: string;
+            control: {
+                type: string;
+                default: boolean;
+            };
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+    };
+    args: {
+        text: string;
+        leftIconProps: {
+            type: string;
+            colour: string;
+            hollow: boolean;
+        };
+        rightIconProps: {
+            type: string;
+            colour: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/storybook-build/src/components/AlertBar/index.d.ts

@@ -0,0 +1,13 @@
+import { MouseEventHandler } from 'react';
+
+export interface Props {
+    id?: string;
+    className?: string;
+    type?: 'success' | 'warning' | 'error' | 'info';
+    text?: string;
+    textCenter?: boolean;
+    isDismissable?: boolean;
+    onDismissClick?: MouseEventHandler;
+}
+declare const AlertBar: ({ id, className, type, text, textCenter, isDismissable, onDismissClick, }: Props) => JSX.Element;
+export default AlertBar;

package/storybook-build/src/components/Avatar/Avatar.stories.d.ts

@@ -0,0 +1,44 @@
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: import('react').FC<{}>;
+    argTypes: {
+        id: {
+            description: string;
+            control: {
+                type: string;
+                default: boolean;
+            };
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        className: {
+            description: string;
+            control: {
+                type: string;
+                default: boolean;
+            };
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+    };
+    args: {};
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/storybook-build/src/components/Avatar/index.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+
+declare const Avatar: React.FC;
+export default Avatar;

package/storybook-build/src/components/index.d.ts

@@ -0,0 +1,7 @@
+import { default as BreadcrumbsItem } from '../../archive/BreadcrumbsItem';
+import { default as BreadcrumbsBordered } from '../../archive/BreadcrumbsBordered';
+import { default as Breadcrumbs } from '../../archive/Breadcrumbs';
+import { default as AlertBar } from './AlertBar';
+import { default as Accordion } from './Accordion';
+
+export { Accordion, AlertBar, Breadcrumbs, BreadcrumbsBordered, BreadcrumbsItem, };

package/storybook-build/src/index.d.ts

@@ -0,0 +1 @@
+export * from './components';

package/storybook-build/src/utils/controls.d.ts

@@ -0,0 +1,36 @@
+export type Colours = 'primary' | 'secondary' | 'white' | 'black' | 'grey' | 'gold' | 'facebook' | 'linkedin' | 'email' | 'instagram' | 'github' | 'interactive-facebook' | 'interactive-email' | 'interactive-linkedin' | 'interactive-instagram' | 'interactive-github' | 'success' | 'error' | 'ink' | 'transparent';
+export type SocialTypes = 'facebook' | 'instagram' | 'github' | 'linkedin';
+export declare const idAndClassName: {
+    id: {
+        description: string;
+        control: {
+            type: string;
+            default: boolean;
+        };
+        table: {
+            category: string;
+            type: {
+                summary: string;
+            };
+            defaultValue: {
+                summary: string;
+            };
+        };
+    };
+    className: {
+        description: string;
+        control: {
+            type: string;
+            default: boolean;
+        };
+        table: {
+            category: string;
+            type: {
+                summary: string;
+            };
+            defaultValue: {
+                summary: string;
+            };
+        };
+    };
+};

package/storybook-build/src/utils/matchMedia.d.ts

@@ -0,0 +1,2 @@
+declare const MatchMedia: (query: string) => boolean;
+export default MatchMedia;

package/storybook-build/src/utils/screens.d.ts

@@ -0,0 +1,7 @@
+export declare const Screens: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+};

package/storybook-build/src/utils/theme.d.ts

@@ -0,0 +1,3 @@
+export declare const setTheme: (theme: string) => void;
+export declare const getTheme: () => string;
+export declare function getTwVal<Type>(section: string, property: string): Type | undefined;

package/storybook-build/stories.json

@@ -0,0 +1 @@
+{"v":3,"stories":{"guides-introduction--docs":{"id":"guides-introduction--docs","title":"guides/Introduction","name":"Docs","importPath":"./src/documentation/Introduction.mdx","storiesImports":[],"tags":["unattached-mdx","docs"],"kind":"guides/Introduction","story":"Docs","parameters":{"__id":"guides-introduction--docs","docsOnly":true,"fileName":"./src/documentation/Introduction.mdx"}},"colour-palette--docs":{"id":"colour-palette--docs","title":"colour/Palette","name":"Docs","importPath":"./src/documentation/Colours.mdx","storiesImports":[],"tags":["unattached-mdx","docs"],"kind":"colour/Palette","story":"Docs","parameters":{"__id":"colour-palette--docs","docsOnly":true,"fileName":"./src/documentation/Colours.mdx"}},"components-accordion--default":{"id":"components-accordion--default","name":"Default","title":"Components/Accordion","importPath":"./src/components/Accordion/Accordion.stories.tsx","tags":["story"],"kind":"Components/Accordion","story":"Default","parameters":{"__id":"components-accordion--default","docsOnly":false,"fileName":"./src/components/Accordion/Accordion.stories.tsx"}},"components-alert-bar--default":{"id":"components-alert-bar--default","name":"Default","title":"Components/Alert Bar","importPath":"./src/components/AlertBar/AlertBar.stories.tsx","tags":["story"],"kind":"Components/Alert Bar","story":"Default","parameters":{"__id":"components-alert-bar--default","docsOnly":false,"fileName":"./src/components/AlertBar/AlertBar.stories.tsx"}},"components-avatar--default":{"id":"components-avatar--default","name":"Default","title":"Components/Avatar","importPath":"./src/components/Avatar/Avatar.stories.tsx","tags":["story"],"kind":"Components/Avatar","story":"Default","parameters":{"__id":"components-avatar--default","docsOnly":false,"fileName":"./src/components/Avatar/Avatar.stories.tsx"}}}}

package/storybook-build/styles/base.css

@@ -0,0 +1,116 @@
+@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.0/css/all.min.css');
+
+@tailwind base;
+@tailwind components;
+
+.theme-local {
+  --color-primary: #0036a0;
+  --color-secondary: #e2e2e2;
+  --color-tertiary: #921457;
+  --color-ink: #495863;
+  --color-transparent: transparent;
+  --color-white: #ffffff;
+  --color-black: #000000;
+  --color-red: #bb0a1e;
+  --color-grey: #2c373b;
+  --color-light-grey: #495c63;
+  --color-lightest-grey: #f5f5f5;
+  --color-primary-strict: #ff007d;
+  --color-border: #d0d0d0;
+  --color-border-lightest: #eeeeee;
+  --color-border-light: #d8d8d8;
+  --color-border-dark: #616161;
+  --color-error-light: #ffd9d9;
+  --color-success-light: #e7f5e7;
+  --color-facebook: #3b5999;
+  --color-whatsapp: #25d366;
+  --color-twitter: #55acee;
+  --color-linkedin: #0a66c2;
+  --color-email: #c71610;
+  --color-github: #171515;
+  --color-instagram: #8a3ab9;
+  --color-interactive-facebook: #2d4474;
+  --color-interactive-whatsapp: #25d566;
+  --color-interactive-twitter: #55acee;
+  --color-interactive-linkedin: #0a66c2;
+  --color-interactive-instagram: #6d2e92;
+  --color-interactive-email: #9f110c;
+  --color-interactive-github: #000000;
+  --color-gold: #e2b13c;
+  --color-error: #b11013;
+  --color-warning: #ffd35c;
+  --color-success: #69c364;
+  --color-info-light: #d8eaf5;
+  --color-linkedin: #0e76a8;
+}
+
+@tailwind utilities;
+
+@font-face {
+  font-family: 'Sora';
+  src: url('../fonts/Sora/static/Sora-Thin.ttf') format('truetype');
+  font-weight: 100;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Sora';
+  src: url('../fonts/Sora/static/Sora-ExtraLight.ttf') format('truetype');
+  font-weight: 200;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Sora';
+  src: url('../fonts/Sora/static/Sora-Light.ttf') format('truetype');
+  font-weight: 300;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Sora';
+  src: url('../fonts/Sora/static/Sora-Regular.ttf') format('truetype');
+  font-weight: 400;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Sora';
+  src: url('../fonts/Sora/static/Sora-Medium.ttf') format('truetype');
+  font-weight: 500;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Sora';
+  src: url('../fonts/Sora/static/Sora-SemiBold.ttf') format('truetype');
+  font-weight: 600;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Sora';
+  src: url('../fonts/Sora/static/Sora-Bold.ttf') format('truetype');
+  font-weight: 700;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Sora';
+  src: url('../fonts/Sora/static/Sora-ExtraBold.ttf') format('truetype');
+  font-weight: 800;
+  font-style: normal;
+}
+
+.slick-track {
+  display: flex !important;
+}
+
+.slick-slide {
+  height: inherit !important;
+}
+
+.slick-slide > div {
+  height: 100%;
+  display: flex;
+}

package/svg.d.ts

@@ -0,0 +1,4 @@
+declare module '*.svg' {
+  const content: string;
+  export default content;
+}

package/tailwind.config.ts

@@ -0,0 +1,81 @@
+module.exports = {
+  content: ['./src/**/*.{js,tsx,jsx,ts,mdx}'],
+  theme: {
+    screens: {
+      sm: '550px',
+      md: '744px',
+      lg: '950px',
+      xl: '1128px',
+      '2xl': '1640px',
+      '3xl': '1880px',
+    },
+    fontFamily: {
+      sans: ['Sora', 'sans-serif'],
+    },
+    fontWeight: {
+      thin: '100',
+      extraLight: '200',
+      light: '300',
+      regular: '400',
+      medium: '500',
+      semiBold: '600',
+      bold: '700',
+      extraBold: '800',
+    },
+    fontSize: {
+      xxs: '8px',
+      xs: '12px',
+      sm: '16px',
+      md: '22px',
+      lg: '28px',
+      xl: '36px',
+      xxl: '48px',
+    },
+    colors: {
+      primary: 'var(--color-primary)',
+      secondary: 'var(--color-secondary)',
+      tertiary: 'var(--color-tertiary)',
+      ink: 'var(--color-ink)',
+      third: 'var(--color-third)',
+      transparent: 'var(--color-transparent)',
+      white: 'var(--color-white)',
+      black: 'var(--color-black)',
+      red: 'var(--color-red)',
+      grey: 'var(--color-grey)',
+      'light-grey': 'var(--color-light-grey)',
+      'lightest-grey': 'var(--color-lightest-grey)',
+      'primary-strict': 'var(--color-primary-strict)',
+      border: 'var(--color-border)',
+      'border-lightest': 'var(--color-border-lightest)',
+      'border-light': 'var(--color-border-light)',
+      'border-dark': 'var(--color-border-dark)',
+      'error-light': 'var(--color-error-light)',
+      'success-light': 'var(--color-success-light)',
+      facebook: 'var(--color-facebook)',
+      whatsapp: 'var(--color-whatsapp)',
+      twitter: 'var(--color-twitter)',
+      email: 'var(--color-email)',
+      github: 'var(--color-github)',
+      linkedin: 'var(--color-linkedin)',
+      instagram: 'var(--color-instagram)',
+      'interactive-facebook': 'var(--color-interactive-facebook)',
+      'interactive-whatsapp': 'var(--color-interactive-whatsapp)',
+      'interactive-twitter': 'var(--color-interactive-twitter)',
+      'interactive-linkedin': 'var(--color-interactive-linkedin)',
+      'interactive-instagram': 'var(--color-interactive-instagram)',
+      'interactive-email': 'var(--color-interactive-email)',
+      'interactive-github': 'var(--color-interactive-github)',
+      gold: 'var(--color-gold)',
+      error: 'var(--color-error)',
+      warning: 'var(--color-warning)',
+      success: 'var(--color-success)',
+      'info-light': 'var(--color-info-light)',
+    },
+    extend: {
+      scale: {
+        110: '1.1',
+      },
+    },
+  },
+  themes: [],
+};

package/tsconfig.json

@@ -0,0 +1,43 @@
+{
+  "compilerOptions": {
+    "baseUrl": ".",
+    "rootDirs": ["src", ".storybook/docs"],
+    "declaration": true,
+    "declarationDir": "lib",
+    "module": "esnext",
+    "target": "esnext",
+    "moduleDetection": "force",
+    "isolatedModules": true,
+    "lib": ["dom", "ES2022"],
+    "paths": {
+      "@assets/*": ["./src/assets/*"],
+      "@utils/*": ["./src/utils/*"],
+      "@components/*": ["src/components/*"]
+    },
+    "sourceMap": true,
+    "jsx": "react-jsx",
+    "moduleResolution": "node",
+    "noEmit": true,
+    "allowSyntheticDefaultImports": true,
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "types": ["react", "vite-plugin-svgr/client"],
+    "noUncheckedIndexedAccess": true,
+    "resolveJsonModule": true
+  },
+  "include": [
+    "src",
+    ".storybook/storybookDecorators.tsx",
+    ".storybook/docs",
+    "tailwind.config.ts",
+    "tailwind"
+, "archive/Video", "archive/BreadcrumbsItem", "archive/BreadcrumbsBordered", "archive/Breadcrumbs", "archive/typography"  ],
+  "files": ["svg.d.ts"],
+  "exclude": ["node_modules", "lib"],
+  "references": [
+    {
+      "path": "./tsconfig.node.json"
+    }
+  ]
+}

package/tsconfig.node.json

@@ -0,0 +1,12 @@
+{
+  "compilerOptions": {
+    "composite": true,
+    "module": "ESNext",
+    "target": "ESNext",
+    "moduleResolution": "Node",
+    "allowSyntheticDefaultImports": true,
+    "resolveJsonModule": true
+  },
+  "include": ["vite.config.mjs", "package.json"],
+  "exclude": ["dist"]
+}