@enderfall/ui 0.2.14 → 0.2.16

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 +68 -56
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.16",
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,18 @@
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 8px rgba(0, 229, 255, 0.22), 0 0 18px rgba(124, 77, 255, 0.3),
28
+ 0 0 26px rgba(255, 77, 210, 0.26);
29
+ --ef-button-focus-shadow: 0 0 10px rgba(0, 229, 255, 0.28), 0 0 22px rgba(124, 77, 255, 0.36),
30
+ 0 0 32px rgba(255, 77, 210, 0.32);
29
31
  --ef-button-hover-transform: translateY(-1px);
30
32
  --ef-button-locked-bg: rgba(15, 18, 28, 0.7);
31
33
  --ef-button-locked-border: rgba(255, 255, 255, 0.15);
@@ -44,9 +46,9 @@
44
46
  --ef-nav-surface: rgba(15, 18, 28, 0.7);
45
47
  --ef-nav-border: linear-gradient(135deg, #00e5ff, #7c4dff, #ff4dd2, #ffb74d);
46
48
  --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);
49
+ --ef-nav-shadow-hover: 0 0 16px rgba(124, 77, 255, 0.3);
50
+ --ef-nav-shadow-focus: 0 0 20px rgba(124, 77, 255, 0.38);
51
+ --ef-nav-shadow-active: 0 0 24px rgba(124, 77, 255, 0.48);
50
52
  --ef-nav-radius: 8px;
51
53
  --ef-nav-padding-y: 8px;
52
54
  --ef-nav-padding-x: 18px;
@@ -181,16 +183,18 @@
181
183
  rgba(255, 183, 77, 0.6)
182
184
  );
183
185
  --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);
186
+ --ef-button-glow-shadow: 0 0 10px rgba(20, 96, 112, 0.26), 0 0 24px rgba(98, 74, 190, 0.3),
187
+ 0 0 34px rgba(176, 112, 44, 0.26);
188
+ --ef-button-glow-shadow-mid: 0 0 12px rgba(20, 96, 112, 0.32), 0 0 30px rgba(98, 74, 190, 0.36),
189
+ 0 0 40px rgba(176, 112, 44, 0.32);
190
+ --ef-button-glow-shadow-strong: 0 0 14px rgba(20, 96, 112, 0.38), 0 0 36px rgba(98, 74, 190, 0.44),
191
+ 0 0 48px rgba(176, 112, 44, 0.38);
190
192
  --ef-button-glow-pulse-duration: 2300ms;
191
193
  --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);
194
+ --ef-button-hover-shadow: 0 0 7px rgba(20, 96, 112, 0.26), 0 0 16px rgba(98, 74, 190, 0.3),
195
+ 0 0 24px rgba(176, 112, 44, 0.26);
196
+ --ef-button-focus-shadow: 0 0 9px rgba(20, 96, 112, 0.32), 0 0 20px rgba(98, 74, 190, 0.36),
197
+ 0 0 30px rgba(176, 112, 44, 0.32);
194
198
  --ef-button-hover-transform: translateY(-1px);
195
199
  --ef-button-locked-bg: rgba(255, 255, 255, 0.8);
196
200
  --ef-button-locked-border: rgba(24, 32, 40, 0.18);
@@ -212,8 +216,8 @@
212
216
  --ef-nav-shadow-hover: 0 0 16px rgba(31, 122, 140, 0.2);
213
217
  --ef-nav-shadow-focus: 0 0 20px rgba(31, 122, 140, 0.24);
214
218
  --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);
219
+ --ef-tab-button-surface: rgba(214, 224, 238, 0.96);
220
+ --ef-tab-button-surface-hover: rgba(202, 214, 231, 0.98);
217
221
  --ef-tab-button-surface-active: #ffffff;
218
222
  --ef-tab-button-border-active: var(--ef-nav-border);
219
223
  --ef-tab-button-shadow: 0 2px 8px rgba(24, 32, 40, 0.08);
@@ -323,11 +327,11 @@
323
327
  );
324
328
  --ef-button-border: var(--ef-border-gradient);
325
329
  --ef-button-border-soft: var(--ef-border-gradient-soft);
326
- --ef-button-hover-shadow: 0 0 12px rgba(24, 32, 40, 0.2);
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);
330
+ --ef-button-hover-shadow: 0 0 6px rgba(18, 24, 30, 0.22), 0 0 14px rgba(18, 24, 30, 0.28);
331
+ --ef-button-focus-shadow: 0 0 8px rgba(18, 24, 30, 0.28), 0 0 18px rgba(18, 24, 30, 0.34);
332
+ --ef-button-glow-shadow: 0 0 10px rgba(18, 24, 30, 0.22), 0 0 24px rgba(18, 24, 30, 0.28);
333
+ --ef-button-glow-shadow-mid: 0 0 12px rgba(18, 24, 30, 0.28), 0 0 30px rgba(18, 24, 30, 0.34);
334
+ --ef-button-glow-shadow-strong: 0 0 14px rgba(18, 24, 30, 0.34), 0 0 36px rgba(18, 24, 30, 0.42);
331
335
  --ef-button-glow-pulse-duration: 1800ms;
332
336
  --ef-button-glow-surge-duration: 220ms;
333
337
  --ef-input-border: var(--ef-border-gradient);
@@ -354,8 +358,8 @@
354
358
  --ef-nav-shadow-hover: 0 0 0 1px rgba(24, 32, 40, 0.2);
355
359
  --ef-nav-shadow-focus: 0 0 0 2px rgba(24, 32, 40, 0.22);
356
360
  --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);
361
+ --ef-tab-button-surface: rgba(196, 196, 196, 0.96);
362
+ --ef-tab-button-surface-hover: rgba(184, 184, 184, 1);
359
363
  --ef-tab-button-surface-active: #ffffff;
360
364
  --ef-tab-button-border-active: linear-gradient(135deg, rgba(24, 32, 40, 0.42), rgba(24, 32, 40, 0.42));
361
365
  --ef-tab-button-shadow: 0 3px 12px rgba(24, 32, 40, 0.2);
@@ -385,8 +389,10 @@
385
389
  );
386
390
  --ef-button-border: var(--ef-border-gradient);
387
391
  --ef-button-border-soft: var(--ef-border-gradient-soft);
388
- --ef-button-hover-shadow: 0 0 12px rgba(255, 255, 255, 0.22);
389
- --ef-button-focus-shadow: 0 0 16px rgba(255, 255, 255, 0.3);
392
+ --ef-button-hover-shadow: 0 0 5px rgba(255, 255, 255, 0.14), 0 0 10px rgba(255, 255, 255, 0.2),
393
+ 0 0 14px rgba(255, 255, 255, 0.28);
394
+ --ef-button-focus-shadow: 0 0 6px rgba(255, 255, 255, 0.18), 0 0 12px rgba(255, 255, 255, 0.24),
395
+ 0 0 18px rgba(255, 255, 255, 0.32);
390
396
  --ef-button-glow-shadow: 0 0 8px rgba(255, 255, 255, 0.14);
391
397
  --ef-button-glow-shadow-mid: 0 0 10px rgba(255, 255, 255, 0.2);
392
398
  --ef-button-glow-shadow-strong: 0 0 14px rgba(255, 255, 255, 0.28);
@@ -458,16 +464,18 @@
458
464
  --ef-button-border: var(--ef-border-gradient);
459
465
  --ef-button-border-soft: var(--ef-border-gradient-soft);
460
466
  --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);
467
+ --ef-button-glow-shadow: 0 0 8px rgba(255, 134, 200, 0.22), 0 0 22px rgba(226, 85, 161, 0.26),
468
+ 0 0 32px rgba(125, 214, 246, 0.2);
469
+ --ef-button-glow-shadow-mid: 0 0 10px rgba(255, 134, 200, 0.28), 0 0 28px rgba(226, 85, 161, 0.32),
470
+ 0 0 38px rgba(125, 214, 246, 0.26);
471
+ --ef-button-glow-shadow-strong: 0 0 12px rgba(255, 134, 200, 0.34), 0 0 34px rgba(226, 85, 161, 0.38),
472
+ 0 0 46px rgba(125, 214, 246, 0.32);
467
473
  --ef-button-glow-pulse-duration: 2100ms;
468
474
  --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);
475
+ --ef-button-hover-shadow: 0 0 6px rgba(255, 134, 200, 0.22), 0 0 14px rgba(226, 85, 161, 0.26),
476
+ 0 0 20px rgba(125, 214, 246, 0.2);
477
+ --ef-button-focus-shadow: 0 0 8px rgba(255, 134, 200, 0.28), 0 0 18px rgba(226, 85, 161, 0.32),
478
+ 0 0 26px rgba(125, 214, 246, 0.26);
471
479
  --ef-button-hover-transform: translateY(-1px);
472
480
  --ef-nav-text: rgba(246, 234, 242, 0.78);
473
481
  --ef-nav-radius: 0px;
@@ -604,22 +612,24 @@ body.ef-galaxy-light {
604
612
  --ef-nav-shadow-hover: 0 0 16px rgba(124, 77, 255, 0.24);
605
613
  --ef-nav-shadow-focus: 0 0 20px rgba(124, 77, 255, 0.28);
606
614
  --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);
615
+ --ef-tab-button-surface: rgba(204, 204, 204, 0.96);
616
+ --ef-tab-button-surface-hover: rgba(192, 192, 192, 1);
609
617
  --ef-tab-button-surface-active: #ffffff;
610
618
  --ef-tab-button-border-active: var(--ef-nav-border);
611
619
  --ef-tab-button-shadow: 0 2px 8px rgba(24, 32, 40, 0.08);
612
620
  --ef-tab-button-shadow-hover: 0 0 16px rgba(124, 77, 255, 0.24);
613
621
  --ef-tab-button-shadow-focus: 0 0 20px rgba(124, 77, 255, 0.28);
614
622
  --ef-tab-button-shadow-active: 0 0 20px rgba(124, 77, 255, 0.3);
615
- --ef-button-hover-shadow: 0 0 16px rgba(124, 77, 255, 0.26);
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);
623
+ --ef-button-hover-shadow: 0 0 7px rgba(0, 170, 190, 0.28), 0 0 16px rgba(102, 74, 210, 0.32),
624
+ 0 0 24px rgba(210, 70, 170, 0.28);
625
+ --ef-button-focus-shadow: 0 0 9px rgba(0, 170, 190, 0.34), 0 0 20px rgba(102, 74, 210, 0.38),
626
+ 0 0 30px rgba(210, 70, 170, 0.34);
627
+ --ef-button-glow-shadow: 0 0 10px rgba(0, 170, 190, 0.28), 0 0 26px rgba(102, 74, 210, 0.32),
628
+ 0 0 38px rgba(210, 70, 170, 0.28);
629
+ --ef-button-glow-shadow-mid: 0 0 12px rgba(0, 170, 190, 0.34), 0 0 32px rgba(102, 74, 210, 0.38),
630
+ 0 0 46px rgba(210, 70, 170, 0.34);
631
+ --ef-button-glow-shadow-strong: 0 0 14px rgba(0, 170, 190, 0.4), 0 0 38px rgba(102, 74, 210, 0.46),
632
+ 0 0 54px rgba(210, 70, 170, 0.4);
623
633
  --ef-button-glow-pulse-duration: 2200ms;
624
634
  --ef-button-glow-surge-duration: 400ms;
625
635
  --ef-menu-item-shadow: 0 0 10px rgba(124, 77, 255, 0.15);
@@ -645,14 +655,16 @@ body.ef-galaxy-light {
645
655
  --ef-nav-shadow-hover: 0 0 16px rgba(31, 122, 140, 0.2);
646
656
  --ef-nav-shadow-focus: 0 0 20px rgba(31, 122, 140, 0.24);
647
657
  --ef-nav-shadow-active: 0 0 20px rgba(31, 122, 140, 0.26);
648
- --ef-button-hover-shadow: 0 0 16px rgba(31, 122, 140, 0.24);
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);
658
+ --ef-button-hover-shadow: 0 0 7px rgba(20, 96, 112, 0.26), 0 0 16px rgba(98, 74, 190, 0.3),
659
+ 0 0 24px rgba(176, 112, 44, 0.26);
660
+ --ef-button-focus-shadow: 0 0 9px rgba(20, 96, 112, 0.32), 0 0 20px rgba(98, 74, 190, 0.36),
661
+ 0 0 30px rgba(176, 112, 44, 0.32);
662
+ --ef-button-glow-shadow: 0 0 10px rgba(20, 96, 112, 0.26), 0 0 24px rgba(98, 74, 190, 0.3),
663
+ 0 0 34px rgba(176, 112, 44, 0.26);
664
+ --ef-button-glow-shadow-mid: 0 0 12px rgba(20, 96, 112, 0.32), 0 0 30px rgba(98, 74, 190, 0.36),
665
+ 0 0 40px rgba(176, 112, 44, 0.32);
666
+ --ef-button-glow-shadow-strong: 0 0 14px rgba(20, 96, 112, 0.38), 0 0 36px rgba(98, 74, 190, 0.44),
667
+ 0 0 48px rgba(176, 112, 44, 0.38);
656
668
  --ef-button-glow-pulse-duration: 2300ms;
657
669
  --ef-button-glow-surge-duration: 380ms;
658
670
  --ef-stacked-card-bg: rgba(255, 255, 255, 0.94);