trepur_components 2.3.4 → 2.3.6

package/archive/theme.ts

@@ -1,4 +1,4 @@
-import  from '../../tailwind.config.js';
+import tailwindConfig from '../tailwind.config'
 
 // const tokenUnits: string[] = ['em', 'ex', '%', 'px', 'cm', 'mm', 'in', 'pt', 'pc', 'ch', 'rem', 'vh', 'vw', 'vmin', 'vmax']
 let themeName: string;

package/lib/components/Accordion/index.d.ts

@@ -5,5 +5,4 @@ export interface Props {
     className?: string;
     items: any;
 }
-declare const Accordion: React.FC<Props>;
-export default Accordion;
+export declare const Accordion: React.FC<Props>;

package/lib/components/Accordion/index.js

@@ -1,15 +1,15 @@
-import { jsx as r } from "react/jsx-runtime";
-import n from "classnames";
-const d = ({
+import { jsx as o } from "react/jsx-runtime";
+import e from "classnames";
+const i = ({
   id: c,
   className: a,
-  items: o
-}) => /* @__PURE__ */ r("div", { id: c, className: n(a, "theme-local"), children: o == null ? void 0 : o.map((e, l) => (
+  items: r
+}) => /* @__PURE__ */ o("div", { id: c, className: e(a, "theme-local"), children: r == null ? void 0 : r.map((l, m) => (
   // <Collapsible key={`collapsible_item_${i}`} {...item}>
   //   {item.children}
   // </Collapsible>
-  /* @__PURE__ */ r("div", {})
-)) }), m = d;
+  /* @__PURE__ */ o("div", {})
+)) });
 export {
-  m as default
+  i as Accordion
 };

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

@@ -9,5 +9,4 @@ export interface Props {
     isDismissable?: boolean;
     onDismissClick?: MouseEventHandler;
 }
-declare const AlertBar: ({ id, className, type, text, textCenter, isDismissable, onDismissClick, }: Props) => JSX.Element;
-export default AlertBar;
+export declare const AlertBar: ({ id, className, type, text, textCenter, isDismissable, onDismissClick, }: Props) => JSX.Element;

package/lib/components/AlertBar/index.js

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

package/lib/components/index.d.ts

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

package/lib/index.js

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

package/lib/styles/{base.css → global.css}

@@ -1,49 +1,7 @@
-@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.0/css/all.min.css');
+@import './themes/local.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 {

package/lib/styles/themes/local.css

@@ -0,0 +1,40 @@
+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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "trepur_components",
-  "version": "2.3.4",
+  "version": "2.3.6",
   "description": "component lib",
   "author": "trepur_ttenneb",
   "private": false,

package/postcss.config.js

@@ -0,0 +1,8 @@
+const config = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+};
+
+export default config;

package/src/components/Accordion/Accordion.stories.tsx

@@ -1,7 +1,7 @@
 import { Meta, StoryObj } from '@storybook/react';
 import { idAndClassName } from '@utils/controls';
 
-import Accordion from '.';
+import { Accordion } from '.';
 
 const propItems = [
   {

package/src/components/Accordion/index.tsx

@@ -8,7 +8,7 @@ export interface Props {
   items: any;
 }
 
-const Accordion: React.FC<Props> = ({
+export const Accordion: React.FC<Props> = ({
   id,
   className,
   items,
@@ -26,5 +26,3 @@ const Accordion: React.FC<Props> = ({
     </div>
   );
 };
-
-export default Accordion;

package/src/components/AlertBar/AlertBar.stories.tsx

@@ -1,7 +1,7 @@
 import { Meta, StoryObj } from '@storybook/react';
 import { idAndClassName } from '@utils/controls';
 
-import AlertBar from '.';
+import { AlertBar } from '.';
 
 const meta = {
   title: 'Components/Alert Bar',

package/src/components/AlertBar/index.tsx

@@ -15,7 +15,7 @@ export interface Props {
   onDismissClick?: MouseEventHandler;
 }
 
-const AlertBar = ({
+export const AlertBar = ({
   id,
   className,
   type = 'warning',
@@ -52,7 +52,7 @@ const AlertBar = ({
     className,
     bgColor,
     alertBarState,
-    'flex py-2 text-white duration-700 theme-local w-parent transition-opactiy',
+    'flex py-2 text-white duration-700  w-parent transition-opactiy',
   );
 
   const textClassList = classNames(
@@ -111,5 +111,3 @@ const AlertBar = ({
     </div>
   );
 };
-
-export default AlertBar;

package/src/components/index.ts

@@ -1,5 +1,5 @@
-import Accordion from './Accordion';
-import AlertBar from './AlertBar';
+import { Accordion } from './Accordion';
+import { AlertBar } from './AlertBar';
 // import Breadcrumbs from '../../archive/Breadcrumbs';
 // import BreadcrumbsBordered from '../../archive/BreadcrumbsBordered';
 // import BreadcrumbsItem from '../../archive/BreadcrumbsItem';
@@ -60,9 +60,9 @@ import AlertBar from './AlertBar';
 export {
   Accordion,
   AlertBar,
-  Breadcrumbs,
-  BreadcrumbsBordered,
-  BreadcrumbsItem,
+  // Breadcrumbs,
+  // BreadcrumbsBordered,
+  // BreadcrumbsItem,
   // Button,
   // Calendar,
   // Card,

package/src/styles/{base.css → global.css}

@@ -1,49 +1,7 @@
-@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.0/css/all.min.css');
+@import './themes/local.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 {

package/src/styles/themes/local.css

@@ -0,0 +1,40 @@
+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/tsconfig.json

@@ -32,7 +32,7 @@
     ".storybook/docs",
     "tailwind.config.ts",
     "tailwind"
-, "archive/Video", "archive/BreadcrumbsItem", "archive/BreadcrumbsBordered", "archive/Breadcrumbs", "archive/typography"  ],
+, "archive/Video", "archive/BreadcrumbsItem", "archive/BreadcrumbsBordered", "archive/Breadcrumbs", "archive/typography", "archive/theme.ts"  ],
   "files": ["svg.d.ts"],
   "exclude": ["node_modules", "lib"],
   "references": [

package/storybook-build/assets/Accordion.stories-Cn994N1H.js

@@ -1,103 +0,0 @@
-var _a, _b, _c;
-import { j as jsxRuntimeExports } from "./jsx-runtime-D2-sc1j1.js";
-import { i as idAndClassName } from "./controls-DJSGrQKd.js";
-import { c as classNames } from "./index-CpyNLP69.js";
-import "./index-DM9bPmif.js";
-import "./_commonjsHelpers-LQfde5yM.js";
-const Accordion = ({
-  id,
-  className,
-  items
-}) => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { id, className: classNames(className, "theme-local"), children: items == null ? void 0 : items.map((item, i) => {
-    return (
-      // <Collapsible key={`collapsible_item_${i}`} {...item}>
-      //   {item.children}
-      // </Collapsible>
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", {})
-    );
-  }) });
-};
-try {
-  Accordion.displayName = "Accordion";
-  Accordion.__docgenInfo = { "description": "", "displayName": "Accordion", "props": { "id": { "defaultValue": null, "description": "", "name": "id", "required": false, "type": { "name": "string" } }, "className": { "defaultValue": null, "description": "", "name": "className", "required": false, "type": { "name": "string" } }, "items": { "defaultValue": null, "description": "", "name": "items", "required": true, "type": { "name": "any" } } } };
-} catch (__react_docgen_typescript_loader_error) {
-}
-const propItems = [{
-  preText: "This is some text",
-  title: "This is a title",
-  subtitle: "This is a subtitle",
-  imageProps: {
-    src: "https://picsum.photos/100/100"
-  },
-  children: /* @__PURE__ */ jsxRuntimeExports.jsx("p", {
-    children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam semper in neque in venenatis. Mauris scelerisque orci magna, et ultricies nulla lobortis ac. Aliquam vitae faucibus nisl. Nunc in tellus libero. Donec ut augue consequat, convallis risus in, pulvinar nibh. Duis mi nibh, posuere molestie pharetra cursus, viverra ut dolor. Vivamus eget arcu dui. Donec ullamcorper ornare justo sed feugiat. Curabitur aliquam lectus sed quam pharetra scelerisque. Integer vitae eleifend dolor. Duis luctus metus ipsum, et commodo magna bibendum quis. Quisque gravida leo sodales quam feugiat, id vulputate arcu pulvinar. Duis dictum gravida risus, et bibendum nunc condimentum eu."
-  })
-}, {
-  preText: "Lorem, ipsum dolor sit amet consectetur adipisicing elit. Repellendus nihil, molestias amet sed, corrupti debitis odit doloribus perspiciatis est, quasi illum culpa iusto. Molestias, ducimus. Provident, quibusdam fuga. Voluptatem, saepe.",
-  title: "This is a title",
-  imageProps: {
-    src: "https://picsum.photos/101/100"
-  },
-  children: /* @__PURE__ */ jsxRuntimeExports.jsx("p", {
-    children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam semper in neque in venenatis. Mauris scelerisque orci magna, et ultricies nulla lobortis ac. Aliquam vitae faucibus nisl. Nunc in tellus libero. Donec ut augue consequat, convallis risus in, pulvinar nibh. Duis mi nibh, posuere molestie pharetra cursus, viverra ut dolor. Vivamus eget arcu dui. Donec ullamcorper ornare justo sed feugiat. Curabitur aliquam lectus sed quam pharetra scelerisque. Integer vitae eleifend dolor. Duis luctus metus ipsum, et commodo magna bibendum quis. Quisque gravida leo sodales quam feugiat, id vulputate arcu pulvinar. Duis dictum gravida risus, et bibendum nunc condimentum eu."
-  })
-}, {
-  subtitle: "This is a subtitle",
-  imageProps: {
-    src: "https://picsum.photos/100/101"
-  },
-  children: /* @__PURE__ */ jsxRuntimeExports.jsx("p", {
-    children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam semper in neque in venenatis. Mauris scelerisque orci magna, et ultricies nulla lobortis ac. Aliquam vitae faucibus nisl. Nunc in tellus libero. Donec ut augue consequat, convallis risus in, pulvinar nibh. Duis mi nibh, posuere molestie pharetra cursus, viverra ut dolor. Vivamus eget arcu dui. Donec ullamcorper ornare justo sed feugiat. Curabitur aliquam lectus sed quam pharetra scelerisque. Integer vitae eleifend dolor. Duis luctus metus ipsum, et commodo magna bibendum quis. Quisque gravida leo sodales quam feugiat, id vulputate arcu pulvinar. Duis dictum gravida risus, et bibendum nunc condimentum eu."
-  })
-}, {
-  imageProps: {
-    src: "https://picsum.photos/102/100"
-  },
-  children: /* @__PURE__ */ jsxRuntimeExports.jsx("p", {
-    children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam semper in neque in venenatis. Mauris scelerisque orci magna, et ultricies nulla lobortis ac. Aliquam vitae faucibus nisl. Nunc in tellus libero. Donec ut augue consequat, convallis risus in, pulvinar nibh. Duis mi nibh, posuere molestie pharetra cursus, viverra ut dolor. Vivamus eget arcu dui. Donec ullamcorper ornare justo sed feugiat. Curabitur aliquam lectus sed quam pharetra scelerisque. Integer vitae eleifend dolor. Duis luctus metus ipsum, et commodo magna bibendum quis. Quisque gravida leo sodales quam feugiat, id vulputate arcu pulvinar. Duis dictum gravida risus, et bibendum nunc condimentum eu."
-  })
-}];
-const meta = {
-  title: "Components/Accordion",
-  component: Accordion,
-  argTypes: {
-    ...idAndClassName,
-    items: {
-      description: "An array of collapsible props",
-      control: {
-        type: "array",
-        default: void 0
-      },
-      table: {
-        category: "Accordion",
-        type: {
-          summary: "array"
-        },
-        defaultValue: {
-          summary: "undefined"
-        }
-      }
-    }
-  },
-  args: {
-    items: propItems
-  }
-};
-const Default = {};
-Default.parameters = {
-  ...Default.parameters,
-  docs: {
-    ...(_a = Default.parameters) == null ? void 0 : _a.docs,
-    source: {
-      originalSource: "{}",
-      ...(_c = (_b = Default.parameters) == null ? void 0 : _b.docs) == null ? void 0 : _c.source
-    }
-  }
-};
-const __namedExportsOrder = ["Default"];
-export {
-  Default,
-  __namedExportsOrder,
-  meta as default
-};