@seed-design/css 0.0.1-rc.0
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/README.md +1 -0
- package/package.json +42 -0
- package/recipes/action-button.d.ts +32 -0
- package/recipes/action-button.mjs +87 -0
- package/recipes/action-chip.d.ts +28 -0
- package/recipes/action-chip.mjs +60 -0
- package/recipes/action-sheet-item.d.ts +24 -0
- package/recipes/action-sheet-item.mjs +38 -0
- package/recipes/action-sheet.d.ts +21 -0
- package/recipes/action-sheet.mjs +59 -0
- package/recipes/app-bar-main.d.ts +36 -0
- package/recipes/app-bar-main.mjs +61 -0
- package/recipes/app-bar.d.ts +36 -0
- package/recipes/app-bar.mjs +68 -0
- package/recipes/app-screen.d.ts +36 -0
- package/recipes/app-screen.mjs +66 -0
- package/recipes/avatar-stack.d.ts +24 -0
- package/recipes/avatar-stack.mjs +45 -0
- package/recipes/avatar.d.ts +24 -0
- package/recipes/avatar.mjs +55 -0
- package/recipes/badge.d.ts +36 -0
- package/recipes/badge.mjs +126 -0
- package/recipes/bottom-sheet.d.ts +21 -0
- package/recipes/bottom-sheet.mjs +63 -0
- package/recipes/callout.d.ts +24 -0
- package/recipes/callout.mjs +61 -0
- package/recipes/checkbox.d.ts +32 -0
- package/recipes/checkbox.mjs +77 -0
- package/recipes/chip-tabs.d.ts +32 -0
- package/recipes/chip-tabs.mjs +68 -0
- package/recipes/className.mjs +25 -0
- package/recipes/control-chip.d.ts +28 -0
- package/recipes/control-chip.mjs +60 -0
- package/recipes/dialog.d.ts +21 -0
- package/recipes/dialog.mjs +59 -0
- package/recipes/extended-action-sheet-item.d.ts +24 -0
- package/recipes/extended-action-sheet-item.mjs +38 -0
- package/recipes/extended-action-sheet.d.ts +21 -0
- package/recipes/extended-action-sheet.mjs +63 -0
- package/recipes/extended-fab.d.ts +28 -0
- package/recipes/extended-fab.mjs +43 -0
- package/recipes/fab.d.ts +21 -0
- package/recipes/fab.mjs +31 -0
- package/recipes/help-bubble.d.ts +21 -0
- package/recipes/help-bubble.mjs +55 -0
- package/recipes/identity-placeholder.d.ts +24 -0
- package/recipes/identity-placeholder.mjs +41 -0
- package/recipes/inline-banner.d.ts +24 -0
- package/recipes/inline-banner.mjs +63 -0
- package/recipes/link-with-icon.d.ts +24 -0
- package/recipes/link-with-icon.mjs +39 -0
- package/recipes/manner-temp-badge.d.ts +24 -0
- package/recipes/manner-temp-badge.mjs +42 -0
- package/recipes/mergeVariants.mjs +9 -0
- package/recipes/progress-circle.d.ts +28 -0
- package/recipes/progress-circle.mjs +54 -0
- package/recipes/pull-to-refresh.d.ts +21 -0
- package/recipes/pull-to-refresh.mjs +35 -0
- package/recipes/radio.d.ts +24 -0
- package/recipes/radio.mjs +42 -0
- package/recipes/reaction-button.d.ts +24 -0
- package/recipes/reaction-button.mjs +38 -0
- package/recipes/segmented-control.d.ts +21 -0
- package/recipes/segmented-control.mjs +39 -0
- package/recipes/select-box-group.d.ts +21 -0
- package/recipes/select-box-group.mjs +31 -0
- package/recipes/select-box.d.ts +21 -0
- package/recipes/select-box.mjs +59 -0
- package/recipes/skeleton.d.ts +24 -0
- package/recipes/skeleton.mjs +40 -0
- package/recipes/snackbar-region.d.ts +21 -0
- package/recipes/snackbar-region.mjs +31 -0
- package/recipes/snackbar.d.ts +24 -0
- package/recipes/snackbar.mjs +51 -0
- package/recipes/splitVariantProps.mjs +12 -0
- package/recipes/switch.d.ts +24 -0
- package/recipes/switch.mjs +50 -0
- package/recipes/tabs.d.ts +36 -0
- package/recipes/tabs.mjs +81 -0
- package/recipes/text-field.d.ts +24 -0
- package/recipes/text-field.mjs +103 -0
- package/recipes/text.d.ts +28 -0
- package/recipes/text.mjs +64 -0
- package/recipes/toggle-button.d.ts +28 -0
- package/recipes/toggle-button.mjs +43 -0
- package/recipes/visually-hidden.d.ts +21 -0
- package/recipes/visually-hidden.mjs +31 -0
- package/seed.css +5017 -0
- package/seed.min.css +1 -0
- package/vars/color/bg.d.ts +37 -0
- package/vars/color/bg.mjs +37 -0
- package/vars/color/fg.d.ts +16 -0
- package/vars/color/fg.mjs +16 -0
- package/vars/color/index.d.ts +5 -0
- package/vars/color/index.mjs +5 -0
- package/vars/color/manner-temp/index.d.ts +6 -0
- package/vars/color/manner-temp/index.mjs +6 -0
- package/vars/color/manner-temp/l1.d.ts +2 -0
- package/vars/color/manner-temp/l1.mjs +2 -0
- package/vars/color/manner-temp/l2.d.ts +2 -0
- package/vars/color/manner-temp/l2.mjs +2 -0
- package/vars/color/manner-temp/l3.d.ts +2 -0
- package/vars/color/manner-temp/l3.mjs +2 -0
- package/vars/color/manner-temp/l4.d.ts +2 -0
- package/vars/color/manner-temp/l4.mjs +2 -0
- package/vars/color/manner-temp/l5.d.ts +2 -0
- package/vars/color/manner-temp/l5.mjs +2 -0
- package/vars/color/manner-temp/l6.d.ts +2 -0
- package/vars/color/manner-temp/l6.mjs +2 -0
- package/vars/color/palette.d.ts +78 -0
- package/vars/color/palette.mjs +78 -0
- package/vars/color/stroke.d.ts +10 -0
- package/vars/color/stroke.mjs +10 -0
- package/vars/component/action-button.d.ts +491 -0
- package/vars/component/action-button.mjs +491 -0
- package/vars/component/action-chip.d.ts +128 -0
- package/vars/component/action-chip.mjs +128 -0
- package/vars/component/action-sheet-close-button.d.ts +23 -0
- package/vars/component/action-sheet-close-button.mjs +23 -0
- package/vars/component/action-sheet-item.d.ts +36 -0
- package/vars/component/action-sheet-item.mjs +36 -0
- package/vars/component/action-sheet.d.ts +45 -0
- package/vars/component/action-sheet.mjs +45 -0
- package/vars/component/avatar-stack.d.ts +60 -0
- package/vars/component/avatar-stack.mjs +60 -0
- package/vars/component/avatar.d.ts +83 -0
- package/vars/component/avatar.mjs +83 -0
- package/vars/component/badge.d.ts +223 -0
- package/vars/component/badge.mjs +223 -0
- package/vars/component/bottom-sheet.d.ts +61 -0
- package/vars/component/bottom-sheet.mjs +61 -0
- package/vars/component/callout.d.ts +173 -0
- package/vars/component/callout.mjs +173 -0
- package/vars/component/checkbox.d.ts +171 -0
- package/vars/component/checkbox.mjs +171 -0
- package/vars/component/chip-tab.d.ts +98 -0
- package/vars/component/chip-tab.mjs +98 -0
- package/vars/component/chip-tablist.d.ts +23 -0
- package/vars/component/chip-tablist.mjs +23 -0
- package/vars/component/control-chip.d.ts +156 -0
- package/vars/component/control-chip.mjs +156 -0
- package/vars/component/dialog.d.ts +49 -0
- package/vars/component/dialog.mjs +49 -0
- package/vars/component/extended-action-sheet-close-button.d.ts +25 -0
- package/vars/component/extended-action-sheet-close-button.mjs +25 -0
- package/vars/component/extended-action-sheet-item.d.ts +46 -0
- package/vars/component/extended-action-sheet-item.mjs +46 -0
- package/vars/component/extended-action-sheet.d.ts +48 -0
- package/vars/component/extended-action-sheet.mjs +48 -0
- package/vars/component/extended-fab.d.ts +82 -0
- package/vars/component/extended-fab.mjs +82 -0
- package/vars/component/fab.d.ts +21 -0
- package/vars/component/fab.mjs +21 -0
- package/vars/component/help-bubble.d.ts +36 -0
- package/vars/component/help-bubble.mjs +36 -0
- package/vars/component/identity-placeholder.d.ts +12 -0
- package/vars/component/identity-placeholder.mjs +12 -0
- package/vars/component/index.d.ts +40 -0
- package/vars/component/index.mjs +40 -0
- package/vars/component/inline-banner.d.ts +191 -0
- package/vars/component/inline-banner.mjs +191 -0
- package/vars/component/link-with-icon.d.ts +46 -0
- package/vars/component/link-with-icon.mjs +46 -0
- package/vars/component/manner-temp-badge.d.ts +77 -0
- package/vars/component/manner-temp-badge.mjs +77 -0
- package/vars/component/progress-circle.d.ts +67 -0
- package/vars/component/progress-circle.mjs +67 -0
- package/vars/component/radio.d.ts +77 -0
- package/vars/component/radio.mjs +77 -0
- package/vars/component/reaction-button.d.ts +134 -0
- package/vars/component/reaction-button.mjs +134 -0
- package/vars/component/segmented-control-item.d.ts +34 -0
- package/vars/component/segmented-control-item.mjs +34 -0
- package/vars/component/segmented-control.d.ts +18 -0
- package/vars/component/segmented-control.mjs +18 -0
- package/vars/component/select-box.d.ts +92 -0
- package/vars/component/select-box.mjs +92 -0
- package/vars/component/skeleton.d.ts +42 -0
- package/vars/component/skeleton.mjs +42 -0
- package/vars/component/snackbar.d.ts +58 -0
- package/vars/component/snackbar.mjs +58 -0
- package/vars/component/switch.d.ts +65 -0
- package/vars/component/switch.mjs +65 -0
- package/vars/component/tab.d.ts +53 -0
- package/vars/component/tab.mjs +53 -0
- package/vars/component/tablist.d.ts +51 -0
- package/vars/component/tablist.mjs +51 -0
- package/vars/component/text-field.d.ts +295 -0
- package/vars/component/text-field.mjs +295 -0
- package/vars/component/toggle-button.d.ts +205 -0
- package/vars/component/toggle-button.mjs +205 -0
- package/vars/component/top-navigation.d.ts +86 -0
- package/vars/component/top-navigation.mjs +86 -0
- package/vars/component/typography.d.ts +200 -0
- package/vars/component/typography.mjs +200 -0
- package/vars/dimension/index.d.ts +22 -0
- package/vars/dimension/index.mjs +22 -0
- package/vars/dimension/spacing-x.d.ts +2 -0
- package/vars/dimension/spacing-x.mjs +2 -0
- package/vars/dimension/spacing-y.d.ts +2 -0
- package/vars/dimension/spacing-y.mjs +2 -0
- package/vars/duration.d.ts +6 -0
- package/vars/duration.mjs +6 -0
- package/vars/font-size.d.ts +13 -0
- package/vars/font-size.mjs +13 -0
- package/vars/font-weight.d.ts +3 -0
- package/vars/font-weight.mjs +3 -0
- package/vars/gradient.d.ts +1 -0
- package/vars/gradient.mjs +1 -0
- package/vars/index.d.ts +32 -0
- package/vars/index.mjs +1 -0
- package/vars/line-height.d.ts +10 -0
- package/vars/line-height.mjs +10 -0
- package/vars/radius.d.ts +11 -0
- package/vars/radius.mjs +11 -0
- package/vars/timing-function.d.ts +6 -0
- package/vars/timing-function.mjs +6 -0
- package/vars/vars.d.ts +9 -0
- package/vars/vars.mjs +9 -0
|
@@ -0,0 +1,200 @@
|
|
|
1
|
+
export declare const vars: {
|
|
2
|
+
"textStyleScreenTitle": {
|
|
3
|
+
"enabled": {
|
|
4
|
+
"root": {
|
|
5
|
+
"fontSize": "var(--seed-font-size-t10)",
|
|
6
|
+
"lineHeight": "var(--seed-line-height-t10)",
|
|
7
|
+
"fontWeight": "var(--seed-font-weight-bold)"
|
|
8
|
+
}
|
|
9
|
+
}
|
|
10
|
+
},
|
|
11
|
+
"textStyleArticleBody": {
|
|
12
|
+
"enabled": {
|
|
13
|
+
"root": {
|
|
14
|
+
"fontSize": "var(--seed-font-size-t5)",
|
|
15
|
+
"lineHeight": "var(--seed-line-height-t6)",
|
|
16
|
+
"fontWeight": "var(--seed-font-weight-regular)"
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
},
|
|
20
|
+
"textStyleT1Regular": {
|
|
21
|
+
"enabled": {
|
|
22
|
+
"root": {
|
|
23
|
+
"fontSize": "var(--seed-font-size-t1)",
|
|
24
|
+
"lineHeight": "var(--seed-line-height-t1)",
|
|
25
|
+
"fontWeight": "var(--seed-font-weight-regular)"
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
},
|
|
29
|
+
"textStyleT1Medium": {
|
|
30
|
+
"enabled": {
|
|
31
|
+
"root": {
|
|
32
|
+
"fontSize": "var(--seed-font-size-t1)",
|
|
33
|
+
"lineHeight": "var(--seed-line-height-t1)",
|
|
34
|
+
"fontWeight": "var(--seed-font-weight-medium)"
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
},
|
|
38
|
+
"textStyleT1Bold": {
|
|
39
|
+
"enabled": {
|
|
40
|
+
"root": {
|
|
41
|
+
"fontSize": "var(--seed-font-size-t1)",
|
|
42
|
+
"lineHeight": "var(--seed-line-height-t1)",
|
|
43
|
+
"fontWeight": "var(--seed-font-weight-bold)"
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
},
|
|
47
|
+
"textStyleT2Regular": {
|
|
48
|
+
"enabled": {
|
|
49
|
+
"root": {
|
|
50
|
+
"fontSize": "var(--seed-font-size-t2)",
|
|
51
|
+
"lineHeight": "var(--seed-line-height-t2)",
|
|
52
|
+
"fontWeight": "var(--seed-font-weight-regular)"
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
},
|
|
56
|
+
"textStyleT2Medium": {
|
|
57
|
+
"enabled": {
|
|
58
|
+
"root": {
|
|
59
|
+
"fontSize": "var(--seed-font-size-t2)",
|
|
60
|
+
"lineHeight": "var(--seed-line-height-t2)",
|
|
61
|
+
"fontWeight": "var(--seed-font-weight-medium)"
|
|
62
|
+
}
|
|
63
|
+
}
|
|
64
|
+
},
|
|
65
|
+
"textStyleT2Bold": {
|
|
66
|
+
"enabled": {
|
|
67
|
+
"root": {
|
|
68
|
+
"fontSize": "var(--seed-font-size-t2)",
|
|
69
|
+
"lineHeight": "var(--seed-line-height-t2)",
|
|
70
|
+
"fontWeight": "var(--seed-font-weight-bold)"
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
},
|
|
74
|
+
"textStyleT3Regular": {
|
|
75
|
+
"enabled": {
|
|
76
|
+
"root": {
|
|
77
|
+
"fontSize": "var(--seed-font-size-t3)",
|
|
78
|
+
"lineHeight": "var(--seed-line-height-t3)",
|
|
79
|
+
"fontWeight": "var(--seed-font-weight-regular)"
|
|
80
|
+
}
|
|
81
|
+
}
|
|
82
|
+
},
|
|
83
|
+
"textStyleT3Medium": {
|
|
84
|
+
"enabled": {
|
|
85
|
+
"root": {
|
|
86
|
+
"fontSize": "var(--seed-font-size-t3)",
|
|
87
|
+
"lineHeight": "var(--seed-line-height-t3)",
|
|
88
|
+
"fontWeight": "var(--seed-font-weight-medium)"
|
|
89
|
+
}
|
|
90
|
+
}
|
|
91
|
+
},
|
|
92
|
+
"textStyleT3Bold": {
|
|
93
|
+
"enabled": {
|
|
94
|
+
"root": {
|
|
95
|
+
"fontSize": "var(--seed-font-size-t3)",
|
|
96
|
+
"lineHeight": "var(--seed-line-height-t3)",
|
|
97
|
+
"fontWeight": "var(--seed-font-weight-bold)"
|
|
98
|
+
}
|
|
99
|
+
}
|
|
100
|
+
},
|
|
101
|
+
"textStyleT4Regular": {
|
|
102
|
+
"enabled": {
|
|
103
|
+
"root": {
|
|
104
|
+
"fontSize": "var(--seed-font-size-t4)",
|
|
105
|
+
"lineHeight": "var(--seed-line-height-t4)",
|
|
106
|
+
"fontWeight": "var(--seed-font-weight-regular)"
|
|
107
|
+
}
|
|
108
|
+
}
|
|
109
|
+
},
|
|
110
|
+
"textStyleT4Medium": {
|
|
111
|
+
"enabled": {
|
|
112
|
+
"root": {
|
|
113
|
+
"fontSize": "var(--seed-font-size-t4)",
|
|
114
|
+
"lineHeight": "var(--seed-line-height-t4)",
|
|
115
|
+
"fontWeight": "var(--seed-font-weight-medium)"
|
|
116
|
+
}
|
|
117
|
+
}
|
|
118
|
+
},
|
|
119
|
+
"textStyleT4Bold": {
|
|
120
|
+
"enabled": {
|
|
121
|
+
"root": {
|
|
122
|
+
"fontSize": "var(--seed-font-size-t4)",
|
|
123
|
+
"lineHeight": "var(--seed-line-height-t4)",
|
|
124
|
+
"fontWeight": "var(--seed-font-weight-bold)"
|
|
125
|
+
}
|
|
126
|
+
}
|
|
127
|
+
},
|
|
128
|
+
"textStyleT5Regular": {
|
|
129
|
+
"enabled": {
|
|
130
|
+
"root": {
|
|
131
|
+
"fontSize": "var(--seed-font-size-t5)",
|
|
132
|
+
"lineHeight": "var(--seed-line-height-t5)",
|
|
133
|
+
"fontWeight": "var(--seed-font-weight-regular)"
|
|
134
|
+
}
|
|
135
|
+
}
|
|
136
|
+
},
|
|
137
|
+
"textStyleT5Medium": {
|
|
138
|
+
"enabled": {
|
|
139
|
+
"root": {
|
|
140
|
+
"fontSize": "var(--seed-font-size-t5)",
|
|
141
|
+
"lineHeight": "var(--seed-line-height-t5)",
|
|
142
|
+
"fontWeight": "var(--seed-font-weight-medium)"
|
|
143
|
+
}
|
|
144
|
+
}
|
|
145
|
+
},
|
|
146
|
+
"textStyleT5Bold": {
|
|
147
|
+
"enabled": {
|
|
148
|
+
"root": {
|
|
149
|
+
"fontSize": "var(--seed-font-size-t5)",
|
|
150
|
+
"lineHeight": "var(--seed-line-height-t5)",
|
|
151
|
+
"fontWeight": "var(--seed-font-weight-bold)"
|
|
152
|
+
}
|
|
153
|
+
}
|
|
154
|
+
},
|
|
155
|
+
"textStyleT6Bold": {
|
|
156
|
+
"enabled": {
|
|
157
|
+
"root": {
|
|
158
|
+
"fontSize": "var(--seed-font-size-t6)",
|
|
159
|
+
"lineHeight": "var(--seed-line-height-t6)",
|
|
160
|
+
"fontWeight": "var(--seed-font-weight-bold)"
|
|
161
|
+
}
|
|
162
|
+
}
|
|
163
|
+
},
|
|
164
|
+
"textStyleT7Bold": {
|
|
165
|
+
"enabled": {
|
|
166
|
+
"root": {
|
|
167
|
+
"fontSize": "var(--seed-font-size-t7)",
|
|
168
|
+
"lineHeight": "var(--seed-line-height-t7)",
|
|
169
|
+
"fontWeight": "var(--seed-font-weight-bold)"
|
|
170
|
+
}
|
|
171
|
+
}
|
|
172
|
+
},
|
|
173
|
+
"textStyleT8Bold": {
|
|
174
|
+
"enabled": {
|
|
175
|
+
"root": {
|
|
176
|
+
"fontSize": "var(--seed-font-size-t8)",
|
|
177
|
+
"lineHeight": "var(--seed-line-height-t8)",
|
|
178
|
+
"fontWeight": "var(--seed-font-weight-bold)"
|
|
179
|
+
}
|
|
180
|
+
}
|
|
181
|
+
},
|
|
182
|
+
"textStyleT9Bold": {
|
|
183
|
+
"enabled": {
|
|
184
|
+
"root": {
|
|
185
|
+
"fontSize": "var(--seed-font-size-t9)",
|
|
186
|
+
"lineHeight": "var(--seed-line-height-t9)",
|
|
187
|
+
"fontWeight": "var(--seed-font-weight-bold)"
|
|
188
|
+
}
|
|
189
|
+
}
|
|
190
|
+
},
|
|
191
|
+
"textStyleT10Bold": {
|
|
192
|
+
"enabled": {
|
|
193
|
+
"root": {
|
|
194
|
+
"fontSize": "var(--seed-font-size-t10)",
|
|
195
|
+
"lineHeight": "var(--seed-line-height-t10)",
|
|
196
|
+
"fontWeight": "var(--seed-font-weight-bold)"
|
|
197
|
+
}
|
|
198
|
+
}
|
|
199
|
+
}
|
|
200
|
+
}
|
|
@@ -0,0 +1,200 @@
|
|
|
1
|
+
export const vars = {
|
|
2
|
+
"textStyleScreenTitle": {
|
|
3
|
+
"enabled": {
|
|
4
|
+
"root": {
|
|
5
|
+
"fontSize": "var(--seed-font-size-t10)",
|
|
6
|
+
"lineHeight": "var(--seed-line-height-t10)",
|
|
7
|
+
"fontWeight": "var(--seed-font-weight-bold)"
|
|
8
|
+
}
|
|
9
|
+
}
|
|
10
|
+
},
|
|
11
|
+
"textStyleArticleBody": {
|
|
12
|
+
"enabled": {
|
|
13
|
+
"root": {
|
|
14
|
+
"fontSize": "var(--seed-font-size-t5)",
|
|
15
|
+
"lineHeight": "var(--seed-line-height-t6)",
|
|
16
|
+
"fontWeight": "var(--seed-font-weight-regular)"
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
},
|
|
20
|
+
"textStyleT1Regular": {
|
|
21
|
+
"enabled": {
|
|
22
|
+
"root": {
|
|
23
|
+
"fontSize": "var(--seed-font-size-t1)",
|
|
24
|
+
"lineHeight": "var(--seed-line-height-t1)",
|
|
25
|
+
"fontWeight": "var(--seed-font-weight-regular)"
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
},
|
|
29
|
+
"textStyleT1Medium": {
|
|
30
|
+
"enabled": {
|
|
31
|
+
"root": {
|
|
32
|
+
"fontSize": "var(--seed-font-size-t1)",
|
|
33
|
+
"lineHeight": "var(--seed-line-height-t1)",
|
|
34
|
+
"fontWeight": "var(--seed-font-weight-medium)"
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
},
|
|
38
|
+
"textStyleT1Bold": {
|
|
39
|
+
"enabled": {
|
|
40
|
+
"root": {
|
|
41
|
+
"fontSize": "var(--seed-font-size-t1)",
|
|
42
|
+
"lineHeight": "var(--seed-line-height-t1)",
|
|
43
|
+
"fontWeight": "var(--seed-font-weight-bold)"
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
},
|
|
47
|
+
"textStyleT2Regular": {
|
|
48
|
+
"enabled": {
|
|
49
|
+
"root": {
|
|
50
|
+
"fontSize": "var(--seed-font-size-t2)",
|
|
51
|
+
"lineHeight": "var(--seed-line-height-t2)",
|
|
52
|
+
"fontWeight": "var(--seed-font-weight-regular)"
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
},
|
|
56
|
+
"textStyleT2Medium": {
|
|
57
|
+
"enabled": {
|
|
58
|
+
"root": {
|
|
59
|
+
"fontSize": "var(--seed-font-size-t2)",
|
|
60
|
+
"lineHeight": "var(--seed-line-height-t2)",
|
|
61
|
+
"fontWeight": "var(--seed-font-weight-medium)"
|
|
62
|
+
}
|
|
63
|
+
}
|
|
64
|
+
},
|
|
65
|
+
"textStyleT2Bold": {
|
|
66
|
+
"enabled": {
|
|
67
|
+
"root": {
|
|
68
|
+
"fontSize": "var(--seed-font-size-t2)",
|
|
69
|
+
"lineHeight": "var(--seed-line-height-t2)",
|
|
70
|
+
"fontWeight": "var(--seed-font-weight-bold)"
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
},
|
|
74
|
+
"textStyleT3Regular": {
|
|
75
|
+
"enabled": {
|
|
76
|
+
"root": {
|
|
77
|
+
"fontSize": "var(--seed-font-size-t3)",
|
|
78
|
+
"lineHeight": "var(--seed-line-height-t3)",
|
|
79
|
+
"fontWeight": "var(--seed-font-weight-regular)"
|
|
80
|
+
}
|
|
81
|
+
}
|
|
82
|
+
},
|
|
83
|
+
"textStyleT3Medium": {
|
|
84
|
+
"enabled": {
|
|
85
|
+
"root": {
|
|
86
|
+
"fontSize": "var(--seed-font-size-t3)",
|
|
87
|
+
"lineHeight": "var(--seed-line-height-t3)",
|
|
88
|
+
"fontWeight": "var(--seed-font-weight-medium)"
|
|
89
|
+
}
|
|
90
|
+
}
|
|
91
|
+
},
|
|
92
|
+
"textStyleT3Bold": {
|
|
93
|
+
"enabled": {
|
|
94
|
+
"root": {
|
|
95
|
+
"fontSize": "var(--seed-font-size-t3)",
|
|
96
|
+
"lineHeight": "var(--seed-line-height-t3)",
|
|
97
|
+
"fontWeight": "var(--seed-font-weight-bold)"
|
|
98
|
+
}
|
|
99
|
+
}
|
|
100
|
+
},
|
|
101
|
+
"textStyleT4Regular": {
|
|
102
|
+
"enabled": {
|
|
103
|
+
"root": {
|
|
104
|
+
"fontSize": "var(--seed-font-size-t4)",
|
|
105
|
+
"lineHeight": "var(--seed-line-height-t4)",
|
|
106
|
+
"fontWeight": "var(--seed-font-weight-regular)"
|
|
107
|
+
}
|
|
108
|
+
}
|
|
109
|
+
},
|
|
110
|
+
"textStyleT4Medium": {
|
|
111
|
+
"enabled": {
|
|
112
|
+
"root": {
|
|
113
|
+
"fontSize": "var(--seed-font-size-t4)",
|
|
114
|
+
"lineHeight": "var(--seed-line-height-t4)",
|
|
115
|
+
"fontWeight": "var(--seed-font-weight-medium)"
|
|
116
|
+
}
|
|
117
|
+
}
|
|
118
|
+
},
|
|
119
|
+
"textStyleT4Bold": {
|
|
120
|
+
"enabled": {
|
|
121
|
+
"root": {
|
|
122
|
+
"fontSize": "var(--seed-font-size-t4)",
|
|
123
|
+
"lineHeight": "var(--seed-line-height-t4)",
|
|
124
|
+
"fontWeight": "var(--seed-font-weight-bold)"
|
|
125
|
+
}
|
|
126
|
+
}
|
|
127
|
+
},
|
|
128
|
+
"textStyleT5Regular": {
|
|
129
|
+
"enabled": {
|
|
130
|
+
"root": {
|
|
131
|
+
"fontSize": "var(--seed-font-size-t5)",
|
|
132
|
+
"lineHeight": "var(--seed-line-height-t5)",
|
|
133
|
+
"fontWeight": "var(--seed-font-weight-regular)"
|
|
134
|
+
}
|
|
135
|
+
}
|
|
136
|
+
},
|
|
137
|
+
"textStyleT5Medium": {
|
|
138
|
+
"enabled": {
|
|
139
|
+
"root": {
|
|
140
|
+
"fontSize": "var(--seed-font-size-t5)",
|
|
141
|
+
"lineHeight": "var(--seed-line-height-t5)",
|
|
142
|
+
"fontWeight": "var(--seed-font-weight-medium)"
|
|
143
|
+
}
|
|
144
|
+
}
|
|
145
|
+
},
|
|
146
|
+
"textStyleT5Bold": {
|
|
147
|
+
"enabled": {
|
|
148
|
+
"root": {
|
|
149
|
+
"fontSize": "var(--seed-font-size-t5)",
|
|
150
|
+
"lineHeight": "var(--seed-line-height-t5)",
|
|
151
|
+
"fontWeight": "var(--seed-font-weight-bold)"
|
|
152
|
+
}
|
|
153
|
+
}
|
|
154
|
+
},
|
|
155
|
+
"textStyleT6Bold": {
|
|
156
|
+
"enabled": {
|
|
157
|
+
"root": {
|
|
158
|
+
"fontSize": "var(--seed-font-size-t6)",
|
|
159
|
+
"lineHeight": "var(--seed-line-height-t6)",
|
|
160
|
+
"fontWeight": "var(--seed-font-weight-bold)"
|
|
161
|
+
}
|
|
162
|
+
}
|
|
163
|
+
},
|
|
164
|
+
"textStyleT7Bold": {
|
|
165
|
+
"enabled": {
|
|
166
|
+
"root": {
|
|
167
|
+
"fontSize": "var(--seed-font-size-t7)",
|
|
168
|
+
"lineHeight": "var(--seed-line-height-t7)",
|
|
169
|
+
"fontWeight": "var(--seed-font-weight-bold)"
|
|
170
|
+
}
|
|
171
|
+
}
|
|
172
|
+
},
|
|
173
|
+
"textStyleT8Bold": {
|
|
174
|
+
"enabled": {
|
|
175
|
+
"root": {
|
|
176
|
+
"fontSize": "var(--seed-font-size-t8)",
|
|
177
|
+
"lineHeight": "var(--seed-line-height-t8)",
|
|
178
|
+
"fontWeight": "var(--seed-font-weight-bold)"
|
|
179
|
+
}
|
|
180
|
+
}
|
|
181
|
+
},
|
|
182
|
+
"textStyleT9Bold": {
|
|
183
|
+
"enabled": {
|
|
184
|
+
"root": {
|
|
185
|
+
"fontSize": "var(--seed-font-size-t9)",
|
|
186
|
+
"lineHeight": "var(--seed-line-height-t9)",
|
|
187
|
+
"fontWeight": "var(--seed-font-weight-bold)"
|
|
188
|
+
}
|
|
189
|
+
}
|
|
190
|
+
},
|
|
191
|
+
"textStyleT10Bold": {
|
|
192
|
+
"enabled": {
|
|
193
|
+
"root": {
|
|
194
|
+
"fontSize": "var(--seed-font-size-t10)",
|
|
195
|
+
"lineHeight": "var(--seed-line-height-t10)",
|
|
196
|
+
"fontWeight": "var(--seed-font-weight-bold)"
|
|
197
|
+
}
|
|
198
|
+
}
|
|
199
|
+
}
|
|
200
|
+
}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
export declare const x0_5 = "var(--seed-dimension-x0_5)";
|
|
2
|
+
export declare const x1 = "var(--seed-dimension-x1)";
|
|
3
|
+
export declare const x1_5 = "var(--seed-dimension-x1_5)";
|
|
4
|
+
export declare const x2 = "var(--seed-dimension-x2)";
|
|
5
|
+
export declare const x2_5 = "var(--seed-dimension-x2_5)";
|
|
6
|
+
export declare const x3 = "var(--seed-dimension-x3)";
|
|
7
|
+
export declare const x3_5 = "var(--seed-dimension-x3_5)";
|
|
8
|
+
export declare const x4 = "var(--seed-dimension-x4)";
|
|
9
|
+
export declare const x4_5 = "var(--seed-dimension-x4_5)";
|
|
10
|
+
export declare const x5 = "var(--seed-dimension-x5)";
|
|
11
|
+
export declare const x6 = "var(--seed-dimension-x6)";
|
|
12
|
+
export declare const x7 = "var(--seed-dimension-x7)";
|
|
13
|
+
export declare const x8 = "var(--seed-dimension-x8)";
|
|
14
|
+
export declare const x9 = "var(--seed-dimension-x9)";
|
|
15
|
+
export declare const x10 = "var(--seed-dimension-x10)";
|
|
16
|
+
export declare const x12 = "var(--seed-dimension-x12)";
|
|
17
|
+
export declare const x13 = "var(--seed-dimension-x13)";
|
|
18
|
+
export declare const x14 = "var(--seed-dimension-x14)";
|
|
19
|
+
export declare const x16 = "var(--seed-dimension-x16)";
|
|
20
|
+
|
|
21
|
+
export * as spacingX from "./spacing-x";
|
|
22
|
+
export * as spacingY from "./spacing-y";
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
export const x0_5 = "var(--seed-dimension-x0_5)";
|
|
2
|
+
export const x1 = "var(--seed-dimension-x1)";
|
|
3
|
+
export const x1_5 = "var(--seed-dimension-x1_5)";
|
|
4
|
+
export const x2 = "var(--seed-dimension-x2)";
|
|
5
|
+
export const x2_5 = "var(--seed-dimension-x2_5)";
|
|
6
|
+
export const x3 = "var(--seed-dimension-x3)";
|
|
7
|
+
export const x3_5 = "var(--seed-dimension-x3_5)";
|
|
8
|
+
export const x4 = "var(--seed-dimension-x4)";
|
|
9
|
+
export const x4_5 = "var(--seed-dimension-x4_5)";
|
|
10
|
+
export const x5 = "var(--seed-dimension-x5)";
|
|
11
|
+
export const x6 = "var(--seed-dimension-x6)";
|
|
12
|
+
export const x7 = "var(--seed-dimension-x7)";
|
|
13
|
+
export const x8 = "var(--seed-dimension-x8)";
|
|
14
|
+
export const x9 = "var(--seed-dimension-x9)";
|
|
15
|
+
export const x10 = "var(--seed-dimension-x10)";
|
|
16
|
+
export const x12 = "var(--seed-dimension-x12)";
|
|
17
|
+
export const x13 = "var(--seed-dimension-x13)";
|
|
18
|
+
export const x14 = "var(--seed-dimension-x14)";
|
|
19
|
+
export const x16 = "var(--seed-dimension-x16)";
|
|
20
|
+
|
|
21
|
+
export * as spacingX from "./spacing-x.mjs";
|
|
22
|
+
export * as spacingY from "./spacing-y.mjs";
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export declare const d1 = "var(--seed-duration-d1)";
|
|
2
|
+
export declare const d2 = "var(--seed-duration-d2)";
|
|
3
|
+
export declare const d3 = "var(--seed-duration-d3)";
|
|
4
|
+
export declare const d4 = "var(--seed-duration-d4)";
|
|
5
|
+
export declare const d5 = "var(--seed-duration-d5)";
|
|
6
|
+
export declare const d6 = "var(--seed-duration-d6)";
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export const d1 = "var(--seed-duration-d1)";
|
|
2
|
+
export const d2 = "var(--seed-duration-d2)";
|
|
3
|
+
export const d3 = "var(--seed-duration-d3)";
|
|
4
|
+
export const d4 = "var(--seed-duration-d4)";
|
|
5
|
+
export const d5 = "var(--seed-duration-d5)";
|
|
6
|
+
export const d6 = "var(--seed-duration-d6)";
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
export declare const t1 = "var(--seed-font-size-t1)";
|
|
2
|
+
export declare const t2 = "var(--seed-font-size-t2)";
|
|
3
|
+
export declare const t3 = "var(--seed-font-size-t3)";
|
|
4
|
+
export declare const t4 = "var(--seed-font-size-t4)";
|
|
5
|
+
export declare const t5 = "var(--seed-font-size-t5)";
|
|
6
|
+
export declare const t6 = "var(--seed-font-size-t6)";
|
|
7
|
+
export declare const t7 = "var(--seed-font-size-t7)";
|
|
8
|
+
export declare const t8 = "var(--seed-font-size-t8)";
|
|
9
|
+
export declare const t9 = "var(--seed-font-size-t9)";
|
|
10
|
+
export declare const t10 = "var(--seed-font-size-t10)";
|
|
11
|
+
export declare const t2Static = "var(--seed-font-size-t2-static)";
|
|
12
|
+
export declare const t5Static = "var(--seed-font-size-t5-static)";
|
|
13
|
+
export declare const t6Static = "var(--seed-font-size-t6-static)";
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
export const t1 = "var(--seed-font-size-t1)";
|
|
2
|
+
export const t2 = "var(--seed-font-size-t2)";
|
|
3
|
+
export const t3 = "var(--seed-font-size-t3)";
|
|
4
|
+
export const t4 = "var(--seed-font-size-t4)";
|
|
5
|
+
export const t5 = "var(--seed-font-size-t5)";
|
|
6
|
+
export const t6 = "var(--seed-font-size-t6)";
|
|
7
|
+
export const t7 = "var(--seed-font-size-t7)";
|
|
8
|
+
export const t8 = "var(--seed-font-size-t8)";
|
|
9
|
+
export const t9 = "var(--seed-font-size-t9)";
|
|
10
|
+
export const t10 = "var(--seed-font-size-t10)";
|
|
11
|
+
export const t2Static = "var(--seed-font-size-t2-static)";
|
|
12
|
+
export const t5Static = "var(--seed-font-size-t5-static)";
|
|
13
|
+
export const t6Static = "var(--seed-font-size-t6-static)";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const shimmer = "var(--seed-gradient-shimmer)";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export const shimmer = "var(--seed-gradient-shimmer)";
|
package/vars/index.d.ts
ADDED
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import * as vars from "./vars";
|
|
2
|
+
export { vars };
|
|
3
|
+
|
|
4
|
+
export type TokenObject = typeof vars;
|
|
5
|
+
|
|
6
|
+
export type ColorFg = keyof TokenObject["$color"]["fg"];
|
|
7
|
+
|
|
8
|
+
export type ColorBg = keyof TokenObject["$color"]["bg"];
|
|
9
|
+
|
|
10
|
+
export type ColorStroke = keyof TokenObject["$color"]["stroke"];
|
|
11
|
+
|
|
12
|
+
export type ColorPalette = keyof TokenObject["$color"]["palette"];
|
|
13
|
+
|
|
14
|
+
export type Duration = keyof TokenObject["$duration"];
|
|
15
|
+
|
|
16
|
+
export type FontSize = keyof TokenObject["$fontSize"];
|
|
17
|
+
|
|
18
|
+
export type FontWeight = keyof TokenObject["$fontWeight"];
|
|
19
|
+
|
|
20
|
+
export type Gradient = keyof TokenObject["$gradient"];
|
|
21
|
+
|
|
22
|
+
export type LineHeight = keyof TokenObject["$lineHeight"];
|
|
23
|
+
|
|
24
|
+
export type Radius = keyof TokenObject["$radius"];
|
|
25
|
+
|
|
26
|
+
export type TimingFunction = keyof TokenObject["$timingFunction"];
|
|
27
|
+
|
|
28
|
+
export type Dimension = Exclude<keyof TokenObject["$dimension"], "spacingX" | "spacingY">;
|
|
29
|
+
|
|
30
|
+
export type SpacingX = keyof TokenObject["$dimension"]["spacingX"];
|
|
31
|
+
|
|
32
|
+
export type SpacingY = keyof TokenObject["$dimension"]["spacingY"];
|
package/vars/index.mjs
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * as vars from "./vars.mjs";
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export declare const t1 = "var(--seed-line-height-t1)";
|
|
2
|
+
export declare const t2 = "var(--seed-line-height-t2)";
|
|
3
|
+
export declare const t3 = "var(--seed-line-height-t3)";
|
|
4
|
+
export declare const t4 = "var(--seed-line-height-t4)";
|
|
5
|
+
export declare const t5 = "var(--seed-line-height-t5)";
|
|
6
|
+
export declare const t6 = "var(--seed-line-height-t6)";
|
|
7
|
+
export declare const t7 = "var(--seed-line-height-t7)";
|
|
8
|
+
export declare const t8 = "var(--seed-line-height-t8)";
|
|
9
|
+
export declare const t9 = "var(--seed-line-height-t9)";
|
|
10
|
+
export declare const t10 = "var(--seed-line-height-t10)";
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export const t1 = "var(--seed-line-height-t1)";
|
|
2
|
+
export const t2 = "var(--seed-line-height-t2)";
|
|
3
|
+
export const t3 = "var(--seed-line-height-t3)";
|
|
4
|
+
export const t4 = "var(--seed-line-height-t4)";
|
|
5
|
+
export const t5 = "var(--seed-line-height-t5)";
|
|
6
|
+
export const t6 = "var(--seed-line-height-t6)";
|
|
7
|
+
export const t7 = "var(--seed-line-height-t7)";
|
|
8
|
+
export const t8 = "var(--seed-line-height-t8)";
|
|
9
|
+
export const t9 = "var(--seed-line-height-t9)";
|
|
10
|
+
export const t10 = "var(--seed-line-height-t10)";
|
package/vars/radius.d.ts
ADDED
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
export declare const r0_5 = "var(--seed-radius-r0_5)";
|
|
2
|
+
export declare const r1 = "var(--seed-radius-r1)";
|
|
3
|
+
export declare const r1_5 = "var(--seed-radius-r1_5)";
|
|
4
|
+
export declare const r2 = "var(--seed-radius-r2)";
|
|
5
|
+
export declare const r2_5 = "var(--seed-radius-r2_5)";
|
|
6
|
+
export declare const r3 = "var(--seed-radius-r3)";
|
|
7
|
+
export declare const r3_5 = "var(--seed-radius-r3_5)";
|
|
8
|
+
export declare const r4 = "var(--seed-radius-r4)";
|
|
9
|
+
export declare const r5 = "var(--seed-radius-r5)";
|
|
10
|
+
export declare const r6 = "var(--seed-radius-r6)";
|
|
11
|
+
export declare const full = "var(--seed-radius-full)";
|
package/vars/radius.mjs
ADDED
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
export const r0_5 = "var(--seed-radius-r0_5)";
|
|
2
|
+
export const r1 = "var(--seed-radius-r1)";
|
|
3
|
+
export const r1_5 = "var(--seed-radius-r1_5)";
|
|
4
|
+
export const r2 = "var(--seed-radius-r2)";
|
|
5
|
+
export const r2_5 = "var(--seed-radius-r2_5)";
|
|
6
|
+
export const r3 = "var(--seed-radius-r3)";
|
|
7
|
+
export const r3_5 = "var(--seed-radius-r3_5)";
|
|
8
|
+
export const r4 = "var(--seed-radius-r4)";
|
|
9
|
+
export const r5 = "var(--seed-radius-r5)";
|
|
10
|
+
export const r6 = "var(--seed-radius-r6)";
|
|
11
|
+
export const full = "var(--seed-radius-full)";
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export declare const linear = "var(--seed-timing-function-linear)";
|
|
2
|
+
export declare const easing = "var(--seed-timing-function-easing)";
|
|
3
|
+
export declare const enter = "var(--seed-timing-function-enter)";
|
|
4
|
+
export declare const exit = "var(--seed-timing-function-exit)";
|
|
5
|
+
export declare const enterExpressive = "var(--seed-timing-function-enter-expressive)";
|
|
6
|
+
export declare const exitExpressive = "var(--seed-timing-function-exit-expressive)";
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export const linear = "var(--seed-timing-function-linear)";
|
|
2
|
+
export const easing = "var(--seed-timing-function-easing)";
|
|
3
|
+
export const enter = "var(--seed-timing-function-enter)";
|
|
4
|
+
export const exit = "var(--seed-timing-function-exit)";
|
|
5
|
+
export const enterExpressive = "var(--seed-timing-function-enter-expressive)";
|
|
6
|
+
export const exitExpressive = "var(--seed-timing-function-exit-expressive)";
|
package/vars/vars.d.ts
ADDED
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
export * as $color from "./color";
|
|
2
|
+
export * as $duration from "./duration";
|
|
3
|
+
export * as $fontSize from "./font-size";
|
|
4
|
+
export * as $fontWeight from "./font-weight";
|
|
5
|
+
export * as $gradient from "./gradient";
|
|
6
|
+
export * as $lineHeight from "./line-height";
|
|
7
|
+
export * as $radius from "./radius";
|
|
8
|
+
export * as $timingFunction from "./timing-function";
|
|
9
|
+
export * as $dimension from "./dimension";
|
package/vars/vars.mjs
ADDED
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
export * as $color from "./color/index.mjs";
|
|
2
|
+
export * as $duration from "./duration.mjs";
|
|
3
|
+
export * as $fontSize from "./font-size.mjs";
|
|
4
|
+
export * as $fontWeight from "./font-weight.mjs";
|
|
5
|
+
export * as $gradient from "./gradient.mjs";
|
|
6
|
+
export * as $lineHeight from "./line-height.mjs";
|
|
7
|
+
export * as $radius from "./radius.mjs";
|
|
8
|
+
export * as $timingFunction from "./timing-function.mjs";
|
|
9
|
+
export * as $dimension from "./dimension/index.mjs";
|