@enderfall/ui 0.2.16 → 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 -62
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@enderfall/ui",
3
3
  "private": false,
4
- "version": "0.2.16",
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,18 +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 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);
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);
31
31
  --ef-button-hover-transform: translateY(-1px);
32
32
  --ef-button-locked-bg: rgba(15, 18, 28, 0.7);
33
33
  --ef-button-locked-border: rgba(255, 255, 255, 0.15);
@@ -183,18 +183,18 @@
183
183
  rgba(255, 183, 77, 0.6)
184
184
  );
185
185
  --ef-button-text: #1d232a;
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);
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);
192
192
  --ef-button-glow-pulse-duration: 2300ms;
193
193
  --ef-button-glow-surge-duration: 380ms;
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
+ --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);
198
198
  --ef-button-hover-transform: translateY(-1px);
199
199
  --ef-button-locked-bg: rgba(255, 255, 255, 0.8);
200
200
  --ef-button-locked-border: rgba(24, 32, 40, 0.18);
@@ -327,11 +327,11 @@
327
327
  );
328
328
  --ef-button-border: var(--ef-border-gradient);
329
329
  --ef-button-border-soft: var(--ef-border-gradient-soft);
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);
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);
335
335
  --ef-button-glow-pulse-duration: 1800ms;
336
336
  --ef-button-glow-surge-duration: 220ms;
337
337
  --ef-input-border: var(--ef-border-gradient);
@@ -389,13 +389,16 @@
389
389
  );
390
390
  --ef-button-border: var(--ef-border-gradient);
391
391
  --ef-button-border-soft: var(--ef-border-gradient-soft);
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);
396
- --ef-button-glow-shadow: 0 0 8px rgba(255, 255, 255, 0.14);
397
- --ef-button-glow-shadow-mid: 0 0 10px rgba(255, 255, 255, 0.2);
398
- --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);
399
402
  --ef-button-glow-pulse-duration: 1800ms;
400
403
  --ef-button-glow-surge-duration: 220ms;
401
404
  --ef-input-border: var(--ef-border-gradient);
@@ -464,18 +467,18 @@
464
467
  --ef-button-border: var(--ef-border-gradient);
465
468
  --ef-button-border-soft: var(--ef-border-gradient-soft);
466
469
  --ef-button-text: #f6eaf2;
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);
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);
473
476
  --ef-button-glow-pulse-duration: 2100ms;
474
477
  --ef-button-glow-surge-duration: 420ms;
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);
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);
479
482
  --ef-button-hover-transform: translateY(-1px);
480
483
  --ef-nav-text: rgba(246, 234, 242, 0.78);
481
484
  --ef-nav-radius: 0px;
@@ -620,16 +623,16 @@ body.ef-galaxy-light {
620
623
  --ef-tab-button-shadow-hover: 0 0 16px rgba(124, 77, 255, 0.24);
621
624
  --ef-tab-button-shadow-focus: 0 0 20px rgba(124, 77, 255, 0.28);
622
625
  --ef-tab-button-shadow-active: 0 0 20px rgba(124, 77, 255, 0.3);
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);
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);
633
636
  --ef-button-glow-pulse-duration: 2200ms;
634
637
  --ef-button-glow-surge-duration: 400ms;
635
638
  --ef-menu-item-shadow: 0 0 10px rgba(124, 77, 255, 0.15);
@@ -655,16 +658,16 @@ body.ef-galaxy-light {
655
658
  --ef-nav-shadow-hover: 0 0 16px rgba(31, 122, 140, 0.2);
656
659
  --ef-nav-shadow-focus: 0 0 20px rgba(31, 122, 140, 0.24);
657
660
  --ef-nav-shadow-active: 0 0 20px rgba(31, 122, 140, 0.26);
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);
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);
668
671
  --ef-button-glow-pulse-duration: 2300ms;
669
672
  --ef-button-glow-surge-duration: 380ms;
670
673
  --ef-stacked-card-bg: rgba(255, 255, 255, 0.94);