@firecms/ui 3.0.0-canary.217 → 3.0.0-canary.219

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.
Files changed (7) hide show
  1. package/dist/components/Button.d.ts +2 -2
  2. package/dist/index.es.js +23 -23
  3. package/dist/index.es.js.map +1 -1
  4. package/dist/index.umd.js +23 -23
  5. package/dist/index.umd.js.map +1 -1
  6. package/package.json +2 -2
  7. package/src/components/Button.tsx +6 -8
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@firecms/ui",
3
3
  "type": "module",
4
- "version": "3.0.0-canary.217",
4
+ "version": "3.0.0-canary.219",
5
5
  "description": "Awesome Firebase/Firestore-based headless open-source CMS",
6
6
  "funding": {
7
7
  "url": "https://github.com/sponsors/firecmsco"
@@ -115,7 +115,7 @@
115
115
  "index.css",
116
116
  "tailwind.config.js"
117
117
  ],
118
- "gitHead": "3a1bf3d652342f4352ff6153a9f30eb80016a037",
118
+ "gitHead": "dc68bdab1dd594afc37aee70291e031f83996358",
119
119
  "publishConfig": {
120
120
  "access": "public"
121
121
  }
package/src/components/Button.tsx CHANGED
@@ -4,9 +4,9 @@ import { cls } from "../util";
4
4
 
5
5
  export type ButtonProps<C extends React.ElementType = "button"> = {
6
6
  children?: React.ReactNode;
7
- variant?: "filled" | "neutral" | "outlined" | "text";
7
+ variant?: "filled" | "outlined" | "text";
8
8
  disabled?: boolean;
9
- color?: "primary" | "secondary" | "text" | "error";
9
+ color?: "primary" | "secondary" | "text" | "error" | "neutral";
10
10
  size?: "small" | "medium" | "large" | "xl" | "2xl";
11
11
  startIcon?: React.ReactNode;
12
12
  fullWidth?: boolean;
@@ -43,29 +43,27 @@ const ButtonInner = React.forwardRef<
43
43
  "border border-secondary bg-secondary focus:ring-secondary shadow hover:ring-1 hover:ring-secondary text-white hover:text-white": variant === "filled" && color === "secondary" && !disabled,
44
44
  "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,
45
45
  "border border-surface-accent-200 bg-surface-accent-200 hover:bg-surface-accent-300 focus:ring-surface-accent-400 shadow hover:ring-1 hover:ring-surface-accent-400 text-text-primary hover:text-text-primary dark:text-text-primary-dark hover:dark:text-text-primary-dark": variant === "filled" && color === "text" && !disabled,
46
+ "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-text-primary-dark": variant === "filled" && color === "neutral" && !disabled,
46
47
 
47
48
  // Text Variants
48
49
  "border border-transparent text-primary hover:text-primary hover:bg-surface-accent-200 hover:bg-opacity-75 dark:hover:bg-surface-accent-800": variant === "text" && color === "primary" && !disabled,
49
50
  "border border-transparent text-secondary hover:text-secondary hover:bg-surface-accent-200 hover:bg-opacity-75 dark:hover:bg-surface-accent-800": variant === "text" && color === "secondary" && !disabled,
50
51
  "border border-transparent text-red-500 hover:text-red-500 hover:bg-red-500 hover:bg-opacity-10": variant === "text" && color === "error" && !disabled,
51
52
  "border border-transparent text-text-primary hover:text-text-primary dark:text-text-primary-dark hover:dark:text-text-primary-dark hover:bg-surface-accent-200 hover:dark:bg-surface-700": variant === "text" && color === "text" && !disabled,
53
+ "border border-transparent text-text-primary hover:text-text-primary hover:bg-surface-accent-200 dark:text-text-primary-dark dark:hover:bg-surface-accent-700": variant === "text" && color === "neutral" && !disabled,
52
54
 
53
55
  // Outlined Variants
54
56
  "border border-primary text-primary hover:text-primary hover:bg-primary-bg": variant === "outlined" && color === "primary" && !disabled,
55
57
  "border border-secondary text-secondary hover:text-secondary hover:bg-secondary-bg": variant === "outlined" && color === "secondary" && !disabled,
56
58
  "border border-red-500 text-red-500 hover:text-red-500 hover:bg-red-500 hover:text-white": variant === "outlined" && color === "error" && !disabled,
57
59
  "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,
58
-
59
- // Neutral Variants
60
- "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 === "neutral" && (color === "primary" || color === "text") && !disabled,
61
- "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 === "neutral" && color === "secondary" && !disabled,
62
- "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-error": variant === "neutral" && color === "error" && !disabled,
60
+ "border border-surface-400 text-text-primary hover:bg-surface-accent-200 dark:border-surface-600 dark:text-text-primary-dark dark:hover:bg-surface-accent-700": variant === "outlined" && color === "neutral" && !disabled,
63
61
 
64
62
  // Disabled states for all variants
65
63
  "text-text-disabled dark:text-text-disabled-dark": disabled,
66
64
  "border border-transparent opacity-50": variant === "text" && disabled,
67
65
  "border border-surface-500 opacity-50": variant === "outlined" && disabled,
68
- "border border-transparent bg-surface-300 dark:bg-surface-500 opacity-40": (variant === "filled" || variant === "neutral") && disabled,
66
+ "border border-transparent bg-surface-300 dark:bg-surface-500 opacity-40": variant === "filled" && disabled,
69
67
  });
70
68
 
71
69
  const sizeClasses = cls(