@enderfall/ui 0.2.14 → 0.2.15

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/package.json +1 -1
  2. package/src/variables.css +48 -48
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@enderfall/ui",
3
3
  "private": false,
4
- "version": "0.2.14",
4
+ "version": "0.2.15",
5
5
  "type": "module",
6
6
  "main": "./dist/index.js",
7
7
  "types": "./dist/index.d.ts",
package/src/variables.css CHANGED
@@ -16,16 +16,16 @@
16
16
  --ef-button-border: var(--ef-border-gradient);
17
17
  --ef-button-border-soft: var(--ef-border-gradient-soft);
18
18
  --ef-button-text: var(--text-strong);
19
- --ef-button-glow-shadow: 0 0 14px rgba(0, 229, 255, 0.26), 0 0 32px rgba(124, 77, 255, 0.32),
20
- 0 0 44px rgba(255, 77, 210, 0.28);
21
- --ef-button-glow-shadow-mid: 0 0 16px rgba(0, 229, 255, 0.32), 0 0 36px rgba(124, 77, 255, 0.38),
22
- 0 0 50px rgba(255, 77, 210, 0.34);
23
- --ef-button-glow-shadow-strong: 0 0 18px rgba(0, 229, 255, 0.38), 0 0 42px rgba(124, 77, 255, 0.46),
24
- 0 0 58px rgba(255, 77, 210, 0.4);
19
+ --ef-button-glow-shadow: 0 0 12px rgba(0, 229, 255, 0.22), 0 0 28px rgba(124, 77, 255, 0.3),
20
+ 0 0 40px rgba(255, 77, 210, 0.26);
21
+ --ef-button-glow-shadow-mid: 0 0 14px rgba(0, 229, 255, 0.28), 0 0 34px rgba(124, 77, 255, 0.36),
22
+ 0 0 48px rgba(255, 77, 210, 0.32);
23
+ --ef-button-glow-shadow-strong: 0 0 16px rgba(0, 229, 255, 0.34), 0 0 40px rgba(124, 77, 255, 0.42),
24
+ 0 0 56px rgba(255, 77, 210, 0.38);
25
25
  --ef-button-glow-pulse-duration: 2200ms;
26
26
  --ef-button-glow-surge-duration: 420ms;
27
- --ef-button-hover-shadow: 0 0 18px rgba(124, 77, 255, 0.35);
28
- --ef-button-focus-shadow: 0 0 20px rgba(124, 77, 255, 0.45);
27
+ --ef-button-hover-shadow: 0 0 16px rgba(124, 77, 255, 0.3);
28
+ --ef-button-focus-shadow: 0 0 20px rgba(124, 77, 255, 0.38);
29
29
  --ef-button-hover-transform: translateY(-1px);
30
30
  --ef-button-locked-bg: rgba(15, 18, 28, 0.7);
31
31
  --ef-button-locked-border: rgba(255, 255, 255, 0.15);
@@ -44,9 +44,9 @@
44
44
  --ef-nav-surface: rgba(15, 18, 28, 0.7);
45
45
  --ef-nav-border: linear-gradient(135deg, #00e5ff, #7c4dff, #ff4dd2, #ffb74d);
46
46
  --ef-nav-shadow: none;
47
- --ef-nav-shadow-hover: 0 0 18px rgba(124, 77, 255, 0.35);
48
- --ef-nav-shadow-focus: 0 0 20px rgba(124, 77, 255, 0.45);
49
- --ef-nav-shadow-active: 0 0 24px rgba(124, 77, 255, 0.6);
47
+ --ef-nav-shadow-hover: 0 0 16px rgba(124, 77, 255, 0.3);
48
+ --ef-nav-shadow-focus: 0 0 20px rgba(124, 77, 255, 0.38);
49
+ --ef-nav-shadow-active: 0 0 24px rgba(124, 77, 255, 0.48);
50
50
  --ef-nav-radius: 8px;
51
51
  --ef-nav-padding-y: 8px;
52
52
  --ef-nav-padding-x: 18px;
@@ -181,16 +181,16 @@
181
181
  rgba(255, 183, 77, 0.6)
182
182
  );
183
183
  --ef-button-text: #1d232a;
184
- --ef-button-glow-shadow: 0 0 10px rgba(31, 122, 140, 0.2), 0 0 24px rgba(124, 77, 255, 0.24),
185
- 0 0 34px rgba(242, 159, 69, 0.2);
186
- --ef-button-glow-shadow-mid: 0 0 12px rgba(31, 122, 140, 0.26), 0 0 28px rgba(124, 77, 255, 0.3),
187
- 0 0 40px rgba(242, 159, 69, 0.26);
188
- --ef-button-glow-shadow-strong: 0 0 14px rgba(31, 122, 140, 0.32), 0 0 34px rgba(124, 77, 255, 0.38),
189
- 0 0 48px rgba(242, 159, 69, 0.32);
184
+ --ef-button-glow-shadow: 0 0 10px rgba(20, 96, 112, 0.26), 0 0 24px rgba(98, 74, 190, 0.3),
185
+ 0 0 34px rgba(176, 112, 44, 0.26);
186
+ --ef-button-glow-shadow-mid: 0 0 12px rgba(20, 96, 112, 0.32), 0 0 30px rgba(98, 74, 190, 0.36),
187
+ 0 0 40px rgba(176, 112, 44, 0.32);
188
+ --ef-button-glow-shadow-strong: 0 0 14px rgba(20, 96, 112, 0.38), 0 0 36px rgba(98, 74, 190, 0.44),
189
+ 0 0 48px rgba(176, 112, 44, 0.38);
190
190
  --ef-button-glow-pulse-duration: 2300ms;
191
191
  --ef-button-glow-surge-duration: 380ms;
192
- --ef-button-hover-shadow: 0 0 16px rgba(31, 122, 140, 0.24);
193
- --ef-button-focus-shadow: 0 0 20px rgba(31, 122, 140, 0.32);
192
+ --ef-button-hover-shadow: 0 0 16px rgba(20, 96, 112, 0.3);
193
+ --ef-button-focus-shadow: 0 0 20px rgba(20, 96, 112, 0.38);
194
194
  --ef-button-hover-transform: translateY(-1px);
195
195
  --ef-button-locked-bg: rgba(255, 255, 255, 0.8);
196
196
  --ef-button-locked-border: rgba(24, 32, 40, 0.18);
@@ -212,8 +212,8 @@
212
212
  --ef-nav-shadow-hover: 0 0 16px rgba(31, 122, 140, 0.2);
213
213
  --ef-nav-shadow-focus: 0 0 20px rgba(31, 122, 140, 0.24);
214
214
  --ef-nav-shadow-active: 0 0 20px rgba(31, 122, 140, 0.26);
215
- --ef-tab-button-surface: rgba(228, 236, 248, 0.96);
216
- --ef-tab-button-surface-hover: rgba(216, 226, 241, 0.98);
215
+ --ef-tab-button-surface: rgba(214, 224, 238, 0.96);
216
+ --ef-tab-button-surface-hover: rgba(202, 214, 231, 0.98);
217
217
  --ef-tab-button-surface-active: #ffffff;
218
218
  --ef-tab-button-border-active: var(--ef-nav-border);
219
219
  --ef-tab-button-shadow: 0 2px 8px rgba(24, 32, 40, 0.08);
@@ -325,9 +325,9 @@
325
325
  --ef-button-border-soft: var(--ef-border-gradient-soft);
326
326
  --ef-button-hover-shadow: 0 0 12px rgba(24, 32, 40, 0.2);
327
327
  --ef-button-focus-shadow: 0 0 16px rgba(24, 32, 40, 0.26);
328
- --ef-button-glow-shadow: 0 0 10px rgba(24, 32, 40, 0.16), 0 0 22px rgba(24, 32, 40, 0.22);
329
- --ef-button-glow-shadow-mid: 0 0 12px rgba(24, 32, 40, 0.2), 0 0 28px rgba(24, 32, 40, 0.28);
330
- --ef-button-glow-shadow-strong: 0 0 14px rgba(24, 32, 40, 0.26), 0 0 34px rgba(24, 32, 40, 0.34);
328
+ --ef-button-glow-shadow: 0 0 10px rgba(18, 24, 30, 0.22), 0 0 24px rgba(18, 24, 30, 0.28);
329
+ --ef-button-glow-shadow-mid: 0 0 12px rgba(18, 24, 30, 0.28), 0 0 30px rgba(18, 24, 30, 0.34);
330
+ --ef-button-glow-shadow-strong: 0 0 14px rgba(18, 24, 30, 0.34), 0 0 36px rgba(18, 24, 30, 0.42);
331
331
  --ef-button-glow-pulse-duration: 1800ms;
332
332
  --ef-button-glow-surge-duration: 220ms;
333
333
  --ef-input-border: var(--ef-border-gradient);
@@ -354,8 +354,8 @@
354
354
  --ef-nav-shadow-hover: 0 0 0 1px rgba(24, 32, 40, 0.2);
355
355
  --ef-nav-shadow-focus: 0 0 0 2px rgba(24, 32, 40, 0.22);
356
356
  --ef-nav-shadow-active: 0 0 0 1px rgba(24, 32, 40, 0.3);
357
- --ef-tab-button-surface: rgba(206, 206, 206, 0.96);
358
- --ef-tab-button-surface-hover: rgba(194, 194, 194, 1);
357
+ --ef-tab-button-surface: rgba(196, 196, 196, 0.96);
358
+ --ef-tab-button-surface-hover: rgba(184, 184, 184, 1);
359
359
  --ef-tab-button-surface-active: #ffffff;
360
360
  --ef-tab-button-border-active: linear-gradient(135deg, rgba(24, 32, 40, 0.42), rgba(24, 32, 40, 0.42));
361
361
  --ef-tab-button-shadow: 0 3px 12px rgba(24, 32, 40, 0.2);
@@ -458,16 +458,16 @@
458
458
  --ef-button-border: var(--ef-border-gradient);
459
459
  --ef-button-border-soft: var(--ef-border-gradient-soft);
460
460
  --ef-button-text: #f6eaf2;
461
- --ef-button-glow-shadow: 0 0 10px rgba(255, 134, 200, 0.28), 0 0 26px rgba(226, 85, 161, 0.32),
462
- 0 0 36px rgba(125, 214, 246, 0.24);
463
- --ef-button-glow-shadow-mid: 0 0 12px rgba(255, 134, 200, 0.34), 0 0 32px rgba(226, 85, 161, 0.4),
464
- 0 0 44px rgba(125, 214, 246, 0.32);
465
- --ef-button-glow-shadow-strong: 0 0 14px rgba(255, 134, 200, 0.42), 0 0 38px rgba(226, 85, 161, 0.48),
466
- 0 0 52px rgba(125, 214, 246, 0.4);
461
+ --ef-button-glow-shadow: 0 0 8px rgba(255, 134, 200, 0.22), 0 0 22px rgba(226, 85, 161, 0.26),
462
+ 0 0 32px rgba(125, 214, 246, 0.2);
463
+ --ef-button-glow-shadow-mid: 0 0 10px rgba(255, 134, 200, 0.28), 0 0 28px rgba(226, 85, 161, 0.32),
464
+ 0 0 38px rgba(125, 214, 246, 0.26);
465
+ --ef-button-glow-shadow-strong: 0 0 12px rgba(255, 134, 200, 0.34), 0 0 34px rgba(226, 85, 161, 0.38),
466
+ 0 0 46px rgba(125, 214, 246, 0.32);
467
467
  --ef-button-glow-pulse-duration: 2100ms;
468
468
  --ef-button-glow-surge-duration: 420ms;
469
- --ef-button-hover-shadow: 0 0 18px rgba(226, 85, 161, 0.34);
470
- --ef-button-focus-shadow: 0 0 22px rgba(226, 85, 161, 0.42);
469
+ --ef-button-hover-shadow: 0 0 16px rgba(226, 85, 161, 0.28);
470
+ --ef-button-focus-shadow: 0 0 20px rgba(226, 85, 161, 0.34);
471
471
  --ef-button-hover-transform: translateY(-1px);
472
472
  --ef-nav-text: rgba(246, 234, 242, 0.78);
473
473
  --ef-nav-radius: 0px;
@@ -604,8 +604,8 @@ body.ef-galaxy-light {
604
604
  --ef-nav-shadow-hover: 0 0 16px rgba(124, 77, 255, 0.24);
605
605
  --ef-nav-shadow-focus: 0 0 20px rgba(124, 77, 255, 0.28);
606
606
  --ef-nav-shadow-active: 0 0 20px rgba(124, 77, 255, 0.3);
607
- --ef-tab-button-surface: rgba(222, 222, 222, 0.96);
608
- --ef-tab-button-surface-hover: rgba(210, 210, 210, 1);
607
+ --ef-tab-button-surface: rgba(204, 204, 204, 0.96);
608
+ --ef-tab-button-surface-hover: rgba(192, 192, 192, 1);
609
609
  --ef-tab-button-surface-active: #ffffff;
610
610
  --ef-tab-button-border-active: var(--ef-nav-border);
611
611
  --ef-tab-button-shadow: 0 2px 8px rgba(24, 32, 40, 0.08);
@@ -614,12 +614,12 @@ body.ef-galaxy-light {
614
614
  --ef-tab-button-shadow-active: 0 0 20px rgba(124, 77, 255, 0.3);
615
615
  --ef-button-hover-shadow: 0 0 16px rgba(124, 77, 255, 0.26);
616
616
  --ef-button-focus-shadow: 0 0 20px rgba(124, 77, 255, 0.32);
617
- --ef-button-glow-shadow: 0 0 12px rgba(0, 229, 255, 0.24), 0 0 28px rgba(124, 77, 255, 0.3),
618
- 0 0 40px rgba(255, 77, 210, 0.26);
619
- --ef-button-glow-shadow-mid: 0 0 14px rgba(0, 229, 255, 0.3), 0 0 34px rgba(124, 77, 255, 0.36),
620
- 0 0 48px rgba(255, 77, 210, 0.32);
621
- --ef-button-glow-shadow-strong: 0 0 16px rgba(0, 229, 255, 0.36), 0 0 40px rgba(124, 77, 255, 0.44),
622
- 0 0 56px rgba(255, 77, 210, 0.38);
617
+ --ef-button-glow-shadow: 0 0 10px rgba(0, 170, 190, 0.28), 0 0 26px rgba(102, 74, 210, 0.32),
618
+ 0 0 38px rgba(210, 70, 170, 0.28);
619
+ --ef-button-glow-shadow-mid: 0 0 12px rgba(0, 170, 190, 0.34), 0 0 32px rgba(102, 74, 210, 0.38),
620
+ 0 0 46px rgba(210, 70, 170, 0.34);
621
+ --ef-button-glow-shadow-strong: 0 0 14px rgba(0, 170, 190, 0.4), 0 0 38px rgba(102, 74, 210, 0.46),
622
+ 0 0 54px rgba(210, 70, 170, 0.4);
623
623
  --ef-button-glow-pulse-duration: 2200ms;
624
624
  --ef-button-glow-surge-duration: 400ms;
625
625
  --ef-menu-item-shadow: 0 0 10px rgba(124, 77, 255, 0.15);
@@ -647,12 +647,12 @@ body.ef-galaxy-light {
647
647
  --ef-nav-shadow-active: 0 0 20px rgba(31, 122, 140, 0.26);
648
648
  --ef-button-hover-shadow: 0 0 16px rgba(31, 122, 140, 0.24);
649
649
  --ef-button-focus-shadow: 0 0 20px rgba(31, 122, 140, 0.32);
650
- --ef-button-glow-shadow: 0 0 8px rgba(31, 122, 140, 0.16), 0 0 20px rgba(124, 77, 255, 0.18),
651
- 0 0 28px rgba(242, 159, 69, 0.14);
652
- --ef-button-glow-shadow-mid: 0 0 10px rgba(31, 122, 140, 0.22), 0 0 24px rgba(124, 77, 255, 0.24),
653
- 0 0 34px rgba(242, 159, 69, 0.18);
654
- --ef-button-glow-shadow-strong: 0 0 12px rgba(31, 122, 140, 0.28), 0 0 30px rgba(124, 77, 255, 0.3),
655
- 0 0 40px rgba(242, 159, 69, 0.24);
650
+ --ef-button-glow-shadow: 0 0 10px rgba(20, 96, 112, 0.26), 0 0 24px rgba(98, 74, 190, 0.3),
651
+ 0 0 34px rgba(176, 112, 44, 0.26);
652
+ --ef-button-glow-shadow-mid: 0 0 12px rgba(20, 96, 112, 0.32), 0 0 30px rgba(98, 74, 190, 0.36),
653
+ 0 0 40px rgba(176, 112, 44, 0.32);
654
+ --ef-button-glow-shadow-strong: 0 0 14px rgba(20, 96, 112, 0.38), 0 0 36px rgba(98, 74, 190, 0.44),
655
+ 0 0 48px rgba(176, 112, 44, 0.38);
656
656
  --ef-button-glow-pulse-duration: 2300ms;
657
657
  --ef-button-glow-surge-duration: 380ms;
658
658
  --ef-stacked-card-bg: rgba(255, 255, 255, 0.94);