@vaneui/ui 0.3.1-alpha.20251201144940.b3e097b → 0.3.1-alpha.20251213103636.79707b4
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/badge.d.ts +1 -1
- package/dist/components/ui/button.d.ts +2 -2
- package/dist/components/ui/card.d.ts +1 -1
- package/dist/components/ui/chip.d.ts +1 -1
- package/dist/components/ui/code.d.ts +1 -1
- package/dist/components/ui/docs/propDocs.d.ts +2 -2
- package/dist/components/ui/docs/propDocs.d.ts.map +1 -1
- package/dist/components/ui/input.d.ts +1 -1
- package/dist/index.esm.js +7 -7
- package/dist/index.js +7 -7
- package/package.json +1 -1
|
@@ -35,7 +35,7 @@ export type BadgeProps = BaseProps & SizeProps & HideProps & ItemsProps & Justif
|
|
|
35
35
|
* @example
|
|
36
36
|
* ```tsx
|
|
37
37
|
* // Badge as a link
|
|
38
|
-
* <Badge href="/beta" info
|
|
38
|
+
* <Badge href="/beta" info outline>Beta</Badge>
|
|
39
39
|
* ```
|
|
40
40
|
*
|
|
41
41
|
* @see {@link BadgeProps} for all available props
|
|
@@ -14,7 +14,7 @@ export type ButtonProps = BaseProps & SizeProps & HideProps & ItemsProps & Justi
|
|
|
14
14
|
*
|
|
15
15
|
* Supports rendering as a button element or anchor tag when href is provided.
|
|
16
16
|
* Can be styled with different appearances (primary, secondary, success, etc.),
|
|
17
|
-
* sizes (xs to xl), and variants (filled,
|
|
17
|
+
* sizes (xs to xl), and variants (filled, outline).
|
|
18
18
|
*
|
|
19
19
|
* @example
|
|
20
20
|
* ```tsx
|
|
@@ -37,7 +37,7 @@ export type ButtonProps = BaseProps & SizeProps & HideProps & ItemsProps & Justi
|
|
|
37
37
|
* @example
|
|
38
38
|
* ```tsx
|
|
39
39
|
* // Danger button with custom styling
|
|
40
|
-
* <Button danger
|
|
40
|
+
* <Button danger outline className="w-full">Delete</Button>
|
|
41
41
|
* ```
|
|
42
42
|
*
|
|
43
43
|
* @see {@link ButtonProps} for all available props
|
|
@@ -24,7 +24,7 @@ export type CardProps = BaseProps & FontWeightProps & FontStyleProps & TextDecor
|
|
|
24
24
|
* @example
|
|
25
25
|
* ```tsx
|
|
26
26
|
* // Card with styling
|
|
27
|
-
* <Card primary
|
|
27
|
+
* <Card primary outline shadow padding gap>
|
|
28
28
|
* <Title>Feature</Title>
|
|
29
29
|
* <Text>Description of the feature</Text>
|
|
30
30
|
* <Button>Learn More</Button>
|
|
@@ -29,7 +29,7 @@ export type ChipProps = BaseProps & SizeProps & HideProps & ItemsProps & Justify
|
|
|
29
29
|
* @example
|
|
30
30
|
* ```tsx
|
|
31
31
|
* // Removable tag chip
|
|
32
|
-
* <Chip secondary
|
|
32
|
+
* <Chip secondary outline xs>TypeScript ×</Chip>
|
|
33
33
|
* ```
|
|
34
34
|
*
|
|
35
35
|
* @example
|
|
@@ -27,7 +27,7 @@ export type CodeProps = BaseProps & SizeProps & HideProps & ItemsProps & Justify
|
|
|
27
27
|
* @example
|
|
28
28
|
* ```tsx
|
|
29
29
|
* // Code block style
|
|
30
|
-
* <Code secondary
|
|
30
|
+
* <Code secondary outline lg mono>function hello() {}</Code>
|
|
31
31
|
* ```
|
|
32
32
|
*
|
|
33
33
|
* @example
|
|
@@ -30,9 +30,9 @@ export declare const APPEARANCE_PROPS_LAYOUT = "\n * APPEARANCE PROPS (Backgroun
|
|
|
30
30
|
*/
|
|
31
31
|
export declare const APPEARANCE_PROPS_TEXT = "\n * APPEARANCE PROPS (Text Color):\n * @param props.default - Default text color (gray-900)\n * @param props.primary - Primary text color (blue-600)\n * @param props.secondary - Secondary text color (gray-600)\n * @param props.tertiary - Tertiary text color (gray-500)\n * @param props.accent - Accent text color (rose-700)\n * @param props.success - Success text color (emerald-600)\n * @param props.danger - Danger text color (red-600)\n * @param props.warning - Warning text color (amber-600)\n * @param props.info - Info text color (cyan-600)\n * @param props.link - Link text color (blue-600)";
|
|
32
32
|
/**
|
|
33
|
-
* Variant props (filled,
|
|
33
|
+
* Variant props (filled, outline)
|
|
34
34
|
*/
|
|
35
|
-
export declare const VARIANT_PROPS = "\n * VARIANT PROPS:\n * @param props.filled - Filled variant with solid background\n * @param props.
|
|
35
|
+
export declare const VARIANT_PROPS = "\n * VARIANT PROPS:\n * @param props.filled - Filled variant with solid background\n * @param props.outline - Outline variant with border only";
|
|
36
36
|
/**
|
|
37
37
|
* Shape props (rounded, pill, sharp)
|
|
38
38
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"propDocs.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/docs/propDocs.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH;;GAEG;AACH,eAAO,MAAM,YAAY,sKAGsD,CAAC;AAEhF;;GAEG;AACH,eAAO,MAAM,UAAU,iNAMe,CAAC;AAEvC;;GAEG;AACH,eAAO,MAAM,mBAAmB,2kBAWa,CAAC;AAE9C;;GAEG;AACH,eAAO,MAAM,uBAAuB,8PAKiB,CAAC;AAEtD;;GAEG;AACH,eAAO,MAAM,qBAAqB,2lBAWgB,CAAC;AAEnD;;GAEG;AACH,eAAO,MAAM,aAAa,
|
|
1
|
+
{"version":3,"file":"propDocs.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/docs/propDocs.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH;;GAEG;AACH,eAAO,MAAM,YAAY,sKAGsD,CAAC;AAEhF;;GAEG;AACH,eAAO,MAAM,UAAU,iNAMe,CAAC;AAEvC;;GAEG;AACH,eAAO,MAAM,mBAAmB,2kBAWa,CAAC;AAE9C;;GAEG;AACH,eAAO,MAAM,uBAAuB,8PAKiB,CAAC;AAEtD;;GAEG;AACH,eAAO,MAAM,qBAAqB,2lBAWgB,CAAC;AAEnD;;GAEG;AACH,eAAO,MAAM,aAAa,mJAGiC,CAAC;AAE5D;;GAEG;AACH,eAAO,MAAM,WAAW,gMAI4B,CAAC;AAErD;;GAEG;AACH,eAAO,MAAM,iBAAiB,8KAIe,CAAC;AAE9C;;GAEG;AACH,eAAO,MAAM,iBAAiB,+eAUkB,CAAC;AAEjD;;GAEG;AACH,eAAO,MAAM,gBAAgB,mIAG8B,CAAC;AAE5D;;GAEG;AACH,eAAO,MAAM,qBAAqB,qMAIe,CAAC;AAElD;;GAEG;AACH,eAAO,MAAM,oBAAoB,uRAKiC,CAAC;AAEnE;;GAEG;AACH,eAAO,MAAM,gBAAgB,8NAKc,CAAC;AAE5C;;GAEG;AACH,eAAO,MAAM,uBAAuB,mVAO2B,CAAC;AAEhE;;GAEG;AACH,eAAO,MAAM,YAAY,wOAK4B,CAAC;AAEtD;;GAEG;AACH,eAAO,MAAM,oBAAoB,4QAK6B,CAAC;AAE/D;;GAEG;AACH,eAAO,MAAM,UAAU,0HAGiC,CAAC;AAEzD;;GAEG;AACH,eAAO,MAAM,WAAW,iVAMuC,CAAC;AAEhE;;GAEG;AACH,eAAO,MAAM,aAAa,qXAOiC,CAAC;AAE5D;;GAEG;AACH,eAAO,MAAM,gBAAgB,6ZAKkE,CAAC;AAEhG;;GAEG;AACH,eAAO,MAAM,YAAY,wbASsB,CAAC;AAEhD;;GAEG;AACH,eAAO,MAAM,aAAa,gdAU4B,CAAC;AAEvD;;GAEG;AACH,eAAO,MAAM,cAAc,gQAMiB,CAAC;AAE7C;;GAEG;AACH,eAAO,MAAM,cAAc,mgBASiC,CAAC;AAE7D;;GAEG;AACH,eAAO,MAAM,cAAc,+KAG2C,CAAC;AAEvE;;GAEG;AACH,eAAO,MAAM,SAAS,wEAE6B,CAAC;AAEpD;;GAEG;AACH,eAAO,MAAM,iBAAiB,0FAE8B,CAAC;AAE7D;;GAEG;AACH,eAAO,MAAM,gBAAgB,0HAGiB,CAAC;AAE/C;;GAEG;AACH,eAAO,MAAM,gBAAgB,wRAMwB,CAAC;AAEtD;;GAEG;AAGH,eAAO,MAAM,sBAAsB,QAOnB,CAAC;AAGjB,eAAO,MAAM,eAAe,QAA8C,CAAC;AAG3E,eAAO,MAAM,mBAAmB,QAKhB,CAAC;AAEjB;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,MAAM,EAAE;IACxC,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,YAAY,EAAE,MAAM,EAAE,CAAC;IACvB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;CAClB,GAAG,MAAM,CA4BT;AAED;;GAEG;AAEH,eAAO,MAAM,qBAAqB,UAUjC,CAAC;AAEF,eAAO,MAAM,yBAAyB,UASrC,CAAC;AAEF,eAAO,MAAM,6BAA6B,UAKzC,CAAC"}
|
|
@@ -21,7 +21,7 @@ export type InputProps = BaseProps & SizeProps & HideProps & ItemsProps & Justif
|
|
|
21
21
|
* @example
|
|
22
22
|
* ```tsx
|
|
23
23
|
* // Email input with primary styling
|
|
24
|
-
* <Input type="email" primary
|
|
24
|
+
* <Input type="email" primary outline placeholder="Email address" />
|
|
25
25
|
* ```
|
|
26
26
|
*
|
|
27
27
|
* @example
|
package/dist/index.esm.js
CHANGED
|
@@ -5414,7 +5414,7 @@ const ThemedComponent = forwardRef(function ThemedComponent(allProps, ref) {
|
|
|
5414
5414
|
*
|
|
5415
5415
|
* Supports rendering as a button element or anchor tag when href is provided.
|
|
5416
5416
|
* Can be styled with different appearances (primary, secondary, success, etc.),
|
|
5417
|
-
* sizes (xs to xl), and variants (filled,
|
|
5417
|
+
* sizes (xs to xl), and variants (filled, outline).
|
|
5418
5418
|
*
|
|
5419
5419
|
* @example
|
|
5420
5420
|
* ```tsx
|
|
@@ -5437,7 +5437,7 @@ const ThemedComponent = forwardRef(function ThemedComponent(allProps, ref) {
|
|
|
5437
5437
|
* @example
|
|
5438
5438
|
* ```tsx
|
|
5439
5439
|
* // Danger button with custom styling
|
|
5440
|
-
* <Button danger
|
|
5440
|
+
* <Button danger outline className="w-full">Delete</Button>
|
|
5441
5441
|
* ```
|
|
5442
5442
|
*
|
|
5443
5443
|
* @see {@link ButtonProps} for all available props
|
|
@@ -5475,7 +5475,7 @@ const Button = forwardRef(function Button(props, ref) {
|
|
|
5475
5475
|
* @example
|
|
5476
5476
|
* ```tsx
|
|
5477
5477
|
* // Badge as a link
|
|
5478
|
-
* <Badge href="/beta" info
|
|
5478
|
+
* <Badge href="/beta" info outline>Beta</Badge>
|
|
5479
5479
|
* ```
|
|
5480
5480
|
*
|
|
5481
5481
|
* @see {@link BadgeProps} for all available props
|
|
@@ -5541,7 +5541,7 @@ const Divider = forwardRef(function Divider(props, ref) {
|
|
|
5541
5541
|
* @example
|
|
5542
5542
|
* ```tsx
|
|
5543
5543
|
* // Removable tag chip
|
|
5544
|
-
* <Chip secondary
|
|
5544
|
+
* <Chip secondary outline xs>TypeScript ×</Chip>
|
|
5545
5545
|
* ```
|
|
5546
5546
|
*
|
|
5547
5547
|
* @example
|
|
@@ -5579,7 +5579,7 @@ const Chip = forwardRef(function Chip(props, ref) {
|
|
|
5579
5579
|
* @example
|
|
5580
5580
|
* ```tsx
|
|
5581
5581
|
* // Code block style
|
|
5582
|
-
* <Code secondary
|
|
5582
|
+
* <Code secondary outline lg mono>function hello() {}</Code>
|
|
5583
5583
|
* ```
|
|
5584
5584
|
*
|
|
5585
5585
|
* @example
|
|
@@ -5762,7 +5762,7 @@ const Img = forwardRef(function Img(props, ref) {
|
|
|
5762
5762
|
* @example
|
|
5763
5763
|
* ```tsx
|
|
5764
5764
|
* // Email input with primary styling
|
|
5765
|
-
* <Input type="email" primary
|
|
5765
|
+
* <Input type="email" primary outline placeholder="Email address" />
|
|
5766
5766
|
* ```
|
|
5767
5767
|
*
|
|
5768
5768
|
* @example
|
|
@@ -6096,7 +6096,7 @@ const Grid6 = forwardRef(function Grid6(props, ref) {
|
|
|
6096
6096
|
* @example
|
|
6097
6097
|
* ```tsx
|
|
6098
6098
|
* // Card with styling
|
|
6099
|
-
* <Card primary
|
|
6099
|
+
* <Card primary outline shadow padding gap>
|
|
6100
6100
|
* <Title>Feature</Title>
|
|
6101
6101
|
* <Text>Description of the feature</Text>
|
|
6102
6102
|
* <Button>Learn More</Button>
|
package/dist/index.js
CHANGED
|
@@ -5416,7 +5416,7 @@ const ThemedComponent = react.forwardRef(function ThemedComponent(allProps, ref)
|
|
|
5416
5416
|
*
|
|
5417
5417
|
* Supports rendering as a button element or anchor tag when href is provided.
|
|
5418
5418
|
* Can be styled with different appearances (primary, secondary, success, etc.),
|
|
5419
|
-
* sizes (xs to xl), and variants (filled,
|
|
5419
|
+
* sizes (xs to xl), and variants (filled, outline).
|
|
5420
5420
|
*
|
|
5421
5421
|
* @example
|
|
5422
5422
|
* ```tsx
|
|
@@ -5439,7 +5439,7 @@ const ThemedComponent = react.forwardRef(function ThemedComponent(allProps, ref)
|
|
|
5439
5439
|
* @example
|
|
5440
5440
|
* ```tsx
|
|
5441
5441
|
* // Danger button with custom styling
|
|
5442
|
-
* <Button danger
|
|
5442
|
+
* <Button danger outline className="w-full">Delete</Button>
|
|
5443
5443
|
* ```
|
|
5444
5444
|
*
|
|
5445
5445
|
* @see {@link ButtonProps} for all available props
|
|
@@ -5477,7 +5477,7 @@ const Button = react.forwardRef(function Button(props, ref) {
|
|
|
5477
5477
|
* @example
|
|
5478
5478
|
* ```tsx
|
|
5479
5479
|
* // Badge as a link
|
|
5480
|
-
* <Badge href="/beta" info
|
|
5480
|
+
* <Badge href="/beta" info outline>Beta</Badge>
|
|
5481
5481
|
* ```
|
|
5482
5482
|
*
|
|
5483
5483
|
* @see {@link BadgeProps} for all available props
|
|
@@ -5543,7 +5543,7 @@ const Divider = react.forwardRef(function Divider(props, ref) {
|
|
|
5543
5543
|
* @example
|
|
5544
5544
|
* ```tsx
|
|
5545
5545
|
* // Removable tag chip
|
|
5546
|
-
* <Chip secondary
|
|
5546
|
+
* <Chip secondary outline xs>TypeScript ×</Chip>
|
|
5547
5547
|
* ```
|
|
5548
5548
|
*
|
|
5549
5549
|
* @example
|
|
@@ -5581,7 +5581,7 @@ const Chip = react.forwardRef(function Chip(props, ref) {
|
|
|
5581
5581
|
* @example
|
|
5582
5582
|
* ```tsx
|
|
5583
5583
|
* // Code block style
|
|
5584
|
-
* <Code secondary
|
|
5584
|
+
* <Code secondary outline lg mono>function hello() {}</Code>
|
|
5585
5585
|
* ```
|
|
5586
5586
|
*
|
|
5587
5587
|
* @example
|
|
@@ -5764,7 +5764,7 @@ const Img = react.forwardRef(function Img(props, ref) {
|
|
|
5764
5764
|
* @example
|
|
5765
5765
|
* ```tsx
|
|
5766
5766
|
* // Email input with primary styling
|
|
5767
|
-
* <Input type="email" primary
|
|
5767
|
+
* <Input type="email" primary outline placeholder="Email address" />
|
|
5768
5768
|
* ```
|
|
5769
5769
|
*
|
|
5770
5770
|
* @example
|
|
@@ -6098,7 +6098,7 @@ const Grid6 = react.forwardRef(function Grid6(props, ref) {
|
|
|
6098
6098
|
* @example
|
|
6099
6099
|
* ```tsx
|
|
6100
6100
|
* // Card with styling
|
|
6101
|
-
* <Card primary
|
|
6101
|
+
* <Card primary outline shadow padding gap>
|
|
6102
6102
|
* <Title>Feature</Title>
|
|
6103
6103
|
* <Text>Description of the feature</Text>
|
|
6104
6104
|
* <Button>Learn More</Button>
|
package/package.json
CHANGED