@genfeedai/design-tokens 1.0.2

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.
Files changed (51) hide show
  1. package/dist/core/colors.d.ts +304 -0
  2. package/dist/core/colors.d.ts.map +1 -0
  3. package/dist/core/colors.js +105 -0
  4. package/dist/core/colors.js.map +1 -0
  5. package/dist/core/motion.d.ts +12 -0
  6. package/dist/core/motion.d.ts.map +1 -0
  7. package/dist/core/motion.js +7 -0
  8. package/dist/core/motion.js.map +1 -0
  9. package/dist/core/radius.d.ts +18 -0
  10. package/dist/core/radius.d.ts.map +1 -0
  11. package/dist/core/radius.js +10 -0
  12. package/dist/core/radius.js.map +1 -0
  13. package/dist/core/spacing.d.ts +20 -0
  14. package/dist/core/spacing.d.ts.map +1 -0
  15. package/dist/core/spacing.js +11 -0
  16. package/dist/core/spacing.js.map +1 -0
  17. package/dist/core/typography.d.ts +32 -0
  18. package/dist/core/typography.d.ts.map +1 -0
  19. package/dist/core/typography.js +17 -0
  20. package/dist/core/typography.js.map +1 -0
  21. package/dist/generators/native-ts.d.ts +74 -0
  22. package/dist/generators/native-ts.d.ts.map +1 -0
  23. package/dist/generators/native-ts.js +5 -0
  24. package/dist/generators/native-ts.js.map +1 -0
  25. package/dist/generators/web-css.d.ts +3 -0
  26. package/dist/generators/web-css.d.ts.map +1 -0
  27. package/dist/generators/web-css.js +43 -0
  28. package/dist/generators/web-css.js.map +1 -0
  29. package/dist/generators/webview-css.d.ts +3 -0
  30. package/dist/generators/webview-css.d.ts.map +1 -0
  31. package/dist/generators/webview-css.js +31 -0
  32. package/dist/generators/webview-css.js.map +1 -0
  33. package/dist/index.d.ts +51 -0
  34. package/dist/index.d.ts.map +1 -0
  35. package/dist/index.js +21 -0
  36. package/dist/index.js.map +1 -0
  37. package/dist/semantic/mobile.d.ts +74 -0
  38. package/dist/semantic/mobile.d.ts.map +1 -0
  39. package/dist/semantic/mobile.js +69 -0
  40. package/dist/semantic/mobile.js.map +1 -0
  41. package/dist/semantic/web.d.ts +44 -0
  42. package/dist/semantic/web.d.ts.map +1 -0
  43. package/dist/semantic/web.js +44 -0
  44. package/dist/semantic/web.js.map +1 -0
  45. package/dist/semantic/webview.d.ts +22 -0
  46. package/dist/semantic/webview.d.ts.map +1 -0
  47. package/dist/semantic/webview.js +22 -0
  48. package/dist/semantic/webview.js.map +1 -0
  49. package/gen-vars.scss +72 -0
  50. package/package.json +42 -0
  51. package/web-tokens.scss +116 -0
@@ -0,0 +1,74 @@
1
+ export declare function generateNativeTokens(): {
2
+ readonly borderRadius: {
3
+ readonly full: 999;
4
+ readonly lg: 10;
5
+ readonly md: 8;
6
+ readonly sm: 6;
7
+ readonly xl: 12;
8
+ readonly xxl: 14;
9
+ readonly xxxl: 16;
10
+ };
11
+ readonly colors: {
12
+ readonly accent: '#FFFFFF';
13
+ readonly accentDark: '#0A0A0A';
14
+ readonly bgBorder: '#262626';
15
+ readonly bgPrimary: '#0A0A0A';
16
+ readonly bgSecondary: '#0F0F0F';
17
+ readonly bgTertiary: '#1A1A1A';
18
+ readonly black: '#000000';
19
+ readonly error: '#CF3F3F';
20
+ readonly indigo: '#2563EB';
21
+ readonly info: '#0EA5E9';
22
+ readonly primary: '#FFFFFF';
23
+ readonly primaryForeground: '#000000';
24
+ readonly success: '#22C55E';
25
+ readonly textMuted: '#737373';
26
+ readonly textPrimary: '#FAFAFA';
27
+ readonly textSecondary: '#A3A3A3';
28
+ readonly textSubtle: '#525252';
29
+ readonly transparent: 'transparent';
30
+ readonly warning: '#F59E0B';
31
+ readonly warningDark: '#000000';
32
+ readonly white: '#FFFFFF';
33
+ };
34
+ readonly motion: {
35
+ readonly durationFast: '200ms';
36
+ readonly durationNormal: '300ms';
37
+ readonly durationSlow: '500ms';
38
+ };
39
+ readonly radius: {
40
+ readonly full: '999px';
41
+ readonly lg: '12px';
42
+ readonly md: '8px';
43
+ readonly none: '0px';
44
+ readonly sm: '6px';
45
+ readonly xl: '16px';
46
+ readonly xxl: '24px';
47
+ };
48
+ readonly spacing: {
49
+ readonly lg: 16;
50
+ readonly md: 12;
51
+ readonly sm: 8;
52
+ readonly xl: 20;
53
+ readonly xs: 4;
54
+ readonly xxl: 24;
55
+ readonly xxxl: 32;
56
+ readonly xxxxl: 48;
57
+ };
58
+ readonly typography: {
59
+ readonly fontSans: "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif";
60
+ readonly fontSerif: "Georgia, 'Times New Roman', serif";
61
+ readonly h1: 26;
62
+ readonly h2: 24;
63
+ readonly h3: 20;
64
+ readonly hero: 28;
65
+ readonly lg: 14;
66
+ readonly md: 13;
67
+ readonly sm: 12;
68
+ readonly xl: 15;
69
+ readonly xs: 11;
70
+ readonly xxl: 16;
71
+ readonly xxxl: 18;
72
+ };
73
+ };
74
+ //# sourceMappingURL=native-ts.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"native-ts.d.ts","sourceRoot":"","sources":["../../src/generators/native-ts.ts"],"names":[],"mappings":"AAEA,wBAAgB,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAEnC"}
@@ -0,0 +1,5 @@
1
+ import { nativeTokenMap } from '../semantic/mobile';
2
+ export function generateNativeTokens() {
3
+ return nativeTokenMap;
4
+ }
5
+ //# sourceMappingURL=native-ts.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"native-ts.js","sourceRoot":"","sources":["../../src/generators/native-ts.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAEhE,MAAM,UAAU,oBAAoB;IAClC,OAAO,cAAc,CAAC;AACxB,CAAC","sourcesContent":["import { nativeTokenMap } from '@design-tokens/semantic/mobile';\n\nexport function generateNativeTokens() {\n return nativeTokenMap;\n}\n"]}
@@ -0,0 +1,3 @@
1
+ export declare function generateWebTokenCss(): string;
2
+ export declare const webTokenCss: string;
3
+ //# sourceMappingURL=web-css.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"web-css.d.ts","sourceRoot":"","sources":["../../src/generators/web-css.ts"],"names":[],"mappings":"AAmDA,wBAAgB,mBAAmB,IAAI,MAAM,CAW5C;AAED,eAAO,MAAM,WAAW,QAAwB,CAAC"}
@@ -0,0 +1,43 @@
1
+ import { semanticColorTokens } from '../core/colors';
2
+ import { motionTokens } from '../core/motion';
3
+ import { radiusTokens } from '../core/radius';
4
+ import { spacingTokens } from '../core/spacing';
5
+ import { typographyTokens } from '../core/typography';
6
+ function cssVariablesForTheme(theme) {
7
+ const semanticEntries = Object.entries(semanticColorTokens[theme]).map(([tokenName, value]) => {
8
+ if (tokenName === 'surface' ||
9
+ tokenName === 'fill' ||
10
+ tokenName === 'edge' ||
11
+ tokenName === 'inv' ||
12
+ tokenName === 'invFg') {
13
+ return ` --${tokenName === 'invFg' ? 'inv-fg' : tokenName}: ${value.hsl};`;
14
+ }
15
+ const cssName = tokenName.replace(/[A-Z]/g, (match) => `-${match.toLowerCase()}`);
16
+ return ` --${cssName}: ${value.hsl};`;
17
+ });
18
+ const typographyEntries = Object.entries(typographyTokens).map(([tokenName, value]) => ` --${tokenName.replace(/[A-Z]/g, (match) => `-${match.toLowerCase()}`)}: ${value};`);
19
+ const spacingEntries = Object.entries(spacingTokens).map(([tokenName, value]) => ` --space-${tokenName}: ${value};`);
20
+ const radiusEntries = Object.entries(radiusTokens).map(([tokenName, value]) => ` --radius-${tokenName}: ${value};`);
21
+ const motionEntries = Object.entries(motionTokens).map(([tokenName, value]) => ` --motion-${tokenName.replace(/[A-Z]/g, (match) => `-${match.toLowerCase()}`)}: ${value};`);
22
+ return [
23
+ ...semanticEntries,
24
+ ...typographyEntries,
25
+ ...spacingEntries,
26
+ ...radiusEntries,
27
+ ...motionEntries,
28
+ ].join('\n');
29
+ }
30
+ export function generateWebTokenCss() {
31
+ return `@layer base {
32
+ :root,
33
+ [data-theme='light'] {
34
+ ${cssVariablesForTheme('light')}
35
+ }
36
+
37
+ [data-theme='dark'] {
38
+ ${cssVariablesForTheme('dark')}
39
+ }
40
+ }`;
41
+ }
42
+ export const webTokenCss = generateWebTokenCss();
43
+ //# sourceMappingURL=web-css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"web-css.js","sourceRoot":"","sources":["../../src/generators/web-css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAElE,SAAS,oBAAoB,CAAC,KAAuB;IACnD,MAAM,eAAe,GAAG,MAAM,CAAC,OAAO,CAAC,mBAAmB,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CACpE,CAAC,CAAC,SAAS,EAAE,KAAK,CAAC,EAAE,EAAE;QACrB,IACE,SAAS,KAAK,SAAS;YACvB,SAAS,KAAK,MAAM;YACpB,SAAS,KAAK,MAAM;YACpB,SAAS,KAAK,KAAK;YACnB,SAAS,KAAK,OAAO,EACrB,CAAC;YACD,OAAO,SAAS,SAAS,KAAK,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,KAAK,KAAK,CAAC,GAAG,GAAG,CAAC;QAChF,CAAC;QAED,MAAM,OAAO,GAAG,SAAS,CAAC,OAAO,CAC/B,QAAQ,EACR,CAAC,KAAK,EAAE,EAAE,CAAC,IAAI,KAAK,CAAC,WAAW,EAAE,EAAE,CACrC,CAAC;QACF,OAAO,SAAS,OAAO,KAAK,KAAK,CAAC,GAAG,GAAG,CAAC;IAC3C,CAAC,CACF,CAAC;IAEF,MAAM,iBAAiB,GAAG,MAAM,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC,GAAG,CAC5D,CAAC,CAAC,SAAS,EAAE,KAAK,CAAC,EAAE,EAAE,CACrB,SAAS,SAAS,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,IAAI,KAAK,CAAC,WAAW,EAAE,EAAE,CAAC,KAAK,KAAK,GAAG,CAC1F,CAAC;IACF,MAAM,cAAc,GAAG,MAAM,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,GAAG,CACtD,CAAC,CAAC,SAAS,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,eAAe,SAAS,KAAK,KAAK,GAAG,CAC9D,CAAC;IACF,MAAM,aAAa,GAAG,MAAM,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,GAAG,CACpD,CAAC,CAAC,SAAS,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,gBAAgB,SAAS,KAAK,KAAK,GAAG,CAC/D,CAAC;IACF,MAAM,aAAa,GAAG,MAAM,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,GAAG,CACpD,CAAC,CAAC,SAAS,EAAE,KAAK,CAAC,EAAE,EAAE,CACrB,gBAAgB,SAAS,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,IAAI,KAAK,CAAC,WAAW,EAAE,EAAE,CAAC,KAAK,KAAK,GAAG,CACjG,CAAC;IAEF,OAAO;QACL,GAAG,eAAe;QAClB,GAAG,iBAAiB;QACpB,GAAG,cAAc;QACjB,GAAG,aAAa;QAChB,GAAG,aAAa;KACjB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AACf,CAAC;AAED,MAAM,UAAU,mBAAmB;IACjC,OAAO;;;EAGP,oBAAoB,CAAC,OAAO,CAAC;;;;EAI7B,oBAAoB,CAAC,MAAM,CAAC;;EAE5B,CAAC;AACH,CAAC;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,mBAAmB,EAAE,CAAC","sourcesContent":["import { semanticColorTokens } from '@design-tokens/core/colors';\nimport { motionTokens } from '@design-tokens/core/motion';\nimport { radiusTokens } from '@design-tokens/core/radius';\nimport { spacingTokens } from '@design-tokens/core/spacing';\nimport { typographyTokens } from '@design-tokens/core/typography';\n\nfunction cssVariablesForTheme(theme: 'light' | 'dark'): string {\n const semanticEntries = Object.entries(semanticColorTokens[theme]).map(\n ([tokenName, value]) => {\n if (\n tokenName === 'surface' ||\n tokenName === 'fill' ||\n tokenName === 'edge' ||\n tokenName === 'inv' ||\n tokenName === 'invFg'\n ) {\n return ` --${tokenName === 'invFg' ? 'inv-fg' : tokenName}: ${value.hsl};`;\n }\n\n const cssName = tokenName.replace(\n /[A-Z]/g,\n (match) => `-${match.toLowerCase()}`,\n );\n return ` --${cssName}: ${value.hsl};`;\n },\n );\n\n const typographyEntries = Object.entries(typographyTokens).map(\n ([tokenName, value]) =>\n ` --${tokenName.replace(/[A-Z]/g, (match) => `-${match.toLowerCase()}`)}: ${value};`,\n );\n const spacingEntries = Object.entries(spacingTokens).map(\n ([tokenName, value]) => ` --space-${tokenName}: ${value};`,\n );\n const radiusEntries = Object.entries(radiusTokens).map(\n ([tokenName, value]) => ` --radius-${tokenName}: ${value};`,\n );\n const motionEntries = Object.entries(motionTokens).map(\n ([tokenName, value]) =>\n ` --motion-${tokenName.replace(/[A-Z]/g, (match) => `-${match.toLowerCase()}`)}: ${value};`,\n );\n\n return [\n ...semanticEntries,\n ...typographyEntries,\n ...spacingEntries,\n ...radiusEntries,\n ...motionEntries,\n ].join('\\n');\n}\n\nexport function generateWebTokenCss(): string {\n return `@layer base {\n :root,\n [data-theme='light'] {\n${cssVariablesForTheme('light')}\n }\n\n [data-theme='dark'] {\n${cssVariablesForTheme('dark')}\n }\n}`;\n}\n\nexport const webTokenCss = generateWebTokenCss();\n"]}
@@ -0,0 +1,3 @@
1
+ export declare function generateWebviewTokenCss(): string;
2
+ export declare const webviewTokenCss: string;
3
+ //# sourceMappingURL=webview-css.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"webview-css.d.ts","sourceRoot":"","sources":["../../src/generators/webview-css.ts"],"names":[],"mappings":"AAEA,wBAAgB,uBAAuB,IAAI,MAAM,CA+BhD;AAED,eAAO,MAAM,eAAe,QAA4B,CAAC"}
@@ -0,0 +1,31 @@
1
+ import { webviewSemanticTokenMap } from '../semantic/webview';
2
+ export function generateWebviewTokenCss() {
3
+ const semanticLines = Object.entries(webviewSemanticTokenMap).map(([tokenName, value]) => ` --${tokenName.replace(/[A-Z]/g, (match) => `-${match.toLowerCase()}`)}: ${value};`);
4
+ return `:root {
5
+ ${semanticLines.join('\n')}
6
+ --input-background: var(--vscode-input-background);
7
+ --input-foreground: var(--vscode-input-foreground);
8
+ --input-placeholder: var(--vscode-input-placeholderForeground);
9
+ --badge: var(--vscode-badge-background);
10
+ --badge-foreground: var(--vscode-badge-foreground);
11
+ --container-padding: 12px;
12
+ --radius: 4px;
13
+ --space-md: 12px;
14
+ --space-lg: 16px;
15
+ }
16
+
17
+ * {
18
+ box-sizing: border-box;
19
+ }
20
+
21
+ body {
22
+ margin: 0;
23
+ padding: 0;
24
+ font-family: var(--vscode-font-family);
25
+ font-size: var(--vscode-font-size);
26
+ color: var(--foreground);
27
+ background: var(--background);
28
+ }`;
29
+ }
30
+ export const webviewTokenCss = generateWebviewTokenCss();
31
+ //# sourceMappingURL=webview-css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"webview-css.js","sourceRoot":"","sources":["../../src/generators/webview-css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,iCAAiC,CAAC;AAE1E,MAAM,UAAU,uBAAuB;IACrC,MAAM,aAAa,GAAG,MAAM,CAAC,OAAO,CAAC,uBAAuB,CAAC,CAAC,GAAG,CAC/D,CAAC,CAAC,SAAS,EAAE,KAAK,CAAC,EAAE,EAAE,CACrB,SAAS,SAAS,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,IAAI,KAAK,CAAC,WAAW,EAAE,EAAE,CAAC,KAAK,KAAK,GAAG,CAC1F,CAAC;IAEF,OAAO;EACP,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC;;;;;;;;;;;;;;;;;;;;;;;IAuBtB,CAAC;AACL,CAAC;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,uBAAuB,EAAE,CAAC","sourcesContent":["import { webviewSemanticTokenMap } from '@design-tokens/semantic/webview';\n\nexport function generateWebviewTokenCss(): string {\n const semanticLines = Object.entries(webviewSemanticTokenMap).map(\n ([tokenName, value]) =>\n ` --${tokenName.replace(/[A-Z]/g, (match) => `-${match.toLowerCase()}`)}: ${value};`,\n );\n\n return `:root {\n${semanticLines.join('\\n')}\n --input-background: var(--vscode-input-background);\n --input-foreground: var(--vscode-input-foreground);\n --input-placeholder: var(--vscode-input-placeholderForeground);\n --badge: var(--vscode-badge-background);\n --badge-foreground: var(--vscode-badge-foreground);\n --container-padding: 12px;\n --radius: 4px;\n --space-md: 12px;\n --space-lg: 16px;\n }\n\n * {\n box-sizing: border-box;\n }\n\n body {\n margin: 0;\n padding: 0;\n font-family: var(--vscode-font-family);\n font-size: var(--vscode-font-size);\n color: var(--foreground);\n background: var(--background);\n }`;\n}\n\nexport const webviewTokenCss = generateWebviewTokenCss();\n"]}
@@ -0,0 +1,51 @@
1
+ import type { SemanticColorRole } from './core/colors';
2
+ import { semanticColorRoles, semanticColorTokens } from './core/colors';
3
+ import { motionTokens } from './core/motion';
4
+ import { radiusTokens } from './core/radius';
5
+ import { spacingTokens } from './core/spacing';
6
+ import { typographyTokens } from './core/typography';
7
+ import { generateNativeTokens } from './generators/native-ts';
8
+ import { generateWebTokenCss, webTokenCss } from './generators/web-css';
9
+ import {
10
+ generateWebviewTokenCss,
11
+ webviewTokenCss,
12
+ } from './generators/webview-css';
13
+ import { nativeTokenMap } from './semantic/mobile';
14
+ import { tailwindSemanticColors } from './semantic/web';
15
+ import { webviewSemanticTokenMap } from './semantic/webview';
16
+ export type {
17
+ ColorTokenName,
18
+ SemanticColorRole,
19
+ SemanticColorValue,
20
+ SemanticThemeColors,
21
+ } from './core/colors';
22
+ export type { MotionTokenName } from './core/motion';
23
+ export type { RadiusTokenName } from './core/radius';
24
+ export type { SpacingTokenName } from './core/spacing';
25
+ export type { TypographyTokenName } from './core/typography';
26
+ export interface DesignTokens {
27
+ colors: typeof semanticColorTokens;
28
+ motion: typeof motionTokens;
29
+ radius: typeof radiusTokens;
30
+ spacing: typeof spacingTokens;
31
+ typography: typeof typographyTokens;
32
+ }
33
+ export declare const designTokens: DesignTokens;
34
+ export {
35
+ generateNativeTokens,
36
+ generateWebTokenCss,
37
+ generateWebviewTokenCss,
38
+ motionTokens,
39
+ nativeTokenMap,
40
+ radiusTokens,
41
+ semanticColorRoles,
42
+ semanticColorTokens,
43
+ spacingTokens,
44
+ tailwindSemanticColors,
45
+ typographyTokens,
46
+ webTokenCss,
47
+ webviewSemanticTokenMap,
48
+ webviewTokenCss,
49
+ };
50
+ export declare const semanticColorRoleList: readonly SemanticColorRole[];
51
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,EACL,kBAAkB,EAClB,mBAAmB,EACpB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAClE,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EACL,mBAAmB,EACnB,WAAW,EACZ,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EACL,uBAAuB,EACvB,eAAe,EAChB,MAAM,uCAAuC,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAChE,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAE,uBAAuB,EAAE,MAAM,iCAAiC,CAAC;AAE1E,YAAY,EACV,cAAc,EACd,iBAAiB,EACjB,kBAAkB,EAClB,mBAAmB,GACpB,MAAM,4BAA4B,CAAC;AACpC,YAAY,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAClE,YAAY,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAClE,YAAY,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AACpE,YAAY,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AAE1E,MAAM,WAAW,YAAY;IAC3B,MAAM,EAAE,OAAO,mBAAmB,CAAC;IACnC,MAAM,EAAE,OAAO,YAAY,CAAC;IAC5B,MAAM,EAAE,OAAO,YAAY,CAAC;IAC5B,OAAO,EAAE,OAAO,aAAa,CAAC;IAC9B,UAAU,EAAE,OAAO,gBAAgB,CAAC;CACrC;AAED,eAAO,MAAM,YAAY,EAAE,YAM1B,CAAC;AAEF,OAAO,EACL,oBAAoB,EACpB,mBAAmB,EACnB,uBAAuB,EACvB,YAAY,EACZ,cAAc,EACd,YAAY,EACZ,kBAAkB,EAClB,mBAAmB,EACnB,aAAa,EACb,sBAAsB,EACtB,gBAAgB,EAChB,WAAW,EACX,uBAAuB,EACvB,eAAe,GAChB,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,SAAS,iBAAiB,EAC1C,CAAC"}
package/dist/index.js ADDED
@@ -0,0 +1,21 @@
1
+ import { semanticColorRoles, semanticColorTokens, } from './core/colors';
2
+ import { motionTokens } from './core/motion';
3
+ import { radiusTokens } from './core/radius';
4
+ import { spacingTokens } from './core/spacing';
5
+ import { typographyTokens } from './core/typography';
6
+ import { generateNativeTokens } from './generators/native-ts';
7
+ import { generateWebTokenCss, webTokenCss, } from './generators/web-css';
8
+ import { generateWebviewTokenCss, webviewTokenCss, } from './generators/webview-css';
9
+ import { nativeTokenMap } from './semantic/mobile';
10
+ import { tailwindSemanticColors } from './semantic/web';
11
+ import { webviewSemanticTokenMap } from './semantic/webview';
12
+ export const designTokens = {
13
+ colors: semanticColorTokens,
14
+ motion: motionTokens,
15
+ radius: radiusTokens,
16
+ spacing: spacingTokens,
17
+ typography: typographyTokens,
18
+ };
19
+ export { generateNativeTokens, generateWebTokenCss, generateWebviewTokenCss, motionTokens, nativeTokenMap, radiusTokens, semanticColorRoles, semanticColorTokens, spacingTokens, tailwindSemanticColors, typographyTokens, webTokenCss, webviewSemanticTokenMap, webviewTokenCss, };
20
+ export const semanticColorRoleList = semanticColorRoles;
21
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EACL,kBAAkB,EAClB,mBAAmB,GACpB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAClE,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EACL,mBAAmB,EACnB,WAAW,GACZ,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EACL,uBAAuB,EACvB,eAAe,GAChB,MAAM,uCAAuC,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAChE,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAE,uBAAuB,EAAE,MAAM,iCAAiC,CAAC;AAqB1E,MAAM,CAAC,MAAM,YAAY,GAAiB;IACxC,MAAM,EAAE,mBAAmB;IAC3B,MAAM,EAAE,YAAY;IACpB,MAAM,EAAE,YAAY;IACpB,OAAO,EAAE,aAAa;IACtB,UAAU,EAAE,gBAAgB;CAC7B,CAAC;AAEF,OAAO,EACL,oBAAoB,EACpB,mBAAmB,EACnB,uBAAuB,EACvB,YAAY,EACZ,cAAc,EACd,YAAY,EACZ,kBAAkB,EAClB,mBAAmB,EACnB,aAAa,EACb,sBAAsB,EACtB,gBAAgB,EAChB,WAAW,EACX,uBAAuB,EACvB,eAAe,GAChB,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAChC,kBAAkB,CAAC","sourcesContent":["import type { SemanticColorRole } from '@design-tokens/core/colors';\nimport {\n semanticColorRoles,\n semanticColorTokens,\n} from '@design-tokens/core/colors';\nimport { motionTokens } from '@design-tokens/core/motion';\nimport { radiusTokens } from '@design-tokens/core/radius';\nimport { spacingTokens } from '@design-tokens/core/spacing';\nimport { typographyTokens } from '@design-tokens/core/typography';\nimport { generateNativeTokens } from '@design-tokens/generators/native-ts';\nimport {\n generateWebTokenCss,\n webTokenCss,\n} from '@design-tokens/generators/web-css';\nimport {\n generateWebviewTokenCss,\n webviewTokenCss,\n} from '@design-tokens/generators/webview-css';\nimport { nativeTokenMap } from '@design-tokens/semantic/mobile';\nimport { tailwindSemanticColors } from '@design-tokens/semantic/web';\nimport { webviewSemanticTokenMap } from '@design-tokens/semantic/webview';\n\nexport type {\n ColorTokenName,\n SemanticColorRole,\n SemanticColorValue,\n SemanticThemeColors,\n} from '@design-tokens/core/colors';\nexport type { MotionTokenName } from '@design-tokens/core/motion';\nexport type { RadiusTokenName } from '@design-tokens/core/radius';\nexport type { SpacingTokenName } from '@design-tokens/core/spacing';\nexport type { TypographyTokenName } from '@design-tokens/core/typography';\n\nexport interface DesignTokens {\n colors: typeof semanticColorTokens;\n motion: typeof motionTokens;\n radius: typeof radiusTokens;\n spacing: typeof spacingTokens;\n typography: typeof typographyTokens;\n}\n\nexport const designTokens: DesignTokens = {\n colors: semanticColorTokens,\n motion: motionTokens,\n radius: radiusTokens,\n spacing: spacingTokens,\n typography: typographyTokens,\n};\n\nexport {\n generateNativeTokens,\n generateWebTokenCss,\n generateWebviewTokenCss,\n motionTokens,\n nativeTokenMap,\n radiusTokens,\n semanticColorRoles,\n semanticColorTokens,\n spacingTokens,\n tailwindSemanticColors,\n typographyTokens,\n webTokenCss,\n webviewSemanticTokenMap,\n webviewTokenCss,\n};\n\nexport const semanticColorRoleList: readonly SemanticColorRole[] =\n semanticColorRoles;\n"]}
@@ -0,0 +1,74 @@
1
+ export declare const nativeTokenMap: {
2
+ readonly borderRadius: {
3
+ readonly full: 999;
4
+ readonly lg: 10;
5
+ readonly md: 8;
6
+ readonly sm: 6;
7
+ readonly xl: 12;
8
+ readonly xxl: 14;
9
+ readonly xxxl: 16;
10
+ };
11
+ readonly colors: {
12
+ readonly accent: '#FFFFFF';
13
+ readonly accentDark: '#0A0A0A';
14
+ readonly bgBorder: '#262626';
15
+ readonly bgPrimary: '#0A0A0A';
16
+ readonly bgSecondary: '#0F0F0F';
17
+ readonly bgTertiary: '#1A1A1A';
18
+ readonly black: '#000000';
19
+ readonly error: '#CF3F3F';
20
+ readonly indigo: '#2563EB';
21
+ readonly info: '#0EA5E9';
22
+ readonly primary: '#FFFFFF';
23
+ readonly primaryForeground: '#000000';
24
+ readonly success: '#22C55E';
25
+ readonly textMuted: '#737373';
26
+ readonly textPrimary: '#FAFAFA';
27
+ readonly textSecondary: '#A3A3A3';
28
+ readonly textSubtle: '#525252';
29
+ readonly transparent: 'transparent';
30
+ readonly warning: '#F59E0B';
31
+ readonly warningDark: '#000000';
32
+ readonly white: '#FFFFFF';
33
+ };
34
+ readonly motion: {
35
+ readonly durationFast: '200ms';
36
+ readonly durationNormal: '300ms';
37
+ readonly durationSlow: '500ms';
38
+ };
39
+ readonly radius: {
40
+ readonly full: '999px';
41
+ readonly lg: '12px';
42
+ readonly md: '8px';
43
+ readonly none: '0px';
44
+ readonly sm: '6px';
45
+ readonly xl: '16px';
46
+ readonly xxl: '24px';
47
+ };
48
+ readonly spacing: {
49
+ readonly lg: 16;
50
+ readonly md: 12;
51
+ readonly sm: 8;
52
+ readonly xl: 20;
53
+ readonly xs: 4;
54
+ readonly xxl: 24;
55
+ readonly xxxl: 32;
56
+ readonly xxxxl: 48;
57
+ };
58
+ readonly typography: {
59
+ readonly fontSans: "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif";
60
+ readonly fontSerif: "Georgia, 'Times New Roman', serif";
61
+ readonly h1: 26;
62
+ readonly h2: 24;
63
+ readonly h3: 20;
64
+ readonly hero: 28;
65
+ readonly lg: 14;
66
+ readonly md: 13;
67
+ readonly sm: 12;
68
+ readonly xl: 15;
69
+ readonly xs: 11;
70
+ readonly xxl: 16;
71
+ readonly xxxl: 18;
72
+ };
73
+ };
74
+ //# sourceMappingURL=mobile.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"mobile.d.ts","sourceRoot":"","sources":["../../src/semantic/mobile.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgEjB,CAAC"}
@@ -0,0 +1,69 @@
1
+ import { motionTokens } from '../core/motion';
2
+ import { radiusTokens } from '../core/radius';
3
+ import { typographyTokens } from '../core/typography';
4
+ export const nativeTokenMap = {
5
+ borderRadius: {
6
+ full: 999,
7
+ lg: 10,
8
+ md: 8,
9
+ sm: 6,
10
+ xl: 12,
11
+ xxl: 14,
12
+ xxxl: 16,
13
+ },
14
+ colors: {
15
+ accent: '#FFFFFF',
16
+ accentDark: '#0A0A0A',
17
+ bgBorder: '#262626',
18
+ bgPrimary: '#0A0A0A',
19
+ bgSecondary: '#0F0F0F',
20
+ bgTertiary: '#1A1A1A',
21
+ black: '#000000',
22
+ error: '#CF3F3F',
23
+ indigo: '#2563EB',
24
+ info: '#0EA5E9',
25
+ primary: '#FFFFFF',
26
+ primaryForeground: '#000000',
27
+ success: '#22C55E',
28
+ textMuted: '#737373',
29
+ textPrimary: '#FAFAFA',
30
+ textSecondary: '#A3A3A3',
31
+ textSubtle: '#525252',
32
+ transparent: 'transparent',
33
+ warning: '#F59E0B',
34
+ warningDark: '#000000',
35
+ white: '#FFFFFF',
36
+ },
37
+ motion: {
38
+ durationFast: motionTokens.durationFast,
39
+ durationNormal: motionTokens.durationNormal,
40
+ durationSlow: motionTokens.durationSlow,
41
+ },
42
+ radius: radiusTokens,
43
+ spacing: {
44
+ lg: 16,
45
+ md: 12,
46
+ sm: 8,
47
+ xl: 20,
48
+ xs: 4,
49
+ xxl: 24,
50
+ xxxl: 32,
51
+ xxxxl: 48,
52
+ },
53
+ typography: {
54
+ fontSans: typographyTokens.fontSans,
55
+ fontSerif: typographyTokens.fontSerif,
56
+ h1: 26,
57
+ h2: 24,
58
+ h3: 20,
59
+ hero: 28,
60
+ lg: 14,
61
+ md: 13,
62
+ sm: 12,
63
+ xl: 15,
64
+ xs: 11,
65
+ xxl: 16,
66
+ xxxl: 18,
67
+ },
68
+ };
69
+ //# sourceMappingURL=mobile.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"mobile.js","sourceRoot":"","sources":["../../src/semantic/mobile.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAElE,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,YAAY,EAAE;QACZ,IAAI,EAAE,GAAG;QACT,EAAE,EAAE,EAAE;QACN,EAAE,EAAE,CAAC;QACL,EAAE,EAAE,CAAC;QACL,EAAE,EAAE,EAAE;QACN,GAAG,EAAE,EAAE;QACP,IAAI,EAAE,EAAE;KACT;IACD,MAAM,EAAE;QACN,MAAM,EAAE,SAAS;QACjB,UAAU,EAAE,SAAS;QACrB,QAAQ,EAAE,SAAS;QACnB,SAAS,EAAE,SAAS;QACpB,WAAW,EAAE,SAAS;QACtB,UAAU,EAAE,SAAS;QACrB,KAAK,EAAE,SAAS;QAChB,KAAK,EAAE,SAAS;QAChB,MAAM,EAAE,SAAS;QACjB,IAAI,EAAE,SAAS;QACf,OAAO,EAAE,SAAS;QAClB,iBAAiB,EAAE,SAAS;QAC5B,OAAO,EAAE,SAAS;QAClB,SAAS,EAAE,SAAS;QACpB,WAAW,EAAE,SAAS;QACtB,aAAa,EAAE,SAAS;QACxB,UAAU,EAAE,SAAS;QACrB,WAAW,EAAE,aAAa;QAC1B,OAAO,EAAE,SAAS;QAClB,WAAW,EAAE,SAAS;QACtB,KAAK,EAAE,SAAS;KACjB;IACD,MAAM,EAAE;QACN,YAAY,EAAE,YAAY,CAAC,YAAY;QACvC,cAAc,EAAE,YAAY,CAAC,cAAc;QAC3C,YAAY,EAAE,YAAY,CAAC,YAAY;KACxC;IACD,MAAM,EAAE,YAAY;IACpB,OAAO,EAAE;QACP,EAAE,EAAE,EAAE;QACN,EAAE,EAAE,EAAE;QACN,EAAE,EAAE,CAAC;QACL,EAAE,EAAE,EAAE;QACN,EAAE,EAAE,CAAC;QACL,GAAG,EAAE,EAAE;QACP,IAAI,EAAE,EAAE;QACR,KAAK,EAAE,EAAE;KACV;IACD,UAAU,EAAE;QACV,QAAQ,EAAE,gBAAgB,CAAC,QAAQ;QACnC,SAAS,EAAE,gBAAgB,CAAC,SAAS;QACrC,EAAE,EAAE,EAAE;QACN,EAAE,EAAE,EAAE;QACN,EAAE,EAAE,EAAE;QACN,IAAI,EAAE,EAAE;QACR,EAAE,EAAE,EAAE;QACN,EAAE,EAAE,EAAE;QACN,EAAE,EAAE,EAAE;QACN,EAAE,EAAE,EAAE;QACN,EAAE,EAAE,EAAE;QACN,GAAG,EAAE,EAAE;QACP,IAAI,EAAE,EAAE;KACT;CACO,CAAC","sourcesContent":["import { motionTokens } from '@design-tokens/core/motion';\nimport { radiusTokens } from '@design-tokens/core/radius';\nimport { typographyTokens } from '@design-tokens/core/typography';\n\nexport const nativeTokenMap = {\n borderRadius: {\n full: 999,\n lg: 10,\n md: 8,\n sm: 6,\n xl: 12,\n xxl: 14,\n xxxl: 16,\n },\n colors: {\n accent: '#FFFFFF',\n accentDark: '#0A0A0A',\n bgBorder: '#262626',\n bgPrimary: '#0A0A0A',\n bgSecondary: '#0F0F0F',\n bgTertiary: '#1A1A1A',\n black: '#000000',\n error: '#CF3F3F',\n indigo: '#2563EB',\n info: '#0EA5E9',\n primary: '#FFFFFF',\n primaryForeground: '#000000',\n success: '#22C55E',\n textMuted: '#737373',\n textPrimary: '#FAFAFA',\n textSecondary: '#A3A3A3',\n textSubtle: '#525252',\n transparent: 'transparent',\n warning: '#F59E0B',\n warningDark: '#000000',\n white: '#FFFFFF',\n },\n motion: {\n durationFast: motionTokens.durationFast,\n durationNormal: motionTokens.durationNormal,\n durationSlow: motionTokens.durationSlow,\n },\n radius: radiusTokens,\n spacing: {\n lg: 16,\n md: 12,\n sm: 8,\n xl: 20,\n xs: 4,\n xxl: 24,\n xxxl: 32,\n xxxxl: 48,\n },\n typography: {\n fontSans: typographyTokens.fontSans,\n fontSerif: typographyTokens.fontSerif,\n h1: 26,\n h2: 24,\n h3: 20,\n hero: 28,\n lg: 14,\n md: 13,\n sm: 12,\n xl: 15,\n xs: 11,\n xxl: 16,\n xxxl: 18,\n },\n} as const;\n"]}
@@ -0,0 +1,44 @@
1
+ export declare const tailwindSemanticColors: {
2
+ readonly accent: {
3
+ readonly DEFAULT: 'hsl(var(--accent))';
4
+ readonly foreground: 'hsl(var(--accent-foreground))';
5
+ };
6
+ readonly background: 'hsl(var(--background))';
7
+ readonly border: 'hsl(var(--border))';
8
+ readonly card: {
9
+ readonly DEFAULT: 'hsl(var(--card))';
10
+ readonly foreground: 'hsl(var(--card-foreground))';
11
+ };
12
+ readonly destructive: {
13
+ readonly DEFAULT: 'hsl(var(--destructive))';
14
+ readonly foreground: 'hsl(var(--destructive-foreground))';
15
+ };
16
+ readonly foreground: 'hsl(var(--foreground))';
17
+ readonly info: {
18
+ readonly DEFAULT: 'hsl(var(--info))';
19
+ readonly foreground: 'hsl(var(--info-foreground))';
20
+ };
21
+ readonly input: 'hsl(var(--input))';
22
+ readonly muted: {
23
+ readonly DEFAULT: 'hsl(var(--muted))';
24
+ readonly foreground: 'hsl(var(--muted-foreground))';
25
+ };
26
+ readonly primary: {
27
+ readonly DEFAULT: 'hsl(var(--primary))';
28
+ readonly foreground: 'hsl(var(--primary-foreground))';
29
+ };
30
+ readonly ring: 'hsl(var(--ring))';
31
+ readonly secondary: {
32
+ readonly DEFAULT: 'hsl(var(--secondary))';
33
+ readonly foreground: 'hsl(var(--secondary-foreground))';
34
+ };
35
+ readonly success: {
36
+ readonly DEFAULT: 'hsl(var(--success))';
37
+ readonly foreground: 'hsl(var(--success-foreground))';
38
+ };
39
+ readonly warning: {
40
+ readonly DEFAULT: 'hsl(var(--warning))';
41
+ readonly foreground: 'hsl(var(--warning-foreground))';
42
+ };
43
+ };
44
+ //# sourceMappingURL=web.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"web.d.ts","sourceRoot":"","sources":["../../src/semantic/web.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0CzB,CAAC"}
@@ -0,0 +1,44 @@
1
+ export const tailwindSemanticColors = {
2
+ accent: {
3
+ DEFAULT: 'hsl(var(--accent))',
4
+ foreground: 'hsl(var(--accent-foreground))',
5
+ },
6
+ background: 'hsl(var(--background))',
7
+ border: 'hsl(var(--border))',
8
+ card: {
9
+ DEFAULT: 'hsl(var(--card))',
10
+ foreground: 'hsl(var(--card-foreground))',
11
+ },
12
+ destructive: {
13
+ DEFAULT: 'hsl(var(--destructive))',
14
+ foreground: 'hsl(var(--destructive-foreground))',
15
+ },
16
+ foreground: 'hsl(var(--foreground))',
17
+ info: {
18
+ DEFAULT: 'hsl(var(--info))',
19
+ foreground: 'hsl(var(--info-foreground))',
20
+ },
21
+ input: 'hsl(var(--input))',
22
+ muted: {
23
+ DEFAULT: 'hsl(var(--muted))',
24
+ foreground: 'hsl(var(--muted-foreground))',
25
+ },
26
+ primary: {
27
+ DEFAULT: 'hsl(var(--primary))',
28
+ foreground: 'hsl(var(--primary-foreground))',
29
+ },
30
+ ring: 'hsl(var(--ring))',
31
+ secondary: {
32
+ DEFAULT: 'hsl(var(--secondary))',
33
+ foreground: 'hsl(var(--secondary-foreground))',
34
+ },
35
+ success: {
36
+ DEFAULT: 'hsl(var(--success))',
37
+ foreground: 'hsl(var(--success-foreground))',
38
+ },
39
+ warning: {
40
+ DEFAULT: 'hsl(var(--warning))',
41
+ foreground: 'hsl(var(--warning-foreground))',
42
+ },
43
+ };
44
+ //# sourceMappingURL=web.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"web.js","sourceRoot":"","sources":["../../src/semantic/web.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,sBAAsB,GAAG;IACpC,MAAM,EAAE;QACN,OAAO,EAAE,oBAAoB;QAC7B,UAAU,EAAE,+BAA+B;KAC5C;IACD,UAAU,EAAE,wBAAwB;IACpC,MAAM,EAAE,oBAAoB;IAC5B,IAAI,EAAE;QACJ,OAAO,EAAE,kBAAkB;QAC3B,UAAU,EAAE,6BAA6B;KAC1C;IACD,WAAW,EAAE;QACX,OAAO,EAAE,yBAAyB;QAClC,UAAU,EAAE,oCAAoC;KACjD;IACD,UAAU,EAAE,wBAAwB;IACpC,IAAI,EAAE;QACJ,OAAO,EAAE,kBAAkB;QAC3B,UAAU,EAAE,6BAA6B;KAC1C;IACD,KAAK,EAAE,mBAAmB;IAC1B,KAAK,EAAE;QACL,OAAO,EAAE,mBAAmB;QAC5B,UAAU,EAAE,8BAA8B;KAC3C;IACD,OAAO,EAAE;QACP,OAAO,EAAE,qBAAqB;QAC9B,UAAU,EAAE,gCAAgC;KAC7C;IACD,IAAI,EAAE,kBAAkB;IACxB,SAAS,EAAE;QACT,OAAO,EAAE,uBAAuB;QAChC,UAAU,EAAE,kCAAkC;KAC/C;IACD,OAAO,EAAE;QACP,OAAO,EAAE,qBAAqB;QAC9B,UAAU,EAAE,gCAAgC;KAC7C;IACD,OAAO,EAAE;QACP,OAAO,EAAE,qBAAqB;QAC9B,UAAU,EAAE,gCAAgC;KAC7C;CACO,CAAC","sourcesContent":["export const tailwindSemanticColors = {\n accent: {\n DEFAULT: 'hsl(var(--accent))',\n foreground: 'hsl(var(--accent-foreground))',\n },\n background: 'hsl(var(--background))',\n border: 'hsl(var(--border))',\n card: {\n DEFAULT: 'hsl(var(--card))',\n foreground: 'hsl(var(--card-foreground))',\n },\n destructive: {\n DEFAULT: 'hsl(var(--destructive))',\n foreground: 'hsl(var(--destructive-foreground))',\n },\n foreground: 'hsl(var(--foreground))',\n info: {\n DEFAULT: 'hsl(var(--info))',\n foreground: 'hsl(var(--info-foreground))',\n },\n input: 'hsl(var(--input))',\n muted: {\n DEFAULT: 'hsl(var(--muted))',\n foreground: 'hsl(var(--muted-foreground))',\n },\n primary: {\n DEFAULT: 'hsl(var(--primary))',\n foreground: 'hsl(var(--primary-foreground))',\n },\n ring: 'hsl(var(--ring))',\n secondary: {\n DEFAULT: 'hsl(var(--secondary))',\n foreground: 'hsl(var(--secondary-foreground))',\n },\n success: {\n DEFAULT: 'hsl(var(--success))',\n foreground: 'hsl(var(--success-foreground))',\n },\n warning: {\n DEFAULT: 'hsl(var(--warning))',\n foreground: 'hsl(var(--warning-foreground))',\n },\n} as const;\n"]}
@@ -0,0 +1,22 @@
1
+ export declare const webviewSemanticTokenMap: {
2
+ readonly accent: 'var(--vscode-list-hoverBackground)';
3
+ readonly accentForeground: 'var(--vscode-foreground)';
4
+ readonly background: 'var(--vscode-sideBar-background)';
5
+ readonly border: 'var(--vscode-widget-border)';
6
+ readonly card: 'var(--vscode-editor-background)';
7
+ readonly cardForeground: 'var(--vscode-foreground)';
8
+ readonly destructive: 'var(--vscode-errorForeground)';
9
+ readonly destructiveForeground: 'white';
10
+ readonly foreground: 'var(--vscode-foreground)';
11
+ readonly input: 'var(--vscode-input-border)';
12
+ readonly muted: 'var(--vscode-textBlockQuote-background)';
13
+ readonly mutedForeground: 'var(--vscode-descriptionForeground)';
14
+ readonly popover: 'var(--vscode-editor-background)';
15
+ readonly popoverForeground: 'var(--vscode-foreground)';
16
+ readonly primary: 'var(--vscode-button-background)';
17
+ readonly primaryForeground: 'var(--vscode-button-foreground)';
18
+ readonly ring: 'var(--vscode-focusBorder)';
19
+ readonly secondary: 'var(--vscode-button-secondaryBackground)';
20
+ readonly secondaryForeground: 'var(--vscode-button-secondaryForeground)';
21
+ };
22
+ //# sourceMappingURL=webview.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"webview.d.ts","sourceRoot":"","sources":["../../src/semantic/webview.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;CAoB1B,CAAC"}
@@ -0,0 +1,22 @@
1
+ export const webviewSemanticTokenMap = {
2
+ accent: 'var(--vscode-list-hoverBackground)',
3
+ accentForeground: 'var(--vscode-foreground)',
4
+ background: 'var(--vscode-sideBar-background)',
5
+ border: 'var(--vscode-widget-border)',
6
+ card: 'var(--vscode-editor-background)',
7
+ cardForeground: 'var(--vscode-foreground)',
8
+ destructive: 'var(--vscode-errorForeground)',
9
+ destructiveForeground: 'white',
10
+ foreground: 'var(--vscode-foreground)',
11
+ input: 'var(--vscode-input-border)',
12
+ muted: 'var(--vscode-textBlockQuote-background)',
13
+ mutedForeground: 'var(--vscode-descriptionForeground)',
14
+ popover: 'var(--vscode-editor-background)',
15
+ popoverForeground: 'var(--vscode-foreground)',
16
+ primary: 'var(--vscode-button-background)',
17
+ primaryForeground: 'var(--vscode-button-foreground)',
18
+ ring: 'var(--vscode-focusBorder)',
19
+ secondary: 'var(--vscode-button-secondaryBackground)',
20
+ secondaryForeground: 'var(--vscode-button-secondaryForeground)',
21
+ };
22
+ //# sourceMappingURL=webview.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"webview.js","sourceRoot":"","sources":["../../src/semantic/webview.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,uBAAuB,GAAG;IACrC,MAAM,EAAE,oCAAoC;IAC5C,gBAAgB,EAAE,0BAA0B;IAC5C,UAAU,EAAE,kCAAkC;IAC9C,MAAM,EAAE,6BAA6B;IACrC,IAAI,EAAE,iCAAiC;IACvC,cAAc,EAAE,0BAA0B;IAC1C,WAAW,EAAE,+BAA+B;IAC5C,qBAAqB,EAAE,OAAO;IAC9B,UAAU,EAAE,0BAA0B;IACtC,KAAK,EAAE,4BAA4B;IACnC,KAAK,EAAE,yCAAyC;IAChD,eAAe,EAAE,qCAAqC;IACtD,OAAO,EAAE,iCAAiC;IAC1C,iBAAiB,EAAE,0BAA0B;IAC7C,OAAO,EAAE,iCAAiC;IAC1C,iBAAiB,EAAE,iCAAiC;IACpD,IAAI,EAAE,2BAA2B;IACjC,SAAS,EAAE,0CAA0C;IACrD,mBAAmB,EAAE,0CAA0C;CACvD,CAAC","sourcesContent":["export const webviewSemanticTokenMap = {\n accent: 'var(--vscode-list-hoverBackground)',\n accentForeground: 'var(--vscode-foreground)',\n background: 'var(--vscode-sideBar-background)',\n border: 'var(--vscode-widget-border)',\n card: 'var(--vscode-editor-background)',\n cardForeground: 'var(--vscode-foreground)',\n destructive: 'var(--vscode-errorForeground)',\n destructiveForeground: 'white',\n foreground: 'var(--vscode-foreground)',\n input: 'var(--vscode-input-border)',\n muted: 'var(--vscode-textBlockQuote-background)',\n mutedForeground: 'var(--vscode-descriptionForeground)',\n popover: 'var(--vscode-editor-background)',\n popoverForeground: 'var(--vscode-foreground)',\n primary: 'var(--vscode-button-background)',\n primaryForeground: 'var(--vscode-button-foreground)',\n ring: 'var(--vscode-focusBorder)',\n secondary: 'var(--vscode-button-secondaryBackground)',\n secondaryForeground: 'var(--vscode-button-secondaryForeground)',\n} as const;\n"]}