@vaneui/ui 0.3.1-alpha.20251201144940.b3e097b → 0.3.1-alpha.20251214132905.c959e96
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/badge.d.ts.map +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/grid.d.ts.map +1 -1
- package/dist/components/ui/input.d.ts +1 -1
- package/dist/components/ui/typography.d.ts.map +1 -1
- package/dist/index.esm.js +35 -8
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +35 -8
- package/dist/index.js.map +1 -1
- 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
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../src/components/ui/badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EACV,SAAS,EACT,SAAS,EACT,SAAS,EACT,UAAU,EACV,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,aAAa,EACb,SAAS,EACT,QAAQ,EACR,kBAAkB,EAClB,YAAY,EACZ,eAAe,EACf,gBAAgB,EAChB,WAAW,EACX,WAAW,EACX,SAAS,EACT,iBAAiB,EACjB,UAAU,EACV,eAAe,EACf,cAAc,EACd,mBAAmB,EACnB,kBAAkB,EAClB,eAAe,EACf,cAAc,EACd,YAAY,EACZ,YAAY,EACb,MAAM,SAAS,CAAC;AAIjB,4BAA4B;AAC5B,MAAM,MAAM,UAAU,GAAG,SAAS,GAChC,SAAS,GACT,SAAS,GACT,UAAU,GACV,YAAY,GACZ,aAAa,GACb,YAAY,GACZ,aAAa,GACb,SAAS,GACT,QAAQ,GACR,kBAAkB,GAClB,YAAY,GACZ,eAAe,GACf,gBAAgB,GAChB,WAAW,GACX,WAAW,GACX,SAAS,GACT,iBAAiB,GACjB,UAAU,GACV,eAAe,GACf,cAAc,GACd,mBAAmB,GACnB,kBAAkB,GAClB,eAAe,GACf,cAAc,GACd,YAAY,GACZ,YAAY,GACZ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,WAAW,GAAG,UAAU,CAAC,GACrE,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,WAAW,GAAG,UAAU,CAAC,CAAC,GAAG;IACzF,2DAA2D;IAC3D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,sDAAsD;IACtD,GAAG,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;CACzB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,eAAO,MAAM,KAAK;IAvChB,2DAA2D;WACpD,MAAM;IACb,sDAAsD;UAChD,KAAK,CAAC,WAAW;yCAyCxB,
|
|
1
|
+
{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../src/components/ui/badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EACV,SAAS,EACT,SAAS,EACT,SAAS,EACT,UAAU,EACV,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,aAAa,EACb,SAAS,EACT,QAAQ,EACR,kBAAkB,EAClB,YAAY,EACZ,eAAe,EACf,gBAAgB,EAChB,WAAW,EACX,WAAW,EACX,SAAS,EACT,iBAAiB,EACjB,UAAU,EACV,eAAe,EACf,cAAc,EACd,mBAAmB,EACnB,kBAAkB,EAClB,eAAe,EACf,cAAc,EACd,YAAY,EACZ,YAAY,EACb,MAAM,SAAS,CAAC;AAIjB,4BAA4B;AAC5B,MAAM,MAAM,UAAU,GAAG,SAAS,GAChC,SAAS,GACT,SAAS,GACT,UAAU,GACV,YAAY,GACZ,aAAa,GACb,YAAY,GACZ,aAAa,GACb,SAAS,GACT,QAAQ,GACR,kBAAkB,GAClB,YAAY,GACZ,eAAe,GACf,gBAAgB,GAChB,WAAW,GACX,WAAW,GACX,SAAS,GACT,iBAAiB,GACjB,UAAU,GACV,eAAe,GACf,cAAc,GACd,mBAAmB,GACnB,kBAAkB,GAClB,eAAe,GACf,cAAc,GACd,YAAY,GACZ,YAAY,GACZ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,WAAW,GAAG,UAAU,CAAC,GACrE,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,WAAW,GAAG,UAAU,CAAC,CAAC,GAAG;IACzF,2DAA2D;IAC3D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,sDAAsD;IACtD,GAAG,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;CACzB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,eAAO,MAAM,KAAK;IAvChB,2DAA2D;WACpD,MAAM;IACb,sDAAsD;UAChD,KAAK,CAAC,WAAW;yCAyCxB,CAAC"}
|
|
@@ -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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../../../src/components/ui/grid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EACV,SAAS,EACT,SAAS,EACT,SAAS,EACT,UAAU,EACV,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,aAAa,EACb,SAAS,EACT,QAAQ,EACR,kBAAkB,EAClB,YAAY,EACZ,eAAe,EACf,gBAAgB,EAChB,YAAY,EACb,MAAM,SAAS,CAAC;AAIjB,2BAA2B;AAC3B,MAAM,MAAM,SAAS,GAAG,SAAS,GAC/B,SAAS,GACT,SAAS,GACT,UAAU,GACV,YAAY,GACZ,aAAa,GACb,YAAY,GACZ,aAAa,GACb,SAAS,GACT,QAAQ,GACR,kBAAkB,GAClB,YAAY,GACZ,eAAe,GACf,gBAAgB,GAChB,YAAY,GACZ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,WAAW,GAAG,UAAU,CAAC,GAAG;IACvE,sDAAsD;IACtD,GAAG,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;CACzB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,eAAO,MAAM,KAAK;IAhChB,sDAAsD;UAChD,KAAK,CAAC,WAAW;wCAoCxB,CAAC;
|
|
1
|
+
{"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../../../src/components/ui/grid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EACV,SAAS,EACT,SAAS,EACT,SAAS,EACT,UAAU,EACV,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,aAAa,EACb,SAAS,EACT,QAAQ,EACR,kBAAkB,EAClB,YAAY,EACZ,eAAe,EACf,gBAAgB,EAChB,YAAY,EACb,MAAM,SAAS,CAAC;AAIjB,2BAA2B;AAC3B,MAAM,MAAM,SAAS,GAAG,SAAS,GAC/B,SAAS,GACT,SAAS,GACT,UAAU,GACV,YAAY,GACZ,aAAa,GACb,YAAY,GACZ,aAAa,GACb,SAAS,GACT,QAAQ,GACR,kBAAkB,GAClB,YAAY,GACZ,eAAe,GACf,gBAAgB,GAChB,YAAY,GACZ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,WAAW,GAAG,UAAU,CAAC,GAAG;IACvE,sDAAsD;IACtD,GAAG,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;CACzB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,eAAO,MAAM,KAAK;IAhChB,sDAAsD;UAChD,KAAK,CAAC,WAAW;wCAoCxB,CAAC;AAIF;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,KAAK;IA3DhB,sDAAsD;UAChD,KAAK,CAAC,WAAW;wCA+DxB,CAAC;AAIF;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,KAAK;IAvFhB,sDAAsD;UAChD,KAAK,CAAC,WAAW;wCA2FxB,CAAC;AAIF;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,KAAK;IApHhB,sDAAsD;UAChD,KAAK,CAAC,WAAW;wCAwHxB,CAAC;AAIF;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,KAAK;IAlJhB,sDAAsD;UAChD,KAAK,CAAC,WAAW;wCAsJxB,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
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../../src/components/ui/typography.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EACV,SAAS,EACT,eAAe,EACf,cAAc,EACd,mBAAmB,EACnB,kBAAkB,EAClB,eAAe,EACf,cAAc,EACd,SAAS,EACT,SAAS,EACT,UAAU,EACV,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,aAAa,EACb,eAAe,EACf,gBAAgB,EAChB,YAAY,EACZ,cAAc,EACd,YAAY,EACb,MAAM,SAAS,CAAC;AAIjB,4FAA4F;AAC5F,MAAM,MAAM,eAAe,GAAG,SAAS,GACrC,eAAe,GACf,cAAc,GACd,mBAAmB,GACnB,kBAAkB,GAClB,eAAe,GACf,cAAc,GACd,SAAS,GACT,SAAS,GACT,UAAU,GACV,YAAY,GACZ,aAAa,GACb,YAAY,GACZ,aAAa,GACb,eAAe,GACf,gBAAgB,GAChB,YAAY,GACZ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,WAAW,GAAG,UAAU,CAAC,GACrE,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,WAAW,GAAG,UAAU,CAAC,CAAC,GAAG;IACzF,2DAA2D;IAC3D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,sDAAsD;IACtD,GAAG,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;CACzB,CAAC;AAEF,2BAA2B;AAC3B,MAAM,MAAM,SAAS,GAAG,SAAS,GAC/B,eAAe,GACf,cAAc,GACd,mBAAmB,GACnB,kBAAkB,GAClB,eAAe,GACf,cAAc,GACd,cAAc,GACd,SAAS,GACT,SAAS,GACT,UAAU,GACV,YAAY,GACZ,aAAa,GACb,YAAY,GACZ,aAAa,GACb,eAAe,GACf,gBAAgB,GAChB,YAAY,GACZ,YAAY,GACZ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,WAAW,GAAG,UAAU,CAAC,GAAG;IACpE,sDAAsD;IACtD,GAAG,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;CACzB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,SAAS;IA1DpB,2DAA2D;WACpD,MAAM;IACb,sDAAsD;UAChD,KAAK,CAAC,WAAW;4CA4DxB,CAAC;
|
|
1
|
+
{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../../src/components/ui/typography.tsx"],"names":[],"mappings":"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"}
|
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
|
|
@@ -5446,6 +5446,7 @@ const Button = forwardRef(function Button(props, ref) {
|
|
|
5446
5446
|
const theme = useTheme();
|
|
5447
5447
|
return jsx(ThemedComponent, { ref: ref, theme: theme.button, ...props });
|
|
5448
5448
|
});
|
|
5449
|
+
Button.displayName = 'Button';
|
|
5449
5450
|
|
|
5450
5451
|
/**
|
|
5451
5452
|
* A compact badge component for displaying status, labels, or counts.
|
|
@@ -5475,7 +5476,7 @@ const Button = forwardRef(function Button(props, ref) {
|
|
|
5475
5476
|
* @example
|
|
5476
5477
|
* ```tsx
|
|
5477
5478
|
* // Badge as a link
|
|
5478
|
-
* <Badge href="/beta" info
|
|
5479
|
+
* <Badge href="/beta" info outline>Beta</Badge>
|
|
5479
5480
|
* ```
|
|
5480
5481
|
*
|
|
5481
5482
|
* @see {@link BadgeProps} for all available props
|
|
@@ -5484,6 +5485,7 @@ const Badge = forwardRef(function Badge(props, ref) {
|
|
|
5484
5485
|
const theme = useTheme();
|
|
5485
5486
|
return jsx(ThemedComponent, { theme: theme.badge, ref: ref, ...props });
|
|
5486
5487
|
});
|
|
5488
|
+
Badge.displayName = 'Badge';
|
|
5487
5489
|
|
|
5488
5490
|
/**
|
|
5489
5491
|
* A visual separator component for dividing content sections.
|
|
@@ -5518,6 +5520,7 @@ const Divider = forwardRef(function Divider(props, ref) {
|
|
|
5518
5520
|
const theme = useTheme();
|
|
5519
5521
|
return jsx(ThemedComponent, { theme: theme.divider, ref: ref, ...props });
|
|
5520
5522
|
});
|
|
5523
|
+
Divider.displayName = 'Divider';
|
|
5521
5524
|
|
|
5522
5525
|
/**
|
|
5523
5526
|
* A chip component for displaying tags, filters, or selections.
|
|
@@ -5541,7 +5544,7 @@ const Divider = forwardRef(function Divider(props, ref) {
|
|
|
5541
5544
|
* @example
|
|
5542
5545
|
* ```tsx
|
|
5543
5546
|
* // Removable tag chip
|
|
5544
|
-
* <Chip secondary
|
|
5547
|
+
* <Chip secondary outline xs>TypeScript ×</Chip>
|
|
5545
5548
|
* ```
|
|
5546
5549
|
*
|
|
5547
5550
|
* @example
|
|
@@ -5556,6 +5559,7 @@ const Chip = forwardRef(function Chip(props, ref) {
|
|
|
5556
5559
|
const theme = useTheme();
|
|
5557
5560
|
return jsx(ThemedComponent, { theme: theme.chip, ref: ref, ...props });
|
|
5558
5561
|
});
|
|
5562
|
+
Chip.displayName = 'Chip';
|
|
5559
5563
|
|
|
5560
5564
|
/**
|
|
5561
5565
|
* An inline code component for displaying code snippets or technical terms.
|
|
@@ -5579,7 +5583,7 @@ const Chip = forwardRef(function Chip(props, ref) {
|
|
|
5579
5583
|
* @example
|
|
5580
5584
|
* ```tsx
|
|
5581
5585
|
* // Code block style
|
|
5582
|
-
* <Code secondary
|
|
5586
|
+
* <Code secondary outline lg mono>function hello() {}</Code>
|
|
5583
5587
|
* ```
|
|
5584
5588
|
*
|
|
5585
5589
|
* @example
|
|
@@ -5594,6 +5598,7 @@ const Code = forwardRef(function Code(props, ref) {
|
|
|
5594
5598
|
const theme = useTheme();
|
|
5595
5599
|
return jsx(ThemedComponent, { theme: theme.code, ref: ref, ...props });
|
|
5596
5600
|
});
|
|
5601
|
+
Code.displayName = 'Code';
|
|
5597
5602
|
|
|
5598
5603
|
/**
|
|
5599
5604
|
* A styled checkbox component for forms and selections.
|
|
@@ -5637,7 +5642,7 @@ const Checkbox = forwardRef(function Checkbox(props, ref) {
|
|
|
5637
5642
|
const {
|
|
5638
5643
|
// Size props
|
|
5639
5644
|
xs, sm, md, lg, xl,
|
|
5640
|
-
// Appearance props
|
|
5645
|
+
// Appearance props
|
|
5641
5646
|
default: defaultProp, accent, primary, secondary, tertiary, success, danger, warning, info, transparent,
|
|
5642
5647
|
// Variant props
|
|
5643
5648
|
filled, outline,
|
|
@@ -5663,6 +5668,7 @@ const Checkbox = forwardRef(function Checkbox(props, ref) {
|
|
|
5663
5668
|
};
|
|
5664
5669
|
return (jsxs(ThemedComponent, { theme: theme.checkbox.wrapper, ref: ref, ...themeProps, children: [jsx(ThemedComponent, { theme: theme.checkbox.input, ...inputProps }), jsx(ThemedComponent, { theme: theme.checkbox.check, ...themeProps, children: theme.checkbox.check.themes.checkElement() })] }));
|
|
5665
5670
|
});
|
|
5671
|
+
Checkbox.displayName = 'Checkbox';
|
|
5666
5672
|
|
|
5667
5673
|
/**
|
|
5668
5674
|
* A label component for form fields and inputs.
|
|
@@ -5707,6 +5713,7 @@ const Label = forwardRef(function Label(props, ref) {
|
|
|
5707
5713
|
const theme = useTheme();
|
|
5708
5714
|
return jsx(ThemedComponent, { theme: theme.label, ref: ref, ...props });
|
|
5709
5715
|
});
|
|
5716
|
+
Label.displayName = 'Label';
|
|
5710
5717
|
|
|
5711
5718
|
/**
|
|
5712
5719
|
* An image component with styling and layout support.
|
|
@@ -5745,6 +5752,7 @@ const Img = forwardRef(function Img(props, ref) {
|
|
|
5745
5752
|
const theme = useTheme();
|
|
5746
5753
|
return (jsx(ThemedComponent, { theme: theme.img, ref: ref, ...props }));
|
|
5747
5754
|
});
|
|
5755
|
+
Img.displayName = 'Img';
|
|
5748
5756
|
|
|
5749
5757
|
/**
|
|
5750
5758
|
* A text input field component for forms and user data entry.
|
|
@@ -5762,7 +5770,7 @@ const Img = forwardRef(function Img(props, ref) {
|
|
|
5762
5770
|
* @example
|
|
5763
5771
|
* ```tsx
|
|
5764
5772
|
* // Email input with primary styling
|
|
5765
|
-
* <Input type="email" primary
|
|
5773
|
+
* <Input type="email" primary outline placeholder="Email address" />
|
|
5766
5774
|
* ```
|
|
5767
5775
|
*
|
|
5768
5776
|
* @example
|
|
@@ -5783,6 +5791,7 @@ const Input = forwardRef(function Input(props, ref) {
|
|
|
5783
5791
|
const theme = useTheme();
|
|
5784
5792
|
return jsx(ThemedComponent, { ref: ref, theme: theme.input, ...props });
|
|
5785
5793
|
});
|
|
5794
|
+
Input.displayName = 'Input';
|
|
5786
5795
|
|
|
5787
5796
|
/**
|
|
5788
5797
|
* A semantic section container for grouping related content.
|
|
@@ -5824,6 +5833,7 @@ const Section = forwardRef(function Section(props, ref) {
|
|
|
5824
5833
|
const theme = useTheme();
|
|
5825
5834
|
return jsx(ThemedComponent, { theme: theme.section, ref: ref, ...props });
|
|
5826
5835
|
});
|
|
5836
|
+
Section.displayName = 'Section';
|
|
5827
5837
|
|
|
5828
5838
|
/**
|
|
5829
5839
|
* A page-level content wrapper with maximum width constraints.
|
|
@@ -5864,6 +5874,7 @@ const Container = forwardRef(function Container(props, ref) {
|
|
|
5864
5874
|
const theme = useTheme();
|
|
5865
5875
|
return jsx(ThemedComponent, { theme: theme.container, ref: ref, ...props });
|
|
5866
5876
|
});
|
|
5877
|
+
Container.displayName = 'Container';
|
|
5867
5878
|
|
|
5868
5879
|
/**
|
|
5869
5880
|
* A column flex container for vertical content organization.
|
|
@@ -5907,6 +5918,7 @@ const Col = forwardRef(function Col(props, ref) {
|
|
|
5907
5918
|
const theme = useTheme();
|
|
5908
5919
|
return jsx(ThemedComponent, { theme: theme.col, ref: ref, ...props });
|
|
5909
5920
|
});
|
|
5921
|
+
Col.displayName = 'Col';
|
|
5910
5922
|
|
|
5911
5923
|
/**
|
|
5912
5924
|
* A horizontal flex container for arranging elements side-by-side.
|
|
@@ -5949,6 +5961,7 @@ const Row = forwardRef(function Row(props, ref) {
|
|
|
5949
5961
|
const theme = useTheme();
|
|
5950
5962
|
return jsx(ThemedComponent, { theme: theme.row, ref: ref, ...props });
|
|
5951
5963
|
});
|
|
5964
|
+
Row.displayName = 'Row';
|
|
5952
5965
|
|
|
5953
5966
|
/**
|
|
5954
5967
|
* A 2-column CSS grid container.
|
|
@@ -5982,6 +5995,7 @@ const Grid2 = forwardRef(function Grid2(props, ref) {
|
|
|
5982
5995
|
const theme = useTheme();
|
|
5983
5996
|
return jsx(ThemedComponent, { theme: theme.grid2, ref: ref, ...props });
|
|
5984
5997
|
});
|
|
5998
|
+
Grid2.displayName = 'Grid2';
|
|
5985
5999
|
/**
|
|
5986
6000
|
* A 3-column CSS grid container.
|
|
5987
6001
|
*
|
|
@@ -6004,6 +6018,7 @@ const Grid3 = forwardRef(function Grid3(props, ref) {
|
|
|
6004
6018
|
const theme = useTheme();
|
|
6005
6019
|
return jsx(ThemedComponent, { theme: theme.grid3, ref: ref, ...props });
|
|
6006
6020
|
});
|
|
6021
|
+
Grid3.displayName = 'Grid3';
|
|
6007
6022
|
/**
|
|
6008
6023
|
* A 4-column CSS grid container.
|
|
6009
6024
|
*
|
|
@@ -6027,6 +6042,7 @@ const Grid4 = forwardRef(function Grid4(props, ref) {
|
|
|
6027
6042
|
const theme = useTheme();
|
|
6028
6043
|
return jsx(ThemedComponent, { theme: theme.grid4, ref: ref, ...props });
|
|
6029
6044
|
});
|
|
6045
|
+
Grid4.displayName = 'Grid4';
|
|
6030
6046
|
/**
|
|
6031
6047
|
* A 5-column CSS grid container.
|
|
6032
6048
|
*
|
|
@@ -6051,6 +6067,7 @@ const Grid5 = forwardRef(function Grid5(props, ref) {
|
|
|
6051
6067
|
const theme = useTheme();
|
|
6052
6068
|
return jsx(ThemedComponent, { theme: theme.grid5, ref: ref, ...props });
|
|
6053
6069
|
});
|
|
6070
|
+
Grid5.displayName = 'Grid5';
|
|
6054
6071
|
/**
|
|
6055
6072
|
* A 6-column CSS grid container.
|
|
6056
6073
|
*
|
|
@@ -6076,6 +6093,7 @@ const Grid6 = forwardRef(function Grid6(props, ref) {
|
|
|
6076
6093
|
const theme = useTheme();
|
|
6077
6094
|
return jsx(ThemedComponent, { theme: theme.grid6, ref: ref, ...props });
|
|
6078
6095
|
});
|
|
6096
|
+
Grid6.displayName = 'Grid6';
|
|
6079
6097
|
|
|
6080
6098
|
/**
|
|
6081
6099
|
* A container component for grouping related content with padding and borders.
|
|
@@ -6096,7 +6114,7 @@ const Grid6 = forwardRef(function Grid6(props, ref) {
|
|
|
6096
6114
|
* @example
|
|
6097
6115
|
* ```tsx
|
|
6098
6116
|
* // Card with styling
|
|
6099
|
-
* <Card primary
|
|
6117
|
+
* <Card primary outline shadow padding gap>
|
|
6100
6118
|
* <Title>Feature</Title>
|
|
6101
6119
|
* <Text>Description of the feature</Text>
|
|
6102
6120
|
* <Button>Learn More</Button>
|
|
@@ -6121,6 +6139,7 @@ const Card = forwardRef(function Card(props, ref) {
|
|
|
6121
6139
|
const theme = useTheme();
|
|
6122
6140
|
return jsx(ThemedComponent, { ref: ref, theme: theme.card, ...props });
|
|
6123
6141
|
});
|
|
6142
|
+
Card.displayName = 'Card';
|
|
6124
6143
|
|
|
6125
6144
|
/**
|
|
6126
6145
|
* A vertical flex container for stacking elements.
|
|
@@ -6164,6 +6183,7 @@ const Stack = forwardRef(function Stack(props, ref) {
|
|
|
6164
6183
|
const stackTheme = theme.stack;
|
|
6165
6184
|
return jsx(ThemedComponent, { theme: stackTheme, ref: ref, ...props });
|
|
6166
6185
|
});
|
|
6186
|
+
Stack.displayName = 'Stack';
|
|
6167
6187
|
|
|
6168
6188
|
/**
|
|
6169
6189
|
* A top-level page heading component (h1).
|
|
@@ -6196,6 +6216,7 @@ const PageTitle = forwardRef(function PageTitle(props, ref) {
|
|
|
6196
6216
|
const theme = useTheme();
|
|
6197
6217
|
return jsx(ThemedComponent, { ref: ref, theme: theme.pageTitle, ...props });
|
|
6198
6218
|
});
|
|
6219
|
+
PageTitle.displayName = 'PageTitle';
|
|
6199
6220
|
/**
|
|
6200
6221
|
* A section heading component (h2).
|
|
6201
6222
|
*
|
|
@@ -6227,6 +6248,7 @@ const SectionTitle = forwardRef(function SectionTitle(props, ref) {
|
|
|
6227
6248
|
const theme = useTheme();
|
|
6228
6249
|
return jsx(ThemedComponent, { ref: ref, theme: theme.sectionTitle, ...props });
|
|
6229
6250
|
});
|
|
6251
|
+
SectionTitle.displayName = 'SectionTitle';
|
|
6230
6252
|
/**
|
|
6231
6253
|
* A subsection heading component (h3).
|
|
6232
6254
|
*
|
|
@@ -6257,6 +6279,7 @@ const Title = forwardRef(function Title(props, ref) {
|
|
|
6257
6279
|
const theme = useTheme();
|
|
6258
6280
|
return jsx(ThemedComponent, { ref: ref, theme: theme.title, ...props });
|
|
6259
6281
|
});
|
|
6282
|
+
Title.displayName = 'Title';
|
|
6260
6283
|
/**
|
|
6261
6284
|
* A body text component (p).
|
|
6262
6285
|
*
|
|
@@ -6294,6 +6317,7 @@ const Text = forwardRef(function Text(props, ref) {
|
|
|
6294
6317
|
const theme = useTheme();
|
|
6295
6318
|
return jsx(ThemedComponent, { ref: ref, theme: theme.text, ...props });
|
|
6296
6319
|
});
|
|
6320
|
+
Text.displayName = 'Text';
|
|
6297
6321
|
/**
|
|
6298
6322
|
* An anchor link component (a).
|
|
6299
6323
|
*
|
|
@@ -6327,6 +6351,7 @@ const Link = forwardRef(function Link(props, ref) {
|
|
|
6327
6351
|
const theme = useTheme();
|
|
6328
6352
|
return jsx(ThemedComponent, { ref: ref, theme: theme.link, ...props });
|
|
6329
6353
|
});
|
|
6354
|
+
Link.displayName = 'Link';
|
|
6330
6355
|
/**
|
|
6331
6356
|
* A list item component (li).
|
|
6332
6357
|
*
|
|
@@ -6361,6 +6386,7 @@ const ListItem = forwardRef(function ListItem(props, ref) {
|
|
|
6361
6386
|
const theme = useTheme();
|
|
6362
6387
|
return jsx(ThemedComponent, { ref: ref, theme: theme.listItem, ...props });
|
|
6363
6388
|
});
|
|
6389
|
+
ListItem.displayName = 'ListItem';
|
|
6364
6390
|
/**
|
|
6365
6391
|
* A list container component (ul or ol).
|
|
6366
6392
|
*
|
|
@@ -6401,6 +6427,7 @@ const List = forwardRef(function List(props, ref) {
|
|
|
6401
6427
|
const theme = useTheme();
|
|
6402
6428
|
return jsx(ThemedComponent, { ref: ref, theme: theme.list, ...props });
|
|
6403
6429
|
});
|
|
6430
|
+
List.displayName = 'List';
|
|
6404
6431
|
|
|
6405
6432
|
export { ACTIVE, APPEARANCE_CATEGORY, BADGE_CATEGORIES, BASE, BORDER, BORDER_KEYS, BREAKPOINT, BUTTON_CATEGORIES, Badge, Button, CARD_CATEGORIES, CHECKBOX_CATEGORIES, CHIP_CATEGORIES, CODE_CATEGORIES, COL_CATEGORIES, COMPONENT, COMPONENT_PROPS_CATEGORY, CONTAINER_CATEGORIES, Card, Checkbox, Chip, Code, Col, ComponentCategories, ComponentKeys, Container, DIVIDER_CATEGORIES, Divider, FOCUS, FOCUS_VISIBLE, GRID_CATEGORIES, Grid2, Grid3, Grid4, Grid5, Grid6, HOVER, IMG_CATEGORIES, INPUT_CATEGORIES, INTERACTIVE_CATEGORIES, Img, Input, LABEL_CATEGORIES, LAYOUT_CORE, LAYOUT_FLEX, LAYOUT_FULL, LIST_CATEGORIES, LIST_STYLE, Label, Link, List, ListItem, MODE_VALUES, ModeKeys, PADDING, PageTitle, ROW_CATEGORIES, Row, SECTION_CATEGORIES, SHAPE, STACK_CATEGORIES, Section, SectionTitle, Stack, TYPOGRAPHY_CATEGORIES, TYPOGRAPHY_FULL, TYPOGRAPHY_STYLE, Text, ThemeProvider, Title, VARIANT, VISUAL_CORE, VISUAL_DECORATION, VISUAL_DECORATION_LAYOUT, VISUAL_FULL, VISUAL_LAYOUT, defaultTheme, themeDefaults, useTheme };
|
|
6406
6433
|
//# sourceMappingURL=index.esm.js.map
|