@ac-design/design-system 2.4.4 → 2.4.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/lib/compat.css
CHANGED
|
@@ -2084,9 +2084,6 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
|
|
|
2084
2084
|
border-color: color-mix(in oklab, var(--color-primary) 40%, transparent) !important;
|
|
2085
2085
|
}
|
|
2086
2086
|
}
|
|
2087
|
-
.border-slate-70:where([data-ac-ds], [data-ac-ds] *) {
|
|
2088
|
-
border-color: var(--color-slate-70) !important;
|
|
2089
|
-
}
|
|
2090
2087
|
.border-success\/25:where([data-ac-ds], [data-ac-ds] *) {
|
|
2091
2088
|
border-color: color-mix(in srgb, #00a651 25%, transparent) !important;
|
|
2092
2089
|
@supports (color: color-mix(in lab, red, red)) {
|
|
@@ -2132,9 +2129,6 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
|
|
|
2132
2129
|
border-color: color-mix(in oklab, var(--color-warning) 45%, transparent) !important;
|
|
2133
2130
|
}
|
|
2134
2131
|
}
|
|
2135
|
-
.border-white:where([data-ac-ds], [data-ac-ds] *) {
|
|
2136
|
-
border-color: var(--color-white) !important;
|
|
2137
|
-
}
|
|
2138
2132
|
.border-white\/10:where([data-ac-ds], [data-ac-ds] *) {
|
|
2139
2133
|
border-color: color-mix(in srgb, hsl(0 0% 100%) 10%, transparent) !important;
|
|
2140
2134
|
@supports (color: color-mix(in lab, red, red)) {
|
|
@@ -2456,8 +2450,8 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
|
|
|
2456
2450
|
background-color: color-mix(in oklab, var(--color-slate-20) 10%, transparent) !important;
|
|
2457
2451
|
}
|
|
2458
2452
|
}
|
|
2459
|
-
.bg-slate-
|
|
2460
|
-
background-color: var(--color-slate-
|
|
2453
|
+
.bg-slate-70:where([data-ac-ds], [data-ac-ds] *) {
|
|
2454
|
+
background-color: var(--color-slate-70) !important;
|
|
2461
2455
|
}
|
|
2462
2456
|
.bg-success:where([data-ac-ds], [data-ac-ds] *) {
|
|
2463
2457
|
background-color: var(--color-success) !important;
|
|
@@ -3711,12 +3705,6 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
|
|
|
3711
3705
|
--tw-ring-color: color-mix(in oklab, var(--color-info) 40%, transparent) !important;
|
|
3712
3706
|
}
|
|
3713
3707
|
}
|
|
3714
|
-
.ring-muted\/70:where([data-ac-ds], [data-ac-ds] *) {
|
|
3715
|
-
--tw-ring-color: color-mix(in srgb, #5c5c5c 70%, transparent) !important;
|
|
3716
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
3717
|
-
--tw-ring-color: color-mix(in oklab, var(--color-muted) 70%, transparent) !important;
|
|
3718
|
-
}
|
|
3719
|
-
}
|
|
3720
3708
|
.ring-pending\/20:where([data-ac-ds], [data-ac-ds] *) {
|
|
3721
3709
|
--tw-ring-color: color-mix(in srgb, #8b5cf6 20%, transparent) !important;
|
|
3722
3710
|
@supports (color: color-mix(in lab, red, red)) {
|
|
@@ -68,9 +68,9 @@ var h = { class: "flex items-center gap-2" }, g = ["for"], _ = [
|
|
|
68
68
|
"aria-busy": i.loading || void 0,
|
|
69
69
|
"aria-disabled": i.loading && !i.disabled || void 0,
|
|
70
70
|
disabled: i.disabled,
|
|
71
|
-
class: ["relative h-6 w-11 shrink-0 rounded-full transition-colors duration-200 focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-surface focus-visible:outline-none motion-reduce:transition-none", [b.value ? "bg-primary" : "bg-slate-
|
|
71
|
+
class: ["relative h-6 w-11 shrink-0 rounded-full transition-colors duration-200 focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-surface focus-visible:outline-none motion-reduce:transition-none", [b.value ? "bg-primary" : "bg-slate-70", i.disabled ? "cursor-not-allowed opacity-50" : i.loading ? "cursor-wait animate-pulse motion-reduce:animate-none" : "cursor-pointer"]],
|
|
72
72
|
onClick: D
|
|
73
|
-
}), [r("span", { class: s(["pointer-events-none absolute top-0.5 left-0.5 size-5 rounded-full
|
|
73
|
+
}), [r("span", { class: s(["pointer-events-none absolute top-0.5 left-0.5 size-5 rounded-full bg-white shadow-sm transition-transform duration-200 ease-out motion-reduce:transition-none", b.value ? "translate-x-5" : "translate-x-0"]) }, null, 2)], 16, _),
|
|
74
74
|
u(e.$slots, "right")
|
|
75
75
|
]), i.errorMsg ? (c(), n("p", v, d(i.errorMsg), 1)) : t("", !0)], 16));
|
|
76
76
|
}
|