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