UNPKG

@youwen/ai-design-system

Version:

Enterprise AI-driven design system with comprehensive design tokens

github.com/youwen-wang/ai-design-system

youwen-wang/ai-design-system

56 lines (55 loc) • 1.88 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
/** * Layout Design Tokens * Enterprise-grade layout system based on Figma specifications */ export declare const layoutTokens: { readonly spacing: { readonly xs: "5px"; readonly sm: "10px"; readonly base: "15px"; readonly md: "15px"; readonly lg: "20px"; readonly xl: "30px"; }; readonly fontSize: { readonly mini: "10px"; readonly small: "16px"; readonly medium: "24px"; readonly big: "40px"; readonly display: "40px"; }; readonly size: { readonly widget: { readonly width: "195px"; readonly height: "97px"; }; readonly container: { readonly width: "430px"; readonly height: "225px"; }; }; readonly layout: { readonly cardPadding: "15px"; readonly containerGap: "15px"; readonly verticalGap: "10px"; readonly horizontalGap: "15px"; }; }; export declare const layoutCSSVars: { readonly '--layout-spacing-xs': "5px"; readonly '--layout-spacing-sm': "10px"; readonly '--layout-spacing-base': "15px"; readonly '--layout-spacing-md': "15px"; readonly '--layout-spacing-lg': "20px"; readonly '--layout-spacing-xl': "30px"; readonly '--layout-font-mini': "10px"; readonly '--layout-font-small': "16px"; readonly '--layout-font-medium': "24px"; readonly '--layout-font-big': "40px"; readonly '--layout-widget-width': "195px"; readonly '--layout-widget-height': "97px"; }; export type LayoutSpacing = keyof typeof layoutTokens.spacing; export type LayoutFontSize = keyof typeof layoutTokens.fontSize; export declare const getLayoutSpacing: (key: LayoutSpacing) => "5px" | "30px" | "20px" | "10px" | "15px"; export declare const getLayoutFontSize: (key: LayoutFontSize) => "16px" | "10px" | "24px" | "40px";