@firecms/ui 3.0.0-canary.146 → 3.0.0-canary.148
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/components/Button.d.ts +1 -1
- package/dist/index.es.js +7 -2
- package/dist/index.es.js.map +1 -1
- package/dist/index.umd.js +7 -2
- package/dist/index.umd.js.map +1 -1
- package/package.json +3 -2
- package/src/components/Button.tsx +12 -3
- package/src/components/IconButton.tsx +1 -1
- package/src/components/MultiSelect.tsx +1 -0
package/dist/index.umd.js
CHANGED
|
@@ -596,10 +596,14 @@
|
|
|
596
596
|
"border border-secondary text-secondary hover:text-secondary hover:bg-secondary-bg": variant === "outlined" && color === "secondary" && !disabled,
|
|
597
597
|
"border border-red-500 text-red-500 hover:text-red-500 hover:bg-red-500 hover:text-white": variant === "outlined" && color === "error" && !disabled,
|
|
598
598
|
"border border-surface-accent-400 text-text-primary hover:text-text-primary dark:text-text-primary-dark hover:bg-surface-accent-200": variant === "outlined" && color === "text" && !disabled,
|
|
599
|
+
// Ghost Variants
|
|
600
|
+
"border border-transparent bg-surface-100 hover:bg-surface-accent-200 text-text-primary dark:bg-surface-800 dark:hover:bg-surface-accent-700 dark:text-white": variant === "ghost" && (color === "primary" || color === "text") && !disabled,
|
|
601
|
+
"border border-transparent bg-surface-100 hover:bg-surface-accent-200 text-text-secondary dark:bg-surface-800 dark:hover:bg-surface-accent-700 dark:text-white": variant === "ghost" && color === "secondary" && !disabled,
|
|
602
|
+
"border border-transparent bg-surface-100 hover:bg-surface-accent-200 text-error dark:bg-surface-800 dark:hover:bg-surface-accent-700 dark:text-white": variant === "ghost" && color === "error" && !disabled,
|
|
599
603
|
// Disabled states for all variants
|
|
600
604
|
"border border-transparent opacity-50": variant === "text" && disabled,
|
|
601
605
|
"border border-surface-500 opacity-50": variant === "outlined" && disabled,
|
|
602
|
-
"border border-surface-500 bg-surface-500 opacity-50": variant === "filled" && disabled
|
|
606
|
+
"border border-surface-500 bg-surface-500 opacity-50": (variant === "filled" || variant === "ghost") && disabled
|
|
603
607
|
});
|
|
604
608
|
const sizeClasses2 = cls(
|
|
605
609
|
{
|
|
@@ -13674,7 +13678,7 @@
|
|
|
13674
13678
|
}
|
|
13675
13679
|
);
|
|
13676
13680
|
}
|
|
13677
|
-
const buttonClasses = "hover:bg-surface-accent-200 hover:bg-opacity-75 dark:hover:bg-surface-accent-800";
|
|
13681
|
+
const buttonClasses = "hover:bg-surface-accent-200 hover:bg-opacity-75 dark:hover:bg-surface-accent-800 hover:scale-110 transition-transform";
|
|
13678
13682
|
const baseClasses = "inline-flex items-center justify-center p-2 text-sm font-medium focus:outline-none transition-colors ease-in-out duration-150";
|
|
13679
13683
|
const colorClasses$1 = "text-surface-accent-600 visited:text-surface-accent-600 dark:text-surface-accent-300 dark:visited:text-surface-300";
|
|
13680
13684
|
const sizeClasses = {
|
|
@@ -14846,6 +14850,7 @@
|
|
|
14846
14850
|
} else {
|
|
14847
14851
|
updateValues(allValues);
|
|
14848
14852
|
}
|
|
14853
|
+
onPopoverOpenChange(false);
|
|
14849
14854
|
};
|
|
14850
14855
|
useInjectStyles("MultiSelect", `
|
|
14851
14856
|
[cmdk-group] {
|