@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.
- package/dist/components/Button.d.ts +1 -1
- package/dist/components/Tabs.d.ts +4 -2
- package/dist/index.es.js +12 -9
- package/dist/index.es.js.map +1 -1
- package/dist/index.umd.js +12 -9
- package/dist/index.umd.js.map +1 -1
- package/package.json +2 -2
- package/src/components/Button.tsx +6 -6
- package/src/components/MultiSelect.tsx +1 -1
- package/src/components/Tabs.tsx +8 -3
@@ -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" | "
|
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
|
-
//
|
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 === "
|
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 === "
|
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-
|
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 === "
|
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
|
-
|
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
|
);
|