@engrate/components 0.1.15 → 0.1.16
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/components/ui/Card/Card.d.ts +4 -0
- package/dist/index.cjs.js +33 -33
- package/dist/index.es.js +6375 -6352
- package/dist/styles.css +1 -1
- package/package.json +1 -1
|
@@ -4,12 +4,15 @@ declare const cardVariants: (props?: ({
|
|
|
4
4
|
variant?: "default" | "ghost" | "elevated" | null | undefined;
|
|
5
5
|
padding?: "default" | "none" | "sm" | "lg" | null | undefined;
|
|
6
6
|
bg?: "contrast" | "main" | "sunflower" | "lemon-meringue" | "vanilla" | "eggshell" | "warm-purple" | "cool-purple" | "electric-blue" | "deep-blue" | "error" | "transparent" | "card" | "alt" | "sunflower-hover" | null | undefined;
|
|
7
|
+
accent?: "none" | "sunflower" | "warm-purple" | "cool-purple" | "electric-blue" | "deep-blue" | "error" | "border" | null | undefined;
|
|
7
8
|
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
8
9
|
interface CardProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof cardVariants> {
|
|
9
10
|
/** Render as a child component */
|
|
10
11
|
asChild?: boolean;
|
|
11
12
|
/** Background color from Engrate design tokens */
|
|
12
13
|
bg?: VariantProps<typeof cardVariants>['bg'];
|
|
14
|
+
/** Left accent gradient stripe color */
|
|
15
|
+
accent?: VariantProps<typeof cardVariants>['accent'];
|
|
13
16
|
}
|
|
14
17
|
/**
|
|
15
18
|
* Card component for displaying content in a contained area.
|
|
@@ -23,6 +26,7 @@ interface CardProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<t
|
|
|
23
26
|
* </Card>
|
|
24
27
|
* <Card variant="elevated" padding="lg">Elevated card</Card>
|
|
25
28
|
* <Card bg="sunflower">Highlighted card</Card>
|
|
29
|
+
* <Card accent="sunflower">Card with accent stripe</Card>
|
|
26
30
|
* ```
|
|
27
31
|
*/
|
|
28
32
|
declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;
|