trepur_components 2.3.5 → 2.3.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (16) hide show
  1. package/lib/components/Accordion/index.d.ts +1 -2
  2. package/lib/components/Accordion/index.js +8 -8
  3. package/lib/components/AlertBar/index.d.ts +1 -2
  4. package/lib/components/AlertBar/index.js +13 -13
  5. package/lib/components/index.d.ts +2 -2
  6. package/lib/index.js +4 -4
  7. package/lib/styles/{base.css → global.css} +1 -44
  8. package/lib/styles/themes/local.css +40 -0
  9. package/package.json +1 -1
  10. package/src/components/Accordion/Accordion.stories.tsx +1 -1
  11. package/src/components/Accordion/index.tsx +1 -3
  12. package/src/components/AlertBar/AlertBar.stories.tsx +1 -1
  13. package/src/components/AlertBar/index.tsx +2 -4
  14. package/src/components/index.ts +2 -2
  15. package/src/styles/{base.css → global.css} +1 -44
  16. package/src/styles/themes/local.css +40 -0
package/lib/components/Accordion/index.d.ts CHANGED
@@ -5,5 +5,4 @@ export interface Props {
5
5
  className?: string;
6
6
  items: any;
7
7
  }
8
- declare const Accordion: React.FC<Props>;
9
- export default Accordion;
8
+ export declare const Accordion: React.FC<Props>;
package/lib/components/Accordion/index.js CHANGED
@@ -1,15 +1,15 @@
1
- import { jsx as r } from "react/jsx-runtime";
2
- import n from "classnames";
3
- const d = ({
1
+ import { jsx as o } from "react/jsx-runtime";
2
+ import e from "classnames";
3
+ const i = ({
4
4
  id: c,
5
5
  className: a,
6
- items: o
7
- }) => /* @__PURE__ */ r("div", { id: c, className: n(a, "theme-local"), children: o == null ? void 0 : o.map((e, l) => (
6
+ items: r
7
+ }) => /* @__PURE__ */ o("div", { id: c, className: e(a, "theme-local"), children: r == null ? void 0 : r.map((l, m) => (
8
8
  // <Collapsible key={`collapsible_item_${i}`} {...item}>
9
9
  // {item.children}
10
10
  // </Collapsible>
11
- /* @__PURE__ */ r("div", {})
12
- )) }), m = d;
11
+ /* @__PURE__ */ o("div", {})
12
+ )) });
13
13
  export {
14
- m as default
14
+ i as Accordion
15
15
  };
package/lib/components/AlertBar/index.d.ts CHANGED
@@ -9,5 +9,4 @@ export interface Props {
9
9
  isDismissable?: boolean;
10
10
  onDismissClick?: MouseEventHandler;
11
11
  }
12
- declare const AlertBar: ({ id, className, type, text, textCenter, isDismissable, onDismissClick, }: Props) => JSX.Element;
13
- export default AlertBar;
12
+ export declare const AlertBar: ({ id, className, type, text, textCenter, isDismissable, onDismissClick, }: Props) => JSX.Element;
package/lib/components/AlertBar/index.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { jsx as e } from "react/jsx-runtime";
2
- import { useState as d } from "react";
2
+ import { useState as m } from "react";
3
3
  import t from "classnames";
4
- const f = ({
4
+ const x = ({
5
5
  id: a,
6
6
  className: o,
7
7
  type: s = "warning",
@@ -9,13 +9,13 @@ const f = ({
9
9
  // leftIconProps,
10
10
  // rightIconProps,
11
11
  textCenter: n = !1,
12
- isDismissable: l = !1,
13
- onDismissClick: g
12
+ isDismissable: c = !1,
13
+ onDismissClick: d
14
14
  }) => {
15
- const [r, h] = d({
15
+ const [r, f] = m({
16
16
  state: "open",
17
17
  display: !0
18
- }), c = t({
18
+ }), l = t({
19
19
  "bg-success": s === "success",
20
20
  "bg-warning": s === "warning",
21
21
  "bg-error": s === "error",
@@ -26,10 +26,10 @@ const f = ({
26
26
  hidden: !r.display
27
27
  }), u = t(
28
28
  o,
29
- c,
29
+ l,
30
30
  p,
31
- "flex py-2 text-white duration-700 theme-local w-parent transition-opactiy"
32
- ), m = t(
31
+ "flex py-2 text-white duration-700 w-parent transition-opactiy"
32
+ ), g = t(
33
33
  {
34
34
  "text-center": n
35
35
  // 'pl-20': !textCenter && leftIconProps !== null,
@@ -39,11 +39,11 @@ const f = ({
39
39
  );
40
40
  return t(
41
41
  {
42
- "hover:cursor-pointer": l
42
+ "hover:cursor-pointer": c
43
43
  },
44
44
  "absolute right-0 pr-8 pt-3"
45
- ), /* @__PURE__ */ e("div", { id: a, className: u, children: /* @__PURE__ */ e("h3", { className: m, children: i }) });
46
- }, B = f;
45
+ ), /* @__PURE__ */ e("div", { id: a, className: u, children: /* @__PURE__ */ e("h3", { className: g, children: i }) });
46
+ };
47
47
  export {
48
- B as default
48
+ x as AlertBar
49
49
  };
package/lib/components/index.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { default as AlertBar } from './AlertBar';
2
- import { default as Accordion } from './Accordion';
1
+ import { AlertBar } from './AlertBar';
2
+ import { Accordion } from './Accordion';
3
3
 
4
4
  export { Accordion, AlertBar, };
package/lib/index.js CHANGED
@@ -1,6 +1,6 @@
1
- import { default as a } from "./components/Accordion/index.js";
2
- import { default as t } from "./components/AlertBar/index.js";
1
+ import { Accordion as e } from "./components/Accordion/index.js";
2
+ import { AlertBar as c } from "./components/AlertBar/index.js";
3
3
  export {
4
- a as Accordion,
5
- t as AlertBar
4
+ e as Accordion,
5
+ c as AlertBar
6
6
  };
package/lib/styles/{base.css → global.css} RENAMED
@@ -1,50 +1,7 @@
1
- @import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.0/css/all.min.css');
1
+ @import './themes/local.css';
2
2
 
3
3
  @tailwind base;
4
4
  @tailwind components;
5
-
6
-
7
- .theme-local {
8
- --color-primary: #0036a0;
9
- --color-secondary: #e2e2e2;
10
- --color-tertiary: #921457;
11
- --color-ink: #495863;
12
- --color-transparent: transparent;
13
- --color-white: #ffffff;
14
- --color-black: #000000;
15
- --color-red: #bb0a1e;
16
- --color-grey: #2c373b;
17
- --color-light-grey: #495c63;
18
- --color-lightest-grey: #f5f5f5;
19
- --color-primary-strict: #ff007d;
20
- --color-border: #d0d0d0;
21
- --color-border-lightest: #eeeeee;
22
- --color-border-light: #d8d8d8;
23
- --color-border-dark: #616161;
24
- --color-error-light: #ffd9d9;
25
- --color-success-light: #e7f5e7;
26
- --color-facebook: #3b5999;
27
- --color-whatsapp: #25d366;
28
- --color-twitter: #55acee;
29
- --color-linkedin: #0a66c2;
30
- --color-email: #c71610;
31
- --color-github: #171515;
32
- --color-instagram: #8a3ab9;
33
- --color-interactive-facebook: #2d4474;
34
- --color-interactive-whatsapp: #25d566;
35
- --color-interactive-twitter: #55acee;
36
- --color-interactive-linkedin: #0a66c2;
37
- --color-interactive-instagram: #6d2e92;
38
- --color-interactive-email: #9f110c;
39
- --color-interactive-github: #000000;
40
- --color-gold: #e2b13c;
41
- --color-error: #b11013;
42
- --color-warning: #ffd35c;
43
- --color-success: #69c364;
44
- --color-info-light: #d8eaf5;
45
- --color-linkedin: #0e76a8;
46
- }
47
-
48
5
  @tailwind utilities;
49
6
 
50
7
  @font-face {
package/lib/styles/themes/local.css ADDED
@@ -0,0 +1,40 @@
1
+ body {
2
+ --color-primary: #0036a0;
3
+ --color-secondary: #e2e2e2;
4
+ --color-tertiary: #921457;
5
+ --color-ink: #495863;
6
+ --color-transparent: transparent;
7
+ --color-white: #ffffff;
8
+ --color-black: #000000;
9
+ --color-red: #bb0a1e;
10
+ --color-grey: #2c373b;
11
+ --color-light-grey: #495c63;
12
+ --color-lightest-grey: #f5f5f5;
13
+ --color-primary-strict: #ff007d;
14
+ --color-border: #d0d0d0;
15
+ --color-border-lightest: #eeeeee;
16
+ --color-border-light: #d8d8d8;
17
+ --color-border-dark: #616161;
18
+ --color-error-light: #ffd9d9;
19
+ --color-success-light: #e7f5e7;
20
+ --color-facebook: #3b5999;
21
+ --color-whatsapp: #25d366;
22
+ --color-twitter: #55acee;
23
+ --color-linkedin: #0a66c2;
24
+ --color-email: #c71610;
25
+ --color-github: #171515;
26
+ --color-instagram: #8a3ab9;
27
+ --color-interactive-facebook: #2d4474;
28
+ --color-interactive-whatsapp: #25d566;
29
+ --color-interactive-twitter: #55acee;
30
+ --color-interactive-linkedin: #0a66c2;
31
+ --color-interactive-instagram: #6d2e92;
32
+ --color-interactive-email: #9f110c;
33
+ --color-interactive-github: #000000;
34
+ --color-gold: #e2b13c;
35
+ --color-error: #b11013;
36
+ --color-warning: #ffd35c;
37
+ --color-success: #69c364;
38
+ --color-info-light: #d8eaf5;
39
+ --color-linkedin: #0e76a8;
40
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "trepur_components",
3
- "version": "2.3.5",
3
+ "version": "2.3.6",
4
4
  "description": "component lib",
5
5
  "author": "trepur_ttenneb",
6
6
  "private": false,
package/src/components/Accordion/Accordion.stories.tsx CHANGED
@@ -1,7 +1,7 @@
1
1
  import { Meta, StoryObj } from '@storybook/react';
2
2
  import { idAndClassName } from '@utils/controls';
3
3
 
4
- import Accordion from '.';
4
+ import { Accordion } from '.';
5
5
 
6
6
  const propItems = [
7
7
  {
package/src/components/Accordion/index.tsx CHANGED
@@ -8,7 +8,7 @@ export interface Props {
8
8
  items: any;
9
9
  }
10
10
 
11
- const Accordion: React.FC<Props> = ({
11
+ export const Accordion: React.FC<Props> = ({
12
12
  id,
13
13
  className,
14
14
  items,
@@ -26,5 +26,3 @@ const Accordion: React.FC<Props> = ({
26
26
  </div>
27
27
  );
28
28
  };
29
-
30
- export default Accordion;
package/src/components/AlertBar/AlertBar.stories.tsx CHANGED
@@ -1,7 +1,7 @@
1
1
  import { Meta, StoryObj } from '@storybook/react';
2
2
  import { idAndClassName } from '@utils/controls';
3
3
 
4
- import AlertBar from '.';
4
+ import { AlertBar } from '.';
5
5
 
6
6
  const meta = {
7
7
  title: 'Components/Alert Bar',
package/src/components/AlertBar/index.tsx CHANGED
@@ -15,7 +15,7 @@ export interface Props {
15
15
  onDismissClick?: MouseEventHandler;
16
16
  }
17
17
 
18
- const AlertBar = ({
18
+ export const AlertBar = ({
19
19
  id,
20
20
  className,
21
21
  type = 'warning',
@@ -52,7 +52,7 @@ const AlertBar = ({
52
52
  className,
53
53
  bgColor,
54
54
  alertBarState,
55
- 'flex py-2 text-white duration-700 theme-local w-parent transition-opactiy',
55
+ 'flex py-2 text-white duration-700 w-parent transition-opactiy',
56
56
  );
57
57
 
58
58
  const textClassList = classNames(
@@ -111,5 +111,3 @@ const AlertBar = ({
111
111
  </div>
112
112
  );
113
113
  };
114
-
115
- export default AlertBar;
package/src/components/index.ts CHANGED
@@ -1,5 +1,5 @@
1
- import Accordion from './Accordion';
2
- import AlertBar from './AlertBar';
1
+ import { Accordion } from './Accordion';
2
+ import { AlertBar } from './AlertBar';
3
3
  // import Breadcrumbs from '../../archive/Breadcrumbs';
4
4
  // import BreadcrumbsBordered from '../../archive/BreadcrumbsBordered';
5
5
  // import BreadcrumbsItem from '../../archive/BreadcrumbsItem';
package/src/styles/{base.css → global.css} RENAMED
@@ -1,50 +1,7 @@
1
- @import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.0/css/all.min.css');
1
+ @import './themes/local.css';
2
2
 
3
3
  @tailwind base;
4
4
  @tailwind components;
5
-
6
-
7
- .theme-local {
8
- --color-primary: #0036a0;
9
- --color-secondary: #e2e2e2;
10
- --color-tertiary: #921457;
11
- --color-ink: #495863;
12
- --color-transparent: transparent;
13
- --color-white: #ffffff;
14
- --color-black: #000000;
15
- --color-red: #bb0a1e;
16
- --color-grey: #2c373b;
17
- --color-light-grey: #495c63;
18
- --color-lightest-grey: #f5f5f5;
19
- --color-primary-strict: #ff007d;
20
- --color-border: #d0d0d0;
21
- --color-border-lightest: #eeeeee;
22
- --color-border-light: #d8d8d8;
23
- --color-border-dark: #616161;
24
- --color-error-light: #ffd9d9;
25
- --color-success-light: #e7f5e7;
26
- --color-facebook: #3b5999;
27
- --color-whatsapp: #25d366;
28
- --color-twitter: #55acee;
29
- --color-linkedin: #0a66c2;
30
- --color-email: #c71610;
31
- --color-github: #171515;
32
- --color-instagram: #8a3ab9;
33
- --color-interactive-facebook: #2d4474;
34
- --color-interactive-whatsapp: #25d566;
35
- --color-interactive-twitter: #55acee;
36
- --color-interactive-linkedin: #0a66c2;
37
- --color-interactive-instagram: #6d2e92;
38
- --color-interactive-email: #9f110c;
39
- --color-interactive-github: #000000;
40
- --color-gold: #e2b13c;
41
- --color-error: #b11013;
42
- --color-warning: #ffd35c;
43
- --color-success: #69c364;
44
- --color-info-light: #d8eaf5;
45
- --color-linkedin: #0e76a8;
46
- }
47
-
48
5
  @tailwind utilities;
49
6
 
50
7
  @font-face {
package/src/styles/themes/local.css ADDED
@@ -0,0 +1,40 @@
1
+ body {
2
+ --color-primary: #0036a0;
3
+ --color-secondary: #e2e2e2;
4
+ --color-tertiary: #921457;
5
+ --color-ink: #495863;
6
+ --color-transparent: transparent;
7
+ --color-white: #ffffff;
8
+ --color-black: #000000;
9
+ --color-red: #bb0a1e;
10
+ --color-grey: #2c373b;
11
+ --color-light-grey: #495c63;
12
+ --color-lightest-grey: #f5f5f5;
13
+ --color-primary-strict: #ff007d;
14
+ --color-border: #d0d0d0;
15
+ --color-border-lightest: #eeeeee;
16
+ --color-border-light: #d8d8d8;
17
+ --color-border-dark: #616161;
18
+ --color-error-light: #ffd9d9;
19
+ --color-success-light: #e7f5e7;
20
+ --color-facebook: #3b5999;
21
+ --color-whatsapp: #25d366;
22
+ --color-twitter: #55acee;
23
+ --color-linkedin: #0a66c2;
24
+ --color-email: #c71610;
25
+ --color-github: #171515;
26
+ --color-instagram: #8a3ab9;
27
+ --color-interactive-facebook: #2d4474;
28
+ --color-interactive-whatsapp: #25d566;
29
+ --color-interactive-twitter: #55acee;
30
+ --color-interactive-linkedin: #0a66c2;
31
+ --color-interactive-instagram: #6d2e92;
32
+ --color-interactive-email: #9f110c;
33
+ --color-interactive-github: #000000;
34
+ --color-gold: #e2b13c;
35
+ --color-error: #b11013;
36
+ --color-warning: #ffd35c;
37
+ --color-success: #69c364;
38
+ --color-info-light: #d8eaf5;
39
+ --color-linkedin: #0e76a8;
40
+ }