qaema-ui 0.0.46 → 0.0.47
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.
|
@@ -156,7 +156,7 @@ const Se = i.div`
|
|
|
156
156
|
font-size: ${({ theme: e }) => e.typography.sizes.s4};
|
|
157
157
|
font-weight: 400;
|
|
158
158
|
text-align: ${({ theme: e }) => e.dir === "rtl" ? "right" : "left"};
|
|
159
|
-
line-height: ${({ theme: e }) => e.typography.lineHeights.s};
|
|
159
|
+
/* line-height: ${({ theme: e }) => e.typography.lineHeights.s}; */
|
|
160
160
|
`, Ie = i.span`
|
|
161
161
|
color: ${({ theme: e }) => e.colors.grey.n300};
|
|
162
162
|
font-size: ${({ theme: e }) => e.typography.sizes.s2};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { j as
|
|
1
|
+
import { j as t } from "../_virtual/jsx-runtime.js";
|
|
2
2
|
import o from "styled-components";
|
|
3
3
|
import p from "../assets/icons/RiyalIcon.js";
|
|
4
4
|
import { device as n } from "../constants/breakPoints.constant.js";
|
|
@@ -22,7 +22,7 @@ const g = o.div`
|
|
|
22
22
|
@media ${n.tablet} {
|
|
23
23
|
gap: ${({ theme: e }) => e.spacing.l};
|
|
24
24
|
}
|
|
25
|
-
`,
|
|
25
|
+
`, y = o.div`
|
|
26
26
|
display: flex;
|
|
27
27
|
flex-direction: column;
|
|
28
28
|
gap: ${({ theme: e }) => e.spacing.xs};
|
|
@@ -31,7 +31,7 @@ const g = o.div`
|
|
|
31
31
|
@media ${n.tablet} {
|
|
32
32
|
min-width: 9.5rem;
|
|
33
33
|
}
|
|
34
|
-
`,
|
|
34
|
+
`, d = o.div`
|
|
35
35
|
font-family: ${({ theme: e }) => e.fonts.english};
|
|
36
36
|
font-weight: ${({ theme: e }) => e.typography.weights.semiBold};
|
|
37
37
|
font-size: ${({ theme: e }) => e.typography.sizes.s4};
|
|
@@ -45,6 +45,7 @@ const g = o.div`
|
|
|
45
45
|
direction: inherit;
|
|
46
46
|
[dir='rtl'] & {
|
|
47
47
|
flex-direction: row-reverse;
|
|
48
|
+
justify-content: start;
|
|
48
49
|
}
|
|
49
50
|
`, f = o.span`
|
|
50
51
|
font-family: ${({ theme: e }) => e.fonts.arabic};
|
|
@@ -66,22 +67,22 @@ const g = o.div`
|
|
|
66
67
|
direction: ltr;
|
|
67
68
|
unicode-bidi: plaintext;
|
|
68
69
|
`;
|
|
69
|
-
function
|
|
70
|
-
return /* @__PURE__ */
|
|
71
|
-
/* @__PURE__ */
|
|
72
|
-
/* @__PURE__ */
|
|
73
|
-
/* @__PURE__ */
|
|
74
|
-
/* @__PURE__ */
|
|
75
|
-
s && /* @__PURE__ */
|
|
76
|
-
/* @__PURE__ */
|
|
77
|
-
|
|
70
|
+
function b({ title: e, items: r, showCurrencyIcon: s = !0, currencyIconWidth: l = "18px" }) {
|
|
71
|
+
return /* @__PURE__ */ t.jsxs(g, { children: [
|
|
72
|
+
/* @__PURE__ */ t.jsx(c, { children: e }),
|
|
73
|
+
/* @__PURE__ */ t.jsx(h, { children: r.map((i, a) => /* @__PURE__ */ t.jsxs(y, { children: [
|
|
74
|
+
/* @__PURE__ */ t.jsx(d, { children: i.title }),
|
|
75
|
+
/* @__PURE__ */ t.jsxs(m, { children: [
|
|
76
|
+
s && /* @__PURE__ */ t.jsx(p, { width: l, height: "20", color: i.color }),
|
|
77
|
+
/* @__PURE__ */ t.jsx(f, { $color: i.color, children: i.amount }),
|
|
78
|
+
i.decimal ? /* @__PURE__ */ t.jsxs($, { $color: i.color, children: [
|
|
78
79
|
".",
|
|
79
|
-
|
|
80
|
+
i.decimal
|
|
80
81
|
] }) : null
|
|
81
82
|
] })
|
|
82
|
-
] }, `${
|
|
83
|
+
] }, `${i.title}-${a}`)) })
|
|
83
84
|
] });
|
|
84
85
|
}
|
|
85
86
|
export {
|
|
86
|
-
|
|
87
|
+
b as default
|
|
87
88
|
};
|
|
@@ -17,12 +17,12 @@ const x = r.div`
|
|
|
17
17
|
label {
|
|
18
18
|
font-size: ${({ theme: o }) => o.typography.sizes.s4};
|
|
19
19
|
font-weight: ${({ theme: o }) => o.typography.weights.regular};
|
|
20
|
-
line-height: ${({ theme: o }) => o.typography.lineHeights.s};
|
|
20
|
+
/* line-height: ${({ theme: o }) => o.typography.lineHeights.s}; */
|
|
21
21
|
}
|
|
22
22
|
span {
|
|
23
23
|
font-size: ${({ theme: o }) => o.typography.sizes.s2};
|
|
24
24
|
font-weight: ${({ theme: o }) => o.typography.weights.regular};
|
|
25
|
-
line-height: ${({ theme: o }) => o.typography.lineHeights.xs};
|
|
25
|
+
/* line-height: ${({ theme: o }) => o.typography.lineHeights.xs}; */
|
|
26
26
|
color: ${({ theme: o }) => o.colors.grey.n350};
|
|
27
27
|
}
|
|
28
28
|
`, h = r.div`
|