@stackshift-ui/stats-card 6.0.12 → 7.0.0-beta.1

package/dist/chunk-GIYA6F3L.mjs

@@ -0,0 +1 @@
+import{DefaultComponent as u,useStackShiftUIComponents as N}from"@stackshift-ui/system";import{Text as b}from"@stackshift-ui/text";import k from"classnames";import{jsx as e,jsxs as l}from"react/jsx-runtime";var m="StatsCard",h=({variant:s="inline",icon:n,value:d,label:p,alt:t,children:v,className:C,as:g,...y})=>{var r,c;let{[m]:f=u}=N(),a="w-full px-4",i={inline:`${a} flex items-center`,stacked:`${a} block`},o={inline:"inline-block p-4 mr-4 rounded bg-secondary/50",stacked:"inline-block p-4 mx-auto rounded bg-secondary/50"},x=(r=i[s])!=null?r:i.inline,T=(c=o[s])!=null?c:o.inline;return l(f,{as:g,className:k(x,C),...y,children:[n&&e("div",{className:T,children:e("img",{src:n,width:24,height:24,alt:t!=null?t:"statistics-icon"})}),l("div",{children:[e("p",{className:"text-2xl text-gray-500 font-bold",children:d}),e(b,{muted:!0,children:p})]})]})};h.displayName=m;export{h as a};

package/dist/index.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";var v=Object.create;var o=Object.defineProperty;var S=Object.getOwnPropertyDescriptor;var P=Object.getOwnPropertyNames;var E=Object.getPrototypeOf,H=Object.prototype.hasOwnProperty;var L=(e,t)=>{for(var s in t)o(e,s,{get:t[s],enumerable:!0})},g=(e,t,s,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of P(t))!H.call(e,n)&&n!==s&&o(e,n,{get:()=>t[n],enumerable:!(i=S(t,n))||i.enumerable});return e};var M=(e,t,s)=>(s=e!=null?v(E(e)):{},g(t||!e||!e.__esModule?o(s,"default",{value:e,enumerable:!0}):s,e)),R=e=>g(o({},"__esModule",{value:!0}),e);var V={};L(V,{StatsCard:()=>y});module.exports=R(V);var r=require("@stackshift-ui/system"),f=require("@stackshift-ui/text"),x=M(require("classnames")),a=require("react/jsx-runtime"),c="StatsCard",y=({variant:e="inline",icon:t,value:s,label:i,alt:n,children:w,className:u,as:T,...N})=>{var p,C;let{[c]:b=r.DefaultComponent}=(0,r.useStackShiftUIComponents)(),l="w-full px-4",m={inline:`${l} flex items-center`,stacked:`${l} block`},d={inline:"inline-block p-4 mr-4 rounded bg-secondary/50",stacked:"inline-block p-4 mx-auto rounded bg-secondary/50"},k=(p=m[e])!=null?p:m.inline,h=(C=d[e])!=null?C:d.inline;return(0,a.jsxs)(b,{as:T,className:(0,x.default)(k,u),...N,"data-testid":c,children:[t&&(0,a.jsx)("div",{className:h,children:(0,a.jsx)("img",{src:t,width:24,height:24,alt:n!=null?n:"statistics-icon"})}),(0,a.jsxs)("div",{children:[(0,a.jsx)("p",{className:"text-2xl text-gray-500 font-bold",children:s}),(0,a.jsx)(f.Text,{muted:!0,children:i})]})]})};y.displayName=c;0&&(module.exports={StatsCard});
+"use strict";var v=Object.create;var o=Object.defineProperty;var S=Object.getOwnPropertyDescriptor;var P=Object.getOwnPropertyNames;var E=Object.getPrototypeOf,H=Object.prototype.hasOwnProperty;var L=(e,t)=>{for(var s in t)o(e,s,{get:t[s],enumerable:!0})},C=(e,t,s,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of P(t))!H.call(e,n)&&n!==s&&o(e,n,{get:()=>t[n],enumerable:!(i=S(t,n))||i.enumerable});return e};var M=(e,t,s)=>(s=e!=null?v(E(e)):{},C(t||!e||!e.__esModule?o(s,"default",{value:e,enumerable:!0}):s,e)),R=e=>C(o({},"__esModule",{value:!0}),e);var V={};L(V,{StatsCard:()=>y});module.exports=R(V);var r=require("@stackshift-ui/system"),g=require("@stackshift-ui/text"),f=M(require("classnames")),a=require("react/jsx-runtime"),x="StatsCard",y=({variant:e="inline",icon:t,value:s,label:i,alt:n,children:w,className:u,as:T,...N})=>{var p,d;let{[x]:b=r.DefaultComponent}=(0,r.useStackShiftUIComponents)(),c="w-full px-4",l={inline:`${c} flex items-center`,stacked:`${c} block`},m={inline:"inline-block p-4 mr-4 rounded bg-secondary/50",stacked:"inline-block p-4 mx-auto rounded bg-secondary/50"},k=(p=l[e])!=null?p:l.inline,h=(d=m[e])!=null?d:m.inline;return(0,a.jsxs)(b,{as:T,className:(0,f.default)(k,u),...N,children:[t&&(0,a.jsx)("div",{className:h,children:(0,a.jsx)("img",{src:t,width:24,height:24,alt:n!=null?n:"statistics-icon"})}),(0,a.jsxs)("div",{children:[(0,a.jsx)("p",{className:"text-2xl text-gray-500 font-bold",children:s}),(0,a.jsx)(g.Text,{muted:!0,children:i})]})]})};y.displayName=x;0&&(module.exports={StatsCard});

package/dist/index.mjs

@@ -1,2 +1,2 @@
 "use client";
-"use strict";import{a as e}from"./chunk-PPE2N5CX.mjs";export{e as StatsCard};
+"use strict";import{a as e}from"./chunk-GIYA6F3L.mjs";export{e as StatsCard};

package/dist/stats-card.js

@@ -1 +1 @@
-"use strict";var v=Object.create;var o=Object.defineProperty;var S=Object.getOwnPropertyDescriptor;var P=Object.getOwnPropertyNames;var E=Object.getPrototypeOf,H=Object.prototype.hasOwnProperty;var L=(e,t)=>{for(var s in t)o(e,s,{get:t[s],enumerable:!0})},g=(e,t,s,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of P(t))!H.call(e,n)&&n!==s&&o(e,n,{get:()=>t[n],enumerable:!(i=S(t,n))||i.enumerable});return e};var M=(e,t,s)=>(s=e!=null?v(E(e)):{},g(t||!e||!e.__esModule?o(s,"default",{value:e,enumerable:!0}):s,e)),R=e=>g(o({},"__esModule",{value:!0}),e);var V={};L(V,{StatsCard:()=>x});module.exports=R(V);var r=require("@stackshift-ui/system"),y=require("@stackshift-ui/text"),f=M(require("classnames")),a=require("react/jsx-runtime"),c="StatsCard",x=({variant:e="inline",icon:t,value:s,label:i,alt:n,children:w,className:T,as:u,...N})=>{var p,C;let{[c]:b=r.DefaultComponent}=(0,r.useStackShiftUIComponents)(),l="w-full px-4",m={inline:`${l} flex items-center`,stacked:`${l} block`},d={inline:"inline-block p-4 mr-4 rounded bg-secondary/50",stacked:"inline-block p-4 mx-auto rounded bg-secondary/50"},k=(p=m[e])!=null?p:m.inline,h=(C=d[e])!=null?C:d.inline;return(0,a.jsxs)(b,{as:u,className:(0,f.default)(k,T),...N,"data-testid":c,children:[t&&(0,a.jsx)("div",{className:h,children:(0,a.jsx)("img",{src:t,width:24,height:24,alt:n!=null?n:"statistics-icon"})}),(0,a.jsxs)("div",{children:[(0,a.jsx)("p",{className:"text-2xl text-gray-500 font-bold",children:s}),(0,a.jsx)(y.Text,{muted:!0,children:i})]})]})};x.displayName=c;0&&(module.exports={StatsCard});
+"use strict";var v=Object.create;var o=Object.defineProperty;var S=Object.getOwnPropertyDescriptor;var P=Object.getOwnPropertyNames;var E=Object.getPrototypeOf,H=Object.prototype.hasOwnProperty;var L=(e,t)=>{for(var s in t)o(e,s,{get:t[s],enumerable:!0})},C=(e,t,s,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of P(t))!H.call(e,n)&&n!==s&&o(e,n,{get:()=>t[n],enumerable:!(i=S(t,n))||i.enumerable});return e};var M=(e,t,s)=>(s=e!=null?v(E(e)):{},C(t||!e||!e.__esModule?o(s,"default",{value:e,enumerable:!0}):s,e)),R=e=>C(o({},"__esModule",{value:!0}),e);var V={};L(V,{StatsCard:()=>x});module.exports=R(V);var r=require("@stackshift-ui/system"),g=require("@stackshift-ui/text"),y=M(require("classnames")),a=require("react/jsx-runtime"),f="StatsCard",x=({variant:e="inline",icon:t,value:s,label:i,alt:n,children:w,className:T,as:u,...N})=>{var d,p;let{[f]:b=r.DefaultComponent}=(0,r.useStackShiftUIComponents)(),c="w-full px-4",l={inline:`${c} flex items-center`,stacked:`${c} block`},m={inline:"inline-block p-4 mr-4 rounded bg-secondary/50",stacked:"inline-block p-4 mx-auto rounded bg-secondary/50"},k=(d=l[e])!=null?d:l.inline,h=(p=m[e])!=null?p:m.inline;return(0,a.jsxs)(b,{as:u,className:(0,y.default)(k,T),...N,children:[t&&(0,a.jsx)("div",{className:h,children:(0,a.jsx)("img",{src:t,width:24,height:24,alt:n!=null?n:"statistics-icon"})}),(0,a.jsxs)("div",{children:[(0,a.jsx)("p",{className:"text-2xl text-gray-500 font-bold",children:s}),(0,a.jsx)(g.Text,{muted:!0,children:i})]})]})};x.displayName=f;0&&(module.exports={StatsCard});

package/dist/stats-card.mjs

@@ -1 +1 @@
-import{a}from"./chunk-PPE2N5CX.mjs";export{a as StatsCard};
+import{a}from"./chunk-GIYA6F3L.mjs";export{a as StatsCard};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@stackshift-ui/stats-card",
   "description": "",
-  "version": "6.0.12",
+  "version": "7.0.0-beta.1",
   "private": false,
   "sideEffects": false,
   "main": "./dist/index.js",
@@ -29,21 +29,21 @@
     "typescript": "^5.6.2",
     "vite-tsconfig-paths": "^5.0.1",
     "vitest": "^2.1.1",
-    "@stackshift-ui/eslint-config": "6.0.10",
-    "@stackshift-ui/typescript-config": "6.0.10"
+    "@stackshift-ui/typescript-config": "6.0.10",
+    "@stackshift-ui/eslint-config": "6.0.10"
   },
   "dependencies": {
     "classnames": "^2.5.1",
-    "@stackshift-ui/system": "6.0.11",
-    "@stackshift-ui/scripts": "6.0.10",
-    "@stackshift-ui/text": "6.0.11"
+    "@stackshift-ui/system": "6.1.0-beta.1",
+    "@stackshift-ui/scripts": "6.1.0-beta.0",
+    "@stackshift-ui/text": "7.0.0-beta.1"
   },
   "peerDependencies": {
     "@types/react": "16.8 - 19",
     "next": "10 - 14",
     "react": "16.8 - 19",
     "react-dom": "16.8 - 19",
-    "@stackshift-ui/system": ">=6.0.11"
+    "@stackshift-ui/system": ">=6.1.0-beta.1"
   },
   "peerDependenciesMeta": {
     "next": {

package/src/stats-card.test.tsx

@@ -13,7 +13,15 @@ describe.concurrent("stats-card", () => {
 
   test("Common: Stats Card - test if renders without errors", ({ expect }) => {
     const clx = "statscard-class";
-    render(<StatsCard className={clx} icon={ARGS.ICON} value={ARGS.VALUE} label={ARGS.LABEL} />);
+    render(
+      <StatsCard
+        data-testid="div"
+        className={clx}
+        icon={ARGS.ICON}
+        value={ARGS.VALUE}
+        label={ARGS.LABEL}
+      />,
+    );
     expect(screen.getByTestId("div").classList).toContain(clx);
   });
 });

package/src/stats-card.tsx

@@ -46,7 +46,7 @@ export const StatsCard: React.FC<StatsCardProps> = ({
   const imageClasses = imageVariantClass[variant] ?? imageVariantClass["inline"];
 
   return (
-    <Component as={as} className={cn(classes, className)} {...props} data-testid={displayName}>
+    <Component as={as} className={cn(classes, className)} {...props}>
       {icon && (
         <div className={imageClasses}>
           <img src={icon} width={24} height={24} alt={alt ?? "statistics-icon"} />

package/dist/chunk-PPE2N5CX.mjs

@@ -1 +0,0 @@
-import{DefaultComponent as u,useStackShiftUIComponents as N}from"@stackshift-ui/system";import{Text as b}from"@stackshift-ui/text";import k from"classnames";import{jsx as e,jsxs as m}from"react/jsx-runtime";var s="StatsCard",h=({variant:n="inline",icon:a,value:d,label:p,alt:t,children:v,className:C,as:g,...y})=>{var c,l;let{[s]:f=u}=N(),i="w-full px-4",o={inline:`${i} flex items-center`,stacked:`${i} block`},r={inline:"inline-block p-4 mr-4 rounded bg-secondary/50",stacked:"inline-block p-4 mx-auto rounded bg-secondary/50"},x=(c=o[n])!=null?c:o.inline,T=(l=r[n])!=null?l:r.inline;return m(f,{as:g,className:k(x,C),...y,"data-testid":s,children:[a&&e("div",{className:T,children:e("img",{src:a,width:24,height:24,alt:t!=null?t:"statistics-icon"})}),m("div",{children:[e("p",{className:"text-2xl text-gray-500 font-bold",children:d}),e(b,{muted:!0,children:p})]})]})};h.displayName=s;export{h as a};