@thesage/ui 0.0.9 → 0.0.11

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.
@@ -436,8 +436,8 @@ var studioTokens = {
436
436
  }
437
437
  };
438
438
 
439
- // ../tokens/src/sage.ts
440
- var sageTokens = {
439
+ // ../tokens/src/terra.ts
440
+ var terraTokens = {
441
441
  light: {
442
442
  colors: {
443
443
  // Warm, earthy backgrounds
@@ -589,19 +589,19 @@ var sageTokens = {
589
589
  },
590
590
  typography: {
591
591
  heading: {
592
- fontFamily: "var(--font-sage-serif)",
592
+ fontFamily: "var(--font-terra-serif)",
593
593
  // Lora serif
594
594
  fontWeight: "600",
595
595
  letterSpacing: "-0.01em"
596
596
  },
597
597
  body: {
598
- fontFamily: "var(--font-sage-sans)",
598
+ fontFamily: "var(--font-terra-sans)",
599
599
  // Instrument Sans
600
600
  fontWeight: "400",
601
601
  letterSpacing: "0"
602
602
  },
603
603
  mono: {
604
- fontFamily: "var(--font-sage-mono)",
604
+ fontFamily: "var(--font-terra-mono)",
605
605
  fontWeight: "400",
606
606
  letterSpacing: "0"
607
607
  }
@@ -1733,7 +1733,7 @@ var useCustomizer = create2()(
1733
1733
  import { Fragment, jsx } from "react/jsx-runtime";
1734
1734
  var themeTokens = {
1735
1735
  studio: studioTokens,
1736
- sage: sageTokens,
1736
+ terra: terraTokens,
1737
1737
  volt: voltTokens
1738
1738
  };
1739
1739
  var fontFamilies = {
@@ -1742,9 +1742,9 @@ var fontFamilies = {
1742
1742
  body: "var(--font-studio-body)",
1743
1743
  mono: "var(--font-mono)"
1744
1744
  },
1745
- sage: {
1746
- sans: "var(--font-sage-body)",
1747
- serif: "var(--font-sage-heading)",
1745
+ terra: {
1746
+ sans: "var(--font-terra-body)",
1747
+ serif: "var(--font-terra-heading)",
1748
1748
  mono: "var(--font-mono)"
1749
1749
  },
1750
1750
  volt: {
@@ -1804,7 +1804,7 @@ function getThemeVars(theme, mode) {
1804
1804
  "--effect-shadow-md": effects?.shadow?.md || effects?.shadow?.sm || "0 4px 6px -1px rgba(0, 0, 0, 0.1)",
1805
1805
  "--effect-shadow-lg": effects?.shadow?.lg || effects?.shadow?.md || effects?.shadow?.sm || "0 10px 15px -3px rgba(0, 0, 0, 0.1)",
1806
1806
  // Typography - Font Families
1807
- "--font-heading": fonts?.heading || (theme === "sage" && fonts?.serif ? fonts.serif : fonts?.sans) || "var(--font-studio-heading)",
1807
+ "--font-heading": fonts?.heading || (theme === "terra" && fonts?.serif ? fonts.serif : fonts?.sans) || "var(--font-studio-heading)",
1808
1808
  "--font-body": fonts?.body || fonts?.sans || "var(--font-studio-body)",
1809
1809
  "--font-mono": fonts?.mono || "var(--font-studio-mono)",
1810
1810
  // Motion - These are accessed programmatically via tokens