@enderfall/ui 0.2.15 → 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 +26 -14
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.16",
5
5
  "type": "module",
6
6
  "main": "./dist/index.js",
7
7
  "types": "./dist/index.d.ts",
package/src/variables.css CHANGED
@@ -24,8 +24,10 @@
24
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 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 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);
@@ -189,8 +191,10 @@
189
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(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 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);
@@ -323,8 +327,8 @@
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);
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);
328
332
  --ef-button-glow-shadow: 0 0 10px rgba(18, 24, 30, 0.22), 0 0 24px rgba(18, 24, 30, 0.28);
329
333
  --ef-button-glow-shadow-mid: 0 0 12px rgba(18, 24, 30, 0.28), 0 0 30px rgba(18, 24, 30, 0.34);
330
334
  --ef-button-glow-shadow-strong: 0 0 14px rgba(18, 24, 30, 0.34), 0 0 36px rgba(18, 24, 30, 0.42);
@@ -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);
@@ -466,8 +472,10 @@
466
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 16px rgba(226, 85, 161, 0.28);
470
- --ef-button-focus-shadow: 0 0 20px rgba(226, 85, 161, 0.34);
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;
@@ -612,8 +620,10 @@ body.ef-galaxy-light {
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);
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);
617
627
  --ef-button-glow-shadow: 0 0 10px rgba(0, 170, 190, 0.28), 0 0 26px rgba(102, 74, 210, 0.32),
618
628
  0 0 38px rgba(210, 70, 170, 0.28);
619
629
  --ef-button-glow-shadow-mid: 0 0 12px rgba(0, 170, 190, 0.34), 0 0 32px rgba(102, 74, 210, 0.38),
@@ -645,8 +655,10 @@ 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);
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);
650
662
  --ef-button-glow-shadow: 0 0 10px rgba(20, 96, 112, 0.26), 0 0 24px rgba(98, 74, 190, 0.3),
651
663
  0 0 34px rgba(176, 112, 44, 0.26);
652
664
  --ef-button-glow-shadow-mid: 0 0 12px rgba(20, 96, 112, 0.32), 0 0 30px rgba(98, 74, 190, 0.36),