@dimasbaguspm/versaur 0.0.4 → 0.0.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/components/badge/badge.stories.d.ts +4 -0
- package/dist/components/badge/helpers.d.ts +1 -0
- package/dist/components/badge/types.d.ts +7 -0
- package/dist/components/text-input/types.d.ts +1 -1
- package/dist/components/textarea-input/types.d.ts +1 -1
- package/dist/index.js +1260 -1240
- package/dist/styles.css +16 -1
- package/package.json +1 -1
|
@@ -1,5 +1,9 @@
|
|
|
1
1
|
import { Meta, StoryObj } from '@storybook/react';
|
|
2
2
|
import { Badge } from './badge';
|
|
3
|
+
/**
|
|
4
|
+
* Size variants for the Badge component.
|
|
5
|
+
*/
|
|
6
|
+
export declare const Sizes: Story;
|
|
3
7
|
/**
|
|
4
8
|
* The Badge component is used to present or highlight values with various styles and configurations.
|
|
5
9
|
* It supports different variants (default/outline), sizes, shapes, colors, and icon positioning.
|
|
@@ -6,5 +6,6 @@ export declare const badgeVariants: (props?: ({
|
|
|
6
6
|
variant?: "default" | "outline" | null | undefined;
|
|
7
7
|
color?: "primary" | "secondary" | "tertiary" | "ghost" | "neutral" | "success" | "info" | "warning" | "danger" | null | undefined;
|
|
8
8
|
shape?: "square" | "rounded" | null | undefined;
|
|
9
|
+
size?: "sm" | "md" | "lg" | null | undefined;
|
|
9
10
|
iconOnly?: boolean | null | undefined;
|
|
10
11
|
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
@@ -8,6 +8,13 @@ import { HTMLAttributes, ReactNode } from 'react';
|
|
|
8
8
|
* @property iconRight - Icon to display on the right side
|
|
9
9
|
*/
|
|
10
10
|
export interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {
|
|
11
|
+
/**
|
|
12
|
+
* Size of the badge
|
|
13
|
+
* - sm: Small (compact)
|
|
14
|
+
* - md: Medium (default)
|
|
15
|
+
* - lg: Large
|
|
16
|
+
*/
|
|
17
|
+
size?: 'sm' | 'md' | 'lg';
|
|
11
18
|
/**
|
|
12
19
|
* Visual style variant
|
|
13
20
|
* - default: Solid background with text
|