@seed-design/tailwind4-theme 0.1.14 → 0.2.0
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/index.css +34 -17
- package/package.json +2 -2
package/index.css
CHANGED
|
@@ -1,7 +1,3 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* SEED Design Tailwind 4.0 Theme
|
|
3
|
-
* 이 파일은 Tailwind CSS 4.0에서 SEED 디자인 토큰을 사용하기 위한 테마 변수를 제공합니다.
|
|
4
|
-
*/
|
|
5
1
|
@theme {
|
|
6
2
|
--color-palette-blue-100: var(--seed-color-palette-blue-100);
|
|
7
3
|
--color-palette-blue-200: var(--seed-color-palette-blue-200);
|
|
@@ -98,13 +94,13 @@
|
|
|
98
94
|
--color-palette-yellow-900: var(--seed-color-palette-yellow-900);
|
|
99
95
|
--color-palette-yellow-1000: var(--seed-color-palette-yellow-1000);
|
|
100
96
|
--color-fg-neutral: var(--seed-color-fg-neutral);
|
|
97
|
+
--color-fg-placeholder: var(--seed-color-fg-placeholder);
|
|
98
|
+
--color-fg-disabled: var(--seed-color-fg-disabled);
|
|
101
99
|
--color-fg-brand: var(--seed-color-fg-brand);
|
|
100
|
+
--color-fg-informative: var(--seed-color-fg-informative);
|
|
102
101
|
--color-fg-critical: var(--seed-color-fg-critical);
|
|
103
102
|
--color-fg-positive: var(--seed-color-fg-positive);
|
|
104
103
|
--color-fg-warning: var(--seed-color-fg-warning);
|
|
105
|
-
--color-fg-informative: var(--seed-color-fg-informative);
|
|
106
|
-
--color-fg-placeholder: var(--seed-color-fg-placeholder);
|
|
107
|
-
--color-fg-disabled: var(--seed-color-fg-disabled);
|
|
108
104
|
--color-fg-brand-contrast: var(--seed-color-fg-brand-contrast);
|
|
109
105
|
--color-fg-critical-contrast: var(--seed-color-fg-critical-contrast);
|
|
110
106
|
--color-fg-informative-contrast: var(--seed-color-fg-informative-contrast);
|
|
@@ -150,17 +146,21 @@
|
|
|
150
146
|
--color-bg-warning-solid: var(--seed-color-bg-warning-solid);
|
|
151
147
|
--color-bg-warning-solid-pressed: var(--seed-color-bg-warning-solid-pressed);
|
|
152
148
|
--color-bg-warning-weak-pressed: var(--seed-color-bg-warning-weak-pressed);
|
|
153
|
-
--color-stroke-
|
|
154
|
-
--color-stroke-brand: var(--seed-color-stroke-brand);
|
|
155
|
-
--color-stroke-
|
|
156
|
-
--color-stroke-
|
|
157
|
-
--color-stroke-
|
|
158
|
-
--color-stroke-
|
|
159
|
-
--color-stroke-
|
|
160
|
-
--color-stroke-
|
|
161
|
-
--color-stroke-
|
|
149
|
+
--color-stroke-brand-weak: var(--seed-color-stroke-brand-weak);
|
|
150
|
+
--color-stroke-brand-solid: var(--seed-color-stroke-brand-solid);
|
|
151
|
+
--color-stroke-critical-weak: var(--seed-color-stroke-critical-weak);
|
|
152
|
+
--color-stroke-critical-solid: var(--seed-color-stroke-critical-solid);
|
|
153
|
+
--color-stroke-informative-weak: var(--seed-color-stroke-informative-weak);
|
|
154
|
+
--color-stroke-informative-solid: var(--seed-color-stroke-informative-solid);
|
|
155
|
+
--color-stroke-neutral-contrast: var(--seed-color-stroke-neutral-contrast);
|
|
156
|
+
--color-stroke-neutral-solid: var(--seed-color-stroke-neutral-solid);
|
|
157
|
+
--color-stroke-neutral-weak: var(--seed-color-stroke-neutral-weak);
|
|
162
158
|
--color-stroke-neutral-muted: var(--seed-color-stroke-neutral-muted);
|
|
163
|
-
--color-stroke-
|
|
159
|
+
--color-stroke-neutral-subtle: var(--seed-color-stroke-neutral-subtle);
|
|
160
|
+
--color-stroke-positive-weak: var(--seed-color-stroke-positive-weak);
|
|
161
|
+
--color-stroke-positive-solid: var(--seed-color-stroke-positive-solid);
|
|
162
|
+
--color-stroke-warning-weak: var(--seed-color-stroke-warning-weak);
|
|
163
|
+
--color-stroke-warning-solid: var(--seed-color-stroke-warning-solid);
|
|
164
164
|
--color-manner-temp-l1-text: var(--seed-color-manner-temp-l1-text);
|
|
165
165
|
--color-manner-temp-l2-text: var(--seed-color-manner-temp-l2-text);
|
|
166
166
|
--color-manner-temp-l3-text: var(--seed-color-manner-temp-l3-text);
|
|
@@ -214,9 +214,16 @@
|
|
|
214
214
|
--font-size-t8: var(--seed-font-size-t8);
|
|
215
215
|
--font-size-t9: var(--seed-font-size-t9);
|
|
216
216
|
--font-size-t10: var(--seed-font-size-t10);
|
|
217
|
+
--font-size-t1-static: var(--seed-font-size-t1-static);
|
|
217
218
|
--font-size-t2-static: var(--seed-font-size-t2-static);
|
|
219
|
+
--font-size-t3-static: var(--seed-font-size-t3-static);
|
|
220
|
+
--font-size-t4-static: var(--seed-font-size-t4-static);
|
|
218
221
|
--font-size-t5-static: var(--seed-font-size-t5-static);
|
|
219
222
|
--font-size-t6-static: var(--seed-font-size-t6-static);
|
|
223
|
+
--font-size-t7-static: var(--seed-font-size-t7-static);
|
|
224
|
+
--font-size-t8-static: var(--seed-font-size-t8-static);
|
|
225
|
+
--font-size-t9-static: var(--seed-font-size-t9-static);
|
|
226
|
+
--font-size-t10-static: var(--seed-font-size-t10-static);
|
|
220
227
|
--font-weight-regular: var(--seed-font-weight-regular);
|
|
221
228
|
--font-weight-medium: var(--seed-font-weight-medium);
|
|
222
229
|
--font-weight-bold: var(--seed-font-weight-bold);
|
|
@@ -238,6 +245,16 @@
|
|
|
238
245
|
--line-height-t8: var(--seed-line-height-t8);
|
|
239
246
|
--line-height-t9: var(--seed-line-height-t9);
|
|
240
247
|
--line-height-t10: var(--seed-line-height-t10);
|
|
248
|
+
--line-height-t1-static: var(--seed-line-height-t1-static);
|
|
249
|
+
--line-height-t2-static: var(--seed-line-height-t2-static);
|
|
250
|
+
--line-height-t3-static: var(--seed-line-height-t3-static);
|
|
251
|
+
--line-height-t4-static: var(--seed-line-height-t4-static);
|
|
252
|
+
--line-height-t5-static: var(--seed-line-height-t5-static);
|
|
253
|
+
--line-height-t6-static: var(--seed-line-height-t6-static);
|
|
254
|
+
--line-height-t7-static: var(--seed-line-height-t7-static);
|
|
255
|
+
--line-height-t8-static: var(--seed-line-height-t8-static);
|
|
256
|
+
--line-height-t9-static: var(--seed-line-height-t9-static);
|
|
257
|
+
--line-height-t10-static: var(--seed-line-height-t10-static);
|
|
241
258
|
--radius-r0_5: var(--seed-radius-r0_5);
|
|
242
259
|
--radius-r1: var(--seed-radius-r1);
|
|
243
260
|
--radius-r1_5: var(--seed-radius-r1_5);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@seed-design/tailwind4-theme",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.2.0",
|
|
4
4
|
"description": "SEED 디자인 토큰을 Tailwind CSS 4.0에서 사용하기 위한 플러그인",
|
|
5
5
|
"main": "index.css",
|
|
6
6
|
"files": [
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
"README.md"
|
|
9
9
|
],
|
|
10
10
|
"scripts": {
|
|
11
|
-
"rootage:generate": "rootage tailwind4 ./"
|
|
11
|
+
"rootage:generate": "rootage tailwind4 ./ --prefix seed"
|
|
12
12
|
},
|
|
13
13
|
"exports": {
|
|
14
14
|
".": "./index.css"
|