@firecms/ui 3.0.0-canary.127 → 3.0.0-canary.128
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/README.md +1 -1
- package/dist/index.es.js +14 -15
- package/dist/index.es.js.map +1 -1
- package/dist/index.umd.js +14 -15
- package/dist/index.umd.js.map +1 -1
- package/dist/styles.d.ts +1 -1
- package/package.json +2 -2
- package/src/components/Button.tsx +12 -12
- package/src/components/Table.tsx +1 -2
- package/src/styles.ts +1 -1
package/dist/index.umd.js
CHANGED
@@ -40,7 +40,7 @@
|
|
40
40
|
const fieldBackgroundMixin = "bg-opacity-50 bg-slate-200 dark:bg-gray-800 dark:bg-opacity-60";
|
41
41
|
const fieldBackgroundInvisibleMixin = "bg-opacity-0 bg-slate-100 dark:bg-gray-800 dark:bg-opacity-0";
|
42
42
|
const fieldBackgroundDisabledMixin = "dark:bg-gray-800 bg-opacity-50 dark:bg-opacity-90";
|
43
|
-
const fieldBackgroundHoverMixin = "hover:bg-opacity-
|
43
|
+
const fieldBackgroundHoverMixin = "hover:bg-opacity-70 dark:hover:bg-gray-700 dark:hover:bg-opacity-40";
|
44
44
|
const defaultBorderMixin = "border-gray-100 dark:border-gray-800 dark:border-opacity-80";
|
45
45
|
const paperMixin = "bg-white rounded-md dark:bg-gray-950 border dark:border-gray-800 dark:border-opacity-80 border-gray-100";
|
46
46
|
const cardMixin = "bg-white border border-gray-100 dark:border-transparent rounded-md dark:bg-gray-950 dark:border-gray-800 dark:border-opacity-50 m-1 -p-1";
|
@@ -584,20 +584,20 @@
|
|
584
584
|
"w-full": fullWidth,
|
585
585
|
"w-fit": !fullWidth,
|
586
586
|
// Filled Variants
|
587
|
-
"border border-
|
588
|
-
"border border-
|
589
|
-
"border border-
|
590
|
-
"border border-
|
587
|
+
"border border-primary bg-primary hover:bg-primary-dark focus:ring-primary shadow hover:ring-1 hover:ring-primary text-white hover:text-white": variant === "filled" && color === "primary" && !disabled,
|
588
|
+
"border border-secondary bg-secondary hover:bg-secondary-dark focus:ring-secondary shadow hover:ring-1 hover:ring-secondary text-white hover:text-white": variant === "filled" && color === "secondary" && !disabled,
|
589
|
+
"border border-red-500 bg-red-500 hover:bg-red-500 focus:ring-red-500 shadow hover:ring-1 hover:ring-red-600 text-white hover:text-white": variant === "filled" && color === "error" && !disabled,
|
590
|
+
"border border-slate-200 bg-slate-200 hover:bg-slate-300 focus:ring-slate-400 shadow hover:ring-1 hover:ring-slate-400 text-text-primary hover:text-text-primary dark:text-text-primary-dark hover:dark:text-text-primary-dark": variant === "filled" && color === "text" && !disabled,
|
591
591
|
// Text Variants
|
592
|
-
"border border-transparent text-primary hover:bg-slate-200 dark:hover:bg-gray-900": variant === "text" && color === "primary" && !disabled,
|
593
|
-
"border border-transparent text-secondary hover:bg-secondary-bg": variant === "text" && color === "secondary" && !disabled,
|
594
|
-
"border border-transparent text-red-500 hover:bg-red-500 hover:bg-opacity-10": variant === "text" && color === "error" && !disabled,
|
595
|
-
"border border-transparent text-text-primary dark:text-text-primary-dark hover:bg-slate-200 hover:dark:bg-gray-700": variant === "text" && color === "text" && !disabled,
|
592
|
+
"border border-transparent text-primary hover:text-primary hover:bg-slate-200 dark:hover:bg-gray-900": variant === "text" && color === "primary" && !disabled,
|
593
|
+
"border border-transparent text-secondary hover:text-secondary hover:bg-secondary-bg": variant === "text" && color === "secondary" && !disabled,
|
594
|
+
"border border-transparent text-red-500 hover:text-red-500 hover:bg-red-500 hover:bg-opacity-10": variant === "text" && color === "error" && !disabled,
|
595
|
+
"border border-transparent text-text-primary hover:text-text-primary dark:text-text-primary-dark hover:dark:text-text-primary-dark hover:bg-slate-200 hover:dark:bg-gray-700": variant === "text" && color === "text" && !disabled,
|
596
596
|
// Outlined Variants
|
597
|
-
"border border-primary text-primary hover:bg-primary-bg": variant === "outlined" && color === "primary" && !disabled,
|
598
|
-
"border border-secondary text-secondary hover:bg-secondary-bg": variant === "outlined" && color === "secondary" && !disabled,
|
599
|
-
"border border-red-500 text-red-500 hover:bg-red-500 hover:text-white": variant === "outlined" && color === "error" && !disabled,
|
600
|
-
"border border-slate-400 text-text-primary dark:text-text-primary-dark hover:bg-slate-200": variant === "outlined" && color === "text" && !disabled,
|
597
|
+
"border border-primary text-primary hover:text-primary hover:bg-primary-bg": variant === "outlined" && color === "primary" && !disabled,
|
598
|
+
"border border-secondary text-secondary hover:text-secondary hover:bg-secondary-bg": variant === "outlined" && color === "secondary" && !disabled,
|
599
|
+
"border border-red-500 text-red-500 hover:text-red-500 hover:bg-red-500 hover:text-white": variant === "outlined" && color === "error" && !disabled,
|
600
|
+
"border border-slate-400 text-text-primary hover:text-text-primary dark:text-text-primary-dark hover:bg-slate-200": variant === "outlined" && color === "text" && !disabled,
|
601
601
|
// Disabled states for all variants
|
602
602
|
"border border-transparent opacity-50": variant === "text" && disabled,
|
603
603
|
"border border-gray-500 opacity-50": variant === "outlined" && disabled,
|
@@ -16804,7 +16804,7 @@
|
|
16804
16804
|
}) => /* @__PURE__ */ jsxRuntime.jsx(
|
16805
16805
|
"tbody",
|
16806
16806
|
{
|
16807
|
-
className: cls("bg-white dark:bg-gray-950 text-sm divide-y divide-
|
16807
|
+
className: cls("bg-white dark:bg-gray-950 text-sm divide-y divide-gray-100 dark:divide-gray-800 dark:divide-opacity-80", className),
|
16808
16808
|
...rest,
|
16809
16809
|
children
|
16810
16810
|
}
|
@@ -16837,7 +16837,6 @@
|
|
16837
16837
|
onClick,
|
16838
16838
|
style,
|
16839
16839
|
className: cls(
|
16840
|
-
"divide-slate-100 dark:divide-gray-800",
|
16841
16840
|
"bg-white dark:bg-gray-950",
|
16842
16841
|
onClick ? "hover:bg-slate-100 dark:hover:bg-gray-800 cursor-pointer" : "",
|
16843
16842
|
className
|