@seed-design/tailwind4-theme 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.
Files changed (2) hide show
  1. package/index.css +14 -0
  2. package/package.json +1 -1
package/index.css CHANGED
@@ -221,6 +221,7 @@
221
221
  --gradient-glow-magic-pressed: var(--seed-gradient-glow-magic-pressed);
222
222
  --gradient-shimmer-neutral: var(--seed-gradient-shimmer-neutral);
223
223
  --gradient-highlight-magic: var(--seed-gradient-highlight-magic);
224
+ --gradient-highlight-magic-pressed: var(--seed-gradient-highlight-magic-pressed);
224
225
  --line-height-t1: var(--seed-line-height-t1);
225
226
  --line-height-t2: var(--seed-line-height-t2);
226
227
  --line-height-t3: var(--seed-line-height-t3);
@@ -255,6 +256,7 @@
255
256
  --gradient-stops-glow-magic-pressed: #fbf0f2 0.00%, #ffe8db 80.00%, #f5f2ef 100.00%;
256
257
  --gradient-stops-shimmer-neutral: #ffffff00 0.00%, #ffffff66 46.00%, #ffffff66 54.00%, #ffffff00 100.00%;
257
258
  --gradient-stops-highlight-magic: #ff6600 20.00%, #d25aca 100.00%;
259
+ --gradient-stops-highlight-magic-pressed: #e14f00 20.00%, #ae58bf 100.00%;
258
260
  --gradient-fade-layer-floating-to-t: linear-gradient(to top, #ffffff00 0.00%, #000000 100.00%);
259
261
  --gradient-fade-layer-floating-to-tr: linear-gradient(to top right, #ffffff00 0.00%, #000000 100.00%);
260
262
  --gradient-fade-layer-floating-to-r: linear-gradient(to right, #ffffff00 0.00%, #000000 100.00%);
@@ -311,6 +313,14 @@
311
313
  --gradient-highlight-magic-to-bl: linear-gradient(to bottom left, #ff6600 20.00%, #d25aca 100.00%);
312
314
  --gradient-highlight-magic-to-l: linear-gradient(to left, #ff6600 20.00%, #d25aca 100.00%);
313
315
  --gradient-highlight-magic-to-tl: linear-gradient(to top left, #ff6600 20.00%, #d25aca 100.00%);
316
+ --gradient-highlight-magic-pressed-to-t: linear-gradient(to top, #e14f00 20.00%, #ae58bf 100.00%);
317
+ --gradient-highlight-magic-pressed-to-tr: linear-gradient(to top right, #e14f00 20.00%, #ae58bf 100.00%);
318
+ --gradient-highlight-magic-pressed-to-r: linear-gradient(to right, #e14f00 20.00%, #ae58bf 100.00%);
319
+ --gradient-highlight-magic-pressed-to-br: linear-gradient(to bottom right, #e14f00 20.00%, #ae58bf 100.00%);
320
+ --gradient-highlight-magic-pressed-to-b: linear-gradient(to bottom, #e14f00 20.00%, #ae58bf 100.00%);
321
+ --gradient-highlight-magic-pressed-to-bl: linear-gradient(to bottom left, #e14f00 20.00%, #ae58bf 100.00%);
322
+ --gradient-highlight-magic-pressed-to-l: linear-gradient(to left, #e14f00 20.00%, #ae58bf 100.00%);
323
+ --gradient-highlight-magic-pressed-to-tl: linear-gradient(to top left, #e14f00 20.00%, #ae58bf 100.00%);
314
324
  }
315
325
 
316
326
  @utility screen-title {
@@ -604,4 +614,8 @@
604
614
 
605
615
  @utility bg-gradient-highlight-magic-* {
606
616
  background-image: linear-gradient(--value([angle]), var(--gradient-stops-highlight-magic));
617
+ }
618
+
619
+ @utility bg-gradient-highlight-magic-pressed-* {
620
+ background-image: linear-gradient(--value([angle]), var(--gradient-stops-highlight-magic-pressed));
607
621
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@seed-design/tailwind4-theme",
3
- "version": "0.1.3",
3
+ "version": "0.1.6",
4
4
  "description": "SEED 디자인 토큰을 Tailwind CSS 4.0에서 사용하기 위한 플러그인",
5
5
  "main": "index.css",
6
6
  "files": [