@devalok/shilp-sutra 0.23.0 → 0.23.2

package/dist/composed/avatar-group.d.ts

@@ -14,8 +14,8 @@ export interface AvatarGroupProps extends React.HTMLAttributes<HTMLDivElement>,
     users: AvatarUser[];
     max?: number;
     showTooltip?: boolean;
-    /** Border color for the group avatars. @default 'surface-2' */
-    borderColor?: 'surface-1' | 'surface-2';
+    /** Border color for the group avatars. @default 'surface-raised' */
+    borderColor?: 'surface-base' | 'surface-raised';
     /** Callback when the "+N" overflow badge is clicked */
     onOverflowClick?: () => void;
     /** Custom render function for each avatar */

package/dist/composed/avatar-group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"avatar-group.d.ts","sourceRoot":"","sources":["../../src/composed/avatar-group.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAOjE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAgB9C,QAAA,MAAM,kBAAkB;;8EAgBvB,CAAA;AAED,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,IAAI,CAAC,EAAE,UAAU,CAAA;CAClB;AAED,MAAM,WAAW,gBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,YAAY,CAAC,OAAO,kBAAkB,CAAC;IACzC,KAAK,EAAE,UAAU,EAAE,CAAA;IACnB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,+DAA+D;IAC/D,WAAW,CAAC,EAAE,WAAW,GAAG,WAAW,CAAA;IACvC,uDAAuD;IACvD,eAAe,CAAC,EAAE,MAAM,IAAI,CAAA;IAC5B,6CAA6C;IAC7C,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAA;IACnE,0DAA0D;IAC1D,eAAe,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAClC,iEAAiE;IACjE,YAAY,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,MAAM,CAAA;CAC9C;AAED,QAAA,MAAM,WAAW,yFAmLhB,CAAA;AAGD,OAAO,EAAE,WAAW,EAAE,CAAA"}
+{"version":3,"file":"avatar-group.d.ts","sourceRoot":"","sources":["../../src/composed/avatar-group.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAOjE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAgB9C,QAAA,MAAM,kBAAkB;;8EAgBvB,CAAA;AAED,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,IAAI,CAAC,EAAE,UAAU,CAAA;CAClB;AAED,MAAM,WAAW,gBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,YAAY,CAAC,OAAO,kBAAkB,CAAC;IACzC,KAAK,EAAE,UAAU,EAAE,CAAA;IACnB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,oEAAoE;IACpE,WAAW,CAAC,EAAE,cAAc,GAAG,gBAAgB,CAAA;IAC/C,uDAAuD;IACvD,eAAe,CAAC,EAAE,MAAM,IAAI,CAAA;IAC5B,6CAA6C;IAC7C,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAA;IACnE,0DAA0D;IAC1D,eAAe,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAClC,iEAAiE;IACjE,YAAY,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,MAAM,CAAA;CAC9C;AAED,QAAA,MAAM,WAAW,yFAqLhB,CAAA;AAGD,OAAO,EAAE,WAAW,EAAE,CAAA"}

package/dist/composed/avatar-group.js

@@ -32,7 +32,7 @@ const w = {
     max: m = 4,
     size: n,
     showTooltip: M = !0,
-    borderColor: T = "surface-2",
+    borderColor: T = "surface-raised",
     onOverflowClick: p,
     renderAvatar: h,
     expandDirection: z = "right",
@@ -46,7 +46,7 @@ const w = {
       md: "-ml-ds-03",
       lg: "-ml-ds-04",
       xl: "-ml-ds-05"
-    }[n ?? "md"], g = T === "surface-1" ? "border-surface-base" : "border-surface-raised", [A, d] = v.useState(!1), P = {
+    }[n ?? "md"], g = T === "surface-base" ? "border-surface-base" : "border-surface-raised", [A, d] = v.useState(!1), P = {
       xs: 8,
       sm: 10,
       md: 12,

package/dist/tailwind/index.cjs

@@ -188,11 +188,6 @@ const o = {
         "surface-inverted-fg": "var(--color-surface-inverted-fg)",
         "surface-disabled": "var(--color-surface-disabled)",
         "surface-fg-disabled": "var(--color-surface-fg-disabled)",
-        // Deprecated — remove in next major
-        "surface-1": "var(--color-surface-base)",
-        "surface-2": "var(--color-surface-raised)",
-        "surface-3": "var(--color-surface-raised-hover)",
-        "surface-4": "var(--color-surface-raised-active)",
         "surface-fg": "var(--color-surface-fg)",
         "surface-fg-muted": "var(--color-surface-fg-muted)",
         "surface-fg-subtle": "var(--color-surface-fg-subtle)",
@@ -331,13 +326,7 @@ const o = {
         glow: "var(--shadow-glow)",
         inset: "var(--shadow-inset)",
         "ring-sm": "var(--shadow-ring-sm)",
-        ring: "var(--shadow-ring)",
-        // Deprecated — remove in next major
-        "01": "var(--shadow-raised)",
-        "02": "var(--shadow-raised-hover)",
-        "03": "var(--shadow-floating)",
-        "04": "var(--shadow-overlay)",
-        "05": "var(--shadow-overlay)"
+        ring: "var(--shadow-ring)"
       },
       transitionDuration: {
         instant: "var(--duration-instant)",

package/dist/tailwind/preset.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"preset.d.ts","sourceRoot":"","sources":["../../src/tailwind/preset.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AAGzC,QAAA,MAAM,MAAM,EAAE,OAAO,CAAC,MAAM,CAuZ3B,CAAA;AAED,eAAe,MAAM,CAAA"}
+{"version":3,"file":"preset.d.ts","sourceRoot":"","sources":["../../src/tailwind/preset.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AAGzC,QAAA,MAAM,MAAM,EAAE,OAAO,CAAC,MAAM,CA4Y3B,CAAA;AAED,eAAe,MAAM,CAAA"}

package/dist/tailwind/preset.js

@@ -188,11 +188,6 @@ const o = {
         "surface-inverted-fg": "var(--color-surface-inverted-fg)",
         "surface-disabled": "var(--color-surface-disabled)",
         "surface-fg-disabled": "var(--color-surface-fg-disabled)",
-        // Deprecated — remove in next major
-        "surface-1": "var(--color-surface-base)",
-        "surface-2": "var(--color-surface-raised)",
-        "surface-3": "var(--color-surface-raised-hover)",
-        "surface-4": "var(--color-surface-raised-active)",
         "surface-fg": "var(--color-surface-fg)",
         "surface-fg-muted": "var(--color-surface-fg-muted)",
         "surface-fg-subtle": "var(--color-surface-fg-subtle)",
@@ -331,13 +326,7 @@ const o = {
         glow: "var(--shadow-glow)",
         inset: "var(--shadow-inset)",
         "ring-sm": "var(--shadow-ring-sm)",
-        ring: "var(--shadow-ring)",
-        // Deprecated — remove in next major
-        "01": "var(--shadow-raised)",
-        "02": "var(--shadow-raised-hover)",
-        "03": "var(--shadow-floating)",
-        "04": "var(--shadow-overlay)",
-        "05": "var(--shadow-overlay)"
+        ring: "var(--shadow-ring)"
       },
       transitionDuration: {
         instant: "var(--duration-instant)",

package/dist/tokens/semantic.css

@@ -109,12 +109,6 @@
   --color-surface-disabled: var(--neutral-2);
   --color-surface-fg-disabled: var(--neutral-8);
 
-  /* Deprecated — remove in next major */
-  --color-surface-1: var(--color-surface-base);
-  --color-surface-2: var(--color-surface-raised);
-  --color-surface-3: var(--color-surface-raised-hover);
-  --color-surface-4: var(--color-surface-raised-active);
-
   --color-surface-fg: var(--neutral-12);
   --color-surface-fg-muted: var(--neutral-11);
   --color-surface-fg-subtle: var(--neutral-8);
@@ -307,7 +301,6 @@
     0 8px 16px -4px oklch(var(--shadow-color) / calc(0.04 * var(--shadow-strength))),
     0 18px 34px -8px oklch(var(--shadow-color) / calc(0.03 * var(--shadow-strength))),
     0 40px 64px -16px oklch(var(--shadow-color) / calc(0.025 * var(--shadow-strength)));
-  --shadow-05: 0 4px 8px oklch(0 0 0 / 0.10), 0 16px 32px oklch(0 0 0 / 0.16), 0 32px 64px oklch(0 0 0 / 0.14);
 
   /* Semantic elevation shadows (public API) */
   --shadow-raised: var(--shadow-xs);
@@ -322,12 +315,6 @@
   --shadow-ring-sm: 0 0 0 1px var(--color-surface-border);
   --shadow-ring: 0 0 0 2px oklch(0.55 0.19 360 / 0.30);
 
-  /* Deprecated shadow aliases */
-  --shadow-01: var(--shadow-raised);
-  --shadow-02: var(--shadow-raised-hover);
-  --shadow-03: var(--shadow-floating);
-  --shadow-04: var(--shadow-overlay);
-
   /* ═══════════════════════════════════════════════════════════
      SIZES
      ═══════════════════════════════════════════════════════════ */
@@ -443,7 +430,6 @@
 
   /* Shadows (heavier in dark mode) */
   --shadow-strength: 2.5;
-  --shadow-05: 0 4px 8px oklch(0 0 0 / 0.25), 0 16px 32px oklch(0 0 0 / 0.40), 0 32px 64px oklch(0 0 0 / 0.35);
   --shadow-brand: 0 2px 8px oklch(0.55 0.19 360 / 0.30), 0 6px 20px oklch(0.55 0.19 360 / 0.20);
   --shadow-glow: 0 0 0 1.5px oklch(0.55 0.19 360 / 0.35), 0 0 10px oklch(0.55 0.19 360 / 0.20);
   --shadow-ring: 0 0 0 2px oklch(0.55 0.19 360 / 0.45);

package/dist/ui/segmented-control.js

@@ -172,7 +172,7 @@ const U = D.forwardRef(
         ref: y,
         className: w(
           "inline-flex gap-0 p-0 rounded-ds-full",
-          "bg-surface-raised",
+          "bg-surface-raised shadow-inset",
           "border border-solid border-surface-border-strong",
           t
         ),

package/dist/ui/sidebar.js

@@ -98,7 +98,7 @@ const te = i(
       "div",
       {
         className: r(
-          "flex h-full w-[--sidebar-width] flex-col bg-surface-raised text-surface-fg",
+          "flex h-full w-[--sidebar-width] flex-col bg-surface-sunken text-surface-fg",
           d
         ),
         ref: u,
@@ -152,7 +152,7 @@ const te = i(
                 "div",
                 {
                   "data-sidebar": "sidebar",
-                  className: "flex h-full w-full flex-col bg-surface-raised group-data-[variant=floating]:rounded-ds-lg group-data-[variant=floating]:border group-data-[variant=floating]:border-surface-border group-data-[variant=floating]:shadow",
+                  className: "flex h-full w-full flex-col bg-surface-sunken group-data-[variant=floating]:rounded-ds-lg group-data-[variant=floating]:border group-data-[variant=floating]:border-surface-border group-data-[variant=floating]:shadow",
                   children: o
                 }
               )
@@ -234,7 +234,7 @@ const de = i(({ className: a, ...e }, t) => /* @__PURE__ */ s(
     ref: t,
     "data-sidebar": "input",
     className: r(
-      "h-ds-sm w-full bg-surface-raised shadow-none focus-visible:ring-2 focus-visible:ring-accent-9",
+      "h-ds-sm w-full bg-surface-sunken shadow-none focus-visible:ring-2 focus-visible:ring-accent-9",
       a
     ),
     ...e

package/llms-full.txt

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

package/llms.txt

@@ -42,7 +42,7 @@ Same pattern for `border-surface-*`, `text-surface-*`, `ring-surface-*`.
 
 **Hard rule: never combine explicit border + shadow.** Shadows include a 1px ring layer. Adding a CSS border creates a 2px edge. Use shadow OR border, never both.
 
-**Backward compat:** Old CSS variable names (`--color-surface-1`, `--shadow-01`) preserved as aliases. Old Tailwind classes still resolve. Will be removed in a future major version.
+**Breaking:** Old numeric aliases (`--color-surface-1..4`, `--shadow-01..05`, Tailwind `bg-surface-1..4`, `shadow-01..05`) have been removed. Use the semantic names listed above.
 
 **Component Decision Matrix:**
 | Building... | Surface | Shadow |
@@ -138,7 +138,7 @@ Same pattern for `border-surface-*`, `text-surface-*`, `ring-surface-*`.
 - Step purposes: 1=app-bg, 2=subtle-bg, 3=component-bg, 4=hover, 5=active, 6=border-subtle, 7=border, 8=border-strong, 9=solid/accent, 10=solid-hover, 11=lo-contrast-text, 12=hi-contrast-text
 - New semantic tokens: --color-accent-{1-12}, --color-secondary-{1-12}, --color-surface-{base,raised,raised-hover,raised-active,sunken,overlay,inverted,disabled}, --color-surface-fg/fg-muted/fg-subtle/border/border-subtle
 - Status tokens: --color-error-{3,7,9,11,fg}, --color-success-{3,7,9,11,fg}, --color-warning-{3,7,9,11,fg}, --color-info-{3,7,9,11,fg}
-- New Tailwind utilities: accent-1..12, secondary-1..12, surface-base/raised/sunken/overlay/inverted/disabled (+ legacy surface-1..4 aliases), status/category step utilities
+- New Tailwind utilities: accent-1..12, secondary-1..12, surface-base/raised/sunken/overlay/inverted/disabled, status/category step utilities
 - Backward compat: ALL old semantic token names preserved as aliases. --color-interactive still works → maps to --color-accent-9
 - Consumer rebranding: override --color-accent-1..12 CSS vars OR use generateScale() utility with a seed color
 - Dark mode: algorithmically derived (OKLCH curves), NOT hex overrides. Surfaces lighten with elevation.