@ac-design/design-system 2.6.0 → 2.6.1

package/dist/lib/compat.css

@@ -1242,6 +1242,9 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
   .max-w-48:where([data-ac-ds], [data-ac-ds] *) {
     max-width: calc(var(--spacing) * 48) !important;
   }
+  .max-w-60:where([data-ac-ds], [data-ac-ds] *) {
+    max-width: calc(var(--spacing) * 60) !important;
+  }
   .max-w-64:where([data-ac-ds], [data-ac-ds] *) {
     max-width: calc(var(--spacing) * 64) !important;
   }
@@ -1365,6 +1368,9 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
   .basis-\[80px\]:where([data-ac-ds], [data-ac-ds] *) {
     flex-basis: 80px !important;
   }
+  .basis-\[220px\]:where([data-ac-ds], [data-ac-ds] *) {
+    flex-basis: 220px !important;
+  }
   .basis-\[240px\]:where([data-ac-ds], [data-ac-ds] *) {
     flex-basis: 240px !important;
   }

package/dist/lib/components/AcCard.vue_vue_type_script_setup_true_lang.js

@@ -12,7 +12,7 @@ var g = {
 	class: "mt-0.5 text-xs leading-4 text-muted"
 }, b = {
 	key: 1,
-	class: "flex shrink-0 flex-wrap items-center gap-2"
+	class: "flex max-w-full min-w-0 shrink-0 flex-wrap items-center gap-2"
 }, x = /*@__PURE__*/ c({
 	__name: "AcCard",
 	props: {
@@ -203,7 +203,7 @@ var g = {
 						key: 1,
 						class: l(["absolute -top-4 -right-4 [&_svg]:size-24!", M.value.watermark])
 					}, [d(e.$slots, "icon")], 2))])) : i("", !0),
-					o("div", { class: l(["flex min-w-0 flex-1 items-center", A.value ? "gap-2.5" : "gap-3"]) }, [c.icon || e.$slots.icon ? (u(), a("span", {
+					o("div", { class: l(["flex min-w-0 flex-1 basis-[220px] items-center", A.value ? "gap-2.5" : "gap-3"]) }, [c.icon || e.$slots.icon ? (u(), a("span", {
 						key: 0,
 						class: l(["flex shrink-0 items-center justify-center", [
 							M.value.tile,

package/dist/lib/components/AcCellValue.vue_vue_type_script_setup_true_lang.js

@@ -338,12 +338,12 @@ var A = /*@__PURE__*/ f({
 				_: 1
 			}, 8, ["content"])) : G.value === "labels" || G.value === "array" ? (h(), l("span", {
 				key: 6,
-				class: m(["flex w-max min-w-0 items-center gap-2", M.value ? "flex-wrap" : "flex-nowrap"]),
+				class: "flex max-w-full min-w-0 flex-wrap items-center gap-1.5",
 				style: ae({ maxWidth: f.maxWidth })
 			}, [(h(!0), l(a, null, ce(Ve.value, (t, n) => (h(), s(e, {
 				key: `${t.text}-${n}`,
 				content: t.text.length > 28 && !M.value ? t.text : "",
-				class: m(!M.value && "max-w-48 min-w-0")
+				class: m(["max-w-full min-w-0", !M.value && "max-w-60"])
 			}, {
 				default: x(() => [u("span", be, [G.value === "labels" ? (h(), s(y(pe), {
 					key: 0,
@@ -358,7 +358,7 @@ var A = /*@__PURE__*/ f({
 				"aria-expanded": M.value,
 				"aria-label": M.value ? `Show fewer ${Ge.value}` : `Show ${X.value} more ${Ge.value}`,
 				onClick: o[2] ||= S((e) => M.value = !M.value, ["stop"])
-			}, v(M.value ? "Show less" : `+${X.value} more`), 9, Se)) : c("", !0)], 6)) : (h(), s(e, {
+			}, v(M.value ? "Show less" : `+${X.value} more`), 9, Se)) : c("", !0)], 4)) : (h(), s(e, {
 				key: 7,
 				content: ze.value,
 				class: "min-w-0"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ac-design/design-system",
-  "version": "2.6.0",
+  "version": "2.6.1",
   "description": "AppsCode design system: Tailwind CSS v4 theme and Vue 3 components.",
   "repository": {
     "type": "git",