@enderfall/ui 0.2.15 → 0.2.17

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 +65 -50
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@enderfall/ui",
3
3
  "private": false,
4
- "version": "0.2.15",
4
+ "version": "0.2.17",
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 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);
19
+ --ef-button-glow-shadow: 0 0 8px rgba(0, 229, 255, 0.34), 0 0 18px rgba(124, 77, 255, 0.44),
20
+ 0 0 26px rgba(255, 77, 210, 0.4);
21
+ --ef-button-glow-shadow-mid: 0 0 10px rgba(0, 229, 255, 0.4), 0 0 22px rgba(124, 77, 255, 0.5),
22
+ 0 0 32px rgba(255, 77, 210, 0.46);
23
+ --ef-button-glow-shadow-strong: 0 0 12px rgba(0, 229, 255, 0.46), 0 0 26px rgba(124, 77, 255, 0.58),
24
+ 0 0 38px rgba(255, 77, 210, 0.52);
25
25
  --ef-button-glow-pulse-duration: 2200ms;
26
26
  --ef-button-glow-surge-duration: 420ms;
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);
27
+ --ef-button-hover-shadow: 0 0 5px rgba(0, 229, 255, 0.34), 0 0 11px rgba(124, 77, 255, 0.44),
28
+ 0 0 16px rgba(255, 77, 210, 0.4);
29
+ --ef-button-focus-shadow: 0 0 6px rgba(0, 229, 255, 0.4), 0 0 14px rgba(124, 77, 255, 0.5),
30
+ 0 0 20px rgba(255, 77, 210, 0.46);
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);
@@ -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(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);
186
+ --ef-button-glow-shadow: 0 0 8px rgba(20, 96, 112, 0.42), 0 0 17px rgba(98, 74, 190, 0.5),
187
+ 0 0 24px rgba(176, 112, 44, 0.44);
188
+ --ef-button-glow-shadow-mid: 0 0 10px rgba(20, 96, 112, 0.5), 0 0 21px rgba(98, 74, 190, 0.58),
189
+ 0 0 30px rgba(176, 112, 44, 0.52);
190
+ --ef-button-glow-shadow-strong: 0 0 12px rgba(20, 96, 112, 0.56), 0 0 25px rgba(98, 74, 190, 0.66),
191
+ 0 0 36px rgba(176, 112, 44, 0.58);
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(20, 96, 112, 0.3);
193
- --ef-button-focus-shadow: 0 0 20px rgba(20, 96, 112, 0.38);
194
+ --ef-button-hover-shadow: 0 0 4px rgba(20, 96, 112, 0.42), 0 0 10px rgba(98, 74, 190, 0.5),
195
+ 0 0 14px rgba(176, 112, 44, 0.44);
196
+ --ef-button-focus-shadow: 0 0 6px rgba(20, 96, 112, 0.5), 0 0 13px rgba(98, 74, 190, 0.58),
197
+ 0 0 18px rgba(176, 112, 44, 0.52);
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);
@@ -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(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);
330
+ --ef-button-hover-shadow: 0 0 3px rgba(18, 24, 30, 0.42), 0 0 8px rgba(18, 24, 30, 0.52);
331
+ --ef-button-focus-shadow: 0 0 5px rgba(18, 24, 30, 0.5), 0 0 11px rgba(18, 24, 30, 0.6);
332
+ --ef-button-glow-shadow: 0 0 6px rgba(18, 24, 30, 0.42), 0 0 12px rgba(18, 24, 30, 0.52);
333
+ --ef-button-glow-shadow-mid: 0 0 8px rgba(18, 24, 30, 0.5), 0 0 16px rgba(18, 24, 30, 0.6);
334
+ --ef-button-glow-shadow-strong: 0 0 10px rgba(18, 24, 30, 0.58), 0 0 20px rgba(18, 24, 30, 0.68);
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);
@@ -385,11 +389,16 @@
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);
390
- --ef-button-glow-shadow: 0 0 8px rgba(255, 255, 255, 0.14);
391
- --ef-button-glow-shadow-mid: 0 0 10px rgba(255, 255, 255, 0.2);
392
- --ef-button-glow-shadow-strong: 0 0 14px rgba(255, 255, 255, 0.28);
392
+ --ef-button-hover-shadow: 0 0 3px rgba(255, 255, 255, 0.3), 0 0 7px rgba(255, 255, 255, 0.38),
393
+ 0 0 10px rgba(255, 255, 255, 0.46);
394
+ --ef-button-focus-shadow: 0 0 4px rgba(255, 255, 255, 0.36), 0 0 9px rgba(255, 255, 255, 0.44),
395
+ 0 0 13px rgba(255, 255, 255, 0.52);
396
+ --ef-button-glow-shadow: 0 0 6px rgba(255, 255, 255, 0.34), 0 0 12px rgba(255, 255, 255, 0.42),
397
+ 0 0 17px rgba(255, 255, 255, 0.5);
398
+ --ef-button-glow-shadow-mid: 0 0 8px rgba(255, 255, 255, 0.4), 0 0 16px rgba(255, 255, 255, 0.5),
399
+ 0 0 22px rgba(255, 255, 255, 0.58);
400
+ --ef-button-glow-shadow-strong: 0 0 10px rgba(255, 255, 255, 0.46), 0 0 20px rgba(255, 255, 255, 0.58),
401
+ 0 0 28px rgba(255, 255, 255, 0.66);
393
402
  --ef-button-glow-pulse-duration: 1800ms;
394
403
  --ef-button-glow-surge-duration: 220ms;
395
404
  --ef-input-border: var(--ef-border-gradient);
@@ -458,16 +467,18 @@
458
467
  --ef-button-border: var(--ef-border-gradient);
459
468
  --ef-button-border-soft: var(--ef-border-gradient-soft);
460
469
  --ef-button-text: #f6eaf2;
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);
470
+ --ef-button-glow-shadow: 0 0 8px rgba(255, 134, 200, 0.38), 0 0 16px rgba(226, 85, 161, 0.44),
471
+ 0 0 24px rgba(125, 214, 246, 0.38);
472
+ --ef-button-glow-shadow-mid: 0 0 10px rgba(255, 134, 200, 0.46), 0 0 20px rgba(226, 85, 161, 0.52),
473
+ 0 0 30px rgba(125, 214, 246, 0.46);
474
+ --ef-button-glow-shadow-strong: 0 0 12px rgba(255, 134, 200, 0.54), 0 0 24px rgba(226, 85, 161, 0.6),
475
+ 0 0 36px rgba(125, 214, 246, 0.54);
467
476
  --ef-button-glow-pulse-duration: 2100ms;
468
477
  --ef-button-glow-surge-duration: 420ms;
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);
478
+ --ef-button-hover-shadow: 0 0 4px rgba(255, 134, 200, 0.38), 0 0 9px rgba(226, 85, 161, 0.44),
479
+ 0 0 13px rgba(125, 214, 246, 0.38);
480
+ --ef-button-focus-shadow: 0 0 6px rgba(255, 134, 200, 0.46), 0 0 12px rgba(226, 85, 161, 0.52),
481
+ 0 0 18px rgba(125, 214, 246, 0.46);
471
482
  --ef-button-hover-transform: translateY(-1px);
472
483
  --ef-nav-text: rgba(246, 234, 242, 0.78);
473
484
  --ef-nav-radius: 0px;
@@ -612,14 +623,16 @@ body.ef-galaxy-light {
612
623
  --ef-tab-button-shadow-hover: 0 0 16px rgba(124, 77, 255, 0.24);
613
624
  --ef-tab-button-shadow-focus: 0 0 20px rgba(124, 77, 255, 0.28);
614
625
  --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 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);
626
+ --ef-button-hover-shadow: 0 0 4px rgba(0, 170, 190, 0.48), 0 0 10px rgba(102, 74, 210, 0.54),
627
+ 0 0 15px rgba(210, 70, 170, 0.48);
628
+ --ef-button-focus-shadow: 0 0 6px rgba(0, 170, 190, 0.56), 0 0 13px rgba(102, 74, 210, 0.62),
629
+ 0 0 20px rgba(210, 70, 170, 0.56);
630
+ --ef-button-glow-shadow: 0 0 8px rgba(0, 170, 190, 0.48), 0 0 18px rgba(102, 74, 210, 0.54),
631
+ 0 0 26px rgba(210, 70, 170, 0.48);
632
+ --ef-button-glow-shadow-mid: 0 0 10px rgba(0, 170, 190, 0.56), 0 0 22px rgba(102, 74, 210, 0.62),
633
+ 0 0 30px rgba(210, 70, 170, 0.56);
634
+ --ef-button-glow-shadow-strong: 0 0 12px rgba(0, 170, 190, 0.62), 0 0 26px rgba(102, 74, 210, 0.7),
635
+ 0 0 36px rgba(210, 70, 170, 0.62);
623
636
  --ef-button-glow-pulse-duration: 2200ms;
624
637
  --ef-button-glow-surge-duration: 400ms;
625
638
  --ef-menu-item-shadow: 0 0 10px rgba(124, 77, 255, 0.15);
@@ -645,14 +658,16 @@ body.ef-galaxy-light {
645
658
  --ef-nav-shadow-hover: 0 0 16px rgba(31, 122, 140, 0.2);
646
659
  --ef-nav-shadow-focus: 0 0 20px rgba(31, 122, 140, 0.24);
647
660
  --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 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);
661
+ --ef-button-hover-shadow: 0 0 4px rgba(20, 96, 112, 0.42), 0 0 10px rgba(98, 74, 190, 0.5),
662
+ 0 0 14px rgba(176, 112, 44, 0.44);
663
+ --ef-button-focus-shadow: 0 0 6px rgba(20, 96, 112, 0.5), 0 0 13px rgba(98, 74, 190, 0.58),
664
+ 0 0 18px rgba(176, 112, 44, 0.52);
665
+ --ef-button-glow-shadow: 0 0 8px rgba(20, 96, 112, 0.42), 0 0 17px rgba(98, 74, 190, 0.5),
666
+ 0 0 24px rgba(176, 112, 44, 0.44);
667
+ --ef-button-glow-shadow-mid: 0 0 10px rgba(20, 96, 112, 0.5), 0 0 21px rgba(98, 74, 190, 0.58),
668
+ 0 0 30px rgba(176, 112, 44, 0.52);
669
+ --ef-button-glow-shadow-strong: 0 0 12px rgba(20, 96, 112, 0.56), 0 0 25px rgba(98, 74, 190, 0.66),
670
+ 0 0 36px rgba(176, 112, 44, 0.58);
656
671
  --ef-button-glow-pulse-duration: 2300ms;
657
672
  --ef-button-glow-surge-duration: 380ms;
658
673
  --ef-stacked-card-bg: rgba(255, 255, 255, 0.94);