trepur_components 2.3.27 → 2.3.28

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.
@@ -4,40 +4,6 @@ import { StoryObj } from '@storybook/react';
4
4
  declare const meta: {
5
5
  title: string;
6
6
  component: any;
7
- argTypes: {
8
- id: {
9
- description: string;
10
- control: {
11
- type: string;
12
- default: boolean;
13
- };
14
- table: {
15
- category: string;
16
- type: {
17
- summary: string;
18
- };
19
- defaultValue: {
20
- summary: string;
21
- };
22
- };
23
- };
24
- className: {
25
- description: string;
26
- control: {
27
- type: string;
28
- default: boolean;
29
- };
30
- table: {
31
- category: string;
32
- type: {
33
- summary: string;
34
- };
35
- defaultValue: {
36
- summary: string;
37
- };
38
- };
39
- };
40
- };
41
7
  args: {
42
8
  children: import("react/jsx-runtime").JSX.Element[];
43
9
  };
@@ -22,7 +22,7 @@ export interface CarouselContextProps {
22
22
  duration?: number;
23
23
  easing?: (t: number) => number;
24
24
  };
25
- disabled: boolean;
25
+ disabled?: boolean;
26
26
  drag?: boolean;
27
27
  dragSpeed?: number;
28
28
  initial?: number;
@@ -12,12 +12,12 @@ const g = I(null), A = h(
12
12
  children: t,
13
13
  className: a,
14
14
  loop: e,
15
- perView: l,
15
+ perView: n,
16
16
  rubberband: r,
17
- spacing: n,
17
+ spacing: c,
18
18
  ...i
19
- }, x) => {
20
- const [f, u] = k(1), [y, c] = k(!1), [C, p] = $(
19
+ }, y) => {
20
+ const [f, u] = k(1), [x, l] = k(!1), [C, p] = $(
21
21
  {
22
22
  breakpoints: s,
23
23
  loop: e,
@@ -26,11 +26,11 @@ const g = I(null), A = h(
26
26
  u(d.track.details.rel);
27
27
  },
28
28
  created() {
29
- c(!0);
29
+ l(!0);
30
30
  },
31
31
  slides: {
32
- spacing: n,
33
- perView: l
32
+ spacing: c,
33
+ perView: n
34
34
  }
35
35
  },
36
36
  [M]
@@ -40,7 +40,7 @@ const g = I(null), A = h(
40
40
  instanceRef: p,
41
41
  currentSlide: f,
42
42
  setCurrentSlide: u,
43
- perView: l,
43
+ perView: n,
44
44
  ...i
45
45
  }),
46
46
  [
@@ -49,8 +49,8 @@ const g = I(null), A = h(
49
49
  p.current,
50
50
  f,
51
51
  u,
52
- l,
53
- y
52
+ n,
53
+ x
54
54
  ]
55
55
  ), N = (d) => {
56
56
  var v;
@@ -61,7 +61,7 @@ const g = I(null), A = h(
61
61
  {
62
62
  onKeyDown: N,
63
63
  className: m("navigation-wrapper w-full", a),
64
- ref: x,
64
+ ref: y,
65
65
  ...i,
66
66
  children: t
67
67
  }
@@ -90,7 +90,7 @@ const g = I(null), A = h(
90
90
  }
91
91
  );
92
92
  }), R = h(({ className: s, rightArrow: t = !1, ...a }, e) => {
93
- const { instanceRef: l } = b(g) || {};
93
+ const { instanceRef: n } = b(g) || {};
94
94
  return /* @__PURE__ */ o(
95
95
  "div",
96
96
  {
@@ -100,24 +100,24 @@ const g = I(null), A = h(
100
100
  s
101
101
  ),
102
102
  onClick: (r) => {
103
- var n, i;
104
- t ? r.stopPropagation() !== void 0 || ((n = l.current) == null || n.next()) : r.stopPropagation() !== void 0 || ((i = l.current) == null || i.prev());
103
+ var c, i;
104
+ t ? r.stopPropagation() !== void 0 || ((c = n.current) == null || c.next()) : r.stopPropagation() !== void 0 || ((i = n.current) == null || i.prev());
105
105
  },
106
106
  ...a,
107
107
  children: /* @__PURE__ */ o("a", { children: /* @__PURE__ */ o(j, { icon: t ? L : O, size: "3x" }) })
108
108
  }
109
109
  );
110
110
  }), z = h(({ className: s, ...t }, a) => {
111
- var x, f, u, y;
111
+ var y, f, u, x;
112
112
  const {
113
113
  instanceRef: e,
114
- loop: l,
114
+ loop: n,
115
115
  currentSlide: r = 1,
116
- perView: n = 1
117
- } = b(g) || {}, i = (y = (u = (f = (x = e == null ? void 0 : e.current) == null ? void 0 : x.track) == null ? void 0 : f.details) == null ? void 0 : u.slides) == null ? void 0 : y.length;
118
- return /* @__PURE__ */ o("div", { className: m("flex justify-center", s), children: [...Array(i).keys()].map((c) => {
116
+ perView: c = 1
117
+ } = b(g) || {}, i = (x = (u = (f = (y = e == null ? void 0 : e.current) == null ? void 0 : y.track) == null ? void 0 : f.details) == null ? void 0 : u.slides) == null ? void 0 : x.length;
118
+ return /* @__PURE__ */ o("div", { className: m("flex justify-center", s), children: [...Array(i).keys()].map((l) => {
119
119
  var w, N, d, v;
120
- const C = ((v = (d = (N = (w = e == null ? void 0 : e.current) == null ? void 0 : w.track) == null ? void 0 : N.details) == null ? void 0 : d.slides) == null ? void 0 : v.length) ?? 1, p = l ? r + n <= C ? c >= r && c < r + n : c >= r || r + n - C - 1 >= c : r === c;
120
+ const C = ((v = (d = (N = (w = e == null ? void 0 : e.current) == null ? void 0 : w.track) == null ? void 0 : N.details) == null ? void 0 : d.slides) == null ? void 0 : v.length) ?? 1, p = n ? r + c <= C ? l >= r && l < r + c : l >= r || r + c - C - 1 >= l : r === l;
121
121
  return /* @__PURE__ */ o(
122
122
  "button",
123
123
  {
@@ -125,7 +125,7 @@ const g = I(null), A = h(
125
125
  type: "button",
126
126
  onClick: () => {
127
127
  var S;
128
- (S = e.current) == null || S.moveToIdx(c);
128
+ (S = e.current) == null || S.moveToIdx(l);
129
129
  },
130
130
  "aria-label": `carousel-button${t.id ? `-${t.id}` : ""}`,
131
131
  children: /* @__PURE__ */ o(
@@ -139,7 +139,8 @@ const g = I(null), A = h(
139
139
  size: "2x"
140
140
  }
141
141
  )
142
- }
142
+ },
143
+ l
143
144
  );
144
145
  }) });
145
146
  });
@@ -14,40 +14,6 @@ declare const meta: {
14
14
  Text: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLParagraphElement> & import('react').RefAttributes<HTMLParagraphElement>>;
15
15
  };
16
16
  parameters: {};
17
- argTypes: {
18
- id: {
19
- description: string;
20
- control: {
21
- type: string;
22
- default: boolean;
23
- };
24
- table: {
25
- category: string;
26
- type: {
27
- summary: string;
28
- };
29
- defaultValue: {
30
- summary: string;
31
- };
32
- };
33
- };
34
- className: {
35
- description: string;
36
- control: {
37
- type: string;
38
- default: boolean;
39
- };
40
- table: {
41
- category: string;
42
- type: {
43
- summary: string;
44
- };
45
- defaultValue: {
46
- summary: string;
47
- };
48
- };
49
- };
50
- };
51
17
  args: {
52
18
  children: import("react/jsx-runtime").JSX.Element[];
53
19
  };
@@ -1,4 +1,4 @@
1
-
1
+ /// <reference types="react" />
2
2
  export interface DetailUpdatesProps {
3
3
  id?: string;
4
4
  className?: string;
@@ -1,9 +1,8 @@
1
- import { jsxs as i, jsx as e } from "react/jsx-runtime";
1
+ import { jsxs as s, jsx as e } from "react/jsx-runtime";
2
2
  import { useState as x } from "react";
3
3
  import { Button as N } from "../Button/index.js";
4
4
  import { Card as g } from "../Card/index.js";
5
- import "../../node_modules/keen-slider/keen-slider.min.css.js";
6
- const w = ({
5
+ const j = ({
7
6
  id: n,
8
7
  className: c,
9
8
  title: d,
@@ -12,21 +11,21 @@ const w = ({
12
11
  collapseText: p,
13
12
  ctaText: f,
14
13
  children: h,
15
- onSubmit: s,
16
- onCancel: r,
14
+ onSubmit: i,
15
+ onCancel: l,
17
16
  value: t
18
17
  }) => {
19
- const [a, l] = x(!1);
20
- return /* @__PURE__ */ i(g, { id: n, className: c, children: [
21
- !a && /* @__PURE__ */ i("div", { className: "mx-4 py-6", children: [
22
- /* @__PURE__ */ i("div", { className: "flex justify-between", children: [
18
+ const [a, r] = x(!1);
19
+ return /* @__PURE__ */ s(g, { id: n, className: c, children: [
20
+ !a && /* @__PURE__ */ s("div", { className: "mx-4 py-6", children: [
21
+ /* @__PURE__ */ s("div", { className: "flex justify-between", children: [
23
22
  /* @__PURE__ */ e("p", { className: "font-semiBold text-ink", children: d }),
24
23
  /* @__PURE__ */ e(
25
24
  "p",
26
25
  {
27
26
  className: "font-semiBold text-ink cursor-pointer underline",
28
27
  onClick: () => {
29
- l(!0);
28
+ r(!0);
30
29
  },
31
30
  children: o
32
31
  }
@@ -34,15 +33,15 @@ const w = ({
34
33
  ] }),
35
34
  /* @__PURE__ */ e("p", { className: "text-ink", children: t !== void 0 ? t : "-" })
36
35
  ] }),
37
- a && /* @__PURE__ */ i("div", { className: "mx-4 py-6", children: [
38
- /* @__PURE__ */ i("div", { className: "flex justify-between", children: [
36
+ a && /* @__PURE__ */ s("div", { className: "mx-4 py-6", children: [
37
+ /* @__PURE__ */ s("div", { className: "flex justify-between", children: [
39
38
  /* @__PURE__ */ e("p", { className: "font-semiBold text-ink", children: d }),
40
39
  /* @__PURE__ */ e(
41
40
  "p",
42
41
  {
43
42
  className: "font-semiBold text-ink cursor-pointer underline",
44
43
  onClick: () => {
45
- r == null || r(), l(!1);
44
+ l == null || l(), r(!1);
46
45
  },
47
46
  children: p
48
47
  }
@@ -51,11 +50,11 @@ const w = ({
51
50
  /* @__PURE__ */ e("p", { className: "text-light-grey", children: m }),
52
51
  /* @__PURE__ */ e("div", { className: "grid w-full grid-cols-1 gap-0 py-4 md:grid-cols-2 md:gap-4 lg:w-2/3", children: h }),
53
52
  /* @__PURE__ */ e(N, { variant: "secondary", onClick: () => {
54
- s == null || s(), l(!1);
53
+ i == null || i(), r(!1);
55
54
  }, children: f })
56
55
  ] })
57
56
  ] });
58
57
  };
59
58
  export {
60
- w as DetailUpdater
59
+ j as DetailUpdater
61
60
  };
@@ -8,40 +8,6 @@ declare const meta: {
8
8
  Text: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLParagraphElement> & import('react').RefAttributes<HTMLParagraphElement>>;
9
9
  FilePreview: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
10
10
  };
11
- argTypes: {
12
- id: {
13
- description: string;
14
- control: {
15
- type: string;
16
- default: boolean;
17
- };
18
- table: {
19
- category: string;
20
- type: {
21
- summary: string;
22
- };
23
- defaultValue: {
24
- summary: string;
25
- };
26
- };
27
- };
28
- className: {
29
- description: string;
30
- control: {
31
- type: string;
32
- default: boolean;
33
- };
34
- table: {
35
- category: string;
36
- type: {
37
- summary: string;
38
- };
39
- defaultValue: {
40
- summary: string;
41
- };
42
- };
43
- };
44
- };
45
11
  args: {
46
12
  children: import("react/jsx-runtime").JSX.Element[];
47
13
  onDrop: (files: any) => void;
@@ -48,38 +48,6 @@ declare const meta: {
48
48
  };
49
49
  };
50
50
  };
51
- id: {
52
- description: string;
53
- control: {
54
- type: string;
55
- default: boolean;
56
- };
57
- table: {
58
- category: string;
59
- type: {
60
- summary: string;
61
- };
62
- defaultValue: {
63
- summary: string;
64
- };
65
- };
66
- };
67
- className: {
68
- description: string;
69
- control: {
70
- type: string;
71
- default: boolean;
72
- };
73
- table: {
74
- category: string;
75
- type: {
76
- summary: string;
77
- };
78
- defaultValue: {
79
- summary: string;
80
- };
81
- };
82
- };
83
51
  };
84
52
  args: {
85
53
  components: ({
@@ -14,38 +14,6 @@ declare const meta: {
14
14
  };
15
15
  };
16
16
  };
17
- id: {
18
- description: string;
19
- control: {
20
- type: string;
21
- default: boolean;
22
- };
23
- table: {
24
- category: string;
25
- type: {
26
- summary: string;
27
- };
28
- defaultValue: {
29
- summary: string;
30
- };
31
- };
32
- };
33
- className: {
34
- description: string;
35
- control: {
36
- type: string;
37
- default: boolean;
38
- };
39
- table: {
40
- category: string;
41
- type: {
42
- summary: string;
43
- };
44
- defaultValue: {
45
- summary: string;
46
- };
47
- };
48
- };
49
17
  };
50
18
  args: {
51
19
  onClick: import('@storybook/addon-actions').HandlerFunction;
@@ -34,38 +34,6 @@ declare const meta: {
34
34
  category: string;
35
35
  };
36
36
  };
37
- id: {
38
- description: string;
39
- control: {
40
- type: string;
41
- default: boolean;
42
- };
43
- table: {
44
- category: string;
45
- type: {
46
- summary: string;
47
- };
48
- defaultValue: {
49
- summary: string;
50
- };
51
- };
52
- };
53
- className: {
54
- description: string;
55
- control: {
56
- type: string;
57
- default: boolean;
58
- };
59
- table: {
60
- category: string;
61
- type: {
62
- summary: string;
63
- };
64
- defaultValue: {
65
- summary: string;
66
- };
67
- };
68
- };
69
37
  };
70
38
  args: {
71
39
  placeholder: string;
@@ -13,38 +13,6 @@ declare const meta: {
13
13
  category: string;
14
14
  };
15
15
  };
16
- id: {
17
- description: string;
18
- control: {
19
- type: string;
20
- default: boolean;
21
- };
22
- table: {
23
- category: string;
24
- type: {
25
- summary: string;
26
- };
27
- defaultValue: {
28
- summary: string;
29
- };
30
- };
31
- };
32
- className: {
33
- description: string;
34
- control: {
35
- type: string;
36
- default: boolean;
37
- };
38
- table: {
39
- category: string;
40
- type: {
41
- summary: string;
42
- };
43
- defaultValue: {
44
- summary: string;
45
- };
46
- };
47
- };
48
16
  };
49
17
  args: {
50
18
  label: string;
@@ -4,40 +4,6 @@ import { StoryObj } from '@storybook/react';
4
4
  declare const meta: {
5
5
  title: string;
6
6
  component: ({ title, subTitle, description, size, iconProps }: import('.').Props) => import("react/jsx-runtime").JSX.Element;
7
- argTypes: {
8
- id: {
9
- description: string;
10
- control: {
11
- type: string;
12
- default: boolean;
13
- };
14
- table: {
15
- category: string;
16
- type: {
17
- summary: string;
18
- };
19
- defaultValue: {
20
- summary: string;
21
- };
22
- };
23
- };
24
- className: {
25
- description: string;
26
- control: {
27
- type: string;
28
- default: boolean;
29
- };
30
- table: {
31
- category: string;
32
- type: {
33
- summary: string;
34
- };
35
- defaultValue: {
36
- summary: string;
37
- };
38
- };
39
- };
40
- };
41
7
  args: {
42
8
  title: string;
43
9
  subTitle: string;
@@ -29,38 +29,6 @@ declare const meta: {
29
29
  defaultValue: string;
30
30
  control: string;
31
31
  };
32
- id: {
33
- description: string;
34
- control: {
35
- type: string;
36
- default: boolean;
37
- };
38
- table: {
39
- category: string;
40
- type: {
41
- summary: string;
42
- };
43
- defaultValue: {
44
- summary: string;
45
- };
46
- };
47
- };
48
- className: {
49
- description: string;
50
- control: {
51
- type: string;
52
- default: boolean;
53
- };
54
- table: {
55
- category: string;
56
- type: {
57
- summary: string;
58
- };
59
- defaultValue: {
60
- summary: string;
61
- };
62
- };
63
- };
64
32
  };
65
33
  args: {
66
34
  children: import("react/jsx-runtime").JSX.Element;
@@ -71,38 +71,6 @@ declare const meta: {
71
71
  description: string;
72
72
  defaultValue: string;
73
73
  };
74
- id: {
75
- description: string;
76
- control: {
77
- type: string;
78
- default: boolean;
79
- };
80
- table: {
81
- category: string;
82
- type: {
83
- summary: string;
84
- };
85
- defaultValue: {
86
- summary: string;
87
- };
88
- };
89
- };
90
- className: {
91
- description: string;
92
- control: {
93
- type: string;
94
- default: boolean;
95
- };
96
- table: {
97
- category: string;
98
- type: {
99
- summary: string;
100
- };
101
- defaultValue: {
102
- summary: string;
103
- };
104
- };
105
- };
106
74
  };
107
75
  args: {
108
76
  type: "facebook";
@@ -1,11 +1,10 @@
1
- import { SocialTypes } from '../../utils/controls';
2
1
  import { default as React } from 'react';
3
2
 
4
3
  export interface Props {
5
4
  id?: string;
6
5
  className?: string;
7
6
  onClick?: React.MouseEventHandler;
8
- type?: SocialTypes;
7
+ type?: 'facebook' | 'instagram' | 'github' | 'linkedin';
9
8
  href?: string;
10
9
  openInNewTab?: boolean;
11
10
  }
@@ -47,6 +47,13 @@ body.theme-penrithmrt {
47
47
  --color-button-basic-text: #3c2f71;
48
48
  --color-button-basic-hover: #cecece;
49
49
 
50
+ /* Carousel */
51
+ --color-carousel-arrow-default: '#3c2f71';
52
+ --color-carousel-arrow-hover: '#e94439';
53
+ --color-carousel-dots-default: '#3c2f71';
54
+ --color-carousel-dots-active: '#e94439';
55
+ --color-carousel-dots-hover: '#e94439';
56
+
50
57
  /* Footer */
51
58
  --color-footer-bg: #1b54c6;
52
59
  --color-footer-text: #ffffff;
@@ -64,13 +71,6 @@ body.theme-penrithmrt {
64
71
  --color-tubestop-text-complete: #c9c8c8;
65
72
  --color-tubestop-text-future: #5b5b5b;
66
73
 
67
- /* Carousel */
68
- --color-carousel-dots-active: #1a1dd9;
69
- --color-carousel-dots-default: #2c2525;
70
- --color-carousel-dots-hover: #1a1dd9;
71
- --color-carousel-arrow-default: #31a3dd;
72
- --color-carousel-arrow-hover: #ae127a;
73
-
74
74
  /* Nav */
75
75
  --color-nav-bg: #f3f4f6;
76
76
  --color-nav-shadow-bg: #d1d5db;
@@ -69,6 +69,17 @@ export default {
69
69
  hover: 'var(--color-button-basic-hover)'
70
70
  }
71
71
  },
72
+ carousel: {
73
+ arrow: {
74
+ default: 'var(--color-carousel-arrow-default)',
75
+ hover: 'var(--color-carousel-arrow-hover)'
76
+ },
77
+ dots: {
78
+ default: 'var(--color-carousel-dots-inactive)',
79
+ active: 'var(--color-carousel-dots-active)',
80
+ hover: 'var(--color-carousel-dots-hover)'
81
+ }
82
+ },
72
83
  tubestop: {
73
84
  station: {
74
85
  active: 'var(--color-tubestop-station-active)',
@@ -84,16 +95,5 @@ export default {
84
95
  complete: 'var(--color-tubestop-text-complete)',
85
96
  future: 'var(--color-tubestop-text-future)'
86
97
  }
87
- },
88
- carousel: {
89
- arrow: {
90
- default: 'var(--color-carousel-arrow-default)',
91
- hover: 'var(--color-carousel-arrow-hover)'
92
- },
93
- dots: {
94
- default: 'var(--color-carousel-dots-inactive)',
95
- active: 'var(--color-carousel-dots-active)',
96
- hover: 'var(--color-carousel-dots-hover)'
97
- }
98
98
  }
99
99
  };
@@ -1,36 +1 @@
1
1
  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';
2
- export type SocialTypes = 'facebook' | 'instagram' | 'github' | 'linkedin';
3
- export declare const idAndClassName: {
4
- id: {
5
- description: string;
6
- control: {
7
- type: string;
8
- default: boolean;
9
- };
10
- table: {
11
- category: string;
12
- type: {
13
- summary: string;
14
- };
15
- defaultValue: {
16
- summary: string;
17
- };
18
- };
19
- };
20
- className: {
21
- description: string;
22
- control: {
23
- type: string;
24
- default: boolean;
25
- };
26
- table: {
27
- category: string;
28
- type: {
29
- summary: string;
30
- };
31
- defaultValue: {
32
- summary: string;
33
- };
34
- };
35
- };
36
- };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "trepur_components",
3
- "version": "2.3.27",
3
+ "version": "2.3.28",
4
4
  "description": "component lib",
5
5
  "author": "trepur_ttenneb",
6
6
  "private": false,