qaema-ui 0.0.4 → 0.0.5

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 (5) hide show
  1. package/dist/components/RequestCard.js +12 -12
  2. package/dist/components/RequestSummaryCard.d.ts +1 -1
  3. package/dist/components/RequestSummaryCard.d.ts.map +1 -1
  4. package/dist/components/RequestSummaryCard.js +18 -18
  5. package/package.json +1 -1
package/dist/components/RequestCard.js CHANGED
@@ -3,15 +3,15 @@ import "react";
3
3
  import s, { useTheme as S } from "styled-components";
4
4
  import d from "./Button.js";
5
5
  import { useQaemaCoreTranslation as F } from "../i18n/i18n.js";
6
- import H from "../assets/svg/Riyal.svg.js";
7
- import { FeatureList as A, FeatureRow as E, Bullet as P } from "./RequestSummaryCard.js";
6
+ import A from "../assets/svg/Riyal.svg.js";
7
+ import { FeatureList as H, FeatureRow as P, Bullet as q } from "./RequestSummaryCard.js";
8
8
  import c from "./Typography.js";
9
- const q = s.div`
9
+ const W = s.div`
10
10
  display: flex;
11
11
  flex-direction: column;
12
12
  justify-content: space-between;
13
13
  height: ${({ image: e, inModal: n }) => e ? n ? "65%" : "unset" : "100%"};
14
- `, W = s.div`
14
+ `, E = s.div`
15
15
  min-width: 9.0625rem;
16
16
  display: flex;
17
17
  aspect-ratio: ${({ $inModal: e }) => e ? "23/9" : "11/9"};
@@ -124,9 +124,9 @@ const q = s.div`
124
124
  case "rejected":
125
125
  return { bar: "#E03428" };
126
126
  case "inProgress":
127
- return { bar: "#7259ff" };
127
+ return { bar: "#F9A825" };
128
128
  default:
129
- return { bar: "#EEF0F2" };
129
+ return { bar: "#7259ff" };
130
130
  }
131
131
  }, K = s.div`
132
132
  display: flex;
@@ -180,20 +180,20 @@ const q = s.div`
180
180
  }) => {
181
181
  const { t: r } = F(), w = J(e), k = e !== "hidden", v = r(e === "accepted" ? "accepted" : e === "rejected" ? "rejected" : "submitted"), z = e === "hidden" ? "primary" : e === "accepted" ? "light-primary" : "outline-primary", p = e === "rejected", R = S();
182
182
  return /* @__PURE__ */ i.jsxs(Q, { className: $, style: y, children: [
183
- n ? /* @__PURE__ */ i.jsx(W, { $inModal: h, $background: j, children: n }) : null,
184
- /* @__PURE__ */ i.jsxs(q, { image: n, inModal: h, children: [
183
+ n ? /* @__PURE__ */ i.jsx(E, { $inModal: h, $background: j, children: n }) : null,
184
+ /* @__PURE__ */ i.jsxs(W, { image: n, inModal: h, children: [
185
185
  /* @__PURE__ */ i.jsx(D, { children: x }),
186
186
  g ? /* @__PURE__ */ i.jsx(I, { children: g }) : null,
187
187
  a && a.length > 0 ? /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
188
188
  /* @__PURE__ */ i.jsx(c, { variant: "h6", color: R.colors.grey.n400, children: b }),
189
- /* @__PURE__ */ i.jsx(A, { children: a.map((T, B) => /* @__PURE__ */ i.jsxs(E, { children: [
190
- /* @__PURE__ */ i.jsx(P, {}),
189
+ /* @__PURE__ */ i.jsx(H, { children: a.map((T, B) => /* @__PURE__ */ i.jsxs(P, { children: [
190
+ /* @__PURE__ */ i.jsx(q, {}),
191
191
  /* @__PURE__ */ i.jsx("span", { children: T.label })
192
192
  ] }, B)) })
193
193
  ] }) : null,
194
194
  t && /* @__PURE__ */ i.jsx(K, { children: /* @__PURE__ */ i.jsxs(O, { children: [
195
195
  /* @__PURE__ */ i.jsxs(U, { children: [
196
- /* @__PURE__ */ i.jsx(Y, { src: H, alt: t == null ? void 0 : t.amount }),
196
+ /* @__PURE__ */ i.jsx(Y, { src: A, alt: t == null ? void 0 : t.amount }),
197
197
  /* @__PURE__ */ i.jsx(c, { variant: "h5", weight: "bold", children: t == null ? void 0 : t.amount })
198
198
  ] }),
199
199
  /* @__PURE__ */ i.jsxs(c, { variant: "caption", children: [
@@ -214,7 +214,7 @@ const q = s.div`
214
214
  ] });
215
215
  };
216
216
  export {
217
- q as ContentWrapper,
217
+ W as ContentWrapper,
218
218
  X as ProgressBar,
219
219
  G as StatusText,
220
220
  N as TrackingHeader,
package/dist/components/RequestSummaryCard.d.ts CHANGED
@@ -8,7 +8,7 @@ export type FeatureItem = {
8
8
  variant?: FeatureVariant;
9
9
  };
10
10
  export type RequestSummaryCardProps = {
11
- state: RequestState;
11
+ state?: RequestState;
12
12
  title: React.ReactNode;
13
13
  description?: React.ReactNode;
14
14
  features?: FeatureItem[];
package/dist/components/RequestSummaryCard.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"RequestSummaryCard.d.ts","sourceRoot":"","sources":["../../src/lib/components/RequestSummaryCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAI7D,OAAO,EAAe,KAAK,kBAAkB,EAA4C,MAAM,eAAe,CAAC;AAE/G,KAAK,YAAY,GAAG,UAAU,GAAG,UAAU,CAAC;AAE5C,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,KAAK,CAAC;AAE/C,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,CAAC,EAAE,cAAc,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG;IACpC,KAAK,EAAE,YAAY,CAAC;IACpB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAC;IACzB,KAAK,CAAC,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC5C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,UAAU,CAAC,EAAE;QAAE,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC;IAC9D,iBAAiB,CAAC,EAAE,aAAa,CAAC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAqEF,eAAO,MAAM,WAAW,6MAOvB,CAAC;AAEF,eAAO,MAAM,UAAU,yMAOtB,CAAC;AAEF,eAAO,MAAM,MAAM;cAA2B,OAAO;YA0BpD,CAAC;AAyCF,QAAA,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAiEzD,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
1
+ {"version":3,"file":"RequestSummaryCard.d.ts","sourceRoot":"","sources":["../../src/lib/components/RequestSummaryCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAI7D,OAAO,EAAe,KAAK,kBAAkB,EAA4C,MAAM,eAAe,CAAC;AAE/G,KAAK,YAAY,GAAG,UAAU,GAAG,UAAU,CAAC;AAE5C,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,KAAK,CAAC;AAE/C,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,CAAC,EAAE,cAAc,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG;IACpC,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAC;IACzB,KAAK,CAAC,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC5C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,UAAU,CAAC,EAAE;QAAE,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC;IAC9D,iBAAiB,CAAC,EAAE,aAAa,CAAC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAqEF,eAAO,MAAM,WAAW,6MAOvB,CAAC;AAEF,eAAO,MAAM,UAAU,yMAOtB,CAAC;AAEF,eAAO,MAAM,MAAM;cAA2B,OAAO;YA0BpD,CAAC;AAyCF,QAAA,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAiEzD,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
package/dist/components/RequestSummaryCard.js CHANGED
@@ -23,7 +23,7 @@ const H = t.article`
23
23
  grid-template-columns: 1fr;
24
24
  height: auto;
25
25
  }
26
- `, T = t.div`
26
+ `, F = t.div`
27
27
  width: 100%;
28
28
  height: 100%;
29
29
  align-self: start;
@@ -45,12 +45,12 @@ const H = t.article`
45
45
  display: block;
46
46
  padding: ${({ $imgPadding: e }) => e ?? "none"};
47
47
  }
48
- `, E = t.div`
48
+ `, T = t.div`
49
49
  display: grid;
50
50
  grid-template-rows: auto auto auto auto auto auto;
51
51
  gap: ${({ theme: e }) => e.spacing.s};
52
52
  height: 100%;
53
- `, F = t.h3`
53
+ `, A = t.h3`
54
54
  margin: 0;
55
55
  font-family: ${({ theme: e }) => e.dir === "rtl" ? e.fonts.arabic : e.fonts.english};
56
56
  font-weight: ${({ theme: e }) => e.typography.weights.semiBold};
@@ -70,14 +70,14 @@ const H = t.article`
70
70
  display: flex;
71
71
  flex-direction: column;
72
72
  gap: ${({ theme: e }) => e.spacing.xs};
73
- `, A = t.li`
73
+ `, C = t.li`
74
74
  display: flex;
75
75
  align-items: center;
76
76
  gap: ${({ theme: e }) => e.spacing.xs};
77
77
  color: ${({ theme: e }) => e.colors.grey.n800};
78
78
  font-size: ${({ theme: e }) => e.typography.sizes.s3};
79
79
  line-height: ${({ theme: e }) => e.typography.lineHeights.s};
80
- `, C = t.span`
80
+ `, N = t.span`
81
81
  position: relative;
82
82
  display: inline-block;
83
83
  width: 0.5625rem;
@@ -103,7 +103,7 @@ const H = t.article`
103
103
  box-shadow: inset 0 0 0 0.063rem ${({ theme: e }) => `${e.colors.primary.purple.n450}26`};
104
104
  display: ${({ $stroke: e }) => e ? "block" : "none"};
105
105
  }
106
- `, N = t.div`
106
+ `, D = t.div`
107
107
  display: flex;
108
108
  align-items: baseline;
109
109
  gap: ${({ theme: e }) => e.spacing.xs};
@@ -120,7 +120,7 @@ const H = t.article`
120
120
  font-size: ${({ theme: e }) => e.typography.sizes.s3};
121
121
  line-height: ${({ theme: e }) => e.typography.lineHeights.s};
122
122
  }
123
- `, D = t.img`
123
+ `, E = t.img`
124
124
  width: 0.875rem;
125
125
  height: 0.9375rem;
126
126
  opacity: 1;
@@ -132,9 +132,9 @@ const H = t.article`
132
132
  case "rejected":
133
133
  return { bar: "#E03428" };
134
134
  case "inProgress":
135
- return { bar: "#7259ff" };
135
+ return { bar: "#F9A825" };
136
136
  default:
137
- return { bar: "#EEF0F2" };
137
+ return { bar: "#7259FF" };
138
138
  }
139
139
  }, M = ({
140
140
  state: e,
@@ -156,16 +156,16 @@ const H = t.article`
156
156
  }) => {
157
157
  const x = e === "rejected" ? "Your request is Rejected" : "Your request is Accepted", b = I(y);
158
158
  return /* @__PURE__ */ i.jsxs(H, { className: h, style: m, "aria-live": "polite", children: [
159
- /* @__PURE__ */ i.jsx(T, { $imgPadding: f, children: p }),
160
- /* @__PURE__ */ i.jsxs(E, { children: [
161
- /* @__PURE__ */ i.jsx(F, { children: l }),
159
+ /* @__PURE__ */ i.jsx(F, { $imgPadding: f, children: p }),
160
+ /* @__PURE__ */ i.jsxs(T, { children: [
161
+ /* @__PURE__ */ i.jsx(A, { children: l }),
162
162
  n ? /* @__PURE__ */ i.jsx(P, { children: n }) : null,
163
- o && o.length > 0 ? /* @__PURE__ */ i.jsx(q, { children: o.map((j, w) => /* @__PURE__ */ i.jsxs(A, { children: [
164
- /* @__PURE__ */ i.jsx(C, {}),
163
+ o && o.length > 0 ? /* @__PURE__ */ i.jsx(q, { children: o.map((j, w) => /* @__PURE__ */ i.jsxs(C, { children: [
164
+ /* @__PURE__ */ i.jsx(N, {}),
165
165
  /* @__PURE__ */ i.jsx("span", { children: j.label })
166
166
  ] }, w)) }) : null,
167
- s && /* @__PURE__ */ i.jsxs(N, { children: [
168
- /* @__PURE__ */ i.jsx(D, { src: z, alt: "SAR" }),
167
+ s && /* @__PURE__ */ i.jsxs(D, { children: [
168
+ /* @__PURE__ */ i.jsx(E, { src: z, alt: "SAR" }),
169
169
  s != null && s.amount ? /* @__PURE__ */ i.jsx("span", { className: "amount", children: s.amount }) : null,
170
170
  s != null && s.suffix ? /* @__PURE__ */ i.jsx("span", { className: "suffix", children: s.suffix }) : null
171
171
  ] }),
@@ -179,8 +179,8 @@ const H = t.article`
179
179
  ] });
180
180
  };
181
181
  export {
182
- C as Bullet,
182
+ N as Bullet,
183
183
  q as FeatureList,
184
- A as FeatureRow,
184
+ C as FeatureRow,
185
185
  M as default
186
186
  };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "qaema-ui",
3
3
  "private": false,
4
- "version": "0.0.4",
4
+ "version": "0.0.5",
5
5
  "type": "module",
6
6
  "publishConfig": {
7
7
  "access": "public"