@rehagro/ui 1.0.11 → 1.0.12

package/dist/index.d.mts

@@ -116,6 +116,9 @@ type RehagroTheme = {
     inputPxSm?: string;
     inputPxMd?: string;
     inputPxLg?: string;
+    /** Typography — Inter for body/labels, Sora for headings/display */
+    fontFamilyBody?: string;
+    fontFamilyDisplay?: string;
 };
 type RehagroProviderProps = {
     /** Theme overrides — any token not provided keeps the default value */

package/dist/index.d.ts

@@ -116,6 +116,9 @@ type RehagroTheme = {
     inputPxSm?: string;
     inputPxMd?: string;
     inputPxLg?: string;
+    /** Typography — Inter for body/labels, Sora for headings/display */
+    fontFamilyBody?: string;
+    fontFamilyDisplay?: string;
 };
 type RehagroProviderProps = {
     /** Theme overrides — any token not provided keeps the default value */

package/dist/index.js

@@ -44,7 +44,9 @@ var TOKEN_MAP = {
   inputHeightLg: { var: "--rh-input-height-lg", isColor: false },
   inputPxSm: { var: "--rh-input-px-sm", isColor: false },
   inputPxMd: { var: "--rh-input-px-md", isColor: false },
-  inputPxLg: { var: "--rh-input-px-lg", isColor: false }
+  inputPxLg: { var: "--rh-input-px-lg", isColor: false },
+  fontFamilyBody: { var: "--rh-font-family", isColor: false },
+  fontFamilyDisplay: { var: "--rh-font-family-display", isColor: false }
 };
 var DeleteIcon = (props) => /* @__PURE__ */ jsxRuntime.jsxs(
   "svg",
@@ -735,7 +737,7 @@ var Button = React8.forwardRef(function Button2({
       style: computedStyle,
       className: [
         "rh-inline-flex rh-items-center rh-justify-center rh-gap-2",
-        "rh-border rh-font-sans rh-font-medium",
+        "rh-border rh-font-display rh-font-medium",
         "rh-transition-colors rh-duration-150",
         "focus-visible:rh-outline-none focus-visible:rh-ring-2 focus-visible:rh-ring-ring focus-visible:rh-ring-offset-2",
         preset && !hasCustomHover ? variantColorClasses[variant][color] : "",
@@ -868,7 +870,7 @@ var IconButton = React8.forwardRef(function IconButton2({
       style: computedStyle,
       className: [
         "rh-inline-flex rh-items-center rh-justify-center",
-        "rh-border rh-font-sans",
+        "rh-border rh-font-display",
         "rh-transition-colors rh-duration-150",
         "focus-visible:rh-outline-none focus-visible:rh-ring-2 focus-visible:rh-ring-ring focus-visible:rh-ring-offset-2",
         preset ? variantColorClasses2[variant][color] : "hover:rh-brightness-90",
@@ -1115,7 +1117,7 @@ var Checkbox = React8.forwardRef(function Checkbox2({
     {
       htmlFor: inputId,
       className: [
-        "rh-inline-flex rh-items-center rh-gap-2 rh-font-sans rh-select-none",
+        "rh-inline-flex rh-items-center rh-gap-2 rh-font-display rh-select-none",
         disabled ? "rh-cursor-not-allowed rh-opacity-50" : "rh-cursor-pointer",
         className
       ].filter(Boolean).join(" "),
@@ -1823,7 +1825,7 @@ var Avatar = React8.forwardRef(function Avatar2({ src, alt = "", initials, size
       className: [
         "rh-inline-flex rh-items-center rh-justify-center rh-shrink-0 rh-overflow-hidden",
         avatarColors ? "" : "rh-bg-primary rh-text-surface",
-        "rh-font-sans rh-font-medium rh-select-none",
+        "rh-font-display rh-font-medium rh-select-none",
         sizeClasses7[size],
         variantClasses2[variant],
         className
@@ -1928,7 +1930,7 @@ var Tag = React8.forwardRef(function Tag2({
       "aria-pressed": clickable ? active : void 0,
       "aria-disabled": disabled || void 0,
       className: [
-        "rh-inline-flex rh-items-center rh-font-sans rh-font-medium rh-rounded-full",
+        "rh-inline-flex rh-items-center rh-font-display rh-font-medium rh-rounded-full",
         "rh-border rh-whitespace-nowrap rh-select-none",
         "rh-transition-colors rh-duration-150",
         "rh-cursor-pointer",
@@ -2409,7 +2411,7 @@ function ToggleGroupInner({
             onClick: () => !isDisabled && onChange(option.value),
             className: [
               "rh-flex rh-items-center rh-justify-center rh-h-full",
-              "rh-border-0 rh-font-sans rh-font-medium",
+              "rh-border-0 rh-font-display rh-font-medium",
               "rh-transition-all rh-duration-150",
               "focus-visible:rh-outline-none focus-visible:rh-ring-2 focus-visible:rh-ring-ring",
               radiusClasses6[radius],