@devalok/shilp-sutra 0.10.0 → 0.12.0

package/dist/ui/input.js

@@ -1,18 +1,18 @@
 "use client";
 import { jsx as o, jsxs as f } from "react/jsx-runtime";
-import * as v from "react";
-import { e as p } from "../_chunks/vendor-utils.js";
+import * as p from "react";
+import { e as v } from "../_chunks/vendor-utils.js";
 import { c as x } from "../_chunks/utils.js";
 import { u as g } from "../_chunks/form.js";
-const h = p(
+const h = v(
   [
     "flex w-full font-sans",
     "bg-field text-text-primary",
-    "border border-border rounded-ds-md",
+    "border border-border-subtle rounded-ds-md",
     "placeholder:text-text-placeholder",
     "hover:bg-field-hover",
     "transition-colors duration-fast-01",
-    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus focus-visible:border-border-interactive",
+    "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-focus/50 focus-visible:border-border-subtle",
     "disabled:cursor-not-allowed disabled:opacity-[0.38]",
     "read-only:bg-layer-02 read-only:cursor-default"
   ],
@@ -26,7 +26,7 @@ const h = p(
     },
     defaultVariants: { size: "md" }
   }
-), y = v.forwardRef(
+), y = p.forwardRef(
   ({ className: d, type: l, state: n, size: c, startIcon: e, endIcon: r, ...t }, u) => {
     const s = g(), i = n ?? (s.state === "helper" ? void 0 : s.state), b = t["aria-describedby"] ?? s.helperTextId, m = t["aria-required"] ?? s.required, a = /* @__PURE__ */ o(
       "input",
@@ -34,8 +34,8 @@ const h = p(
         type: l,
         className: x(
           h({ size: c }),
-          e && "pl-ds-08",
-          r && "pr-ds-08",
+          e && "pl-ds-07",
+          r && "pr-ds-07",
           i === "error" && "border-border-error focus-visible:ring-error",
           i === "warning" && "border-border-warning focus-visible:ring-warning",
           i === "success" && "border-border-success focus-visible:ring-success",

package/dist/ui/lib/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/ui/lib/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,UAAU,EAAE,MAAM,MAAM,CAAA;AAW5C,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,UAEzC"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/ui/lib/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,UAAU,EAAE,MAAM,MAAM,CAAA;AAc5C,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,UAEzC"}

package/dist/ui/lib/utils.js

@@ -1,14 +1,17 @@
-import { h as s, g as t } from "../../_chunks/vendor-utils.js";
-const n = s({
+import { h as d, g as e } from "../../_chunks/vendor-utils.js";
+const t = d({
   extend: {
+    theme: {
+      spacing: ["ds-01", "ds-02", "ds-02b", "ds-03", "ds-04", "ds-05", "ds-05b", "ds-06", "ds-06b", "ds-07", "ds-08", "ds-09", "ds-10", "ds-11", "ds-12", "ds-13"]
+    },
     classGroups: {
       "font-size": [{ "text-ds": ["xs", "sm", "md"] }]
     }
   }
 });
-function o(...e) {
-  return n(t(e));
+function r(...s) {
+  return t(e(s));
 }
 export {
-  o as cn
+  r as cn
 };

package/llms-full.txt

@@ -5,7 +5,7 @@
 > All variant values and props verified from source CVA definitions.
 >
 > Package: @devalok/shilp-sutra
-> Version: 0.10.0
+> Version: 0.12.0
 
 ---
 
@@ -594,6 +594,7 @@ Note: getFormFieldA11y() was removed in favor of useFormField() hook.
     - HTML native "size" attribute is excluded — use CSS width instead
     - state="error" sets aria-invalid automatically
     - Inside FormField: auto-inherits state, aria-describedby, aria-required from context (explicit props override)
+    - Resting border is border-subtle (soft); focus ring is ring-1 at 50% opacity (v0.12.0)
 
 ## InputOTP
 - Import: @devalok/shilp-sutra/ui/input-otp

package/llms.txt

@@ -4,6 +4,16 @@
 > Built on the same primitives as shadcn/ui but with key API differences.
 > Read this file BEFORE writing any UI code. Do NOT guess from shadcn/ui knowledge.
 
+## CHANGES (v0.12.0)
+- Input: Softer resting border (border-subtle instead of border), subtler focus ring (ring-1 ring-focus/50 instead of ring-2 ring-focus)
+- Tailwind preset: 9 animation keyframes + utilities (fade-in, fade-out, slide-up, slide-right, scale-in, scale-out, glow-pulse, scale-bounce, lift)
+- Tailwind preset: Stagger plugins — .delay-stagger (30ms × --stagger-index), .delay-stagger-50 (50ms × --stagger-index)
+
+## BREAKING CHANGES (v0.11.0 — dark mode)
+- Dark mode interactive colors shifted: --color-interactive pink-400→pink-500, --color-interactive-hover pink-300→pink-600, --color-interactive-active pink-200→pink-700, --color-interactive-subtle pink-950→pink-1000
+- Dark mode text status colors shifted: --color-text-error red-200→red-300, --color-text-success green-200→green-300, --color-text-warning yellow-200→yellow-300, --color-text-link blue-200→blue-300, --color-text-brand pink-300→pink-400
+- New primitive token: --pink-1000 (#150208) near-black
+
 ## BREAKING CHANGES (v0.8.0)
 - Combobox: Now uses discriminated union. Single: `multiple?: false, value: string, onValueChange: (v: string) => void`. Multiple: `multiple: true, value: string[], onValueChange: (v: string[]) => void`. No more `v as string[]` casts.
 - StatusBadge: Pass either `status` OR `color`, not both (discriminated union).