trepur_components 2.3.7 → 2.3.9

package/lib/components/AlertBar/AlertBar.stories.d.ts

@@ -1,162 +0,0 @@
-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/lib/components/AlertBar/index.d.ts

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

package/lib/components/AlertBar/index.js

@@ -1,49 +0,0 @@
-import { jsx as e } from "react/jsx-runtime";
-import { useState as m } from "react";
-import t from "classnames";
-const x = ({
-  id: a,
-  className: o,
-  type: s = "warning",
-  text: i,
-  // leftIconProps,
-  // rightIconProps,
-  textCenter: n = !1,
-  isDismissable: c = !1,
-  onDismissClick: d
-}) => {
-  const [r, f] = m({
-    state: "open",
-    display: !0
-  }), l = t({
-    "bg-success": s === "success",
-    "bg-warning": s === "warning",
-    "bg-error": s === "error",
-    "bg-info-light": s === "info"
-  }), p = t({
-    "opacity-100": r.state === "open",
-    "opacity-0": r.state === "closed",
-    hidden: !r.display
-  }), u = t(
-    o,
-    l,
-    p,
-    "flex py-2 text-white duration-700  w-parent transition-opactiy"
-  ), g = t(
-    {
-      "text-center": n
-      // 'pl-20': !textCenter && leftIconProps !== null,
-      // 'pl-4': !textCenter && leftIconProps === null,
-    },
-    "w-full py-3"
-  );
-  return t(
-    {
-      "hover:cursor-pointer": c
-    },
-    "absolute right-0 pr-8 pt-3"
-  ), /* @__PURE__ */ e("div", { id: a, className: u, children: /* @__PURE__ */ e("h3", { className: g, children: i }) });
-};
-export {
-  x as AlertBar
-};

package/lib/components/Avatar/Avatar.stories.d.ts

@@ -1,44 +0,0 @@
-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/lib/components/Avatar/index.d.ts

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

package/lib/components/index.d.ts

@@ -1,4 +0,0 @@
-import { AlertBar } from './AlertBar';
-import { Accordion } from './Accordion';
-
-export { Accordion, AlertBar, };

package/lib/index.d.ts

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

package/lib/index.js

@@ -1,6 +0,0 @@
-import { Accordion as e } from "./components/Accordion/index.js";
-import { AlertBar as c } from "./components/AlertBar/index.js";
-export {
-  e as Accordion,
-  c as AlertBar
-};

package/lib/styles/global.css

@@ -1,75 +0,0 @@
-@import './themes/palette.css';
-@import './themes/local.css';
-
-@tailwind base;
-@tailwind components;
-@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/lib/styles/themes/local.css

@@ -1,40 +0,0 @@
-body {
-    --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;
-  }

package/lib/styles/themes/palette.css

@@ -1,131 +0,0 @@
-* {
-  /* Palette */
-  --hsl-black: 0 0% 0%;
-  --hsl-white: 0 0% 100%;
-
-  /* Blue */
-  --hsl-blue-100: 240 100% 15%;
-  --hsl-blue-90: 240 91% 26%;
-  --hsl-blue-80: 239 82.1% 44%;
-  --hsl-blue-70: 235 89.8% 57.8%;
-  --hsl-blue-60: 233 92.4% 63.7%;
-  --hsl-blue-50: 230 94.7% 70.4%;
-  --hsl-blue-40: 227 96.4% 78.4%;
-  --hsl-blue-30: 224 97% 87.1%;
-  --hsl-blue-20: 222 100% 91.6%;
-  --hsl-blue-10: 222 100% 96.1%;
-
-  /* Cyan */
-  --hsl-cyan-100: 198.1 96.4% 10.8%;
-  --hsl-cyan-90: 198 100% 18.6%;
-  --hsl-cyan-80: 198.3 93.8% 31.6%;
-  --hsl-cyan-70: 197.9 85.1% 39.4%;
-  --hsl-cyan-60: 198 73.5% 48.8%;
-  --hsl-cyan-50: 197.9 91.1% 60.4%;
-  --hsl-cyan-40: 198 91.1% 69.2%;
-  --hsl-cyan-30: 198.2 92.7% 78.4%;
-  --hsl-cyan-20: 198.3 93.7% 87.6%;
-  --hsl-cyan-10: 200 100% 97.1%;
-
-  /* Fuchsia */
-  --hsl-fuchsia-100: 296.9 54.9% 13.9%;
-  --hsl-fuchsia-90: 297.4 60% 22.5%;
-  --hsl-fuchsia-80: 298.2 66.7% 38.8%;
-  --hsl-fuchsia-70: 297.8 67.6% 47.3%;
-  --hsl-fuchsia-60: 297.8 85.7% 56.3%;
-  --hsl-fuchsia-50: 297.8 94.3% 65.5%;
-  --hsl-fuchsia-40: 300 100% 75.1%;
-  --hsl-fuchsia-30: 300 100% 86.1%;
-  --hsl-fuchsia-20: 300 100% 91.6%;
-  --hsl-fuchsia-10: 296 100% 97.1%;
-
-  /* Green */
-  --hsl-green-100: 140.6 94.6% 7.3%;
-  --hsl-green-90: 135.6 73% 14.5%;
-  --hsl-green-80: 136.4 67.7% 25.5%;
-  --hsl-green-70: 139.6 68.5% 32.4%;
-  --hsl-green-60: 140.2 54.7% 45.9%;
-  --hsl-green-50: 139.8 55.4% 65.7%;
-  --hsl-green-40: 140.3 64.4% 80.2%;
-  --hsl-green-30: 135.6 73.5% 86.7%;
-  --hsl-green-20: 136 75% 92.2%;
-  --hsl-green-10: 138 100% 98%;
-
-  /* Neutral */
-  --hsl-neutral-99: 216.7 64.3% 5.5%;
-  --hsl-neutral-95: 220.9 39.3% 11%;
-  --hsl-neutral-90: 223.6 27.5% 15.7%;
-  --hsl-neutral-85: 222 19.6% 20%;
-  --hsl-neutral-80: 222.4 11.6% 28.8%;
-  --hsl-neutral-70: 221.3 8.3% 37.6%;
-  --hsl-neutral-60: 221.5 5.5% 46.5%;
-  --hsl-neutral-50: 223.6 4.8% 55.5%;
-  --hsl-neutral-40: 220 5% 64.5%;
-  --hsl-neutral-30: 220 5.3% 77.6%;
-  --hsl-neutral-25: 216 5.5% 82.2%;
-  --hsl-neutral-20: 225 5.9% 86.7%;
-  --hsl-neutral-15: 210 4.3% 91%;
-  --hsl-neutral-10: 180 4.3% 95.5%;
-  --hsl-neutral-5: 210 20% 98%;
-  --hsl-neutral-1: 0 0% 99.6%;
-
-  /* Orange */
-  --hsl-orange-100: 23.6 57.9% 11.2%;
-  --hsl-orange-90: 24.7 64.2% 20.8%;
-  --hsl-orange-80: 25.1 68.6% 30%;
-  --hsl-orange-70: 24.8 72.5% 48.4%;
-  --hsl-orange-60: 24.8 88.5% 55.5%;
-  --hsl-orange-50: 26 100% 66.5%;
-  --hsl-orange-40: 28.3 100% 75.9%;
-  --hsl-orange-30: 28.1 100% 87.5%;
-  --hsl-orange-20: 27.4 100% 93.1%;
-  --hsl-orange-10: 30 100% 98.4%;
-
-  /* Purple */
-  --hsl-purple-100: 265.5 60.6% 12.9%;
-  --hsl-purple-90: 266.1 85.7% 24.7%;
-  --hsl-purple-80: 266 83.6% 40.6%;
-  --hsl-purple-70: 265.9 78% 50%;
-  --hsl-purple-60: 266 85.2% 60.2%;
-  --hsl-purple-50: 265.7 97.2% 72.2%;
-  --hsl-purple-40: 266.1 96.4% 78%;
-  --hsl-purple-30: 266.2 97.5% 84.3%;
-  --hsl-purple-20: 266.1 95.8% 90.6%;
-  --hsl-purple-10: 264 100% 97.1%;
-
-  /* Red */
-  --hsl-red-100: 356.6 63.6% 10.8%;
-  --hsl-red-90: 356.3 69.9% 18.2%;
-  --hsl-red-80: 356.9 74% 25.7%;
-  --hsl-red-70: 356.8 77.4% 32.9%;
-  --hsl-red-60: 356.9 75.9% 45.5%;
-  --hsl-red-50: 356.5 87.9% 57.8%;
-  --hsl-red-40: 356.8 89.2% 71%;
-  --hsl-red-30: 357.5 89.9% 84.5%;
-  --hsl-red-20: 357 90.9% 91.4%;
-  --hsl-red-10: 352.5 100% 98.4%;
-
-  /* Teal */
-  --hsl-teal-100: 177.1 44.7% 9.2%;
-  --hsl-teal-90: 180 51.3% 15.3%;
-  --hsl-teal-80: 179.1 61.9% 20.6%;
-  --hsl-teal-70: 179.3 70.8% 25.5%;
-  --hsl-teal-60: 178.9 100% 30.8%;
-  --hsl-teal-50: 179 91.9% 38.6%;
-  --hsl-teal-40: 178.9 64.8% 52.2%;
-  --hsl-teal-30: 178.7 68.4% 73.9%;
-  --hsl-teal-20: 178.8 69.9% 85.7%;
-  --hsl-teal-10: 180 100% 98.4%;
-
-  /* Yellow */
-  --hsl-yellow-100: 47 85.2% 10.6%;
-  --hsl-yellow-90: 46.9 90.7% 16.9%;
-  --hsl-yellow-80: 46.9 94.8% 22.7%;
-  --hsl-yellow-70: 47.1 94.5% 35.7%;
-  --hsl-yellow-60: 46.9 89.1% 43.3%;
-  --hsl-yellow-50: 46.8 88.4% 52.5%;
-  --hsl-yellow-40: 46.9 97.7% 66.1%;
-  --hsl-yellow-30: 46.7 100% 82.4%;
-  --hsl-yellow-20: 46.5 100% 90.4%;
-  --hsl-yellow-10: 45 100% 98.4%;
-}

package/lib/tailwind/boxShadow.ts

@@ -1,9 +0,0 @@
-/* eslint-disable sort-keys */
-
-export default {
-  sm: 'var(--shadow-sm)',
-  DEFAULT: 'var(--shadow)',
-  md: 'var(--shadow-md)',
-  lg: 'var(--shadow-lg)',
-  xl: 'var(--shadow-xl)',
-};