@vaneui/ui 0.3.1-alpha.20251222151356.4f77437 → 0.3.1-alpha.20251223082222.6676a81
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/themeContext.d.ts +2 -2
- package/dist/components/themeContext.d.ts.map +1 -1
- package/dist/components/ui/classes/appearanceClasses.d.ts.map +1 -1
- package/dist/components/ui/classes/typographyClasses.d.ts.map +1 -1
- package/dist/components/ui/props/appearanceProps.d.ts +0 -2
- package/dist/components/ui/props/appearanceProps.d.ts.map +1 -1
- package/dist/components/ui/props/keys.d.ts +1 -1
- package/dist/components/ui/theme/appearance/linkVariantTheme.d.ts +17 -0
- package/dist/components/ui/theme/appearance/linkVariantTheme.d.ts.map +1 -0
- package/dist/components/ui/theme/defaults.d.ts.map +1 -1
- package/dist/components/ui/theme/typographyTheme.d.ts +12 -1
- package/dist/components/ui/theme/typographyTheme.d.ts.map +1 -1
- package/dist/index.esm.js +29 -25
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +29 -25
- package/dist/index.js.map +1 -1
- package/dist/ui.css +69 -135
- package/dist/vars.css +64 -55
- package/package.json +1 -1
|
@@ -4,7 +4,7 @@ import { ButtonTheme } from './ui/theme/buttonTheme';
|
|
|
4
4
|
import { BadgeTheme } from './ui/theme/badgeTheme';
|
|
5
5
|
import { ChipTheme } from './ui/theme/chipTheme';
|
|
6
6
|
import { CodeTheme } from './ui/theme/codeTheme';
|
|
7
|
-
import { ListTheme, TypographyTheme } from './ui/theme/typographyTheme';
|
|
7
|
+
import { LinkTheme, ListTheme, TypographyTheme } from './ui/theme/typographyTheme';
|
|
8
8
|
import { CardTheme } from "./ui/theme/cardTheme";
|
|
9
9
|
import { RowTheme } from "./ui/theme/rowTheme";
|
|
10
10
|
import { DividerTheme } from './ui/theme/dividerTheme';
|
|
@@ -56,7 +56,7 @@ export interface ThemeProps {
|
|
|
56
56
|
sectionTitle: ComponentTheme<TypographyProps, TypographyTheme>;
|
|
57
57
|
title: ComponentTheme<TypographyProps, TypographyTheme>;
|
|
58
58
|
text: ComponentTheme<TypographyProps, TypographyTheme>;
|
|
59
|
-
link: ComponentTheme<TypographyProps,
|
|
59
|
+
link: ComponentTheme<TypographyProps, LinkTheme>;
|
|
60
60
|
listItem: ComponentTheme<TypographyProps, TypographyTheme>;
|
|
61
61
|
list: ComponentTheme<ListProps, ListTheme>;
|
|
62
62
|
checkbox: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"themeContext.d.ts","sourceRoot":"","sources":["../../src/components/themeContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6C,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAClE,OAAO,EAAE,WAAW,EAAsB,MAAM,wBAAwB,CAAC;AACzE,OAAO,EAAE,UAAU,EAAqB,MAAM,uBAAuB,CAAC;AACtE,OAAO,EAAE,SAAS,EAAoB,MAAM,sBAAsB,CAAC;AACnE,OAAO,EAAE,SAAS,EAAoB,MAAM,sBAAsB,CAAC;AACnE,OAAO,EACM,SAAS,
|
|
1
|
+
{"version":3,"file":"themeContext.d.ts","sourceRoot":"","sources":["../../src/components/themeContext.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"appearanceClasses.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/classes/appearanceClasses.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAEzD,eAAO,MAAM,iCAAiC,EAAE,MAAM,CAAC,aAAa,GAAG,cAAc,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"appearanceClasses.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/classes/appearanceClasses.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAEzD,eAAO,MAAM,iCAAiC,EAAE,MAAM,CAAC,aAAa,GAAG,cAAc,EAAE,MAAM,CAW5F,CAAA;AAED,eAAO,MAAM,sCAAsC,EAAE,MAAM,CAAC,aAAa,GAAG,cAAc,EAAE,MAAM,CAWjG,CAAA;AAED,eAAO,MAAM,uCAAuC,EAAE,MAAM,CAAC,aAAa,GAAG,cAAc,EAAE,MAAM,CAWlG,CAAA;AAED,eAAO,MAAM,2BAA2B,EAAE,MAAM,CAAC,aAAa,GAAG,cAAc,EAAE,MAAM,CAWtF,CAAA;AAED,eAAO,MAAM,gCAAgC,EAAE,MAAM,CAAC,aAAa,GAAG,cAAc,EAAE,MAAM,CAW3F,CAAA;AAED,eAAO,MAAM,iCAAiC,EAAE,MAAM,CAAC,aAAa,GAAG,cAAc,EAAE,MAAM,CAW5F,CAAA;AAED,eAAO,MAAM,iCAAiC,EAAE,MAAM,CAAC,aAAa,GAAG,cAAc,EAAE,MAAM,CAW5F,CAAA;AAED,eAAO,MAAM,uCAAuC,EAAE,MAAM,CAAC,aAAa,GAAG,cAAc,EAAE,MAAM,CAWlG,CAAA;AAED,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAAC,aAAa,GAAG,cAAc,EAAE,MAAM,CAWpF,CAAA;AAED,eAAO,MAAM,uBAAuB,EAAE,MAAM,CAAC,aAAa,GAAG,cAAc,EAAE,MAAM,CAWlF,CAAA;AAED,eAAO,MAAM,6BAA6B,EAAE,MAAM,CAAC,aAAa,GAAG,cAAc,EAAE,MAAM,CAWxF,CAAA;AAED,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,aAAa,GAAG,cAAc,EAAE,MAAM,CAWhF,CAAA;AAED,eAAO,MAAM,2BAA2B,EAAE,MAAM,CAAC,aAAa,GAAG,cAAc,EAAE,MAAM,CAWtF,CAAA;AAED,eAAO,MAAM,oCAAoC,EAAE,MAAM,CAAC,aAAa,GAAG,cAAc,EAAE,MAAM,CAW/F,CAAA;AAED,eAAO,MAAM,0CAA0C,EAAE,MAAM,CAAC,aAAa,GAAG,cAAc,EAAE,MAAM,CAWrG,CAAA;AAED,eAAO,MAAM,4BAA4B,EAAE,MAAM,CAAC,aAAa,GAAG,cAAc,EAAE,MAAM,CAWvF,CAAA;AAED,eAAO,MAAM,kCAAkC,EAAE,MAAM,CAAC,aAAa,GAAG,cAAc,EAAE,MAAM,CAW7F,CAAA;AAED,eAAO,MAAM,kCAAkC,EAAE,MAAM,CAAC,aAAa,GAAG,cAAc,EAAE,MAAM,CAW7F,CAAA;AAED,eAAO,MAAM,wCAAwC,EAAE,MAAM,CAAC,aAAa,GAAG,cAAc,EAAE,MAAM,CAWnG,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"typographyClasses.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/classes/typographyClasses.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,EACP,aAAa,EACb,cAAc,EACf,MAAM,UAAU,CAAC;AAElB,eAAO,MAAM,2BAA2B,EAAE,MAAM,CAAC,aAAa,GAAG,cAAc,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"typographyClasses.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/classes/typographyClasses.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,EACP,aAAa,EACb,cAAc,EACf,MAAM,UAAU,CAAC;AAElB,eAAO,MAAM,2BAA2B,EAAE,MAAM,CAAC,aAAa,GAAG,cAAc,EAAE,MAAM,CAWtF,CAAA;AAED,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,aAAa,GAAG,cAAc,EAAE,MAAM,CAWhF,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,CAMnD,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"appearanceProps.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/props/appearanceProps.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,MAAM,WAAW,eAAe;IAC9B,+BAA+B;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sCAAsC;IACtC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,wCAAwC;IACxC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gCAAgC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qCAAqC;IACrC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,uCAAuC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,oCAAoC;IACpC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,uCAAuC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,mCAAmC;IACnC,IAAI,CAAC,EAAE,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"appearanceProps.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/props/appearanceProps.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,MAAM,WAAW,eAAe;IAC9B,+BAA+B;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sCAAsC;IACtC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,wCAAwC;IACxC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gCAAgC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qCAAqC;IACrC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,uCAAuC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,oCAAoC;IACpC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,uCAAuC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,mCAAmC;IACnC,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB"}
|
|
@@ -37,7 +37,7 @@ export * from './mode';
|
|
|
37
37
|
/** Component property keys mapping categories to their available values */
|
|
38
38
|
export declare const ComponentKeys: {
|
|
39
39
|
/** Color appearance options */
|
|
40
|
-
readonly appearance: readonly ["default", "accent", "primary", "secondary", "tertiary", "success", "danger", "warning", "info"
|
|
40
|
+
readonly appearance: readonly ["default", "accent", "primary", "secondary", "tertiary", "success", "danger", "warning", "info"];
|
|
41
41
|
/** Border visibility: includes all border variations and noBorder (border, borderT, borderB, etc., noBorder) */
|
|
42
42
|
readonly border: readonly ["border", "borderT", "borderB", "borderL", "borderR", "borderX", "borderY", "noBorder"];
|
|
43
43
|
/** Column breakpoints for responsive grid layouts */
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { BaseTheme } from "../common/baseTheme";
|
|
2
|
+
import type { CategoryProps, VariantKey } from "../../props";
|
|
3
|
+
/**
|
|
4
|
+
* Link-specific variant theme that handles text colors
|
|
5
|
+
* using link color variables directly (not through the appearance system).
|
|
6
|
+
*
|
|
7
|
+
* This allows Link component colors to be customized independently
|
|
8
|
+
* from primary/secondary appearance colors.
|
|
9
|
+
*/
|
|
10
|
+
export declare class LinkVariantTheme extends BaseTheme implements Record<VariantKey, string> {
|
|
11
|
+
/** Text color for outline/default links (light backgrounds) */
|
|
12
|
+
outline: string;
|
|
13
|
+
/** Text color for filled links (dark backgrounds) */
|
|
14
|
+
filled: string;
|
|
15
|
+
getClasses(extractedKeys: CategoryProps): string[];
|
|
16
|
+
}
|
|
17
|
+
//# sourceMappingURL=linkVariantTheme.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"linkVariantTheme.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/theme/appearance/linkVariantTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE7D;;;;;;GAMG;AACH,qBAAa,gBAAiB,SAAQ,SAAU,YAAW,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC;IACnF,+DAA+D;IAC/D,OAAO,EAAE,MAAM,CAA8B;IAE7C,qDAAqD;IACrD,MAAM,EAAE,MAAM,CAAqC;IAEnD,UAAU,CAAC,aAAa,EAAE,aAAa,GAAG,MAAM,EAAE;CASnD"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/theme/defaults.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAEnD;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,
|
|
1
|
+
{"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/theme/defaults.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAEnD;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,aA+P3B,CAAC"}
|
|
@@ -3,6 +3,7 @@ import React from "react";
|
|
|
3
3
|
import { BaseTypographyComponentTheme, ComponentTheme, DefaultLayoutThemes } from "./common/ComponentTheme";
|
|
4
4
|
import { AppearanceTheme } from "./appearance/appearanceTheme";
|
|
5
5
|
import { GenericVariantTheme } from "./appearance/genericVariantTheme";
|
|
6
|
+
import { LinkVariantTheme } from "./appearance/linkVariantTheme";
|
|
6
7
|
import { PlTheme } from "./size/plTheme";
|
|
7
8
|
import { ListStyleTheme } from "./list/listStyleTheme";
|
|
8
9
|
import { LineHeightTheme } from "./size/lineHeightTheme";
|
|
@@ -17,12 +18,22 @@ export interface TypographyTheme extends BaseTypographyComponentTheme {
|
|
|
17
18
|
};
|
|
18
19
|
layout: DefaultLayoutThemes;
|
|
19
20
|
}
|
|
21
|
+
export interface LinkTheme extends BaseTypographyComponentTheme {
|
|
22
|
+
size: {
|
|
23
|
+
text: FontSizeTheme;
|
|
24
|
+
lineHeight: LineHeightTheme;
|
|
25
|
+
};
|
|
26
|
+
appearance: {
|
|
27
|
+
text: LinkVariantTheme;
|
|
28
|
+
};
|
|
29
|
+
layout: DefaultLayoutThemes;
|
|
30
|
+
}
|
|
20
31
|
export declare const createTypographyComponentTheme: (tag: React.ElementType, base?: string, fontSizeTheme?: FontSizeTheme, defaults?: Partial<TypographyProps>, lineHeightTheme?: LineHeightTheme) => ComponentTheme<TypographyProps, TypographyTheme>;
|
|
21
32
|
export declare const pageTitleTheme: ComponentTheme<TypographyProps, TypographyTheme>;
|
|
22
33
|
export declare const sectionTitleTheme: ComponentTheme<TypographyProps, TypographyTheme>;
|
|
23
34
|
export declare const titleTheme: ComponentTheme<TypographyProps, TypographyTheme>;
|
|
24
35
|
export declare const textTheme: ComponentTheme<TypographyProps, TypographyTheme>;
|
|
25
|
-
export declare const linkTheme: ComponentTheme<TypographyProps,
|
|
36
|
+
export declare const linkTheme: ComponentTheme<TypographyProps, LinkTheme>;
|
|
26
37
|
export declare const listItemTheme: ComponentTheme<TypographyProps, TypographyTheme>;
|
|
27
38
|
export interface ListTheme extends BaseTypographyComponentTheme {
|
|
28
39
|
size: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"typographyTheme.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/theme/typographyTheme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAEhE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,4BAA4B,EAC5B,cAAc,EACd,mBAAmB,EAEpB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;
|
|
1
|
+
{"version":3,"file":"typographyTheme.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/theme/typographyTheme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAEhE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,4BAA4B,EAC5B,cAAc,EACd,mBAAmB,EAEpB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAEjE,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAGrD,MAAM,WAAW,eAAgB,SAAQ,4BAA4B;IACnE,IAAI,EAAE;QACJ,IAAI,EAAE,aAAa,CAAC;QACpB,UAAU,EAAE,eAAe,CAAC;KAC7B,CAAC;IACF,UAAU,EAAE;QACV,IAAI,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;KAC5C,CAAC;IACF,MAAM,EAAE,mBAAmB,CAAC;CAC7B;AAED,MAAM,WAAW,SAAU,SAAQ,4BAA4B;IAC7D,IAAI,EAAE;QACJ,IAAI,EAAE,aAAa,CAAC;QACpB,UAAU,EAAE,eAAe,CAAC;KAC7B,CAAC;IACF,UAAU,EAAE;QACV,IAAI,EAAE,gBAAgB,CAAC;KACxB,CAAC;IACF,MAAM,EAAE,mBAAmB,CAAC;CAC7B;AAED,eAAO,MAAM,8BAA8B,GACzC,KAAK,KAAK,CAAC,WAAW,EACtB,OAAM,MAAuB,EAC7B,gBAAe,aAAmC,EAClD,WAAU,OAAO,CAAC,eAAe,CAAM,EACvC,kBAAiB,eAAiD,KACjE,cAAc,CAAC,eAAe,EAAE,eAAe,CAqBjD,CAAC;AAGF,eAAO,MAAM,cAAc,EAAE,cAAc,CAAC,eAAe,EAAE,eAAe,CAM3E,CAAC;AAGF,eAAO,MAAM,iBAAiB,EAAE,cAAc,CAAC,eAAe,EAAE,eAAe,CAM9E,CAAC;AAGF,eAAO,MAAM,UAAU,EAAE,cAAc,CAAC,eAAe,EAAE,eAAe,CAMvE,CAAC;AAGF,eAAO,MAAM,SAAS,EAAE,cAAc,CAAC,eAAe,EAAE,eAAe,CAKtE,CAAC;AAGF,eAAO,MAAM,SAAS,EAAE,cAAc,CAAC,eAAe,EAAE,SAAS,CAgBhE,CAAC;AAGF,eAAO,MAAM,aAAa,EAAE,cAAc,CAAC,eAAe,EAAE,eAAe,CAgB1E,CAAC;AAEF,MAAM,WAAW,SAAU,SAAQ,4BAA4B;IAC7D,IAAI,EAAE;QACJ,IAAI,EAAE,aAAa,CAAC;QACpB,UAAU,EAAE,eAAe,CAAC;QAC5B,WAAW,EAAE,OAAO,CAAC;KACtB,CAAA;IACD,UAAU,EAAE;QACV,IAAI,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;KAC5C,CAAC;IACF,MAAM,EAAE,mBAAmB,CAAC;IAC5B,SAAS,EAAE,cAAc,CAAC;CAC3B;AAGD,eAAO,MAAM,SAAS,EAAE,cAAc,CAAC,SAAS,EAAE,SAAS,CA2B1D,CAAC"}
|
package/dist/index.esm.js
CHANGED
|
@@ -73,7 +73,7 @@ const APPEARANCE_CATEGORY = ['text', 'border', 'ring', 'shadow', 'bg', 'accent',
|
|
|
73
73
|
/** Component property keys mapping categories to their available values */
|
|
74
74
|
const ComponentKeys = {
|
|
75
75
|
/** Color appearance options */
|
|
76
|
-
appearance: ['default', 'accent', 'primary', 'secondary', 'tertiary', 'success', 'danger', 'warning', 'info'
|
|
76
|
+
appearance: ['default', 'accent', 'primary', 'secondary', 'tertiary', 'success', 'danger', 'warning', 'info'],
|
|
77
77
|
/** Border visibility: includes all border variations and noBorder (border, borderT, borderB, etc., noBorder) */
|
|
78
78
|
border: ['border', 'borderT', 'borderB', 'borderL', 'borderR', 'borderX', 'borderY', 'noBorder'],
|
|
79
79
|
/** Column breakpoints for responsive grid layouts */
|
|
@@ -3760,7 +3760,6 @@ const filledTextAppearanceClasses = {
|
|
|
3760
3760
|
primary: "text-(--color-text-filled-primary)",
|
|
3761
3761
|
secondary: "text-(--color-text-filled-secondary)",
|
|
3762
3762
|
tertiary: "text-(--color-text-filled-tertiary)",
|
|
3763
|
-
link: "text-(--color-text-filled-link)",
|
|
3764
3763
|
accent: "text-(--color-text-filled-accent)",
|
|
3765
3764
|
success: "text-(--color-text-filled-success)",
|
|
3766
3765
|
danger: "text-(--color-text-filled-danger)",
|
|
@@ -3773,7 +3772,6 @@ const textAppearanceClasses = {
|
|
|
3773
3772
|
primary: "text-(--color-text-primary)",
|
|
3774
3773
|
secondary: "text-(--color-text-secondary)",
|
|
3775
3774
|
tertiary: "text-(--color-text-tertiary)",
|
|
3776
|
-
link: "text-(--color-text-link)",
|
|
3777
3775
|
accent: "text-(--color-text-accent)",
|
|
3778
3776
|
success: "text-(--color-text-success)",
|
|
3779
3777
|
danger: "text-(--color-text-danger)",
|
|
@@ -3793,7 +3791,6 @@ const filledBackgroundAppearanceClasses = {
|
|
|
3793
3791
|
warning: "bg-(--color-bg-filled-warning)",
|
|
3794
3792
|
info: "bg-(--color-bg-filled-info)",
|
|
3795
3793
|
transparent: "bg-transparent",
|
|
3796
|
-
link: "bg-(--color-bg-filled-link)",
|
|
3797
3794
|
};
|
|
3798
3795
|
const filledHoverBackgroundAppearanceClasses = {
|
|
3799
3796
|
default: "hover:bg-(--color-bg-filled-hover-default)",
|
|
@@ -3806,7 +3803,6 @@ const filledHoverBackgroundAppearanceClasses = {
|
|
|
3806
3803
|
warning: "hover:bg-(--color-bg-filled-hover-warning)",
|
|
3807
3804
|
info: "hover:bg-(--color-bg-filled-hover-info)",
|
|
3808
3805
|
transparent: "hover:bg-transparent",
|
|
3809
|
-
link: "hover:bg-(--color-bg-filled-hover-link)",
|
|
3810
3806
|
};
|
|
3811
3807
|
const filledActiveBackgroundAppearanceClasses = {
|
|
3812
3808
|
default: "active:bg-(--color-bg-filled-active-default)",
|
|
@@ -3819,7 +3815,6 @@ const filledActiveBackgroundAppearanceClasses = {
|
|
|
3819
3815
|
warning: "active:bg-(--color-bg-filled-active-warning)",
|
|
3820
3816
|
info: "active:bg-(--color-bg-filled-active-info)",
|
|
3821
3817
|
transparent: "active:bg-transparent",
|
|
3822
|
-
link: "active:bg-(--color-bg-filled-active-link)",
|
|
3823
3818
|
};
|
|
3824
3819
|
const backgroundAppearanceClasses = {
|
|
3825
3820
|
default: "bg-(--color-bg-default)",
|
|
@@ -3832,7 +3827,6 @@ const backgroundAppearanceClasses = {
|
|
|
3832
3827
|
warning: "bg-(--color-bg-warning)",
|
|
3833
3828
|
info: "bg-(--color-bg-info)",
|
|
3834
3829
|
transparent: "bg-transparent",
|
|
3835
|
-
link: "bg-(--color-bg-link)",
|
|
3836
3830
|
};
|
|
3837
3831
|
const hoverBackgroundAppearanceClasses = {
|
|
3838
3832
|
default: "hover:bg-(--color-bg-hover-default)",
|
|
@@ -3845,7 +3839,6 @@ const hoverBackgroundAppearanceClasses = {
|
|
|
3845
3839
|
warning: "hover:bg-(--color-bg-hover-warning)",
|
|
3846
3840
|
info: "hover:bg-(--color-bg-hover-info)",
|
|
3847
3841
|
transparent: "hover:bg-transparent",
|
|
3848
|
-
link: "hover:bg-(--color-bg-hover-link)",
|
|
3849
3842
|
};
|
|
3850
3843
|
const activeBackgroundAppearanceClasses = {
|
|
3851
3844
|
default: "active:bg-(--color-bg-active-default)",
|
|
@@ -3858,7 +3851,6 @@ const activeBackgroundAppearanceClasses = {
|
|
|
3858
3851
|
warning: "active:bg-(--color-bg-active-warning)",
|
|
3859
3852
|
info: "active:bg-(--color-bg-active-info)",
|
|
3860
3853
|
transparent: "active:bg-transparent",
|
|
3861
|
-
link: "active:bg-(--color-bg-active-link)",
|
|
3862
3854
|
};
|
|
3863
3855
|
const layoutBackgroundAppearanceClasses = {
|
|
3864
3856
|
default: "bg-(--color-bg-layout-default)",
|
|
@@ -3871,7 +3863,6 @@ const layoutBackgroundAppearanceClasses = {
|
|
|
3871
3863
|
warning: "bg-(--color-bg-layout-warning)",
|
|
3872
3864
|
info: "bg-(--color-bg-layout-info)",
|
|
3873
3865
|
transparent: "bg-transparent",
|
|
3874
|
-
link: "bg-(--color-bg-layout-link)",
|
|
3875
3866
|
};
|
|
3876
3867
|
const layoutFilledBackgroundAppearanceClasses = {
|
|
3877
3868
|
default: "bg-(--color-bg-filled-layout-default)",
|
|
@@ -3884,7 +3875,6 @@ const layoutFilledBackgroundAppearanceClasses = {
|
|
|
3884
3875
|
warning: "bg-(--color-bg-filled-layout-warning)",
|
|
3885
3876
|
info: "bg-(--color-bg-filled-layout-info)",
|
|
3886
3877
|
transparent: "bg-transparent",
|
|
3887
|
-
link: "bg-(--color-bg-filled-layout-link)",
|
|
3888
3878
|
};
|
|
3889
3879
|
const bgBorderAppearanceClasses = {
|
|
3890
3880
|
default: "bg-(--color-border-default)",
|
|
@@ -3896,7 +3886,6 @@ const bgBorderAppearanceClasses = {
|
|
|
3896
3886
|
danger: "bg-(--color-border-danger)",
|
|
3897
3887
|
warning: "bg-(--color-border-warning)",
|
|
3898
3888
|
info: "bg-(--color-border-info)",
|
|
3899
|
-
link: "bg-(--color-border-link)",
|
|
3900
3889
|
transparent: "bg-transparent",
|
|
3901
3890
|
};
|
|
3902
3891
|
const borderAppearanceClasses = {
|
|
@@ -3909,7 +3898,6 @@ const borderAppearanceClasses = {
|
|
|
3909
3898
|
danger: "border-(--color-border-danger)",
|
|
3910
3899
|
warning: "border-(--color-border-warning)",
|
|
3911
3900
|
info: "border-(--color-border-info)",
|
|
3912
|
-
link: "border-(--color-border-link)",
|
|
3913
3901
|
transparent: "border-transparent",
|
|
3914
3902
|
};
|
|
3915
3903
|
const filledBorderAppearanceClasses = {
|
|
@@ -3922,7 +3910,6 @@ const filledBorderAppearanceClasses = {
|
|
|
3922
3910
|
danger: "border-(--color-border-filled-danger)",
|
|
3923
3911
|
warning: "border-(--color-border-filled-warning)",
|
|
3924
3912
|
info: "border-(--color-border-filled-info)",
|
|
3925
|
-
link: "border-(--color-border-filled-link)",
|
|
3926
3913
|
transparent: "border-transparent",
|
|
3927
3914
|
};
|
|
3928
3915
|
const ringAppearanceClasses = {
|
|
@@ -3935,7 +3922,6 @@ const ringAppearanceClasses = {
|
|
|
3935
3922
|
danger: "ring-(--color-border-danger)",
|
|
3936
3923
|
warning: "ring-(--color-border-warning)",
|
|
3937
3924
|
info: "ring-(--color-border-info)",
|
|
3938
|
-
link: "ring-(--color-border-link)",
|
|
3939
3925
|
transparent: "ring-transparent",
|
|
3940
3926
|
};
|
|
3941
3927
|
const filledRingAppearanceClasses = {
|
|
@@ -3948,7 +3934,6 @@ const filledRingAppearanceClasses = {
|
|
|
3948
3934
|
danger: "ring-(--color-border-filled-danger)",
|
|
3949
3935
|
warning: "ring-(--color-border-filled-warning)",
|
|
3950
3936
|
info: "ring-(--color-border-filled-info)",
|
|
3951
|
-
link: "ring-(--color-border-filled-link)",
|
|
3952
3937
|
transparent: "ring-transparent",
|
|
3953
3938
|
};
|
|
3954
3939
|
const focusVisibleOutlineAppearanceClasses = {
|
|
@@ -3961,7 +3946,6 @@ const focusVisibleOutlineAppearanceClasses = {
|
|
|
3961
3946
|
danger: "focus-visible:outline-(--color-border-danger)",
|
|
3962
3947
|
warning: "focus-visible:outline-(--color-border-warning)",
|
|
3963
3948
|
info: "focus-visible:outline-(--color-border-info)",
|
|
3964
|
-
link: "focus-visible:outline-(--color-border-link)",
|
|
3965
3949
|
transparent: "focus-visible:outline-transparent",
|
|
3966
3950
|
};
|
|
3967
3951
|
const filledFocusVisibleOutlineAppearanceClasses = {
|
|
@@ -3974,7 +3958,6 @@ const filledFocusVisibleOutlineAppearanceClasses = {
|
|
|
3974
3958
|
danger: "focus-visible:outline-(--color-border-filled-danger)",
|
|
3975
3959
|
warning: "focus-visible:outline-(--color-border-filled-warning)",
|
|
3976
3960
|
info: "focus-visible:outline-(--color-border-filled-info)",
|
|
3977
|
-
link: "focus-visible:outline-(--color-border-filled-link)",
|
|
3978
3961
|
transparent: "focus-visible:outline-transparent",
|
|
3979
3962
|
};
|
|
3980
3963
|
const accentColorAppearanceClasses = {
|
|
@@ -3988,7 +3971,6 @@ const accentColorAppearanceClasses = {
|
|
|
3988
3971
|
warning: "accent-(--color-bg-warning)",
|
|
3989
3972
|
info: "accent-(--color-bg-info)",
|
|
3990
3973
|
transparent: "accent-transparent",
|
|
3991
|
-
link: "accent-(--color-bg-link)",
|
|
3992
3974
|
};
|
|
3993
3975
|
const filledAccentColorAppearanceClasses = {
|
|
3994
3976
|
default: "accent-(--color-bg-filled-default)",
|
|
@@ -4001,7 +3983,6 @@ const filledAccentColorAppearanceClasses = {
|
|
|
4001
3983
|
warning: "accent-(--color-bg-filled-warning)",
|
|
4002
3984
|
info: "accent-(--color-bg-filled-info)",
|
|
4003
3985
|
transparent: "accent-transparent",
|
|
4004
|
-
link: "accent-(--color-bg-filled-link)",
|
|
4005
3986
|
};
|
|
4006
3987
|
const checkedBackgroundAppearanceClasses = {
|
|
4007
3988
|
default: "checked:bg-(--color-bg-default)",
|
|
@@ -4014,7 +3995,6 @@ const checkedBackgroundAppearanceClasses = {
|
|
|
4014
3995
|
warning: "checked:bg-(--color-bg-warning)",
|
|
4015
3996
|
info: "checked:bg-(--color-bg-info)",
|
|
4016
3997
|
transparent: "checked:bg-transparent",
|
|
4017
|
-
link: "checked:bg-(--color-bg-link)",
|
|
4018
3998
|
};
|
|
4019
3999
|
const filledCheckedBackgroundAppearanceClasses = {
|
|
4020
4000
|
default: "checked:bg-(--color-bg-filled-default)",
|
|
@@ -4027,7 +4007,6 @@ const filledCheckedBackgroundAppearanceClasses = {
|
|
|
4027
4007
|
warning: "checked:bg-(--color-bg-filled-warning)",
|
|
4028
4008
|
info: "checked:bg-(--color-bg-filled-info)",
|
|
4029
4009
|
transparent: "checked:bg-transparent",
|
|
4030
|
-
link: "checked:bg-(--color-bg-filled-link)",
|
|
4031
4010
|
};
|
|
4032
4011
|
|
|
4033
4012
|
class ShadowAppearanceTheme extends BaseTheme {
|
|
@@ -4468,7 +4447,6 @@ const themeDefaults = {
|
|
|
4468
4447
|
},
|
|
4469
4448
|
link: {
|
|
4470
4449
|
underline: true,
|
|
4471
|
-
link: true,
|
|
4472
4450
|
sans: true,
|
|
4473
4451
|
},
|
|
4474
4452
|
listItem: {
|
|
@@ -4707,6 +4685,32 @@ const defaultCodeTheme = new ComponentTheme("code", "", {
|
|
|
4707
4685
|
typography: defaultTypographyThemes,
|
|
4708
4686
|
}, themeDefaults.code, CODE_CATEGORIES);
|
|
4709
4687
|
|
|
4688
|
+
/**
|
|
4689
|
+
* Link-specific variant theme that handles text colors
|
|
4690
|
+
* using link color variables directly (not through the appearance system).
|
|
4691
|
+
*
|
|
4692
|
+
* This allows Link component colors to be customized independently
|
|
4693
|
+
* from primary/secondary appearance colors.
|
|
4694
|
+
*/
|
|
4695
|
+
class LinkVariantTheme extends BaseTheme {
|
|
4696
|
+
constructor() {
|
|
4697
|
+
super(...arguments);
|
|
4698
|
+
/** Text color for outline/default links (light backgrounds) */
|
|
4699
|
+
this.outline = "text-(--color-text-link)";
|
|
4700
|
+
/** Text color for filled links (dark backgrounds) */
|
|
4701
|
+
this.filled = "text-(--color-text-filled-link)";
|
|
4702
|
+
}
|
|
4703
|
+
getClasses(extractedKeys) {
|
|
4704
|
+
var _a;
|
|
4705
|
+
// Handle transparent override
|
|
4706
|
+
if ((extractedKeys === null || extractedKeys === void 0 ? void 0 : extractedKeys.transparent) === 'transparent') {
|
|
4707
|
+
return ['text-transparent'];
|
|
4708
|
+
}
|
|
4709
|
+
const variant = (_a = extractedKeys === null || extractedKeys === void 0 ? void 0 : extractedKeys.variant) !== null && _a !== void 0 ? _a : 'outline';
|
|
4710
|
+
return [this[variant] || ''];
|
|
4711
|
+
}
|
|
4712
|
+
}
|
|
4713
|
+
|
|
4710
4714
|
const isObject = (item) => {
|
|
4711
4715
|
return item !== null && typeof item === 'object' && !Array.isArray(item);
|
|
4712
4716
|
};
|
|
@@ -4841,14 +4845,14 @@ const sectionTitleTheme = createTypographyComponentTheme("h2", "text-balance w-f
|
|
|
4841
4845
|
const titleTheme = createTypographyComponentTheme("h3", "text-balance w-fit", FontSizeTheme.createForTitle(), mergeDefaults(themeDefaults.title, { semibold: true }), LineHeightTheme.createForTitle());
|
|
4842
4846
|
// Text specific theme
|
|
4843
4847
|
const textTheme = createTypographyComponentTheme("p", "p-0 m-0 w-fit", new FontSizeTheme(), themeDefaults.text);
|
|
4844
|
-
// Link specific theme
|
|
4848
|
+
// Link specific theme - uses LinkVariantTheme for link-specific colors
|
|
4845
4849
|
const linkTheme = new ComponentTheme("a", "hover:underline w-fit cursor-pointer", {
|
|
4846
4850
|
size: {
|
|
4847
4851
|
text: new FontSizeTheme(),
|
|
4848
4852
|
lineHeight: LineHeightTheme.createDefault(),
|
|
4849
4853
|
},
|
|
4850
4854
|
appearance: {
|
|
4851
|
-
text:
|
|
4855
|
+
text: new LinkVariantTheme(),
|
|
4852
4856
|
},
|
|
4853
4857
|
typography: defaultTypographyThemes,
|
|
4854
4858
|
layout: defaultLayoutsThemes,
|