qaema-ui 0.0.2 → 0.0.3

package/dist/components/RequestSummaryCard.d.ts

@@ -29,6 +29,7 @@ export type RequestSummaryCardProps = {
     showTracking?: boolean;
     variant?: RequestCardVariant;
     trackingLabel?: string;
+    imgPadding?: string;
 };
 export declare const FeatureList: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, never>> & string;
 export declare const FeatureRow: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, never>> & string;

package/dist/components/RequestSummaryCard.d.ts.map

@@ -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;CACxB,CAAC;AAoEF,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,CAgEzD,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"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"}

package/dist/components/RequestSummaryCard.js

@@ -1,11 +1,11 @@
-import { j as t } from "../_virtual/jsx-runtime.js";
+import { j as i } from "../_virtual/jsx-runtime.js";
 import "react";
-import i from "styled-components";
-import w from "./Button.js";
-import { device as k } from "../constants/breakPoints.constant.js";
-import v from "../assets/svg/Riyal.svg.js";
-import { TrackingWrap as a, TrackingHeader as z, ProgressBar as R, StatusText as B } from "./RequestCard.js";
-const S = i.article`
+import t from "styled-components";
+import k from "./Button.js";
+import { device as v } from "../constants/breakPoints.constant.js";
+import z from "../assets/svg/Riyal.svg.js";
+import { TrackingWrap as a, TrackingHeader as R, ProgressBar as B, StatusText as S } from "./RequestCard.js";
+const H = t.article`
   width: ${({ $fixed: e }) => e ? "1053px" : "100%"};
   min-width: 11.1875rem;
   border-radius: ${({ theme: e }) => e.borderRadius.md};
@@ -19,11 +19,11 @@ const S = i.article`
   grid-template-columns: 24.75rem 1fr;
   align-items: start;
   gap: ${({ theme: e }) => e.spacing.m};
-  @media ${k.laptop} {
+  @media ${v.laptop} {
     grid-template-columns: 1fr;
     height: auto;
   }
-`, H = i.div`
+`, T = t.div`
   width: 100%;
   height: 100%;
   align-self: start;
@@ -43,13 +43,14 @@ const S = i.article`
     height: 100%;
     object-fit: contain;
     display: block;
+    padding: ${({ $imgPadding: e }) => e ?? "none"};
   }
-`, T = i.div`
+`, E = t.div`
   display: grid;
   grid-template-rows: auto auto auto auto auto auto;
   gap: ${({ theme: e }) => e.spacing.s};
   height: 100%;
-`, E = i.h3`
+`, F = t.h3`
   margin: 0;
   font-family: ${({ theme: e }) => e.dir === "rtl" ? e.fonts.arabic : e.fonts.english};
   font-weight: ${({ theme: e }) => e.typography.weights.semiBold};
@@ -57,26 +58,26 @@ const S = i.article`
   line-height: ${({ theme: e }) => e.typography.lineHeights.m};
   letter-spacing: ${({ theme: e }) => e.typography.letterSpacings.balancedNarrow};
   color: ${({ theme: e }) => e.colors.grey.n800};
-`, F = i.p`
+`, P = t.p`
   margin: 0;
   color: ${({ theme: e }) => e.colors.grey.n400};
   font-size: ${({ theme: e }) => e.typography.sizes.s3};
   line-height: ${({ theme: e }) => e.typography.lineHeights.s};
-`, q = i.ul`
+`, q = t.ul`
   margin: 0;
   padding: 0;
   list-style: none;
   display: flex;
   flex-direction: column;
   gap: ${({ theme: e }) => e.spacing.xs};
-`, A = i.li`
+`, A = t.li`
   display: flex;
   align-items: center;
   gap: ${({ theme: e }) => e.spacing.xs};
   color: ${({ theme: e }) => e.colors.grey.n800};
   font-size: ${({ theme: e }) => e.typography.sizes.s3};
   line-height: ${({ theme: e }) => e.typography.lineHeights.s};
-`, C = i.span`
+`, C = t.span`
   position: relative;
   display: inline-block;
   width: 0.5625rem;
@@ -102,7 +103,7 @@ const S = i.article`
     box-shadow: inset 0 0 0 0.063rem ${({ theme: e }) => `${e.colors.primary.purple.n450}26`};
     display: ${({ $stroke: e }) => e ? "block" : "none"};
   }
-`, N = i.div`
+`, N = t.div`
   display: flex;
   align-items: baseline;
   gap: ${({ theme: e }) => e.spacing.xs};
@@ -119,12 +120,12 @@ const S = i.article`
     font-size: ${({ theme: e }) => e.typography.sizes.s3};
     line-height: ${({ theme: e }) => e.typography.lineHeights.s};
   }
-`, P = i.img`
+`, D = t.img`
   width: 0.875rem;
   height: 0.9375rem;
   opacity: 1;
   display: inline-block;
-`, D = (e) => {
+`, I = (e) => {
   switch (e) {
     case "accepted":
       return { bar: "#1DBA63" };
@@ -135,44 +136,45 @@ const S = i.article`
     default:
       return { bar: "#EEF0F2" };
   }
-}, K = ({
+}, M = ({
   state: e,
   title: l,
   description: n,
-  features: r,
+  features: o,
   price: s,
-  progress: g = 0,
-  statusText: d,
-  image: c,
-  primaryCta: o,
-  primaryCtaVariant: p = "primary",
+  progress: d = 0,
+  statusText: g,
+  image: p,
+  primaryCta: r,
+  primaryCtaVariant: c = "primary",
   className: h,
   style: m,
   showTracking: u = !1,
   variant: y = "hidden",
-  trackingLabel: f = ""
+  trackingLabel: $ = "",
+  imgPadding: f
 }) => {
-  const $ = e === "rejected" ? "Your request is Rejected" : "Your request is Accepted", x = D(y);
-  return /* @__PURE__ */ t.jsxs(S, { className: h, style: m, "aria-live": "polite", children: [
-    /* @__PURE__ */ t.jsx(H, { children: c }),
-    /* @__PURE__ */ t.jsxs(T, { children: [
-      /* @__PURE__ */ t.jsx(E, { children: l }),
-      n ? /* @__PURE__ */ t.jsx(F, { children: n }) : null,
-      r && r.length > 0 ? /* @__PURE__ */ t.jsx(q, { children: r.map((b, j) => /* @__PURE__ */ t.jsxs(A, { children: [
-        /* @__PURE__ */ t.jsx(C, {}),
-        /* @__PURE__ */ t.jsx("span", { children: b.label })
-      ] }, j)) }) : null,
-      s && /* @__PURE__ */ t.jsxs(N, { children: [
-        /* @__PURE__ */ t.jsx(P, { src: v, alt: "SAR" }),
-        s != null && s.amount ? /* @__PURE__ */ t.jsx("span", { className: "amount", children: s.amount }) : null,
-        s != null && s.suffix ? /* @__PURE__ */ t.jsx("span", { className: "suffix", children: s.suffix }) : null
+  const x = e === "rejected" ? "Your request is Rejected" : "Your request is Accepted", b = I(y);
+  return /* @__PURE__ */ i.jsxs(H, { className: h, style: m, "aria-live": "polite", children: [
+    /* @__PURE__ */ i.jsx(T, { $imgPadding: f, children: p }),
+    /* @__PURE__ */ i.jsxs(E, { children: [
+      /* @__PURE__ */ i.jsx(F, { children: l }),
+      n ? /* @__PURE__ */ i.jsx(P, { children: n }) : null,
+      o && o.length > 0 ? /* @__PURE__ */ i.jsx(q, { children: o.map((j, w) => /* @__PURE__ */ i.jsxs(A, { children: [
+        /* @__PURE__ */ i.jsx(C, {}),
+        /* @__PURE__ */ i.jsx("span", { children: j.label })
+      ] }, w)) }) : null,
+      s && /* @__PURE__ */ i.jsxs(N, { children: [
+        /* @__PURE__ */ i.jsx(D, { src: z, alt: "SAR" }),
+        s != null && s.amount ? /* @__PURE__ */ i.jsx("span", { className: "amount", children: s.amount }) : null,
+        s != null && s.suffix ? /* @__PURE__ */ i.jsx("span", { className: "suffix", children: s.suffix }) : null
       ] }),
-      u ? /* @__PURE__ */ t.jsxs(a, { children: [
-        /* @__PURE__ */ t.jsx(z, { children: f }),
-        /* @__PURE__ */ t.jsx(R, { $value: g, $color: x.bar }),
-        /* @__PURE__ */ t.jsx(B, { children: d ?? $ })
-      ] }) : /* @__PURE__ */ t.jsx(a, {}),
-      o ? /* @__PURE__ */ t.jsx(w, { style: { marginTop: "auto" }, variant: p, size: "md", width: "100%", onClick: o.onClick, children: o.label }) : null
+      u ? /* @__PURE__ */ i.jsxs(a, { children: [
+        /* @__PURE__ */ i.jsx(R, { children: $ }),
+        /* @__PURE__ */ i.jsx(B, { $value: d, $color: b.bar }),
+        /* @__PURE__ */ i.jsx(S, { children: g ?? x })
+      ] }) : /* @__PURE__ */ i.jsx(a, {}),
+      r ? /* @__PURE__ */ i.jsx(k, { style: { marginTop: "auto" }, variant: c, size: "md", width: "100%", onClick: r.onClick, children: r.label }) : null
     ] })
   ] });
 };
@@ -180,5 +182,5 @@ export {
   C as Bullet,
   q as FeatureList,
   A as FeatureRow,
-  K as default
+  M as default
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "qaema-ui",
   "private": false,
-  "version": "0.0.2",
+  "version": "0.0.3",
   "type": "module",
   "publishConfig": {
     "access": "public"