qaema-ui 0.0.64 → 0.0.65

package/dist/components/PriceCard.js

@@ -2,7 +2,7 @@ import { j as i } from "../_virtual/jsx-runtime.js";
 import "react";
 import { FiCheck as S, FiX as T } from "../node_modules/react-icons/fi/index.js";
 import o, { css as p } from "styled-components";
-import m from "../assets/icons/RiyalIcon.js";
+import y from "../assets/icons/RiyalIcon.js";
 import { CurrencyContainer as H } from "../styles/Currency.styles.js";
 import B from "../assets/svg/Riyal.svg.js";
 import I from "./Badge.js";
@@ -24,13 +24,14 @@ const E = {
 }, P = o.div`
   width: 100%;
   max-width: 28.458rem;
+
   border-radius: ${({ theme: e }) => e.borderRadius.xl};
   overflow: hidden;
   display: flex;
   flex-direction: column;
   ${({ $variant: e }) => E[e]};
 `, W = o.div`
-  padding: 2rem;
+  padding: 25px;
   display: flex;
   flex-direction: column;
   gap: ${({ theme: e }) => e.spacing.sm};
@@ -39,17 +40,18 @@ const E = {
   display: flex;
   align-items: center;
   justify-content: space-between;
-  gap: ${({ theme: e }) => e.spacing.m};
+  gap: ${({ theme: e }) => e.spacing.s};
   flex-wrap: wrap;
 `, L = o(a)`
   font-family: ${({ theme: e }) => e.fonts.arabic};
   font-weight: 600;
   font-size: ${({ theme: e }) => {
   var r;
-  return (r = e.typography.sizes) == null ? void 0 : r.s5;
+  return (r = e.typography.sizes) == null ? void 0 : r.s3;
 }};
   line-height: 1.75rem;
   color: ${({ theme: e }) => e.colors.grey.n400};
+  white-space: nowrap;
 `, V = o.div`
   display: flex;
   flex-direction: column;
@@ -58,7 +60,7 @@ const E = {
   display: flex;
   align-items: center;
   gap: ${({ theme: e }) => e.spacing.xs};
-  flex-wrap: wrap;
+  flex-wrap: nowrap;
   span {
     font-size: ${({ theme: e }) => {
   var r;
@@ -70,15 +72,15 @@ const E = {
   display: flex;
   align-items: baseline;
   gap: ${({ theme: e }) => e.spacing.xxs};
-`, U = o(m).attrs(({ theme: e }) => ({
+`, U = o(y).attrs(({ theme: e }) => ({
   color: e.colors.grey.n350,
   width: "18",
   height: "20"
 }))``, X = o.span`
   font-family: ${({ theme: e }) => e.fonts.english};
   font-weight: ${({ theme: e }) => e.typography.weights.semiBold};
-  font-size: 2.706rem;
-  line-height: 3.158rem;
+  font-size: 2.25rem;
+  line-height: 2.5rem;
   color: ${({ $color: e, theme: r }) => e ?? r.colors.grey.n800};
 `, q = o.span`
   font-family: ${({ theme: e }) => e.fonts.arabic};
@@ -94,7 +96,7 @@ const E = {
   font-weight: ${({ theme: e }) => e.typography.weights.regular};
   font-size: ${({ theme: e }) => {
   var r;
-  return (r = e.typography.sizes) == null ? void 0 : r.s4;
+  return (r = e.typography.sizes) == null ? void 0 : r.s2;
 }};
   line-height: ${({ theme: e }) => e.typography.lineHeights.m};
   color: ${({ theme: e }) => e.colors.grey.n400};
@@ -102,13 +104,13 @@ const E = {
   padding: 2rem 2rem 2.5rem 2rem;
   display: flex;
   flex-direction: column;
-  gap: ${({ theme: e }) => e.spacing.m};
+  gap: ${({ theme: e }) => e.spacing.s};
 `, K = o(a)`
   font-family: ${({ theme: e }) => e.fonts.arabic};
   font-weight: ${({ theme: e }) => e.typography.weights.semiBold};
   font-size: ${({ theme: e }) => {
   var r;
-  return (r = e.typography.sizes) == null ? void 0 : r.s4;
+  return (r = e.typography.sizes) == null ? void 0 : r.s3;
 }};
   line-height: 0.7rem;
   color: ${({ theme: e }) => e.colors.grey.n650};
@@ -118,7 +120,7 @@ const E = {
   font-weight: 500;
   font-size: ${({ theme: e }) => {
   var r;
-  return (r = e.typography.sizes) == null ? void 0 : r.s4;
+  return (r = e.typography.sizes) == null ? void 0 : r.s2;
 }};
   line-height: ${({ theme: e }) => e.typography.lineHeights.m};
   color: ${({ theme: e }) => e.colors.grey.n400};
@@ -176,7 +178,7 @@ const E = {
   font-weight: 400;
   font-size: ${({ theme: e }) => {
   var r;
-  return (r = e.typography.sizes) == null ? void 0 : r.s3;
+  return (r = e.typography.sizes) == null ? void 0 : r.s2;
 }};
   line-height: ${({ theme: e }) => e.typography.lineHeights.m};
   color: ${({ theme: e }) => e.colors.grey.n400};
@@ -193,15 +195,15 @@ const E = {
 `, fe = ({
   title: e,
   price: r,
-  description: y,
+  description: m,
   hintComponent: $,
   secondaryPrice: g,
   features: u,
   variant: b = "transparent",
   badges: h = [],
-  showPrimaryAction: j = !1,
+  showPrimaryAction: w = !1,
   primaryAction: s,
-  showSecondaryAction: w = !1,
+  showSecondaryAction: j = !1,
   secondaryAction: n,
   showFeatures: v = !0,
   featuresTitle: z = "FEATURES",
@@ -240,7 +242,7 @@ const E = {
       /* @__PURE__ */ i.jsx(Z, { children: g.amount }),
       /* @__PURE__ */ i.jsx(_, { children: g.label })
     ] }),
-    /* @__PURE__ */ i.jsx(G, { children: y }),
+    /* @__PURE__ */ i.jsx(G, { children: m }),
     k && f.length > 0 && /* @__PURE__ */ i.jsx("div", { style: { marginTop: "0.50rem" }, children: /* @__PURE__ */ i.jsx(
       "div",
       {
@@ -293,7 +295,7 @@ const E = {
                       gap: "2px"
                     },
                     children: [
-                      /* @__PURE__ */ i.jsx(m, { width: "9", height: "9", color: "#16181c" }),
+                      /* @__PURE__ */ i.jsx(y, { width: "9", height: "9", color: "#16181c" }),
                       t.baseFare,
                       " ",
                       F
@@ -308,8 +310,8 @@ const E = {
       }
     ) }),
     /* @__PURE__ */ i.jsxs(re, { children: [
-      j && /* @__PURE__ */ i.jsx(d, { variant: (s == null ? void 0 : s.variant) ?? "primary", onClick: s == null ? void 0 : s.onPrimaryActionClick, children: s == null ? void 0 : s.label }),
-      w && /* @__PURE__ */ i.jsx(d, { variant: (n == null ? void 0 : n.variant) ?? "light-primary", onClick: n == null ? void 0 : n.onSecondaryActionClick, children: n == null ? void 0 : n.label })
+      w && /* @__PURE__ */ i.jsx(d, { variant: (s == null ? void 0 : s.variant) ?? "primary", onClick: s == null ? void 0 : s.onPrimaryActionClick, children: s == null ? void 0 : s.label }),
+      j && /* @__PURE__ */ i.jsx(d, { variant: (n == null ? void 0 : n.variant) ?? "light-primary", onClick: n == null ? void 0 : n.onSecondaryActionClick, children: n == null ? void 0 : n.label })
     ] })
   ] }),
   v && /* @__PURE__ */ i.jsxs(J, { children: [

package/package.json

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