@fvc/card 1.0.0

package/dist/lib/card/src/Card.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { CardProps } from './types';
+export declare const prefixCls = "fvc-card";
+export declare const Card: {
+    ({ type, testId, minHeight, height, bordered, disableBorderRadius, borderColor, border, scroll, isActiveTheme, overlay, ...props }: CardProps): React.JSX.Element;
+    Title: React.NamedExoticComponent<import("./types").CardTitleProps>;
+    Label: React.NamedExoticComponent<import("./types").CardLabelProps>;
+    Value: React.NamedExoticComponent<import("./types").CardValueProps>;
+};

package/dist/lib/card/src/Label.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { CardLabelProps } from './types';
+declare const _default: React.NamedExoticComponent<CardLabelProps>;
+export default _default;

package/dist/lib/card/src/Title.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { CardTitleProps } from './types';
+declare const _default: React.NamedExoticComponent<CardTitleProps>;
+export default _default;

package/dist/lib/card/src/Value.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { CardValueProps } from './types';
+declare const _default: React.NamedExoticComponent<CardValueProps>;
+export default _default;

package/dist/lib/card/src/helpers/generateSyles.d.ts

@@ -0,0 +1,9 @@
+import { CSSProperties } from 'react';
+interface CardStyleOptions {
+    minHeight?: string | number;
+    height?: string | number;
+    borderColor?: string;
+    scroll?: boolean;
+}
+export declare function generateCardStyle(options: CardStyleOptions): CSSProperties;
+export {};

package/dist/lib/card/src/index.d.ts

@@ -0,0 +1 @@
+export { Card } from './Card';

package/dist/lib/card/src/types/Card.types.d.ts

@@ -0,0 +1,35 @@
+import { ReactElement, ReactNode } from 'react';
+import { type CardProps as DefaultCardProps } from 'antd';
+import { TextProps } from '@fvc/typography/types';
+export type CardType = 'inner' | 'dark-gray' | 'tab' | 'gray' | 'round';
+type BorderSize = 'default' | 16 | 32;
+export type CardProps = Omit<DefaultCardProps, 'type'> & {
+    testId?: string;
+    height?: string | number;
+    minHeight?: string | number;
+    scroll?: boolean;
+    block?: boolean;
+    overlay?: boolean;
+    disableBorderRadius?: boolean;
+    border?: BorderSize;
+    type?: CardType;
+    borderColor?: string;
+    isActiveTheme?: boolean;
+};
+export interface CardTitleProps {
+    children: ReactNode | string;
+    testId?: string;
+}
+export interface CardLabelProps {
+    children: ReactNode | string;
+    testId?: string;
+    icon?: ReactNode;
+    isEnableMargin?: boolean;
+}
+export interface CardValueProps extends TextProps {
+    children?: ReactNode;
+    icon?: ReactElement;
+    iconPosition?: 'right' | 'left';
+    testId?: string;
+}
+export {};

package/dist/lib/card/src/types/index.d.ts

@@ -0,0 +1 @@
+export * from './Card.types';

package/dist/lib/index.js

@@ -0,0 +1,6 @@
+import e,{memo as r}from"react";import{Card as t}from"antd";import{cssVarResolver as o}from"@fvc/utils";import{Box as n}from"@fvc/box";import{Typography as a}from"@fvc/typography";var d=function(){return d=Object.assign||function(e){for(var r,t=1,o=arguments.length;t<o;t++)for(var n in r=arguments[t])Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n]);return e},d.apply(this,arguments)};function i(e,r){var t={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&r.indexOf(o)<0&&(t[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(o=Object.getOwnPropertySymbols(e);n<o.length;n++)r.indexOf(o[n])<0&&Object.prototype.propertyIsEnumerable.call(e,o[n])&&(t[o[n]]=e[o[n]])}return t}function c(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}"function"==typeof SuppressedError&&SuppressedError;var l,s={exports:{}};
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/var u,p=(l||(l=1,u=s,function(){var e={}.hasOwnProperty;function r(){for(var e="",r=0;r<arguments.length;r++){var n=arguments[r];n&&(e=o(e,t(n)))}return e}function t(t){if("string"==typeof t||"number"==typeof t)return t;if("object"!=typeof t)return"";if(Array.isArray(t))return r.apply(null,t);if(t.toString!==Object.prototype.toString&&!t.toString.toString().includes("[native code]"))return t.toString();var n="";for(var a in t)e.call(t,a)&&t[a]&&(n=o(n,a));return n}function o(e,r){return r?e?e+" "+r:e+r:e}u.exports?(r.default=r,u.exports=r):window.classNames=r}()),s.exports),m=c(p);var _={};function v(e){var r=e.minHeight,t=e.height,n=e.borderColor,a=e.scroll,d={};return void 0!==r&&(d.minHeight=o(r)),void 0!==t&&(d.height=o(t)),n&&(d.borderColor=n),a&&(d.overflowY="auto"),d}!function(e,r){void 0===r&&(r={});var t=r.insertAt;if("undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===t&&o.firstChild?o.insertBefore(n,o.firstChild):o.appendChild(n),n.styleSheet?n.styleSheet.cssText=e:n.appendChild(document.createTextNode(e))}}('.Card-module_fvc-card__SIHyV {\n  font-family: "Montserrat", sans-serif;\n  background: var(--blue-20);\n  border-radius: 8px;\n}\n.Card-module_fvc-card-wrapper__6M7FO {\n  position: relative;\n}\n.Card-module_fvc-card-head__34OLh {\n  padding: 0 16px;\n  font-weight: 500;\n}\n.Card-module_fvc-card-body__VM86h {\n  padding: 16px;\n}\n.Card-module_fvc-card-block__6GrnN {\n  width: 100%;\n}\n.Card-module_fvc-card-border-16__lws1F {\n  border-radius: 16px;\n}\n.Card-module_fvc-card-border-32__oxKcH {\n  border-radius: 32px;\n}\n.Card-module_fvc-card-no-border-radius__3cG-r {\n  border-radius: 0;\n}\n.Card-module_fvc-card-with-border__9J4BV {\n  border: 1px solid;\n}\n.Card-module_fvc-card-overlay__eYIMP {\n  position: absolute;\n  top: 0;\n  height: 100%;\n  border-radius: 8px;\n  cursor: pointer;\n  background-color: rgba(176, 0, 32, 0.16);\n}\n.Card-module_fvc-card-type-tab__43ouo, .Card-module_fvc-card-type-round__1gcAq {\n  color: var(--body-text-color-1000);\n  background: var(--neutral-0);\n  min-height: calc(100vh - 110px);\n}\n.Card-module_fvc-card-type-tab__43ouo {\n  border-radius: 0 16px 16px;\n}\n.Card-module_fvc-card-type-round__1gcAq {\n  border-radius: 16px;\n}\n.Card-module_fvc-card-type-inner__Kjj6z {\n  background-color: var(--neutral-0) !important;\n  display: inline-block;\n  width: 100%;\n}\n.Card-module_fvc-card-type-inner-head__eVH70 {\n  padding: 0 16px;\n  background-color: var(--neutral-0) !important;\n}\n.Card-module_fvc-card-type-inner-head-title__u96M2 {\n  padding: 16px 0;\n  font-size: 16px;\n}\n.Card-module_fvc-card-type-inner-body__d5aOJ {\n  padding: 16px;\n}\n.Card-module_fvc-card-type-inner-extra__cLdc4 {\n  padding: 17.5px 0;\n}\n.Card-module_fvc-card-theme__M9p20 {\n  background: var(--theme-primary) !important;\n}\n.Card-module_fvc-card-theme__M9p20 .Card-module_vis-table-thead__6jDDx > tr > th {\n  background: var(--theme-secondary) !important;\n}\n.Card-module_fvc-card-theme__M9p20 .Card-module_vis-table-tbody__CFOin > tr.Card-module_vis-table-row__5cyrR > td {\n  background: var(--theme-primary) !important;\n}\n.Card-module_fvc-card-theme__M9p20 .Card-module_vis-table-tbody__CFOin > tr.Card-module_vis-table-row__5cyrR > td.Card-module_el-table-head__2J3o- {\n  background: var(--theme-secondary) !important;\n}\n.Card-module_fvc-card-theme__M9p20 .Card-module_vis-table-tbody__CFOin > tr.Card-module_vis-table-row__5cyrR:not(.Card-module_vis-table-row-level-0__ACI--) > td {\n  background: var(--theme-secondary) !important;\n}\n.Card-module_fvc-card-value-icon-left__BMaaJ {\n  display: flex;\n  flex-direction: row;\n}\n.Card-module_fvc-card-value-icon-right__ZS5Mv {\n  display: flex;\n  flex-direction: row-reverse;\n}');var f=r((function(r){var t=r.children,o=r.testId,d=r.icon,i=r.isEnableMargin,c=void 0===i||i;return e.createElement(n.Row,{className:c?"mt-3":""},e.createElement(a.Text,{"data-testd":o,font:"Roboto",className:"mr-2",size:14,weight:400,lineHeight:"16"},t,d))})),b=r((function(r){var t=r.children,o=r.testId;return e.createElement(a.Text,{font:"Montserrat",className:"mb-3","data-testid":o,size:20,weight:700,lineHeight:"20"},t)})),h=r((function(r){var t,o=r.children,c=void 0===o?"":o,l=r.className,s=r.color,u=void 0===s?"var(--body-text-color-1000)":s,p=r.icon,_=void 0===p?e.createElement(e.Fragment,null):p,v=r.iconPosition,f=void 0===v?"right":v,b=r.lineHeight,h=void 0===b?20:b,y=r.size,g=void 0===y?16:y,C=r.testId,x=r.weight,w=void 0===x?500:x,O=i(r,["children","className","color","icon","iconPosition","lineHeight","size","testId","weight"]);return e.createElement(n.Row,{className:null!=l?l:"mt-1"},"number"==typeof c||"string"==typeof c?e.createElement(a.Text,d({font:"Roboto",color:u,size:g,weight:w,lineHeight:h,testId:C,className:m((t={},t["".concat("fvc-card-value","-icon-").concat(f)]=!!f,t))},O),_,c):c)})),y="fvc-card",g=function(r){var o,n=r.type,a=r.testId,c=r.minHeight,l=r.height,s=r.bordered,u=void 0!==s&&s,p=r.disableBorderRadius,f=void 0!==p&&p,b=r.borderColor,h=r.border,g=r.scroll,C=r.isActiveTheme,x=void 0!==C&&C,w=r.overlay,O=void 0!==w&&w,E=i(r,["type","testId","minHeight","height","bordered","disableBorderRadius","borderColor","border","scroll","isActiveTheme","overlay"]),M="inner"===n?n:void 0,N=m(_.prefixCls,((o={})["".concat(y,"-type-").concat(n)]=n,o["".concat(y,"-theme")]=x,o["".concat(y,"-with-border")]=!!b,o["".concat(y,"-border-").concat(h)]=h,o["".concat(y,"-no-border-radius")]=f,o),E.className);return e.createElement("div",{className:"".concat(y,"-wrapper")},e.createElement(t,d({"data-testid":a},E,{prefixCls:y,type:M,bordered:u,style:d(d({},v({minHeight:c,height:l,borderColor:b,scroll:g})),E.style),className:N})),O&&e.createElement("div",{role:"presentation",className:"".concat(y,"-overlay ").concat(y,"-block")}))};g.Title=b,g.Label=f,g.Value=h;export{g as Card};

package/package.json

@@ -0,0 +1,33 @@
+{
+  "name": "@fvc/card",
+  "version": "1.0.0",
+  "main": "./dist/lib/index.js",
+  "types": "./dist/lib/card/src/index.d.ts",
+  "files": [
+    "dist/lib/index.js",
+    "dist/lib/card",
+    "package.json"
+  ],
+  "exports": {
+    ".": {
+      "import": "./dist/lib/index.js",
+      "types": "./dist/lib/card/src/index.d.ts"
+    },
+    "./types/*": "./dist/lib/card/src/types/*"
+  },
+  "scripts": {
+    "build": "rm -rf dist && eslint --config ../../eslint.config.js . && bunx tsc --noEmit && rollup -c ./rollup.config.mjs"
+  },
+  "dependencies": {
+    "react": "^18.0.0",
+    "antd": "^5.0.0",
+    "@fvc/box": "file:../box",
+    "@fvc/typography": "file:../typography",
+    "@fvc/utils": "file:../utils"
+  },
+  "peerDependencies": {
+    "@fvc/box": "*",
+    "@fvc/typography": "*",
+    "@fvc/utils": "*"
+  }
+}