@usetheo/ui 0.27.0 → 0.28.0

package/dist/components/primitives/input/input.d.ts

@@ -8,7 +8,7 @@ declare const inputVariants: (props?: ({
  *
  * Violet Forge specifics:
  *   - height 40px (h-10) matching default Button md.
- *   - rounded-md (6px) — slightly less than buttons to differentiate.
+ *   - rounded-lg (8px) — matches buttons (compact Builder identity, 2026-07-16).
  *   - focus uses violet ring (--ring).
  *   - placeholder uses --muted-foreground.
  *

package/dist/index.js

@@ -583,9 +583,9 @@ var buttonVariants = cva(
         // md: tier ajustável via density (CSS var on :root). See D3 ADR of
         // faang-density-tightening plan. Default `comfortable` density makes
         // this 36px (--theo-control-h: 2.25rem). sm and lg stay hardcoded.
-        md: "h-[var(--theo-control-h,2.25rem)] px-[var(--theo-control-px,0.875rem)] text-body-sm",
+        md: "h-[var(--theo-control-h,2rem)] px-[var(--theo-control-px,0.75rem)] text-body-sm",
         lg: "h-11 px-4 text-body-md",
-        icon: "h-[var(--theo-control-h,2.25rem)] w-[var(--theo-control-h,2.25rem)] p-0"
+        icon: "h-[var(--theo-control-h,2rem)] w-[var(--theo-control-h,2rem)] p-0"
       }
     },
     defaultVariants: {
@@ -1102,7 +1102,7 @@ var JsonViewer = forwardRef(
 JsonViewer.displayName = "JsonViewer";
 var inputVariants = cva(
   [
-    "flex w-full rounded-md border border-input bg-card",
+    "flex w-full rounded-lg border border-input bg-card",
     "text-foreground placeholder:text-muted-foreground",
     "transition-[box-shadow,border-color] duration-base ease-out-soft",
     "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
@@ -1115,7 +1115,7 @@ var inputVariants = cva(
       size: {
         sm: "h-8 px-2.5 py-1 text-body-sm",
         // md: density-tunable via CSS var. Comfortable (default) = 36px.
-        md: "h-[var(--theo-control-h,2.25rem)] px-[var(--theo-control-px,0.875rem)] py-1.5 text-body-sm",
+        md: "h-[var(--theo-control-h,2rem)] px-[var(--theo-control-px,0.75rem)] py-1.5 text-body-sm",
         lg: "h-11 px-4 py-2.5 text-body-md"
       }
     },
@@ -2368,7 +2368,7 @@ var EmptyState = forwardRef(
 EmptyState.displayName = "EmptyState";
 var selectTriggerVariants = cva(
   [
-    "flex w-full items-center justify-between gap-2 rounded-md border border-input bg-card",
+    "flex w-full items-center justify-between gap-2 rounded-lg border border-input bg-card",
     "text-foreground placeholder:text-muted-foreground",
     "transition-[border-color,box-shadow] duration-base ease-out-soft",
     "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
@@ -2381,7 +2381,7 @@ var selectTriggerVariants = cva(
     variants: {
       size: {
         sm: "h-8 px-2.5 py-1 text-body-sm",
-        md: "h-[var(--theo-control-h,2.25rem)] px-[var(--theo-control-px,0.875rem)] py-1.5 text-body-sm",
+        md: "h-[var(--theo-control-h,2rem)] px-[var(--theo-control-px,0.75rem)] py-1.5 text-body-sm",
         lg: "h-11 px-4 py-2.5 text-body-md"
       }
     },
@@ -2632,7 +2632,7 @@ var Switch = forwardRef(
 Switch.displayName = "Switch";
 var textareaVariants = cva(
   [
-    "flex w-full resize-y rounded-md border border-input bg-card",
+    "flex w-full resize-y rounded-lg border border-input bg-card",
     "text-foreground placeholder:text-muted-foreground",
     "transition-[box-shadow,border-color] duration-base ease-out-soft",
     "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
@@ -2645,7 +2645,7 @@ var textareaVariants = cva(
         sm: "min-h-[64px] px-2.5 py-1.5 text-body-sm",
         // md: text scale + padding tighten to body-sm per FAANG density.
         // min-h stays 96px because multiline has its own height rationale.
-        md: "min-h-[6rem] px-[var(--theo-control-px,0.875rem)] py-1.5 text-body-sm",
+        md: "min-h-[6rem] px-[var(--theo-control-px,0.75rem)] py-1.5 text-body-sm",
         lg: "min-h-[128px] px-4 py-2.5 text-body-md"
       }
     },
@@ -8485,7 +8485,7 @@ var EvaluatorForm = forwardRef(
                 disabled,
                 onChange: (e) => onChange(defaultEvaluatorConfig(e.target.value)),
                 className: cn(
-                  "flex h-[var(--theo-control-h,2.25rem)] w-full rounded-md border border-input bg-card px-[var(--theo-control-px,0.875rem)] py-1.5 text-body-sm text-foreground",
+                  "flex h-[var(--theo-control-h,2rem)] w-full rounded-lg border border-input bg-card px-[var(--theo-control-px,0.75rem)] py-1.5 text-body-sm text-foreground",
                   "focus-visible:border-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
                   "disabled:cursor-not-allowed disabled:opacity-50"
                 ),

package/dist/tailwind-preset.js

@@ -109,7 +109,7 @@ var theoUIPreset = {
         // weight) remains separate via its line-height / weight signature.
         "body-lg": ["18px", { lineHeight: "1.56", letterSpacing: "-0.01em", fontWeight: "400" }],
         "body-md": ["14px", { lineHeight: "1.43", letterSpacing: "0", fontWeight: "400" }],
-        "body-sm": ["13px", { lineHeight: "1.46", fontWeight: "400" }],
+        "body-sm": ["14px", { lineHeight: "1.43", fontWeight: "400" }],
         // Label tier — used on buttons, nav, secondary actions
         label: ["14px", { lineHeight: "1.43", fontWeight: "500" }],
         "label-caps": ["12px", { lineHeight: "1.33", letterSpacing: "0.04em", fontWeight: "500" }],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@usetheo/ui",
-  "version": "0.27.0",
+  "version": "0.28.0",
   "type": "module",
   "license": "Apache-2.0",
   "description": "Violet Forge design system — generic React components + primitives (the non-AI foundation of @theokit/ui).",