@seed-design/tailwind3-plugin 0.1.3 → 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.
- package/lib/index.cjs +56 -40
- package/lib/index.d.cts.map +1 -1
- package/lib/index.d.ts.map +1 -1
- package/lib/index.js +56 -40
- package/package.json +1 -1
- package/src/index.ts +56 -40
package/lib/index.cjs
CHANGED
|
@@ -30,11 +30,12 @@ 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": "#
|
|
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%",
|
|
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%",
|
|
38
39
|
"highlight-magic": "#ff6600 20.00%, #d25aca 100.00%"
|
|
39
40
|
};
|
|
40
41
|
Object.entries(gradientStopsForArbitrary).forEach(([gradientName, colorStops])=>{
|
|
@@ -145,30 +146,34 @@ var plugin__default = /*#__PURE__*/_interopDefault(plugin);
|
|
|
145
146
|
"palette-yellow-800": "var(--seed-color-palette-yellow-800)",
|
|
146
147
|
"palette-yellow-900": "var(--seed-color-palette-yellow-900)",
|
|
147
148
|
"palette-yellow-1000": "var(--seed-color-palette-yellow-1000)",
|
|
149
|
+
"fg-neutral": "var(--seed-color-fg-neutral)",
|
|
148
150
|
"fg-brand": "var(--seed-color-fg-brand)",
|
|
149
151
|
"fg-critical": "var(--seed-color-fg-critical)",
|
|
150
|
-
"fg-
|
|
152
|
+
"fg-positive": "var(--seed-color-fg-positive)",
|
|
153
|
+
"fg-warning": "var(--seed-color-fg-warning)",
|
|
151
154
|
"fg-informative": "var(--seed-color-fg-informative)",
|
|
152
|
-
"fg-neutral": "var(--seed-color-fg-neutral)",
|
|
153
155
|
"fg-placeholder": "var(--seed-color-fg-placeholder)",
|
|
154
|
-
"fg-
|
|
156
|
+
"fg-disabled": "var(--seed-color-fg-disabled)",
|
|
157
|
+
"fg-brand-contrast": "var(--seed-color-fg-brand-contrast)",
|
|
155
158
|
"fg-critical-contrast": "var(--seed-color-fg-critical-contrast)",
|
|
156
159
|
"fg-informative-contrast": "var(--seed-color-fg-informative-contrast)",
|
|
157
|
-
"fg-neutral-inverted": "var(--seed-color-fg-neutral-inverted)",
|
|
158
160
|
"fg-neutral-muted": "var(--seed-color-fg-neutral-muted)",
|
|
159
161
|
"fg-neutral-subtle": "var(--seed-color-fg-neutral-subtle)",
|
|
162
|
+
"fg-neutral-inverted": "var(--seed-color-fg-neutral-inverted)",
|
|
160
163
|
"fg-positive-contrast": "var(--seed-color-fg-positive-contrast)",
|
|
161
164
|
"fg-warning-contrast": "var(--seed-color-fg-warning-contrast)",
|
|
162
|
-
"bg-disabled": "var(--seed-color-bg-disabled)",
|
|
163
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)",
|
|
164
168
|
"bg-brand-solid": "var(--seed-color-bg-brand-solid)",
|
|
165
169
|
"bg-brand-solid-pressed": "var(--seed-color-bg-brand-solid-pressed)",
|
|
166
|
-
"bg-
|
|
170
|
+
"bg-brand-weak-pressed": "var(--seed-color-bg-brand-weak-pressed)",
|
|
167
171
|
"bg-critical-weak": "var(--seed-color-bg-critical-weak)",
|
|
172
|
+
"bg-critical-solid": "var(--seed-color-bg-critical-solid)",
|
|
168
173
|
"bg-critical-solid-pressed": "var(--seed-color-bg-critical-solid-pressed)",
|
|
169
174
|
"bg-critical-weak-pressed": "var(--seed-color-bg-critical-weak-pressed)",
|
|
170
|
-
"bg-informative-solid": "var(--seed-color-bg-informative-solid)",
|
|
171
175
|
"bg-informative-weak": "var(--seed-color-bg-informative-weak)",
|
|
176
|
+
"bg-informative-solid": "var(--seed-color-bg-informative-solid)",
|
|
172
177
|
"bg-informative-solid-pressed": "var(--seed-color-bg-informative-solid-pressed)",
|
|
173
178
|
"bg-informative-weak-pressed": "var(--seed-color-bg-informative-weak-pressed)",
|
|
174
179
|
"bg-layer-basement": "var(--seed-color-bg-layer-basement)",
|
|
@@ -178,49 +183,52 @@ var plugin__default = /*#__PURE__*/_interopDefault(plugin);
|
|
|
178
183
|
"bg-layer-default-pressed": "var(--seed-color-bg-layer-default-pressed)",
|
|
179
184
|
"bg-layer-floating-pressed": "var(--seed-color-bg-layer-floating-pressed)",
|
|
180
185
|
"bg-magic-weak": "var(--seed-color-bg-magic-weak)",
|
|
186
|
+
"bg-neutral-weak": "var(--seed-color-bg-neutral-weak)",
|
|
181
187
|
"bg-neutral-inverted": "var(--seed-color-bg-neutral-inverted)",
|
|
182
188
|
"bg-neutral-solid": "var(--seed-color-bg-neutral-solid)",
|
|
183
|
-
"bg-neutral-weak": "var(--seed-color-bg-neutral-weak)",
|
|
184
189
|
"bg-neutral-inverted-pressed": "var(--seed-color-bg-neutral-inverted-pressed)",
|
|
185
190
|
"bg-neutral-solid-muted": "var(--seed-color-bg-neutral-solid-muted)",
|
|
186
191
|
"bg-neutral-solid-muted-pressed": "var(--seed-color-bg-neutral-solid-muted-pressed)",
|
|
187
192
|
"bg-neutral-weak-pressed": "var(--seed-color-bg-neutral-weak-pressed)",
|
|
188
193
|
"bg-overlay-muted": "var(--seed-color-bg-overlay-muted)",
|
|
189
|
-
"bg-positive-solid": "var(--seed-color-bg-positive-solid)",
|
|
190
194
|
"bg-positive-weak": "var(--seed-color-bg-positive-weak)",
|
|
195
|
+
"bg-positive-solid": "var(--seed-color-bg-positive-solid)",
|
|
191
196
|
"bg-positive-solid-pressed": "var(--seed-color-bg-positive-solid-pressed)",
|
|
192
197
|
"bg-positive-weak-pressed": "var(--seed-color-bg-positive-weak-pressed)",
|
|
193
|
-
"bg-warning-solid": "var(--seed-color-bg-warning-solid)",
|
|
194
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)",
|
|
195
201
|
"bg-warning-weak-pressed": "var(--seed-color-bg-warning-weak-pressed)",
|
|
202
|
+
"stroke-neutral": "var(--seed-color-stroke-neutral)",
|
|
196
203
|
"stroke-brand": "var(--seed-color-stroke-brand)",
|
|
197
|
-
"stroke-
|
|
204
|
+
"stroke-positive": "var(--seed-color-stroke-positive)",
|
|
205
|
+
"stroke-informative": "var(--seed-color-stroke-informative)",
|
|
206
|
+
"stroke-warning": "var(--seed-color-stroke-warning)",
|
|
198
207
|
"stroke-critical": "var(--seed-color-stroke-critical)",
|
|
199
208
|
"stroke-field": "var(--seed-color-stroke-field)",
|
|
200
|
-
"stroke-
|
|
201
|
-
"stroke-neutral": "var(--seed-color-stroke-neutral)",
|
|
202
|
-
"stroke-positive": "var(--seed-color-stroke-positive)",
|
|
209
|
+
"stroke-control": "var(--seed-color-stroke-control)",
|
|
203
210
|
"stroke-field-focused": "var(--seed-color-stroke-field-focused)",
|
|
204
211
|
"stroke-neutral-muted": "var(--seed-color-stroke-neutral-muted)",
|
|
205
212
|
"stroke-on-image": "var(--seed-color-stroke-on-image)",
|
|
206
|
-
"manner-temp-l1-bg": "var(--seed-color-manner-temp-l1-bg)",
|
|
207
213
|
"manner-temp-l1-text": "var(--seed-color-manner-temp-l1-text)",
|
|
208
|
-
"manner-temp-l2-bg": "var(--seed-color-manner-temp-l2-bg)",
|
|
209
214
|
"manner-temp-l2-text": "var(--seed-color-manner-temp-l2-text)",
|
|
210
|
-
"manner-temp-l3-bg": "var(--seed-color-manner-temp-l3-bg)",
|
|
211
215
|
"manner-temp-l3-text": "var(--seed-color-manner-temp-l3-text)",
|
|
212
|
-
"manner-temp-l4-bg": "var(--seed-color-manner-temp-l4-bg)",
|
|
213
216
|
"manner-temp-l4-text": "var(--seed-color-manner-temp-l4-text)",
|
|
214
|
-
"manner-temp-
|
|
217
|
+
"manner-temp-l4-bg": "var(--seed-color-manner-temp-l4-bg)",
|
|
215
218
|
"manner-temp-l5-text": "var(--seed-color-manner-temp-l5-text)",
|
|
216
|
-
"manner-temp-l6-bg": "var(--seed-color-manner-temp-l6-bg)",
|
|
217
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)",
|
|
218
225
|
"gradient-stops-fade-layer-floating": "#ffffff00 0.00%, #000000 100.00%",
|
|
219
|
-
"gradient-stops-fade-layer-default": "#
|
|
226
|
+
"gradient-stops-fade-layer-default": "#000000 0.00%, #ffffff00 100.00%",
|
|
220
227
|
"gradient-stops-glow-magic": "#fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%",
|
|
221
|
-
"gradient-stops-shimmer-magic": "#fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%",
|
|
222
228
|
"gradient-stops-glow-magic-pressed": "#fbf0f2 0.00%, #ffe8db 80.00%, #f5f2ef 100.00%",
|
|
223
229
|
"gradient-stops-shimmer-neutral": "#ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 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%",
|
|
224
232
|
"gradient-stops-highlight-magic": "#ff6600 20.00%, #d25aca 100.00%"
|
|
225
233
|
},
|
|
226
234
|
backgroundImage: {
|
|
@@ -232,14 +240,14 @@ var plugin__default = /*#__PURE__*/_interopDefault(plugin);
|
|
|
232
240
|
"fade-layer-floating-to-bl": "linear-gradient(to bottom left, #ffffff00 0.00%, #000000 100.00%)",
|
|
233
241
|
"fade-layer-floating-to-l": "linear-gradient(to left, #ffffff00 0.00%, #000000 100.00%)",
|
|
234
242
|
"fade-layer-floating-to-tl": "linear-gradient(to top left, #ffffff00 0.00%, #000000 100.00%)",
|
|
235
|
-
"fade-layer-default-to-t": "linear-gradient(to top, #
|
|
236
|
-
"fade-layer-default-to-tr": "linear-gradient(to top right, #
|
|
237
|
-
"fade-layer-default-to-r": "linear-gradient(to right, #
|
|
238
|
-
"fade-layer-default-to-br": "linear-gradient(to bottom right, #
|
|
239
|
-
"fade-layer-default-to-b": "linear-gradient(to bottom, #
|
|
240
|
-
"fade-layer-default-to-bl": "linear-gradient(to bottom left, #
|
|
241
|
-
"fade-layer-default-to-l": "linear-gradient(to left, #
|
|
242
|
-
"fade-layer-default-to-tl": "linear-gradient(to top left, #
|
|
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%)",
|
|
243
251
|
"glow-magic-to-t": "linear-gradient(to top, #fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%)",
|
|
244
252
|
"glow-magic-to-tr": "linear-gradient(to top right, #fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%)",
|
|
245
253
|
"glow-magic-to-r": "linear-gradient(to right, #fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%)",
|
|
@@ -248,14 +256,6 @@ var plugin__default = /*#__PURE__*/_interopDefault(plugin);
|
|
|
248
256
|
"glow-magic-to-bl": "linear-gradient(to bottom left, #fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%)",
|
|
249
257
|
"glow-magic-to-l": "linear-gradient(to left, #fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%)",
|
|
250
258
|
"glow-magic-to-tl": "linear-gradient(to top left, #fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%)",
|
|
251
|
-
"shimmer-magic-to-t": "linear-gradient(to top, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%)",
|
|
252
|
-
"shimmer-magic-to-tr": "linear-gradient(to top right, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%)",
|
|
253
|
-
"shimmer-magic-to-r": "linear-gradient(to right, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%)",
|
|
254
|
-
"shimmer-magic-to-br": "linear-gradient(to bottom right, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%)",
|
|
255
|
-
"shimmer-magic-to-b": "linear-gradient(to bottom, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%)",
|
|
256
|
-
"shimmer-magic-to-bl": "linear-gradient(to bottom left, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%)",
|
|
257
|
-
"shimmer-magic-to-l": "linear-gradient(to left, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%)",
|
|
258
|
-
"shimmer-magic-to-tl": "linear-gradient(to top left, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%)",
|
|
259
259
|
"glow-magic-pressed-to-t": "linear-gradient(to top, #fbf0f2 0.00%, #ffe8db 80.00%, #f5f2ef 100.00%)",
|
|
260
260
|
"glow-magic-pressed-to-tr": "linear-gradient(to top right, #fbf0f2 0.00%, #ffe8db 80.00%, #f5f2ef 100.00%)",
|
|
261
261
|
"glow-magic-pressed-to-r": "linear-gradient(to right, #fbf0f2 0.00%, #ffe8db 80.00%, #f5f2ef 100.00%)",
|
|
@@ -272,6 +272,22 @@ var plugin__default = /*#__PURE__*/_interopDefault(plugin);
|
|
|
272
272
|
"shimmer-neutral-to-bl": "linear-gradient(to bottom left, #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%)",
|
|
273
273
|
"shimmer-neutral-to-l": "linear-gradient(to left, #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%)",
|
|
274
274
|
"shimmer-neutral-to-tl": "linear-gradient(to top left, #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 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%)",
|
|
283
|
+
"highlight-magic-pressed-to-t": "linear-gradient(to top, #e14f00 20.00%, #ae58bf 100.00%)",
|
|
284
|
+
"highlight-magic-pressed-to-tr": "linear-gradient(to top right, #e14f00 20.00%, #ae58bf 100.00%)",
|
|
285
|
+
"highlight-magic-pressed-to-r": "linear-gradient(to right, #e14f00 20.00%, #ae58bf 100.00%)",
|
|
286
|
+
"highlight-magic-pressed-to-br": "linear-gradient(to bottom right, #e14f00 20.00%, #ae58bf 100.00%)",
|
|
287
|
+
"highlight-magic-pressed-to-b": "linear-gradient(to bottom, #e14f00 20.00%, #ae58bf 100.00%)",
|
|
288
|
+
"highlight-magic-pressed-to-bl": "linear-gradient(to bottom left, #e14f00 20.00%, #ae58bf 100.00%)",
|
|
289
|
+
"highlight-magic-pressed-to-l": "linear-gradient(to left, #e14f00 20.00%, #ae58bf 100.00%)",
|
|
290
|
+
"highlight-magic-pressed-to-tl": "linear-gradient(to top left, #e14f00 20.00%, #ae58bf 100.00%)",
|
|
275
291
|
"highlight-magic-to-t": "linear-gradient(to top, #ff6600 20.00%, #d25aca 100.00%)",
|
|
276
292
|
"highlight-magic-to-tr": "linear-gradient(to top right, #ff6600 20.00%, #d25aca 100.00%)",
|
|
277
293
|
"highlight-magic-to-r": "linear-gradient(to right, #ff6600 20.00%, #d25aca 100.00%)",
|
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};\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},\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},\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};\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},\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},\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,11 +24,12 @@ 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": "#
|
|
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%",
|
|
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%",
|
|
32
33
|
"highlight-magic": "#ff6600 20.00%, #d25aca 100.00%"
|
|
33
34
|
};
|
|
34
35
|
Object.entries(gradientStopsForArbitrary).forEach(([gradientName, colorStops])=>{
|
|
@@ -139,30 +140,34 @@ import plugin from 'tailwindcss/plugin';
|
|
|
139
140
|
"palette-yellow-800": "var(--seed-color-palette-yellow-800)",
|
|
140
141
|
"palette-yellow-900": "var(--seed-color-palette-yellow-900)",
|
|
141
142
|
"palette-yellow-1000": "var(--seed-color-palette-yellow-1000)",
|
|
143
|
+
"fg-neutral": "var(--seed-color-fg-neutral)",
|
|
142
144
|
"fg-brand": "var(--seed-color-fg-brand)",
|
|
143
145
|
"fg-critical": "var(--seed-color-fg-critical)",
|
|
144
|
-
"fg-
|
|
146
|
+
"fg-positive": "var(--seed-color-fg-positive)",
|
|
147
|
+
"fg-warning": "var(--seed-color-fg-warning)",
|
|
145
148
|
"fg-informative": "var(--seed-color-fg-informative)",
|
|
146
|
-
"fg-neutral": "var(--seed-color-fg-neutral)",
|
|
147
149
|
"fg-placeholder": "var(--seed-color-fg-placeholder)",
|
|
148
|
-
"fg-
|
|
150
|
+
"fg-disabled": "var(--seed-color-fg-disabled)",
|
|
151
|
+
"fg-brand-contrast": "var(--seed-color-fg-brand-contrast)",
|
|
149
152
|
"fg-critical-contrast": "var(--seed-color-fg-critical-contrast)",
|
|
150
153
|
"fg-informative-contrast": "var(--seed-color-fg-informative-contrast)",
|
|
151
|
-
"fg-neutral-inverted": "var(--seed-color-fg-neutral-inverted)",
|
|
152
154
|
"fg-neutral-muted": "var(--seed-color-fg-neutral-muted)",
|
|
153
155
|
"fg-neutral-subtle": "var(--seed-color-fg-neutral-subtle)",
|
|
156
|
+
"fg-neutral-inverted": "var(--seed-color-fg-neutral-inverted)",
|
|
154
157
|
"fg-positive-contrast": "var(--seed-color-fg-positive-contrast)",
|
|
155
158
|
"fg-warning-contrast": "var(--seed-color-fg-warning-contrast)",
|
|
156
|
-
"bg-disabled": "var(--seed-color-bg-disabled)",
|
|
157
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)",
|
|
158
162
|
"bg-brand-solid": "var(--seed-color-bg-brand-solid)",
|
|
159
163
|
"bg-brand-solid-pressed": "var(--seed-color-bg-brand-solid-pressed)",
|
|
160
|
-
"bg-
|
|
164
|
+
"bg-brand-weak-pressed": "var(--seed-color-bg-brand-weak-pressed)",
|
|
161
165
|
"bg-critical-weak": "var(--seed-color-bg-critical-weak)",
|
|
166
|
+
"bg-critical-solid": "var(--seed-color-bg-critical-solid)",
|
|
162
167
|
"bg-critical-solid-pressed": "var(--seed-color-bg-critical-solid-pressed)",
|
|
163
168
|
"bg-critical-weak-pressed": "var(--seed-color-bg-critical-weak-pressed)",
|
|
164
|
-
"bg-informative-solid": "var(--seed-color-bg-informative-solid)",
|
|
165
169
|
"bg-informative-weak": "var(--seed-color-bg-informative-weak)",
|
|
170
|
+
"bg-informative-solid": "var(--seed-color-bg-informative-solid)",
|
|
166
171
|
"bg-informative-solid-pressed": "var(--seed-color-bg-informative-solid-pressed)",
|
|
167
172
|
"bg-informative-weak-pressed": "var(--seed-color-bg-informative-weak-pressed)",
|
|
168
173
|
"bg-layer-basement": "var(--seed-color-bg-layer-basement)",
|
|
@@ -172,49 +177,52 @@ import plugin from 'tailwindcss/plugin';
|
|
|
172
177
|
"bg-layer-default-pressed": "var(--seed-color-bg-layer-default-pressed)",
|
|
173
178
|
"bg-layer-floating-pressed": "var(--seed-color-bg-layer-floating-pressed)",
|
|
174
179
|
"bg-magic-weak": "var(--seed-color-bg-magic-weak)",
|
|
180
|
+
"bg-neutral-weak": "var(--seed-color-bg-neutral-weak)",
|
|
175
181
|
"bg-neutral-inverted": "var(--seed-color-bg-neutral-inverted)",
|
|
176
182
|
"bg-neutral-solid": "var(--seed-color-bg-neutral-solid)",
|
|
177
|
-
"bg-neutral-weak": "var(--seed-color-bg-neutral-weak)",
|
|
178
183
|
"bg-neutral-inverted-pressed": "var(--seed-color-bg-neutral-inverted-pressed)",
|
|
179
184
|
"bg-neutral-solid-muted": "var(--seed-color-bg-neutral-solid-muted)",
|
|
180
185
|
"bg-neutral-solid-muted-pressed": "var(--seed-color-bg-neutral-solid-muted-pressed)",
|
|
181
186
|
"bg-neutral-weak-pressed": "var(--seed-color-bg-neutral-weak-pressed)",
|
|
182
187
|
"bg-overlay-muted": "var(--seed-color-bg-overlay-muted)",
|
|
183
|
-
"bg-positive-solid": "var(--seed-color-bg-positive-solid)",
|
|
184
188
|
"bg-positive-weak": "var(--seed-color-bg-positive-weak)",
|
|
189
|
+
"bg-positive-solid": "var(--seed-color-bg-positive-solid)",
|
|
185
190
|
"bg-positive-solid-pressed": "var(--seed-color-bg-positive-solid-pressed)",
|
|
186
191
|
"bg-positive-weak-pressed": "var(--seed-color-bg-positive-weak-pressed)",
|
|
187
|
-
"bg-warning-solid": "var(--seed-color-bg-warning-solid)",
|
|
188
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)",
|
|
189
195
|
"bg-warning-weak-pressed": "var(--seed-color-bg-warning-weak-pressed)",
|
|
196
|
+
"stroke-neutral": "var(--seed-color-stroke-neutral)",
|
|
190
197
|
"stroke-brand": "var(--seed-color-stroke-brand)",
|
|
191
|
-
"stroke-
|
|
198
|
+
"stroke-positive": "var(--seed-color-stroke-positive)",
|
|
199
|
+
"stroke-informative": "var(--seed-color-stroke-informative)",
|
|
200
|
+
"stroke-warning": "var(--seed-color-stroke-warning)",
|
|
192
201
|
"stroke-critical": "var(--seed-color-stroke-critical)",
|
|
193
202
|
"stroke-field": "var(--seed-color-stroke-field)",
|
|
194
|
-
"stroke-
|
|
195
|
-
"stroke-neutral": "var(--seed-color-stroke-neutral)",
|
|
196
|
-
"stroke-positive": "var(--seed-color-stroke-positive)",
|
|
203
|
+
"stroke-control": "var(--seed-color-stroke-control)",
|
|
197
204
|
"stroke-field-focused": "var(--seed-color-stroke-field-focused)",
|
|
198
205
|
"stroke-neutral-muted": "var(--seed-color-stroke-neutral-muted)",
|
|
199
206
|
"stroke-on-image": "var(--seed-color-stroke-on-image)",
|
|
200
|
-
"manner-temp-l1-bg": "var(--seed-color-manner-temp-l1-bg)",
|
|
201
207
|
"manner-temp-l1-text": "var(--seed-color-manner-temp-l1-text)",
|
|
202
|
-
"manner-temp-l2-bg": "var(--seed-color-manner-temp-l2-bg)",
|
|
203
208
|
"manner-temp-l2-text": "var(--seed-color-manner-temp-l2-text)",
|
|
204
|
-
"manner-temp-l3-bg": "var(--seed-color-manner-temp-l3-bg)",
|
|
205
209
|
"manner-temp-l3-text": "var(--seed-color-manner-temp-l3-text)",
|
|
206
|
-
"manner-temp-l4-bg": "var(--seed-color-manner-temp-l4-bg)",
|
|
207
210
|
"manner-temp-l4-text": "var(--seed-color-manner-temp-l4-text)",
|
|
208
|
-
"manner-temp-
|
|
211
|
+
"manner-temp-l4-bg": "var(--seed-color-manner-temp-l4-bg)",
|
|
209
212
|
"manner-temp-l5-text": "var(--seed-color-manner-temp-l5-text)",
|
|
210
|
-
"manner-temp-l6-bg": "var(--seed-color-manner-temp-l6-bg)",
|
|
211
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)",
|
|
212
219
|
"gradient-stops-fade-layer-floating": "#ffffff00 0.00%, #000000 100.00%",
|
|
213
|
-
"gradient-stops-fade-layer-default": "#
|
|
220
|
+
"gradient-stops-fade-layer-default": "#000000 0.00%, #ffffff00 100.00%",
|
|
214
221
|
"gradient-stops-glow-magic": "#fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%",
|
|
215
|
-
"gradient-stops-shimmer-magic": "#fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%",
|
|
216
222
|
"gradient-stops-glow-magic-pressed": "#fbf0f2 0.00%, #ffe8db 80.00%, #f5f2ef 100.00%",
|
|
217
223
|
"gradient-stops-shimmer-neutral": "#ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 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%",
|
|
218
226
|
"gradient-stops-highlight-magic": "#ff6600 20.00%, #d25aca 100.00%"
|
|
219
227
|
},
|
|
220
228
|
backgroundImage: {
|
|
@@ -226,14 +234,14 @@ import plugin from 'tailwindcss/plugin';
|
|
|
226
234
|
"fade-layer-floating-to-bl": "linear-gradient(to bottom left, #ffffff00 0.00%, #000000 100.00%)",
|
|
227
235
|
"fade-layer-floating-to-l": "linear-gradient(to left, #ffffff00 0.00%, #000000 100.00%)",
|
|
228
236
|
"fade-layer-floating-to-tl": "linear-gradient(to top left, #ffffff00 0.00%, #000000 100.00%)",
|
|
229
|
-
"fade-layer-default-to-t": "linear-gradient(to top, #
|
|
230
|
-
"fade-layer-default-to-tr": "linear-gradient(to top right, #
|
|
231
|
-
"fade-layer-default-to-r": "linear-gradient(to right, #
|
|
232
|
-
"fade-layer-default-to-br": "linear-gradient(to bottom right, #
|
|
233
|
-
"fade-layer-default-to-b": "linear-gradient(to bottom, #
|
|
234
|
-
"fade-layer-default-to-bl": "linear-gradient(to bottom left, #
|
|
235
|
-
"fade-layer-default-to-l": "linear-gradient(to left, #
|
|
236
|
-
"fade-layer-default-to-tl": "linear-gradient(to top left, #
|
|
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%)",
|
|
237
245
|
"glow-magic-to-t": "linear-gradient(to top, #fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%)",
|
|
238
246
|
"glow-magic-to-tr": "linear-gradient(to top right, #fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%)",
|
|
239
247
|
"glow-magic-to-r": "linear-gradient(to right, #fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%)",
|
|
@@ -242,14 +250,6 @@ import plugin from 'tailwindcss/plugin';
|
|
|
242
250
|
"glow-magic-to-bl": "linear-gradient(to bottom left, #fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%)",
|
|
243
251
|
"glow-magic-to-l": "linear-gradient(to left, #fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%)",
|
|
244
252
|
"glow-magic-to-tl": "linear-gradient(to top left, #fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%)",
|
|
245
|
-
"shimmer-magic-to-t": "linear-gradient(to top, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%)",
|
|
246
|
-
"shimmer-magic-to-tr": "linear-gradient(to top right, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%)",
|
|
247
|
-
"shimmer-magic-to-r": "linear-gradient(to right, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%)",
|
|
248
|
-
"shimmer-magic-to-br": "linear-gradient(to bottom right, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%)",
|
|
249
|
-
"shimmer-magic-to-b": "linear-gradient(to bottom, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%)",
|
|
250
|
-
"shimmer-magic-to-bl": "linear-gradient(to bottom left, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%)",
|
|
251
|
-
"shimmer-magic-to-l": "linear-gradient(to left, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%)",
|
|
252
|
-
"shimmer-magic-to-tl": "linear-gradient(to top left, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%)",
|
|
253
253
|
"glow-magic-pressed-to-t": "linear-gradient(to top, #fbf0f2 0.00%, #ffe8db 80.00%, #f5f2ef 100.00%)",
|
|
254
254
|
"glow-magic-pressed-to-tr": "linear-gradient(to top right, #fbf0f2 0.00%, #ffe8db 80.00%, #f5f2ef 100.00%)",
|
|
255
255
|
"glow-magic-pressed-to-r": "linear-gradient(to right, #fbf0f2 0.00%, #ffe8db 80.00%, #f5f2ef 100.00%)",
|
|
@@ -266,6 +266,22 @@ import plugin from 'tailwindcss/plugin';
|
|
|
266
266
|
"shimmer-neutral-to-bl": "linear-gradient(to bottom left, #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%)",
|
|
267
267
|
"shimmer-neutral-to-l": "linear-gradient(to left, #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%)",
|
|
268
268
|
"shimmer-neutral-to-tl": "linear-gradient(to top left, #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 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%)",
|
|
277
|
+
"highlight-magic-pressed-to-t": "linear-gradient(to top, #e14f00 20.00%, #ae58bf 100.00%)",
|
|
278
|
+
"highlight-magic-pressed-to-tr": "linear-gradient(to top right, #e14f00 20.00%, #ae58bf 100.00%)",
|
|
279
|
+
"highlight-magic-pressed-to-r": "linear-gradient(to right, #e14f00 20.00%, #ae58bf 100.00%)",
|
|
280
|
+
"highlight-magic-pressed-to-br": "linear-gradient(to bottom right, #e14f00 20.00%, #ae58bf 100.00%)",
|
|
281
|
+
"highlight-magic-pressed-to-b": "linear-gradient(to bottom, #e14f00 20.00%, #ae58bf 100.00%)",
|
|
282
|
+
"highlight-magic-pressed-to-bl": "linear-gradient(to bottom left, #e14f00 20.00%, #ae58bf 100.00%)",
|
|
283
|
+
"highlight-magic-pressed-to-l": "linear-gradient(to left, #e14f00 20.00%, #ae58bf 100.00%)",
|
|
284
|
+
"highlight-magic-pressed-to-tl": "linear-gradient(to top left, #e14f00 20.00%, #ae58bf 100.00%)",
|
|
269
285
|
"highlight-magic-to-t": "linear-gradient(to top, #ff6600 20.00%, #d25aca 100.00%)",
|
|
270
286
|
"highlight-magic-to-tr": "linear-gradient(to top right, #ff6600 20.00%, #d25aca 100.00%)",
|
|
271
287
|
"highlight-magic-to-r": "linear-gradient(to right, #ff6600 20.00%, #d25aca 100.00%)",
|
package/package.json
CHANGED
package/src/index.ts
CHANGED
|
@@ -29,11 +29,12 @@ 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": "#
|
|
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%",
|
|
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%",
|
|
37
38
|
"highlight-magic": "#ff6600 20.00%, #d25aca 100.00%"
|
|
38
39
|
};
|
|
39
40
|
|
|
@@ -149,30 +150,34 @@ export default plugin(
|
|
|
149
150
|
"palette-yellow-800": "var(--seed-color-palette-yellow-800)",
|
|
150
151
|
"palette-yellow-900": "var(--seed-color-palette-yellow-900)",
|
|
151
152
|
"palette-yellow-1000": "var(--seed-color-palette-yellow-1000)",
|
|
153
|
+
"fg-neutral": "var(--seed-color-fg-neutral)",
|
|
152
154
|
"fg-brand": "var(--seed-color-fg-brand)",
|
|
153
155
|
"fg-critical": "var(--seed-color-fg-critical)",
|
|
154
|
-
"fg-
|
|
156
|
+
"fg-positive": "var(--seed-color-fg-positive)",
|
|
157
|
+
"fg-warning": "var(--seed-color-fg-warning)",
|
|
155
158
|
"fg-informative": "var(--seed-color-fg-informative)",
|
|
156
|
-
"fg-neutral": "var(--seed-color-fg-neutral)",
|
|
157
159
|
"fg-placeholder": "var(--seed-color-fg-placeholder)",
|
|
158
|
-
"fg-
|
|
160
|
+
"fg-disabled": "var(--seed-color-fg-disabled)",
|
|
161
|
+
"fg-brand-contrast": "var(--seed-color-fg-brand-contrast)",
|
|
159
162
|
"fg-critical-contrast": "var(--seed-color-fg-critical-contrast)",
|
|
160
163
|
"fg-informative-contrast": "var(--seed-color-fg-informative-contrast)",
|
|
161
|
-
"fg-neutral-inverted": "var(--seed-color-fg-neutral-inverted)",
|
|
162
164
|
"fg-neutral-muted": "var(--seed-color-fg-neutral-muted)",
|
|
163
165
|
"fg-neutral-subtle": "var(--seed-color-fg-neutral-subtle)",
|
|
166
|
+
"fg-neutral-inverted": "var(--seed-color-fg-neutral-inverted)",
|
|
164
167
|
"fg-positive-contrast": "var(--seed-color-fg-positive-contrast)",
|
|
165
168
|
"fg-warning-contrast": "var(--seed-color-fg-warning-contrast)",
|
|
166
|
-
"bg-disabled": "var(--seed-color-bg-disabled)",
|
|
167
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)",
|
|
168
172
|
"bg-brand-solid": "var(--seed-color-bg-brand-solid)",
|
|
169
173
|
"bg-brand-solid-pressed": "var(--seed-color-bg-brand-solid-pressed)",
|
|
170
|
-
"bg-
|
|
174
|
+
"bg-brand-weak-pressed": "var(--seed-color-bg-brand-weak-pressed)",
|
|
171
175
|
"bg-critical-weak": "var(--seed-color-bg-critical-weak)",
|
|
176
|
+
"bg-critical-solid": "var(--seed-color-bg-critical-solid)",
|
|
172
177
|
"bg-critical-solid-pressed": "var(--seed-color-bg-critical-solid-pressed)",
|
|
173
178
|
"bg-critical-weak-pressed": "var(--seed-color-bg-critical-weak-pressed)",
|
|
174
|
-
"bg-informative-solid": "var(--seed-color-bg-informative-solid)",
|
|
175
179
|
"bg-informative-weak": "var(--seed-color-bg-informative-weak)",
|
|
180
|
+
"bg-informative-solid": "var(--seed-color-bg-informative-solid)",
|
|
176
181
|
"bg-informative-solid-pressed": "var(--seed-color-bg-informative-solid-pressed)",
|
|
177
182
|
"bg-informative-weak-pressed": "var(--seed-color-bg-informative-weak-pressed)",
|
|
178
183
|
"bg-layer-basement": "var(--seed-color-bg-layer-basement)",
|
|
@@ -182,49 +187,52 @@ export default plugin(
|
|
|
182
187
|
"bg-layer-default-pressed": "var(--seed-color-bg-layer-default-pressed)",
|
|
183
188
|
"bg-layer-floating-pressed": "var(--seed-color-bg-layer-floating-pressed)",
|
|
184
189
|
"bg-magic-weak": "var(--seed-color-bg-magic-weak)",
|
|
190
|
+
"bg-neutral-weak": "var(--seed-color-bg-neutral-weak)",
|
|
185
191
|
"bg-neutral-inverted": "var(--seed-color-bg-neutral-inverted)",
|
|
186
192
|
"bg-neutral-solid": "var(--seed-color-bg-neutral-solid)",
|
|
187
|
-
"bg-neutral-weak": "var(--seed-color-bg-neutral-weak)",
|
|
188
193
|
"bg-neutral-inverted-pressed": "var(--seed-color-bg-neutral-inverted-pressed)",
|
|
189
194
|
"bg-neutral-solid-muted": "var(--seed-color-bg-neutral-solid-muted)",
|
|
190
195
|
"bg-neutral-solid-muted-pressed": "var(--seed-color-bg-neutral-solid-muted-pressed)",
|
|
191
196
|
"bg-neutral-weak-pressed": "var(--seed-color-bg-neutral-weak-pressed)",
|
|
192
197
|
"bg-overlay-muted": "var(--seed-color-bg-overlay-muted)",
|
|
193
|
-
"bg-positive-solid": "var(--seed-color-bg-positive-solid)",
|
|
194
198
|
"bg-positive-weak": "var(--seed-color-bg-positive-weak)",
|
|
199
|
+
"bg-positive-solid": "var(--seed-color-bg-positive-solid)",
|
|
195
200
|
"bg-positive-solid-pressed": "var(--seed-color-bg-positive-solid-pressed)",
|
|
196
201
|
"bg-positive-weak-pressed": "var(--seed-color-bg-positive-weak-pressed)",
|
|
197
|
-
"bg-warning-solid": "var(--seed-color-bg-warning-solid)",
|
|
198
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)",
|
|
199
205
|
"bg-warning-weak-pressed": "var(--seed-color-bg-warning-weak-pressed)",
|
|
206
|
+
"stroke-neutral": "var(--seed-color-stroke-neutral)",
|
|
200
207
|
"stroke-brand": "var(--seed-color-stroke-brand)",
|
|
201
|
-
"stroke-
|
|
208
|
+
"stroke-positive": "var(--seed-color-stroke-positive)",
|
|
209
|
+
"stroke-informative": "var(--seed-color-stroke-informative)",
|
|
210
|
+
"stroke-warning": "var(--seed-color-stroke-warning)",
|
|
202
211
|
"stroke-critical": "var(--seed-color-stroke-critical)",
|
|
203
212
|
"stroke-field": "var(--seed-color-stroke-field)",
|
|
204
|
-
"stroke-
|
|
205
|
-
"stroke-neutral": "var(--seed-color-stroke-neutral)",
|
|
206
|
-
"stroke-positive": "var(--seed-color-stroke-positive)",
|
|
213
|
+
"stroke-control": "var(--seed-color-stroke-control)",
|
|
207
214
|
"stroke-field-focused": "var(--seed-color-stroke-field-focused)",
|
|
208
215
|
"stroke-neutral-muted": "var(--seed-color-stroke-neutral-muted)",
|
|
209
216
|
"stroke-on-image": "var(--seed-color-stroke-on-image)",
|
|
210
|
-
"manner-temp-l1-bg": "var(--seed-color-manner-temp-l1-bg)",
|
|
211
217
|
"manner-temp-l1-text": "var(--seed-color-manner-temp-l1-text)",
|
|
212
|
-
"manner-temp-l2-bg": "var(--seed-color-manner-temp-l2-bg)",
|
|
213
218
|
"manner-temp-l2-text": "var(--seed-color-manner-temp-l2-text)",
|
|
214
|
-
"manner-temp-l3-bg": "var(--seed-color-manner-temp-l3-bg)",
|
|
215
219
|
"manner-temp-l3-text": "var(--seed-color-manner-temp-l3-text)",
|
|
216
|
-
"manner-temp-l4-bg": "var(--seed-color-manner-temp-l4-bg)",
|
|
217
220
|
"manner-temp-l4-text": "var(--seed-color-manner-temp-l4-text)",
|
|
218
|
-
"manner-temp-
|
|
221
|
+
"manner-temp-l4-bg": "var(--seed-color-manner-temp-l4-bg)",
|
|
219
222
|
"manner-temp-l5-text": "var(--seed-color-manner-temp-l5-text)",
|
|
220
|
-
"manner-temp-l6-bg": "var(--seed-color-manner-temp-l6-bg)",
|
|
221
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)",
|
|
222
229
|
"gradient-stops-fade-layer-floating": "#ffffff00 0.00%, #000000 100.00%",
|
|
223
|
-
"gradient-stops-fade-layer-default": "#
|
|
230
|
+
"gradient-stops-fade-layer-default": "#000000 0.00%, #ffffff00 100.00%",
|
|
224
231
|
"gradient-stops-glow-magic": "#fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%",
|
|
225
|
-
"gradient-stops-shimmer-magic": "#fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%",
|
|
226
232
|
"gradient-stops-glow-magic-pressed": "#fbf0f2 0.00%, #ffe8db 80.00%, #f5f2ef 100.00%",
|
|
227
233
|
"gradient-stops-shimmer-neutral": "#ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 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%",
|
|
228
236
|
"gradient-stops-highlight-magic": "#ff6600 20.00%, #d25aca 100.00%"
|
|
229
237
|
},
|
|
230
238
|
backgroundImage: {
|
|
@@ -236,14 +244,14 @@ export default plugin(
|
|
|
236
244
|
"fade-layer-floating-to-bl": "linear-gradient(to bottom left, #ffffff00 0.00%, #000000 100.00%)",
|
|
237
245
|
"fade-layer-floating-to-l": "linear-gradient(to left, #ffffff00 0.00%, #000000 100.00%)",
|
|
238
246
|
"fade-layer-floating-to-tl": "linear-gradient(to top left, #ffffff00 0.00%, #000000 100.00%)",
|
|
239
|
-
"fade-layer-default-to-t": "linear-gradient(to top, #
|
|
240
|
-
"fade-layer-default-to-tr": "linear-gradient(to top right, #
|
|
241
|
-
"fade-layer-default-to-r": "linear-gradient(to right, #
|
|
242
|
-
"fade-layer-default-to-br": "linear-gradient(to bottom right, #
|
|
243
|
-
"fade-layer-default-to-b": "linear-gradient(to bottom, #
|
|
244
|
-
"fade-layer-default-to-bl": "linear-gradient(to bottom left, #
|
|
245
|
-
"fade-layer-default-to-l": "linear-gradient(to left, #
|
|
246
|
-
"fade-layer-default-to-tl": "linear-gradient(to top left, #
|
|
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%)",
|
|
247
255
|
"glow-magic-to-t": "linear-gradient(to top, #fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%)",
|
|
248
256
|
"glow-magic-to-tr": "linear-gradient(to top right, #fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%)",
|
|
249
257
|
"glow-magic-to-r": "linear-gradient(to right, #fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%)",
|
|
@@ -252,14 +260,6 @@ export default plugin(
|
|
|
252
260
|
"glow-magic-to-bl": "linear-gradient(to bottom left, #fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%)",
|
|
253
261
|
"glow-magic-to-l": "linear-gradient(to left, #fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%)",
|
|
254
262
|
"glow-magic-to-tl": "linear-gradient(to top left, #fef6f7 0.00%, #fef0e7 80.00%, #f9f7f5 100.00%)",
|
|
255
|
-
"shimmer-magic-to-t": "linear-gradient(to top, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%)",
|
|
256
|
-
"shimmer-magic-to-tr": "linear-gradient(to top right, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%)",
|
|
257
|
-
"shimmer-magic-to-r": "linear-gradient(to right, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%)",
|
|
258
|
-
"shimmer-magic-to-br": "linear-gradient(to bottom right, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%)",
|
|
259
|
-
"shimmer-magic-to-b": "linear-gradient(to bottom, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%)",
|
|
260
|
-
"shimmer-magic-to-bl": "linear-gradient(to bottom left, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%)",
|
|
261
|
-
"shimmer-magic-to-l": "linear-gradient(to left, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%)",
|
|
262
|
-
"shimmer-magic-to-tl": "linear-gradient(to top left, #fff9f500 0.00%, #fff9f58a 46.00%, #fff9f58a 54.00%, #fff9f500 100.00%)",
|
|
263
263
|
"glow-magic-pressed-to-t": "linear-gradient(to top, #fbf0f2 0.00%, #ffe8db 80.00%, #f5f2ef 100.00%)",
|
|
264
264
|
"glow-magic-pressed-to-tr": "linear-gradient(to top right, #fbf0f2 0.00%, #ffe8db 80.00%, #f5f2ef 100.00%)",
|
|
265
265
|
"glow-magic-pressed-to-r": "linear-gradient(to right, #fbf0f2 0.00%, #ffe8db 80.00%, #f5f2ef 100.00%)",
|
|
@@ -276,6 +276,22 @@ export default plugin(
|
|
|
276
276
|
"shimmer-neutral-to-bl": "linear-gradient(to bottom left, #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%)",
|
|
277
277
|
"shimmer-neutral-to-l": "linear-gradient(to left, #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%)",
|
|
278
278
|
"shimmer-neutral-to-tl": "linear-gradient(to top left, #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 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%)",
|
|
287
|
+
"highlight-magic-pressed-to-t": "linear-gradient(to top, #e14f00 20.00%, #ae58bf 100.00%)",
|
|
288
|
+
"highlight-magic-pressed-to-tr": "linear-gradient(to top right, #e14f00 20.00%, #ae58bf 100.00%)",
|
|
289
|
+
"highlight-magic-pressed-to-r": "linear-gradient(to right, #e14f00 20.00%, #ae58bf 100.00%)",
|
|
290
|
+
"highlight-magic-pressed-to-br": "linear-gradient(to bottom right, #e14f00 20.00%, #ae58bf 100.00%)",
|
|
291
|
+
"highlight-magic-pressed-to-b": "linear-gradient(to bottom, #e14f00 20.00%, #ae58bf 100.00%)",
|
|
292
|
+
"highlight-magic-pressed-to-bl": "linear-gradient(to bottom left, #e14f00 20.00%, #ae58bf 100.00%)",
|
|
293
|
+
"highlight-magic-pressed-to-l": "linear-gradient(to left, #e14f00 20.00%, #ae58bf 100.00%)",
|
|
294
|
+
"highlight-magic-pressed-to-tl": "linear-gradient(to top left, #e14f00 20.00%, #ae58bf 100.00%)",
|
|
279
295
|
"highlight-magic-to-t": "linear-gradient(to top, #ff6600 20.00%, #d25aca 100.00%)",
|
|
280
296
|
"highlight-magic-to-tr": "linear-gradient(to top right, #ff6600 20.00%, #d25aca 100.00%)",
|
|
281
297
|
"highlight-magic-to-r": "linear-gradient(to right, #ff6600 20.00%, #d25aca 100.00%)",
|