@kungal/ui-tokens 1.9.0 → 1.9.2

package/CHANGELOG.md

@@ -1,5 +1,35 @@
 # @kungal/ui-tokens
 
+## 1.9.2
+
+### Patch Changes
+
+- b673935: fix(tokens,vue): softer neutral hairline + bordered cards by default
+
+  - KunCard shows a faint hairline border by default again (it was borderless during
+    the filled-surface work) — with the lighter page and softer shadows, a hairline
+    delineates the card better than shadow alone.
+  - The shared neutral border token (`--color-kun-border` / the `border-kun` utility)
+    drops from `default-200` to `default-100` — a lighter hairline that delineates a
+    surface without framing it. Every consumer softens at once: inputs, textarea,
+    select & other controls, accordion, tabs, dividers, drawer rules, etc. Error
+    borders (danger) and focus rings are unaffected.
+
+## 1.9.1
+
+### Patch Changes
+
+- 7a2c64d: fix(vue,tokens): bordered inputs, softer shadows, lighter page background
+
+  - Form controls (Input, Textarea, Select, NumberInput, Autocomplete, DatePicker,
+    TagInput flat, PinInput, Pagination jump field, Select's inline search) get a
+    card-like neutral border back on top of the filled surface — the borderless
+    fill was too hard to spot on a card. Error state recolours the border to danger
+    instead of a persistent ring. (= the shadcn "border + fill + subtle shadow" input.)
+  - Elevation scale softened ~30% across all three tiers (sm/md/lg) — lighter, tighter
+    shadows on cards, inputs, dropdowns, modals.
+  - Light page background nudged brighter (#f2f2f5 → #f4f4f7). Dark unchanged.
+
 ## 1.9.0
 
 ## 1.8.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kungal/ui-tokens",
-  "version": "1.9.0",
+  "version": "1.9.2",
   "description": "KunUI design tokens — framework-agnostic Tailwind v4 theme (semantic colors, radius, z-index, animations).",
   "type": "module",
   "keywords": [

package/src/base.css

@@ -19,7 +19,7 @@
   ::file-selector-button {
     /* Global default border color = the canonical neutral border token, so a
      * bare `border` (no explicit color) matches `border-kun` everywhere. */
-    border-color: var(--color-kun-border, var(--color-default-200, currentColor));
+    border-color: var(--color-kun-border, var(--color-default-100, currentColor));
     color: var(--color-foreground);
   }
 

package/src/palette.generated.css

@@ -117,7 +117,7 @@
 
 @layer base {
   :root {
-    --background: 0.962 0.004 286.32;
+    --background: 0.968 0.004 286.33;
     --foreground: 0.2057 0.0132 233.66;
     --content1: 1 0 0;
     --content2: 0.9683 0.0014 286.37;

package/src/tokens.css

@@ -106,11 +106,11 @@
    *   sm → tooltips / small hints
    *   md → popovers, dropdowns, menus, select & date lists, toasts
    *   lg → modals, drawers (the highest surfaces) */
-  --shadow-kun-sm: 0 2px 8px -2px rgb(0 0 0 / 0.12);
+  --shadow-kun-sm: 0 1px 5px -2px rgb(0 0 0 / 0.08);
   --shadow-kun-md:
-    0 4px 12px -4px rgb(0 0 0 / 0.1), 0 8px 24px -6px rgb(0 0 0 / 0.14);
+    0 3px 10px -4px rgb(0 0 0 / 0.07), 0 6px 18px -6px rgb(0 0 0 / 0.1);
   --shadow-kun-lg:
-    0 8px 24px -8px rgb(0 0 0 / 0.14), 0 16px 48px -12px rgb(0 0 0 / 0.22);
+    0 6px 18px -8px rgb(0 0 0 / 0.11), 0 12px 36px -12px rgb(0 0 0 / 0.16);
 
   /* Animations */
   --animate-shake: shake 1s ease-in-out;
@@ -303,8 +303,9 @@
 
 /* Canonical neutral border — the SINGLE source of truth for every structural
  * hairline (inputs, cards, dividers, popovers, tabs, tables…). Defaults to the
- * `default-200` step, which already flips light↔dark (light ≈ L90% zinc-200,
- * dark ≈ L26% zinc-700), so one utility stays consistent across modes AND
+ * `default-100` step — a very light hairline that just delineates a surface
+ * without framing it — which already flips light↔dark, so one utility stays
+ * consistent across modes AND
  * components — no more per-component `border-default/20` + `dark:border-…`
  * juggling that only coincidentally matched. Retheme every border at once by
  * overriding `--color-kun-border` (set it in `.kun-dark-mode` too if you give
@@ -316,10 +317,10 @@
  * / `focus:border-*` still win (apply `border-kun` only in the non-error branch
  * so two plain border-color utilities never fight over source order). */
 :root {
-  --color-kun-border: oklch(var(--default-200));
+  --color-kun-border: oklch(var(--default-100));
 }
 @utility border-kun {
-  border-color: var(--color-kun-border, oklch(var(--default-200)));
+  border-color: var(--color-kun-border, oklch(var(--default-100)));
 }
 
 /* Duration utilities bound to the motion scale, so component transitions route