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

147 lines (146 loc) • 4.13 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
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
/** * HVAC Spacing Design Tokens * 基于Figma精确提取的间距和内边距规范 */ export declare const spacingSystem: { readonly baseUnit: 15; readonly core: { readonly none: 0; readonly xs: 5; readonly sm: 10; readonly md: 15; readonly lg: 20; readonly xl: 30; readonly '2xl': 45; readonly '3xl': 60; }; readonly padding: { readonly widget: 15; readonly container: 15; readonly button: { readonly horizontal: 24; readonly vertical: 12; }; readonly card: 20; readonly text: { readonly small: 5; readonly medium: 10; readonly large: 15; }; }; readonly margin: { readonly component: 15; readonly section: 30; readonly page: 45; readonly inline: { readonly xs: 5; readonly sm: 10; readonly md: 15; readonly lg: 20; }; }; readonly gap: { readonly tight: 5; readonly normal: 10; readonly wide: 15; readonly loose: 20; readonly text: { readonly line: 10; readonly paragraph: 15; readonly section: 30; }; readonly grid: { readonly sm: 10; readonly md: 15; readonly lg: 20; }; }; readonly component: { readonly widget: { readonly internal: 10; readonly external: 15; readonly padding: 15; }; readonly button: { readonly gap: 10; readonly padding: { readonly x: 24; readonly y: 12; }; }; readonly card: { readonly padding: 20; readonly margin: 15; readonly headerGap: 15; readonly contentGap: 10; }; readonly container: { readonly padding: 15; readonly margin: 15; readonly itemGap: 15; }; }; readonly responsive: { readonly mobile: { readonly padding: 10; readonly margin: 10; readonly gap: 8; }; readonly tablet: { readonly padding: 12; readonly margin: 12; readonly gap: 10; }; readonly desktop: { readonly padding: 15; readonly margin: 15; readonly gap: 15; }; }; }; export declare const getLayoutPadding: (component: keyof typeof spacingSystem.padding) => string | { readonly horizontal: 24; readonly vertical: 12; } | { readonly small: 5; readonly medium: 10; readonly large: 15; }; export declare const getLayoutMargin: (type: keyof typeof spacingSystem.margin) => string | { readonly xs: 5; readonly sm: 10; readonly md: 15; readonly lg: 20; }; export declare const getLayoutGap: (type: keyof typeof spacingSystem.gap) => string | { readonly line: 10; readonly paragraph: 15; readonly section: 30; } | { readonly sm: 10; readonly md: 15; readonly lg: 20; }; export declare const generateLayoutSpacingCSS: () => { '--layout-spacing-none': string; '--layout-spacing-xs': string; '--layout-spacing-sm': string; '--layout-spacing-md': string; '--layout-spacing-lg': string; '--layout-spacing-xl': string; '--layout-spacing-2xl': string; '--layout-spacing-3xl': string; '--layout-widget-padding': string; '--layout-container-padding': string; '--layout-button-padding-x': string; '--layout-button-padding-y': string; '--layout-card-padding': string; '--layout-gap-tight': string; '--layout-gap-normal': string; '--layout-gap-wide': string; '--layout-gap-loose': string; }; export type LayoutSpacingCore = keyof typeof spacingSystem.core; export type LayoutPaddingComponent = keyof typeof spacingSystem.padding; export type LayoutMarginType = keyof typeof spacingSystem.margin; export type LayoutGapType = keyof typeof spacingSystem.gap;