edvoyui-component-library-test-flight 0.0.66 → 0.0.68
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.
|
@@ -39,17 +39,19 @@ const Ky = ["type", "size", "color", "iconType", "disabled", "loading", "icon"],
|
|
|
39
39
|
md: "text-base font-semibold",
|
|
40
40
|
// 40
|
|
41
41
|
lg: "text-base font-semibold"
|
|
42
|
-
//
|
|
42
|
+
// 48
|
|
43
43
|
}), u = j(() => {
|
|
44
44
|
const p = i.disabled, h = {
|
|
45
45
|
black: p ? "bg-opacity-60 cursor-not-allowed text-gray-200 bg-gray-800" : "text-white bg-gray-900 hover:bg-gray-800 active:bg-black cursor-pointer active:shadow-black/50",
|
|
46
|
-
white: p ? "bg-opacity-80 cursor-not-allowed text-gray-400 bg-gray-200" : "bg-white hover:bg-gray-100
|
|
46
|
+
white: p ? "bg-opacity-80 cursor-not-allowed text-gray-400 bg-gray-200" : "bg-white hover:bg-gray-100 text-black cursor-pointer active:shadow-white/50 active:bg-transparent",
|
|
47
47
|
danger: p ? "bg-opacity-60 cursor-not-allowed text-gray-200 bg-red-500" : "bg-red-500 hover:bg-red-600 active:bg-red-500 text-white cursor-pointer active:shadow-red-500/50",
|
|
48
48
|
success: p ? "bg-opacity-60 cursor-not-allowed text-gray-200 bg-green-600" : "bg-green-600 hover:bg-green-700 active:bg-green-600 text-white cursor-pointer active:shadow-green-500/50",
|
|
49
49
|
purple: p ? "bg-opacity-60 cursor-not-allowed text-gray-200 bg-purple-500" : "bg-purple-700 hover:bg-purple-800 active:bg-purple-700 text-white cursor-pointer active:shadow-purple-500/50",
|
|
50
|
-
primary: p ? "bg-opacity-60 cursor-not-allowed text-gray-200 bg-purple-500" : "primary-btn text-white cursor-pointer active:shadow-purple-500/50"
|
|
50
|
+
primary: p ? "bg-opacity-60 cursor-not-allowed text-gray-200 bg-purple-500" : "primary-btn text-white cursor-pointer active:shadow-purple-500/50",
|
|
51
|
+
secondary: p ? "bg-opacity-75 cursor-not-allowed text-gray-400 bg-purple-50" : "bg-purple-100 hover:bg-purple-50 active:bg-purple-100 cursor-pointer text-gray-700 active:shadow-purple-200",
|
|
52
|
+
tertiary: p ? "bg-opacity-75 cursor-not-allowed text-gray-400 bg-gray-50 ring-1 ring-gray-100" : "bg-gray-100 hover:bg-gray-50 active:bg-gray-100 text-gray-700 cursor-pointer active:shadow-bg-gray-200/50 ring-1 ring-gray-200"
|
|
51
53
|
}, v = {
|
|
52
|
-
lg: i.iconType === "icon" ? "p-3
|
|
54
|
+
lg: i.iconType === "icon" ? "p-3" : "px-6 py-3",
|
|
53
55
|
md: i.iconType === "icon" ? "p-2" : "px-4 py-2",
|
|
54
56
|
sm: i.iconType === "icon" ? "p-1.5" : "px-4 py-1.5",
|
|
55
57
|
xs: i.iconType === "icon" ? "p-1" : "px-3 py-1"
|
|
@@ -67,7 +69,7 @@ const Ky = ["type", "size", "color", "iconType", "disabled", "loading", "icon"],
|
|
|
67
69
|
color: e.color,
|
|
68
70
|
iconType: e.iconType
|
|
69
71
|
}, p.$attrs, {
|
|
70
|
-
class: ["capitalize box-border border-none inline-flex flex-row gap-x-2 items-center active:scale-[.97] active:shadow-md transition duration-150 ease-in-out active:translate-y-0.5", e.rounded ? "rounded-full" : "rounded-
|
|
72
|
+
class: ["capitalize box-border border-none inline-flex flex-row gap-x-2 items-center active:scale-[.97] active:shadow-md transition duration-150 ease-in-out active:translate-y-0.5", e.rounded ? "rounded-full" : "rounded-lg", u.value],
|
|
71
73
|
disabled: e.disabled,
|
|
72
74
|
loading: e.loading,
|
|
73
75
|
icon: e.icon,
|