@jacshuo/onyx 1.4.0 → 1.4.1

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 (17) hide show
  1. package/dist/Extras/CinePlayer.cjs +1 -1
  2. package/dist/Extras/CinePlayer.js +1 -1
  3. package/dist/Extras/FileExplorer.cjs +9 -2
  4. package/dist/Extras/FileExplorer.js +9 -2
  5. package/dist/Extras/MiniPlayer.cjs +2 -2
  6. package/dist/Extras/MiniPlayer.js +2 -2
  7. package/dist/Extras/index.cjs +11 -4
  8. package/dist/Extras/index.js +11 -4
  9. package/dist/Forms/Form.cjs +1 -1
  10. package/dist/Forms/Form.js +1 -1
  11. package/dist/Forms/index.cjs +1 -1
  12. package/dist/Forms/index.js +1 -1
  13. package/dist/index.cjs +12 -5
  14. package/dist/index.js +12 -5
  15. package/dist/styles/base.css +9 -18
  16. package/dist/styles.css +9 -18
  17. package/package.json +1 -1
package/dist/styles/base.css CHANGED
@@ -397,9 +397,6 @@
397
397
  .top-1\/2 {
398
398
  top: calc(1 / 2 * 100%);
399
399
  }
400
- .top-2 {
401
- top: calc(var(--spacing) * 2);
402
- }
403
400
  .top-4 {
404
401
  top: calc(var(--spacing) * 4);
405
402
  }
@@ -418,9 +415,6 @@
418
415
  .right-0 {
419
416
  right: calc(var(--spacing) * 0);
420
417
  }
421
- .right-2 {
422
- right: calc(var(--spacing) * 2);
423
- }
424
418
  .right-3 {
425
419
  right: calc(var(--spacing) * 3);
426
420
  }
@@ -442,9 +436,6 @@
442
436
  .bottom-0 {
443
437
  bottom: calc(var(--spacing) * 0);
444
438
  }
445
- .bottom-2 {
446
- bottom: calc(var(--spacing) * 2);
447
- }
448
439
  .bottom-4 {
449
440
  bottom: calc(var(--spacing) * 4);
450
441
  }
@@ -460,9 +451,6 @@
460
451
  .left-1\/2 {
461
452
  left: calc(1 / 2 * 100%);
462
453
  }
463
- .left-2 {
464
- left: calc(var(--spacing) * 2);
465
- }
466
454
  .left-3 {
467
455
  left: calc(var(--spacing) * 3);
468
456
  }
@@ -955,15 +943,9 @@
955
943
  .flex-1 {
956
944
  flex: 1;
957
945
  }
958
- .shrink {
959
- flex-shrink: 1;
960
- }
961
946
  .shrink-0 {
962
947
  flex-shrink: 0;
963
948
  }
964
- .grow {
965
- flex-grow: 1;
966
- }
967
949
  .-translate-x-1\/2 {
968
950
  --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
969
951
  translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -2454,6 +2436,10 @@
2454
2436
  -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
2455
2437
  backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
2456
2438
  }
2439
+ .backdrop-filter {
2440
+ -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
2441
+ backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
2442
+ }
2457
2443
  .transition {
2458
2444
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
2459
2445
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -2474,6 +2460,11 @@
2474
2460
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2475
2461
  transition-duration: var(--tw-duration, var(--default-transition-duration));
2476
2462
  }
2463
+ .transition-\[width\,opacity\] {
2464
+ transition-property: width,opacity;
2465
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2466
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
2467
+ }
2477
2468
  .transition-\[width\] {
2478
2469
  transition-property: width;
2479
2470
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
package/dist/styles.css CHANGED
@@ -399,9 +399,6 @@
399
399
  .top-1\/2 {
400
400
  top: calc(1 / 2 * 100%);
401
401
  }
402
- .top-2 {
403
- top: calc(var(--spacing) * 2);
404
- }
405
402
  .top-4 {
406
403
  top: calc(var(--spacing) * 4);
407
404
  }
@@ -420,9 +417,6 @@
420
417
  .right-0 {
421
418
  right: calc(var(--spacing) * 0);
422
419
  }
423
- .right-2 {
424
- right: calc(var(--spacing) * 2);
425
- }
426
420
  .right-3 {
427
421
  right: calc(var(--spacing) * 3);
428
422
  }
@@ -444,9 +438,6 @@
444
438
  .bottom-0 {
445
439
  bottom: calc(var(--spacing) * 0);
446
440
  }
447
- .bottom-2 {
448
- bottom: calc(var(--spacing) * 2);
449
- }
450
441
  .bottom-4 {
451
442
  bottom: calc(var(--spacing) * 4);
452
443
  }
@@ -462,9 +453,6 @@
462
453
  .left-1\/2 {
463
454
  left: calc(1 / 2 * 100%);
464
455
  }
465
- .left-2 {
466
- left: calc(var(--spacing) * 2);
467
- }
468
456
  .left-3 {
469
457
  left: calc(var(--spacing) * 3);
470
458
  }
@@ -957,15 +945,9 @@
957
945
  .flex-1 {
958
946
  flex: 1;
959
947
  }
960
- .shrink {
961
- flex-shrink: 1;
962
- }
963
948
  .shrink-0 {
964
949
  flex-shrink: 0;
965
950
  }
966
- .grow {
967
- flex-grow: 1;
968
- }
969
951
  .-translate-x-1\/2 {
970
952
  --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
971
953
  translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -2462,6 +2444,10 @@
2462
2444
  -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
2463
2445
  backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
2464
2446
  }
2447
+ .backdrop-filter {
2448
+ -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
2449
+ backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
2450
+ }
2465
2451
  .transition {
2466
2452
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
2467
2453
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -2482,6 +2468,11 @@
2482
2468
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2483
2469
  transition-duration: var(--tw-duration, var(--default-transition-duration));
2484
2470
  }
2471
+ .transition-\[width\,opacity\] {
2472
+ transition-property: width,opacity;
2473
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2474
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
2475
+ }
2485
2476
  .transition-\[width\] {
2486
2477
  transition-property: width;
2487
2478
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@jacshuo/onyx",
3
- "version": "1.4.0",
3
+ "version": "1.4.1",
4
4
  "description": "Cross-platform React UI component library — works in web & Electron",
5
5
  "type": "module",
6
6
  "main": "dist/index.cjs",