@ecopages/radiant-themes 0.2.1 → 0.2.2

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 (39) hide show
  1. package/README.md +27 -15
  2. package/dist/compiled/themes/cloudflare/compact.css +40 -12
  3. package/dist/compiled/themes/cloudflare.css +40 -12
  4. package/dist/compiled/themes/github/compact.css +264 -67
  5. package/dist/compiled/themes/github.css +264 -67
  6. package/dist/compiled/themes/high-contrast/compact.css +88 -5
  7. package/dist/compiled/themes/high-contrast.css +88 -5
  8. package/dist/compiled/themes/macos/compact.css +674 -294
  9. package/dist/compiled/themes/macos-classic/compact.css +197 -25
  10. package/dist/compiled/themes/macos-classic.css +197 -25
  11. package/dist/compiled/themes/macos.css +674 -294
  12. package/dist/compiled/themes/material/compact.css +447 -132
  13. package/dist/compiled/themes/material.css +447 -132
  14. package/dist/compiled/themes/vercel/compact.css +104 -62
  15. package/dist/compiled/themes/vercel.css +104 -62
  16. package/dist/compiled/themes/vscode/compact.css +255 -40
  17. package/dist/compiled/themes/vscode.css +255 -40
  18. package/dist/compiled/themes/windows95/compact.css +260 -22
  19. package/dist/compiled/themes/windows95.css +260 -22
  20. package/dist/tokens/colors/github.css +32 -0
  21. package/dist/tokens/colors/macos.css +65 -25
  22. package/dist/tokens/colors/material.css +61 -20
  23. package/dist/tokens/colors/vercel.css +43 -39
  24. package/dist/tokens/colors/vscode.css +48 -4
  25. package/dist/tokens/colors/windows95.css +10 -5
  26. package/dist/tokens/components/cloudflare.css +55 -5
  27. package/dist/tokens/components/github.css +258 -40
  28. package/dist/tokens/components/high-contrast.css +93 -5
  29. package/dist/tokens/components/macos-classic.css +262 -24
  30. package/dist/tokens/components/macos.css +537 -106
  31. package/dist/tokens/components/material.css +354 -25
  32. package/dist/tokens/components/vercel.css +77 -15
  33. package/dist/tokens/components/vscode.css +248 -27
  34. package/dist/tokens/components/windows95.css +304 -19
  35. package/dist/tokens/roles/github.css +12 -12
  36. package/dist/tokens/roles/macos.css +97 -93
  37. package/dist/tokens/roles/material.css +65 -65
  38. package/dist/tokens/roles/vercel.css +3 -3
  39. package/package.json +3 -3
@@ -32,6 +32,7 @@
32
32
  --color-background: var(--background);
33
33
  --color-on-background: var(--on-background);
34
34
  --radius-none: var(--border-radius-none);
35
+ --radius-full: var(--border-radius-full);
35
36
  --radius-control: var(--radius-control);
36
37
  --radius-container: var(--radius-container);
37
38
  --radius-pill: var(--radius-pill);
@@ -476,6 +477,24 @@
476
477
  --focus-ring-width: 3px;
477
478
  --focus-ring-offset: 3px;
478
479
  --opacity-disabled: 1;
480
+ --opacity-muted: 0.75;
481
+ --radius-pill: 0;
482
+ --sheen-image: none;
483
+ --shadow-control: none;
484
+ --shadow-overlay: none;
485
+ --shadow-modal: none;
486
+ }
487
+ :root rui-tooltip {
488
+ --rui-tooltip-surface: var(--background);
489
+ --rui-tooltip-color: var(--on-background);
490
+ }
491
+ :root rui-tabs {
492
+ --rui-tabs-indicator-width: 3px;
493
+ }
494
+ :root rui-slider {
495
+ --rui-slider-thumb-background: var(--background);
496
+ --rui-slider-thumb-border-color: var(--on-background);
497
+ --rui-slider-focus-ring-width: 3px;
479
498
  }
480
499
  @layer components {
481
500
  :root .rui-button {
@@ -532,22 +551,84 @@
532
551
  border-color: var(--color-on-background);
533
552
  background-color: var(--color-background);
534
553
  }
554
+ :root .rui-radio__control {
555
+ border-radius: var(--radius-full);
556
+ }
535
557
  :root .rui-switch__thumb {
536
558
  border-radius: var(--radius-none);
537
559
  }
538
560
  :root .rui-checkbox__input:checked + .rui-checkbox__control,
539
- :root .rui-radio__input:checked + .rui-radio__control,
540
561
  :root .rui-switch__input:checked + .rui-switch__track {
541
562
  border-style: var(--tw-border-style);
542
563
  border-width: 2px;
543
564
  border-color: var(--color-primary);
544
565
  background-color: var(--color-primary);
545
566
  }
567
+ :root .rui-radio__input:checked + .rui-radio__control {
568
+ border-style: var(--tw-border-style);
569
+ border-width: 2px;
570
+ border-color: var(--color-primary);
571
+ background-color: var(--color-background);
572
+ }
573
+ :root .rui-radio__input:checked + .rui-radio__control::after {
574
+ width: calc(var(--spacing, 0.25rem) * 2.5);
575
+ height: calc(var(--spacing, 0.25rem) * 2.5);
576
+ background-color: var(--color-primary);
577
+ }
578
+ :root .rui-switch__thumb {
579
+ border-style: var(--tw-border-style);
580
+ border-width: 2px;
581
+ border-color: var(--color-on-background);
582
+ }
583
+ :root .rui-switch__input:checked + .rui-switch__track .rui-switch__thumb {
584
+ border-color: var(--color-on-primary);
585
+ }
586
+ :root .rui-input::placeholder,
587
+ :root .rui-textarea::placeholder {
588
+ color: var(--on-background);
589
+ opacity: var(--opacity-muted);
590
+ }
591
+ :root .rui-toc__label,
592
+ :root .rui-toc__link,
593
+ :root .rui-breadcrumb__separator,
594
+ :root .rui-breadcrumb__ellipsis {
595
+ color: var(--on-background);
596
+ }
597
+ :root .rui-toc__link--active {
598
+ --tw-font-weight: var(--font-weight-bold, 700);
599
+ font-weight: var(--font-weight-bold, 700);
600
+ text-decoration-line: underline;
601
+ text-decoration-thickness: 2px;
602
+ text-underline-offset: 4px;
603
+ color: var(--primary);
604
+ }
605
+ :root rui-tabs[variant='boxed'] .rui-tabs__tab:not([aria-selected='true']) {
606
+ opacity: 1;
607
+ }
608
+ :root .rui-popover {
609
+ --rui-popover-radius: 0;
610
+ --rui-popover-surface: var(--background);
611
+ --rui-popover-border-color: var(--on-background);
612
+ border-width: 2px;
613
+ color: var(--on-background);
614
+ }
615
+ :root .rui-tooltip__content {
616
+ border-style: var(--tw-border-style);
617
+ border-width: 2px;
618
+ border-color: var(--color-on-background);
619
+ }
620
+ :root .rui-avatar {
621
+ --rui-avatar-radius: 9999px;
622
+ border-style: var(--tw-border-style);
623
+ border-width: 2px;
624
+ border-color: var(--color-on-background);
625
+ }
546
626
  :root .rui-listbox__option[aria-selected='true'],
547
627
  :root .rui-menu-button__item[aria-checked='true'],
548
628
  :root .rui-menubar__menu-item[aria-checked='true'],
549
629
  :root .rui-tree__node[aria-selected='true'],
550
- :root .rui-calendar__day[aria-selected='true'] {
630
+ :root .rui-calendar__day[aria-selected='true'],
631
+ :root .rui-sidebar__menu-button[aria-current='page'] {
551
632
  border-style: var(--tw-border-style);
552
633
  border-width: 2px;
553
634
  border-color: var(--color-primary);
@@ -566,10 +647,11 @@
566
647
  text-underline-offset: 4px;
567
648
  }
568
649
  :root .rui-alert,
569
- :root .rui-toast__content,
650
+ :root .rui-toast,
570
651
  :root .rui-dialog__surface,
571
- :root .rui-popover-host,
572
652
  :root .rui-hover-card__content,
653
+ :root .rui-menu-button__menu,
654
+ :root .rui-menubar__menu,
573
655
  :root .rui-calendar,
574
656
  :root rui-tabs[variant='boxed'] {
575
657
  border-radius: var(--radius-none);
@@ -583,6 +665,7 @@
583
665
  }
584
666
  :root .rui-badge,
585
667
  :root .rui-chip,
668
+ :root .rui-tag,
586
669
  :root .rui-separator,
587
670
  :root .rui-meter__track,
588
671
  :root .rui-slider__range-track,
@@ -591,7 +674,7 @@
591
674
  border-width: 1px;
592
675
  border-color: var(--color-on-background);
593
676
  }
594
- :root .rui-table__header,
677
+ :root .rui-table__column,
595
678
  :root .rui-treegrid__row--header,
596
679
  :root .rui-calendar__weekdays {
597
680
  border-bottom-style: var(--tw-border-style);