@kungal/ui-vue 1.9.0 → 1.9.2

package/CHANGELOG.md

@@ -1,5 +1,37 @@
 # @kungal/ui-vue
 
+## 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.
+  - @kungal/ui-core@1.9.2
+
+## 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.
+  - @kungal/ui-core@1.9.1
+
 ## 1.9.0
 
 ### Minor Changes

package/dist/components/DatePicker.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.vue.d.ts","sourceRoot":"","sources":["../../src/components/DatePicker.vue"],"names":[],"mappings":"AAgWA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAotBjD,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;6EAIhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"DatePicker.vue.d.ts","sourceRoot":"","sources":["../../src/components/DatePicker.vue"],"names":[],"mappings":"AAkWA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAstBjD,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;6EAIhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/index.js

@@ -698,7 +698,7 @@ var tt = Symbol("kun-accordion"), nt = /* @__PURE__ */ p({
 				placeholder: e.placeholder,
 				disabled: e.disabled,
 				autocomplete: "off",
-				class: P(q)("block w-full bg-content1 shadow-kun-sm transition-[color,box-shadow]", g.value, P(ce)[e.size], e.clearable && p.value ? "pr-9" : "", C.value ? P(q)("ring-2 ring-danger/60", P(Y).danger) : P(Y)[e.color], e.disabled && "cursor-not-allowed opacity-60"),
+				class: P(q)("block w-full bg-content1 shadow-kun-sm border transition-[color,box-shadow]", g.value, P(ce)[e.size], e.clearable && p.value ? "pr-9" : "", C.value ? P(q)("border-danger-300", P(Y).danger) : P(q)("border-kun", P(Y)[e.color]), e.disabled && "cursor-not-allowed opacity-60"),
 				onInput: te,
 				onFocus: W,
 				onKeydown: ne,
@@ -1112,7 +1112,7 @@ var tt = Symbol("kun-accordion"), nt = /* @__PURE__ */ p({
 		},
 		bordered: {
 			type: Boolean,
-			default: !1
+			default: !0
 		},
 		padding: { default: "lg" },
 		className: { default: "" },
@@ -2421,7 +2421,7 @@ var tt = Symbol("kun-accordion"), nt = /* @__PURE__ */ p({
 			u("div", ai, [u("button", {
 				type: "button",
 				disabled: e.disabled,
-				class: y(P(q)("flex w-full cursor-pointer items-center justify-between text-left transition-[color,box-shadow]", P(ce)[a.size], m.value, P(Y)[e.color], "bg-content1 shadow-kun-sm", e.disabled && "cursor-not-allowed opacity-60")),
+				class: y(P(q)("flex w-full cursor-pointer items-center justify-between text-left transition-[color,box-shadow]", P(ce)[a.size], m.value, "bg-content1 shadow-kun-sm border", e.error ? P(q)("border-danger-300", P(Y).danger) : P(q)("border-kun", P(Y)[e.color]), e.disabled && "cursor-not-allowed opacity-60")),
 				onClick: le
 			}, [u("span", { class: y(["block truncate", { "text-default-400": !se.value }]) }, j(se.value || e.placeholder), 3), u("div", si, [e.clearable && se.value ? (w(), l("button", {
 				key: 0,
@@ -3392,7 +3392,7 @@ var tt = Symbol("kun-accordion"), nt = /* @__PURE__ */ p({
 					required: e.required,
 					"aria-invalid": s.value || void 0,
 					"aria-describedby": a.value || e.error ? `${P(F)}-desc` : void 0,
-					class: P(q)("block w-full bg-content1 shadow-kun-sm transition-[color,box-shadow] duration-kun-fast ease-kun-standard", E.value, I.value, t.$slots.prefix && "pl-10", C.value, e.disabled && "cursor-not-allowed opacity-60", s.value ? P(q)("ring-2 ring-danger/60", P(Y).danger) : P(Y)[e.color], e.className),
+					class: P(q)("block w-full bg-content1 shadow-kun-sm border transition-[color,box-shadow] duration-kun-fast ease-kun-standard", E.value, I.value, t.$slots.prefix && "pl-10", C.value, e.disabled && "cursor-not-allowed opacity-60", s.value ? P(q)("border-danger-300", P(Y).danger) : P(q)("border-kun", P(Y)[e.color]), e.className),
 					onInput: z,
 					onBlur: B,
 					onFocus: V
@@ -4083,7 +4083,7 @@ var tt = Symbol("kun-accordion"), nt = /* @__PURE__ */ p({
 				for: P(m),
 				class: "text-default-700 mb-1 block text-sm font-medium"
 			}, [d(j(e.label) + " ", 1), e.required ? (w(), l("span", oo, "*")) : c("", !0)], 8, ao)) : c("", !0),
-			u("div", { class: y(P(q)("bg-content1 shadow-kun-sm flex w-full items-stretch overflow-hidden transition-[color,box-shadow]", p.value, v.value.text, h.value ? P(q)("ring-2 ring-danger/60", P(ue).danger) : P(ue)[e.color], e.disabled && "cursor-not-allowed opacity-60")) }, [
+			u("div", { class: y(P(q)("bg-content1 shadow-kun-sm border flex w-full items-stretch overflow-hidden transition-[color,box-shadow]", p.value, v.value.text, h.value ? P(q)("border-danger-300", P(ue).danger) : P(q)("border-kun", P(ue)[e.color]), e.disabled && "cursor-not-allowed opacity-60")) }, [
 				e.controls ? (w(), l("button", {
 					key: 0,
 					type: "button",
@@ -4273,7 +4273,7 @@ var tt = Symbol("kun-accordion"), nt = /* @__PURE__ */ p({
 				disabled: e.isLoading,
 				min: "1",
 				max: e.totalPage,
-				class: y(P(q)(P(q)("bg-content1 shadow-kun-sm w-24 rounded-kun-md px-2 py-1 text-sm transition-[color,box-shadow]", P(Y).default), e.isLoading && "cursor-not-allowed opacity-50")),
+				class: y(P(q)(P(q)("bg-content1 shadow-kun-sm border-kun w-24 rounded-kun-md border px-2 py-1 text-sm transition-[color,box-shadow]", P(Y).default), e.isLoading && "cursor-not-allowed opacity-50")),
 				onKeyup: G(h, ["enter"])
 			}, null, 42, Co), [[z, a.value]]),
 			f($, {
@@ -4386,7 +4386,7 @@ var tt = Symbol("kun-accordion"), nt = /* @__PURE__ */ p({
 			placeholder: e.placeholder,
 			"aria-label": `${e.ariaLabel} 第 ${n + 1} 位`,
 			"aria-invalid": e.isInvalid || void 0,
-			class: y(P(q)("bg-content1 shadow-kun-sm text-foreground text-center font-medium tabular-nums transition-[color,box-shadow] outline-none", u.value, p[e.size], e.isInvalid ? P(q)("ring-2 ring-danger/60", P(Y).danger) : P(Y)[e.color], e.disabled && "cursor-not-allowed opacity-60")),
+			class: y(P(q)("bg-content1 shadow-kun-sm border text-foreground text-center font-medium tabular-nums transition-[color,box-shadow] outline-none", u.value, p[e.size], e.isInvalid ? P(q)("border-danger-300", P(Y).danger) : P(q)("border-kun", P(Y)[e.color]), e.disabled && "cursor-not-allowed opacity-60")),
 			onInput: (e) => x(n, e),
 			onKeydown: (e) => C(n, e),
 			onPaste: (e) => T(n, e),
@@ -5006,7 +5006,7 @@ var tt = Symbol("kun-accordion"), nt = /* @__PURE__ */ p({
 				"aria-controls": _.value,
 				"aria-activedescendant": x.value ? ee.value : void 0,
 				"aria-disabled": e.disabled || void 0,
-				class: y(P(q)("flex w-full cursor-pointer items-center justify-between gap-2 text-left transition-[color,box-shadow]", P(ce)[a.size], p.value, "bg-content1 shadow-kun-sm", e.error ? P(q)("ring-2 ring-danger/60", P(Y).danger) : P(Y)[e.color], e.disabled && "cursor-not-allowed opacity-60")),
+				class: y(P(q)("flex w-full cursor-pointer items-center justify-between gap-2 text-left transition-[color,box-shadow]", P(ce)[a.size], p.value, "bg-content1 shadow-kun-sm border", e.error ? P(q)("border-danger-300", P(Y).danger) : P(q)("border-kun", P(Y)[e.color]), e.disabled && "cursor-not-allowed opacity-60")),
 				onClick: re,
 				onKeydown: he
 			}, [
@@ -5078,7 +5078,7 @@ var tt = Symbol("kun-accordion"), nt = /* @__PURE__ */ p({
 					"aria-controls": _.value,
 					"aria-expanded": x.value,
 					"aria-activedescendant": ee.value,
-					class: y(P(q)("bg-content1 shadow-kun-sm w-full rounded-kun-sm px-2.5 py-1.5 text-sm", P(Y)[e.color])),
+					class: y(P(q)("bg-content1 shadow-kun-sm border-kun w-full rounded-kun-sm border px-2.5 py-1.5 text-sm", P(Y)[e.color])),
 					onKeydown: he
 				}, null, 42, ls), [[z, S.value]])])) : c("", !0), u("ul", {
 					ref_key: "listRef",
@@ -6097,7 +6097,7 @@ var tt = Symbol("kun-accordion"), nt = /* @__PURE__ */ p({
 			md: "text-sm",
 			lg: "text-base",
 			xl: "text-lg"
-		}, te = o(() => q("flex flex-wrap items-center transition-shadow", a.value, G[r.size], ee[r.size], J[r.size], "border border-transparent", r.variant === "bordered" && !r.error && "border-kun", r.variant === "flat" && "bg-content1 shadow-kun-sm", r.error ? ue.danger : ue[r.color], r.error && "border-danger", r.disabled && "opacity-50 cursor-not-allowed bg-default-100", r.readonly && "cursor-default", r.className)), ne = o(() => q("inline-flex items-center gap-1 rounded-full font-medium whitespace-nowrap select-none", _e("flat", r.color), se[r.size], Y[r.color])), re = o(() => d.value.length >= r.maxTags);
+		}, te = o(() => q("flex flex-wrap items-center transition-shadow", a.value, G[r.size], ee[r.size], J[r.size], "border border-transparent", !r.error && "border-kun", r.variant === "flat" && "bg-content1 shadow-kun-sm", r.error ? ue.danger : ue[r.color], r.error && "border-danger", r.disabled && "opacity-50 cursor-not-allowed bg-default-100", r.readonly && "cursor-default", r.className)), ne = o(() => q("inline-flex items-center gap-1 rounded-full font-medium whitespace-nowrap select-none", _e("flat", r.color), se[r.size], Y[r.color])), re = o(() => d.value.length >= r.maxTags);
 		return (n, r) => (w(), l("div", qs, [
 			e.label ? (w(), l("label", {
 				key: 0,
@@ -6306,7 +6306,7 @@ var tt = Symbol("kun-accordion"), nt = /* @__PURE__ */ p({
 				minlength: e.minlength,
 				rows: e.rows,
 				autofocus: e.autofocus,
-				class: y(P(q)("scrollbar-hide w-full bg-content1 shadow-kun-sm transition-[color,box-shadow] duration-kun-fast ease-kun-standard", P(ce)[r.size], a.value, e.error ? P(q)("ring-2 ring-danger/60", P(Y).danger) : P(Y)[e.color], e.disabled ? "text-default-500 cursor-not-allowed opacity-60 shadow-none" : "", e.resize === "none" ? "resize-none" : e.resize === "vertical" ? "resize-y" : e.resize === "horizontal" ? "resize-x" : "resize")),
+				class: y(P(q)("scrollbar-hide w-full bg-content1 shadow-kun-sm border transition-[color,box-shadow] duration-kun-fast ease-kun-standard", P(ce)[r.size], a.value, e.error ? P(q)("border-danger-300", P(Y).danger) : P(q)("border-kun", P(Y)[e.color]), e.disabled ? "text-default-500 cursor-not-allowed opacity-60 shadow-none" : "", e.resize === "none" ? "resize-none" : e.resize === "vertical" ? "resize-y" : e.resize === "horizontal" ? "resize-x" : "resize")),
 				onInput: g,
 				onBlur: n[1] ||= (e) => h("blur", e),
 				onFocus: n[2] ||= (e) => h("focus", e)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kungal/ui-vue",
-  "version": "1.9.0",
+  "version": "1.9.2",
   "description": "KunUI Vue 3 component layer — Nuxt-decoupled. Works in any Vue app; pairs with @kungal/ui-nuxt for Nuxt sugar.",
   "type": "module",
   "keywords": [
@@ -50,7 +50,7 @@
     "date-fns": "^4.1.0",
     "focus-trap": "^8.2.1",
     "vue-advanced-cropper": "^2.8.9",
-    "@kungal/ui-core": "1.9.0"
+    "@kungal/ui-core": "1.9.2"
   },
   "peerDependencies": {
     "vue": "^3.5.0"
@@ -62,7 +62,7 @@
     "vite": "^8.0.16",
     "vue": "^3.5.35",
     "vue-tsc": "^3.3.3",
-    "@kungal/ui-tokens": "1.9.0"
+    "@kungal/ui-tokens": "1.9.2"
   },
   "scripts": {
     "build": "vite build && cp src/prose.css dist/prose.css && vue-tsc -p tsconfig.build.json",