@firecms/ui 3.0.0-beta.2 → 3.0.0-canary.0

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 (8) hide show
  1. package/dist/index.es.js +5 -4
  2. package/dist/index.es.js.map +1 -1
  3. package/dist/index.umd.js +2 -2
  4. package/dist/index.umd.js.map +1 -1
  5. package/package.json +2 -2
  6. package/src/components/Alert.tsx +1 -0
  7. package/src/components/IconButton.tsx +2 -2
  8. package/src/components/Separator.tsx +2 -2
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@firecms/ui",
3
3
  "type": "module",
4
- "version": "3.0.0-beta.2",
4
+ "version": "3.0.0-canary.0",
5
5
  "description": "Awesome Firebase/Firestore-based headless open-source CMS",
6
6
  "funding": {
7
7
  "url": "https://github.com/sponsors/firecmsco"
@@ -102,7 +102,7 @@
102
102
  "dist",
103
103
  "src"
104
104
  ],
105
- "gitHead": "9c3561bc09311f2339bb6fa224c88a62d3b19617",
105
+ "gitHead": "165080f8a46d85fef75ce4e4cd3e7f38b80d59d5",
106
106
  "publishConfig": {
107
107
  "access": "public"
108
108
  }
package/src/components/Alert.tsx CHANGED
@@ -55,6 +55,7 @@ export const Alert: React.FC<AlertProps> = ({
55
55
  className={cn(
56
56
  getSizeClasses(size),
57
57
  "w-full",
58
+ "font-medium",
58
59
  "rounded-md flex items-center gap-2",
59
60
  classes,
60
61
  className)}>
package/src/components/IconButton.tsx CHANGED
@@ -15,7 +15,7 @@ export type IconButtonProps<C extends React.ElementType> =
15
15
  }
16
16
 
17
17
  const buttonClasses =
18
- "hover:bg-slate-200 hover:bg-opacity-75 dark:hover:bg-slate-700 dark:hover:bg-opacity-75";
18
+ "hover:bg-slate-200 hover:bg-opacity-75 dark:hover:bg-gray-700 dark:hover:bg-opacity-50";
19
19
  const baseClasses =
20
20
  "inline-flex items-center justify-center p-2 text-sm font-medium focus:outline-none transition-colors ease-in-out duration-150";
21
21
  const colorClasses = "text-slate-600 visited:text-slate-600 dark:text-slate-300 dark:visited:text-slate-300";
@@ -42,7 +42,7 @@ const IconButtonInner = <C extends React.ElementType = "button">({
42
42
  ...props
43
43
  }: IconButtonProps<C>, ref: React.ForwardedRef<HTMLButtonElement>) => {
44
44
 
45
- const bgClasses = variant === "ghost" ? "bg-transparent" : "bg-slate-50 dark:bg-slate-900";
45
+ const bgClasses = variant === "ghost" ? "bg-transparent" : "bg-slate-50 dark:bg-gray-950 dark:bg-opacity-50";
46
46
  const Component: React.ElementType<any> = component || "button";
47
47
  return (
48
48
  <Component
package/src/components/Separator.tsx CHANGED
@@ -9,12 +9,12 @@ export function Separator({ orientation, decorative }: {
9
9
  <SeparatorPrimitive.Root
10
10
  decorative={decorative}
11
11
  orientation="horizontal"
12
- className="dark:bg-opacity-50 bg-opacity-50 dark:bg-gray-400 bg-gray-500 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px my-[8px]"/>
12
+ className="dark:bg-opacity-50 bg-opacity-50 dark:bg-gray-600 bg-gray-300 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px my-[8px]"/>
13
13
  );
14
14
  else
15
15
  return (
16
16
  <SeparatorPrimitive.Root
17
- className="dark:bg-opacity-50 bg-opacity-50 dark:bg-gray-400 bg-gray-500 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px mx-[8px]"
17
+ className="dark:bg-opacity-50 bg-opacity-50 dark:bg-gray-600 bg-gray-300 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px mx-[8px]"
18
18
  decorative={decorative}
19
19
  orientation="vertical"
20
20
  />