@ac-design/design-system 1.0.1 → 1.0.3

package/dist/lib/compat.css

@@ -61,7 +61,6 @@ code:is([data-ac-ds], [data-ac-ds] *), kbd:is([data-ac-ds], [data-ac-ds] *), sam
     --color-primary-20: hsl(var(--primary-hue) var(--primary-saturation) 20%);
     --color-primary-30: hsl(var(--primary-hue) var(--primary-saturation) 30%);
     --color-primary-40: hsl(var(--primary-hue) var(--primary-saturation) 40%);
-    --color-primary-60: hsl(var(--primary-hue) var(--primary-saturation) 60%);
     --color-primary-70: hsl(var(--primary-hue) var(--primary-saturation) 70%);
     --color-primary-80: hsl(var(--primary-hue) var(--primary-saturation) 80%);
     --color-primary-90: hsl(var(--primary-hue) var(--primary-saturation) 90%);
@@ -1476,6 +1475,12 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
     border-color: var(--color-primary) !important;
     box-shadow: 0 0 0 3px var(--color-ring) !important;
   }
+  .border-\[color-mix\(in_srgb\,var\(--color-primary\)_38\%\,var\(--color-border\)\)\]:where([data-ac-ds], [data-ac-ds] *) {
+    border-color: color-mix(in srgb,hsl(var(--primary-hue) var(--primary-saturation) var(--primary-light)) 38%,#e2e8f0) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in srgb,var(--color-primary) 38%,var(--color-border)) !important;
+    }
+  }
   .border-black\/10:where([data-ac-ds], [data-ac-ds] *) {
     border-color: color-mix(in srgb, hsl(0 0% 0%) 10%, transparent) !important;
     @supports (color: color-mix(in lab, red, red)) {
@@ -1530,9 +1535,6 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
   .border-primary:where([data-ac-ds], [data-ac-ds] *) {
     border-color: var(--color-primary) !important;
   }
-  .border-primary-70:where([data-ac-ds], [data-ac-ds] *) {
-    border-color: var(--color-primary-70) !important;
-  }
   .border-primary-80:where([data-ac-ds], [data-ac-ds] *) {
     border-color: var(--color-primary-80) !important;
   }
@@ -2934,12 +2936,17 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
   }
   @media (hover: hover) {
+    .hover\:border-\[color-mix\(in_srgb\,var\(--color-primary\)_60\%\,var\(--color-border\)\)\]:hover:where([data-ac-ds], [data-ac-ds] *) {
+      border-color: color-mix(in srgb,hsl(var(--primary-hue) var(--primary-saturation) var(--primary-light)) 60%,#e2e8f0) !important;
+    }
+    @supports (color: color-mix(in lab, red, red)) {
+      .hover\:border-\[color-mix\(in_srgb\,var\(--color-primary\)_60\%\,var\(--color-border\)\)\]:hover:where([data-ac-ds], [data-ac-ds] *) {
+        border-color: color-mix(in srgb,var(--color-primary) 60%,var(--color-border)) !important;
+      }
+    }
     .hover\:border-border-dark:hover:where([data-ac-ds], [data-ac-ds] *) {
       border-color: var(--color-border-dark) !important;
     }
-    .hover\:border-primary-60:hover:where([data-ac-ds], [data-ac-ds] *) {
-      border-color: var(--color-primary-60) !important;
-    }
     .hover\:border-slate-60:hover:where([data-ac-ds], [data-ac-ds] *) {
       border-color: var(--color-slate-60) !important;
     }

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

@@ -33,7 +33,7 @@ var f = {
 			primary: {
 				solid: "bg-primary text-white border-black/15 shadow-button hover:bg-primary-hover",
 				light: "bg-primary-95 text-primary-20 border-transparent hover:bg-primary-93",
-				outlined: "bg-surface text-primary-20 border-primary-70 shadow-xs hover:bg-primary-97 hover:border-primary-60"
+				outlined: "bg-surface text-primary-20 border-[color-mix(in_srgb,var(--color-primary)_38%,var(--color-border))] shadow-xs hover:bg-primary-97 hover:border-[color-mix(in_srgb,var(--color-primary)_60%,var(--color-border))]"
 			},
 			info: {
 				solid: "bg-info text-white border-black/15 shadow-button hover:bg-info-hover",

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

@@ -294,12 +294,12 @@ var M = /*@__PURE__*/ p({
 				_: 1
 			}, 8, ["content"])) : q.value === "labels" || q.value === "array" ? (_(), l("span", {
 				key: 6,
-				class: "flex w-max min-w-0 flex-wrap items-center gap-1",
+				class: h(["flex w-max min-w-0 items-center gap-1", L.value ? "flex-wrap" : "flex-nowrap"]),
 				style: g({ maxWidth: p.maxWidth })
 			}, [(_(!0), l(a, null, oe(Ae.value, (e, t) => (_(), s(i, {
 				key: `${e.text}-${t}`,
 				content: e.text.length > 28 && !L.value ? e.text : "",
-				class: h(!L.value && "max-w-48")
+				class: h(!L.value && "max-w-48 min-w-0")
 			}, {
 				default: C(() => [e.key ? (_(), s(r, {
 					key: 0,
@@ -317,7 +317,7 @@ var M = /*@__PURE__*/ p({
 				"aria-expanded": L.value,
 				"aria-label": L.value ? `Show fewer ${Pe.value}` : `Show ${Q.value} more ${Pe.value}`,
 				onClick: f[2] ||= w((e) => L.value = !L.value, ["stop"])
-			}, b(L.value ? "Show less" : `+${Q.value} more`), 9, ge)) : c("", !0)], 4)) : (_(), s(i, {
+			}, b(L.value ? "Show less" : `+${Q.value} more`), 9, ge)) : c("", !0)], 6)) : (_(), s(i, {
 				key: 7,
 				content: ke.value,
 				class: "min-w-0"

package/package.json

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