@firecms/ui 3.0.0-canary.148 → 3.0.0-canary.149

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.
@@ -1,6 +1,6 @@
1
1
  import React from "react";
2
2
  export type ButtonProps<P extends React.ElementType> = Omit<(P extends "button" ? React.ButtonHTMLAttributes<HTMLButtonElement> : React.ComponentProps<P>), "onClick"> & {
3
- variant?: "filled" | "ghost" | "outlined" | "text";
3
+ variant?: "filled" | "neutral" | "outlined" | "text";
4
4
  disabled?: boolean;
5
5
  color?: "primary" | "secondary" | "text" | "error";
6
6
  size?: "small" | "medium" | "large" | "xl" | "2xl";
@@ -2,14 +2,16 @@ import React from "react";
2
2
  export type TabsProps = {
3
3
  value: string;
4
4
  children: React.ReactNode;
5
+ innerClassName?: string;
5
6
  className?: string;
6
7
  onValueChange: (value: string) => void;
7
8
  };
8
- export declare function Tabs({ value, onValueChange, className, children }: TabsProps): import("react/jsx-runtime").JSX.Element;
9
+ export declare function Tabs({ value, onValueChange, className, innerClassName, children }: TabsProps): import("react/jsx-runtime").JSX.Element;
9
10
  export type TabProps = {
10
11
  value: string;
11
12
  className?: string;
13
+ innerClassName?: string;
12
14
  children: React.ReactNode;
13
15
  disabled?: boolean;
14
16
  };
15
- export declare function Tab({ value, className, children, disabled }: TabProps): import("react/jsx-runtime").JSX.Element;
17
+ export declare function Tab({ value, className, innerClassName, children, disabled }: TabProps): import("react/jsx-runtime").JSX.Element;
package/dist/index.es.js CHANGED
@@ -585,14 +585,14 @@ const ButtonInner = React__default.forwardRef(({
585
585
  "border border-secondary text-secondary hover:text-secondary hover:bg-secondary-bg": variant === "outlined" && color === "secondary" && !disabled,
586
586
  "border border-red-500 text-red-500 hover:text-red-500 hover:bg-red-500 hover:text-white": variant === "outlined" && color === "error" && !disabled,
587
587
  "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,
588
- // Ghost Variants
589
- "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,
590
- "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,
591
- "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,
588
+ // Neutral Variants
589
+ "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,
590
+ "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,
591
+ "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,
592
592
  // Disabled states for all variants
593
593
  "border border-transparent opacity-50": variant === "text" && disabled,
594
594
  "border border-surface-500 opacity-50": variant === "outlined" && disabled,
595
- "border border-surface-500 bg-surface-500 opacity-50": (variant === "filled" || variant === "ghost") && disabled
595
+ "border border-surface-500 bg-surface-500 opacity-50": (variant === "filled" || variant === "neutral") && disabled
596
596
  });
597
597
  const sizeClasses2 = cls(
598
598
  {
@@ -14958,7 +14958,7 @@ const MultiSelect = React.forwardRef(
14958
14958
  /* @__PURE__ */ jsx(
14959
14959
  Command.Input,
14960
14960
  {
14961
- className: cls(focusedDisabled, "bg-transparent outline-none flex-1 h-full w-full m-4 flex-grow"),
14961
+ className: cls(focusedDisabled, "bg-transparent outline-none flex-1 h-full w-full m-4 flex-grow "),
14962
14962
  placeholder: "Search...",
14963
14963
  onKeyDown: handleInputKeyDown
14964
14964
  }
@@ -16039,16 +16039,18 @@ function Tabs({
16039
16039
  value,
16040
16040
  onValueChange,
16041
16041
  className,
16042
+ innerClassName,
16042
16043
  children
16043
16044
  }) {
16044
- return /* @__PURE__ */ jsx(TabsPrimitive.Root, { value, onValueChange, children: /* @__PURE__ */ jsx(TabsPrimitive.List, { className: cls(
16045
+ return /* @__PURE__ */ jsx(TabsPrimitive.Root, { value, onValueChange, className, children: /* @__PURE__ */ jsx(TabsPrimitive.List, { className: cls(
16045
16046
  "flex text-sm font-medium text-center text-surface-accent-800 dark:text-white max-w-full overflow-auto no-scrollbar",
16046
- className
16047
+ innerClassName
16047
16048
  ), children }) });
16048
16049
  }
16049
16050
  function Tab({
16050
16051
  value,
16051
16052
  className,
16053
+ innerClassName,
16052
16054
  children,
16053
16055
  disabled
16054
16056
  }) {
@@ -16071,7 +16073,8 @@ function Tab({
16071
16073
  ),
16072
16074
  children: /* @__PURE__ */ jsx("div", { className: cls(
16073
16075
  "uppercase inline-block p-2 px-4 m-2 rounded",
16074
- "hover:bg-surface-accent-200 hover:bg-opacity-75 dark:hover:bg-surface-accent-800"
16076
+ "hover:bg-surface-accent-200 hover:bg-opacity-75 dark:hover:bg-surface-accent-800",
16077
+ innerClassName
16075
16078
  ), children })
16076
16079
  }
16077
16080
  );