@seed-design/tailwind3-plugin 0.0.0-alpha-20260414104312

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 (9) hide show
  1. package/README.md +124 -0
  2. package/lib/index.cjs +699 -0
  3. package/lib/index.d.cts +21 -0
  4. package/lib/index.d.cts.map +1 -0
  5. package/lib/index.d.ts +21 -0
  6. package/lib/index.d.ts.map +1 -0
  7. package/lib/index.js +693 -0
  8. package/package.json +54 -0
  9. package/src/index.ts +681 -0
package/src/index.ts ADDED
@@ -0,0 +1,681 @@
1
+ // @ts-nocheck
2
+ import plugin from "tailwindcss/plugin";
3
+
4
+ /**
5
+ * Seed Design 디자인 토큰을 위한 Tailwind CSS 플러그인
6
+ * 색상 토큰과 타이포그래피 토큰을 클래스 이름으로 사용할 수 있습니다
7
+ * 예시:
8
+ * - 색상: bg-bg-layer-basement, text-fg-brand, border-stroke-divider
9
+ * - 타이포그래피: t1-regular, t1-bold, screen-title
10
+ * - 그라데이션:
11
+ * * bg-gradient-shimmer-neutral-to-r (방향성 포함)
12
+ * * bg-gradient-shimmer-neutral-[45deg] (임의 각도)
13
+ *
14
+ * 모든 토큰은 CSS 변수를 사용하여 다크 모드와 자동 호환됩니다.
15
+ */
16
+ export default plugin(
17
+ ({ theme, addComponents, matchUtilities }) => {
18
+ // typography 유틸리티
19
+ const typography = theme("typography");
20
+ if (typography) {
21
+ addComponents(
22
+ Object.entries(typography).reduce((acc, [key, value]) => {
23
+ acc[`.${key}`] = value;
24
+ return acc;
25
+ }, {})
26
+ );
27
+ }
28
+
29
+ // gradient arbitrary value 지원
30
+ const gradientStopsForArbitrary = {
31
+ "glow-magic": "#fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%",
32
+ "glow-magic-pressed": "#fbf0f2 0.00%, #ffe8db 80.00%, #f5f2ef 100.00%",
33
+ "highlight-magic": "#ff6600 20.00%, #d25aca 100.00%",
34
+ "highlight-magic-pressed": "#e14f00 20.00%, #ae58bf 100.00%",
35
+ "shimmer-magic": "#fff9f500 0.00%, #fff9f5cc 46.00%, #fff9f5cc 54.00%, #fff9f500 100.00%",
36
+ "shimmer-neutral": "#ffffff00 0.00%, #ffffffab 46.00%, #ffffffab 54.00%, #ffffff00 100.00%"
37
+ };
38
+
39
+ Object.entries(gradientStopsForArbitrary).forEach(([gradientName, colorStops]) => {
40
+ matchUtilities(
41
+ {
42
+ [`bg-gradient-${gradientName}`]: (value) => ({
43
+ backgroundImage: `linear-gradient(${value}, ${colorStops})`
44
+ })
45
+ },
46
+ {
47
+ type: 'any',
48
+ values: {}
49
+ }
50
+ );
51
+ });
52
+ },
53
+ {
54
+ theme: {
55
+ extend: {
56
+ colors: {
57
+ "palette-gray-00": "var(--seed-color-palette-gray-00)",
58
+ "palette-gray-100": "var(--seed-color-palette-gray-100)",
59
+ "palette-gray-200": "var(--seed-color-palette-gray-200)",
60
+ "palette-gray-300": "var(--seed-color-palette-gray-300)",
61
+ "palette-gray-400": "var(--seed-color-palette-gray-400)",
62
+ "palette-gray-500": "var(--seed-color-palette-gray-500)",
63
+ "palette-gray-600": "var(--seed-color-palette-gray-600)",
64
+ "palette-gray-700": "var(--seed-color-palette-gray-700)",
65
+ "palette-gray-800": "var(--seed-color-palette-gray-800)",
66
+ "palette-gray-900": "var(--seed-color-palette-gray-900)",
67
+ "palette-gray-1000": "var(--seed-color-palette-gray-1000)",
68
+ "palette-carrot-100": "var(--seed-color-palette-carrot-100)",
69
+ "palette-carrot-200": "var(--seed-color-palette-carrot-200)",
70
+ "palette-carrot-300": "var(--seed-color-palette-carrot-300)",
71
+ "palette-carrot-400": "var(--seed-color-palette-carrot-400)",
72
+ "palette-carrot-500": "var(--seed-color-palette-carrot-500)",
73
+ "palette-carrot-600": "var(--seed-color-palette-carrot-600)",
74
+ "palette-carrot-700": "var(--seed-color-palette-carrot-700)",
75
+ "palette-carrot-800": "var(--seed-color-palette-carrot-800)",
76
+ "palette-carrot-900": "var(--seed-color-palette-carrot-900)",
77
+ "palette-carrot-1000": "var(--seed-color-palette-carrot-1000)",
78
+ "palette-blue-100": "var(--seed-color-palette-blue-100)",
79
+ "palette-blue-200": "var(--seed-color-palette-blue-200)",
80
+ "palette-blue-300": "var(--seed-color-palette-blue-300)",
81
+ "palette-blue-400": "var(--seed-color-palette-blue-400)",
82
+ "palette-blue-500": "var(--seed-color-palette-blue-500)",
83
+ "palette-blue-600": "var(--seed-color-palette-blue-600)",
84
+ "palette-blue-700": "var(--seed-color-palette-blue-700)",
85
+ "palette-blue-800": "var(--seed-color-palette-blue-800)",
86
+ "palette-blue-900": "var(--seed-color-palette-blue-900)",
87
+ "palette-blue-1000": "var(--seed-color-palette-blue-1000)",
88
+ "palette-red-100": "var(--seed-color-palette-red-100)",
89
+ "palette-red-200": "var(--seed-color-palette-red-200)",
90
+ "palette-red-300": "var(--seed-color-palette-red-300)",
91
+ "palette-red-400": "var(--seed-color-palette-red-400)",
92
+ "palette-red-500": "var(--seed-color-palette-red-500)",
93
+ "palette-red-600": "var(--seed-color-palette-red-600)",
94
+ "palette-red-700": "var(--seed-color-palette-red-700)",
95
+ "palette-red-800": "var(--seed-color-palette-red-800)",
96
+ "palette-red-900": "var(--seed-color-palette-red-900)",
97
+ "palette-red-1000": "var(--seed-color-palette-red-1000)",
98
+ "palette-green-100": "var(--seed-color-palette-green-100)",
99
+ "palette-green-200": "var(--seed-color-palette-green-200)",
100
+ "palette-green-300": "var(--seed-color-palette-green-300)",
101
+ "palette-green-400": "var(--seed-color-palette-green-400)",
102
+ "palette-green-500": "var(--seed-color-palette-green-500)",
103
+ "palette-green-600": "var(--seed-color-palette-green-600)",
104
+ "palette-green-700": "var(--seed-color-palette-green-700)",
105
+ "palette-green-800": "var(--seed-color-palette-green-800)",
106
+ "palette-green-900": "var(--seed-color-palette-green-900)",
107
+ "palette-green-1000": "var(--seed-color-palette-green-1000)",
108
+ "palette-yellow-100": "var(--seed-color-palette-yellow-100)",
109
+ "palette-yellow-200": "var(--seed-color-palette-yellow-200)",
110
+ "palette-yellow-300": "var(--seed-color-palette-yellow-300)",
111
+ "palette-yellow-400": "var(--seed-color-palette-yellow-400)",
112
+ "palette-yellow-500": "var(--seed-color-palette-yellow-500)",
113
+ "palette-yellow-600": "var(--seed-color-palette-yellow-600)",
114
+ "palette-yellow-700": "var(--seed-color-palette-yellow-700)",
115
+ "palette-yellow-800": "var(--seed-color-palette-yellow-800)",
116
+ "palette-yellow-900": "var(--seed-color-palette-yellow-900)",
117
+ "palette-yellow-1000": "var(--seed-color-palette-yellow-1000)",
118
+ "palette-purple-100": "var(--seed-color-palette-purple-100)",
119
+ "palette-purple-200": "var(--seed-color-palette-purple-200)",
120
+ "palette-purple-300": "var(--seed-color-palette-purple-300)",
121
+ "palette-purple-400": "var(--seed-color-palette-purple-400)",
122
+ "palette-purple-500": "var(--seed-color-palette-purple-500)",
123
+ "palette-purple-600": "var(--seed-color-palette-purple-600)",
124
+ "palette-purple-700": "var(--seed-color-palette-purple-700)",
125
+ "palette-purple-800": "var(--seed-color-palette-purple-800)",
126
+ "palette-purple-900": "var(--seed-color-palette-purple-900)",
127
+ "palette-purple-1000": "var(--seed-color-palette-purple-1000)",
128
+ "palette-static-black": "var(--seed-color-palette-static-black)",
129
+ "palette-static-black-alpha-100": "var(--seed-color-palette-static-black-alpha-100)",
130
+ "palette-static-black-alpha-200": "var(--seed-color-palette-static-black-alpha-200)",
131
+ "palette-static-black-alpha-300": "var(--seed-color-palette-static-black-alpha-300)",
132
+ "palette-static-black-alpha-400": "var(--seed-color-palette-static-black-alpha-400)",
133
+ "palette-static-black-alpha-500": "var(--seed-color-palette-static-black-alpha-500)",
134
+ "palette-static-black-alpha-600": "var(--seed-color-palette-static-black-alpha-600)",
135
+ "palette-static-black-alpha-700": "var(--seed-color-palette-static-black-alpha-700)",
136
+ "palette-static-black-alpha-800": "var(--seed-color-palette-static-black-alpha-800)",
137
+ "palette-static-black-alpha-900": "var(--seed-color-palette-static-black-alpha-900)",
138
+ "palette-static-black-alpha-1000": "var(--seed-color-palette-static-black-alpha-1000)",
139
+ "palette-static-white": "var(--seed-color-palette-static-white)",
140
+ "palette-static-white-alpha-50": "var(--seed-color-palette-static-white-alpha-50)",
141
+ "palette-static-white-alpha-100": "var(--seed-color-palette-static-white-alpha-100)",
142
+ "palette-static-white-alpha-200": "var(--seed-color-palette-static-white-alpha-200)",
143
+ "palette-static-white-alpha-300": "var(--seed-color-palette-static-white-alpha-300)",
144
+ "palette-static-white-alpha-400": "var(--seed-color-palette-static-white-alpha-400)",
145
+ "palette-static-white-alpha-500": "var(--seed-color-palette-static-white-alpha-500)",
146
+ "palette-static-white-alpha-600": "var(--seed-color-palette-static-white-alpha-600)",
147
+ "palette-static-white-alpha-700": "var(--seed-color-palette-static-white-alpha-700)",
148
+ "palette-static-white-alpha-800": "var(--seed-color-palette-static-white-alpha-800)",
149
+ "palette-static-white-alpha-900": "var(--seed-color-palette-static-white-alpha-900)",
150
+ "palette-static-white-alpha-1000": "var(--seed-color-palette-static-white-alpha-1000)",
151
+ "fg-brand": "var(--seed-color-fg-brand)",
152
+ "fg-brand-contrast": "var(--seed-color-fg-brand-contrast)",
153
+ "fg-critical": "var(--seed-color-fg-critical)",
154
+ "fg-critical-contrast": "var(--seed-color-fg-critical-contrast)",
155
+ "fg-disabled": "var(--seed-color-fg-disabled)",
156
+ "fg-informative": "var(--seed-color-fg-informative)",
157
+ "fg-informative-contrast": "var(--seed-color-fg-informative-contrast)",
158
+ "fg-neutral": "var(--seed-color-fg-neutral)",
159
+ "fg-neutral-inverted": "var(--seed-color-fg-neutral-inverted)",
160
+ "fg-neutral-muted": "var(--seed-color-fg-neutral-muted)",
161
+ "fg-neutral-subtle": "var(--seed-color-fg-neutral-subtle)",
162
+ "fg-placeholder": "var(--seed-color-fg-placeholder)",
163
+ "fg-positive": "var(--seed-color-fg-positive)",
164
+ "fg-positive-contrast": "var(--seed-color-fg-positive-contrast)",
165
+ "fg-warning": "var(--seed-color-fg-warning)",
166
+ "fg-warning-contrast": "var(--seed-color-fg-warning-contrast)",
167
+ "bg-brand-solid": "var(--seed-color-bg-brand-solid)",
168
+ "bg-brand-solid-pressed": "var(--seed-color-bg-brand-solid-pressed)",
169
+ "bg-brand-weak": "var(--seed-color-bg-brand-weak)",
170
+ "bg-brand-weak-pressed": "var(--seed-color-bg-brand-weak-pressed)",
171
+ "bg-critical-solid": "var(--seed-color-bg-critical-solid)",
172
+ "bg-critical-solid-pressed": "var(--seed-color-bg-critical-solid-pressed)",
173
+ "bg-critical-weak": "var(--seed-color-bg-critical-weak)",
174
+ "bg-critical-weak-pressed": "var(--seed-color-bg-critical-weak-pressed)",
175
+ "bg-disabled": "var(--seed-color-bg-disabled)",
176
+ "bg-informative-solid": "var(--seed-color-bg-informative-solid)",
177
+ "bg-informative-solid-pressed": "var(--seed-color-bg-informative-solid-pressed)",
178
+ "bg-informative-weak": "var(--seed-color-bg-informative-weak)",
179
+ "bg-informative-weak-pressed": "var(--seed-color-bg-informative-weak-pressed)",
180
+ "bg-layer-basement": "var(--seed-color-bg-layer-basement)",
181
+ "bg-layer-default": "var(--seed-color-bg-layer-default)",
182
+ "bg-layer-default-pressed": "var(--seed-color-bg-layer-default-pressed)",
183
+ "bg-layer-floating": "var(--seed-color-bg-layer-floating)",
184
+ "bg-layer-floating-pressed": "var(--seed-color-bg-layer-floating-pressed)",
185
+ "bg-magic-weak": "var(--seed-color-bg-magic-weak)",
186
+ "bg-neutral-inverted": "var(--seed-color-bg-neutral-inverted)",
187
+ "bg-neutral-inverted-pressed": "var(--seed-color-bg-neutral-inverted-pressed)",
188
+ "bg-neutral-solid": "var(--seed-color-bg-neutral-solid)",
189
+ "bg-neutral-solid-muted": "var(--seed-color-bg-neutral-solid-muted)",
190
+ "bg-neutral-solid-muted-pressed": "var(--seed-color-bg-neutral-solid-muted-pressed)",
191
+ "bg-neutral-weak": "var(--seed-color-bg-neutral-weak)",
192
+ "bg-neutral-weak-alpha": "var(--seed-color-bg-neutral-weak-alpha)",
193
+ "bg-neutral-weak-alpha-pressed": "var(--seed-color-bg-neutral-weak-alpha-pressed)",
194
+ "bg-neutral-weak-pressed": "var(--seed-color-bg-neutral-weak-pressed)",
195
+ "bg-overlay": "var(--seed-color-bg-overlay)",
196
+ "bg-overlay-muted": "var(--seed-color-bg-overlay-muted)",
197
+ "bg-positive-solid": "var(--seed-color-bg-positive-solid)",
198
+ "bg-positive-solid-pressed": "var(--seed-color-bg-positive-solid-pressed)",
199
+ "bg-positive-weak": "var(--seed-color-bg-positive-weak)",
200
+ "bg-positive-weak-pressed": "var(--seed-color-bg-positive-weak-pressed)",
201
+ "bg-transparent": "var(--seed-color-bg-transparent)",
202
+ "bg-transparent-pressed": "var(--seed-color-bg-transparent-pressed)",
203
+ "bg-warning-solid": "var(--seed-color-bg-warning-solid)",
204
+ "bg-warning-solid-pressed": "var(--seed-color-bg-warning-solid-pressed)",
205
+ "bg-warning-weak": "var(--seed-color-bg-warning-weak)",
206
+ "bg-warning-weak-pressed": "var(--seed-color-bg-warning-weak-pressed)",
207
+ "stroke-brand-solid": "var(--seed-color-stroke-brand-solid)",
208
+ "stroke-brand-weak": "var(--seed-color-stroke-brand-weak)",
209
+ "stroke-critical-solid": "var(--seed-color-stroke-critical-solid)",
210
+ "stroke-critical-weak": "var(--seed-color-stroke-critical-weak)",
211
+ "stroke-informative-solid": "var(--seed-color-stroke-informative-solid)",
212
+ "stroke-informative-weak": "var(--seed-color-stroke-informative-weak)",
213
+ "stroke-neutral-contrast": "var(--seed-color-stroke-neutral-contrast)",
214
+ "stroke-neutral-muted": "var(--seed-color-stroke-neutral-muted)",
215
+ "stroke-neutral-solid": "var(--seed-color-stroke-neutral-solid)",
216
+ "stroke-neutral-subtle": "var(--seed-color-stroke-neutral-subtle)",
217
+ "stroke-neutral-weak": "var(--seed-color-stroke-neutral-weak)",
218
+ "stroke-positive-solid": "var(--seed-color-stroke-positive-solid)",
219
+ "stroke-positive-weak": "var(--seed-color-stroke-positive-weak)",
220
+ "stroke-warning-solid": "var(--seed-color-stroke-warning-solid)",
221
+ "stroke-warning-weak": "var(--seed-color-stroke-warning-weak)",
222
+ "stroke-focus-ring": "var(--seed-color-stroke-focus-ring)",
223
+ "manner-temp-l1-bg": "var(--seed-color-manner-temp-l1-bg)",
224
+ "manner-temp-l1-text": "var(--seed-color-manner-temp-l1-text)",
225
+ "manner-temp-l10-bg": "var(--seed-color-manner-temp-l10-bg)",
226
+ "manner-temp-l10-text": "var(--seed-color-manner-temp-l10-text)",
227
+ "manner-temp-l2-bg": "var(--seed-color-manner-temp-l2-bg)",
228
+ "manner-temp-l2-text": "var(--seed-color-manner-temp-l2-text)",
229
+ "manner-temp-l3-bg": "var(--seed-color-manner-temp-l3-bg)",
230
+ "manner-temp-l3-text": "var(--seed-color-manner-temp-l3-text)",
231
+ "manner-temp-l4-bg": "var(--seed-color-manner-temp-l4-bg)",
232
+ "manner-temp-l4-text": "var(--seed-color-manner-temp-l4-text)",
233
+ "manner-temp-l5-bg": "var(--seed-color-manner-temp-l5-bg)",
234
+ "manner-temp-l5-text": "var(--seed-color-manner-temp-l5-text)",
235
+ "manner-temp-l6-bg": "var(--seed-color-manner-temp-l6-bg)",
236
+ "manner-temp-l6-text": "var(--seed-color-manner-temp-l6-text)",
237
+ "manner-temp-l7-bg": "var(--seed-color-manner-temp-l7-bg)",
238
+ "manner-temp-l7-text": "var(--seed-color-manner-temp-l7-text)",
239
+ "manner-temp-l8-bg": "var(--seed-color-manner-temp-l8-bg)",
240
+ "manner-temp-l8-text": "var(--seed-color-manner-temp-l8-text)",
241
+ "manner-temp-l9-bg": "var(--seed-color-manner-temp-l9-bg)",
242
+ "manner-temp-l9-text": "var(--seed-color-manner-temp-l9-text)",
243
+ "banner-blue": "var(--seed-color-banner-blue)",
244
+ "banner-cool-gray": "var(--seed-color-banner-cool-gray)",
245
+ "banner-green": "var(--seed-color-banner-green)",
246
+ "banner-orange": "var(--seed-color-banner-orange)",
247
+ "banner-pink": "var(--seed-color-banner-pink)",
248
+ "banner-purple": "var(--seed-color-banner-purple)",
249
+ "banner-red": "var(--seed-color-banner-red)",
250
+ "banner-teal": "var(--seed-color-banner-teal)",
251
+ "banner-warm-gray": "var(--seed-color-banner-warm-gray)",
252
+ "banner-yellow": "var(--seed-color-banner-yellow)",
253
+ "gradient-stops-glow-magic": "#fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%",
254
+ "gradient-stops-glow-magic-pressed": "#fbf0f2 0.00%, #ffe8db 80.00%, #f5f2ef 100.00%",
255
+ "gradient-stops-highlight-magic": "#ff6600 20.00%, #d25aca 100.00%",
256
+ "gradient-stops-highlight-magic-pressed": "#e14f00 20.00%, #ae58bf 100.00%",
257
+ "gradient-stops-shimmer-magic": "#fff9f500 0.00%, #fff9f5cc 46.00%, #fff9f5cc 54.00%, #fff9f500 100.00%",
258
+ "gradient-stops-shimmer-neutral": "#ffffff00 0.00%, #ffffffab 46.00%, #ffffffab 54.00%, #ffffff00 100.00%"
259
+ },
260
+ backgroundImage: {
261
+ "glow-magic-to-t": "linear-gradient(to top, #fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%)",
262
+ "glow-magic-to-tr": "linear-gradient(to top right, #fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%)",
263
+ "glow-magic-to-r": "linear-gradient(to right, #fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%)",
264
+ "glow-magic-to-br": "linear-gradient(to bottom right, #fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%)",
265
+ "glow-magic-to-b": "linear-gradient(to bottom, #fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%)",
266
+ "glow-magic-to-bl": "linear-gradient(to bottom left, #fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%)",
267
+ "glow-magic-to-l": "linear-gradient(to left, #fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%)",
268
+ "glow-magic-to-tl": "linear-gradient(to top left, #fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%)",
269
+ "glow-magic-pressed-to-t": "linear-gradient(to top, #fbf0f2 0.00%, #ffe8db 80.00%, #f5f2ef 100.00%)",
270
+ "glow-magic-pressed-to-tr": "linear-gradient(to top right, #fbf0f2 0.00%, #ffe8db 80.00%, #f5f2ef 100.00%)",
271
+ "glow-magic-pressed-to-r": "linear-gradient(to right, #fbf0f2 0.00%, #ffe8db 80.00%, #f5f2ef 100.00%)",
272
+ "glow-magic-pressed-to-br": "linear-gradient(to bottom right, #fbf0f2 0.00%, #ffe8db 80.00%, #f5f2ef 100.00%)",
273
+ "glow-magic-pressed-to-b": "linear-gradient(to bottom, #fbf0f2 0.00%, #ffe8db 80.00%, #f5f2ef 100.00%)",
274
+ "glow-magic-pressed-to-bl": "linear-gradient(to bottom left, #fbf0f2 0.00%, #ffe8db 80.00%, #f5f2ef 100.00%)",
275
+ "glow-magic-pressed-to-l": "linear-gradient(to left, #fbf0f2 0.00%, #ffe8db 80.00%, #f5f2ef 100.00%)",
276
+ "glow-magic-pressed-to-tl": "linear-gradient(to top left, #fbf0f2 0.00%, #ffe8db 80.00%, #f5f2ef 100.00%)",
277
+ "highlight-magic-to-t": "linear-gradient(to top, #ff6600 20.00%, #d25aca 100.00%)",
278
+ "highlight-magic-to-tr": "linear-gradient(to top right, #ff6600 20.00%, #d25aca 100.00%)",
279
+ "highlight-magic-to-r": "linear-gradient(to right, #ff6600 20.00%, #d25aca 100.00%)",
280
+ "highlight-magic-to-br": "linear-gradient(to bottom right, #ff6600 20.00%, #d25aca 100.00%)",
281
+ "highlight-magic-to-b": "linear-gradient(to bottom, #ff6600 20.00%, #d25aca 100.00%)",
282
+ "highlight-magic-to-bl": "linear-gradient(to bottom left, #ff6600 20.00%, #d25aca 100.00%)",
283
+ "highlight-magic-to-l": "linear-gradient(to left, #ff6600 20.00%, #d25aca 100.00%)",
284
+ "highlight-magic-to-tl": "linear-gradient(to top left, #ff6600 20.00%, #d25aca 100.00%)",
285
+ "highlight-magic-pressed-to-t": "linear-gradient(to top, #e14f00 20.00%, #ae58bf 100.00%)",
286
+ "highlight-magic-pressed-to-tr": "linear-gradient(to top right, #e14f00 20.00%, #ae58bf 100.00%)",
287
+ "highlight-magic-pressed-to-r": "linear-gradient(to right, #e14f00 20.00%, #ae58bf 100.00%)",
288
+ "highlight-magic-pressed-to-br": "linear-gradient(to bottom right, #e14f00 20.00%, #ae58bf 100.00%)",
289
+ "highlight-magic-pressed-to-b": "linear-gradient(to bottom, #e14f00 20.00%, #ae58bf 100.00%)",
290
+ "highlight-magic-pressed-to-bl": "linear-gradient(to bottom left, #e14f00 20.00%, #ae58bf 100.00%)",
291
+ "highlight-magic-pressed-to-l": "linear-gradient(to left, #e14f00 20.00%, #ae58bf 100.00%)",
292
+ "highlight-magic-pressed-to-tl": "linear-gradient(to top left, #e14f00 20.00%, #ae58bf 100.00%)",
293
+ "shimmer-magic-to-t": "linear-gradient(to top, #fff9f500 0.00%, #fff9f5cc 46.00%, #fff9f5cc 54.00%, #fff9f500 100.00%)",
294
+ "shimmer-magic-to-tr": "linear-gradient(to top right, #fff9f500 0.00%, #fff9f5cc 46.00%, #fff9f5cc 54.00%, #fff9f500 100.00%)",
295
+ "shimmer-magic-to-r": "linear-gradient(to right, #fff9f500 0.00%, #fff9f5cc 46.00%, #fff9f5cc 54.00%, #fff9f500 100.00%)",
296
+ "shimmer-magic-to-br": "linear-gradient(to bottom right, #fff9f500 0.00%, #fff9f5cc 46.00%, #fff9f5cc 54.00%, #fff9f500 100.00%)",
297
+ "shimmer-magic-to-b": "linear-gradient(to bottom, #fff9f500 0.00%, #fff9f5cc 46.00%, #fff9f5cc 54.00%, #fff9f500 100.00%)",
298
+ "shimmer-magic-to-bl": "linear-gradient(to bottom left, #fff9f500 0.00%, #fff9f5cc 46.00%, #fff9f5cc 54.00%, #fff9f500 100.00%)",
299
+ "shimmer-magic-to-l": "linear-gradient(to left, #fff9f500 0.00%, #fff9f5cc 46.00%, #fff9f5cc 54.00%, #fff9f500 100.00%)",
300
+ "shimmer-magic-to-tl": "linear-gradient(to top left, #fff9f500 0.00%, #fff9f5cc 46.00%, #fff9f5cc 54.00%, #fff9f500 100.00%)",
301
+ "shimmer-neutral-to-t": "linear-gradient(to top, #ffffff00 0.00%, #ffffffab 46.00%, #ffffffab 54.00%, #ffffff00 100.00%)",
302
+ "shimmer-neutral-to-tr": "linear-gradient(to top right, #ffffff00 0.00%, #ffffffab 46.00%, #ffffffab 54.00%, #ffffff00 100.00%)",
303
+ "shimmer-neutral-to-r": "linear-gradient(to right, #ffffff00 0.00%, #ffffffab 46.00%, #ffffffab 54.00%, #ffffff00 100.00%)",
304
+ "shimmer-neutral-to-br": "linear-gradient(to bottom right, #ffffff00 0.00%, #ffffffab 46.00%, #ffffffab 54.00%, #ffffff00 100.00%)",
305
+ "shimmer-neutral-to-b": "linear-gradient(to bottom, #ffffff00 0.00%, #ffffffab 46.00%, #ffffffab 54.00%, #ffffff00 100.00%)",
306
+ "shimmer-neutral-to-bl": "linear-gradient(to bottom left, #ffffff00 0.00%, #ffffffab 46.00%, #ffffffab 54.00%, #ffffff00 100.00%)",
307
+ "shimmer-neutral-to-l": "linear-gradient(to left, #ffffff00 0.00%, #ffffffab 46.00%, #ffffffab 54.00%, #ffffff00 100.00%)",
308
+ "shimmer-neutral-to-tl": "linear-gradient(to top left, #ffffff00 0.00%, #ffffffab 46.00%, #ffffffab 54.00%, #ffffff00 100.00%)"
309
+ },
310
+ typography: {
311
+ "screen-title": {
312
+ "fontSize": "var(--seed-font-size-t10)",
313
+ "lineHeight": "var(--seed-line-height-t10)",
314
+ "fontWeight": "var(--seed-font-weight-bold)"
315
+ },
316
+ "article-body": {
317
+ "fontSize": "var(--seed-font-size-t5)",
318
+ "lineHeight": "var(--seed-line-height-t6)",
319
+ "fontWeight": "var(--seed-font-weight-regular)"
320
+ },
321
+ "article-note": {
322
+ "fontSize": "var(--seed-font-size-t4)",
323
+ "lineHeight": "var(--seed-line-height-t5)",
324
+ "fontWeight": "var(--seed-font-weight-regular)"
325
+ },
326
+ "t1-regular": {
327
+ "fontSize": "var(--seed-font-size-t1)",
328
+ "lineHeight": "var(--seed-line-height-t1)",
329
+ "fontWeight": "var(--seed-font-weight-regular)"
330
+ },
331
+ "t1-medium": {
332
+ "fontSize": "var(--seed-font-size-t1)",
333
+ "lineHeight": "var(--seed-line-height-t1)",
334
+ "fontWeight": "var(--seed-font-weight-medium)"
335
+ },
336
+ "t1-bold": {
337
+ "fontSize": "var(--seed-font-size-t1)",
338
+ "lineHeight": "var(--seed-line-height-t1)",
339
+ "fontWeight": "var(--seed-font-weight-bold)"
340
+ },
341
+ "t2-regular": {
342
+ "fontSize": "var(--seed-font-size-t2)",
343
+ "lineHeight": "var(--seed-line-height-t2)",
344
+ "fontWeight": "var(--seed-font-weight-regular)"
345
+ },
346
+ "t2-medium": {
347
+ "fontSize": "var(--seed-font-size-t2)",
348
+ "lineHeight": "var(--seed-line-height-t2)",
349
+ "fontWeight": "var(--seed-font-weight-medium)"
350
+ },
351
+ "t2-bold": {
352
+ "fontSize": "var(--seed-font-size-t2)",
353
+ "lineHeight": "var(--seed-line-height-t2)",
354
+ "fontWeight": "var(--seed-font-weight-bold)"
355
+ },
356
+ "t3-regular": {
357
+ "fontSize": "var(--seed-font-size-t3)",
358
+ "lineHeight": "var(--seed-line-height-t3)",
359
+ "fontWeight": "var(--seed-font-weight-regular)"
360
+ },
361
+ "t3-medium": {
362
+ "fontSize": "var(--seed-font-size-t3)",
363
+ "lineHeight": "var(--seed-line-height-t3)",
364
+ "fontWeight": "var(--seed-font-weight-medium)"
365
+ },
366
+ "t3-bold": {
367
+ "fontSize": "var(--seed-font-size-t3)",
368
+ "lineHeight": "var(--seed-line-height-t3)",
369
+ "fontWeight": "var(--seed-font-weight-bold)"
370
+ },
371
+ "t4-regular": {
372
+ "fontSize": "var(--seed-font-size-t4)",
373
+ "lineHeight": "var(--seed-line-height-t4)",
374
+ "fontWeight": "var(--seed-font-weight-regular)"
375
+ },
376
+ "t4-medium": {
377
+ "fontSize": "var(--seed-font-size-t4)",
378
+ "lineHeight": "var(--seed-line-height-t4)",
379
+ "fontWeight": "var(--seed-font-weight-medium)"
380
+ },
381
+ "t4-bold": {
382
+ "fontSize": "var(--seed-font-size-t4)",
383
+ "lineHeight": "var(--seed-line-height-t4)",
384
+ "fontWeight": "var(--seed-font-weight-bold)"
385
+ },
386
+ "t5-regular": {
387
+ "fontSize": "var(--seed-font-size-t5)",
388
+ "lineHeight": "var(--seed-line-height-t5)",
389
+ "fontWeight": "var(--seed-font-weight-regular)"
390
+ },
391
+ "t5-medium": {
392
+ "fontSize": "var(--seed-font-size-t5)",
393
+ "lineHeight": "var(--seed-line-height-t5)",
394
+ "fontWeight": "var(--seed-font-weight-medium)"
395
+ },
396
+ "t5-bold": {
397
+ "fontSize": "var(--seed-font-size-t5)",
398
+ "lineHeight": "var(--seed-line-height-t5)",
399
+ "fontWeight": "var(--seed-font-weight-bold)"
400
+ },
401
+ "t6-regular": {
402
+ "fontSize": "var(--seed-font-size-t6)",
403
+ "lineHeight": "var(--seed-line-height-t6)",
404
+ "fontWeight": "var(--seed-font-weight-regular)"
405
+ },
406
+ "t6-medium": {
407
+ "fontSize": "var(--seed-font-size-t6)",
408
+ "lineHeight": "var(--seed-line-height-t6)",
409
+ "fontWeight": "var(--seed-font-weight-medium)"
410
+ },
411
+ "t6-bold": {
412
+ "fontSize": "var(--seed-font-size-t6)",
413
+ "lineHeight": "var(--seed-line-height-t6)",
414
+ "fontWeight": "var(--seed-font-weight-bold)"
415
+ },
416
+ "t7-regular": {
417
+ "fontSize": "var(--seed-font-size-t7)",
418
+ "lineHeight": "var(--seed-line-height-t7)",
419
+ "fontWeight": "var(--seed-font-weight-regular)"
420
+ },
421
+ "t7-medium": {
422
+ "fontSize": "var(--seed-font-size-t7)",
423
+ "lineHeight": "var(--seed-line-height-t7)",
424
+ "fontWeight": "var(--seed-font-weight-medium)"
425
+ },
426
+ "t7-bold": {
427
+ "fontSize": "var(--seed-font-size-t7)",
428
+ "lineHeight": "var(--seed-line-height-t7)",
429
+ "fontWeight": "var(--seed-font-weight-bold)"
430
+ },
431
+ "t8-bold": {
432
+ "fontSize": "var(--seed-font-size-t8)",
433
+ "lineHeight": "var(--seed-line-height-t8)",
434
+ "fontWeight": "var(--seed-font-weight-bold)"
435
+ },
436
+ "t9-bold": {
437
+ "fontSize": "var(--seed-font-size-t9)",
438
+ "lineHeight": "var(--seed-line-height-t9)",
439
+ "fontWeight": "var(--seed-font-weight-bold)"
440
+ },
441
+ "t10-bold": {
442
+ "fontSize": "var(--seed-font-size-t10)",
443
+ "lineHeight": "var(--seed-line-height-t10)",
444
+ "fontWeight": "var(--seed-font-weight-bold)"
445
+ },
446
+ "t1-static-regular": {
447
+ "fontSize": "var(--seed-font-size-t1-static)",
448
+ "lineHeight": "var(--seed-line-height-t1-static)",
449
+ "fontWeight": "var(--seed-font-weight-regular)"
450
+ },
451
+ "t1-static-medium": {
452
+ "fontSize": "var(--seed-font-size-t1-static)",
453
+ "lineHeight": "var(--seed-line-height-t1-static)",
454
+ "fontWeight": "var(--seed-font-weight-medium)"
455
+ },
456
+ "t1-static-bold": {
457
+ "fontSize": "var(--seed-font-size-t1-static)",
458
+ "lineHeight": "var(--seed-line-height-t1-static)",
459
+ "fontWeight": "var(--seed-font-weight-bold)"
460
+ },
461
+ "t2-static-regular": {
462
+ "fontSize": "var(--seed-font-size-t2-static)",
463
+ "lineHeight": "var(--seed-line-height-t2-static)",
464
+ "fontWeight": "var(--seed-font-weight-regular)"
465
+ },
466
+ "t2-static-medium": {
467
+ "fontSize": "var(--seed-font-size-t2-static)",
468
+ "lineHeight": "var(--seed-line-height-t2-static)",
469
+ "fontWeight": "var(--seed-font-weight-medium)"
470
+ },
471
+ "t2-static-bold": {
472
+ "fontSize": "var(--seed-font-size-t2-static)",
473
+ "lineHeight": "var(--seed-line-height-t2-static)",
474
+ "fontWeight": "var(--seed-font-weight-bold)"
475
+ },
476
+ "t3-static-regular": {
477
+ "fontSize": "var(--seed-font-size-t3-static)",
478
+ "lineHeight": "var(--seed-line-height-t3-static)",
479
+ "fontWeight": "var(--seed-font-weight-regular)"
480
+ },
481
+ "t3-static-medium": {
482
+ "fontSize": "var(--seed-font-size-t3-static)",
483
+ "lineHeight": "var(--seed-line-height-t3-static)",
484
+ "fontWeight": "var(--seed-font-weight-medium)"
485
+ },
486
+ "t3-static-bold": {
487
+ "fontSize": "var(--seed-font-size-t3-static)",
488
+ "lineHeight": "var(--seed-line-height-t3-static)",
489
+ "fontWeight": "var(--seed-font-weight-bold)"
490
+ },
491
+ "t4-static-regular": {
492
+ "fontSize": "var(--seed-font-size-t4-static)",
493
+ "lineHeight": "var(--seed-line-height-t4-static)",
494
+ "fontWeight": "var(--seed-font-weight-regular)"
495
+ },
496
+ "t4-static-medium": {
497
+ "fontSize": "var(--seed-font-size-t4-static)",
498
+ "lineHeight": "var(--seed-line-height-t4-static)",
499
+ "fontWeight": "var(--seed-font-weight-medium)"
500
+ },
501
+ "t4-static-bold": {
502
+ "fontSize": "var(--seed-font-size-t4-static)",
503
+ "lineHeight": "var(--seed-line-height-t4-static)",
504
+ "fontWeight": "var(--seed-font-weight-bold)"
505
+ },
506
+ "t5-static-regular": {
507
+ "fontSize": "var(--seed-font-size-t5-static)",
508
+ "lineHeight": "var(--seed-line-height-t5-static)",
509
+ "fontWeight": "var(--seed-font-weight-regular)"
510
+ },
511
+ "t5-static-medium": {
512
+ "fontSize": "var(--seed-font-size-t5-static)",
513
+ "lineHeight": "var(--seed-line-height-t5-static)",
514
+ "fontWeight": "var(--seed-font-weight-medium)"
515
+ },
516
+ "t5-static-bold": {
517
+ "fontSize": "var(--seed-font-size-t5-static)",
518
+ "lineHeight": "var(--seed-line-height-t5-static)",
519
+ "fontWeight": "var(--seed-font-weight-bold)"
520
+ },
521
+ "t6-static-regular": {
522
+ "fontSize": "var(--seed-font-size-t6-static)",
523
+ "lineHeight": "var(--seed-line-height-t6-static)",
524
+ "fontWeight": "var(--seed-font-weight-regular)"
525
+ },
526
+ "t6-static-medium": {
527
+ "fontSize": "var(--seed-font-size-t6-static)",
528
+ "lineHeight": "var(--seed-line-height-t6-static)",
529
+ "fontWeight": "var(--seed-font-weight-medium)"
530
+ },
531
+ "t6-static-bold": {
532
+ "fontSize": "var(--seed-font-size-t6-static)",
533
+ "lineHeight": "var(--seed-line-height-t6-static)",
534
+ "fontWeight": "var(--seed-font-weight-bold)"
535
+ },
536
+ "t7-static-regular": {
537
+ "fontSize": "var(--seed-font-size-t7-static)",
538
+ "lineHeight": "var(--seed-line-height-t7-static)",
539
+ "fontWeight": "var(--seed-font-weight-regular)"
540
+ },
541
+ "t7-static-medium": {
542
+ "fontSize": "var(--seed-font-size-t7-static)",
543
+ "lineHeight": "var(--seed-line-height-t7-static)",
544
+ "fontWeight": "var(--seed-font-weight-medium)"
545
+ },
546
+ "t7-static-bold": {
547
+ "fontSize": "var(--seed-font-size-t7-static)",
548
+ "lineHeight": "var(--seed-line-height-t7-static)",
549
+ "fontWeight": "var(--seed-font-weight-bold)"
550
+ },
551
+ "t8-static-bold": {
552
+ "fontSize": "var(--seed-font-size-t8-static)",
553
+ "lineHeight": "var(--seed-line-height-t8-static)",
554
+ "fontWeight": "var(--seed-font-weight-bold)"
555
+ },
556
+ "t9-static-bold": {
557
+ "fontSize": "var(--seed-font-size-t9-static)",
558
+ "lineHeight": "var(--seed-line-height-t9-static)",
559
+ "fontWeight": "var(--seed-font-weight-bold)"
560
+ },
561
+ "t10-static-bold": {
562
+ "fontSize": "var(--seed-font-size-t10-static)",
563
+ "lineHeight": "var(--seed-line-height-t10-static)",
564
+ "fontWeight": "var(--seed-font-weight-bold)"
565
+ }
566
+ },
567
+ spacing: {
568
+ "x0_5": "var(--seed-dimension-x0_5)",
569
+ "x1": "var(--seed-dimension-x1)",
570
+ "x1_5": "var(--seed-dimension-x1_5)",
571
+ "x2": "var(--seed-dimension-x2)",
572
+ "x2_5": "var(--seed-dimension-x2_5)",
573
+ "x3": "var(--seed-dimension-x3)",
574
+ "x3_5": "var(--seed-dimension-x3_5)",
575
+ "x4": "var(--seed-dimension-x4)",
576
+ "x4_5": "var(--seed-dimension-x4_5)",
577
+ "x5": "var(--seed-dimension-x5)",
578
+ "x6": "var(--seed-dimension-x6)",
579
+ "x7": "var(--seed-dimension-x7)",
580
+ "x8": "var(--seed-dimension-x8)",
581
+ "x9": "var(--seed-dimension-x9)",
582
+ "x10": "var(--seed-dimension-x10)",
583
+ "x12": "var(--seed-dimension-x12)",
584
+ "x13": "var(--seed-dimension-x13)",
585
+ "x14": "var(--seed-dimension-x14)",
586
+ "x16": "var(--seed-dimension-x16)",
587
+ "spacing-x-between-chips": "var(--seed-dimension-spacing-x-between-chips)",
588
+ "spacing-x-global-gutter": "var(--seed-dimension-spacing-x-global-gutter)",
589
+ "spacing-y-component-default": "var(--seed-dimension-spacing-y-component-default)",
590
+ "spacing-y-nav-to-title": "var(--seed-dimension-spacing-y-nav-to-title)",
591
+ "spacing-y-screen-bottom": "var(--seed-dimension-spacing-y-screen-bottom)",
592
+ "spacing-y-between-text": "var(--seed-dimension-spacing-y-between-text)"
593
+ },
594
+ borderRadius: {
595
+ "r0_5": "var(--seed-radius-r0_5)",
596
+ "r1": "var(--seed-radius-r1)",
597
+ "r1_5": "var(--seed-radius-r1_5)",
598
+ "r2": "var(--seed-radius-r2)",
599
+ "r2_5": "var(--seed-radius-r2_5)",
600
+ "r3": "var(--seed-radius-r3)",
601
+ "r3_5": "var(--seed-radius-r3_5)",
602
+ "r4": "var(--seed-radius-r4)",
603
+ "r5": "var(--seed-radius-r5)",
604
+ "r6": "var(--seed-radius-r6)",
605
+ "full": "var(--seed-radius-full)"
606
+ },
607
+ fontSize: {
608
+ "t1": "var(--seed-font-size-t1)",
609
+ "t2": "var(--seed-font-size-t2)",
610
+ "t3": "var(--seed-font-size-t3)",
611
+ "t4": "var(--seed-font-size-t4)",
612
+ "t5": "var(--seed-font-size-t5)",
613
+ "t6": "var(--seed-font-size-t6)",
614
+ "t7": "var(--seed-font-size-t7)",
615
+ "t8": "var(--seed-font-size-t8)",
616
+ "t9": "var(--seed-font-size-t9)",
617
+ "t10": "var(--seed-font-size-t10)",
618
+ "t1-static": "var(--seed-font-size-t1-static)",
619
+ "t2-static": "var(--seed-font-size-t2-static)",
620
+ "t3-static": "var(--seed-font-size-t3-static)",
621
+ "t4-static": "var(--seed-font-size-t4-static)",
622
+ "t5-static": "var(--seed-font-size-t5-static)",
623
+ "t6-static": "var(--seed-font-size-t6-static)",
624
+ "t7-static": "var(--seed-font-size-t7-static)",
625
+ "t8-static": "var(--seed-font-size-t8-static)",
626
+ "t9-static": "var(--seed-font-size-t9-static)",
627
+ "t10-static": "var(--seed-font-size-t10-static)"
628
+ },
629
+ lineHeight: {
630
+ "t1": "var(--seed-line-height-t1)",
631
+ "t2": "var(--seed-line-height-t2)",
632
+ "t3": "var(--seed-line-height-t3)",
633
+ "t4": "var(--seed-line-height-t4)",
634
+ "t5": "var(--seed-line-height-t5)",
635
+ "t6": "var(--seed-line-height-t6)",
636
+ "t7": "var(--seed-line-height-t7)",
637
+ "t8": "var(--seed-line-height-t8)",
638
+ "t9": "var(--seed-line-height-t9)",
639
+ "t10": "var(--seed-line-height-t10)",
640
+ "t1-static": "var(--seed-line-height-t1-static)",
641
+ "t2-static": "var(--seed-line-height-t2-static)",
642
+ "t3-static": "var(--seed-line-height-t3-static)",
643
+ "t4-static": "var(--seed-line-height-t4-static)",
644
+ "t5-static": "var(--seed-line-height-t5-static)",
645
+ "t6-static": "var(--seed-line-height-t6-static)",
646
+ "t7-static": "var(--seed-line-height-t7-static)",
647
+ "t8-static": "var(--seed-line-height-t8-static)",
648
+ "t9-static": "var(--seed-line-height-t9-static)",
649
+ "t10-static": "var(--seed-line-height-t10-static)"
650
+ },
651
+ fontWeight: {
652
+ "regular": "var(--seed-font-weight-regular)",
653
+ "medium": "var(--seed-font-weight-medium)",
654
+ "bold": "var(--seed-font-weight-bold)"
655
+ },
656
+ transitionDuration: {
657
+ "d1": "var(--seed-duration-d1)",
658
+ "d2": "var(--seed-duration-d2)",
659
+ "d3": "var(--seed-duration-d3)",
660
+ "d4": "var(--seed-duration-d4)",
661
+ "d5": "var(--seed-duration-d5)",
662
+ "d6": "var(--seed-duration-d6)",
663
+ "color-transition": "var(--seed-duration-color-transition)"
664
+ },
665
+ transitionTimingFunction: {
666
+ "linear": "var(--seed-timing-function-linear)",
667
+ "easing": "var(--seed-timing-function-easing)",
668
+ "enter": "var(--seed-timing-function-enter)",
669
+ "exit": "var(--seed-timing-function-exit)",
670
+ "enter-expressive": "var(--seed-timing-function-enter-expressive)",
671
+ "exit-expressive": "var(--seed-timing-function-exit-expressive)"
672
+ },
673
+ boxShadow: {
674
+ "s1": "var(--seed-shadow-s1)",
675
+ "s2": "var(--seed-shadow-s2)",
676
+ "s3": "var(--seed-shadow-s3)"
677
+ },
678
+ },
679
+ },
680
+ },
681
+ );