@tempots/beatui 0.87.2 → 0.87.3

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.
package/dist/beatui.css CHANGED
@@ -875,6 +875,29 @@ input:where([type='button'], [type='reset'], [type='submit']),
875
875
  display: none !important;
876
876
  }
877
877
 
878
+ /* Default (light) semantic tokens at :root so components work without .dark/.light class */
879
+ :root {
880
+ --text-normal: var(--text-normal-light);
881
+ --text-muted: var(--text-muted-light);
882
+ --text-inverted: var(--text-inverted-light);
883
+ --bg-background: var(--bg-background-light);
884
+ --bg-surface: var(--bg-surface-light);
885
+ --bg-subtle: var(--bg-subtle-light);
886
+ --bg-elevated: var(--bg-elevated-light);
887
+ --bg-raised: var(--bg-raised-light);
888
+ --bg-overlay: var(--bg-overlay-light);
889
+ --border-subtle: var(--border-subtle-light);
890
+ --border-muted: var(--border-muted-light);
891
+ --border-default: var(--border-border-light);
892
+ --border-divider: var(--border-divider-light);
893
+ --border-input: var(--border-input-light);
894
+ --border-strong: var(--border-strong-light);
895
+ --border-inverted: var(--border-inverted-light);
896
+ --interactive-focus: var(--interactive-focus-light);
897
+ --interactive-hover: var(--interactive-hover-light);
898
+ --interactive-active: var(--interactive-active-light);
899
+ }
900
+
878
901
  /* BeatUI theme helpers */
879
902
  .dark {
880
903
  color-scheme: dark;
@@ -547,6 +547,29 @@
547
547
 
548
548
  }
549
549
  @layer base {
550
+ /* Default (light) semantic tokens at :root so components work without .dark/.light class */
551
+ :root {
552
+ --text-normal: var(--text-normal-light);
553
+ --text-muted: var(--text-muted-light);
554
+ --text-inverted: var(--text-inverted-light);
555
+ --bg-background: var(--bg-background-light);
556
+ --bg-surface: var(--bg-surface-light);
557
+ --bg-subtle: var(--bg-subtle-light);
558
+ --bg-elevated: var(--bg-elevated-light);
559
+ --bg-raised: var(--bg-raised-light);
560
+ --bg-overlay: var(--bg-overlay-light);
561
+ --border-subtle: var(--border-subtle-light);
562
+ --border-muted: var(--border-muted-light);
563
+ --border-default: var(--border-border-light);
564
+ --border-divider: var(--border-divider-light);
565
+ --border-input: var(--border-input-light);
566
+ --border-strong: var(--border-strong-light);
567
+ --border-inverted: var(--border-inverted-light);
568
+ --interactive-focus: var(--interactive-focus-light);
569
+ --interactive-hover: var(--interactive-hover-light);
570
+ --interactive-active: var(--interactive-active-light);
571
+ }
572
+
550
573
  /* BeatUI theme helpers */
551
574
  .dark {
552
575
  color-scheme: dark;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tempots/beatui",
3
- "version": "0.87.2",
3
+ "version": "0.87.3",
4
4
  "type": "module",
5
5
  "main": "dist/index.umd.js",
6
6
  "module": "dist/index.es.js",