styles-update
This commit is contained in:
16
dist/Card/Card.d.ts
vendored
16
dist/Card/Card.d.ts
vendored
@@ -17,19 +17,3 @@ export declare const CardFooter: React.FC<{
|
|||||||
children: React.ReactNode;
|
children: React.ReactNode;
|
||||||
className?: string;
|
className?: string;
|
||||||
}>;
|
}>;
|
||||||
declare const _default: {
|
|
||||||
Card: React.FC<CardProps>;
|
|
||||||
CardHeader: React.FC<{
|
|
||||||
children: React.ReactNode;
|
|
||||||
className?: string;
|
|
||||||
}>;
|
|
||||||
CardFooter: React.FC<{
|
|
||||||
children: React.ReactNode;
|
|
||||||
className?: string;
|
|
||||||
}>;
|
|
||||||
CardContent: React.FC<{
|
|
||||||
children: React.ReactNode;
|
|
||||||
className?: string;
|
|
||||||
}>;
|
|
||||||
};
|
|
||||||
export default _default;
|
|
||||||
|
|||||||
11
dist/Card/Card.js
vendored
11
dist/Card/Card.js
vendored
@@ -1,12 +1,9 @@
|
|||||||
import { jsx as _jsx } from "react/jsx-runtime";
|
import { jsx as _jsx } from "react/jsx-runtime";
|
||||||
export const Card = ({ children, className = '', hover = false }) => {
|
export const Card = ({ children, className = '', hover = false }) => (_jsx("div", { className: `
|
||||||
return (_jsx("div", { className: `
|
|
||||||
bg-white rounded-xl border border-gray-200 shadow-sm
|
bg-white rounded-xl border border-gray-200 shadow-sm
|
||||||
${hover ? 'hover:shadow-md transition-shadow duration-200' : ''}
|
${hover ? 'hover:shadow-md transition-shadow duration-200' : ''}
|
||||||
${className}
|
${className}
|
||||||
`, children: children }));
|
`, children: children }));
|
||||||
};
|
export const CardHeader = ({ children, className = '', }) => _jsx("div", { className: `p-6 pb-4 ${className}`, children: children });
|
||||||
export const CardHeader = ({ children, className = '' }) => (_jsx("div", { className: `p-6 pb-4 ${className}`, children: children }));
|
export const CardContent = ({ children, className = '', }) => _jsx("div", { className: `p-6 pt-0 ${className}`, children: children });
|
||||||
export const CardContent = ({ children, className = '' }) => (_jsx("div", { className: `p-6 pt-0 ${className}`, children: children }));
|
export const CardFooter = ({ children, className = '', }) => _jsx("div", { className: `p-6 pt-4 border-t border-gray-100 ${className}`, children: children });
|
||||||
export const CardFooter = ({ children, className = '' }) => (_jsx("div", { className: `p-6 pt-4 border-t border-gray-100 ${className}`, children: children }));
|
|
||||||
export default { Card, CardHeader, CardFooter, CardContent };
|
|
||||||
|
|||||||
2
dist/Card/index.d.ts
vendored
2
dist/Card/index.d.ts
vendored
@@ -1,2 +1,2 @@
|
|||||||
export { default } from './Card';
|
export { Card, CardHeader, CardContent, CardFooter } from './Card';
|
||||||
export type { CardProps } from './Card';
|
export type { CardProps } from './Card';
|
||||||
|
|||||||
2
dist/Card/index.js
vendored
2
dist/Card/index.js
vendored
@@ -1 +1 @@
|
|||||||
export { default } from './Card';
|
export { Card, CardHeader, CardContent, CardFooter } from './Card';
|
||||||
|
|||||||
5
dist/index.d.ts
vendored
5
dist/index.d.ts
vendored
@@ -1,8 +1,5 @@
|
|||||||
export { default as Button } from './Button';
|
export { default as Button } from './Button';
|
||||||
export { default as Card } from './Card';
|
export { Card, CardHeader, CardContent, CardFooter } from './Card';
|
||||||
export { default as CardHeader } from './Card';
|
|
||||||
export { default as CardFooter } from './Card';
|
|
||||||
export { default as CardContent } from './Card';
|
|
||||||
export { default as Input } from './Input';
|
export { default as Input } from './Input';
|
||||||
export { default as Message } from './Message';
|
export { default as Message } from './Message';
|
||||||
export { default as ChatInterface } from './ChatInterface';
|
export { default as ChatInterface } from './ChatInterface';
|
||||||
|
|||||||
5
dist/index.js
vendored
5
dist/index.js
vendored
@@ -1,9 +1,6 @@
|
|||||||
// src/index.ts
|
// src/index.ts
|
||||||
export { default as Button } from './Button';
|
export { default as Button } from './Button';
|
||||||
export { default as Card } from './Card';
|
export { Card, CardHeader, CardContent, CardFooter } from './Card';
|
||||||
export { default as CardHeader } from './Card';
|
|
||||||
export { default as CardFooter } from './Card';
|
|
||||||
export { default as CardContent } from './Card';
|
|
||||||
export { default as Input } from './Input';
|
export { default as Input } from './Input';
|
||||||
export { default as Message } from './Message';
|
export { default as Message } from './Message';
|
||||||
export { default as ChatInterface } from './ChatInterface';
|
export { default as ChatInterface } from './ChatInterface';
|
||||||
|
|||||||
@@ -10,43 +10,26 @@ export const Card: React.FC<CardProps> = ({
|
|||||||
children,
|
children,
|
||||||
className = '',
|
className = '',
|
||||||
hover = false
|
hover = false
|
||||||
}) => {
|
}) => (
|
||||||
return (
|
<div
|
||||||
<div className={`
|
className={`
|
||||||
bg-white rounded-xl border border-gray-200 shadow-sm
|
bg-white rounded-xl border border-gray-200 shadow-sm
|
||||||
${hover ? 'hover:shadow-md transition-shadow duration-200' : ''}
|
${hover ? 'hover:shadow-md transition-shadow duration-200' : ''}
|
||||||
${className}
|
${className}
|
||||||
`}>
|
`}
|
||||||
{children}
|
>
|
||||||
</div>
|
{children}
|
||||||
);
|
</div>
|
||||||
};
|
);
|
||||||
|
|
||||||
export const CardHeader: React.FC<{ children: React.ReactNode; className?: string }> = ({
|
export const CardHeader: React.FC<{ children: React.ReactNode; className?: string }> = ({
|
||||||
children,
|
children, className = '',
|
||||||
className = ''
|
}) => <div className={`p-6 pb-4 ${className}`}>{children}</div>;
|
||||||
}) => (
|
|
||||||
<div className={`p-6 pb-4 ${className}`}>
|
|
||||||
{children}
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
|
|
||||||
export const CardContent: React.FC<{ children: React.ReactNode; className?: string }> = ({
|
export const CardContent: React.FC<{ children: React.ReactNode; className?: string }> = ({
|
||||||
children,
|
children, className = '',
|
||||||
className = ''
|
}) => <div className={`p-6 pt-0 ${className}`}>{children}</div>;
|
||||||
}) => (
|
|
||||||
<div className={`p-6 pt-0 ${className}`}>
|
|
||||||
{children}
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
|
|
||||||
export const CardFooter: React.FC<{ children: React.ReactNode; className?: string }> = ({
|
export const CardFooter: React.FC<{ children: React.ReactNode; className?: string }> = ({
|
||||||
children,
|
children, className = '',
|
||||||
className = ''
|
}) => <div className={`p-6 pt-4 border-t border-gray-100 ${className}`}>{children}</div>;
|
||||||
}) => (
|
|
||||||
<div className={`p-6 pt-4 border-t border-gray-100 ${className}`}>
|
|
||||||
{children}
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
|
|
||||||
export default {Card,CardHeader,CardFooter,CardContent}
|
|
||||||
|
|||||||
@@ -1,2 +1,2 @@
|
|||||||
export { default } from './Card';
|
export { Card,CardHeader,CardContent,CardFooter} from './Card';
|
||||||
export type { CardProps } from './Card';
|
export type { CardProps } from './Card';
|
||||||
@@ -1,9 +1,6 @@
|
|||||||
// src/index.ts
|
// src/index.ts
|
||||||
export { default as Button } from './Button';
|
export { default as Button } from './Button';
|
||||||
export { default as Card } from './Card';
|
export { Card, CardHeader, CardContent, CardFooter } from './Card';
|
||||||
export { default as CardHeader } from './Card';
|
|
||||||
export { default as CardFooter } from './Card';
|
|
||||||
export { default as CardContent } from './Card';
|
|
||||||
export { default as Input } from './Input';
|
export { default as Input } from './Input';
|
||||||
export { default as Message } from './Message';
|
export { default as Message } from './Message';
|
||||||
export { default as ChatInterface } from './ChatInterface';
|
export { default as ChatInterface } from './ChatInterface';
|
||||||
|
|||||||
Reference in New Issue
Block a user