@stackshift-ui/stats-card 7.0.0-beta.4 → 7.0.0-beta.6
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.
- package/dist/chunk-GIYA6F3L.mjs +1 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.js +2 -0
- package/dist/index.mjs +2 -0
- package/dist/stats-card.d.ts +18 -0
- package/dist/stats-card.js +1 -0
- package/dist/stats-card.mjs +1 -0
- package/package.json +7 -7
|
@@ -0,0 +1 @@
|
|
|
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.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from "./stats-card";
|
package/dist/index.js
ADDED
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
"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
ADDED
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import type { ElementType, HTMLProps, ReactNode } from "react";
|
|
2
|
+
type VariantType = "inline" | "stacked";
|
|
3
|
+
export interface StatsCardProps extends Omit<HTMLProps<HTMLElement>, "as"> {
|
|
4
|
+
variant?: VariantType;
|
|
5
|
+
icon: string;
|
|
6
|
+
value: string;
|
|
7
|
+
label: string;
|
|
8
|
+
alt?: string;
|
|
9
|
+
children?: ReactNode;
|
|
10
|
+
className?: string;
|
|
11
|
+
as?: ElementType;
|
|
12
|
+
}
|
|
13
|
+
/**
|
|
14
|
+
* @deprecated Redundant since Card component was added
|
|
15
|
+
* @use Card component
|
|
16
|
+
* */
|
|
17
|
+
export declare const StatsCard: React.FC<StatsCardProps>;
|
|
18
|
+
export {};
|
|
@@ -0,0 +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})},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});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{a}from"./chunk-GIYA6F3L.mjs";export{a as StatsCard};
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@stackshift-ui/stats-card",
|
|
3
3
|
"description": "",
|
|
4
|
-
"version": "7.0.0-beta.
|
|
4
|
+
"version": "7.0.0-beta.6",
|
|
5
5
|
"private": false,
|
|
6
6
|
"sideEffects": false,
|
|
7
7
|
"main": "./dist/index.js",
|
|
@@ -29,21 +29,21 @@
|
|
|
29
29
|
"typescript": "^5.6.2",
|
|
30
30
|
"vite-tsconfig-paths": "^5.0.1",
|
|
31
31
|
"vitest": "^2.1.1",
|
|
32
|
-
"@stackshift-ui/
|
|
33
|
-
"@stackshift-ui/
|
|
32
|
+
"@stackshift-ui/eslint-config": "6.0.10",
|
|
33
|
+
"@stackshift-ui/typescript-config": "6.0.10"
|
|
34
34
|
},
|
|
35
35
|
"dependencies": {
|
|
36
36
|
"classnames": "^2.5.1",
|
|
37
|
-
"@stackshift-ui/
|
|
38
|
-
"@stackshift-ui/
|
|
39
|
-
"@stackshift-ui/
|
|
37
|
+
"@stackshift-ui/text": "7.0.0-beta.6",
|
|
38
|
+
"@stackshift-ui/scripts": "7.0.0-beta.5",
|
|
39
|
+
"@stackshift-ui/system": "7.0.0-beta.6"
|
|
40
40
|
},
|
|
41
41
|
"peerDependencies": {
|
|
42
42
|
"@types/react": "16.8 - 19",
|
|
43
43
|
"next": "10 - 14",
|
|
44
44
|
"react": "16.8 - 19",
|
|
45
45
|
"react-dom": "16.8 - 19",
|
|
46
|
-
"@stackshift-ui/system": ">=7.0.0-beta.
|
|
46
|
+
"@stackshift-ui/system": ">=7.0.0-beta.6"
|
|
47
47
|
},
|
|
48
48
|
"peerDependenciesMeta": {
|
|
49
49
|
"next": {
|