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