@seed-design/tailwind3-plugin 0.1.6 → 0.1.14

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 (6) hide show
  1. package/lib/index.cjs +59 -53
  2. package/lib/index.d.cts.map +1 -1
  3. package/lib/index.d.ts.map +1 -1
  4. package/lib/index.js +59 -53
  5. package/package.json +1 -1
  6. package/src/index.ts +59 -53
package/lib/index.cjs CHANGED
@@ -30,13 +30,13 @@ var plugin__default = /*#__PURE__*/_interopDefault(plugin);
30
30
  // gradient arbitrary value 지원
31
31
  const gradientStopsForArbitrary = {
32
32
  "fade-layer-floating": "#ffffff00 0.00%, #000000 100.00%",
33
- "fade-layer-default": "#ffffff00 0.00%, #000000 100.00%",
33
+ "fade-layer-default": "#000000 0.00%, #ffffff00 100.00%",
34
34
  "glow-magic": "#fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%",
35
- "shimmer-magic": "#fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%",
36
35
  "glow-magic-pressed": "#fbf0f2 0.00%, #ffe8db 80.00%, #f5f2ef 100.00%",
37
36
  "shimmer-neutral": "#ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%",
38
- "highlight-magic": "#ff6600 20.00%, #d25aca 100.00%",
39
- "highlight-magic-pressed": "#e14f00 20.00%, #ae58bf 100.00%"
37
+ "shimmer-magic": "#fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%",
38
+ "highlight-magic-pressed": "#e14f00 20.00%, #ae58bf 100.00%",
39
+ "highlight-magic": "#ff6600 20.00%, #d25aca 100.00%"
40
40
  };
41
41
  Object.entries(gradientStopsForArbitrary).forEach(([gradientName, colorStops])=>{
42
42
  matchUtilities({
@@ -146,30 +146,34 @@ var plugin__default = /*#__PURE__*/_interopDefault(plugin);
146
146
  "palette-yellow-800": "var(--seed-color-palette-yellow-800)",
147
147
  "palette-yellow-900": "var(--seed-color-palette-yellow-900)",
148
148
  "palette-yellow-1000": "var(--seed-color-palette-yellow-1000)",
149
+ "fg-neutral": "var(--seed-color-fg-neutral)",
149
150
  "fg-brand": "var(--seed-color-fg-brand)",
150
151
  "fg-critical": "var(--seed-color-fg-critical)",
151
- "fg-disabled": "var(--seed-color-fg-disabled)",
152
+ "fg-positive": "var(--seed-color-fg-positive)",
153
+ "fg-warning": "var(--seed-color-fg-warning)",
152
154
  "fg-informative": "var(--seed-color-fg-informative)",
153
- "fg-neutral": "var(--seed-color-fg-neutral)",
154
155
  "fg-placeholder": "var(--seed-color-fg-placeholder)",
155
- "fg-positive": "var(--seed-color-fg-positive)",
156
+ "fg-disabled": "var(--seed-color-fg-disabled)",
157
+ "fg-brand-contrast": "var(--seed-color-fg-brand-contrast)",
156
158
  "fg-critical-contrast": "var(--seed-color-fg-critical-contrast)",
157
159
  "fg-informative-contrast": "var(--seed-color-fg-informative-contrast)",
158
- "fg-neutral-inverted": "var(--seed-color-fg-neutral-inverted)",
159
160
  "fg-neutral-muted": "var(--seed-color-fg-neutral-muted)",
160
161
  "fg-neutral-subtle": "var(--seed-color-fg-neutral-subtle)",
162
+ "fg-neutral-inverted": "var(--seed-color-fg-neutral-inverted)",
161
163
  "fg-positive-contrast": "var(--seed-color-fg-positive-contrast)",
162
164
  "fg-warning-contrast": "var(--seed-color-fg-warning-contrast)",
163
- "bg-disabled": "var(--seed-color-bg-disabled)",
164
165
  "bg-overlay": "var(--seed-color-bg-overlay)",
166
+ "bg-disabled": "var(--seed-color-bg-disabled)",
167
+ "bg-brand-weak": "var(--seed-color-bg-brand-weak)",
165
168
  "bg-brand-solid": "var(--seed-color-bg-brand-solid)",
166
169
  "bg-brand-solid-pressed": "var(--seed-color-bg-brand-solid-pressed)",
167
- "bg-critical-solid": "var(--seed-color-bg-critical-solid)",
170
+ "bg-brand-weak-pressed": "var(--seed-color-bg-brand-weak-pressed)",
168
171
  "bg-critical-weak": "var(--seed-color-bg-critical-weak)",
172
+ "bg-critical-solid": "var(--seed-color-bg-critical-solid)",
169
173
  "bg-critical-solid-pressed": "var(--seed-color-bg-critical-solid-pressed)",
170
174
  "bg-critical-weak-pressed": "var(--seed-color-bg-critical-weak-pressed)",
171
- "bg-informative-solid": "var(--seed-color-bg-informative-solid)",
172
175
  "bg-informative-weak": "var(--seed-color-bg-informative-weak)",
176
+ "bg-informative-solid": "var(--seed-color-bg-informative-solid)",
173
177
  "bg-informative-solid-pressed": "var(--seed-color-bg-informative-solid-pressed)",
174
178
  "bg-informative-weak-pressed": "var(--seed-color-bg-informative-weak-pressed)",
175
179
  "bg-layer-basement": "var(--seed-color-bg-layer-basement)",
@@ -179,51 +183,53 @@ var plugin__default = /*#__PURE__*/_interopDefault(plugin);
179
183
  "bg-layer-default-pressed": "var(--seed-color-bg-layer-default-pressed)",
180
184
  "bg-layer-floating-pressed": "var(--seed-color-bg-layer-floating-pressed)",
181
185
  "bg-magic-weak": "var(--seed-color-bg-magic-weak)",
186
+ "bg-neutral-weak": "var(--seed-color-bg-neutral-weak)",
182
187
  "bg-neutral-inverted": "var(--seed-color-bg-neutral-inverted)",
183
188
  "bg-neutral-solid": "var(--seed-color-bg-neutral-solid)",
184
- "bg-neutral-weak": "var(--seed-color-bg-neutral-weak)",
185
189
  "bg-neutral-inverted-pressed": "var(--seed-color-bg-neutral-inverted-pressed)",
186
190
  "bg-neutral-solid-muted": "var(--seed-color-bg-neutral-solid-muted)",
187
191
  "bg-neutral-solid-muted-pressed": "var(--seed-color-bg-neutral-solid-muted-pressed)",
188
192
  "bg-neutral-weak-pressed": "var(--seed-color-bg-neutral-weak-pressed)",
189
193
  "bg-overlay-muted": "var(--seed-color-bg-overlay-muted)",
190
- "bg-positive-solid": "var(--seed-color-bg-positive-solid)",
191
194
  "bg-positive-weak": "var(--seed-color-bg-positive-weak)",
195
+ "bg-positive-solid": "var(--seed-color-bg-positive-solid)",
192
196
  "bg-positive-solid-pressed": "var(--seed-color-bg-positive-solid-pressed)",
193
197
  "bg-positive-weak-pressed": "var(--seed-color-bg-positive-weak-pressed)",
194
- "bg-warning-solid": "var(--seed-color-bg-warning-solid)",
195
198
  "bg-warning-weak": "var(--seed-color-bg-warning-weak)",
199
+ "bg-warning-solid": "var(--seed-color-bg-warning-solid)",
200
+ "bg-warning-solid-pressed": "var(--seed-color-bg-warning-solid-pressed)",
196
201
  "bg-warning-weak-pressed": "var(--seed-color-bg-warning-weak-pressed)",
202
+ "stroke-neutral": "var(--seed-color-stroke-neutral)",
197
203
  "stroke-brand": "var(--seed-color-stroke-brand)",
198
- "stroke-control": "var(--seed-color-stroke-control)",
204
+ "stroke-positive": "var(--seed-color-stroke-positive)",
205
+ "stroke-informative": "var(--seed-color-stroke-informative)",
206
+ "stroke-warning": "var(--seed-color-stroke-warning)",
199
207
  "stroke-critical": "var(--seed-color-stroke-critical)",
200
208
  "stroke-field": "var(--seed-color-stroke-field)",
201
- "stroke-informative": "var(--seed-color-stroke-informative)",
202
- "stroke-neutral": "var(--seed-color-stroke-neutral)",
203
- "stroke-positive": "var(--seed-color-stroke-positive)",
209
+ "stroke-control": "var(--seed-color-stroke-control)",
204
210
  "stroke-field-focused": "var(--seed-color-stroke-field-focused)",
205
211
  "stroke-neutral-muted": "var(--seed-color-stroke-neutral-muted)",
206
212
  "stroke-on-image": "var(--seed-color-stroke-on-image)",
207
- "manner-temp-l1-bg": "var(--seed-color-manner-temp-l1-bg)",
208
213
  "manner-temp-l1-text": "var(--seed-color-manner-temp-l1-text)",
209
- "manner-temp-l2-bg": "var(--seed-color-manner-temp-l2-bg)",
210
214
  "manner-temp-l2-text": "var(--seed-color-manner-temp-l2-text)",
211
- "manner-temp-l3-bg": "var(--seed-color-manner-temp-l3-bg)",
212
215
  "manner-temp-l3-text": "var(--seed-color-manner-temp-l3-text)",
213
- "manner-temp-l4-bg": "var(--seed-color-manner-temp-l4-bg)",
214
216
  "manner-temp-l4-text": "var(--seed-color-manner-temp-l4-text)",
215
- "manner-temp-l5-bg": "var(--seed-color-manner-temp-l5-bg)",
217
+ "manner-temp-l4-bg": "var(--seed-color-manner-temp-l4-bg)",
216
218
  "manner-temp-l5-text": "var(--seed-color-manner-temp-l5-text)",
217
- "manner-temp-l6-bg": "var(--seed-color-manner-temp-l6-bg)",
218
219
  "manner-temp-l6-text": "var(--seed-color-manner-temp-l6-text)",
220
+ "manner-temp-l1-bg": "var(--seed-color-manner-temp-l1-bg)",
221
+ "manner-temp-l2-bg": "var(--seed-color-manner-temp-l2-bg)",
222
+ "manner-temp-l3-bg": "var(--seed-color-manner-temp-l3-bg)",
223
+ "manner-temp-l5-bg": "var(--seed-color-manner-temp-l5-bg)",
224
+ "manner-temp-l6-bg": "var(--seed-color-manner-temp-l6-bg)",
219
225
  "gradient-stops-fade-layer-floating": "#ffffff00 0.00%, #000000 100.00%",
220
- "gradient-stops-fade-layer-default": "#ffffff00 0.00%, #000000 100.00%",
226
+ "gradient-stops-fade-layer-default": "#000000 0.00%, #ffffff00 100.00%",
221
227
  "gradient-stops-glow-magic": "#fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%",
222
- "gradient-stops-shimmer-magic": "#fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%",
223
228
  "gradient-stops-glow-magic-pressed": "#fbf0f2 0.00%, #ffe8db 80.00%, #f5f2ef 100.00%",
224
229
  "gradient-stops-shimmer-neutral": "#ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%",
225
- "gradient-stops-highlight-magic": "#ff6600 20.00%, #d25aca 100.00%",
226
- "gradient-stops-highlight-magic-pressed": "#e14f00 20.00%, #ae58bf 100.00%"
230
+ "gradient-stops-shimmer-magic": "#fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%",
231
+ "gradient-stops-highlight-magic-pressed": "#e14f00 20.00%, #ae58bf 100.00%",
232
+ "gradient-stops-highlight-magic": "#ff6600 20.00%, #d25aca 100.00%"
227
233
  },
228
234
  backgroundImage: {
229
235
  "fade-layer-floating-to-t": "linear-gradient(to top, #ffffff00 0.00%, #000000 100.00%)",
@@ -234,14 +240,14 @@ var plugin__default = /*#__PURE__*/_interopDefault(plugin);
234
240
  "fade-layer-floating-to-bl": "linear-gradient(to bottom left, #ffffff00 0.00%, #000000 100.00%)",
235
241
  "fade-layer-floating-to-l": "linear-gradient(to left, #ffffff00 0.00%, #000000 100.00%)",
236
242
  "fade-layer-floating-to-tl": "linear-gradient(to top left, #ffffff00 0.00%, #000000 100.00%)",
237
- "fade-layer-default-to-t": "linear-gradient(to top, #ffffff00 0.00%, #000000 100.00%)",
238
- "fade-layer-default-to-tr": "linear-gradient(to top right, #ffffff00 0.00%, #000000 100.00%)",
239
- "fade-layer-default-to-r": "linear-gradient(to right, #ffffff00 0.00%, #000000 100.00%)",
240
- "fade-layer-default-to-br": "linear-gradient(to bottom right, #ffffff00 0.00%, #000000 100.00%)",
241
- "fade-layer-default-to-b": "linear-gradient(to bottom, #ffffff00 0.00%, #000000 100.00%)",
242
- "fade-layer-default-to-bl": "linear-gradient(to bottom left, #ffffff00 0.00%, #000000 100.00%)",
243
- "fade-layer-default-to-l": "linear-gradient(to left, #ffffff00 0.00%, #000000 100.00%)",
244
- "fade-layer-default-to-tl": "linear-gradient(to top left, #ffffff00 0.00%, #000000 100.00%)",
243
+ "fade-layer-default-to-t": "linear-gradient(to top, #000000 0.00%, #ffffff00 100.00%)",
244
+ "fade-layer-default-to-tr": "linear-gradient(to top right, #000000 0.00%, #ffffff00 100.00%)",
245
+ "fade-layer-default-to-r": "linear-gradient(to right, #000000 0.00%, #ffffff00 100.00%)",
246
+ "fade-layer-default-to-br": "linear-gradient(to bottom right, #000000 0.00%, #ffffff00 100.00%)",
247
+ "fade-layer-default-to-b": "linear-gradient(to bottom, #000000 0.00%, #ffffff00 100.00%)",
248
+ "fade-layer-default-to-bl": "linear-gradient(to bottom left, #000000 0.00%, #ffffff00 100.00%)",
249
+ "fade-layer-default-to-l": "linear-gradient(to left, #000000 0.00%, #ffffff00 100.00%)",
250
+ "fade-layer-default-to-tl": "linear-gradient(to top left, #000000 0.00%, #ffffff00 100.00%)",
245
251
  "glow-magic-to-t": "linear-gradient(to top, #fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%)",
246
252
  "glow-magic-to-tr": "linear-gradient(to top right, #fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%)",
247
253
  "glow-magic-to-r": "linear-gradient(to right, #fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%)",
@@ -250,14 +256,6 @@ var plugin__default = /*#__PURE__*/_interopDefault(plugin);
250
256
  "glow-magic-to-bl": "linear-gradient(to bottom left, #fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%)",
251
257
  "glow-magic-to-l": "linear-gradient(to left, #fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%)",
252
258
  "glow-magic-to-tl": "linear-gradient(to top left, #fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%)",
253
- "shimmer-magic-to-t": "linear-gradient(to top, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%)",
254
- "shimmer-magic-to-tr": "linear-gradient(to top right, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%)",
255
- "shimmer-magic-to-r": "linear-gradient(to right, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%)",
256
- "shimmer-magic-to-br": "linear-gradient(to bottom right, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%)",
257
- "shimmer-magic-to-b": "linear-gradient(to bottom, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%)",
258
- "shimmer-magic-to-bl": "linear-gradient(to bottom left, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%)",
259
- "shimmer-magic-to-l": "linear-gradient(to left, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%)",
260
- "shimmer-magic-to-tl": "linear-gradient(to top left, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%)",
261
259
  "glow-magic-pressed-to-t": "linear-gradient(to top, #fbf0f2 0.00%, #ffe8db 80.00%, #f5f2ef 100.00%)",
262
260
  "glow-magic-pressed-to-tr": "linear-gradient(to top right, #fbf0f2 0.00%, #ffe8db 80.00%, #f5f2ef 100.00%)",
263
261
  "glow-magic-pressed-to-r": "linear-gradient(to right, #fbf0f2 0.00%, #ffe8db 80.00%, #f5f2ef 100.00%)",
@@ -274,14 +272,14 @@ var plugin__default = /*#__PURE__*/_interopDefault(plugin);
274
272
  "shimmer-neutral-to-bl": "linear-gradient(to bottom left, #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%)",
275
273
  "shimmer-neutral-to-l": "linear-gradient(to left, #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%)",
276
274
  "shimmer-neutral-to-tl": "linear-gradient(to top left, #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 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%)",
275
+ "shimmer-magic-to-t": "linear-gradient(to top, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%)",
276
+ "shimmer-magic-to-tr": "linear-gradient(to top right, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%)",
277
+ "shimmer-magic-to-r": "linear-gradient(to right, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%)",
278
+ "shimmer-magic-to-br": "linear-gradient(to bottom right, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%)",
279
+ "shimmer-magic-to-b": "linear-gradient(to bottom, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%)",
280
+ "shimmer-magic-to-bl": "linear-gradient(to bottom left, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%)",
281
+ "shimmer-magic-to-l": "linear-gradient(to left, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%)",
282
+ "shimmer-magic-to-tl": "linear-gradient(to top left, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%)",
285
283
  "highlight-magic-pressed-to-t": "linear-gradient(to top, #e14f00 20.00%, #ae58bf 100.00%)",
286
284
  "highlight-magic-pressed-to-tr": "linear-gradient(to top right, #e14f00 20.00%, #ae58bf 100.00%)",
287
285
  "highlight-magic-pressed-to-r": "linear-gradient(to right, #e14f00 20.00%, #ae58bf 100.00%)",
@@ -289,7 +287,15 @@ var plugin__default = /*#__PURE__*/_interopDefault(plugin);
289
287
  "highlight-magic-pressed-to-b": "linear-gradient(to bottom, #e14f00 20.00%, #ae58bf 100.00%)",
290
288
  "highlight-magic-pressed-to-bl": "linear-gradient(to bottom left, #e14f00 20.00%, #ae58bf 100.00%)",
291
289
  "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%)"
290
+ "highlight-magic-pressed-to-tl": "linear-gradient(to top left, #e14f00 20.00%, #ae58bf 100.00%)",
291
+ "highlight-magic-to-t": "linear-gradient(to top, #ff6600 20.00%, #d25aca 100.00%)",
292
+ "highlight-magic-to-tr": "linear-gradient(to top right, #ff6600 20.00%, #d25aca 100.00%)",
293
+ "highlight-magic-to-r": "linear-gradient(to right, #ff6600 20.00%, #d25aca 100.00%)",
294
+ "highlight-magic-to-br": "linear-gradient(to bottom right, #ff6600 20.00%, #d25aca 100.00%)",
295
+ "highlight-magic-to-b": "linear-gradient(to bottom, #ff6600 20.00%, #d25aca 100.00%)",
296
+ "highlight-magic-to-bl": "linear-gradient(to bottom left, #ff6600 20.00%, #d25aca 100.00%)",
297
+ "highlight-magic-to-l": "linear-gradient(to left, #ff6600 20.00%, #d25aca 100.00%)",
298
+ "highlight-magic-to-tl": "linear-gradient(to top left, #ff6600 20.00%, #d25aca 100.00%)"
293
299
  },
294
300
  typography: {
295
301
  "screen-title": {
package/lib/index.d.cts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.cts","sources":["../src/index.ts"],"sourcesContent":["// @ts-nocheck\nimport plugin from \"tailwindcss/plugin\";\n\n/**\n * Seed Design 디자인 토큰을 위한 Tailwind CSS 플러그인\n * 색상 토큰과 타이포그래피 토큰을 클래스 이름으로 사용할 수 있습니다\n * 예시: \n * - 색상: bg-bg-layer-basement, text-fg-brand, border-stroke-divider\n * - 타이포그래피: t1-regular, t1-bold, screen-title\n * - 그라데이션: \n * * bg-gradient-shimmer-neutral-to-r (방향성 포함)\n * * bg-gradient-shimmer-neutral-[45deg] (임의 각도)\n * \n * 모든 토큰은 CSS 변수를 사용하여 다크 모드와 자동 호환됩니다.\n */\nexport default plugin(\n ({ theme, addComponents, matchUtilities }) => { \n // typography 유틸리티\n const typography = theme(\"typography\");\n if (typography) {\n addComponents(\n Object.entries(typography).reduce((acc, [key, value]) => {\n acc[`.${key}`] = value;\n return acc;\n }, {})\n );\n }\n\n // gradient arbitrary value 지원\n const gradientStopsForArbitrary = {\n \"fade-layer-floating\": \"#ffffff00 0.00%, #000000 100.00%\",\n \"fade-layer-default\": \"#ffffff00 0.00%, #000000 100.00%\",\n \"glow-magic\": \"#fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%\",\n \"shimmer-magic\": \"#fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%\",\n \"glow-magic-pressed\": \"#fbf0f2 0.00%, #ffe8db 80.00%, #f5f2ef 100.00%\",\n \"shimmer-neutral\": \"#ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%\",\n \"highlight-magic\": \"#ff6600 20.00%, #d25aca 100.00%\",\n \"highlight-magic-pressed\": \"#e14f00 20.00%, #ae58bf 100.00%\"\n};\n\n Object.entries(gradientStopsForArbitrary).forEach(([gradientName, colorStops]) => {\n matchUtilities(\n {\n [`bg-gradient-${gradientName}`]: (value) => ({\n backgroundImage: `linear-gradient(${value}, ${colorStops})`\n })\n },\n {\n type: 'any',\n values: {}\n }\n );\n });\n },\n {\n theme: {\n extend: {\n colors: {\n \"palette-blue-100\": \"var(--seed-color-palette-blue-100)\",\n \"palette-blue-200\": \"var(--seed-color-palette-blue-200)\",\n \"palette-blue-300\": \"var(--seed-color-palette-blue-300)\",\n \"palette-blue-400\": \"var(--seed-color-palette-blue-400)\",\n \"palette-blue-500\": \"var(--seed-color-palette-blue-500)\",\n \"palette-blue-600\": \"var(--seed-color-palette-blue-600)\",\n \"palette-blue-700\": \"var(--seed-color-palette-blue-700)\",\n \"palette-blue-800\": \"var(--seed-color-palette-blue-800)\",\n \"palette-blue-900\": \"var(--seed-color-palette-blue-900)\",\n \"palette-blue-1000\": \"var(--seed-color-palette-blue-1000)\",\n \"palette-carrot-100\": \"var(--seed-color-palette-carrot-100)\",\n \"palette-carrot-200\": \"var(--seed-color-palette-carrot-200)\",\n \"palette-carrot-300\": \"var(--seed-color-palette-carrot-300)\",\n \"palette-carrot-400\": \"var(--seed-color-palette-carrot-400)\",\n \"palette-carrot-500\": \"var(--seed-color-palette-carrot-500)\",\n \"palette-carrot-600\": \"var(--seed-color-palette-carrot-600)\",\n \"palette-carrot-700\": \"var(--seed-color-palette-carrot-700)\",\n \"palette-carrot-800\": \"var(--seed-color-palette-carrot-800)\",\n \"palette-carrot-900\": \"var(--seed-color-palette-carrot-900)\",\n \"palette-carrot-1000\": \"var(--seed-color-palette-carrot-1000)\",\n \"palette-gray-00\": \"var(--seed-color-palette-gray-00)\",\n \"palette-gray-100\": \"var(--seed-color-palette-gray-100)\",\n \"palette-gray-200\": \"var(--seed-color-palette-gray-200)\",\n \"palette-gray-300\": \"var(--seed-color-palette-gray-300)\",\n \"palette-gray-400\": \"var(--seed-color-palette-gray-400)\",\n \"palette-gray-500\": \"var(--seed-color-palette-gray-500)\",\n \"palette-gray-600\": \"var(--seed-color-palette-gray-600)\",\n \"palette-gray-700\": \"var(--seed-color-palette-gray-700)\",\n \"palette-gray-800\": \"var(--seed-color-palette-gray-800)\",\n \"palette-gray-900\": \"var(--seed-color-palette-gray-900)\",\n \"palette-gray-1000\": \"var(--seed-color-palette-gray-1000)\",\n \"palette-green-100\": \"var(--seed-color-palette-green-100)\",\n \"palette-green-200\": \"var(--seed-color-palette-green-200)\",\n \"palette-green-300\": \"var(--seed-color-palette-green-300)\",\n \"palette-green-400\": \"var(--seed-color-palette-green-400)\",\n \"palette-green-500\": \"var(--seed-color-palette-green-500)\",\n \"palette-green-600\": \"var(--seed-color-palette-green-600)\",\n \"palette-green-700\": \"var(--seed-color-palette-green-700)\",\n \"palette-green-800\": \"var(--seed-color-palette-green-800)\",\n \"palette-green-900\": \"var(--seed-color-palette-green-900)\",\n \"palette-green-1000\": \"var(--seed-color-palette-green-1000)\",\n \"palette-purple-100\": \"var(--seed-color-palette-purple-100)\",\n \"palette-purple-200\": \"var(--seed-color-palette-purple-200)\",\n \"palette-purple-300\": \"var(--seed-color-palette-purple-300)\",\n \"palette-purple-400\": \"var(--seed-color-palette-purple-400)\",\n \"palette-purple-500\": \"var(--seed-color-palette-purple-500)\",\n \"palette-purple-600\": \"var(--seed-color-palette-purple-600)\",\n \"palette-purple-700\": \"var(--seed-color-palette-purple-700)\",\n \"palette-purple-800\": \"var(--seed-color-palette-purple-800)\",\n \"palette-purple-900\": \"var(--seed-color-palette-purple-900)\",\n \"palette-purple-1000\": \"var(--seed-color-palette-purple-1000)\",\n \"palette-red-100\": \"var(--seed-color-palette-red-100)\",\n \"palette-red-200\": \"var(--seed-color-palette-red-200)\",\n \"palette-red-300\": \"var(--seed-color-palette-red-300)\",\n \"palette-red-400\": \"var(--seed-color-palette-red-400)\",\n \"palette-red-500\": \"var(--seed-color-palette-red-500)\",\n \"palette-red-600\": \"var(--seed-color-palette-red-600)\",\n \"palette-red-700\": \"var(--seed-color-palette-red-700)\",\n \"palette-red-800\": \"var(--seed-color-palette-red-800)\",\n \"palette-red-900\": \"var(--seed-color-palette-red-900)\",\n \"palette-red-1000\": \"var(--seed-color-palette-red-1000)\",\n \"palette-static-black\": \"var(--seed-color-palette-static-black)\",\n \"palette-static-white\": \"var(--seed-color-palette-static-white)\",\n \"palette-static-black-alpha-100\": \"var(--seed-color-palette-static-black-alpha-100)\",\n \"palette-static-black-alpha-200\": \"var(--seed-color-palette-static-black-alpha-200)\",\n \"palette-static-black-alpha-300\": \"var(--seed-color-palette-static-black-alpha-300)\",\n \"palette-static-black-alpha-400\": \"var(--seed-color-palette-static-black-alpha-400)\",\n \"palette-static-black-alpha-500\": \"var(--seed-color-palette-static-black-alpha-500)\",\n \"palette-static-black-alpha-600\": \"var(--seed-color-palette-static-black-alpha-600)\",\n \"palette-static-black-alpha-700\": \"var(--seed-color-palette-static-black-alpha-700)\",\n \"palette-static-black-alpha-800\": \"var(--seed-color-palette-static-black-alpha-800)\",\n \"palette-static-black-alpha-900\": \"var(--seed-color-palette-static-black-alpha-900)\",\n \"palette-static-black-alpha-1000\": \"var(--seed-color-palette-static-black-alpha-1000)\",\n \"palette-static-white-alpha-50\": \"var(--seed-color-palette-static-white-alpha-50)\",\n \"palette-static-white-alpha-100\": \"var(--seed-color-palette-static-white-alpha-100)\",\n \"palette-static-white-alpha-200\": \"var(--seed-color-palette-static-white-alpha-200)\",\n \"palette-static-white-alpha-300\": \"var(--seed-color-palette-static-white-alpha-300)\",\n \"palette-static-white-alpha-400\": \"var(--seed-color-palette-static-white-alpha-400)\",\n \"palette-static-white-alpha-500\": \"var(--seed-color-palette-static-white-alpha-500)\",\n \"palette-static-white-alpha-600\": \"var(--seed-color-palette-static-white-alpha-600)\",\n \"palette-static-white-alpha-700\": \"var(--seed-color-palette-static-white-alpha-700)\",\n \"palette-static-white-alpha-800\": \"var(--seed-color-palette-static-white-alpha-800)\",\n \"palette-static-white-alpha-900\": \"var(--seed-color-palette-static-white-alpha-900)\",\n \"palette-static-white-alpha-1000\": \"var(--seed-color-palette-static-white-alpha-1000)\",\n \"palette-yellow-100\": \"var(--seed-color-palette-yellow-100)\",\n \"palette-yellow-200\": \"var(--seed-color-palette-yellow-200)\",\n \"palette-yellow-300\": \"var(--seed-color-palette-yellow-300)\",\n \"palette-yellow-400\": \"var(--seed-color-palette-yellow-400)\",\n \"palette-yellow-500\": \"var(--seed-color-palette-yellow-500)\",\n \"palette-yellow-600\": \"var(--seed-color-palette-yellow-600)\",\n \"palette-yellow-700\": \"var(--seed-color-palette-yellow-700)\",\n \"palette-yellow-800\": \"var(--seed-color-palette-yellow-800)\",\n \"palette-yellow-900\": \"var(--seed-color-palette-yellow-900)\",\n \"palette-yellow-1000\": \"var(--seed-color-palette-yellow-1000)\",\n \"fg-brand\": \"var(--seed-color-fg-brand)\",\n \"fg-critical\": \"var(--seed-color-fg-critical)\",\n \"fg-disabled\": \"var(--seed-color-fg-disabled)\",\n \"fg-informative\": \"var(--seed-color-fg-informative)\",\n \"fg-neutral\": \"var(--seed-color-fg-neutral)\",\n \"fg-placeholder\": \"var(--seed-color-fg-placeholder)\",\n \"fg-positive\": \"var(--seed-color-fg-positive)\",\n \"fg-critical-contrast\": \"var(--seed-color-fg-critical-contrast)\",\n \"fg-informative-contrast\": \"var(--seed-color-fg-informative-contrast)\",\n \"fg-neutral-inverted\": \"var(--seed-color-fg-neutral-inverted)\",\n \"fg-neutral-muted\": \"var(--seed-color-fg-neutral-muted)\",\n \"fg-neutral-subtle\": \"var(--seed-color-fg-neutral-subtle)\",\n \"fg-positive-contrast\": \"var(--seed-color-fg-positive-contrast)\",\n \"fg-warning-contrast\": \"var(--seed-color-fg-warning-contrast)\",\n \"bg-disabled\": \"var(--seed-color-bg-disabled)\",\n \"bg-overlay\": \"var(--seed-color-bg-overlay)\",\n \"bg-brand-solid\": \"var(--seed-color-bg-brand-solid)\",\n \"bg-brand-solid-pressed\": \"var(--seed-color-bg-brand-solid-pressed)\",\n \"bg-critical-solid\": \"var(--seed-color-bg-critical-solid)\",\n \"bg-critical-weak\": \"var(--seed-color-bg-critical-weak)\",\n \"bg-critical-solid-pressed\": \"var(--seed-color-bg-critical-solid-pressed)\",\n \"bg-critical-weak-pressed\": \"var(--seed-color-bg-critical-weak-pressed)\",\n \"bg-informative-solid\": \"var(--seed-color-bg-informative-solid)\",\n \"bg-informative-weak\": \"var(--seed-color-bg-informative-weak)\",\n \"bg-informative-solid-pressed\": \"var(--seed-color-bg-informative-solid-pressed)\",\n \"bg-informative-weak-pressed\": \"var(--seed-color-bg-informative-weak-pressed)\",\n \"bg-layer-basement\": \"var(--seed-color-bg-layer-basement)\",\n \"bg-layer-default\": \"var(--seed-color-bg-layer-default)\",\n \"bg-layer-fill\": \"var(--seed-color-bg-layer-fill)\",\n \"bg-layer-floating\": \"var(--seed-color-bg-layer-floating)\",\n \"bg-layer-default-pressed\": \"var(--seed-color-bg-layer-default-pressed)\",\n \"bg-layer-floating-pressed\": \"var(--seed-color-bg-layer-floating-pressed)\",\n \"bg-magic-weak\": \"var(--seed-color-bg-magic-weak)\",\n \"bg-neutral-inverted\": \"var(--seed-color-bg-neutral-inverted)\",\n \"bg-neutral-solid\": \"var(--seed-color-bg-neutral-solid)\",\n \"bg-neutral-weak\": \"var(--seed-color-bg-neutral-weak)\",\n \"bg-neutral-inverted-pressed\": \"var(--seed-color-bg-neutral-inverted-pressed)\",\n \"bg-neutral-solid-muted\": \"var(--seed-color-bg-neutral-solid-muted)\",\n \"bg-neutral-solid-muted-pressed\": \"var(--seed-color-bg-neutral-solid-muted-pressed)\",\n \"bg-neutral-weak-pressed\": \"var(--seed-color-bg-neutral-weak-pressed)\",\n \"bg-overlay-muted\": \"var(--seed-color-bg-overlay-muted)\",\n \"bg-positive-solid\": \"var(--seed-color-bg-positive-solid)\",\n \"bg-positive-weak\": \"var(--seed-color-bg-positive-weak)\",\n \"bg-positive-solid-pressed\": \"var(--seed-color-bg-positive-solid-pressed)\",\n \"bg-positive-weak-pressed\": \"var(--seed-color-bg-positive-weak-pressed)\",\n \"bg-warning-solid\": \"var(--seed-color-bg-warning-solid)\",\n \"bg-warning-weak\": \"var(--seed-color-bg-warning-weak)\",\n \"bg-warning-weak-pressed\": \"var(--seed-color-bg-warning-weak-pressed)\",\n \"stroke-brand\": \"var(--seed-color-stroke-brand)\",\n \"stroke-control\": \"var(--seed-color-stroke-control)\",\n \"stroke-critical\": \"var(--seed-color-stroke-critical)\",\n \"stroke-field\": \"var(--seed-color-stroke-field)\",\n \"stroke-informative\": \"var(--seed-color-stroke-informative)\",\n \"stroke-neutral\": \"var(--seed-color-stroke-neutral)\",\n \"stroke-positive\": \"var(--seed-color-stroke-positive)\",\n \"stroke-field-focused\": \"var(--seed-color-stroke-field-focused)\",\n \"stroke-neutral-muted\": \"var(--seed-color-stroke-neutral-muted)\",\n \"stroke-on-image\": \"var(--seed-color-stroke-on-image)\",\n \"manner-temp-l1-bg\": \"var(--seed-color-manner-temp-l1-bg)\",\n \"manner-temp-l1-text\": \"var(--seed-color-manner-temp-l1-text)\",\n \"manner-temp-l2-bg\": \"var(--seed-color-manner-temp-l2-bg)\",\n \"manner-temp-l2-text\": \"var(--seed-color-manner-temp-l2-text)\",\n \"manner-temp-l3-bg\": \"var(--seed-color-manner-temp-l3-bg)\",\n \"manner-temp-l3-text\": \"var(--seed-color-manner-temp-l3-text)\",\n \"manner-temp-l4-bg\": \"var(--seed-color-manner-temp-l4-bg)\",\n \"manner-temp-l4-text\": \"var(--seed-color-manner-temp-l4-text)\",\n \"manner-temp-l5-bg\": \"var(--seed-color-manner-temp-l5-bg)\",\n \"manner-temp-l5-text\": \"var(--seed-color-manner-temp-l5-text)\",\n \"manner-temp-l6-bg\": \"var(--seed-color-manner-temp-l6-bg)\",\n \"manner-temp-l6-text\": \"var(--seed-color-manner-temp-l6-text)\",\n \"gradient-stops-fade-layer-floating\": \"#ffffff00 0.00%, #000000 100.00%\",\n \"gradient-stops-fade-layer-default\": \"#ffffff00 0.00%, #000000 100.00%\",\n \"gradient-stops-glow-magic\": \"#fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%\",\n \"gradient-stops-shimmer-magic\": \"#fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%\",\n \"gradient-stops-glow-magic-pressed\": \"#fbf0f2 0.00%, #ffe8db 80.00%, #f5f2ef 100.00%\",\n \"gradient-stops-shimmer-neutral\": \"#ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%\",\n \"gradient-stops-highlight-magic\": \"#ff6600 20.00%, #d25aca 100.00%\",\n \"gradient-stops-highlight-magic-pressed\": \"#e14f00 20.00%, #ae58bf 100.00%\"\n},\n backgroundImage: {\n \"fade-layer-floating-to-t\": \"linear-gradient(to top, #ffffff00 0.00%, #000000 100.00%)\",\n \"fade-layer-floating-to-tr\": \"linear-gradient(to top right, #ffffff00 0.00%, #000000 100.00%)\",\n \"fade-layer-floating-to-r\": \"linear-gradient(to right, #ffffff00 0.00%, #000000 100.00%)\",\n \"fade-layer-floating-to-br\": \"linear-gradient(to bottom right, #ffffff00 0.00%, #000000 100.00%)\",\n \"fade-layer-floating-to-b\": \"linear-gradient(to bottom, #ffffff00 0.00%, #000000 100.00%)\",\n \"fade-layer-floating-to-bl\": \"linear-gradient(to bottom left, #ffffff00 0.00%, #000000 100.00%)\",\n \"fade-layer-floating-to-l\": \"linear-gradient(to left, #ffffff00 0.00%, #000000 100.00%)\",\n \"fade-layer-floating-to-tl\": \"linear-gradient(to top left, #ffffff00 0.00%, #000000 100.00%)\",\n \"fade-layer-default-to-t\": \"linear-gradient(to top, #ffffff00 0.00%, #000000 100.00%)\",\n \"fade-layer-default-to-tr\": \"linear-gradient(to top right, #ffffff00 0.00%, #000000 100.00%)\",\n \"fade-layer-default-to-r\": \"linear-gradient(to right, #ffffff00 0.00%, #000000 100.00%)\",\n \"fade-layer-default-to-br\": \"linear-gradient(to bottom right, #ffffff00 0.00%, #000000 100.00%)\",\n \"fade-layer-default-to-b\": \"linear-gradient(to bottom, #ffffff00 0.00%, #000000 100.00%)\",\n \"fade-layer-default-to-bl\": \"linear-gradient(to bottom left, #ffffff00 0.00%, #000000 100.00%)\",\n \"fade-layer-default-to-l\": \"linear-gradient(to left, #ffffff00 0.00%, #000000 100.00%)\",\n \"fade-layer-default-to-tl\": \"linear-gradient(to top left, #ffffff00 0.00%, #000000 100.00%)\",\n \"glow-magic-to-t\": \"linear-gradient(to top, #fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%)\",\n \"glow-magic-to-tr\": \"linear-gradient(to top right, #fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%)\",\n \"glow-magic-to-r\": \"linear-gradient(to right, #fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%)\",\n \"glow-magic-to-br\": \"linear-gradient(to bottom right, #fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%)\",\n \"glow-magic-to-b\": \"linear-gradient(to bottom, #fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%)\",\n \"glow-magic-to-bl\": \"linear-gradient(to bottom left, #fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%)\",\n \"glow-magic-to-l\": \"linear-gradient(to left, #fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%)\",\n \"glow-magic-to-tl\": \"linear-gradient(to top left, #fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%)\",\n \"shimmer-magic-to-t\": \"linear-gradient(to top, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%)\",\n \"shimmer-magic-to-tr\": \"linear-gradient(to top right, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%)\",\n \"shimmer-magic-to-r\": \"linear-gradient(to right, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%)\",\n \"shimmer-magic-to-br\": \"linear-gradient(to bottom right, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%)\",\n \"shimmer-magic-to-b\": \"linear-gradient(to bottom, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%)\",\n \"shimmer-magic-to-bl\": \"linear-gradient(to bottom left, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%)\",\n \"shimmer-magic-to-l\": \"linear-gradient(to left, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%)\",\n \"shimmer-magic-to-tl\": \"linear-gradient(to top left, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%)\",\n \"glow-magic-pressed-to-t\": \"linear-gradient(to top, #fbf0f2 0.00%, #ffe8db 80.00%, #f5f2ef 100.00%)\",\n \"glow-magic-pressed-to-tr\": \"linear-gradient(to top right, #fbf0f2 0.00%, #ffe8db 80.00%, #f5f2ef 100.00%)\",\n \"glow-magic-pressed-to-r\": \"linear-gradient(to right, #fbf0f2 0.00%, #ffe8db 80.00%, #f5f2ef 100.00%)\",\n \"glow-magic-pressed-to-br\": \"linear-gradient(to bottom right, #fbf0f2 0.00%, #ffe8db 80.00%, #f5f2ef 100.00%)\",\n \"glow-magic-pressed-to-b\": \"linear-gradient(to bottom, #fbf0f2 0.00%, #ffe8db 80.00%, #f5f2ef 100.00%)\",\n \"glow-magic-pressed-to-bl\": \"linear-gradient(to bottom left, #fbf0f2 0.00%, #ffe8db 80.00%, #f5f2ef 100.00%)\",\n \"glow-magic-pressed-to-l\": \"linear-gradient(to left, #fbf0f2 0.00%, #ffe8db 80.00%, #f5f2ef 100.00%)\",\n \"glow-magic-pressed-to-tl\": \"linear-gradient(to top left, #fbf0f2 0.00%, #ffe8db 80.00%, #f5f2ef 100.00%)\",\n \"shimmer-neutral-to-t\": \"linear-gradient(to top, #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%)\",\n \"shimmer-neutral-to-tr\": \"linear-gradient(to top right, #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%)\",\n \"shimmer-neutral-to-r\": \"linear-gradient(to right, #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%)\",\n \"shimmer-neutral-to-br\": \"linear-gradient(to bottom right, #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%)\",\n \"shimmer-neutral-to-b\": \"linear-gradient(to bottom, #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%)\",\n \"shimmer-neutral-to-bl\": \"linear-gradient(to bottom left, #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%)\",\n \"shimmer-neutral-to-l\": \"linear-gradient(to left, #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%)\",\n \"shimmer-neutral-to-tl\": \"linear-gradient(to top left, #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%)\",\n \"highlight-magic-to-t\": \"linear-gradient(to top, #ff6600 20.00%, #d25aca 100.00%)\",\n \"highlight-magic-to-tr\": \"linear-gradient(to top right, #ff6600 20.00%, #d25aca 100.00%)\",\n \"highlight-magic-to-r\": \"linear-gradient(to right, #ff6600 20.00%, #d25aca 100.00%)\",\n \"highlight-magic-to-br\": \"linear-gradient(to bottom right, #ff6600 20.00%, #d25aca 100.00%)\",\n \"highlight-magic-to-b\": \"linear-gradient(to bottom, #ff6600 20.00%, #d25aca 100.00%)\",\n \"highlight-magic-to-bl\": \"linear-gradient(to bottom left, #ff6600 20.00%, #d25aca 100.00%)\",\n \"highlight-magic-to-l\": \"linear-gradient(to left, #ff6600 20.00%, #d25aca 100.00%)\",\n \"highlight-magic-to-tl\": \"linear-gradient(to top left, #ff6600 20.00%, #d25aca 100.00%)\",\n \"highlight-magic-pressed-to-t\": \"linear-gradient(to top, #e14f00 20.00%, #ae58bf 100.00%)\",\n \"highlight-magic-pressed-to-tr\": \"linear-gradient(to top right, #e14f00 20.00%, #ae58bf 100.00%)\",\n \"highlight-magic-pressed-to-r\": \"linear-gradient(to right, #e14f00 20.00%, #ae58bf 100.00%)\",\n \"highlight-magic-pressed-to-br\": \"linear-gradient(to bottom right, #e14f00 20.00%, #ae58bf 100.00%)\",\n \"highlight-magic-pressed-to-b\": \"linear-gradient(to bottom, #e14f00 20.00%, #ae58bf 100.00%)\",\n \"highlight-magic-pressed-to-bl\": \"linear-gradient(to bottom left, #e14f00 20.00%, #ae58bf 100.00%)\",\n \"highlight-magic-pressed-to-l\": \"linear-gradient(to left, #e14f00 20.00%, #ae58bf 100.00%)\",\n \"highlight-magic-pressed-to-tl\": \"linear-gradient(to top left, #e14f00 20.00%, #ae58bf 100.00%)\"\n},\n typography: {\n \"screen-title\": {\n \"fontSize\": \"var(--seed-font-size-t10)\",\n \"lineHeight\": \"var(--seed-line-height-t10)\",\n \"fontWeight\": \"var(--seed-font-weight-bold)\"\n },\n \"article-body\": {\n \"fontSize\": \"var(--seed-font-size-t5)\",\n \"lineHeight\": \"var(--seed-line-height-t6)\",\n \"fontWeight\": \"var(--seed-font-weight-regular)\"\n },\n \"t1-regular\": {\n \"fontSize\": \"var(--seed-font-size-t1)\",\n \"lineHeight\": \"var(--seed-line-height-t1)\",\n \"fontWeight\": \"var(--seed-font-weight-regular)\"\n },\n \"t1-medium\": {\n \"fontSize\": \"var(--seed-font-size-t1)\",\n \"lineHeight\": \"var(--seed-line-height-t1)\",\n \"fontWeight\": \"var(--seed-font-weight-medium)\"\n },\n \"t1-bold\": {\n \"fontSize\": \"var(--seed-font-size-t1)\",\n \"lineHeight\": \"var(--seed-line-height-t1)\",\n \"fontWeight\": \"var(--seed-font-weight-bold)\"\n },\n \"t2-regular\": {\n \"fontSize\": \"var(--seed-font-size-t2)\",\n \"lineHeight\": \"var(--seed-line-height-t2)\",\n \"fontWeight\": \"var(--seed-font-weight-regular)\"\n },\n \"t2-medium\": {\n \"fontSize\": \"var(--seed-font-size-t2)\",\n \"lineHeight\": \"var(--seed-line-height-t2)\",\n \"fontWeight\": \"var(--seed-font-weight-medium)\"\n },\n \"t2-bold\": {\n \"fontSize\": \"var(--seed-font-size-t2)\",\n \"lineHeight\": \"var(--seed-line-height-t2)\",\n \"fontWeight\": \"var(--seed-font-weight-bold)\"\n },\n \"t3-regular\": {\n \"fontSize\": \"var(--seed-font-size-t3)\",\n \"lineHeight\": \"var(--seed-line-height-t3)\",\n \"fontWeight\": \"var(--seed-font-weight-regular)\"\n },\n \"t3-medium\": {\n \"fontSize\": \"var(--seed-font-size-t3)\",\n \"lineHeight\": \"var(--seed-line-height-t3)\",\n \"fontWeight\": \"var(--seed-font-weight-medium)\"\n },\n \"t3-bold\": {\n \"fontSize\": \"var(--seed-font-size-t3)\",\n \"lineHeight\": \"var(--seed-line-height-t3)\",\n \"fontWeight\": \"var(--seed-font-weight-bold)\"\n },\n \"t4-regular\": {\n \"fontSize\": \"var(--seed-font-size-t4)\",\n \"lineHeight\": \"var(--seed-line-height-t4)\",\n \"fontWeight\": \"var(--seed-font-weight-regular)\"\n },\n \"t4-medium\": {\n \"fontSize\": \"var(--seed-font-size-t4)\",\n \"lineHeight\": \"var(--seed-line-height-t4)\",\n \"fontWeight\": \"var(--seed-font-weight-medium)\"\n },\n \"t4-bold\": {\n \"fontSize\": \"var(--seed-font-size-t4)\",\n \"lineHeight\": \"var(--seed-line-height-t4)\",\n \"fontWeight\": \"var(--seed-font-weight-bold)\"\n },\n \"t5-regular\": {\n \"fontSize\": \"var(--seed-font-size-t5)\",\n \"lineHeight\": \"var(--seed-line-height-t5)\",\n \"fontWeight\": \"var(--seed-font-weight-regular)\"\n },\n \"t5-medium\": {\n \"fontSize\": \"var(--seed-font-size-t5)\",\n \"lineHeight\": \"var(--seed-line-height-t5)\",\n \"fontWeight\": \"var(--seed-font-weight-medium)\"\n },\n \"t5-bold\": {\n \"fontSize\": \"var(--seed-font-size-t5)\",\n \"lineHeight\": \"var(--seed-line-height-t5)\",\n \"fontWeight\": \"var(--seed-font-weight-bold)\"\n },\n \"t6-regular\": {\n \"fontSize\": \"var(--seed-font-size-t6)\",\n \"lineHeight\": \"var(--seed-line-height-t6)\",\n \"fontWeight\": \"var(--seed-font-weight-regular)\"\n },\n \"t6-medium\": {\n \"fontSize\": \"var(--seed-font-size-t6)\",\n \"lineHeight\": \"var(--seed-line-height-t6)\",\n \"fontWeight\": \"var(--seed-font-weight-medium)\"\n },\n \"t6-bold\": {\n \"fontSize\": \"var(--seed-font-size-t6)\",\n \"lineHeight\": \"var(--seed-line-height-t6)\",\n \"fontWeight\": \"var(--seed-font-weight-bold)\"\n },\n \"t7-regular\": {\n \"fontSize\": \"var(--seed-font-size-t7)\",\n \"lineHeight\": \"var(--seed-line-height-t7)\",\n \"fontWeight\": \"var(--seed-font-weight-regular)\"\n },\n \"t7-medium\": {\n \"fontSize\": \"var(--seed-font-size-t7)\",\n \"lineHeight\": \"var(--seed-line-height-t7)\",\n \"fontWeight\": \"var(--seed-font-weight-medium)\"\n },\n \"t7-bold\": {\n \"fontSize\": \"var(--seed-font-size-t7)\",\n \"lineHeight\": \"var(--seed-line-height-t7)\",\n \"fontWeight\": \"var(--seed-font-weight-bold)\"\n },\n \"t8-bold\": {\n \"fontSize\": \"var(--seed-font-size-t8)\",\n \"lineHeight\": \"var(--seed-line-height-t8)\",\n \"fontWeight\": \"var(--seed-font-weight-bold)\"\n },\n \"t9-bold\": {\n \"fontSize\": \"var(--seed-font-size-t9)\",\n \"lineHeight\": \"var(--seed-line-height-t9)\",\n \"fontWeight\": \"var(--seed-font-weight-bold)\"\n },\n \"t10-bold\": {\n \"fontSize\": \"var(--seed-font-size-t10)\",\n \"lineHeight\": \"var(--seed-line-height-t10)\",\n \"fontWeight\": \"var(--seed-font-weight-bold)\"\n }\n},\n spacing: {\n \"x0_5\": \"var(--seed-dimension-x0_5)\",\n \"x1\": \"var(--seed-dimension-x1)\",\n \"x1_5\": \"var(--seed-dimension-x1_5)\",\n \"x2\": \"var(--seed-dimension-x2)\",\n \"x2_5\": \"var(--seed-dimension-x2_5)\",\n \"x3\": \"var(--seed-dimension-x3)\",\n \"x3_5\": \"var(--seed-dimension-x3_5)\",\n \"x4\": \"var(--seed-dimension-x4)\",\n \"x4_5\": \"var(--seed-dimension-x4_5)\",\n \"x5\": \"var(--seed-dimension-x5)\",\n \"x6\": \"var(--seed-dimension-x6)\",\n \"x7\": \"var(--seed-dimension-x7)\",\n \"x8\": \"var(--seed-dimension-x8)\",\n \"x9\": \"var(--seed-dimension-x9)\",\n \"x10\": \"var(--seed-dimension-x10)\",\n \"x12\": \"var(--seed-dimension-x12)\",\n \"x13\": \"var(--seed-dimension-x13)\",\n \"x14\": \"var(--seed-dimension-x14)\",\n \"x16\": \"var(--seed-dimension-x16)\",\n \"spacing-x-between-chips\": \"var(--seed-dimension-spacing-x-between-chips)\",\n \"spacing-x-global-gutter\": \"var(--seed-dimension-spacing-x-global-gutter)\",\n \"spacing-y-component-default\": \"var(--seed-dimension-spacing-y-component-default)\",\n \"spacing-y-nav-to-title\": \"var(--seed-dimension-spacing-y-nav-to-title)\",\n \"spacing-y-screen-bottom\": \"var(--seed-dimension-spacing-y-screen-bottom)\",\n \"spacing-y-between-text\": \"var(--seed-dimension-spacing-y-between-text)\"\n},\n borderRadius: {\n \"r0_5\": \"var(--seed-radius-r0_5)\",\n \"r1\": \"var(--seed-radius-r1)\",\n \"r1_5\": \"var(--seed-radius-r1_5)\",\n \"r2\": \"var(--seed-radius-r2)\",\n \"r2_5\": \"var(--seed-radius-r2_5)\",\n \"r3\": \"var(--seed-radius-r3)\",\n \"r3_5\": \"var(--seed-radius-r3_5)\",\n \"r4\": \"var(--seed-radius-r4)\",\n \"r5\": \"var(--seed-radius-r5)\",\n \"r6\": \"var(--seed-radius-r6)\",\n \"full\": \"var(--seed-radius-full)\"\n},\n fontSize: {\n \"t1\": \"var(--seed-font-size-t1)\",\n \"t2\": \"var(--seed-font-size-t2)\",\n \"t3\": \"var(--seed-font-size-t3)\",\n \"t4\": \"var(--seed-font-size-t4)\",\n \"t5\": \"var(--seed-font-size-t5)\",\n \"t6\": \"var(--seed-font-size-t6)\",\n \"t7\": \"var(--seed-font-size-t7)\",\n \"t8\": \"var(--seed-font-size-t8)\",\n \"t9\": \"var(--seed-font-size-t9)\",\n \"t10\": \"var(--seed-font-size-t10)\",\n \"t2-static\": \"var(--seed-font-size-t2-static)\",\n \"t5-static\": \"var(--seed-font-size-t5-static)\",\n \"t6-static\": \"var(--seed-font-size-t6-static)\"\n},\n lineHeight: {\n \"t1\": \"var(--seed-line-height-t1)\",\n \"t2\": \"var(--seed-line-height-t2)\",\n \"t3\": \"var(--seed-line-height-t3)\",\n \"t4\": \"var(--seed-line-height-t4)\",\n \"t5\": \"var(--seed-line-height-t5)\",\n \"t6\": \"var(--seed-line-height-t6)\",\n \"t7\": \"var(--seed-line-height-t7)\",\n \"t8\": \"var(--seed-line-height-t8)\",\n \"t9\": \"var(--seed-line-height-t9)\",\n \"t10\": \"var(--seed-line-height-t10)\"\n},\n fontWeight: {\n \"regular\": \"var(--seed-font-weight-regular)\",\n \"medium\": \"var(--seed-font-weight-medium)\",\n \"bold\": \"var(--seed-font-weight-bold)\"\n},\n transitionDuration: {\n \"d1\": \"var(--seed-duration-d1)\",\n \"d2\": \"var(--seed-duration-d2)\",\n \"d3\": \"var(--seed-duration-d3)\",\n \"d4\": \"var(--seed-duration-d4)\",\n \"d5\": \"var(--seed-duration-d5)\",\n \"d6\": \"var(--seed-duration-d6)\"\n},\n transitionTimingFunction: {\n \"linear\": \"var(--seed-timing-function-linear)\",\n \"easing\": \"var(--seed-timing-function-easing)\",\n \"enter\": \"var(--seed-timing-function-enter)\",\n \"exit\": \"var(--seed-timing-function-exit)\",\n \"enter-expressive\": \"var(--seed-timing-function-enter-expressive)\",\n \"exit-expressive\": \"var(--seed-timing-function-exit-expressive)\"\n},\n },\n },\n },\n);"],"names":[],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,cAAA,QAAA;AACA,aAAa,wBAAkC,CAAA,aAAA;AAC/C,aAAA,OAAA,CAAqB,wBAAkC,CAAA,MAAA;AACvD;;;;"}
1
+ {"version":3,"file":"index.d.cts","sources":["../src/index.ts"],"sourcesContent":["// @ts-nocheck\nimport plugin from \"tailwindcss/plugin\";\n\n/**\n * Seed Design 디자인 토큰을 위한 Tailwind CSS 플러그인\n * 색상 토큰과 타이포그래피 토큰을 클래스 이름으로 사용할 수 있습니다\n * 예시: \n * - 색상: bg-bg-layer-basement, text-fg-brand, border-stroke-divider\n * - 타이포그래피: t1-regular, t1-bold, screen-title\n * - 그라데이션: \n * * bg-gradient-shimmer-neutral-to-r (방향성 포함)\n * * bg-gradient-shimmer-neutral-[45deg] (임의 각도)\n * \n * 모든 토큰은 CSS 변수를 사용하여 다크 모드와 자동 호환됩니다.\n */\nexport default plugin(\n ({ theme, addComponents, matchUtilities }) => { \n // typography 유틸리티\n const typography = theme(\"typography\");\n if (typography) {\n addComponents(\n Object.entries(typography).reduce((acc, [key, value]) => {\n acc[`.${key}`] = value;\n return acc;\n }, {})\n );\n }\n\n // gradient arbitrary value 지원\n const gradientStopsForArbitrary = {\n \"fade-layer-floating\": \"#ffffff00 0.00%, #000000 100.00%\",\n \"fade-layer-default\": \"#000000 0.00%, #ffffff00 100.00%\",\n \"glow-magic\": \"#fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%\",\n \"glow-magic-pressed\": \"#fbf0f2 0.00%, #ffe8db 80.00%, #f5f2ef 100.00%\",\n \"shimmer-neutral\": \"#ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%\",\n \"shimmer-magic\": \"#fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%\",\n \"highlight-magic-pressed\": \"#e14f00 20.00%, #ae58bf 100.00%\",\n \"highlight-magic\": \"#ff6600 20.00%, #d25aca 100.00%\"\n};\n\n Object.entries(gradientStopsForArbitrary).forEach(([gradientName, colorStops]) => {\n matchUtilities(\n {\n [`bg-gradient-${gradientName}`]: (value) => ({\n backgroundImage: `linear-gradient(${value}, ${colorStops})`\n })\n },\n {\n type: 'any',\n values: {}\n }\n );\n });\n },\n {\n theme: {\n extend: {\n colors: {\n \"palette-blue-100\": \"var(--seed-color-palette-blue-100)\",\n \"palette-blue-200\": \"var(--seed-color-palette-blue-200)\",\n \"palette-blue-300\": \"var(--seed-color-palette-blue-300)\",\n \"palette-blue-400\": \"var(--seed-color-palette-blue-400)\",\n \"palette-blue-500\": \"var(--seed-color-palette-blue-500)\",\n \"palette-blue-600\": \"var(--seed-color-palette-blue-600)\",\n \"palette-blue-700\": \"var(--seed-color-palette-blue-700)\",\n \"palette-blue-800\": \"var(--seed-color-palette-blue-800)\",\n \"palette-blue-900\": \"var(--seed-color-palette-blue-900)\",\n \"palette-blue-1000\": \"var(--seed-color-palette-blue-1000)\",\n \"palette-carrot-100\": \"var(--seed-color-palette-carrot-100)\",\n \"palette-carrot-200\": \"var(--seed-color-palette-carrot-200)\",\n \"palette-carrot-300\": \"var(--seed-color-palette-carrot-300)\",\n \"palette-carrot-400\": \"var(--seed-color-palette-carrot-400)\",\n \"palette-carrot-500\": \"var(--seed-color-palette-carrot-500)\",\n \"palette-carrot-600\": \"var(--seed-color-palette-carrot-600)\",\n \"palette-carrot-700\": \"var(--seed-color-palette-carrot-700)\",\n \"palette-carrot-800\": \"var(--seed-color-palette-carrot-800)\",\n \"palette-carrot-900\": \"var(--seed-color-palette-carrot-900)\",\n \"palette-carrot-1000\": \"var(--seed-color-palette-carrot-1000)\",\n \"palette-gray-00\": \"var(--seed-color-palette-gray-00)\",\n \"palette-gray-100\": \"var(--seed-color-palette-gray-100)\",\n \"palette-gray-200\": \"var(--seed-color-palette-gray-200)\",\n \"palette-gray-300\": \"var(--seed-color-palette-gray-300)\",\n \"palette-gray-400\": \"var(--seed-color-palette-gray-400)\",\n \"palette-gray-500\": \"var(--seed-color-palette-gray-500)\",\n \"palette-gray-600\": \"var(--seed-color-palette-gray-600)\",\n \"palette-gray-700\": \"var(--seed-color-palette-gray-700)\",\n \"palette-gray-800\": \"var(--seed-color-palette-gray-800)\",\n \"palette-gray-900\": \"var(--seed-color-palette-gray-900)\",\n \"palette-gray-1000\": \"var(--seed-color-palette-gray-1000)\",\n \"palette-green-100\": \"var(--seed-color-palette-green-100)\",\n \"palette-green-200\": \"var(--seed-color-palette-green-200)\",\n \"palette-green-300\": \"var(--seed-color-palette-green-300)\",\n \"palette-green-400\": \"var(--seed-color-palette-green-400)\",\n \"palette-green-500\": \"var(--seed-color-palette-green-500)\",\n \"palette-green-600\": \"var(--seed-color-palette-green-600)\",\n \"palette-green-700\": \"var(--seed-color-palette-green-700)\",\n \"palette-green-800\": \"var(--seed-color-palette-green-800)\",\n \"palette-green-900\": \"var(--seed-color-palette-green-900)\",\n \"palette-green-1000\": \"var(--seed-color-palette-green-1000)\",\n \"palette-purple-100\": \"var(--seed-color-palette-purple-100)\",\n \"palette-purple-200\": \"var(--seed-color-palette-purple-200)\",\n \"palette-purple-300\": \"var(--seed-color-palette-purple-300)\",\n \"palette-purple-400\": \"var(--seed-color-palette-purple-400)\",\n \"palette-purple-500\": \"var(--seed-color-palette-purple-500)\",\n \"palette-purple-600\": \"var(--seed-color-palette-purple-600)\",\n \"palette-purple-700\": \"var(--seed-color-palette-purple-700)\",\n \"palette-purple-800\": \"var(--seed-color-palette-purple-800)\",\n \"palette-purple-900\": \"var(--seed-color-palette-purple-900)\",\n \"palette-purple-1000\": \"var(--seed-color-palette-purple-1000)\",\n \"palette-red-100\": \"var(--seed-color-palette-red-100)\",\n \"palette-red-200\": \"var(--seed-color-palette-red-200)\",\n \"palette-red-300\": \"var(--seed-color-palette-red-300)\",\n \"palette-red-400\": \"var(--seed-color-palette-red-400)\",\n \"palette-red-500\": \"var(--seed-color-palette-red-500)\",\n \"palette-red-600\": \"var(--seed-color-palette-red-600)\",\n \"palette-red-700\": \"var(--seed-color-palette-red-700)\",\n \"palette-red-800\": \"var(--seed-color-palette-red-800)\",\n \"palette-red-900\": \"var(--seed-color-palette-red-900)\",\n \"palette-red-1000\": \"var(--seed-color-palette-red-1000)\",\n \"palette-static-black\": \"var(--seed-color-palette-static-black)\",\n \"palette-static-white\": \"var(--seed-color-palette-static-white)\",\n \"palette-static-black-alpha-100\": \"var(--seed-color-palette-static-black-alpha-100)\",\n \"palette-static-black-alpha-200\": \"var(--seed-color-palette-static-black-alpha-200)\",\n \"palette-static-black-alpha-300\": \"var(--seed-color-palette-static-black-alpha-300)\",\n \"palette-static-black-alpha-400\": \"var(--seed-color-palette-static-black-alpha-400)\",\n \"palette-static-black-alpha-500\": \"var(--seed-color-palette-static-black-alpha-500)\",\n \"palette-static-black-alpha-600\": \"var(--seed-color-palette-static-black-alpha-600)\",\n \"palette-static-black-alpha-700\": \"var(--seed-color-palette-static-black-alpha-700)\",\n \"palette-static-black-alpha-800\": \"var(--seed-color-palette-static-black-alpha-800)\",\n \"palette-static-black-alpha-900\": \"var(--seed-color-palette-static-black-alpha-900)\",\n \"palette-static-black-alpha-1000\": \"var(--seed-color-palette-static-black-alpha-1000)\",\n \"palette-static-white-alpha-50\": \"var(--seed-color-palette-static-white-alpha-50)\",\n \"palette-static-white-alpha-100\": \"var(--seed-color-palette-static-white-alpha-100)\",\n \"palette-static-white-alpha-200\": \"var(--seed-color-palette-static-white-alpha-200)\",\n \"palette-static-white-alpha-300\": \"var(--seed-color-palette-static-white-alpha-300)\",\n \"palette-static-white-alpha-400\": \"var(--seed-color-palette-static-white-alpha-400)\",\n \"palette-static-white-alpha-500\": \"var(--seed-color-palette-static-white-alpha-500)\",\n \"palette-static-white-alpha-600\": \"var(--seed-color-palette-static-white-alpha-600)\",\n \"palette-static-white-alpha-700\": \"var(--seed-color-palette-static-white-alpha-700)\",\n \"palette-static-white-alpha-800\": \"var(--seed-color-palette-static-white-alpha-800)\",\n \"palette-static-white-alpha-900\": \"var(--seed-color-palette-static-white-alpha-900)\",\n \"palette-static-white-alpha-1000\": \"var(--seed-color-palette-static-white-alpha-1000)\",\n \"palette-yellow-100\": \"var(--seed-color-palette-yellow-100)\",\n \"palette-yellow-200\": \"var(--seed-color-palette-yellow-200)\",\n \"palette-yellow-300\": \"var(--seed-color-palette-yellow-300)\",\n \"palette-yellow-400\": \"var(--seed-color-palette-yellow-400)\",\n \"palette-yellow-500\": \"var(--seed-color-palette-yellow-500)\",\n \"palette-yellow-600\": \"var(--seed-color-palette-yellow-600)\",\n \"palette-yellow-700\": \"var(--seed-color-palette-yellow-700)\",\n \"palette-yellow-800\": \"var(--seed-color-palette-yellow-800)\",\n \"palette-yellow-900\": \"var(--seed-color-palette-yellow-900)\",\n \"palette-yellow-1000\": \"var(--seed-color-palette-yellow-1000)\",\n \"fg-neutral\": \"var(--seed-color-fg-neutral)\",\n \"fg-brand\": \"var(--seed-color-fg-brand)\",\n \"fg-critical\": \"var(--seed-color-fg-critical)\",\n \"fg-positive\": \"var(--seed-color-fg-positive)\",\n \"fg-warning\": \"var(--seed-color-fg-warning)\",\n \"fg-informative\": \"var(--seed-color-fg-informative)\",\n \"fg-placeholder\": \"var(--seed-color-fg-placeholder)\",\n \"fg-disabled\": \"var(--seed-color-fg-disabled)\",\n \"fg-brand-contrast\": \"var(--seed-color-fg-brand-contrast)\",\n \"fg-critical-contrast\": \"var(--seed-color-fg-critical-contrast)\",\n \"fg-informative-contrast\": \"var(--seed-color-fg-informative-contrast)\",\n \"fg-neutral-muted\": \"var(--seed-color-fg-neutral-muted)\",\n \"fg-neutral-subtle\": \"var(--seed-color-fg-neutral-subtle)\",\n \"fg-neutral-inverted\": \"var(--seed-color-fg-neutral-inverted)\",\n \"fg-positive-contrast\": \"var(--seed-color-fg-positive-contrast)\",\n \"fg-warning-contrast\": \"var(--seed-color-fg-warning-contrast)\",\n \"bg-overlay\": \"var(--seed-color-bg-overlay)\",\n \"bg-disabled\": \"var(--seed-color-bg-disabled)\",\n \"bg-brand-weak\": \"var(--seed-color-bg-brand-weak)\",\n \"bg-brand-solid\": \"var(--seed-color-bg-brand-solid)\",\n \"bg-brand-solid-pressed\": \"var(--seed-color-bg-brand-solid-pressed)\",\n \"bg-brand-weak-pressed\": \"var(--seed-color-bg-brand-weak-pressed)\",\n \"bg-critical-weak\": \"var(--seed-color-bg-critical-weak)\",\n \"bg-critical-solid\": \"var(--seed-color-bg-critical-solid)\",\n \"bg-critical-solid-pressed\": \"var(--seed-color-bg-critical-solid-pressed)\",\n \"bg-critical-weak-pressed\": \"var(--seed-color-bg-critical-weak-pressed)\",\n \"bg-informative-weak\": \"var(--seed-color-bg-informative-weak)\",\n \"bg-informative-solid\": \"var(--seed-color-bg-informative-solid)\",\n \"bg-informative-solid-pressed\": \"var(--seed-color-bg-informative-solid-pressed)\",\n \"bg-informative-weak-pressed\": \"var(--seed-color-bg-informative-weak-pressed)\",\n \"bg-layer-basement\": \"var(--seed-color-bg-layer-basement)\",\n \"bg-layer-default\": \"var(--seed-color-bg-layer-default)\",\n \"bg-layer-fill\": \"var(--seed-color-bg-layer-fill)\",\n \"bg-layer-floating\": \"var(--seed-color-bg-layer-floating)\",\n \"bg-layer-default-pressed\": \"var(--seed-color-bg-layer-default-pressed)\",\n \"bg-layer-floating-pressed\": \"var(--seed-color-bg-layer-floating-pressed)\",\n \"bg-magic-weak\": \"var(--seed-color-bg-magic-weak)\",\n \"bg-neutral-weak\": \"var(--seed-color-bg-neutral-weak)\",\n \"bg-neutral-inverted\": \"var(--seed-color-bg-neutral-inverted)\",\n \"bg-neutral-solid\": \"var(--seed-color-bg-neutral-solid)\",\n \"bg-neutral-inverted-pressed\": \"var(--seed-color-bg-neutral-inverted-pressed)\",\n \"bg-neutral-solid-muted\": \"var(--seed-color-bg-neutral-solid-muted)\",\n \"bg-neutral-solid-muted-pressed\": \"var(--seed-color-bg-neutral-solid-muted-pressed)\",\n \"bg-neutral-weak-pressed\": \"var(--seed-color-bg-neutral-weak-pressed)\",\n \"bg-overlay-muted\": \"var(--seed-color-bg-overlay-muted)\",\n \"bg-positive-weak\": \"var(--seed-color-bg-positive-weak)\",\n \"bg-positive-solid\": \"var(--seed-color-bg-positive-solid)\",\n \"bg-positive-solid-pressed\": \"var(--seed-color-bg-positive-solid-pressed)\",\n \"bg-positive-weak-pressed\": \"var(--seed-color-bg-positive-weak-pressed)\",\n \"bg-warning-weak\": \"var(--seed-color-bg-warning-weak)\",\n \"bg-warning-solid\": \"var(--seed-color-bg-warning-solid)\",\n \"bg-warning-solid-pressed\": \"var(--seed-color-bg-warning-solid-pressed)\",\n \"bg-warning-weak-pressed\": \"var(--seed-color-bg-warning-weak-pressed)\",\n \"stroke-neutral\": \"var(--seed-color-stroke-neutral)\",\n \"stroke-brand\": \"var(--seed-color-stroke-brand)\",\n \"stroke-positive\": \"var(--seed-color-stroke-positive)\",\n \"stroke-informative\": \"var(--seed-color-stroke-informative)\",\n \"stroke-warning\": \"var(--seed-color-stroke-warning)\",\n \"stroke-critical\": \"var(--seed-color-stroke-critical)\",\n \"stroke-field\": \"var(--seed-color-stroke-field)\",\n \"stroke-control\": \"var(--seed-color-stroke-control)\",\n \"stroke-field-focused\": \"var(--seed-color-stroke-field-focused)\",\n \"stroke-neutral-muted\": \"var(--seed-color-stroke-neutral-muted)\",\n \"stroke-on-image\": \"var(--seed-color-stroke-on-image)\",\n \"manner-temp-l1-text\": \"var(--seed-color-manner-temp-l1-text)\",\n \"manner-temp-l2-text\": \"var(--seed-color-manner-temp-l2-text)\",\n \"manner-temp-l3-text\": \"var(--seed-color-manner-temp-l3-text)\",\n \"manner-temp-l4-text\": \"var(--seed-color-manner-temp-l4-text)\",\n \"manner-temp-l4-bg\": \"var(--seed-color-manner-temp-l4-bg)\",\n \"manner-temp-l5-text\": \"var(--seed-color-manner-temp-l5-text)\",\n \"manner-temp-l6-text\": \"var(--seed-color-manner-temp-l6-text)\",\n \"manner-temp-l1-bg\": \"var(--seed-color-manner-temp-l1-bg)\",\n \"manner-temp-l2-bg\": \"var(--seed-color-manner-temp-l2-bg)\",\n \"manner-temp-l3-bg\": \"var(--seed-color-manner-temp-l3-bg)\",\n \"manner-temp-l5-bg\": \"var(--seed-color-manner-temp-l5-bg)\",\n \"manner-temp-l6-bg\": \"var(--seed-color-manner-temp-l6-bg)\",\n \"gradient-stops-fade-layer-floating\": \"#ffffff00 0.00%, #000000 100.00%\",\n \"gradient-stops-fade-layer-default\": \"#000000 0.00%, #ffffff00 100.00%\",\n \"gradient-stops-glow-magic\": \"#fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%\",\n \"gradient-stops-glow-magic-pressed\": \"#fbf0f2 0.00%, #ffe8db 80.00%, #f5f2ef 100.00%\",\n \"gradient-stops-shimmer-neutral\": \"#ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%\",\n \"gradient-stops-shimmer-magic\": \"#fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%\",\n \"gradient-stops-highlight-magic-pressed\": \"#e14f00 20.00%, #ae58bf 100.00%\",\n \"gradient-stops-highlight-magic\": \"#ff6600 20.00%, #d25aca 100.00%\"\n},\n backgroundImage: {\n \"fade-layer-floating-to-t\": \"linear-gradient(to top, #ffffff00 0.00%, #000000 100.00%)\",\n \"fade-layer-floating-to-tr\": \"linear-gradient(to top right, #ffffff00 0.00%, #000000 100.00%)\",\n \"fade-layer-floating-to-r\": \"linear-gradient(to right, #ffffff00 0.00%, #000000 100.00%)\",\n \"fade-layer-floating-to-br\": \"linear-gradient(to bottom right, #ffffff00 0.00%, #000000 100.00%)\",\n \"fade-layer-floating-to-b\": \"linear-gradient(to bottom, #ffffff00 0.00%, #000000 100.00%)\",\n \"fade-layer-floating-to-bl\": \"linear-gradient(to bottom left, #ffffff00 0.00%, #000000 100.00%)\",\n \"fade-layer-floating-to-l\": \"linear-gradient(to left, #ffffff00 0.00%, #000000 100.00%)\",\n \"fade-layer-floating-to-tl\": \"linear-gradient(to top left, #ffffff00 0.00%, #000000 100.00%)\",\n \"fade-layer-default-to-t\": \"linear-gradient(to top, #000000 0.00%, #ffffff00 100.00%)\",\n \"fade-layer-default-to-tr\": \"linear-gradient(to top right, #000000 0.00%, #ffffff00 100.00%)\",\n \"fade-layer-default-to-r\": \"linear-gradient(to right, #000000 0.00%, #ffffff00 100.00%)\",\n \"fade-layer-default-to-br\": \"linear-gradient(to bottom right, #000000 0.00%, #ffffff00 100.00%)\",\n \"fade-layer-default-to-b\": \"linear-gradient(to bottom, #000000 0.00%, #ffffff00 100.00%)\",\n \"fade-layer-default-to-bl\": \"linear-gradient(to bottom left, #000000 0.00%, #ffffff00 100.00%)\",\n \"fade-layer-default-to-l\": \"linear-gradient(to left, #000000 0.00%, #ffffff00 100.00%)\",\n \"fade-layer-default-to-tl\": \"linear-gradient(to top left, #000000 0.00%, #ffffff00 100.00%)\",\n \"glow-magic-to-t\": \"linear-gradient(to top, #fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%)\",\n \"glow-magic-to-tr\": \"linear-gradient(to top right, #fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%)\",\n \"glow-magic-to-r\": \"linear-gradient(to right, #fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%)\",\n \"glow-magic-to-br\": \"linear-gradient(to bottom right, #fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%)\",\n \"glow-magic-to-b\": \"linear-gradient(to bottom, #fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%)\",\n \"glow-magic-to-bl\": \"linear-gradient(to bottom left, #fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%)\",\n \"glow-magic-to-l\": \"linear-gradient(to left, #fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%)\",\n \"glow-magic-to-tl\": \"linear-gradient(to top left, #fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%)\",\n \"glow-magic-pressed-to-t\": \"linear-gradient(to top, #fbf0f2 0.00%, #ffe8db 80.00%, #f5f2ef 100.00%)\",\n \"glow-magic-pressed-to-tr\": \"linear-gradient(to top right, #fbf0f2 0.00%, #ffe8db 80.00%, #f5f2ef 100.00%)\",\n \"glow-magic-pressed-to-r\": \"linear-gradient(to right, #fbf0f2 0.00%, #ffe8db 80.00%, #f5f2ef 100.00%)\",\n \"glow-magic-pressed-to-br\": \"linear-gradient(to bottom right, #fbf0f2 0.00%, #ffe8db 80.00%, #f5f2ef 100.00%)\",\n \"glow-magic-pressed-to-b\": \"linear-gradient(to bottom, #fbf0f2 0.00%, #ffe8db 80.00%, #f5f2ef 100.00%)\",\n \"glow-magic-pressed-to-bl\": \"linear-gradient(to bottom left, #fbf0f2 0.00%, #ffe8db 80.00%, #f5f2ef 100.00%)\",\n \"glow-magic-pressed-to-l\": \"linear-gradient(to left, #fbf0f2 0.00%, #ffe8db 80.00%, #f5f2ef 100.00%)\",\n \"glow-magic-pressed-to-tl\": \"linear-gradient(to top left, #fbf0f2 0.00%, #ffe8db 80.00%, #f5f2ef 100.00%)\",\n \"shimmer-neutral-to-t\": \"linear-gradient(to top, #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%)\",\n \"shimmer-neutral-to-tr\": \"linear-gradient(to top right, #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%)\",\n \"shimmer-neutral-to-r\": \"linear-gradient(to right, #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%)\",\n \"shimmer-neutral-to-br\": \"linear-gradient(to bottom right, #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%)\",\n \"shimmer-neutral-to-b\": \"linear-gradient(to bottom, #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%)\",\n \"shimmer-neutral-to-bl\": \"linear-gradient(to bottom left, #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%)\",\n \"shimmer-neutral-to-l\": \"linear-gradient(to left, #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%)\",\n \"shimmer-neutral-to-tl\": \"linear-gradient(to top left, #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%)\",\n \"shimmer-magic-to-t\": \"linear-gradient(to top, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%)\",\n \"shimmer-magic-to-tr\": \"linear-gradient(to top right, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%)\",\n \"shimmer-magic-to-r\": \"linear-gradient(to right, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%)\",\n \"shimmer-magic-to-br\": \"linear-gradient(to bottom right, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%)\",\n \"shimmer-magic-to-b\": \"linear-gradient(to bottom, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%)\",\n \"shimmer-magic-to-bl\": \"linear-gradient(to bottom left, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%)\",\n \"shimmer-magic-to-l\": \"linear-gradient(to left, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%)\",\n \"shimmer-magic-to-tl\": \"linear-gradient(to top left, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%)\",\n \"highlight-magic-pressed-to-t\": \"linear-gradient(to top, #e14f00 20.00%, #ae58bf 100.00%)\",\n \"highlight-magic-pressed-to-tr\": \"linear-gradient(to top right, #e14f00 20.00%, #ae58bf 100.00%)\",\n \"highlight-magic-pressed-to-r\": \"linear-gradient(to right, #e14f00 20.00%, #ae58bf 100.00%)\",\n \"highlight-magic-pressed-to-br\": \"linear-gradient(to bottom right, #e14f00 20.00%, #ae58bf 100.00%)\",\n \"highlight-magic-pressed-to-b\": \"linear-gradient(to bottom, #e14f00 20.00%, #ae58bf 100.00%)\",\n \"highlight-magic-pressed-to-bl\": \"linear-gradient(to bottom left, #e14f00 20.00%, #ae58bf 100.00%)\",\n \"highlight-magic-pressed-to-l\": \"linear-gradient(to left, #e14f00 20.00%, #ae58bf 100.00%)\",\n \"highlight-magic-pressed-to-tl\": \"linear-gradient(to top left, #e14f00 20.00%, #ae58bf 100.00%)\",\n \"highlight-magic-to-t\": \"linear-gradient(to top, #ff6600 20.00%, #d25aca 100.00%)\",\n \"highlight-magic-to-tr\": \"linear-gradient(to top right, #ff6600 20.00%, #d25aca 100.00%)\",\n \"highlight-magic-to-r\": \"linear-gradient(to right, #ff6600 20.00%, #d25aca 100.00%)\",\n \"highlight-magic-to-br\": \"linear-gradient(to bottom right, #ff6600 20.00%, #d25aca 100.00%)\",\n \"highlight-magic-to-b\": \"linear-gradient(to bottom, #ff6600 20.00%, #d25aca 100.00%)\",\n \"highlight-magic-to-bl\": \"linear-gradient(to bottom left, #ff6600 20.00%, #d25aca 100.00%)\",\n \"highlight-magic-to-l\": \"linear-gradient(to left, #ff6600 20.00%, #d25aca 100.00%)\",\n \"highlight-magic-to-tl\": \"linear-gradient(to top left, #ff6600 20.00%, #d25aca 100.00%)\"\n},\n typography: {\n \"screen-title\": {\n \"fontSize\": \"var(--seed-font-size-t10)\",\n \"lineHeight\": \"var(--seed-line-height-t10)\",\n \"fontWeight\": \"var(--seed-font-weight-bold)\"\n },\n \"article-body\": {\n \"fontSize\": \"var(--seed-font-size-t5)\",\n \"lineHeight\": \"var(--seed-line-height-t6)\",\n \"fontWeight\": \"var(--seed-font-weight-regular)\"\n },\n \"t1-regular\": {\n \"fontSize\": \"var(--seed-font-size-t1)\",\n \"lineHeight\": \"var(--seed-line-height-t1)\",\n \"fontWeight\": \"var(--seed-font-weight-regular)\"\n },\n \"t1-medium\": {\n \"fontSize\": \"var(--seed-font-size-t1)\",\n \"lineHeight\": \"var(--seed-line-height-t1)\",\n \"fontWeight\": \"var(--seed-font-weight-medium)\"\n },\n \"t1-bold\": {\n \"fontSize\": \"var(--seed-font-size-t1)\",\n \"lineHeight\": \"var(--seed-line-height-t1)\",\n \"fontWeight\": \"var(--seed-font-weight-bold)\"\n },\n \"t2-regular\": {\n \"fontSize\": \"var(--seed-font-size-t2)\",\n \"lineHeight\": \"var(--seed-line-height-t2)\",\n \"fontWeight\": \"var(--seed-font-weight-regular)\"\n },\n \"t2-medium\": {\n \"fontSize\": \"var(--seed-font-size-t2)\",\n \"lineHeight\": \"var(--seed-line-height-t2)\",\n \"fontWeight\": \"var(--seed-font-weight-medium)\"\n },\n \"t2-bold\": {\n \"fontSize\": \"var(--seed-font-size-t2)\",\n \"lineHeight\": \"var(--seed-line-height-t2)\",\n \"fontWeight\": \"var(--seed-font-weight-bold)\"\n },\n \"t3-regular\": {\n \"fontSize\": \"var(--seed-font-size-t3)\",\n \"lineHeight\": \"var(--seed-line-height-t3)\",\n \"fontWeight\": \"var(--seed-font-weight-regular)\"\n },\n \"t3-medium\": {\n \"fontSize\": \"var(--seed-font-size-t3)\",\n \"lineHeight\": \"var(--seed-line-height-t3)\",\n \"fontWeight\": \"var(--seed-font-weight-medium)\"\n },\n \"t3-bold\": {\n \"fontSize\": \"var(--seed-font-size-t3)\",\n \"lineHeight\": \"var(--seed-line-height-t3)\",\n \"fontWeight\": \"var(--seed-font-weight-bold)\"\n },\n \"t4-regular\": {\n \"fontSize\": \"var(--seed-font-size-t4)\",\n \"lineHeight\": \"var(--seed-line-height-t4)\",\n \"fontWeight\": \"var(--seed-font-weight-regular)\"\n },\n \"t4-medium\": {\n \"fontSize\": \"var(--seed-font-size-t4)\",\n \"lineHeight\": \"var(--seed-line-height-t4)\",\n \"fontWeight\": \"var(--seed-font-weight-medium)\"\n },\n \"t4-bold\": {\n \"fontSize\": \"var(--seed-font-size-t4)\",\n \"lineHeight\": \"var(--seed-line-height-t4)\",\n \"fontWeight\": \"var(--seed-font-weight-bold)\"\n },\n \"t5-regular\": {\n \"fontSize\": \"var(--seed-font-size-t5)\",\n \"lineHeight\": \"var(--seed-line-height-t5)\",\n \"fontWeight\": \"var(--seed-font-weight-regular)\"\n },\n \"t5-medium\": {\n \"fontSize\": \"var(--seed-font-size-t5)\",\n \"lineHeight\": \"var(--seed-line-height-t5)\",\n \"fontWeight\": \"var(--seed-font-weight-medium)\"\n },\n \"t5-bold\": {\n \"fontSize\": \"var(--seed-font-size-t5)\",\n \"lineHeight\": \"var(--seed-line-height-t5)\",\n \"fontWeight\": \"var(--seed-font-weight-bold)\"\n },\n \"t6-regular\": {\n \"fontSize\": \"var(--seed-font-size-t6)\",\n \"lineHeight\": \"var(--seed-line-height-t6)\",\n \"fontWeight\": \"var(--seed-font-weight-regular)\"\n },\n \"t6-medium\": {\n \"fontSize\": \"var(--seed-font-size-t6)\",\n \"lineHeight\": \"var(--seed-line-height-t6)\",\n \"fontWeight\": \"var(--seed-font-weight-medium)\"\n },\n \"t6-bold\": {\n \"fontSize\": \"var(--seed-font-size-t6)\",\n \"lineHeight\": \"var(--seed-line-height-t6)\",\n \"fontWeight\": \"var(--seed-font-weight-bold)\"\n },\n \"t7-regular\": {\n \"fontSize\": \"var(--seed-font-size-t7)\",\n \"lineHeight\": \"var(--seed-line-height-t7)\",\n \"fontWeight\": \"var(--seed-font-weight-regular)\"\n },\n \"t7-medium\": {\n \"fontSize\": \"var(--seed-font-size-t7)\",\n \"lineHeight\": \"var(--seed-line-height-t7)\",\n \"fontWeight\": \"var(--seed-font-weight-medium)\"\n },\n \"t7-bold\": {\n \"fontSize\": \"var(--seed-font-size-t7)\",\n \"lineHeight\": \"var(--seed-line-height-t7)\",\n \"fontWeight\": \"var(--seed-font-weight-bold)\"\n },\n \"t8-bold\": {\n \"fontSize\": \"var(--seed-font-size-t8)\",\n \"lineHeight\": \"var(--seed-line-height-t8)\",\n \"fontWeight\": \"var(--seed-font-weight-bold)\"\n },\n \"t9-bold\": {\n \"fontSize\": \"var(--seed-font-size-t9)\",\n \"lineHeight\": \"var(--seed-line-height-t9)\",\n \"fontWeight\": \"var(--seed-font-weight-bold)\"\n },\n \"t10-bold\": {\n \"fontSize\": \"var(--seed-font-size-t10)\",\n \"lineHeight\": \"var(--seed-line-height-t10)\",\n \"fontWeight\": \"var(--seed-font-weight-bold)\"\n }\n},\n spacing: {\n \"x0_5\": \"var(--seed-dimension-x0_5)\",\n \"x1\": \"var(--seed-dimension-x1)\",\n \"x1_5\": \"var(--seed-dimension-x1_5)\",\n \"x2\": \"var(--seed-dimension-x2)\",\n \"x2_5\": \"var(--seed-dimension-x2_5)\",\n \"x3\": \"var(--seed-dimension-x3)\",\n \"x3_5\": \"var(--seed-dimension-x3_5)\",\n \"x4\": \"var(--seed-dimension-x4)\",\n \"x4_5\": \"var(--seed-dimension-x4_5)\",\n \"x5\": \"var(--seed-dimension-x5)\",\n \"x6\": \"var(--seed-dimension-x6)\",\n \"x7\": \"var(--seed-dimension-x7)\",\n \"x8\": \"var(--seed-dimension-x8)\",\n \"x9\": \"var(--seed-dimension-x9)\",\n \"x10\": \"var(--seed-dimension-x10)\",\n \"x12\": \"var(--seed-dimension-x12)\",\n \"x13\": \"var(--seed-dimension-x13)\",\n \"x14\": \"var(--seed-dimension-x14)\",\n \"x16\": \"var(--seed-dimension-x16)\",\n \"spacing-x-between-chips\": \"var(--seed-dimension-spacing-x-between-chips)\",\n \"spacing-x-global-gutter\": \"var(--seed-dimension-spacing-x-global-gutter)\",\n \"spacing-y-component-default\": \"var(--seed-dimension-spacing-y-component-default)\",\n \"spacing-y-nav-to-title\": \"var(--seed-dimension-spacing-y-nav-to-title)\",\n \"spacing-y-screen-bottom\": \"var(--seed-dimension-spacing-y-screen-bottom)\",\n \"spacing-y-between-text\": \"var(--seed-dimension-spacing-y-between-text)\"\n},\n borderRadius: {\n \"r0_5\": \"var(--seed-radius-r0_5)\",\n \"r1\": \"var(--seed-radius-r1)\",\n \"r1_5\": \"var(--seed-radius-r1_5)\",\n \"r2\": \"var(--seed-radius-r2)\",\n \"r2_5\": \"var(--seed-radius-r2_5)\",\n \"r3\": \"var(--seed-radius-r3)\",\n \"r3_5\": \"var(--seed-radius-r3_5)\",\n \"r4\": \"var(--seed-radius-r4)\",\n \"r5\": \"var(--seed-radius-r5)\",\n \"r6\": \"var(--seed-radius-r6)\",\n \"full\": \"var(--seed-radius-full)\"\n},\n fontSize: {\n \"t1\": \"var(--seed-font-size-t1)\",\n \"t2\": \"var(--seed-font-size-t2)\",\n \"t3\": \"var(--seed-font-size-t3)\",\n \"t4\": \"var(--seed-font-size-t4)\",\n \"t5\": \"var(--seed-font-size-t5)\",\n \"t6\": \"var(--seed-font-size-t6)\",\n \"t7\": \"var(--seed-font-size-t7)\",\n \"t8\": \"var(--seed-font-size-t8)\",\n \"t9\": \"var(--seed-font-size-t9)\",\n \"t10\": \"var(--seed-font-size-t10)\",\n \"t2-static\": \"var(--seed-font-size-t2-static)\",\n \"t5-static\": \"var(--seed-font-size-t5-static)\",\n \"t6-static\": \"var(--seed-font-size-t6-static)\"\n},\n lineHeight: {\n \"t1\": \"var(--seed-line-height-t1)\",\n \"t2\": \"var(--seed-line-height-t2)\",\n \"t3\": \"var(--seed-line-height-t3)\",\n \"t4\": \"var(--seed-line-height-t4)\",\n \"t5\": \"var(--seed-line-height-t5)\",\n \"t6\": \"var(--seed-line-height-t6)\",\n \"t7\": \"var(--seed-line-height-t7)\",\n \"t8\": \"var(--seed-line-height-t8)\",\n \"t9\": \"var(--seed-line-height-t9)\",\n \"t10\": \"var(--seed-line-height-t10)\"\n},\n fontWeight: {\n \"regular\": \"var(--seed-font-weight-regular)\",\n \"medium\": \"var(--seed-font-weight-medium)\",\n \"bold\": \"var(--seed-font-weight-bold)\"\n},\n transitionDuration: {\n \"d1\": \"var(--seed-duration-d1)\",\n \"d2\": \"var(--seed-duration-d2)\",\n \"d3\": \"var(--seed-duration-d3)\",\n \"d4\": \"var(--seed-duration-d4)\",\n \"d5\": \"var(--seed-duration-d5)\",\n \"d6\": \"var(--seed-duration-d6)\"\n},\n transitionTimingFunction: {\n \"linear\": \"var(--seed-timing-function-linear)\",\n \"easing\": \"var(--seed-timing-function-easing)\",\n \"enter\": \"var(--seed-timing-function-enter)\",\n \"exit\": \"var(--seed-timing-function-exit)\",\n \"enter-expressive\": \"var(--seed-timing-function-enter-expressive)\",\n \"exit-expressive\": \"var(--seed-timing-function-exit-expressive)\"\n},\n },\n },\n },\n);"],"names":[],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,cAAA,QAAA;AACA,aAAa,wBAAkC,CAAA,aAAA;AAC/C,aAAA,OAAA,CAAqB,wBAAkC,CAAA,MAAA;AACvD;;;;"}
package/lib/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sources":["../src/index.ts"],"sourcesContent":["// @ts-nocheck\nimport plugin from \"tailwindcss/plugin\";\n\n/**\n * Seed Design 디자인 토큰을 위한 Tailwind CSS 플러그인\n * 색상 토큰과 타이포그래피 토큰을 클래스 이름으로 사용할 수 있습니다\n * 예시: \n * - 색상: bg-bg-layer-basement, text-fg-brand, border-stroke-divider\n * - 타이포그래피: t1-regular, t1-bold, screen-title\n * - 그라데이션: \n * * bg-gradient-shimmer-neutral-to-r (방향성 포함)\n * * bg-gradient-shimmer-neutral-[45deg] (임의 각도)\n * \n * 모든 토큰은 CSS 변수를 사용하여 다크 모드와 자동 호환됩니다.\n */\nexport default plugin(\n ({ theme, addComponents, matchUtilities }) => { \n // typography 유틸리티\n const typography = theme(\"typography\");\n if (typography) {\n addComponents(\n Object.entries(typography).reduce((acc, [key, value]) => {\n acc[`.${key}`] = value;\n return acc;\n }, {})\n );\n }\n\n // gradient arbitrary value 지원\n const gradientStopsForArbitrary = {\n \"fade-layer-floating\": \"#ffffff00 0.00%, #000000 100.00%\",\n \"fade-layer-default\": \"#ffffff00 0.00%, #000000 100.00%\",\n \"glow-magic\": \"#fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%\",\n \"shimmer-magic\": \"#fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%\",\n \"glow-magic-pressed\": \"#fbf0f2 0.00%, #ffe8db 80.00%, #f5f2ef 100.00%\",\n \"shimmer-neutral\": \"#ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%\",\n \"highlight-magic\": \"#ff6600 20.00%, #d25aca 100.00%\",\n \"highlight-magic-pressed\": \"#e14f00 20.00%, #ae58bf 100.00%\"\n};\n\n Object.entries(gradientStopsForArbitrary).forEach(([gradientName, colorStops]) => {\n matchUtilities(\n {\n [`bg-gradient-${gradientName}`]: (value) => ({\n backgroundImage: `linear-gradient(${value}, ${colorStops})`\n })\n },\n {\n type: 'any',\n values: {}\n }\n );\n });\n },\n {\n theme: {\n extend: {\n colors: {\n \"palette-blue-100\": \"var(--seed-color-palette-blue-100)\",\n \"palette-blue-200\": \"var(--seed-color-palette-blue-200)\",\n \"palette-blue-300\": \"var(--seed-color-palette-blue-300)\",\n \"palette-blue-400\": \"var(--seed-color-palette-blue-400)\",\n \"palette-blue-500\": \"var(--seed-color-palette-blue-500)\",\n \"palette-blue-600\": \"var(--seed-color-palette-blue-600)\",\n \"palette-blue-700\": \"var(--seed-color-palette-blue-700)\",\n \"palette-blue-800\": \"var(--seed-color-palette-blue-800)\",\n \"palette-blue-900\": \"var(--seed-color-palette-blue-900)\",\n \"palette-blue-1000\": \"var(--seed-color-palette-blue-1000)\",\n \"palette-carrot-100\": \"var(--seed-color-palette-carrot-100)\",\n \"palette-carrot-200\": \"var(--seed-color-palette-carrot-200)\",\n \"palette-carrot-300\": \"var(--seed-color-palette-carrot-300)\",\n \"palette-carrot-400\": \"var(--seed-color-palette-carrot-400)\",\n \"palette-carrot-500\": \"var(--seed-color-palette-carrot-500)\",\n \"palette-carrot-600\": \"var(--seed-color-palette-carrot-600)\",\n \"palette-carrot-700\": \"var(--seed-color-palette-carrot-700)\",\n \"palette-carrot-800\": \"var(--seed-color-palette-carrot-800)\",\n \"palette-carrot-900\": \"var(--seed-color-palette-carrot-900)\",\n \"palette-carrot-1000\": \"var(--seed-color-palette-carrot-1000)\",\n \"palette-gray-00\": \"var(--seed-color-palette-gray-00)\",\n \"palette-gray-100\": \"var(--seed-color-palette-gray-100)\",\n \"palette-gray-200\": \"var(--seed-color-palette-gray-200)\",\n \"palette-gray-300\": \"var(--seed-color-palette-gray-300)\",\n \"palette-gray-400\": \"var(--seed-color-palette-gray-400)\",\n \"palette-gray-500\": \"var(--seed-color-palette-gray-500)\",\n \"palette-gray-600\": \"var(--seed-color-palette-gray-600)\",\n \"palette-gray-700\": \"var(--seed-color-palette-gray-700)\",\n \"palette-gray-800\": \"var(--seed-color-palette-gray-800)\",\n \"palette-gray-900\": \"var(--seed-color-palette-gray-900)\",\n \"palette-gray-1000\": \"var(--seed-color-palette-gray-1000)\",\n \"palette-green-100\": \"var(--seed-color-palette-green-100)\",\n \"palette-green-200\": \"var(--seed-color-palette-green-200)\",\n \"palette-green-300\": \"var(--seed-color-palette-green-300)\",\n \"palette-green-400\": \"var(--seed-color-palette-green-400)\",\n \"palette-green-500\": \"var(--seed-color-palette-green-500)\",\n \"palette-green-600\": \"var(--seed-color-palette-green-600)\",\n \"palette-green-700\": \"var(--seed-color-palette-green-700)\",\n \"palette-green-800\": \"var(--seed-color-palette-green-800)\",\n \"palette-green-900\": \"var(--seed-color-palette-green-900)\",\n \"palette-green-1000\": \"var(--seed-color-palette-green-1000)\",\n \"palette-purple-100\": \"var(--seed-color-palette-purple-100)\",\n \"palette-purple-200\": \"var(--seed-color-palette-purple-200)\",\n \"palette-purple-300\": \"var(--seed-color-palette-purple-300)\",\n \"palette-purple-400\": \"var(--seed-color-palette-purple-400)\",\n \"palette-purple-500\": \"var(--seed-color-palette-purple-500)\",\n \"palette-purple-600\": \"var(--seed-color-palette-purple-600)\",\n \"palette-purple-700\": \"var(--seed-color-palette-purple-700)\",\n \"palette-purple-800\": \"var(--seed-color-palette-purple-800)\",\n \"palette-purple-900\": \"var(--seed-color-palette-purple-900)\",\n \"palette-purple-1000\": \"var(--seed-color-palette-purple-1000)\",\n \"palette-red-100\": \"var(--seed-color-palette-red-100)\",\n \"palette-red-200\": \"var(--seed-color-palette-red-200)\",\n \"palette-red-300\": \"var(--seed-color-palette-red-300)\",\n \"palette-red-400\": \"var(--seed-color-palette-red-400)\",\n \"palette-red-500\": \"var(--seed-color-palette-red-500)\",\n \"palette-red-600\": \"var(--seed-color-palette-red-600)\",\n \"palette-red-700\": \"var(--seed-color-palette-red-700)\",\n \"palette-red-800\": \"var(--seed-color-palette-red-800)\",\n \"palette-red-900\": \"var(--seed-color-palette-red-900)\",\n \"palette-red-1000\": \"var(--seed-color-palette-red-1000)\",\n \"palette-static-black\": \"var(--seed-color-palette-static-black)\",\n \"palette-static-white\": \"var(--seed-color-palette-static-white)\",\n \"palette-static-black-alpha-100\": \"var(--seed-color-palette-static-black-alpha-100)\",\n \"palette-static-black-alpha-200\": \"var(--seed-color-palette-static-black-alpha-200)\",\n \"palette-static-black-alpha-300\": \"var(--seed-color-palette-static-black-alpha-300)\",\n \"palette-static-black-alpha-400\": \"var(--seed-color-palette-static-black-alpha-400)\",\n \"palette-static-black-alpha-500\": \"var(--seed-color-palette-static-black-alpha-500)\",\n \"palette-static-black-alpha-600\": \"var(--seed-color-palette-static-black-alpha-600)\",\n \"palette-static-black-alpha-700\": \"var(--seed-color-palette-static-black-alpha-700)\",\n \"palette-static-black-alpha-800\": \"var(--seed-color-palette-static-black-alpha-800)\",\n \"palette-static-black-alpha-900\": \"var(--seed-color-palette-static-black-alpha-900)\",\n \"palette-static-black-alpha-1000\": \"var(--seed-color-palette-static-black-alpha-1000)\",\n \"palette-static-white-alpha-50\": \"var(--seed-color-palette-static-white-alpha-50)\",\n \"palette-static-white-alpha-100\": \"var(--seed-color-palette-static-white-alpha-100)\",\n \"palette-static-white-alpha-200\": \"var(--seed-color-palette-static-white-alpha-200)\",\n \"palette-static-white-alpha-300\": \"var(--seed-color-palette-static-white-alpha-300)\",\n \"palette-static-white-alpha-400\": \"var(--seed-color-palette-static-white-alpha-400)\",\n \"palette-static-white-alpha-500\": \"var(--seed-color-palette-static-white-alpha-500)\",\n \"palette-static-white-alpha-600\": \"var(--seed-color-palette-static-white-alpha-600)\",\n \"palette-static-white-alpha-700\": \"var(--seed-color-palette-static-white-alpha-700)\",\n \"palette-static-white-alpha-800\": \"var(--seed-color-palette-static-white-alpha-800)\",\n \"palette-static-white-alpha-900\": \"var(--seed-color-palette-static-white-alpha-900)\",\n \"palette-static-white-alpha-1000\": \"var(--seed-color-palette-static-white-alpha-1000)\",\n \"palette-yellow-100\": \"var(--seed-color-palette-yellow-100)\",\n \"palette-yellow-200\": \"var(--seed-color-palette-yellow-200)\",\n \"palette-yellow-300\": \"var(--seed-color-palette-yellow-300)\",\n \"palette-yellow-400\": \"var(--seed-color-palette-yellow-400)\",\n \"palette-yellow-500\": \"var(--seed-color-palette-yellow-500)\",\n \"palette-yellow-600\": \"var(--seed-color-palette-yellow-600)\",\n \"palette-yellow-700\": \"var(--seed-color-palette-yellow-700)\",\n \"palette-yellow-800\": \"var(--seed-color-palette-yellow-800)\",\n \"palette-yellow-900\": \"var(--seed-color-palette-yellow-900)\",\n \"palette-yellow-1000\": \"var(--seed-color-palette-yellow-1000)\",\n \"fg-brand\": \"var(--seed-color-fg-brand)\",\n \"fg-critical\": \"var(--seed-color-fg-critical)\",\n \"fg-disabled\": \"var(--seed-color-fg-disabled)\",\n \"fg-informative\": \"var(--seed-color-fg-informative)\",\n \"fg-neutral\": \"var(--seed-color-fg-neutral)\",\n \"fg-placeholder\": \"var(--seed-color-fg-placeholder)\",\n \"fg-positive\": \"var(--seed-color-fg-positive)\",\n \"fg-critical-contrast\": \"var(--seed-color-fg-critical-contrast)\",\n \"fg-informative-contrast\": \"var(--seed-color-fg-informative-contrast)\",\n \"fg-neutral-inverted\": \"var(--seed-color-fg-neutral-inverted)\",\n \"fg-neutral-muted\": \"var(--seed-color-fg-neutral-muted)\",\n \"fg-neutral-subtle\": \"var(--seed-color-fg-neutral-subtle)\",\n \"fg-positive-contrast\": \"var(--seed-color-fg-positive-contrast)\",\n \"fg-warning-contrast\": \"var(--seed-color-fg-warning-contrast)\",\n \"bg-disabled\": \"var(--seed-color-bg-disabled)\",\n \"bg-overlay\": \"var(--seed-color-bg-overlay)\",\n \"bg-brand-solid\": \"var(--seed-color-bg-brand-solid)\",\n \"bg-brand-solid-pressed\": \"var(--seed-color-bg-brand-solid-pressed)\",\n \"bg-critical-solid\": \"var(--seed-color-bg-critical-solid)\",\n \"bg-critical-weak\": \"var(--seed-color-bg-critical-weak)\",\n \"bg-critical-solid-pressed\": \"var(--seed-color-bg-critical-solid-pressed)\",\n \"bg-critical-weak-pressed\": \"var(--seed-color-bg-critical-weak-pressed)\",\n \"bg-informative-solid\": \"var(--seed-color-bg-informative-solid)\",\n \"bg-informative-weak\": \"var(--seed-color-bg-informative-weak)\",\n \"bg-informative-solid-pressed\": \"var(--seed-color-bg-informative-solid-pressed)\",\n \"bg-informative-weak-pressed\": \"var(--seed-color-bg-informative-weak-pressed)\",\n \"bg-layer-basement\": \"var(--seed-color-bg-layer-basement)\",\n \"bg-layer-default\": \"var(--seed-color-bg-layer-default)\",\n \"bg-layer-fill\": \"var(--seed-color-bg-layer-fill)\",\n \"bg-layer-floating\": \"var(--seed-color-bg-layer-floating)\",\n \"bg-layer-default-pressed\": \"var(--seed-color-bg-layer-default-pressed)\",\n \"bg-layer-floating-pressed\": \"var(--seed-color-bg-layer-floating-pressed)\",\n \"bg-magic-weak\": \"var(--seed-color-bg-magic-weak)\",\n \"bg-neutral-inverted\": \"var(--seed-color-bg-neutral-inverted)\",\n \"bg-neutral-solid\": \"var(--seed-color-bg-neutral-solid)\",\n \"bg-neutral-weak\": \"var(--seed-color-bg-neutral-weak)\",\n \"bg-neutral-inverted-pressed\": \"var(--seed-color-bg-neutral-inverted-pressed)\",\n \"bg-neutral-solid-muted\": \"var(--seed-color-bg-neutral-solid-muted)\",\n \"bg-neutral-solid-muted-pressed\": \"var(--seed-color-bg-neutral-solid-muted-pressed)\",\n \"bg-neutral-weak-pressed\": \"var(--seed-color-bg-neutral-weak-pressed)\",\n \"bg-overlay-muted\": \"var(--seed-color-bg-overlay-muted)\",\n \"bg-positive-solid\": \"var(--seed-color-bg-positive-solid)\",\n \"bg-positive-weak\": \"var(--seed-color-bg-positive-weak)\",\n \"bg-positive-solid-pressed\": \"var(--seed-color-bg-positive-solid-pressed)\",\n \"bg-positive-weak-pressed\": \"var(--seed-color-bg-positive-weak-pressed)\",\n \"bg-warning-solid\": \"var(--seed-color-bg-warning-solid)\",\n \"bg-warning-weak\": \"var(--seed-color-bg-warning-weak)\",\n \"bg-warning-weak-pressed\": \"var(--seed-color-bg-warning-weak-pressed)\",\n \"stroke-brand\": \"var(--seed-color-stroke-brand)\",\n \"stroke-control\": \"var(--seed-color-stroke-control)\",\n \"stroke-critical\": \"var(--seed-color-stroke-critical)\",\n \"stroke-field\": \"var(--seed-color-stroke-field)\",\n \"stroke-informative\": \"var(--seed-color-stroke-informative)\",\n \"stroke-neutral\": \"var(--seed-color-stroke-neutral)\",\n \"stroke-positive\": \"var(--seed-color-stroke-positive)\",\n \"stroke-field-focused\": \"var(--seed-color-stroke-field-focused)\",\n \"stroke-neutral-muted\": \"var(--seed-color-stroke-neutral-muted)\",\n \"stroke-on-image\": \"var(--seed-color-stroke-on-image)\",\n \"manner-temp-l1-bg\": \"var(--seed-color-manner-temp-l1-bg)\",\n \"manner-temp-l1-text\": \"var(--seed-color-manner-temp-l1-text)\",\n \"manner-temp-l2-bg\": \"var(--seed-color-manner-temp-l2-bg)\",\n \"manner-temp-l2-text\": \"var(--seed-color-manner-temp-l2-text)\",\n \"manner-temp-l3-bg\": \"var(--seed-color-manner-temp-l3-bg)\",\n \"manner-temp-l3-text\": \"var(--seed-color-manner-temp-l3-text)\",\n \"manner-temp-l4-bg\": \"var(--seed-color-manner-temp-l4-bg)\",\n \"manner-temp-l4-text\": \"var(--seed-color-manner-temp-l4-text)\",\n \"manner-temp-l5-bg\": \"var(--seed-color-manner-temp-l5-bg)\",\n \"manner-temp-l5-text\": \"var(--seed-color-manner-temp-l5-text)\",\n \"manner-temp-l6-bg\": \"var(--seed-color-manner-temp-l6-bg)\",\n \"manner-temp-l6-text\": \"var(--seed-color-manner-temp-l6-text)\",\n \"gradient-stops-fade-layer-floating\": \"#ffffff00 0.00%, #000000 100.00%\",\n \"gradient-stops-fade-layer-default\": \"#ffffff00 0.00%, #000000 100.00%\",\n \"gradient-stops-glow-magic\": \"#fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%\",\n \"gradient-stops-shimmer-magic\": \"#fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%\",\n \"gradient-stops-glow-magic-pressed\": \"#fbf0f2 0.00%, #ffe8db 80.00%, #f5f2ef 100.00%\",\n \"gradient-stops-shimmer-neutral\": \"#ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%\",\n \"gradient-stops-highlight-magic\": \"#ff6600 20.00%, #d25aca 100.00%\",\n \"gradient-stops-highlight-magic-pressed\": \"#e14f00 20.00%, #ae58bf 100.00%\"\n},\n backgroundImage: {\n \"fade-layer-floating-to-t\": \"linear-gradient(to top, #ffffff00 0.00%, #000000 100.00%)\",\n \"fade-layer-floating-to-tr\": \"linear-gradient(to top right, #ffffff00 0.00%, #000000 100.00%)\",\n \"fade-layer-floating-to-r\": \"linear-gradient(to right, #ffffff00 0.00%, #000000 100.00%)\",\n \"fade-layer-floating-to-br\": \"linear-gradient(to bottom right, #ffffff00 0.00%, #000000 100.00%)\",\n \"fade-layer-floating-to-b\": \"linear-gradient(to bottom, #ffffff00 0.00%, #000000 100.00%)\",\n \"fade-layer-floating-to-bl\": \"linear-gradient(to bottom left, #ffffff00 0.00%, #000000 100.00%)\",\n \"fade-layer-floating-to-l\": \"linear-gradient(to left, #ffffff00 0.00%, #000000 100.00%)\",\n \"fade-layer-floating-to-tl\": \"linear-gradient(to top left, #ffffff00 0.00%, #000000 100.00%)\",\n \"fade-layer-default-to-t\": \"linear-gradient(to top, #ffffff00 0.00%, #000000 100.00%)\",\n \"fade-layer-default-to-tr\": \"linear-gradient(to top right, #ffffff00 0.00%, #000000 100.00%)\",\n \"fade-layer-default-to-r\": \"linear-gradient(to right, #ffffff00 0.00%, #000000 100.00%)\",\n \"fade-layer-default-to-br\": \"linear-gradient(to bottom right, #ffffff00 0.00%, #000000 100.00%)\",\n \"fade-layer-default-to-b\": \"linear-gradient(to bottom, #ffffff00 0.00%, #000000 100.00%)\",\n \"fade-layer-default-to-bl\": \"linear-gradient(to bottom left, #ffffff00 0.00%, #000000 100.00%)\",\n \"fade-layer-default-to-l\": \"linear-gradient(to left, #ffffff00 0.00%, #000000 100.00%)\",\n \"fade-layer-default-to-tl\": \"linear-gradient(to top left, #ffffff00 0.00%, #000000 100.00%)\",\n \"glow-magic-to-t\": \"linear-gradient(to top, #fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%)\",\n \"glow-magic-to-tr\": \"linear-gradient(to top right, #fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%)\",\n \"glow-magic-to-r\": \"linear-gradient(to right, #fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%)\",\n \"glow-magic-to-br\": \"linear-gradient(to bottom right, #fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%)\",\n \"glow-magic-to-b\": \"linear-gradient(to bottom, #fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%)\",\n \"glow-magic-to-bl\": \"linear-gradient(to bottom left, #fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%)\",\n \"glow-magic-to-l\": \"linear-gradient(to left, #fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%)\",\n \"glow-magic-to-tl\": \"linear-gradient(to top left, #fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%)\",\n \"shimmer-magic-to-t\": \"linear-gradient(to top, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%)\",\n \"shimmer-magic-to-tr\": \"linear-gradient(to top right, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%)\",\n \"shimmer-magic-to-r\": \"linear-gradient(to right, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%)\",\n \"shimmer-magic-to-br\": \"linear-gradient(to bottom right, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%)\",\n \"shimmer-magic-to-b\": \"linear-gradient(to bottom, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%)\",\n \"shimmer-magic-to-bl\": \"linear-gradient(to bottom left, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%)\",\n \"shimmer-magic-to-l\": \"linear-gradient(to left, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%)\",\n \"shimmer-magic-to-tl\": \"linear-gradient(to top left, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%)\",\n \"glow-magic-pressed-to-t\": \"linear-gradient(to top, #fbf0f2 0.00%, #ffe8db 80.00%, #f5f2ef 100.00%)\",\n \"glow-magic-pressed-to-tr\": \"linear-gradient(to top right, #fbf0f2 0.00%, #ffe8db 80.00%, #f5f2ef 100.00%)\",\n \"glow-magic-pressed-to-r\": \"linear-gradient(to right, #fbf0f2 0.00%, #ffe8db 80.00%, #f5f2ef 100.00%)\",\n \"glow-magic-pressed-to-br\": \"linear-gradient(to bottom right, #fbf0f2 0.00%, #ffe8db 80.00%, #f5f2ef 100.00%)\",\n \"glow-magic-pressed-to-b\": \"linear-gradient(to bottom, #fbf0f2 0.00%, #ffe8db 80.00%, #f5f2ef 100.00%)\",\n \"glow-magic-pressed-to-bl\": \"linear-gradient(to bottom left, #fbf0f2 0.00%, #ffe8db 80.00%, #f5f2ef 100.00%)\",\n \"glow-magic-pressed-to-l\": \"linear-gradient(to left, #fbf0f2 0.00%, #ffe8db 80.00%, #f5f2ef 100.00%)\",\n \"glow-magic-pressed-to-tl\": \"linear-gradient(to top left, #fbf0f2 0.00%, #ffe8db 80.00%, #f5f2ef 100.00%)\",\n \"shimmer-neutral-to-t\": \"linear-gradient(to top, #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%)\",\n \"shimmer-neutral-to-tr\": \"linear-gradient(to top right, #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%)\",\n \"shimmer-neutral-to-r\": \"linear-gradient(to right, #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%)\",\n \"shimmer-neutral-to-br\": \"linear-gradient(to bottom right, #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%)\",\n \"shimmer-neutral-to-b\": \"linear-gradient(to bottom, #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%)\",\n \"shimmer-neutral-to-bl\": \"linear-gradient(to bottom left, #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%)\",\n \"shimmer-neutral-to-l\": \"linear-gradient(to left, #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%)\",\n \"shimmer-neutral-to-tl\": \"linear-gradient(to top left, #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%)\",\n \"highlight-magic-to-t\": \"linear-gradient(to top, #ff6600 20.00%, #d25aca 100.00%)\",\n \"highlight-magic-to-tr\": \"linear-gradient(to top right, #ff6600 20.00%, #d25aca 100.00%)\",\n \"highlight-magic-to-r\": \"linear-gradient(to right, #ff6600 20.00%, #d25aca 100.00%)\",\n \"highlight-magic-to-br\": \"linear-gradient(to bottom right, #ff6600 20.00%, #d25aca 100.00%)\",\n \"highlight-magic-to-b\": \"linear-gradient(to bottom, #ff6600 20.00%, #d25aca 100.00%)\",\n \"highlight-magic-to-bl\": \"linear-gradient(to bottom left, #ff6600 20.00%, #d25aca 100.00%)\",\n \"highlight-magic-to-l\": \"linear-gradient(to left, #ff6600 20.00%, #d25aca 100.00%)\",\n \"highlight-magic-to-tl\": \"linear-gradient(to top left, #ff6600 20.00%, #d25aca 100.00%)\",\n \"highlight-magic-pressed-to-t\": \"linear-gradient(to top, #e14f00 20.00%, #ae58bf 100.00%)\",\n \"highlight-magic-pressed-to-tr\": \"linear-gradient(to top right, #e14f00 20.00%, #ae58bf 100.00%)\",\n \"highlight-magic-pressed-to-r\": \"linear-gradient(to right, #e14f00 20.00%, #ae58bf 100.00%)\",\n \"highlight-magic-pressed-to-br\": \"linear-gradient(to bottom right, #e14f00 20.00%, #ae58bf 100.00%)\",\n \"highlight-magic-pressed-to-b\": \"linear-gradient(to bottom, #e14f00 20.00%, #ae58bf 100.00%)\",\n \"highlight-magic-pressed-to-bl\": \"linear-gradient(to bottom left, #e14f00 20.00%, #ae58bf 100.00%)\",\n \"highlight-magic-pressed-to-l\": \"linear-gradient(to left, #e14f00 20.00%, #ae58bf 100.00%)\",\n \"highlight-magic-pressed-to-tl\": \"linear-gradient(to top left, #e14f00 20.00%, #ae58bf 100.00%)\"\n},\n typography: {\n \"screen-title\": {\n \"fontSize\": \"var(--seed-font-size-t10)\",\n \"lineHeight\": \"var(--seed-line-height-t10)\",\n \"fontWeight\": \"var(--seed-font-weight-bold)\"\n },\n \"article-body\": {\n \"fontSize\": \"var(--seed-font-size-t5)\",\n \"lineHeight\": \"var(--seed-line-height-t6)\",\n \"fontWeight\": \"var(--seed-font-weight-regular)\"\n },\n \"t1-regular\": {\n \"fontSize\": \"var(--seed-font-size-t1)\",\n \"lineHeight\": \"var(--seed-line-height-t1)\",\n \"fontWeight\": \"var(--seed-font-weight-regular)\"\n },\n \"t1-medium\": {\n \"fontSize\": \"var(--seed-font-size-t1)\",\n \"lineHeight\": \"var(--seed-line-height-t1)\",\n \"fontWeight\": \"var(--seed-font-weight-medium)\"\n },\n \"t1-bold\": {\n \"fontSize\": \"var(--seed-font-size-t1)\",\n \"lineHeight\": \"var(--seed-line-height-t1)\",\n \"fontWeight\": \"var(--seed-font-weight-bold)\"\n },\n \"t2-regular\": {\n \"fontSize\": \"var(--seed-font-size-t2)\",\n \"lineHeight\": \"var(--seed-line-height-t2)\",\n \"fontWeight\": \"var(--seed-font-weight-regular)\"\n },\n \"t2-medium\": {\n \"fontSize\": \"var(--seed-font-size-t2)\",\n \"lineHeight\": \"var(--seed-line-height-t2)\",\n \"fontWeight\": \"var(--seed-font-weight-medium)\"\n },\n \"t2-bold\": {\n \"fontSize\": \"var(--seed-font-size-t2)\",\n \"lineHeight\": \"var(--seed-line-height-t2)\",\n \"fontWeight\": \"var(--seed-font-weight-bold)\"\n },\n \"t3-regular\": {\n \"fontSize\": \"var(--seed-font-size-t3)\",\n \"lineHeight\": \"var(--seed-line-height-t3)\",\n \"fontWeight\": \"var(--seed-font-weight-regular)\"\n },\n \"t3-medium\": {\n \"fontSize\": \"var(--seed-font-size-t3)\",\n \"lineHeight\": \"var(--seed-line-height-t3)\",\n \"fontWeight\": \"var(--seed-font-weight-medium)\"\n },\n \"t3-bold\": {\n \"fontSize\": \"var(--seed-font-size-t3)\",\n \"lineHeight\": \"var(--seed-line-height-t3)\",\n \"fontWeight\": \"var(--seed-font-weight-bold)\"\n },\n \"t4-regular\": {\n \"fontSize\": \"var(--seed-font-size-t4)\",\n \"lineHeight\": \"var(--seed-line-height-t4)\",\n \"fontWeight\": \"var(--seed-font-weight-regular)\"\n },\n \"t4-medium\": {\n \"fontSize\": \"var(--seed-font-size-t4)\",\n \"lineHeight\": \"var(--seed-line-height-t4)\",\n \"fontWeight\": \"var(--seed-font-weight-medium)\"\n },\n \"t4-bold\": {\n \"fontSize\": \"var(--seed-font-size-t4)\",\n \"lineHeight\": \"var(--seed-line-height-t4)\",\n \"fontWeight\": \"var(--seed-font-weight-bold)\"\n },\n \"t5-regular\": {\n \"fontSize\": \"var(--seed-font-size-t5)\",\n \"lineHeight\": \"var(--seed-line-height-t5)\",\n \"fontWeight\": \"var(--seed-font-weight-regular)\"\n },\n \"t5-medium\": {\n \"fontSize\": \"var(--seed-font-size-t5)\",\n \"lineHeight\": \"var(--seed-line-height-t5)\",\n \"fontWeight\": \"var(--seed-font-weight-medium)\"\n },\n \"t5-bold\": {\n \"fontSize\": \"var(--seed-font-size-t5)\",\n \"lineHeight\": \"var(--seed-line-height-t5)\",\n \"fontWeight\": \"var(--seed-font-weight-bold)\"\n },\n \"t6-regular\": {\n \"fontSize\": \"var(--seed-font-size-t6)\",\n \"lineHeight\": \"var(--seed-line-height-t6)\",\n \"fontWeight\": \"var(--seed-font-weight-regular)\"\n },\n \"t6-medium\": {\n \"fontSize\": \"var(--seed-font-size-t6)\",\n \"lineHeight\": \"var(--seed-line-height-t6)\",\n \"fontWeight\": \"var(--seed-font-weight-medium)\"\n },\n \"t6-bold\": {\n \"fontSize\": \"var(--seed-font-size-t6)\",\n \"lineHeight\": \"var(--seed-line-height-t6)\",\n \"fontWeight\": \"var(--seed-font-weight-bold)\"\n },\n \"t7-regular\": {\n \"fontSize\": \"var(--seed-font-size-t7)\",\n \"lineHeight\": \"var(--seed-line-height-t7)\",\n \"fontWeight\": \"var(--seed-font-weight-regular)\"\n },\n \"t7-medium\": {\n \"fontSize\": \"var(--seed-font-size-t7)\",\n \"lineHeight\": \"var(--seed-line-height-t7)\",\n \"fontWeight\": \"var(--seed-font-weight-medium)\"\n },\n \"t7-bold\": {\n \"fontSize\": \"var(--seed-font-size-t7)\",\n \"lineHeight\": \"var(--seed-line-height-t7)\",\n \"fontWeight\": \"var(--seed-font-weight-bold)\"\n },\n \"t8-bold\": {\n \"fontSize\": \"var(--seed-font-size-t8)\",\n \"lineHeight\": \"var(--seed-line-height-t8)\",\n \"fontWeight\": \"var(--seed-font-weight-bold)\"\n },\n \"t9-bold\": {\n \"fontSize\": \"var(--seed-font-size-t9)\",\n \"lineHeight\": \"var(--seed-line-height-t9)\",\n \"fontWeight\": \"var(--seed-font-weight-bold)\"\n },\n \"t10-bold\": {\n \"fontSize\": \"var(--seed-font-size-t10)\",\n \"lineHeight\": \"var(--seed-line-height-t10)\",\n \"fontWeight\": \"var(--seed-font-weight-bold)\"\n }\n},\n spacing: {\n \"x0_5\": \"var(--seed-dimension-x0_5)\",\n \"x1\": \"var(--seed-dimension-x1)\",\n \"x1_5\": \"var(--seed-dimension-x1_5)\",\n \"x2\": \"var(--seed-dimension-x2)\",\n \"x2_5\": \"var(--seed-dimension-x2_5)\",\n \"x3\": \"var(--seed-dimension-x3)\",\n \"x3_5\": \"var(--seed-dimension-x3_5)\",\n \"x4\": \"var(--seed-dimension-x4)\",\n \"x4_5\": \"var(--seed-dimension-x4_5)\",\n \"x5\": \"var(--seed-dimension-x5)\",\n \"x6\": \"var(--seed-dimension-x6)\",\n \"x7\": \"var(--seed-dimension-x7)\",\n \"x8\": \"var(--seed-dimension-x8)\",\n \"x9\": \"var(--seed-dimension-x9)\",\n \"x10\": \"var(--seed-dimension-x10)\",\n \"x12\": \"var(--seed-dimension-x12)\",\n \"x13\": \"var(--seed-dimension-x13)\",\n \"x14\": \"var(--seed-dimension-x14)\",\n \"x16\": \"var(--seed-dimension-x16)\",\n \"spacing-x-between-chips\": \"var(--seed-dimension-spacing-x-between-chips)\",\n \"spacing-x-global-gutter\": \"var(--seed-dimension-spacing-x-global-gutter)\",\n \"spacing-y-component-default\": \"var(--seed-dimension-spacing-y-component-default)\",\n \"spacing-y-nav-to-title\": \"var(--seed-dimension-spacing-y-nav-to-title)\",\n \"spacing-y-screen-bottom\": \"var(--seed-dimension-spacing-y-screen-bottom)\",\n \"spacing-y-between-text\": \"var(--seed-dimension-spacing-y-between-text)\"\n},\n borderRadius: {\n \"r0_5\": \"var(--seed-radius-r0_5)\",\n \"r1\": \"var(--seed-radius-r1)\",\n \"r1_5\": \"var(--seed-radius-r1_5)\",\n \"r2\": \"var(--seed-radius-r2)\",\n \"r2_5\": \"var(--seed-radius-r2_5)\",\n \"r3\": \"var(--seed-radius-r3)\",\n \"r3_5\": \"var(--seed-radius-r3_5)\",\n \"r4\": \"var(--seed-radius-r4)\",\n \"r5\": \"var(--seed-radius-r5)\",\n \"r6\": \"var(--seed-radius-r6)\",\n \"full\": \"var(--seed-radius-full)\"\n},\n fontSize: {\n \"t1\": \"var(--seed-font-size-t1)\",\n \"t2\": \"var(--seed-font-size-t2)\",\n \"t3\": \"var(--seed-font-size-t3)\",\n \"t4\": \"var(--seed-font-size-t4)\",\n \"t5\": \"var(--seed-font-size-t5)\",\n \"t6\": \"var(--seed-font-size-t6)\",\n \"t7\": \"var(--seed-font-size-t7)\",\n \"t8\": \"var(--seed-font-size-t8)\",\n \"t9\": \"var(--seed-font-size-t9)\",\n \"t10\": \"var(--seed-font-size-t10)\",\n \"t2-static\": \"var(--seed-font-size-t2-static)\",\n \"t5-static\": \"var(--seed-font-size-t5-static)\",\n \"t6-static\": \"var(--seed-font-size-t6-static)\"\n},\n lineHeight: {\n \"t1\": \"var(--seed-line-height-t1)\",\n \"t2\": \"var(--seed-line-height-t2)\",\n \"t3\": \"var(--seed-line-height-t3)\",\n \"t4\": \"var(--seed-line-height-t4)\",\n \"t5\": \"var(--seed-line-height-t5)\",\n \"t6\": \"var(--seed-line-height-t6)\",\n \"t7\": \"var(--seed-line-height-t7)\",\n \"t8\": \"var(--seed-line-height-t8)\",\n \"t9\": \"var(--seed-line-height-t9)\",\n \"t10\": \"var(--seed-line-height-t10)\"\n},\n fontWeight: {\n \"regular\": \"var(--seed-font-weight-regular)\",\n \"medium\": \"var(--seed-font-weight-medium)\",\n \"bold\": \"var(--seed-font-weight-bold)\"\n},\n transitionDuration: {\n \"d1\": \"var(--seed-duration-d1)\",\n \"d2\": \"var(--seed-duration-d2)\",\n \"d3\": \"var(--seed-duration-d3)\",\n \"d4\": \"var(--seed-duration-d4)\",\n \"d5\": \"var(--seed-duration-d5)\",\n \"d6\": \"var(--seed-duration-d6)\"\n},\n transitionTimingFunction: {\n \"linear\": \"var(--seed-timing-function-linear)\",\n \"easing\": \"var(--seed-timing-function-easing)\",\n \"enter\": \"var(--seed-timing-function-enter)\",\n \"exit\": \"var(--seed-timing-function-exit)\",\n \"enter-expressive\": \"var(--seed-timing-function-enter-expressive)\",\n \"exit-expressive\": \"var(--seed-timing-function-exit-expressive)\"\n},\n },\n },\n },\n);"],"names":[],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,cAAA,QAAA;AACA,aAAa,wBAAkC,CAAA,aAAA;AAC/C,aAAA,OAAA,CAAqB,wBAAkC,CAAA,MAAA;AACvD;;;;"}
1
+ {"version":3,"file":"index.d.ts","sources":["../src/index.ts"],"sourcesContent":["// @ts-nocheck\nimport plugin from \"tailwindcss/plugin\";\n\n/**\n * Seed Design 디자인 토큰을 위한 Tailwind CSS 플러그인\n * 색상 토큰과 타이포그래피 토큰을 클래스 이름으로 사용할 수 있습니다\n * 예시: \n * - 색상: bg-bg-layer-basement, text-fg-brand, border-stroke-divider\n * - 타이포그래피: t1-regular, t1-bold, screen-title\n * - 그라데이션: \n * * bg-gradient-shimmer-neutral-to-r (방향성 포함)\n * * bg-gradient-shimmer-neutral-[45deg] (임의 각도)\n * \n * 모든 토큰은 CSS 변수를 사용하여 다크 모드와 자동 호환됩니다.\n */\nexport default plugin(\n ({ theme, addComponents, matchUtilities }) => { \n // typography 유틸리티\n const typography = theme(\"typography\");\n if (typography) {\n addComponents(\n Object.entries(typography).reduce((acc, [key, value]) => {\n acc[`.${key}`] = value;\n return acc;\n }, {})\n );\n }\n\n // gradient arbitrary value 지원\n const gradientStopsForArbitrary = {\n \"fade-layer-floating\": \"#ffffff00 0.00%, #000000 100.00%\",\n \"fade-layer-default\": \"#000000 0.00%, #ffffff00 100.00%\",\n \"glow-magic\": \"#fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%\",\n \"glow-magic-pressed\": \"#fbf0f2 0.00%, #ffe8db 80.00%, #f5f2ef 100.00%\",\n \"shimmer-neutral\": \"#ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%\",\n \"shimmer-magic\": \"#fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%\",\n \"highlight-magic-pressed\": \"#e14f00 20.00%, #ae58bf 100.00%\",\n \"highlight-magic\": \"#ff6600 20.00%, #d25aca 100.00%\"\n};\n\n Object.entries(gradientStopsForArbitrary).forEach(([gradientName, colorStops]) => {\n matchUtilities(\n {\n [`bg-gradient-${gradientName}`]: (value) => ({\n backgroundImage: `linear-gradient(${value}, ${colorStops})`\n })\n },\n {\n type: 'any',\n values: {}\n }\n );\n });\n },\n {\n theme: {\n extend: {\n colors: {\n \"palette-blue-100\": \"var(--seed-color-palette-blue-100)\",\n \"palette-blue-200\": \"var(--seed-color-palette-blue-200)\",\n \"palette-blue-300\": \"var(--seed-color-palette-blue-300)\",\n \"palette-blue-400\": \"var(--seed-color-palette-blue-400)\",\n \"palette-blue-500\": \"var(--seed-color-palette-blue-500)\",\n \"palette-blue-600\": \"var(--seed-color-palette-blue-600)\",\n \"palette-blue-700\": \"var(--seed-color-palette-blue-700)\",\n \"palette-blue-800\": \"var(--seed-color-palette-blue-800)\",\n \"palette-blue-900\": \"var(--seed-color-palette-blue-900)\",\n \"palette-blue-1000\": \"var(--seed-color-palette-blue-1000)\",\n \"palette-carrot-100\": \"var(--seed-color-palette-carrot-100)\",\n \"palette-carrot-200\": \"var(--seed-color-palette-carrot-200)\",\n \"palette-carrot-300\": \"var(--seed-color-palette-carrot-300)\",\n \"palette-carrot-400\": \"var(--seed-color-palette-carrot-400)\",\n \"palette-carrot-500\": \"var(--seed-color-palette-carrot-500)\",\n \"palette-carrot-600\": \"var(--seed-color-palette-carrot-600)\",\n \"palette-carrot-700\": \"var(--seed-color-palette-carrot-700)\",\n \"palette-carrot-800\": \"var(--seed-color-palette-carrot-800)\",\n \"palette-carrot-900\": \"var(--seed-color-palette-carrot-900)\",\n \"palette-carrot-1000\": \"var(--seed-color-palette-carrot-1000)\",\n \"palette-gray-00\": \"var(--seed-color-palette-gray-00)\",\n \"palette-gray-100\": \"var(--seed-color-palette-gray-100)\",\n \"palette-gray-200\": \"var(--seed-color-palette-gray-200)\",\n \"palette-gray-300\": \"var(--seed-color-palette-gray-300)\",\n \"palette-gray-400\": \"var(--seed-color-palette-gray-400)\",\n \"palette-gray-500\": \"var(--seed-color-palette-gray-500)\",\n \"palette-gray-600\": \"var(--seed-color-palette-gray-600)\",\n \"palette-gray-700\": \"var(--seed-color-palette-gray-700)\",\n \"palette-gray-800\": \"var(--seed-color-palette-gray-800)\",\n \"palette-gray-900\": \"var(--seed-color-palette-gray-900)\",\n \"palette-gray-1000\": \"var(--seed-color-palette-gray-1000)\",\n \"palette-green-100\": \"var(--seed-color-palette-green-100)\",\n \"palette-green-200\": \"var(--seed-color-palette-green-200)\",\n \"palette-green-300\": \"var(--seed-color-palette-green-300)\",\n \"palette-green-400\": \"var(--seed-color-palette-green-400)\",\n \"palette-green-500\": \"var(--seed-color-palette-green-500)\",\n \"palette-green-600\": \"var(--seed-color-palette-green-600)\",\n \"palette-green-700\": \"var(--seed-color-palette-green-700)\",\n \"palette-green-800\": \"var(--seed-color-palette-green-800)\",\n \"palette-green-900\": \"var(--seed-color-palette-green-900)\",\n \"palette-green-1000\": \"var(--seed-color-palette-green-1000)\",\n \"palette-purple-100\": \"var(--seed-color-palette-purple-100)\",\n \"palette-purple-200\": \"var(--seed-color-palette-purple-200)\",\n \"palette-purple-300\": \"var(--seed-color-palette-purple-300)\",\n \"palette-purple-400\": \"var(--seed-color-palette-purple-400)\",\n \"palette-purple-500\": \"var(--seed-color-palette-purple-500)\",\n \"palette-purple-600\": \"var(--seed-color-palette-purple-600)\",\n \"palette-purple-700\": \"var(--seed-color-palette-purple-700)\",\n \"palette-purple-800\": \"var(--seed-color-palette-purple-800)\",\n \"palette-purple-900\": \"var(--seed-color-palette-purple-900)\",\n \"palette-purple-1000\": \"var(--seed-color-palette-purple-1000)\",\n \"palette-red-100\": \"var(--seed-color-palette-red-100)\",\n \"palette-red-200\": \"var(--seed-color-palette-red-200)\",\n \"palette-red-300\": \"var(--seed-color-palette-red-300)\",\n \"palette-red-400\": \"var(--seed-color-palette-red-400)\",\n \"palette-red-500\": \"var(--seed-color-palette-red-500)\",\n \"palette-red-600\": \"var(--seed-color-palette-red-600)\",\n \"palette-red-700\": \"var(--seed-color-palette-red-700)\",\n \"palette-red-800\": \"var(--seed-color-palette-red-800)\",\n \"palette-red-900\": \"var(--seed-color-palette-red-900)\",\n \"palette-red-1000\": \"var(--seed-color-palette-red-1000)\",\n \"palette-static-black\": \"var(--seed-color-palette-static-black)\",\n \"palette-static-white\": \"var(--seed-color-palette-static-white)\",\n \"palette-static-black-alpha-100\": \"var(--seed-color-palette-static-black-alpha-100)\",\n \"palette-static-black-alpha-200\": \"var(--seed-color-palette-static-black-alpha-200)\",\n \"palette-static-black-alpha-300\": \"var(--seed-color-palette-static-black-alpha-300)\",\n \"palette-static-black-alpha-400\": \"var(--seed-color-palette-static-black-alpha-400)\",\n \"palette-static-black-alpha-500\": \"var(--seed-color-palette-static-black-alpha-500)\",\n \"palette-static-black-alpha-600\": \"var(--seed-color-palette-static-black-alpha-600)\",\n \"palette-static-black-alpha-700\": \"var(--seed-color-palette-static-black-alpha-700)\",\n \"palette-static-black-alpha-800\": \"var(--seed-color-palette-static-black-alpha-800)\",\n \"palette-static-black-alpha-900\": \"var(--seed-color-palette-static-black-alpha-900)\",\n \"palette-static-black-alpha-1000\": \"var(--seed-color-palette-static-black-alpha-1000)\",\n \"palette-static-white-alpha-50\": \"var(--seed-color-palette-static-white-alpha-50)\",\n \"palette-static-white-alpha-100\": \"var(--seed-color-palette-static-white-alpha-100)\",\n \"palette-static-white-alpha-200\": \"var(--seed-color-palette-static-white-alpha-200)\",\n \"palette-static-white-alpha-300\": \"var(--seed-color-palette-static-white-alpha-300)\",\n \"palette-static-white-alpha-400\": \"var(--seed-color-palette-static-white-alpha-400)\",\n \"palette-static-white-alpha-500\": \"var(--seed-color-palette-static-white-alpha-500)\",\n \"palette-static-white-alpha-600\": \"var(--seed-color-palette-static-white-alpha-600)\",\n \"palette-static-white-alpha-700\": \"var(--seed-color-palette-static-white-alpha-700)\",\n \"palette-static-white-alpha-800\": \"var(--seed-color-palette-static-white-alpha-800)\",\n \"palette-static-white-alpha-900\": \"var(--seed-color-palette-static-white-alpha-900)\",\n \"palette-static-white-alpha-1000\": \"var(--seed-color-palette-static-white-alpha-1000)\",\n \"palette-yellow-100\": \"var(--seed-color-palette-yellow-100)\",\n \"palette-yellow-200\": \"var(--seed-color-palette-yellow-200)\",\n \"palette-yellow-300\": \"var(--seed-color-palette-yellow-300)\",\n \"palette-yellow-400\": \"var(--seed-color-palette-yellow-400)\",\n \"palette-yellow-500\": \"var(--seed-color-palette-yellow-500)\",\n \"palette-yellow-600\": \"var(--seed-color-palette-yellow-600)\",\n \"palette-yellow-700\": \"var(--seed-color-palette-yellow-700)\",\n \"palette-yellow-800\": \"var(--seed-color-palette-yellow-800)\",\n \"palette-yellow-900\": \"var(--seed-color-palette-yellow-900)\",\n \"palette-yellow-1000\": \"var(--seed-color-palette-yellow-1000)\",\n \"fg-neutral\": \"var(--seed-color-fg-neutral)\",\n \"fg-brand\": \"var(--seed-color-fg-brand)\",\n \"fg-critical\": \"var(--seed-color-fg-critical)\",\n \"fg-positive\": \"var(--seed-color-fg-positive)\",\n \"fg-warning\": \"var(--seed-color-fg-warning)\",\n \"fg-informative\": \"var(--seed-color-fg-informative)\",\n \"fg-placeholder\": \"var(--seed-color-fg-placeholder)\",\n \"fg-disabled\": \"var(--seed-color-fg-disabled)\",\n \"fg-brand-contrast\": \"var(--seed-color-fg-brand-contrast)\",\n \"fg-critical-contrast\": \"var(--seed-color-fg-critical-contrast)\",\n \"fg-informative-contrast\": \"var(--seed-color-fg-informative-contrast)\",\n \"fg-neutral-muted\": \"var(--seed-color-fg-neutral-muted)\",\n \"fg-neutral-subtle\": \"var(--seed-color-fg-neutral-subtle)\",\n \"fg-neutral-inverted\": \"var(--seed-color-fg-neutral-inverted)\",\n \"fg-positive-contrast\": \"var(--seed-color-fg-positive-contrast)\",\n \"fg-warning-contrast\": \"var(--seed-color-fg-warning-contrast)\",\n \"bg-overlay\": \"var(--seed-color-bg-overlay)\",\n \"bg-disabled\": \"var(--seed-color-bg-disabled)\",\n \"bg-brand-weak\": \"var(--seed-color-bg-brand-weak)\",\n \"bg-brand-solid\": \"var(--seed-color-bg-brand-solid)\",\n \"bg-brand-solid-pressed\": \"var(--seed-color-bg-brand-solid-pressed)\",\n \"bg-brand-weak-pressed\": \"var(--seed-color-bg-brand-weak-pressed)\",\n \"bg-critical-weak\": \"var(--seed-color-bg-critical-weak)\",\n \"bg-critical-solid\": \"var(--seed-color-bg-critical-solid)\",\n \"bg-critical-solid-pressed\": \"var(--seed-color-bg-critical-solid-pressed)\",\n \"bg-critical-weak-pressed\": \"var(--seed-color-bg-critical-weak-pressed)\",\n \"bg-informative-weak\": \"var(--seed-color-bg-informative-weak)\",\n \"bg-informative-solid\": \"var(--seed-color-bg-informative-solid)\",\n \"bg-informative-solid-pressed\": \"var(--seed-color-bg-informative-solid-pressed)\",\n \"bg-informative-weak-pressed\": \"var(--seed-color-bg-informative-weak-pressed)\",\n \"bg-layer-basement\": \"var(--seed-color-bg-layer-basement)\",\n \"bg-layer-default\": \"var(--seed-color-bg-layer-default)\",\n \"bg-layer-fill\": \"var(--seed-color-bg-layer-fill)\",\n \"bg-layer-floating\": \"var(--seed-color-bg-layer-floating)\",\n \"bg-layer-default-pressed\": \"var(--seed-color-bg-layer-default-pressed)\",\n \"bg-layer-floating-pressed\": \"var(--seed-color-bg-layer-floating-pressed)\",\n \"bg-magic-weak\": \"var(--seed-color-bg-magic-weak)\",\n \"bg-neutral-weak\": \"var(--seed-color-bg-neutral-weak)\",\n \"bg-neutral-inverted\": \"var(--seed-color-bg-neutral-inverted)\",\n \"bg-neutral-solid\": \"var(--seed-color-bg-neutral-solid)\",\n \"bg-neutral-inverted-pressed\": \"var(--seed-color-bg-neutral-inverted-pressed)\",\n \"bg-neutral-solid-muted\": \"var(--seed-color-bg-neutral-solid-muted)\",\n \"bg-neutral-solid-muted-pressed\": \"var(--seed-color-bg-neutral-solid-muted-pressed)\",\n \"bg-neutral-weak-pressed\": \"var(--seed-color-bg-neutral-weak-pressed)\",\n \"bg-overlay-muted\": \"var(--seed-color-bg-overlay-muted)\",\n \"bg-positive-weak\": \"var(--seed-color-bg-positive-weak)\",\n \"bg-positive-solid\": \"var(--seed-color-bg-positive-solid)\",\n \"bg-positive-solid-pressed\": \"var(--seed-color-bg-positive-solid-pressed)\",\n \"bg-positive-weak-pressed\": \"var(--seed-color-bg-positive-weak-pressed)\",\n \"bg-warning-weak\": \"var(--seed-color-bg-warning-weak)\",\n \"bg-warning-solid\": \"var(--seed-color-bg-warning-solid)\",\n \"bg-warning-solid-pressed\": \"var(--seed-color-bg-warning-solid-pressed)\",\n \"bg-warning-weak-pressed\": \"var(--seed-color-bg-warning-weak-pressed)\",\n \"stroke-neutral\": \"var(--seed-color-stroke-neutral)\",\n \"stroke-brand\": \"var(--seed-color-stroke-brand)\",\n \"stroke-positive\": \"var(--seed-color-stroke-positive)\",\n \"stroke-informative\": \"var(--seed-color-stroke-informative)\",\n \"stroke-warning\": \"var(--seed-color-stroke-warning)\",\n \"stroke-critical\": \"var(--seed-color-stroke-critical)\",\n \"stroke-field\": \"var(--seed-color-stroke-field)\",\n \"stroke-control\": \"var(--seed-color-stroke-control)\",\n \"stroke-field-focused\": \"var(--seed-color-stroke-field-focused)\",\n \"stroke-neutral-muted\": \"var(--seed-color-stroke-neutral-muted)\",\n \"stroke-on-image\": \"var(--seed-color-stroke-on-image)\",\n \"manner-temp-l1-text\": \"var(--seed-color-manner-temp-l1-text)\",\n \"manner-temp-l2-text\": \"var(--seed-color-manner-temp-l2-text)\",\n \"manner-temp-l3-text\": \"var(--seed-color-manner-temp-l3-text)\",\n \"manner-temp-l4-text\": \"var(--seed-color-manner-temp-l4-text)\",\n \"manner-temp-l4-bg\": \"var(--seed-color-manner-temp-l4-bg)\",\n \"manner-temp-l5-text\": \"var(--seed-color-manner-temp-l5-text)\",\n \"manner-temp-l6-text\": \"var(--seed-color-manner-temp-l6-text)\",\n \"manner-temp-l1-bg\": \"var(--seed-color-manner-temp-l1-bg)\",\n \"manner-temp-l2-bg\": \"var(--seed-color-manner-temp-l2-bg)\",\n \"manner-temp-l3-bg\": \"var(--seed-color-manner-temp-l3-bg)\",\n \"manner-temp-l5-bg\": \"var(--seed-color-manner-temp-l5-bg)\",\n \"manner-temp-l6-bg\": \"var(--seed-color-manner-temp-l6-bg)\",\n \"gradient-stops-fade-layer-floating\": \"#ffffff00 0.00%, #000000 100.00%\",\n \"gradient-stops-fade-layer-default\": \"#000000 0.00%, #ffffff00 100.00%\",\n \"gradient-stops-glow-magic\": \"#fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%\",\n \"gradient-stops-glow-magic-pressed\": \"#fbf0f2 0.00%, #ffe8db 80.00%, #f5f2ef 100.00%\",\n \"gradient-stops-shimmer-neutral\": \"#ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%\",\n \"gradient-stops-shimmer-magic\": \"#fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%\",\n \"gradient-stops-highlight-magic-pressed\": \"#e14f00 20.00%, #ae58bf 100.00%\",\n \"gradient-stops-highlight-magic\": \"#ff6600 20.00%, #d25aca 100.00%\"\n},\n backgroundImage: {\n \"fade-layer-floating-to-t\": \"linear-gradient(to top, #ffffff00 0.00%, #000000 100.00%)\",\n \"fade-layer-floating-to-tr\": \"linear-gradient(to top right, #ffffff00 0.00%, #000000 100.00%)\",\n \"fade-layer-floating-to-r\": \"linear-gradient(to right, #ffffff00 0.00%, #000000 100.00%)\",\n \"fade-layer-floating-to-br\": \"linear-gradient(to bottom right, #ffffff00 0.00%, #000000 100.00%)\",\n \"fade-layer-floating-to-b\": \"linear-gradient(to bottom, #ffffff00 0.00%, #000000 100.00%)\",\n \"fade-layer-floating-to-bl\": \"linear-gradient(to bottom left, #ffffff00 0.00%, #000000 100.00%)\",\n \"fade-layer-floating-to-l\": \"linear-gradient(to left, #ffffff00 0.00%, #000000 100.00%)\",\n \"fade-layer-floating-to-tl\": \"linear-gradient(to top left, #ffffff00 0.00%, #000000 100.00%)\",\n \"fade-layer-default-to-t\": \"linear-gradient(to top, #000000 0.00%, #ffffff00 100.00%)\",\n \"fade-layer-default-to-tr\": \"linear-gradient(to top right, #000000 0.00%, #ffffff00 100.00%)\",\n \"fade-layer-default-to-r\": \"linear-gradient(to right, #000000 0.00%, #ffffff00 100.00%)\",\n \"fade-layer-default-to-br\": \"linear-gradient(to bottom right, #000000 0.00%, #ffffff00 100.00%)\",\n \"fade-layer-default-to-b\": \"linear-gradient(to bottom, #000000 0.00%, #ffffff00 100.00%)\",\n \"fade-layer-default-to-bl\": \"linear-gradient(to bottom left, #000000 0.00%, #ffffff00 100.00%)\",\n \"fade-layer-default-to-l\": \"linear-gradient(to left, #000000 0.00%, #ffffff00 100.00%)\",\n \"fade-layer-default-to-tl\": \"linear-gradient(to top left, #000000 0.00%, #ffffff00 100.00%)\",\n \"glow-magic-to-t\": \"linear-gradient(to top, #fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%)\",\n \"glow-magic-to-tr\": \"linear-gradient(to top right, #fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%)\",\n \"glow-magic-to-r\": \"linear-gradient(to right, #fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%)\",\n \"glow-magic-to-br\": \"linear-gradient(to bottom right, #fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%)\",\n \"glow-magic-to-b\": \"linear-gradient(to bottom, #fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%)\",\n \"glow-magic-to-bl\": \"linear-gradient(to bottom left, #fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%)\",\n \"glow-magic-to-l\": \"linear-gradient(to left, #fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%)\",\n \"glow-magic-to-tl\": \"linear-gradient(to top left, #fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%)\",\n \"glow-magic-pressed-to-t\": \"linear-gradient(to top, #fbf0f2 0.00%, #ffe8db 80.00%, #f5f2ef 100.00%)\",\n \"glow-magic-pressed-to-tr\": \"linear-gradient(to top right, #fbf0f2 0.00%, #ffe8db 80.00%, #f5f2ef 100.00%)\",\n \"glow-magic-pressed-to-r\": \"linear-gradient(to right, #fbf0f2 0.00%, #ffe8db 80.00%, #f5f2ef 100.00%)\",\n \"glow-magic-pressed-to-br\": \"linear-gradient(to bottom right, #fbf0f2 0.00%, #ffe8db 80.00%, #f5f2ef 100.00%)\",\n \"glow-magic-pressed-to-b\": \"linear-gradient(to bottom, #fbf0f2 0.00%, #ffe8db 80.00%, #f5f2ef 100.00%)\",\n \"glow-magic-pressed-to-bl\": \"linear-gradient(to bottom left, #fbf0f2 0.00%, #ffe8db 80.00%, #f5f2ef 100.00%)\",\n \"glow-magic-pressed-to-l\": \"linear-gradient(to left, #fbf0f2 0.00%, #ffe8db 80.00%, #f5f2ef 100.00%)\",\n \"glow-magic-pressed-to-tl\": \"linear-gradient(to top left, #fbf0f2 0.00%, #ffe8db 80.00%, #f5f2ef 100.00%)\",\n \"shimmer-neutral-to-t\": \"linear-gradient(to top, #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%)\",\n \"shimmer-neutral-to-tr\": \"linear-gradient(to top right, #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%)\",\n \"shimmer-neutral-to-r\": \"linear-gradient(to right, #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%)\",\n \"shimmer-neutral-to-br\": \"linear-gradient(to bottom right, #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%)\",\n \"shimmer-neutral-to-b\": \"linear-gradient(to bottom, #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%)\",\n \"shimmer-neutral-to-bl\": \"linear-gradient(to bottom left, #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%)\",\n \"shimmer-neutral-to-l\": \"linear-gradient(to left, #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%)\",\n \"shimmer-neutral-to-tl\": \"linear-gradient(to top left, #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%)\",\n \"shimmer-magic-to-t\": \"linear-gradient(to top, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%)\",\n \"shimmer-magic-to-tr\": \"linear-gradient(to top right, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%)\",\n \"shimmer-magic-to-r\": \"linear-gradient(to right, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%)\",\n \"shimmer-magic-to-br\": \"linear-gradient(to bottom right, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%)\",\n \"shimmer-magic-to-b\": \"linear-gradient(to bottom, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%)\",\n \"shimmer-magic-to-bl\": \"linear-gradient(to bottom left, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%)\",\n \"shimmer-magic-to-l\": \"linear-gradient(to left, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%)\",\n \"shimmer-magic-to-tl\": \"linear-gradient(to top left, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%)\",\n \"highlight-magic-pressed-to-t\": \"linear-gradient(to top, #e14f00 20.00%, #ae58bf 100.00%)\",\n \"highlight-magic-pressed-to-tr\": \"linear-gradient(to top right, #e14f00 20.00%, #ae58bf 100.00%)\",\n \"highlight-magic-pressed-to-r\": \"linear-gradient(to right, #e14f00 20.00%, #ae58bf 100.00%)\",\n \"highlight-magic-pressed-to-br\": \"linear-gradient(to bottom right, #e14f00 20.00%, #ae58bf 100.00%)\",\n \"highlight-magic-pressed-to-b\": \"linear-gradient(to bottom, #e14f00 20.00%, #ae58bf 100.00%)\",\n \"highlight-magic-pressed-to-bl\": \"linear-gradient(to bottom left, #e14f00 20.00%, #ae58bf 100.00%)\",\n \"highlight-magic-pressed-to-l\": \"linear-gradient(to left, #e14f00 20.00%, #ae58bf 100.00%)\",\n \"highlight-magic-pressed-to-tl\": \"linear-gradient(to top left, #e14f00 20.00%, #ae58bf 100.00%)\",\n \"highlight-magic-to-t\": \"linear-gradient(to top, #ff6600 20.00%, #d25aca 100.00%)\",\n \"highlight-magic-to-tr\": \"linear-gradient(to top right, #ff6600 20.00%, #d25aca 100.00%)\",\n \"highlight-magic-to-r\": \"linear-gradient(to right, #ff6600 20.00%, #d25aca 100.00%)\",\n \"highlight-magic-to-br\": \"linear-gradient(to bottom right, #ff6600 20.00%, #d25aca 100.00%)\",\n \"highlight-magic-to-b\": \"linear-gradient(to bottom, #ff6600 20.00%, #d25aca 100.00%)\",\n \"highlight-magic-to-bl\": \"linear-gradient(to bottom left, #ff6600 20.00%, #d25aca 100.00%)\",\n \"highlight-magic-to-l\": \"linear-gradient(to left, #ff6600 20.00%, #d25aca 100.00%)\",\n \"highlight-magic-to-tl\": \"linear-gradient(to top left, #ff6600 20.00%, #d25aca 100.00%)\"\n},\n typography: {\n \"screen-title\": {\n \"fontSize\": \"var(--seed-font-size-t10)\",\n \"lineHeight\": \"var(--seed-line-height-t10)\",\n \"fontWeight\": \"var(--seed-font-weight-bold)\"\n },\n \"article-body\": {\n \"fontSize\": \"var(--seed-font-size-t5)\",\n \"lineHeight\": \"var(--seed-line-height-t6)\",\n \"fontWeight\": \"var(--seed-font-weight-regular)\"\n },\n \"t1-regular\": {\n \"fontSize\": \"var(--seed-font-size-t1)\",\n \"lineHeight\": \"var(--seed-line-height-t1)\",\n \"fontWeight\": \"var(--seed-font-weight-regular)\"\n },\n \"t1-medium\": {\n \"fontSize\": \"var(--seed-font-size-t1)\",\n \"lineHeight\": \"var(--seed-line-height-t1)\",\n \"fontWeight\": \"var(--seed-font-weight-medium)\"\n },\n \"t1-bold\": {\n \"fontSize\": \"var(--seed-font-size-t1)\",\n \"lineHeight\": \"var(--seed-line-height-t1)\",\n \"fontWeight\": \"var(--seed-font-weight-bold)\"\n },\n \"t2-regular\": {\n \"fontSize\": \"var(--seed-font-size-t2)\",\n \"lineHeight\": \"var(--seed-line-height-t2)\",\n \"fontWeight\": \"var(--seed-font-weight-regular)\"\n },\n \"t2-medium\": {\n \"fontSize\": \"var(--seed-font-size-t2)\",\n \"lineHeight\": \"var(--seed-line-height-t2)\",\n \"fontWeight\": \"var(--seed-font-weight-medium)\"\n },\n \"t2-bold\": {\n \"fontSize\": \"var(--seed-font-size-t2)\",\n \"lineHeight\": \"var(--seed-line-height-t2)\",\n \"fontWeight\": \"var(--seed-font-weight-bold)\"\n },\n \"t3-regular\": {\n \"fontSize\": \"var(--seed-font-size-t3)\",\n \"lineHeight\": \"var(--seed-line-height-t3)\",\n \"fontWeight\": \"var(--seed-font-weight-regular)\"\n },\n \"t3-medium\": {\n \"fontSize\": \"var(--seed-font-size-t3)\",\n \"lineHeight\": \"var(--seed-line-height-t3)\",\n \"fontWeight\": \"var(--seed-font-weight-medium)\"\n },\n \"t3-bold\": {\n \"fontSize\": \"var(--seed-font-size-t3)\",\n \"lineHeight\": \"var(--seed-line-height-t3)\",\n \"fontWeight\": \"var(--seed-font-weight-bold)\"\n },\n \"t4-regular\": {\n \"fontSize\": \"var(--seed-font-size-t4)\",\n \"lineHeight\": \"var(--seed-line-height-t4)\",\n \"fontWeight\": \"var(--seed-font-weight-regular)\"\n },\n \"t4-medium\": {\n \"fontSize\": \"var(--seed-font-size-t4)\",\n \"lineHeight\": \"var(--seed-line-height-t4)\",\n \"fontWeight\": \"var(--seed-font-weight-medium)\"\n },\n \"t4-bold\": {\n \"fontSize\": \"var(--seed-font-size-t4)\",\n \"lineHeight\": \"var(--seed-line-height-t4)\",\n \"fontWeight\": \"var(--seed-font-weight-bold)\"\n },\n \"t5-regular\": {\n \"fontSize\": \"var(--seed-font-size-t5)\",\n \"lineHeight\": \"var(--seed-line-height-t5)\",\n \"fontWeight\": \"var(--seed-font-weight-regular)\"\n },\n \"t5-medium\": {\n \"fontSize\": \"var(--seed-font-size-t5)\",\n \"lineHeight\": \"var(--seed-line-height-t5)\",\n \"fontWeight\": \"var(--seed-font-weight-medium)\"\n },\n \"t5-bold\": {\n \"fontSize\": \"var(--seed-font-size-t5)\",\n \"lineHeight\": \"var(--seed-line-height-t5)\",\n \"fontWeight\": \"var(--seed-font-weight-bold)\"\n },\n \"t6-regular\": {\n \"fontSize\": \"var(--seed-font-size-t6)\",\n \"lineHeight\": \"var(--seed-line-height-t6)\",\n \"fontWeight\": \"var(--seed-font-weight-regular)\"\n },\n \"t6-medium\": {\n \"fontSize\": \"var(--seed-font-size-t6)\",\n \"lineHeight\": \"var(--seed-line-height-t6)\",\n \"fontWeight\": \"var(--seed-font-weight-medium)\"\n },\n \"t6-bold\": {\n \"fontSize\": \"var(--seed-font-size-t6)\",\n \"lineHeight\": \"var(--seed-line-height-t6)\",\n \"fontWeight\": \"var(--seed-font-weight-bold)\"\n },\n \"t7-regular\": {\n \"fontSize\": \"var(--seed-font-size-t7)\",\n \"lineHeight\": \"var(--seed-line-height-t7)\",\n \"fontWeight\": \"var(--seed-font-weight-regular)\"\n },\n \"t7-medium\": {\n \"fontSize\": \"var(--seed-font-size-t7)\",\n \"lineHeight\": \"var(--seed-line-height-t7)\",\n \"fontWeight\": \"var(--seed-font-weight-medium)\"\n },\n \"t7-bold\": {\n \"fontSize\": \"var(--seed-font-size-t7)\",\n \"lineHeight\": \"var(--seed-line-height-t7)\",\n \"fontWeight\": \"var(--seed-font-weight-bold)\"\n },\n \"t8-bold\": {\n \"fontSize\": \"var(--seed-font-size-t8)\",\n \"lineHeight\": \"var(--seed-line-height-t8)\",\n \"fontWeight\": \"var(--seed-font-weight-bold)\"\n },\n \"t9-bold\": {\n \"fontSize\": \"var(--seed-font-size-t9)\",\n \"lineHeight\": \"var(--seed-line-height-t9)\",\n \"fontWeight\": \"var(--seed-font-weight-bold)\"\n },\n \"t10-bold\": {\n \"fontSize\": \"var(--seed-font-size-t10)\",\n \"lineHeight\": \"var(--seed-line-height-t10)\",\n \"fontWeight\": \"var(--seed-font-weight-bold)\"\n }\n},\n spacing: {\n \"x0_5\": \"var(--seed-dimension-x0_5)\",\n \"x1\": \"var(--seed-dimension-x1)\",\n \"x1_5\": \"var(--seed-dimension-x1_5)\",\n \"x2\": \"var(--seed-dimension-x2)\",\n \"x2_5\": \"var(--seed-dimension-x2_5)\",\n \"x3\": \"var(--seed-dimension-x3)\",\n \"x3_5\": \"var(--seed-dimension-x3_5)\",\n \"x4\": \"var(--seed-dimension-x4)\",\n \"x4_5\": \"var(--seed-dimension-x4_5)\",\n \"x5\": \"var(--seed-dimension-x5)\",\n \"x6\": \"var(--seed-dimension-x6)\",\n \"x7\": \"var(--seed-dimension-x7)\",\n \"x8\": \"var(--seed-dimension-x8)\",\n \"x9\": \"var(--seed-dimension-x9)\",\n \"x10\": \"var(--seed-dimension-x10)\",\n \"x12\": \"var(--seed-dimension-x12)\",\n \"x13\": \"var(--seed-dimension-x13)\",\n \"x14\": \"var(--seed-dimension-x14)\",\n \"x16\": \"var(--seed-dimension-x16)\",\n \"spacing-x-between-chips\": \"var(--seed-dimension-spacing-x-between-chips)\",\n \"spacing-x-global-gutter\": \"var(--seed-dimension-spacing-x-global-gutter)\",\n \"spacing-y-component-default\": \"var(--seed-dimension-spacing-y-component-default)\",\n \"spacing-y-nav-to-title\": \"var(--seed-dimension-spacing-y-nav-to-title)\",\n \"spacing-y-screen-bottom\": \"var(--seed-dimension-spacing-y-screen-bottom)\",\n \"spacing-y-between-text\": \"var(--seed-dimension-spacing-y-between-text)\"\n},\n borderRadius: {\n \"r0_5\": \"var(--seed-radius-r0_5)\",\n \"r1\": \"var(--seed-radius-r1)\",\n \"r1_5\": \"var(--seed-radius-r1_5)\",\n \"r2\": \"var(--seed-radius-r2)\",\n \"r2_5\": \"var(--seed-radius-r2_5)\",\n \"r3\": \"var(--seed-radius-r3)\",\n \"r3_5\": \"var(--seed-radius-r3_5)\",\n \"r4\": \"var(--seed-radius-r4)\",\n \"r5\": \"var(--seed-radius-r5)\",\n \"r6\": \"var(--seed-radius-r6)\",\n \"full\": \"var(--seed-radius-full)\"\n},\n fontSize: {\n \"t1\": \"var(--seed-font-size-t1)\",\n \"t2\": \"var(--seed-font-size-t2)\",\n \"t3\": \"var(--seed-font-size-t3)\",\n \"t4\": \"var(--seed-font-size-t4)\",\n \"t5\": \"var(--seed-font-size-t5)\",\n \"t6\": \"var(--seed-font-size-t6)\",\n \"t7\": \"var(--seed-font-size-t7)\",\n \"t8\": \"var(--seed-font-size-t8)\",\n \"t9\": \"var(--seed-font-size-t9)\",\n \"t10\": \"var(--seed-font-size-t10)\",\n \"t2-static\": \"var(--seed-font-size-t2-static)\",\n \"t5-static\": \"var(--seed-font-size-t5-static)\",\n \"t6-static\": \"var(--seed-font-size-t6-static)\"\n},\n lineHeight: {\n \"t1\": \"var(--seed-line-height-t1)\",\n \"t2\": \"var(--seed-line-height-t2)\",\n \"t3\": \"var(--seed-line-height-t3)\",\n \"t4\": \"var(--seed-line-height-t4)\",\n \"t5\": \"var(--seed-line-height-t5)\",\n \"t6\": \"var(--seed-line-height-t6)\",\n \"t7\": \"var(--seed-line-height-t7)\",\n \"t8\": \"var(--seed-line-height-t8)\",\n \"t9\": \"var(--seed-line-height-t9)\",\n \"t10\": \"var(--seed-line-height-t10)\"\n},\n fontWeight: {\n \"regular\": \"var(--seed-font-weight-regular)\",\n \"medium\": \"var(--seed-font-weight-medium)\",\n \"bold\": \"var(--seed-font-weight-bold)\"\n},\n transitionDuration: {\n \"d1\": \"var(--seed-duration-d1)\",\n \"d2\": \"var(--seed-duration-d2)\",\n \"d3\": \"var(--seed-duration-d3)\",\n \"d4\": \"var(--seed-duration-d4)\",\n \"d5\": \"var(--seed-duration-d5)\",\n \"d6\": \"var(--seed-duration-d6)\"\n},\n transitionTimingFunction: {\n \"linear\": \"var(--seed-timing-function-linear)\",\n \"easing\": \"var(--seed-timing-function-easing)\",\n \"enter\": \"var(--seed-timing-function-enter)\",\n \"exit\": \"var(--seed-timing-function-exit)\",\n \"enter-expressive\": \"var(--seed-timing-function-enter-expressive)\",\n \"exit-expressive\": \"var(--seed-timing-function-exit-expressive)\"\n},\n },\n },\n },\n);"],"names":[],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,cAAA,QAAA;AACA,aAAa,wBAAkC,CAAA,aAAA;AAC/C,aAAA,OAAA,CAAqB,wBAAkC,CAAA,MAAA;AACvD;;;;"}
package/lib/index.js CHANGED
@@ -24,13 +24,13 @@ import plugin from 'tailwindcss/plugin';
24
24
  // gradient arbitrary value 지원
25
25
  const gradientStopsForArbitrary = {
26
26
  "fade-layer-floating": "#ffffff00 0.00%, #000000 100.00%",
27
- "fade-layer-default": "#ffffff00 0.00%, #000000 100.00%",
27
+ "fade-layer-default": "#000000 0.00%, #ffffff00 100.00%",
28
28
  "glow-magic": "#fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%",
29
- "shimmer-magic": "#fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%",
30
29
  "glow-magic-pressed": "#fbf0f2 0.00%, #ffe8db 80.00%, #f5f2ef 100.00%",
31
30
  "shimmer-neutral": "#ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%",
32
- "highlight-magic": "#ff6600 20.00%, #d25aca 100.00%",
33
- "highlight-magic-pressed": "#e14f00 20.00%, #ae58bf 100.00%"
31
+ "shimmer-magic": "#fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%",
32
+ "highlight-magic-pressed": "#e14f00 20.00%, #ae58bf 100.00%",
33
+ "highlight-magic": "#ff6600 20.00%, #d25aca 100.00%"
34
34
  };
35
35
  Object.entries(gradientStopsForArbitrary).forEach(([gradientName, colorStops])=>{
36
36
  matchUtilities({
@@ -140,30 +140,34 @@ import plugin from 'tailwindcss/plugin';
140
140
  "palette-yellow-800": "var(--seed-color-palette-yellow-800)",
141
141
  "palette-yellow-900": "var(--seed-color-palette-yellow-900)",
142
142
  "palette-yellow-1000": "var(--seed-color-palette-yellow-1000)",
143
+ "fg-neutral": "var(--seed-color-fg-neutral)",
143
144
  "fg-brand": "var(--seed-color-fg-brand)",
144
145
  "fg-critical": "var(--seed-color-fg-critical)",
145
- "fg-disabled": "var(--seed-color-fg-disabled)",
146
+ "fg-positive": "var(--seed-color-fg-positive)",
147
+ "fg-warning": "var(--seed-color-fg-warning)",
146
148
  "fg-informative": "var(--seed-color-fg-informative)",
147
- "fg-neutral": "var(--seed-color-fg-neutral)",
148
149
  "fg-placeholder": "var(--seed-color-fg-placeholder)",
149
- "fg-positive": "var(--seed-color-fg-positive)",
150
+ "fg-disabled": "var(--seed-color-fg-disabled)",
151
+ "fg-brand-contrast": "var(--seed-color-fg-brand-contrast)",
150
152
  "fg-critical-contrast": "var(--seed-color-fg-critical-contrast)",
151
153
  "fg-informative-contrast": "var(--seed-color-fg-informative-contrast)",
152
- "fg-neutral-inverted": "var(--seed-color-fg-neutral-inverted)",
153
154
  "fg-neutral-muted": "var(--seed-color-fg-neutral-muted)",
154
155
  "fg-neutral-subtle": "var(--seed-color-fg-neutral-subtle)",
156
+ "fg-neutral-inverted": "var(--seed-color-fg-neutral-inverted)",
155
157
  "fg-positive-contrast": "var(--seed-color-fg-positive-contrast)",
156
158
  "fg-warning-contrast": "var(--seed-color-fg-warning-contrast)",
157
- "bg-disabled": "var(--seed-color-bg-disabled)",
158
159
  "bg-overlay": "var(--seed-color-bg-overlay)",
160
+ "bg-disabled": "var(--seed-color-bg-disabled)",
161
+ "bg-brand-weak": "var(--seed-color-bg-brand-weak)",
159
162
  "bg-brand-solid": "var(--seed-color-bg-brand-solid)",
160
163
  "bg-brand-solid-pressed": "var(--seed-color-bg-brand-solid-pressed)",
161
- "bg-critical-solid": "var(--seed-color-bg-critical-solid)",
164
+ "bg-brand-weak-pressed": "var(--seed-color-bg-brand-weak-pressed)",
162
165
  "bg-critical-weak": "var(--seed-color-bg-critical-weak)",
166
+ "bg-critical-solid": "var(--seed-color-bg-critical-solid)",
163
167
  "bg-critical-solid-pressed": "var(--seed-color-bg-critical-solid-pressed)",
164
168
  "bg-critical-weak-pressed": "var(--seed-color-bg-critical-weak-pressed)",
165
- "bg-informative-solid": "var(--seed-color-bg-informative-solid)",
166
169
  "bg-informative-weak": "var(--seed-color-bg-informative-weak)",
170
+ "bg-informative-solid": "var(--seed-color-bg-informative-solid)",
167
171
  "bg-informative-solid-pressed": "var(--seed-color-bg-informative-solid-pressed)",
168
172
  "bg-informative-weak-pressed": "var(--seed-color-bg-informative-weak-pressed)",
169
173
  "bg-layer-basement": "var(--seed-color-bg-layer-basement)",
@@ -173,51 +177,53 @@ import plugin from 'tailwindcss/plugin';
173
177
  "bg-layer-default-pressed": "var(--seed-color-bg-layer-default-pressed)",
174
178
  "bg-layer-floating-pressed": "var(--seed-color-bg-layer-floating-pressed)",
175
179
  "bg-magic-weak": "var(--seed-color-bg-magic-weak)",
180
+ "bg-neutral-weak": "var(--seed-color-bg-neutral-weak)",
176
181
  "bg-neutral-inverted": "var(--seed-color-bg-neutral-inverted)",
177
182
  "bg-neutral-solid": "var(--seed-color-bg-neutral-solid)",
178
- "bg-neutral-weak": "var(--seed-color-bg-neutral-weak)",
179
183
  "bg-neutral-inverted-pressed": "var(--seed-color-bg-neutral-inverted-pressed)",
180
184
  "bg-neutral-solid-muted": "var(--seed-color-bg-neutral-solid-muted)",
181
185
  "bg-neutral-solid-muted-pressed": "var(--seed-color-bg-neutral-solid-muted-pressed)",
182
186
  "bg-neutral-weak-pressed": "var(--seed-color-bg-neutral-weak-pressed)",
183
187
  "bg-overlay-muted": "var(--seed-color-bg-overlay-muted)",
184
- "bg-positive-solid": "var(--seed-color-bg-positive-solid)",
185
188
  "bg-positive-weak": "var(--seed-color-bg-positive-weak)",
189
+ "bg-positive-solid": "var(--seed-color-bg-positive-solid)",
186
190
  "bg-positive-solid-pressed": "var(--seed-color-bg-positive-solid-pressed)",
187
191
  "bg-positive-weak-pressed": "var(--seed-color-bg-positive-weak-pressed)",
188
- "bg-warning-solid": "var(--seed-color-bg-warning-solid)",
189
192
  "bg-warning-weak": "var(--seed-color-bg-warning-weak)",
193
+ "bg-warning-solid": "var(--seed-color-bg-warning-solid)",
194
+ "bg-warning-solid-pressed": "var(--seed-color-bg-warning-solid-pressed)",
190
195
  "bg-warning-weak-pressed": "var(--seed-color-bg-warning-weak-pressed)",
196
+ "stroke-neutral": "var(--seed-color-stroke-neutral)",
191
197
  "stroke-brand": "var(--seed-color-stroke-brand)",
192
- "stroke-control": "var(--seed-color-stroke-control)",
198
+ "stroke-positive": "var(--seed-color-stroke-positive)",
199
+ "stroke-informative": "var(--seed-color-stroke-informative)",
200
+ "stroke-warning": "var(--seed-color-stroke-warning)",
193
201
  "stroke-critical": "var(--seed-color-stroke-critical)",
194
202
  "stroke-field": "var(--seed-color-stroke-field)",
195
- "stroke-informative": "var(--seed-color-stroke-informative)",
196
- "stroke-neutral": "var(--seed-color-stroke-neutral)",
197
- "stroke-positive": "var(--seed-color-stroke-positive)",
203
+ "stroke-control": "var(--seed-color-stroke-control)",
198
204
  "stroke-field-focused": "var(--seed-color-stroke-field-focused)",
199
205
  "stroke-neutral-muted": "var(--seed-color-stroke-neutral-muted)",
200
206
  "stroke-on-image": "var(--seed-color-stroke-on-image)",
201
- "manner-temp-l1-bg": "var(--seed-color-manner-temp-l1-bg)",
202
207
  "manner-temp-l1-text": "var(--seed-color-manner-temp-l1-text)",
203
- "manner-temp-l2-bg": "var(--seed-color-manner-temp-l2-bg)",
204
208
  "manner-temp-l2-text": "var(--seed-color-manner-temp-l2-text)",
205
- "manner-temp-l3-bg": "var(--seed-color-manner-temp-l3-bg)",
206
209
  "manner-temp-l3-text": "var(--seed-color-manner-temp-l3-text)",
207
- "manner-temp-l4-bg": "var(--seed-color-manner-temp-l4-bg)",
208
210
  "manner-temp-l4-text": "var(--seed-color-manner-temp-l4-text)",
209
- "manner-temp-l5-bg": "var(--seed-color-manner-temp-l5-bg)",
211
+ "manner-temp-l4-bg": "var(--seed-color-manner-temp-l4-bg)",
210
212
  "manner-temp-l5-text": "var(--seed-color-manner-temp-l5-text)",
211
- "manner-temp-l6-bg": "var(--seed-color-manner-temp-l6-bg)",
212
213
  "manner-temp-l6-text": "var(--seed-color-manner-temp-l6-text)",
214
+ "manner-temp-l1-bg": "var(--seed-color-manner-temp-l1-bg)",
215
+ "manner-temp-l2-bg": "var(--seed-color-manner-temp-l2-bg)",
216
+ "manner-temp-l3-bg": "var(--seed-color-manner-temp-l3-bg)",
217
+ "manner-temp-l5-bg": "var(--seed-color-manner-temp-l5-bg)",
218
+ "manner-temp-l6-bg": "var(--seed-color-manner-temp-l6-bg)",
213
219
  "gradient-stops-fade-layer-floating": "#ffffff00 0.00%, #000000 100.00%",
214
- "gradient-stops-fade-layer-default": "#ffffff00 0.00%, #000000 100.00%",
220
+ "gradient-stops-fade-layer-default": "#000000 0.00%, #ffffff00 100.00%",
215
221
  "gradient-stops-glow-magic": "#fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%",
216
- "gradient-stops-shimmer-magic": "#fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%",
217
222
  "gradient-stops-glow-magic-pressed": "#fbf0f2 0.00%, #ffe8db 80.00%, #f5f2ef 100.00%",
218
223
  "gradient-stops-shimmer-neutral": "#ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%",
219
- "gradient-stops-highlight-magic": "#ff6600 20.00%, #d25aca 100.00%",
220
- "gradient-stops-highlight-magic-pressed": "#e14f00 20.00%, #ae58bf 100.00%"
224
+ "gradient-stops-shimmer-magic": "#fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%",
225
+ "gradient-stops-highlight-magic-pressed": "#e14f00 20.00%, #ae58bf 100.00%",
226
+ "gradient-stops-highlight-magic": "#ff6600 20.00%, #d25aca 100.00%"
221
227
  },
222
228
  backgroundImage: {
223
229
  "fade-layer-floating-to-t": "linear-gradient(to top, #ffffff00 0.00%, #000000 100.00%)",
@@ -228,14 +234,14 @@ import plugin from 'tailwindcss/plugin';
228
234
  "fade-layer-floating-to-bl": "linear-gradient(to bottom left, #ffffff00 0.00%, #000000 100.00%)",
229
235
  "fade-layer-floating-to-l": "linear-gradient(to left, #ffffff00 0.00%, #000000 100.00%)",
230
236
  "fade-layer-floating-to-tl": "linear-gradient(to top left, #ffffff00 0.00%, #000000 100.00%)",
231
- "fade-layer-default-to-t": "linear-gradient(to top, #ffffff00 0.00%, #000000 100.00%)",
232
- "fade-layer-default-to-tr": "linear-gradient(to top right, #ffffff00 0.00%, #000000 100.00%)",
233
- "fade-layer-default-to-r": "linear-gradient(to right, #ffffff00 0.00%, #000000 100.00%)",
234
- "fade-layer-default-to-br": "linear-gradient(to bottom right, #ffffff00 0.00%, #000000 100.00%)",
235
- "fade-layer-default-to-b": "linear-gradient(to bottom, #ffffff00 0.00%, #000000 100.00%)",
236
- "fade-layer-default-to-bl": "linear-gradient(to bottom left, #ffffff00 0.00%, #000000 100.00%)",
237
- "fade-layer-default-to-l": "linear-gradient(to left, #ffffff00 0.00%, #000000 100.00%)",
238
- "fade-layer-default-to-tl": "linear-gradient(to top left, #ffffff00 0.00%, #000000 100.00%)",
237
+ "fade-layer-default-to-t": "linear-gradient(to top, #000000 0.00%, #ffffff00 100.00%)",
238
+ "fade-layer-default-to-tr": "linear-gradient(to top right, #000000 0.00%, #ffffff00 100.00%)",
239
+ "fade-layer-default-to-r": "linear-gradient(to right, #000000 0.00%, #ffffff00 100.00%)",
240
+ "fade-layer-default-to-br": "linear-gradient(to bottom right, #000000 0.00%, #ffffff00 100.00%)",
241
+ "fade-layer-default-to-b": "linear-gradient(to bottom, #000000 0.00%, #ffffff00 100.00%)",
242
+ "fade-layer-default-to-bl": "linear-gradient(to bottom left, #000000 0.00%, #ffffff00 100.00%)",
243
+ "fade-layer-default-to-l": "linear-gradient(to left, #000000 0.00%, #ffffff00 100.00%)",
244
+ "fade-layer-default-to-tl": "linear-gradient(to top left, #000000 0.00%, #ffffff00 100.00%)",
239
245
  "glow-magic-to-t": "linear-gradient(to top, #fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%)",
240
246
  "glow-magic-to-tr": "linear-gradient(to top right, #fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%)",
241
247
  "glow-magic-to-r": "linear-gradient(to right, #fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%)",
@@ -244,14 +250,6 @@ import plugin from 'tailwindcss/plugin';
244
250
  "glow-magic-to-bl": "linear-gradient(to bottom left, #fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%)",
245
251
  "glow-magic-to-l": "linear-gradient(to left, #fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%)",
246
252
  "glow-magic-to-tl": "linear-gradient(to top left, #fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%)",
247
- "shimmer-magic-to-t": "linear-gradient(to top, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%)",
248
- "shimmer-magic-to-tr": "linear-gradient(to top right, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%)",
249
- "shimmer-magic-to-r": "linear-gradient(to right, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%)",
250
- "shimmer-magic-to-br": "linear-gradient(to bottom right, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%)",
251
- "shimmer-magic-to-b": "linear-gradient(to bottom, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%)",
252
- "shimmer-magic-to-bl": "linear-gradient(to bottom left, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%)",
253
- "shimmer-magic-to-l": "linear-gradient(to left, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%)",
254
- "shimmer-magic-to-tl": "linear-gradient(to top left, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%)",
255
253
  "glow-magic-pressed-to-t": "linear-gradient(to top, #fbf0f2 0.00%, #ffe8db 80.00%, #f5f2ef 100.00%)",
256
254
  "glow-magic-pressed-to-tr": "linear-gradient(to top right, #fbf0f2 0.00%, #ffe8db 80.00%, #f5f2ef 100.00%)",
257
255
  "glow-magic-pressed-to-r": "linear-gradient(to right, #fbf0f2 0.00%, #ffe8db 80.00%, #f5f2ef 100.00%)",
@@ -268,14 +266,14 @@ import plugin from 'tailwindcss/plugin';
268
266
  "shimmer-neutral-to-bl": "linear-gradient(to bottom left, #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%)",
269
267
  "shimmer-neutral-to-l": "linear-gradient(to left, #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%)",
270
268
  "shimmer-neutral-to-tl": "linear-gradient(to top left, #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%)",
271
- "highlight-magic-to-t": "linear-gradient(to top, #ff6600 20.00%, #d25aca 100.00%)",
272
- "highlight-magic-to-tr": "linear-gradient(to top right, #ff6600 20.00%, #d25aca 100.00%)",
273
- "highlight-magic-to-r": "linear-gradient(to right, #ff6600 20.00%, #d25aca 100.00%)",
274
- "highlight-magic-to-br": "linear-gradient(to bottom right, #ff6600 20.00%, #d25aca 100.00%)",
275
- "highlight-magic-to-b": "linear-gradient(to bottom, #ff6600 20.00%, #d25aca 100.00%)",
276
- "highlight-magic-to-bl": "linear-gradient(to bottom left, #ff6600 20.00%, #d25aca 100.00%)",
277
- "highlight-magic-to-l": "linear-gradient(to left, #ff6600 20.00%, #d25aca 100.00%)",
278
- "highlight-magic-to-tl": "linear-gradient(to top left, #ff6600 20.00%, #d25aca 100.00%)",
269
+ "shimmer-magic-to-t": "linear-gradient(to top, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%)",
270
+ "shimmer-magic-to-tr": "linear-gradient(to top right, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%)",
271
+ "shimmer-magic-to-r": "linear-gradient(to right, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%)",
272
+ "shimmer-magic-to-br": "linear-gradient(to bottom right, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%)",
273
+ "shimmer-magic-to-b": "linear-gradient(to bottom, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%)",
274
+ "shimmer-magic-to-bl": "linear-gradient(to bottom left, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%)",
275
+ "shimmer-magic-to-l": "linear-gradient(to left, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%)",
276
+ "shimmer-magic-to-tl": "linear-gradient(to top left, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%)",
279
277
  "highlight-magic-pressed-to-t": "linear-gradient(to top, #e14f00 20.00%, #ae58bf 100.00%)",
280
278
  "highlight-magic-pressed-to-tr": "linear-gradient(to top right, #e14f00 20.00%, #ae58bf 100.00%)",
281
279
  "highlight-magic-pressed-to-r": "linear-gradient(to right, #e14f00 20.00%, #ae58bf 100.00%)",
@@ -283,7 +281,15 @@ import plugin from 'tailwindcss/plugin';
283
281
  "highlight-magic-pressed-to-b": "linear-gradient(to bottom, #e14f00 20.00%, #ae58bf 100.00%)",
284
282
  "highlight-magic-pressed-to-bl": "linear-gradient(to bottom left, #e14f00 20.00%, #ae58bf 100.00%)",
285
283
  "highlight-magic-pressed-to-l": "linear-gradient(to left, #e14f00 20.00%, #ae58bf 100.00%)",
286
- "highlight-magic-pressed-to-tl": "linear-gradient(to top left, #e14f00 20.00%, #ae58bf 100.00%)"
284
+ "highlight-magic-pressed-to-tl": "linear-gradient(to top left, #e14f00 20.00%, #ae58bf 100.00%)",
285
+ "highlight-magic-to-t": "linear-gradient(to top, #ff6600 20.00%, #d25aca 100.00%)",
286
+ "highlight-magic-to-tr": "linear-gradient(to top right, #ff6600 20.00%, #d25aca 100.00%)",
287
+ "highlight-magic-to-r": "linear-gradient(to right, #ff6600 20.00%, #d25aca 100.00%)",
288
+ "highlight-magic-to-br": "linear-gradient(to bottom right, #ff6600 20.00%, #d25aca 100.00%)",
289
+ "highlight-magic-to-b": "linear-gradient(to bottom, #ff6600 20.00%, #d25aca 100.00%)",
290
+ "highlight-magic-to-bl": "linear-gradient(to bottom left, #ff6600 20.00%, #d25aca 100.00%)",
291
+ "highlight-magic-to-l": "linear-gradient(to left, #ff6600 20.00%, #d25aca 100.00%)",
292
+ "highlight-magic-to-tl": "linear-gradient(to top left, #ff6600 20.00%, #d25aca 100.00%)"
287
293
  },
288
294
  typography: {
289
295
  "screen-title": {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@seed-design/tailwind3-plugin",
3
- "version": "0.1.6",
3
+ "version": "0.1.14",
4
4
  "description": "Tailwind3 CSS plugin for Seed Design tokens",
5
5
  "repository": {
6
6
  "type": "git",
package/src/index.ts CHANGED
@@ -29,13 +29,13 @@ export default plugin(
29
29
  // gradient arbitrary value 지원
30
30
  const gradientStopsForArbitrary = {
31
31
  "fade-layer-floating": "#ffffff00 0.00%, #000000 100.00%",
32
- "fade-layer-default": "#ffffff00 0.00%, #000000 100.00%",
32
+ "fade-layer-default": "#000000 0.00%, #ffffff00 100.00%",
33
33
  "glow-magic": "#fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%",
34
- "shimmer-magic": "#fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%",
35
34
  "glow-magic-pressed": "#fbf0f2 0.00%, #ffe8db 80.00%, #f5f2ef 100.00%",
36
35
  "shimmer-neutral": "#ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%",
37
- "highlight-magic": "#ff6600 20.00%, #d25aca 100.00%",
38
- "highlight-magic-pressed": "#e14f00 20.00%, #ae58bf 100.00%"
36
+ "shimmer-magic": "#fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%",
37
+ "highlight-magic-pressed": "#e14f00 20.00%, #ae58bf 100.00%",
38
+ "highlight-magic": "#ff6600 20.00%, #d25aca 100.00%"
39
39
  };
40
40
 
41
41
  Object.entries(gradientStopsForArbitrary).forEach(([gradientName, colorStops]) => {
@@ -150,30 +150,34 @@ export default plugin(
150
150
  "palette-yellow-800": "var(--seed-color-palette-yellow-800)",
151
151
  "palette-yellow-900": "var(--seed-color-palette-yellow-900)",
152
152
  "palette-yellow-1000": "var(--seed-color-palette-yellow-1000)",
153
+ "fg-neutral": "var(--seed-color-fg-neutral)",
153
154
  "fg-brand": "var(--seed-color-fg-brand)",
154
155
  "fg-critical": "var(--seed-color-fg-critical)",
155
- "fg-disabled": "var(--seed-color-fg-disabled)",
156
+ "fg-positive": "var(--seed-color-fg-positive)",
157
+ "fg-warning": "var(--seed-color-fg-warning)",
156
158
  "fg-informative": "var(--seed-color-fg-informative)",
157
- "fg-neutral": "var(--seed-color-fg-neutral)",
158
159
  "fg-placeholder": "var(--seed-color-fg-placeholder)",
159
- "fg-positive": "var(--seed-color-fg-positive)",
160
+ "fg-disabled": "var(--seed-color-fg-disabled)",
161
+ "fg-brand-contrast": "var(--seed-color-fg-brand-contrast)",
160
162
  "fg-critical-contrast": "var(--seed-color-fg-critical-contrast)",
161
163
  "fg-informative-contrast": "var(--seed-color-fg-informative-contrast)",
162
- "fg-neutral-inverted": "var(--seed-color-fg-neutral-inverted)",
163
164
  "fg-neutral-muted": "var(--seed-color-fg-neutral-muted)",
164
165
  "fg-neutral-subtle": "var(--seed-color-fg-neutral-subtle)",
166
+ "fg-neutral-inverted": "var(--seed-color-fg-neutral-inverted)",
165
167
  "fg-positive-contrast": "var(--seed-color-fg-positive-contrast)",
166
168
  "fg-warning-contrast": "var(--seed-color-fg-warning-contrast)",
167
- "bg-disabled": "var(--seed-color-bg-disabled)",
168
169
  "bg-overlay": "var(--seed-color-bg-overlay)",
170
+ "bg-disabled": "var(--seed-color-bg-disabled)",
171
+ "bg-brand-weak": "var(--seed-color-bg-brand-weak)",
169
172
  "bg-brand-solid": "var(--seed-color-bg-brand-solid)",
170
173
  "bg-brand-solid-pressed": "var(--seed-color-bg-brand-solid-pressed)",
171
- "bg-critical-solid": "var(--seed-color-bg-critical-solid)",
174
+ "bg-brand-weak-pressed": "var(--seed-color-bg-brand-weak-pressed)",
172
175
  "bg-critical-weak": "var(--seed-color-bg-critical-weak)",
176
+ "bg-critical-solid": "var(--seed-color-bg-critical-solid)",
173
177
  "bg-critical-solid-pressed": "var(--seed-color-bg-critical-solid-pressed)",
174
178
  "bg-critical-weak-pressed": "var(--seed-color-bg-critical-weak-pressed)",
175
- "bg-informative-solid": "var(--seed-color-bg-informative-solid)",
176
179
  "bg-informative-weak": "var(--seed-color-bg-informative-weak)",
180
+ "bg-informative-solid": "var(--seed-color-bg-informative-solid)",
177
181
  "bg-informative-solid-pressed": "var(--seed-color-bg-informative-solid-pressed)",
178
182
  "bg-informative-weak-pressed": "var(--seed-color-bg-informative-weak-pressed)",
179
183
  "bg-layer-basement": "var(--seed-color-bg-layer-basement)",
@@ -183,51 +187,53 @@ export default plugin(
183
187
  "bg-layer-default-pressed": "var(--seed-color-bg-layer-default-pressed)",
184
188
  "bg-layer-floating-pressed": "var(--seed-color-bg-layer-floating-pressed)",
185
189
  "bg-magic-weak": "var(--seed-color-bg-magic-weak)",
190
+ "bg-neutral-weak": "var(--seed-color-bg-neutral-weak)",
186
191
  "bg-neutral-inverted": "var(--seed-color-bg-neutral-inverted)",
187
192
  "bg-neutral-solid": "var(--seed-color-bg-neutral-solid)",
188
- "bg-neutral-weak": "var(--seed-color-bg-neutral-weak)",
189
193
  "bg-neutral-inverted-pressed": "var(--seed-color-bg-neutral-inverted-pressed)",
190
194
  "bg-neutral-solid-muted": "var(--seed-color-bg-neutral-solid-muted)",
191
195
  "bg-neutral-solid-muted-pressed": "var(--seed-color-bg-neutral-solid-muted-pressed)",
192
196
  "bg-neutral-weak-pressed": "var(--seed-color-bg-neutral-weak-pressed)",
193
197
  "bg-overlay-muted": "var(--seed-color-bg-overlay-muted)",
194
- "bg-positive-solid": "var(--seed-color-bg-positive-solid)",
195
198
  "bg-positive-weak": "var(--seed-color-bg-positive-weak)",
199
+ "bg-positive-solid": "var(--seed-color-bg-positive-solid)",
196
200
  "bg-positive-solid-pressed": "var(--seed-color-bg-positive-solid-pressed)",
197
201
  "bg-positive-weak-pressed": "var(--seed-color-bg-positive-weak-pressed)",
198
- "bg-warning-solid": "var(--seed-color-bg-warning-solid)",
199
202
  "bg-warning-weak": "var(--seed-color-bg-warning-weak)",
203
+ "bg-warning-solid": "var(--seed-color-bg-warning-solid)",
204
+ "bg-warning-solid-pressed": "var(--seed-color-bg-warning-solid-pressed)",
200
205
  "bg-warning-weak-pressed": "var(--seed-color-bg-warning-weak-pressed)",
206
+ "stroke-neutral": "var(--seed-color-stroke-neutral)",
201
207
  "stroke-brand": "var(--seed-color-stroke-brand)",
202
- "stroke-control": "var(--seed-color-stroke-control)",
208
+ "stroke-positive": "var(--seed-color-stroke-positive)",
209
+ "stroke-informative": "var(--seed-color-stroke-informative)",
210
+ "stroke-warning": "var(--seed-color-stroke-warning)",
203
211
  "stroke-critical": "var(--seed-color-stroke-critical)",
204
212
  "stroke-field": "var(--seed-color-stroke-field)",
205
- "stroke-informative": "var(--seed-color-stroke-informative)",
206
- "stroke-neutral": "var(--seed-color-stroke-neutral)",
207
- "stroke-positive": "var(--seed-color-stroke-positive)",
213
+ "stroke-control": "var(--seed-color-stroke-control)",
208
214
  "stroke-field-focused": "var(--seed-color-stroke-field-focused)",
209
215
  "stroke-neutral-muted": "var(--seed-color-stroke-neutral-muted)",
210
216
  "stroke-on-image": "var(--seed-color-stroke-on-image)",
211
- "manner-temp-l1-bg": "var(--seed-color-manner-temp-l1-bg)",
212
217
  "manner-temp-l1-text": "var(--seed-color-manner-temp-l1-text)",
213
- "manner-temp-l2-bg": "var(--seed-color-manner-temp-l2-bg)",
214
218
  "manner-temp-l2-text": "var(--seed-color-manner-temp-l2-text)",
215
- "manner-temp-l3-bg": "var(--seed-color-manner-temp-l3-bg)",
216
219
  "manner-temp-l3-text": "var(--seed-color-manner-temp-l3-text)",
217
- "manner-temp-l4-bg": "var(--seed-color-manner-temp-l4-bg)",
218
220
  "manner-temp-l4-text": "var(--seed-color-manner-temp-l4-text)",
219
- "manner-temp-l5-bg": "var(--seed-color-manner-temp-l5-bg)",
221
+ "manner-temp-l4-bg": "var(--seed-color-manner-temp-l4-bg)",
220
222
  "manner-temp-l5-text": "var(--seed-color-manner-temp-l5-text)",
221
- "manner-temp-l6-bg": "var(--seed-color-manner-temp-l6-bg)",
222
223
  "manner-temp-l6-text": "var(--seed-color-manner-temp-l6-text)",
224
+ "manner-temp-l1-bg": "var(--seed-color-manner-temp-l1-bg)",
225
+ "manner-temp-l2-bg": "var(--seed-color-manner-temp-l2-bg)",
226
+ "manner-temp-l3-bg": "var(--seed-color-manner-temp-l3-bg)",
227
+ "manner-temp-l5-bg": "var(--seed-color-manner-temp-l5-bg)",
228
+ "manner-temp-l6-bg": "var(--seed-color-manner-temp-l6-bg)",
223
229
  "gradient-stops-fade-layer-floating": "#ffffff00 0.00%, #000000 100.00%",
224
- "gradient-stops-fade-layer-default": "#ffffff00 0.00%, #000000 100.00%",
230
+ "gradient-stops-fade-layer-default": "#000000 0.00%, #ffffff00 100.00%",
225
231
  "gradient-stops-glow-magic": "#fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%",
226
- "gradient-stops-shimmer-magic": "#fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%",
227
232
  "gradient-stops-glow-magic-pressed": "#fbf0f2 0.00%, #ffe8db 80.00%, #f5f2ef 100.00%",
228
233
  "gradient-stops-shimmer-neutral": "#ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%",
229
- "gradient-stops-highlight-magic": "#ff6600 20.00%, #d25aca 100.00%",
230
- "gradient-stops-highlight-magic-pressed": "#e14f00 20.00%, #ae58bf 100.00%"
234
+ "gradient-stops-shimmer-magic": "#fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%",
235
+ "gradient-stops-highlight-magic-pressed": "#e14f00 20.00%, #ae58bf 100.00%",
236
+ "gradient-stops-highlight-magic": "#ff6600 20.00%, #d25aca 100.00%"
231
237
  },
232
238
  backgroundImage: {
233
239
  "fade-layer-floating-to-t": "linear-gradient(to top, #ffffff00 0.00%, #000000 100.00%)",
@@ -238,14 +244,14 @@ export default plugin(
238
244
  "fade-layer-floating-to-bl": "linear-gradient(to bottom left, #ffffff00 0.00%, #000000 100.00%)",
239
245
  "fade-layer-floating-to-l": "linear-gradient(to left, #ffffff00 0.00%, #000000 100.00%)",
240
246
  "fade-layer-floating-to-tl": "linear-gradient(to top left, #ffffff00 0.00%, #000000 100.00%)",
241
- "fade-layer-default-to-t": "linear-gradient(to top, #ffffff00 0.00%, #000000 100.00%)",
242
- "fade-layer-default-to-tr": "linear-gradient(to top right, #ffffff00 0.00%, #000000 100.00%)",
243
- "fade-layer-default-to-r": "linear-gradient(to right, #ffffff00 0.00%, #000000 100.00%)",
244
- "fade-layer-default-to-br": "linear-gradient(to bottom right, #ffffff00 0.00%, #000000 100.00%)",
245
- "fade-layer-default-to-b": "linear-gradient(to bottom, #ffffff00 0.00%, #000000 100.00%)",
246
- "fade-layer-default-to-bl": "linear-gradient(to bottom left, #ffffff00 0.00%, #000000 100.00%)",
247
- "fade-layer-default-to-l": "linear-gradient(to left, #ffffff00 0.00%, #000000 100.00%)",
248
- "fade-layer-default-to-tl": "linear-gradient(to top left, #ffffff00 0.00%, #000000 100.00%)",
247
+ "fade-layer-default-to-t": "linear-gradient(to top, #000000 0.00%, #ffffff00 100.00%)",
248
+ "fade-layer-default-to-tr": "linear-gradient(to top right, #000000 0.00%, #ffffff00 100.00%)",
249
+ "fade-layer-default-to-r": "linear-gradient(to right, #000000 0.00%, #ffffff00 100.00%)",
250
+ "fade-layer-default-to-br": "linear-gradient(to bottom right, #000000 0.00%, #ffffff00 100.00%)",
251
+ "fade-layer-default-to-b": "linear-gradient(to bottom, #000000 0.00%, #ffffff00 100.00%)",
252
+ "fade-layer-default-to-bl": "linear-gradient(to bottom left, #000000 0.00%, #ffffff00 100.00%)",
253
+ "fade-layer-default-to-l": "linear-gradient(to left, #000000 0.00%, #ffffff00 100.00%)",
254
+ "fade-layer-default-to-tl": "linear-gradient(to top left, #000000 0.00%, #ffffff00 100.00%)",
249
255
  "glow-magic-to-t": "linear-gradient(to top, #fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%)",
250
256
  "glow-magic-to-tr": "linear-gradient(to top right, #fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%)",
251
257
  "glow-magic-to-r": "linear-gradient(to right, #fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%)",
@@ -254,14 +260,6 @@ export default plugin(
254
260
  "glow-magic-to-bl": "linear-gradient(to bottom left, #fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%)",
255
261
  "glow-magic-to-l": "linear-gradient(to left, #fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%)",
256
262
  "glow-magic-to-tl": "linear-gradient(to top left, #fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%)",
257
- "shimmer-magic-to-t": "linear-gradient(to top, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%)",
258
- "shimmer-magic-to-tr": "linear-gradient(to top right, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%)",
259
- "shimmer-magic-to-r": "linear-gradient(to right, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%)",
260
- "shimmer-magic-to-br": "linear-gradient(to bottom right, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%)",
261
- "shimmer-magic-to-b": "linear-gradient(to bottom, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%)",
262
- "shimmer-magic-to-bl": "linear-gradient(to bottom left, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%)",
263
- "shimmer-magic-to-l": "linear-gradient(to left, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%)",
264
- "shimmer-magic-to-tl": "linear-gradient(to top left, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%)",
265
263
  "glow-magic-pressed-to-t": "linear-gradient(to top, #fbf0f2 0.00%, #ffe8db 80.00%, #f5f2ef 100.00%)",
266
264
  "glow-magic-pressed-to-tr": "linear-gradient(to top right, #fbf0f2 0.00%, #ffe8db 80.00%, #f5f2ef 100.00%)",
267
265
  "glow-magic-pressed-to-r": "linear-gradient(to right, #fbf0f2 0.00%, #ffe8db 80.00%, #f5f2ef 100.00%)",
@@ -278,14 +276,14 @@ export default plugin(
278
276
  "shimmer-neutral-to-bl": "linear-gradient(to bottom left, #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%)",
279
277
  "shimmer-neutral-to-l": "linear-gradient(to left, #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%)",
280
278
  "shimmer-neutral-to-tl": "linear-gradient(to top left, #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%)",
281
- "highlight-magic-to-t": "linear-gradient(to top, #ff6600 20.00%, #d25aca 100.00%)",
282
- "highlight-magic-to-tr": "linear-gradient(to top right, #ff6600 20.00%, #d25aca 100.00%)",
283
- "highlight-magic-to-r": "linear-gradient(to right, #ff6600 20.00%, #d25aca 100.00%)",
284
- "highlight-magic-to-br": "linear-gradient(to bottom right, #ff6600 20.00%, #d25aca 100.00%)",
285
- "highlight-magic-to-b": "linear-gradient(to bottom, #ff6600 20.00%, #d25aca 100.00%)",
286
- "highlight-magic-to-bl": "linear-gradient(to bottom left, #ff6600 20.00%, #d25aca 100.00%)",
287
- "highlight-magic-to-l": "linear-gradient(to left, #ff6600 20.00%, #d25aca 100.00%)",
288
- "highlight-magic-to-tl": "linear-gradient(to top left, #ff6600 20.00%, #d25aca 100.00%)",
279
+ "shimmer-magic-to-t": "linear-gradient(to top, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%)",
280
+ "shimmer-magic-to-tr": "linear-gradient(to top right, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%)",
281
+ "shimmer-magic-to-r": "linear-gradient(to right, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%)",
282
+ "shimmer-magic-to-br": "linear-gradient(to bottom right, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%)",
283
+ "shimmer-magic-to-b": "linear-gradient(to bottom, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%)",
284
+ "shimmer-magic-to-bl": "linear-gradient(to bottom left, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%)",
285
+ "shimmer-magic-to-l": "linear-gradient(to left, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%)",
286
+ "shimmer-magic-to-tl": "linear-gradient(to top left, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%)",
289
287
  "highlight-magic-pressed-to-t": "linear-gradient(to top, #e14f00 20.00%, #ae58bf 100.00%)",
290
288
  "highlight-magic-pressed-to-tr": "linear-gradient(to top right, #e14f00 20.00%, #ae58bf 100.00%)",
291
289
  "highlight-magic-pressed-to-r": "linear-gradient(to right, #e14f00 20.00%, #ae58bf 100.00%)",
@@ -293,7 +291,15 @@ export default plugin(
293
291
  "highlight-magic-pressed-to-b": "linear-gradient(to bottom, #e14f00 20.00%, #ae58bf 100.00%)",
294
292
  "highlight-magic-pressed-to-bl": "linear-gradient(to bottom left, #e14f00 20.00%, #ae58bf 100.00%)",
295
293
  "highlight-magic-pressed-to-l": "linear-gradient(to left, #e14f00 20.00%, #ae58bf 100.00%)",
296
- "highlight-magic-pressed-to-tl": "linear-gradient(to top left, #e14f00 20.00%, #ae58bf 100.00%)"
294
+ "highlight-magic-pressed-to-tl": "linear-gradient(to top left, #e14f00 20.00%, #ae58bf 100.00%)",
295
+ "highlight-magic-to-t": "linear-gradient(to top, #ff6600 20.00%, #d25aca 100.00%)",
296
+ "highlight-magic-to-tr": "linear-gradient(to top right, #ff6600 20.00%, #d25aca 100.00%)",
297
+ "highlight-magic-to-r": "linear-gradient(to right, #ff6600 20.00%, #d25aca 100.00%)",
298
+ "highlight-magic-to-br": "linear-gradient(to bottom right, #ff6600 20.00%, #d25aca 100.00%)",
299
+ "highlight-magic-to-b": "linear-gradient(to bottom, #ff6600 20.00%, #d25aca 100.00%)",
300
+ "highlight-magic-to-bl": "linear-gradient(to bottom left, #ff6600 20.00%, #d25aca 100.00%)",
301
+ "highlight-magic-to-l": "linear-gradient(to left, #ff6600 20.00%, #d25aca 100.00%)",
302
+ "highlight-magic-to-tl": "linear-gradient(to top left, #ff6600 20.00%, #d25aca 100.00%)"
297
303
  },
298
304
  typography: {
299
305
  "screen-title": {