@seed-design/tailwind4-theme 0.1.6 → 0.1.15

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 (2) hide show
  1. package/index.css +78 -59
  2. package/package.json +2 -2
package/index.css CHANGED
@@ -1,7 +1,3 @@
1
- /**
2
- * SEED Design Tailwind 4.0 Theme
3
- * 이 파일은 Tailwind CSS 4.0에서 SEED 디자인 토큰을 사용하기 위한 테마 변수를 제공합니다.
4
- */
5
1
  @theme {
6
2
  --color-palette-blue-100: var(--seed-color-palette-blue-100);
7
3
  --color-palette-blue-200: var(--seed-color-palette-blue-200);
@@ -97,30 +93,34 @@
97
93
  --color-palette-yellow-800: var(--seed-color-palette-yellow-800);
98
94
  --color-palette-yellow-900: var(--seed-color-palette-yellow-900);
99
95
  --color-palette-yellow-1000: var(--seed-color-palette-yellow-1000);
96
+ --color-fg-neutral: var(--seed-color-fg-neutral);
100
97
  --color-fg-brand: var(--seed-color-fg-brand);
101
98
  --color-fg-critical: var(--seed-color-fg-critical);
102
- --color-fg-disabled: var(--seed-color-fg-disabled);
99
+ --color-fg-positive: var(--seed-color-fg-positive);
100
+ --color-fg-warning: var(--seed-color-fg-warning);
103
101
  --color-fg-informative: var(--seed-color-fg-informative);
104
- --color-fg-neutral: var(--seed-color-fg-neutral);
105
102
  --color-fg-placeholder: var(--seed-color-fg-placeholder);
106
- --color-fg-positive: var(--seed-color-fg-positive);
103
+ --color-fg-disabled: var(--seed-color-fg-disabled);
104
+ --color-fg-brand-contrast: var(--seed-color-fg-brand-contrast);
107
105
  --color-fg-critical-contrast: var(--seed-color-fg-critical-contrast);
108
106
  --color-fg-informative-contrast: var(--seed-color-fg-informative-contrast);
109
- --color-fg-neutral-inverted: var(--seed-color-fg-neutral-inverted);
110
107
  --color-fg-neutral-muted: var(--seed-color-fg-neutral-muted);
111
108
  --color-fg-neutral-subtle: var(--seed-color-fg-neutral-subtle);
109
+ --color-fg-neutral-inverted: var(--seed-color-fg-neutral-inverted);
112
110
  --color-fg-positive-contrast: var(--seed-color-fg-positive-contrast);
113
111
  --color-fg-warning-contrast: var(--seed-color-fg-warning-contrast);
114
- --color-bg-disabled: var(--seed-color-bg-disabled);
115
112
  --color-bg-overlay: var(--seed-color-bg-overlay);
113
+ --color-bg-disabled: var(--seed-color-bg-disabled);
114
+ --color-bg-brand-weak: var(--seed-color-bg-brand-weak);
116
115
  --color-bg-brand-solid: var(--seed-color-bg-brand-solid);
117
116
  --color-bg-brand-solid-pressed: var(--seed-color-bg-brand-solid-pressed);
118
- --color-bg-critical-solid: var(--seed-color-bg-critical-solid);
117
+ --color-bg-brand-weak-pressed: var(--seed-color-bg-brand-weak-pressed);
119
118
  --color-bg-critical-weak: var(--seed-color-bg-critical-weak);
119
+ --color-bg-critical-solid: var(--seed-color-bg-critical-solid);
120
120
  --color-bg-critical-solid-pressed: var(--seed-color-bg-critical-solid-pressed);
121
121
  --color-bg-critical-weak-pressed: var(--seed-color-bg-critical-weak-pressed);
122
- --color-bg-informative-solid: var(--seed-color-bg-informative-solid);
123
122
  --color-bg-informative-weak: var(--seed-color-bg-informative-weak);
123
+ --color-bg-informative-solid: var(--seed-color-bg-informative-solid);
124
124
  --color-bg-informative-solid-pressed: var(--seed-color-bg-informative-solid-pressed);
125
125
  --color-bg-informative-weak-pressed: var(--seed-color-bg-informative-weak-pressed);
126
126
  --color-bg-layer-basement: var(--seed-color-bg-layer-basement);
@@ -130,43 +130,45 @@
130
130
  --color-bg-layer-default-pressed: var(--seed-color-bg-layer-default-pressed);
131
131
  --color-bg-layer-floating-pressed: var(--seed-color-bg-layer-floating-pressed);
132
132
  --color-bg-magic-weak: var(--seed-color-bg-magic-weak);
133
+ --color-bg-neutral-weak: var(--seed-color-bg-neutral-weak);
133
134
  --color-bg-neutral-inverted: var(--seed-color-bg-neutral-inverted);
134
135
  --color-bg-neutral-solid: var(--seed-color-bg-neutral-solid);
135
- --color-bg-neutral-weak: var(--seed-color-bg-neutral-weak);
136
136
  --color-bg-neutral-inverted-pressed: var(--seed-color-bg-neutral-inverted-pressed);
137
137
  --color-bg-neutral-solid-muted: var(--seed-color-bg-neutral-solid-muted);
138
138
  --color-bg-neutral-solid-muted-pressed: var(--seed-color-bg-neutral-solid-muted-pressed);
139
139
  --color-bg-neutral-weak-pressed: var(--seed-color-bg-neutral-weak-pressed);
140
140
  --color-bg-overlay-muted: var(--seed-color-bg-overlay-muted);
141
- --color-bg-positive-solid: var(--seed-color-bg-positive-solid);
142
141
  --color-bg-positive-weak: var(--seed-color-bg-positive-weak);
142
+ --color-bg-positive-solid: var(--seed-color-bg-positive-solid);
143
143
  --color-bg-positive-solid-pressed: var(--seed-color-bg-positive-solid-pressed);
144
144
  --color-bg-positive-weak-pressed: var(--seed-color-bg-positive-weak-pressed);
145
- --color-bg-warning-solid: var(--seed-color-bg-warning-solid);
146
145
  --color-bg-warning-weak: var(--seed-color-bg-warning-weak);
146
+ --color-bg-warning-solid: var(--seed-color-bg-warning-solid);
147
+ --color-bg-warning-solid-pressed: var(--seed-color-bg-warning-solid-pressed);
147
148
  --color-bg-warning-weak-pressed: var(--seed-color-bg-warning-weak-pressed);
149
+ --color-stroke-neutral: var(--seed-color-stroke-neutral);
148
150
  --color-stroke-brand: var(--seed-color-stroke-brand);
149
- --color-stroke-control: var(--seed-color-stroke-control);
151
+ --color-stroke-positive: var(--seed-color-stroke-positive);
152
+ --color-stroke-informative: var(--seed-color-stroke-informative);
153
+ --color-stroke-warning: var(--seed-color-stroke-warning);
150
154
  --color-stroke-critical: var(--seed-color-stroke-critical);
151
155
  --color-stroke-field: var(--seed-color-stroke-field);
152
- --color-stroke-informative: var(--seed-color-stroke-informative);
153
- --color-stroke-neutral: var(--seed-color-stroke-neutral);
154
- --color-stroke-positive: var(--seed-color-stroke-positive);
156
+ --color-stroke-control: var(--seed-color-stroke-control);
155
157
  --color-stroke-field-focused: var(--seed-color-stroke-field-focused);
156
158
  --color-stroke-neutral-muted: var(--seed-color-stroke-neutral-muted);
157
159
  --color-stroke-on-image: var(--seed-color-stroke-on-image);
158
- --color-manner-temp-l1-bg: var(--seed-color-manner-temp-l1-bg);
159
160
  --color-manner-temp-l1-text: var(--seed-color-manner-temp-l1-text);
160
- --color-manner-temp-l2-bg: var(--seed-color-manner-temp-l2-bg);
161
161
  --color-manner-temp-l2-text: var(--seed-color-manner-temp-l2-text);
162
- --color-manner-temp-l3-bg: var(--seed-color-manner-temp-l3-bg);
163
162
  --color-manner-temp-l3-text: var(--seed-color-manner-temp-l3-text);
164
- --color-manner-temp-l4-bg: var(--seed-color-manner-temp-l4-bg);
165
163
  --color-manner-temp-l4-text: var(--seed-color-manner-temp-l4-text);
166
- --color-manner-temp-l5-bg: var(--seed-color-manner-temp-l5-bg);
164
+ --color-manner-temp-l4-bg: var(--seed-color-manner-temp-l4-bg);
167
165
  --color-manner-temp-l5-text: var(--seed-color-manner-temp-l5-text);
168
- --color-manner-temp-l6-bg: var(--seed-color-manner-temp-l6-bg);
169
166
  --color-manner-temp-l6-text: var(--seed-color-manner-temp-l6-text);
167
+ --color-manner-temp-l1-bg: var(--seed-color-manner-temp-l1-bg);
168
+ --color-manner-temp-l2-bg: var(--seed-color-manner-temp-l2-bg);
169
+ --color-manner-temp-l3-bg: var(--seed-color-manner-temp-l3-bg);
170
+ --color-manner-temp-l5-bg: var(--seed-color-manner-temp-l5-bg);
171
+ --color-manner-temp-l6-bg: var(--seed-color-manner-temp-l6-bg);
170
172
  --dimension-x0_5: var(--seed-dimension-x0_5);
171
173
  --dimension-x1: var(--seed-dimension-x1);
172
174
  --dimension-x1_5: var(--seed-dimension-x1_5);
@@ -208,20 +210,27 @@
208
210
  --font-size-t8: var(--seed-font-size-t8);
209
211
  --font-size-t9: var(--seed-font-size-t9);
210
212
  --font-size-t10: var(--seed-font-size-t10);
213
+ --font-size-t1-static: var(--seed-font-size-t1-static);
211
214
  --font-size-t2-static: var(--seed-font-size-t2-static);
215
+ --font-size-t3-static: var(--seed-font-size-t3-static);
216
+ --font-size-t4-static: var(--seed-font-size-t4-static);
212
217
  --font-size-t5-static: var(--seed-font-size-t5-static);
213
218
  --font-size-t6-static: var(--seed-font-size-t6-static);
219
+ --font-size-t7-static: var(--seed-font-size-t7-static);
220
+ --font-size-t8-static: var(--seed-font-size-t8-static);
221
+ --font-size-t9-static: var(--seed-font-size-t9-static);
222
+ --font-size-t10-static: var(--seed-font-size-t10-static);
214
223
  --font-weight-regular: var(--seed-font-weight-regular);
215
224
  --font-weight-medium: var(--seed-font-weight-medium);
216
225
  --font-weight-bold: var(--seed-font-weight-bold);
217
226
  --gradient-fade-layer-floating: var(--seed-gradient-fade-layer-floating);
218
227
  --gradient-fade-layer-default: var(--seed-gradient-fade-layer-default);
219
228
  --gradient-glow-magic: var(--seed-gradient-glow-magic);
220
- --gradient-shimmer-magic: var(--seed-gradient-shimmer-magic);
221
229
  --gradient-glow-magic-pressed: var(--seed-gradient-glow-magic-pressed);
222
230
  --gradient-shimmer-neutral: var(--seed-gradient-shimmer-neutral);
223
- --gradient-highlight-magic: var(--seed-gradient-highlight-magic);
231
+ --gradient-shimmer-magic: var(--seed-gradient-shimmer-magic);
224
232
  --gradient-highlight-magic-pressed: var(--seed-gradient-highlight-magic-pressed);
233
+ --gradient-highlight-magic: var(--seed-gradient-highlight-magic);
225
234
  --line-height-t1: var(--seed-line-height-t1);
226
235
  --line-height-t2: var(--seed-line-height-t2);
227
236
  --line-height-t3: var(--seed-line-height-t3);
@@ -232,6 +241,16 @@
232
241
  --line-height-t8: var(--seed-line-height-t8);
233
242
  --line-height-t9: var(--seed-line-height-t9);
234
243
  --line-height-t10: var(--seed-line-height-t10);
244
+ --line-height-t1-static: var(--seed-line-height-t1-static);
245
+ --line-height-t2-static: var(--seed-line-height-t2-static);
246
+ --line-height-t3-static: var(--seed-line-height-t3-static);
247
+ --line-height-t4-static: var(--seed-line-height-t4-static);
248
+ --line-height-t5-static: var(--seed-line-height-t5-static);
249
+ --line-height-t6-static: var(--seed-line-height-t6-static);
250
+ --line-height-t7-static: var(--seed-line-height-t7-static);
251
+ --line-height-t8-static: var(--seed-line-height-t8-static);
252
+ --line-height-t9-static: var(--seed-line-height-t9-static);
253
+ --line-height-t10-static: var(--seed-line-height-t10-static);
235
254
  --radius-r0_5: var(--seed-radius-r0_5);
236
255
  --radius-r1: var(--seed-radius-r1);
237
256
  --radius-r1_5: var(--seed-radius-r1_5);
@@ -250,13 +269,13 @@
250
269
  --timing-function-enter-expressive: var(--seed-timing-function-enter-expressive);
251
270
  --timing-function-exit-expressive: var(--seed-timing-function-exit-expressive);
252
271
  --gradient-stops-fade-layer-floating: #ffffff00 0.00%, #000000 100.00%;
253
- --gradient-stops-fade-layer-default: #ffffff00 0.00%, #000000 100.00%;
272
+ --gradient-stops-fade-layer-default: #000000 0.00%, #ffffff00 100.00%;
254
273
  --gradient-stops-glow-magic: #fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%;
255
- --gradient-stops-shimmer-magic: #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%;
256
274
  --gradient-stops-glow-magic-pressed: #fbf0f2 0.00%, #ffe8db 80.00%, #f5f2ef 100.00%;
257
275
  --gradient-stops-shimmer-neutral: #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%;
258
- --gradient-stops-highlight-magic: #ff6600 20.00%, #d25aca 100.00%;
276
+ --gradient-stops-shimmer-magic: #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%;
259
277
  --gradient-stops-highlight-magic-pressed: #e14f00 20.00%, #ae58bf 100.00%;
278
+ --gradient-stops-highlight-magic: #ff6600 20.00%, #d25aca 100.00%;
260
279
  --gradient-fade-layer-floating-to-t: linear-gradient(to top, #ffffff00 0.00%, #000000 100.00%);
261
280
  --gradient-fade-layer-floating-to-tr: linear-gradient(to top right, #ffffff00 0.00%, #000000 100.00%);
262
281
  --gradient-fade-layer-floating-to-r: linear-gradient(to right, #ffffff00 0.00%, #000000 100.00%);
@@ -265,14 +284,14 @@
265
284
  --gradient-fade-layer-floating-to-bl: linear-gradient(to bottom left, #ffffff00 0.00%, #000000 100.00%);
266
285
  --gradient-fade-layer-floating-to-l: linear-gradient(to left, #ffffff00 0.00%, #000000 100.00%);
267
286
  --gradient-fade-layer-floating-to-tl: linear-gradient(to top left, #ffffff00 0.00%, #000000 100.00%);
268
- --gradient-fade-layer-default-to-t: linear-gradient(to top, #ffffff00 0.00%, #000000 100.00%);
269
- --gradient-fade-layer-default-to-tr: linear-gradient(to top right, #ffffff00 0.00%, #000000 100.00%);
270
- --gradient-fade-layer-default-to-r: linear-gradient(to right, #ffffff00 0.00%, #000000 100.00%);
271
- --gradient-fade-layer-default-to-br: linear-gradient(to bottom right, #ffffff00 0.00%, #000000 100.00%);
272
- --gradient-fade-layer-default-to-b: linear-gradient(to bottom, #ffffff00 0.00%, #000000 100.00%);
273
- --gradient-fade-layer-default-to-bl: linear-gradient(to bottom left, #ffffff00 0.00%, #000000 100.00%);
274
- --gradient-fade-layer-default-to-l: linear-gradient(to left, #ffffff00 0.00%, #000000 100.00%);
275
- --gradient-fade-layer-default-to-tl: linear-gradient(to top left, #ffffff00 0.00%, #000000 100.00%);
287
+ --gradient-fade-layer-default-to-t: linear-gradient(to top, #000000 0.00%, #ffffff00 100.00%);
288
+ --gradient-fade-layer-default-to-tr: linear-gradient(to top right, #000000 0.00%, #ffffff00 100.00%);
289
+ --gradient-fade-layer-default-to-r: linear-gradient(to right, #000000 0.00%, #ffffff00 100.00%);
290
+ --gradient-fade-layer-default-to-br: linear-gradient(to bottom right, #000000 0.00%, #ffffff00 100.00%);
291
+ --gradient-fade-layer-default-to-b: linear-gradient(to bottom, #000000 0.00%, #ffffff00 100.00%);
292
+ --gradient-fade-layer-default-to-bl: linear-gradient(to bottom left, #000000 0.00%, #ffffff00 100.00%);
293
+ --gradient-fade-layer-default-to-l: linear-gradient(to left, #000000 0.00%, #ffffff00 100.00%);
294
+ --gradient-fade-layer-default-to-tl: linear-gradient(to top left, #000000 0.00%, #ffffff00 100.00%);
276
295
  --gradient-glow-magic-to-t: linear-gradient(to top, #fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%);
277
296
  --gradient-glow-magic-to-tr: linear-gradient(to top right, #fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%);
278
297
  --gradient-glow-magic-to-r: linear-gradient(to right, #fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%);
@@ -281,14 +300,6 @@
281
300
  --gradient-glow-magic-to-bl: linear-gradient(to bottom left, #fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%);
282
301
  --gradient-glow-magic-to-l: linear-gradient(to left, #fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%);
283
302
  --gradient-glow-magic-to-tl: linear-gradient(to top left, #fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%);
284
- --gradient-shimmer-magic-to-t: linear-gradient(to top, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%);
285
- --gradient-shimmer-magic-to-tr: linear-gradient(to top right, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%);
286
- --gradient-shimmer-magic-to-r: linear-gradient(to right, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%);
287
- --gradient-shimmer-magic-to-br: linear-gradient(to bottom right, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%);
288
- --gradient-shimmer-magic-to-b: linear-gradient(to bottom, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%);
289
- --gradient-shimmer-magic-to-bl: linear-gradient(to bottom left, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%);
290
- --gradient-shimmer-magic-to-l: linear-gradient(to left, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%);
291
- --gradient-shimmer-magic-to-tl: linear-gradient(to top left, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%);
292
303
  --gradient-glow-magic-pressed-to-t: linear-gradient(to top, #fbf0f2 0.00%, #ffe8db 80.00%, #f5f2ef 100.00%);
293
304
  --gradient-glow-magic-pressed-to-tr: linear-gradient(to top right, #fbf0f2 0.00%, #ffe8db 80.00%, #f5f2ef 100.00%);
294
305
  --gradient-glow-magic-pressed-to-r: linear-gradient(to right, #fbf0f2 0.00%, #ffe8db 80.00%, #f5f2ef 100.00%);
@@ -305,14 +316,14 @@
305
316
  --gradient-shimmer-neutral-to-bl: linear-gradient(to bottom left, #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%);
306
317
  --gradient-shimmer-neutral-to-l: linear-gradient(to left, #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%);
307
318
  --gradient-shimmer-neutral-to-tl: linear-gradient(to top left, #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%);
308
- --gradient-highlight-magic-to-t: linear-gradient(to top, #ff6600 20.00%, #d25aca 100.00%);
309
- --gradient-highlight-magic-to-tr: linear-gradient(to top right, #ff6600 20.00%, #d25aca 100.00%);
310
- --gradient-highlight-magic-to-r: linear-gradient(to right, #ff6600 20.00%, #d25aca 100.00%);
311
- --gradient-highlight-magic-to-br: linear-gradient(to bottom right, #ff6600 20.00%, #d25aca 100.00%);
312
- --gradient-highlight-magic-to-b: linear-gradient(to bottom, #ff6600 20.00%, #d25aca 100.00%);
313
- --gradient-highlight-magic-to-bl: linear-gradient(to bottom left, #ff6600 20.00%, #d25aca 100.00%);
314
- --gradient-highlight-magic-to-l: linear-gradient(to left, #ff6600 20.00%, #d25aca 100.00%);
315
- --gradient-highlight-magic-to-tl: linear-gradient(to top left, #ff6600 20.00%, #d25aca 100.00%);
319
+ --gradient-shimmer-magic-to-t: linear-gradient(to top, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%);
320
+ --gradient-shimmer-magic-to-tr: linear-gradient(to top right, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%);
321
+ --gradient-shimmer-magic-to-r: linear-gradient(to right, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%);
322
+ --gradient-shimmer-magic-to-br: linear-gradient(to bottom right, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%);
323
+ --gradient-shimmer-magic-to-b: linear-gradient(to bottom, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%);
324
+ --gradient-shimmer-magic-to-bl: linear-gradient(to bottom left, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%);
325
+ --gradient-shimmer-magic-to-l: linear-gradient(to left, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%);
326
+ --gradient-shimmer-magic-to-tl: linear-gradient(to top left, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%);
316
327
  --gradient-highlight-magic-pressed-to-t: linear-gradient(to top, #e14f00 20.00%, #ae58bf 100.00%);
317
328
  --gradient-highlight-magic-pressed-to-tr: linear-gradient(to top right, #e14f00 20.00%, #ae58bf 100.00%);
318
329
  --gradient-highlight-magic-pressed-to-r: linear-gradient(to right, #e14f00 20.00%, #ae58bf 100.00%);
@@ -321,6 +332,14 @@
321
332
  --gradient-highlight-magic-pressed-to-bl: linear-gradient(to bottom left, #e14f00 20.00%, #ae58bf 100.00%);
322
333
  --gradient-highlight-magic-pressed-to-l: linear-gradient(to left, #e14f00 20.00%, #ae58bf 100.00%);
323
334
  --gradient-highlight-magic-pressed-to-tl: linear-gradient(to top left, #e14f00 20.00%, #ae58bf 100.00%);
335
+ --gradient-highlight-magic-to-t: linear-gradient(to top, #ff6600 20.00%, #d25aca 100.00%);
336
+ --gradient-highlight-magic-to-tr: linear-gradient(to top right, #ff6600 20.00%, #d25aca 100.00%);
337
+ --gradient-highlight-magic-to-r: linear-gradient(to right, #ff6600 20.00%, #d25aca 100.00%);
338
+ --gradient-highlight-magic-to-br: linear-gradient(to bottom right, #ff6600 20.00%, #d25aca 100.00%);
339
+ --gradient-highlight-magic-to-b: linear-gradient(to bottom, #ff6600 20.00%, #d25aca 100.00%);
340
+ --gradient-highlight-magic-to-bl: linear-gradient(to bottom left, #ff6600 20.00%, #d25aca 100.00%);
341
+ --gradient-highlight-magic-to-l: linear-gradient(to left, #ff6600 20.00%, #d25aca 100.00%);
342
+ --gradient-highlight-magic-to-tl: linear-gradient(to top left, #ff6600 20.00%, #d25aca 100.00%);
324
343
  }
325
344
 
326
345
  @utility screen-title {
@@ -600,10 +619,6 @@
600
619
  background-image: linear-gradient(--value([angle]), var(--gradient-stops-glow-magic));
601
620
  }
602
621
 
603
- @utility bg-gradient-shimmer-magic-* {
604
- background-image: linear-gradient(--value([angle]), var(--gradient-stops-shimmer-magic));
605
- }
606
-
607
622
  @utility bg-gradient-glow-magic-pressed-* {
608
623
  background-image: linear-gradient(--value([angle]), var(--gradient-stops-glow-magic-pressed));
609
624
  }
@@ -612,10 +627,14 @@
612
627
  background-image: linear-gradient(--value([angle]), var(--gradient-stops-shimmer-neutral));
613
628
  }
614
629
 
615
- @utility bg-gradient-highlight-magic-* {
616
- background-image: linear-gradient(--value([angle]), var(--gradient-stops-highlight-magic));
630
+ @utility bg-gradient-shimmer-magic-* {
631
+ background-image: linear-gradient(--value([angle]), var(--gradient-stops-shimmer-magic));
617
632
  }
618
633
 
619
634
  @utility bg-gradient-highlight-magic-pressed-* {
620
635
  background-image: linear-gradient(--value([angle]), var(--gradient-stops-highlight-magic-pressed));
636
+ }
637
+
638
+ @utility bg-gradient-highlight-magic-* {
639
+ background-image: linear-gradient(--value([angle]), var(--gradient-stops-highlight-magic));
621
640
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@seed-design/tailwind4-theme",
3
- "version": "0.1.6",
3
+ "version": "0.1.15",
4
4
  "description": "SEED 디자인 토큰을 Tailwind CSS 4.0에서 사용하기 위한 플러그인",
5
5
  "main": "index.css",
6
6
  "files": [
@@ -8,7 +8,7 @@
8
8
  "README.md"
9
9
  ],
10
10
  "scripts": {
11
- "rootage:generate": "rootage tailwind4 ./"
11
+ "rootage:generate": "rootage tailwind4 ./ --prefix seed"
12
12
  },
13
13
  "exports": {
14
14
  ".": "./index.css"