@devalok/shilp-sutra 0.20.0 → 0.20.1

package/dist/composed/content-card.js

@@ -7,7 +7,7 @@ const h = v(
   {
     variants: {
       variant: {
-        default: "border border-surface-border-strong bg-surface-1 shadow-01 hover:shadow-02",
+        default: "border border-surface-border-strong bg-surface-2 shadow-01 hover:shadow-02",
         outline: "border border-surface-border bg-transparent hover:border-surface-border-strong",
         ghost: "border border-transparent bg-transparent hover:bg-surface-2"
       },

package/dist/composed/error-boundary.js

@@ -66,7 +66,7 @@ const k = p.forwardRef(
     return /* @__PURE__ */ t("div", { ref: f, ...d, className: o("flex min-h-[60vh] items-center justify-center p-ds-05", l), children: /* @__PURE__ */ r(
       "div",
       {
-        className: "flex w-full max-w-lg flex-col items-center gap-ds-06 rounded-ds-xl border border-surface-border-strong bg-surface-1 p-ds-07 text-center shadow-01",
+        className: "flex w-full max-w-lg flex-col items-center gap-ds-06 rounded-ds-xl border border-surface-border-strong bg-surface-2 p-ds-07 text-center shadow-01",
         children: [
           /* @__PURE__ */ t(
             "div",

package/dist/composed/loading-skeleton.js

@@ -10,7 +10,7 @@ const b = t.forwardRef(
         ref: o,
         ...l,
         className: c(
-          "rounded-ds-lg border border-surface-border-strong bg-surface-1 p-ds-05b",
+          "rounded-ds-lg border border-surface-border-strong bg-surface-2 p-ds-05b",
           d
         ),
         children: [
@@ -109,7 +109,7 @@ const h = t.forwardRef(
           Array.from({ length: l }).map((u, m) => /* @__PURE__ */ r(
             "div",
             {
-              className: "rounded-ds-lg border border-surface-border-strong bg-surface-1 p-ds-04",
+              className: "rounded-ds-lg border border-surface-border-strong bg-surface-2 p-ds-04",
               children: [
                 /* @__PURE__ */ r("div", { className: "space-y-ds-03", children: [
                   /* @__PURE__ */ e(s, { className: "h-[12px] w-4/5 bg-surface-3" }),

package/dist/composed/page-skeletons.js

@@ -8,7 +8,7 @@ const l = "bg-surface-3", t = n.forwardRef(
       /* @__PURE__ */ s("div", { className: "grid grid-cols-1 gap-ds-05 sm:grid-cols-2 lg:grid-cols-4", children: Array.from({ length: 4 }).map((c, r) => /* @__PURE__ */ a(
         "div",
         {
-          className: "flex flex-col gap-ds-04 rounded-ds-xl border border-surface-border-strong bg-surface-1 p-ds-05b",
+          className: "flex flex-col gap-ds-04 rounded-ds-xl border border-surface-border-strong bg-surface-2 p-ds-05b",
           children: [
             /* @__PURE__ */ a("div", { className: "flex items-center justify-between", children: [
               /* @__PURE__ */ s(d, { className: e("h-[12px] w-[80px]", l) }),
@@ -20,7 +20,7 @@ const l = "bg-surface-3", t = n.forwardRef(
         },
         `stat-${r}`
       )) }),
-      /* @__PURE__ */ a("div", { className: "rounded-ds-xl border border-surface-border-strong bg-surface-1 p-ds-06", children: [
+      /* @__PURE__ */ a("div", { className: "rounded-ds-xl border border-surface-border-strong bg-surface-2 p-ds-06", children: [
         /* @__PURE__ */ a("div", { className: "mb-ds-06 flex items-center justify-between", children: [
           /* @__PURE__ */ s(d, { className: e("h-[20px] w-[128px]", l) }),
           /* @__PURE__ */ a("div", { className: "flex items-center gap-ds-03", children: [
@@ -59,7 +59,7 @@ const f = n.forwardRef(
       /* @__PURE__ */ s("div", { className: "grid grid-cols-1 gap-ds-05 sm:grid-cols-2 lg:grid-cols-3", children: Array.from({ length: 6 }).map((c, r) => /* @__PURE__ */ a(
         "div",
         {
-          className: "flex flex-col gap-ds-05 rounded-ds-xl border border-surface-border-strong bg-surface-1 p-ds-05b",
+          className: "flex flex-col gap-ds-05 rounded-ds-xl border border-surface-border-strong bg-surface-2 p-ds-05b",
           children: [
             /* @__PURE__ */ a("div", { className: "flex items-center justify-between", children: [
               /* @__PURE__ */ s(d, { className: e("h-[20px] w-[64px] rounded-ds-full", l) }),
@@ -90,7 +90,7 @@ const f = n.forwardRef(
 f.displayName = "ProjectListSkeleton";
 const h = n.forwardRef(
   function({ className: m, ...o }, i) {
-    return /* @__PURE__ */ a("div", { ref: i, ...o, className: e("flex h-full flex-col gap-0 rounded-ds-xl border border-surface-border-strong bg-surface-1", m), children: [
+    return /* @__PURE__ */ a("div", { ref: i, ...o, className: e("flex h-full flex-col gap-0 rounded-ds-xl border border-surface-border-strong bg-surface-2", m), children: [
       /* @__PURE__ */ a("div", { className: "flex items-center justify-between border-b border-surface-border-strong px-ds-05b py-ds-05", children: [
         /* @__PURE__ */ s(d, { className: e("h-[20px] w-[192px]", l) }),
         /* @__PURE__ */ a("div", { className: "flex items-center gap-ds-03", children: [

package/dist/composed/rich-text-editor.js

@@ -510,7 +510,7 @@ const Ke = o.forwardRef(
         "div",
         {
           className: p(
-            "overflow-hidden rounded-ds-lg border border-surface-border-strong bg-surface-1",
+            "overflow-hidden rounded-ds-lg border border-surface-border-strong bg-surface-2",
             "transition-colors focus-within:border-surface-border-strong"
           ),
           children: [

package/dist/composed/schedule-view.js

@@ -83,7 +83,7 @@ function j({
         {
           type: "button",
           className: x(
-            "block w-full border-b border-surface-border hover:bg-surface-2 transition-colors",
+            "block w-full border-b border-surface-border hover:bg-surface-3 transition-colors",
             n % 2 === 0 ? "border-surface-border-strong" : "border-surface-3"
           ),
           style: { height: `${100 / g}%` },
@@ -151,7 +151,7 @@ const R = $.forwardRef(
         role: "region",
         "aria-label": r === "day" ? `Schedule for ${u(s, "EEEE, MMMM d, yyyy")}` : `Week schedule starting ${u(b[0], "MMMM d, yyyy")}`,
         className: x(
-          "flex rounded-ds-md border border-surface-border-strong bg-surface-1 overflow-hidden",
+          "flex rounded-ds-md border border-surface-border-strong bg-surface-2 overflow-hidden",
           "h-[480px]",
           y
         ),

package/dist/ui/card.js

@@ -10,8 +10,8 @@ const p = f(
   {
     variants: {
       variant: {
-        default: "bg-surface-1 border border-surface-border shadow-01",
-        elevated: "bg-surface-1 border border-surface-border shadow-02",
+        default: "bg-surface-2 border border-surface-border shadow-01",
+        elevated: "bg-surface-2 border border-surface-border shadow-02",
         outline: "bg-transparent border-2 border-surface-border-strong shadow-none",
         flat: "bg-surface-2 border-none shadow-none"
       }

package/dist/ui/stat-card.js

@@ -106,7 +106,7 @@ const V = f.forwardRef(
         {
           ref: k,
           className: p(
-            "rounded-ds-lg border border-surface-border bg-surface-1 shadow-01 p-ds-05b",
+            "rounded-ds-lg border border-surface-border bg-surface-2 shadow-01 p-ds-05b",
             y && `border-l-[3px] ${R[y]}`,
             c
           ),
@@ -217,7 +217,7 @@ const V = f.forwardRef(
         }
       )
     ] }), j = p(
-      "rounded-ds-lg border border-surface-border bg-surface-1 shadow-01 p-ds-05b",
+      "rounded-ds-lg border border-surface-border bg-surface-2 shadow-01 p-ds-05b",
       y && `border-l-[3px] ${R[y]}`,
       M && "cursor-pointer hover:shadow-02 hover:border-surface-border-strong transition-all duration-fast-02 group",
       c

package/llms-full.txt

@@ -5,7 +5,7 @@
 > All variant values and props verified from source CVA definitions.
 >
 > Package: @devalok/shilp-sutra
-> Version: 0.20.0
+> Version: 0.20.1
 
 ---
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@devalok/shilp-sutra",
-  "version": "0.20.0",
+  "version": "0.20.1",
   "description": "Devalok Design System — tokens, components, and patterns for Next.js",
   "license": "MIT",
   "type": "module",