qaema-ui 0.0.25 → 0.0.26

package/dist/assets/icons/RiyalIcon.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+type SaudiRiyalIconProps = React.SVGProps<SVGSVGElement> & {
+    color?: string;
+};
+export default function SaudiRiyalIcon({ color, ...props }: SaudiRiyalIconProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/assets/icons/RiyalIcon.js

@@ -0,0 +1,26 @@
+import { j as i } from "../../_virtual/jsx-runtime.js";
+import "react";
+function e({ color: t = "#6D798A", ...l }) {
+  return /* @__PURE__ */ i.jsxs("svg", { width: "18", height: "20", viewBox: "0 0 18 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...l, children: [
+    /* @__PURE__ */ i.jsxs("g", { clipPath: "url(#clip0_7331_7983)", children: [
+      /* @__PURE__ */ i.jsx(
+        "path",
+        {
+          d: "M11.2024 17.7177C10.8812 18.4258 10.6689 19.1942 10.5875 20L17.3849 18.5635C17.7061 17.8556 17.9182 17.0871 17.9998 16.2812L11.2024 17.7177Z",
+          fill: t
+        }
+      ),
+      /* @__PURE__ */ i.jsx(
+        "path",
+        {
+          d: "M17.385 14.2599C17.7062 13.552 17.9185 12.7835 17.9999 11.9777L12.705 13.0972V10.945L17.3848 9.9563C17.7061 9.2484 17.9184 8.47985 17.9997 7.67405L12.7048 8.79265V1.0527C11.8934 1.50558 11.1729 2.10842 10.5872 2.81951V9.24028L8.46955 9.68776V0C7.65821 0.452726 6.93766 1.05572 6.35193 1.76681V10.1351L1.61375 11.136C1.29255 11.8439 1.08006 12.6125 0.998561 13.4183L6.35193 12.2873V14.9976L0.614748 16.2096C0.293542 16.9175 0.0812201 17.6861 -0.00012207 18.4919L6.00511 17.2232C6.49396 17.1221 6.91412 16.8347 7.18729 16.4393L8.28861 14.8161V14.8158C8.40294 14.6478 8.46955 14.4454 8.46955 14.2273V11.8398L10.5872 11.3923V15.6967L17.3848 14.2596L17.385 14.2599Z",
+          fill: t
+        }
+      )
+    ] }),
+    /* @__PURE__ */ i.jsx("defs", { children: /* @__PURE__ */ i.jsx("clipPath", { id: "clip0_7331_7983", children: /* @__PURE__ */ i.jsx("rect", { width: "18", height: "20", fill: "white" }) }) })
+  ] });
+}
+export {
+  e as default
+};

package/dist/assets/icons/index.d.ts

@@ -0,0 +1 @@
+export { default as SaudiRiyalIcon } from './RiyalIcon';

package/dist/components/TotalsSummary.d.ts

@@ -2,12 +2,12 @@ export type TotalsSummaryItem = {
     title: string;
     amount: string;
     decimal?: string;
+    color?: string;
 };
 export type TotalsSummaryProps = {
     title: string;
     items: TotalsSummaryItem[];
     showCurrencyIcon?: boolean;
     currencyIconWidth?: string;
-    highlightIndex?: number;
 };
-export default function TotalsSummary({ title, items, showCurrencyIcon, currencyIconWidth, highlightIndex, }: TotalsSummaryProps): import("react/jsx-runtime").JSX.Element;
+export default function TotalsSummary({ title, items, showCurrencyIcon, currencyIconWidth, }: TotalsSummaryProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/TotalsSummary.js

@@ -1,94 +1,84 @@
-import { j as e } from "../_virtual/jsx-runtime.js";
-import i from "styled-components";
-import h from "../assets/svg/RiyalGreen.svg.js";
-import y from "../assets/svg/RiyalGrey.svg.js";
-import { device as a } from "../constants/breakPoints.constant.js";
-const m = i.div`
+import { j as t } from "../_virtual/jsx-runtime.js";
+import o from "styled-components";
+import { device as n } from "../constants/breakPoints.constant.js";
+import p from "../assets/icons/RiyalIcon.js";
+const g = o.div`
   width: 100%;
-`, $ = i.div`
-  font-family: ${({ theme: t }) => t.fonts.english};
-  font-weight: ${({ theme: t }) => t.typography.weights.semiBold};
-  font-size: ${({ theme: t }) => t.typography.sizes.s7};
-  line-height: ${({ theme: t }) => t.typography.lineHeights.l};
-  letter-spacing: ${({ theme: t }) => t.typography.letterSpacings.normal};
-  color: ${({ theme: t }) => t.colors.grey.n800};
-  margin-bottom: ${({ theme: t }) => t.spacing.m};
-`, f = i.div`
+`, c = o.div`
+  font-family: ${({ theme: e }) => e.fonts.english};
+  font-weight: ${({ theme: e }) => e.typography.weights.semiBold};
+  font-size: ${({ theme: e }) => e.typography.sizes.s7};
+  line-height: ${({ theme: e }) => e.typography.lineHeights.l};
+  letter-spacing: ${({ theme: e }) => e.typography.letterSpacings.normal};
+  color: ${({ theme: e }) => e.colors.grey.n800};
+  margin-bottom: ${({ theme: e }) => e.spacing.m};
+`, h = o.div`
   display: flex;
   align-items: flex-start;
-  gap: ${({ theme: t }) => t.spacing.xl};
+  gap: ${({ theme: e }) => e.spacing.xl};
   flex-wrap: wrap;
 
-  @media ${a.tablet} {
-    gap: ${({ theme: t }) => t.spacing.l};
+  @media ${n.tablet} {
+    gap: ${({ theme: e }) => e.spacing.l};
   }
-`, d = i.div`
+`, y = o.div`
   display: flex;
   flex-direction: column;
-  gap: ${({ theme: t }) => t.spacing.xs};
+  gap: ${({ theme: e }) => e.spacing.xs};
   min-width: 10.5rem;
 
-  @media ${a.tablet} {
+  @media ${n.tablet} {
     min-width: 9.5rem;
   }
-`, x = i.div`
-  font-family: ${({ theme: t }) => t.fonts.english};
-  font-weight: ${({ theme: t }) => t.typography.weights.semiBold};
-  font-size: ${({ theme: t }) => t.typography.sizes.s4};
-  line-height: ${({ theme: t }) => t.typography.lineHeights.s};
-  letter-spacing: ${({ theme: t }) => t.typography.letterSpacings.balancedNarrow};
-  color: ${({ theme: t }) => t.colors.grey.n650};
-`, w = i.div`
+`, m = o.div`
+  font-family: ${({ theme: e }) => e.fonts.english};
+  font-weight: ${({ theme: e }) => e.typography.weights.semiBold};
+  font-size: ${({ theme: e }) => e.typography.sizes.s4};
+  line-height: ${({ theme: e }) => e.typography.lineHeights.s};
+  letter-spacing: ${({ theme: e }) => e.typography.letterSpacings.balancedNarrow};
+  color: ${({ theme: e }) => e.colors.grey.n650};
+`, d = o.div`
   display: flex;
   align-items: baseline;
-  gap: ${({ theme: t }) => t.spacing.xxs};
+  gap: ${({ theme: e }) => e.spacing.xxs};
   direction: ltr;
-`, u = i.img`
-  width: ${({ $width: t = "18px" }) => t};
-  height: ${({ $height: t = "20px" }) => t};
-  object-fit: contain;
-  flex-shrink: 0;
-`, j = i.span`
-  font-family: ${({ theme: t }) => t.fonts.arabic};
-  font-weight: ${({ theme: t }) => t.typography.weights.bold};
-  font-size: ${({ theme: t }) => t.typography.sizes.s10};
-  line-height: ${({ theme: t }) => t.typography.lineHeights.xl};
-  letter-spacing: ${({ theme: t }) => t.typography.letterSpacings.balancedNarrow};
+`, $ = o.span`
+  font-family: ${({ theme: e }) => e.fonts.arabic};
+  font-weight: ${({ theme: e }) => e.typography.weights.bold};
+  font-size: ${({ theme: e }) => e.typography.sizes.s10};
+  line-height: ${({ theme: e }) => e.typography.lineHeights.xl};
+  letter-spacing: ${({ theme: e }) => e.typography.letterSpacings.balancedNarrow};
   text-align: center;
-  color: ${({ theme: t, $highlight: s }) => s ? t.colors.state.success.n450 : t.colors.grey.n400};
-`, b = i.span`
-  font-family: ${({ theme: t }) => t.fonts.english};
-  font-weight: ${({ theme: t }) => t.typography.weights.regular};
-  font-size: ${({ theme: t }) => t.typography.sizes.s2};
-  line-height: ${({ theme: t }) => t.typography.lineHeights.xs};
-  letter-spacing: ${({ theme: t }) => t.typography.letterSpacings.normal};
-  color: ${({ theme: t, $highlight: s }) => s ? t.colors.state.success.n450 : t.colors.grey.n400};
+  color: ${({ theme: e, $color: s }) => s || e.colors.grey.n400};
+`, f = o.span`
+  font-family: ${({ theme: e }) => e.fonts.english};
+  font-weight: ${({ theme: e }) => e.typography.weights.regular};
+  font-size: ${({ theme: e }) => e.typography.sizes.s2};
+  line-height: ${({ theme: e }) => e.typography.lineHeights.xs};
+  letter-spacing: ${({ theme: e }) => e.typography.letterSpacings.normal};
+  color: ${({ theme: e, $color: s }) => s || e.colors.grey.n400};
 `;
-function B({
-  title: t,
+function b({
+  title: e,
   items: s,
-  showCurrencyIcon: p = !0,
-  currencyIconWidth: g = "18px",
-  highlightIndex: r
+  showCurrencyIcon: r = !0,
+  currencyIconWidth: l = "18px"
 }) {
-  return /* @__PURE__ */ e.jsxs(m, { children: [
-    /* @__PURE__ */ e.jsx($, { children: t }),
-    /* @__PURE__ */ e.jsx(f, { children: s.map((o, l) => {
-      const n = typeof r == "number" && l === r, c = n ? h : y;
-      return /* @__PURE__ */ e.jsxs(d, { children: [
-        /* @__PURE__ */ e.jsx(x, { children: o.title }),
-        /* @__PURE__ */ e.jsxs(w, { children: [
-          p && /* @__PURE__ */ e.jsx(u, { src: c, alt: "Riyal", $width: g, $height: "20px" }),
-          /* @__PURE__ */ e.jsx(j, { $highlight: n, children: o.amount }),
-          o.decimal ? /* @__PURE__ */ e.jsxs(b, { $highlight: n, children: [
-            ".",
-            o.decimal
-          ] }) : null
-        ] })
-      ] }, `${o.title}-${l}`);
-    }) })
+  return /* @__PURE__ */ t.jsxs(g, { children: [
+    /* @__PURE__ */ t.jsx(c, { children: e }),
+    /* @__PURE__ */ t.jsx(h, { children: s.map((i, a) => /* @__PURE__ */ t.jsxs(y, { children: [
+      /* @__PURE__ */ t.jsx(m, { children: i.title }),
+      /* @__PURE__ */ t.jsxs(d, { children: [
+        r && /* @__PURE__ */ t.jsx(p, { width: l, height: "20", color: i.color }),
+        /* @__PURE__ */ t.jsx($, { $color: i.color, children: i.amount }),
+        i.decimal ? /* @__PURE__ */ t.jsxs(f, { $color: i.color, children: [
+          ".",
+          i.decimal
+        ] }) : null
+      ] })
+    ] }, `${i.title}-${a}`)) })
   ] });
 }
 export {
-  B as default
+  b as default
 };

package/package.json

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

package/dist/assets/svg/RiyalGreen.svg.js

@@ -1,4 +0,0 @@
-const e = "data:image/svg+xml,%3csvg%20width='18'%20height='20'%20viewBox='0%200%2018%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_7331_6281)'%3e%3cpath%20d='M11.2023%2017.7177C10.8811%2018.4258%2010.6687%2019.1942%2010.5874%2020L17.3848%2018.5635C17.706%2017.8556%2017.9181%2017.0871%2017.9996%2016.2812L11.2023%2017.7177Z'%20fill='%231DBA63'/%3e%3cpath%20d='M17.3851%2014.2599C17.7063%2013.552%2017.9187%2012.7835%2018%2011.9777L12.7051%2013.0972V10.945L17.385%209.9563C17.7062%209.2484%2017.9185%208.47985%2017.9998%207.67405L12.7049%208.79265V1.0527C11.8936%201.50558%2011.173%202.10842%2010.5873%202.81951V9.24028L8.46968%209.68776V0C7.65833%200.452726%206.93778%201.05572%206.35206%201.76681V10.1351L1.61387%2011.136C1.29267%2011.8439%201.08019%2012.6125%200.998683%2013.4183L6.35206%2012.2873V14.9976L0.61487%2016.2096C0.293664%2016.9175%200.0813422%2017.6861%200%2018.4919L6.00523%2017.2232C6.49408%2017.1221%206.91425%2016.8347%207.18741%2016.4393L8.28874%2014.8161V14.8158C8.40306%2014.6478%208.46968%2014.4454%208.46968%2014.2273V11.8398L10.5873%2011.3923V15.6967L17.385%2014.2596L17.3851%2014.2599Z'%20fill='%231DBA63'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_7331_6281'%3e%3crect%20width='18'%20height='20'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e";
-export {
-  e as default
-};

package/dist/assets/svg/RiyalGrey.svg.js

@@ -1,4 +0,0 @@
-const e = "data:image/svg+xml,%3csvg%20width='18'%20height='21'%20viewBox='0%200%2018%2021'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_7331_6256)'%3e%3cpath%20d='M11.2023%2018.7177C10.8811%2019.4258%2010.6687%2020.1942%2010.5874%2021L17.3848%2019.5635C17.706%2018.8556%2017.9181%2018.0871%2017.9996%2017.2812L11.2023%2018.7177Z'%20fill='%236D798A'/%3e%3cpath%20d='M17.3851%2015.2599C17.7063%2014.552%2017.9187%2013.7835%2018%2012.9777L12.7051%2014.0972V11.945L17.385%2010.9563C17.7062%2010.2484%2017.9185%209.47985%2017.9998%208.67405L12.7049%209.79265V2.0527C11.8936%202.50558%2011.173%203.10842%2010.5873%203.81951V10.2403L8.46968%2010.6878V1C7.65833%201.45273%206.93778%202.05572%206.35206%202.76681V11.1351L1.61387%2012.136C1.29267%2012.8439%201.08019%2013.6125%200.998683%2014.4183L6.35206%2013.2873V15.9976L0.61487%2017.2096C0.293664%2017.9175%200.0813422%2018.6861%200%2019.4919L6.00523%2018.2232C6.49408%2018.1221%206.91425%2017.8347%207.18741%2017.4393L8.28874%2015.8161V15.8158C8.40306%2015.6478%208.46968%2015.4454%208.46968%2015.2273V12.8398L10.5873%2012.3923V16.6967L17.385%2015.2596L17.3851%2015.2599Z'%20fill='%236D798A'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_7331_6256'%3e%3crect%20width='18'%20height='20'%20fill='white'%20transform='translate(0%201)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e";
-export {
-  e as default
-};