@dust-tt/sparkle 0.2.472 → 0.2.473
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/cjs/index.js +1 -1
- package/dist/esm/components/Button.d.ts +2 -2
- package/dist/esm/components/Button.d.ts.map +1 -1
- package/dist/esm/components/Button.js +29 -13
- package/dist/esm/components/Button.js.map +1 -1
- package/dist/esm/components/Counter.js +9 -9
- package/dist/esm/components/Counter.js.map +1 -1
- package/dist/esm/components/SplitButton.d.ts.map +1 -1
- package/dist/esm/components/SplitButton.js +2 -13
- package/dist/esm/components/SplitButton.js.map +1 -1
- package/dist/esm/components/Tree.js +3 -3
- package/dist/esm/components/Tree.js.map +1 -1
- package/dist/esm/stories/Button.stories.d.ts +1 -1
- package/dist/esm/stories/IconButton.stories.d.ts +1 -1
- package/dist/sparkle.css +15 -10
- package/package.json +1 -1
- package/src/components/Button.tsx +43 -14
- package/src/components/Counter.tsx +9 -9
- package/src/components/SplitButton.tsx +2 -19
- package/src/components/Tree.tsx +3 -3
|
@@ -3,11 +3,11 @@ import * as React from "react";
|
|
|
3
3
|
import { LinkWrapperProps } from "../components";
|
|
4
4
|
export declare const BUTTON_VARIANTS: readonly ["primary", "highlight", "warning", "outline", "ghost", "ghost-secondary"];
|
|
5
5
|
export type ButtonVariantType = (typeof BUTTON_VARIANTS)[number];
|
|
6
|
-
export declare const BUTTON_SIZES: readonly ["mini", "xs", "sm", "md"];
|
|
6
|
+
export declare const BUTTON_SIZES: readonly ["xmini", "mini", "xs", "sm", "md"];
|
|
7
7
|
export type ButtonSizeType = (typeof BUTTON_SIZES)[number];
|
|
8
8
|
declare const buttonVariants: (props?: ({
|
|
9
9
|
variant?: "primary" | "highlight" | "warning" | "outline" | "ghost" | "ghost-secondary" | null | undefined;
|
|
10
|
-
size?: "xs" | "sm" | "md" | "mini" | null | undefined;
|
|
10
|
+
size?: "xs" | "sm" | "md" | "xmini" | "mini" | null | undefined;
|
|
11
11
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
12
12
|
export interface MetaButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
|
|
13
13
|
asChild?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAIL,gBAAgB,EAOjB,MAAM,sBAAsB,CAAC;AAK9B,eAAO,MAAM,eAAe,qFAOlB,CAAC;AAEX,MAAM,MAAM,iBAAiB,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC;AAEjE,eAAO,MAAM,YAAY,
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAIL,gBAAgB,EAOjB,MAAM,sBAAsB,CAAC;AAK9B,eAAO,MAAM,eAAe,qFAOlB,CAAC;AAEX,MAAM,MAAM,iBAAiB,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC;AAEjE,eAAO,MAAM,YAAY,8CAA+C,CAAC;AACzE,MAAM,MAAM,cAAc,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,CAAC,CAAC;AAG3D,QAAA,MAAM,cAAc;;;mFA4EnB,CAAC;AAqCF,MAAM,WAAW,eACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EACnD,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,QAAA,MAAM,UAAU,2FAaf,CAAC;AAsBF,KAAK,iBAAiB,GAAG,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,GACxD,IAAI,CAAC,gBAAgB,EAAE,UAAU,CAAC,GAAG;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEJ,MAAM,MAAM,eAAe,GAAG,iBAAiB,GAAG;IAChD,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC;IAC1B,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,iBAAiB,GAAG;IACnD,IAAI,CAAC,EAAE,OAAO,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC;IACvC,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,eAAe,GAAG,kBAAkB,CAAC;AAE/D,QAAA,MAAM,MAAM,uFAiIX,CAAC;AAIF,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,UAAU,EAAE,CAAC"}
|
|
@@ -13,7 +13,7 @@ export var BUTTON_VARIANTS = [
|
|
|
13
13
|
"ghost",
|
|
14
14
|
"ghost-secondary",
|
|
15
15
|
];
|
|
16
|
-
export var BUTTON_SIZES = ["mini", "xs", "sm", "md"];
|
|
16
|
+
export var BUTTON_SIZES = ["xmini", "mini", "xs", "sm", "md"];
|
|
17
17
|
// Define button styling with cva
|
|
18
18
|
var buttonVariants = cva(cn("s-inline-flex s-items-center s-justify-center s-whitespace-nowrap s-ring-offset-background s-transition-colors s-ring-inset", "focus-visible:s-outline-none focus-visible:s-ring-2 focus-visible:s-ring-ring focus-visible:s-ring-offset-0", "dark:focus-visible:s-ring-0 dark:focus-visible:s-ring-offset-1"), {
|
|
19
19
|
variants: {
|
|
@@ -26,10 +26,11 @@ var buttonVariants = cva(cn("s-inline-flex s-items-center s-justify-center s-whi
|
|
|
26
26
|
"ghost-secondary": cn("s-border", "s-border-border/0 dark:s-border-border-night/0", "s-text-muted-foreground dark:s-text-muted-foreground-night", "hover:s-bg-primary-100 dark:hover:s-bg-primary-900", "hover:s-text-primary-900 dark:hover:s-text-primary-900-night", "hover:s-border-border-dark dark:hover:s-border-border-night", "active:s-bg-primary-300 dark:active:s-bg-primary-900", "disabled:s-text-primary-400 dark:disabled:s-text-primary-400-night"),
|
|
27
27
|
},
|
|
28
28
|
size: {
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
29
|
+
xmini: "s-h-6 s-w-6 s-rounded-lg s-label-xs s-gap-1 s-shrink-0",
|
|
30
|
+
mini: "s-h-7 s-w-7 s-rounded-lg s-label-xs s-gap-1.5 s-shrink-0",
|
|
31
|
+
xs: "s-h-7 s-px-2.5 s-rounded-lg s-label-xs s-gap-1.5 s-shrink-0",
|
|
32
|
+
sm: "s-h-9 s-px-3 s-rounded-xl s-label-sm s-gap-2 s-shrink-0",
|
|
33
|
+
md: "s-h-12 s-px-4 s-py-2 s-rounded-2xl s-label-base s-gap-2.5 s-shrink-0",
|
|
33
34
|
},
|
|
34
35
|
},
|
|
35
36
|
defaultVariants: {
|
|
@@ -40,7 +41,8 @@ var buttonVariants = cva(cn("s-inline-flex s-items-center s-justify-center s-whi
|
|
|
40
41
|
var labelVariants = cva("", {
|
|
41
42
|
variants: {
|
|
42
43
|
size: {
|
|
43
|
-
|
|
44
|
+
xmini: "s-label-xs s-hidden",
|
|
45
|
+
mini: "s-label-xs s-hidden",
|
|
44
46
|
xs: "s-label-xs",
|
|
45
47
|
sm: "s-label-sm",
|
|
46
48
|
md: "s-label-base",
|
|
@@ -72,26 +74,40 @@ var MetaButton = React.forwardRef(function (_a, ref) {
|
|
|
72
74
|
return (React.createElement(Comp, __assign({ className: cn(buttonVariants({ variant: variant, size: size, className: className })), ref: ref }, props), children));
|
|
73
75
|
});
|
|
74
76
|
MetaButton.displayName = "MetaButton";
|
|
77
|
+
var ICON_SIZE_MAP = {
|
|
78
|
+
xmini: "xs",
|
|
79
|
+
mini: "sm",
|
|
80
|
+
xs: "xs",
|
|
81
|
+
sm: "sm",
|
|
82
|
+
md: "md",
|
|
83
|
+
};
|
|
84
|
+
var COUNTER_SIZE_MAP = {
|
|
85
|
+
xmini: "xs",
|
|
86
|
+
mini: "xs",
|
|
87
|
+
xs: "xs",
|
|
88
|
+
sm: "sm",
|
|
89
|
+
md: "md",
|
|
90
|
+
};
|
|
75
91
|
var Button = React.forwardRef(function (_a, ref) {
|
|
76
92
|
var label = _a.label, icon = _a.icon, className = _a.className, _b = _a.isLoading, isLoading = _b === void 0 ? false : _b, _c = _a.variant, variant = _c === void 0 ? "primary" : _c, tooltip = _a.tooltip, _d = _a.isSelect, isSelect = _d === void 0 ? false : _d, _e = _a.isPulsing, isPulsing = _e === void 0 ? false : _e, _f = _a.isCounter, isCounter = _f === void 0 ? false : _f, counterValue = _a.counterValue, _g = _a.size, size = _g === void 0 ? "sm" : _g, href = _a.href, target = _a.target, rel = _a.rel, replace = _a.replace, shallow = _a.shallow, ariaLabel = _a["aria-label"], props = __rest(_a, ["label", "icon", "className", "isLoading", "variant", "tooltip", "isSelect", "isPulsing", "isCounter", "counterValue", "size", "href", "target", "rel", "replace", "shallow", "aria-label"]);
|
|
77
|
-
var
|
|
78
|
-
var
|
|
93
|
+
var iconSize = ICON_SIZE_MAP[size];
|
|
94
|
+
var counterSize = COUNTER_SIZE_MAP[size];
|
|
79
95
|
var renderIcon = function (visual, extraClass) {
|
|
80
96
|
if (extraClass === void 0) { extraClass = ""; }
|
|
81
|
-
return (React.createElement(Icon, { visual: visual, size:
|
|
97
|
+
return (React.createElement(Icon, { visual: visual, size: iconSize, className: cn(extraClass) }));
|
|
82
98
|
};
|
|
83
99
|
var renderChevron = function (visual, extraClass) {
|
|
84
100
|
if (extraClass === void 0) { extraClass = ""; }
|
|
85
|
-
return (React.createElement(Icon, { visual: visual, size:
|
|
101
|
+
return (React.createElement(Icon, { visual: visual, size: iconSize, className: cn(variant ? chevronVariantMap[variant] : "", extraClass) }));
|
|
86
102
|
};
|
|
87
103
|
var showCounter = isCounter && counterValue != null;
|
|
88
104
|
var showContainer = label || showCounter;
|
|
89
105
|
var content = (React.createElement(React.Fragment, null,
|
|
90
|
-
isLoading ? (React.createElement("div", { className: "-s-mx-0.5" },
|
|
91
|
-
React.createElement(Spinner, { size:
|
|
106
|
+
isLoading ? (React.createElement("div", { className: cn("-s-mx-0.5", size === "mini" && "s-w-5 s-px-0.5", size === "xmini" && "s-w-5 s-px-0.5") },
|
|
107
|
+
React.createElement(Spinner, { size: size === "mini" || size === "xmini" ? "xs" : iconSize, variant: (variant && spinnerVariantsMap[variant]) || "gray400" }))) : (icon && renderIcon(icon, "-s-mx-0.5")),
|
|
92
108
|
showContainer && (React.createElement("div", { className: cn("s-flex s-items-center s-gap-2", labelVariants({ size: size })) },
|
|
93
109
|
label,
|
|
94
|
-
showCounter && (React.createElement(Counter, { value: Number(counterValue), variant: variant || "primary", size:
|
|
110
|
+
showCounter && (React.createElement(Counter, { value: Number(counterValue), variant: variant || "primary", size: counterSize, isInButton: true })))),
|
|
95
111
|
isSelect && renderChevron(ChevronDownIcon, isLoading ? "" : "-s-mr-1")));
|
|
96
112
|
var innerButton = (React.createElement(MetaButton, __assign({ ref: ref, size: size, variant: variant, disabled: isLoading || props.disabled, className: cn(isPulsing && "s-animate-pulse", className), "aria-label": ariaLabel || tooltip || label, style: {
|
|
97
113
|
"--pulse-color": "#93C5FD",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EACL,OAAO,EACP,IAAI,EACJ,WAAW,EAEX,OAAO,EACP,cAAc,EACd,aAAa,EACb,eAAe,EACf,WAAW,EACX,cAAc,GACf,MAAM,sBAAsB,CAAC;AAE9B,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AAExC,MAAM,CAAC,IAAM,eAAe,GAAG;IAC7B,SAAS;IACT,WAAW;IACX,SAAS;IACT,SAAS;IACT,OAAO;IACP,iBAAiB;CACT,CAAC;AAIX,MAAM,CAAC,IAAM,YAAY,GAAG,CAAC,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,12 +3,12 @@ import { cva } from "class-variance-authority";
|
|
|
3
3
|
import * as React from "react";
|
|
4
4
|
import { cn } from "../lib/utils";
|
|
5
5
|
export var COUNTER_SIZES = ["xs", "sm", "md"];
|
|
6
|
-
var counterVariants = cva("s-inline-flex s-items-center s-justify-center s-rounded-full
|
|
6
|
+
var counterVariants = cva("s-inline-flex s-items-center s-justify-center s-rounded-full", {
|
|
7
7
|
variants: {
|
|
8
8
|
size: {
|
|
9
|
-
xs: "s-h-5 s-min-w-[
|
|
10
|
-
sm: "s-h-6 s-min-w-[
|
|
11
|
-
md: "s-h-7 s-min-w-[
|
|
9
|
+
xs: "s-h-5 s-min-w-[20px] s-px-1 s-text-xs",
|
|
10
|
+
sm: "s-h-6 s-min-w-[24px] s-px-1.5 s-text-sm",
|
|
11
|
+
md: "s-h-7 s-min-w-[28px] s-px-2 s-text-base",
|
|
12
12
|
},
|
|
13
13
|
variant: {
|
|
14
14
|
primary: "",
|
|
@@ -27,27 +27,27 @@ var counterVariants = cva("s-inline-flex s-items-center s-justify-center s-round
|
|
|
27
27
|
{
|
|
28
28
|
isInButton: false,
|
|
29
29
|
variant: "primary",
|
|
30
|
-
className: "s-bg-primary dark:s-bg-primary-night s-text-primary-50 dark:s-text-primary-800",
|
|
30
|
+
className: "s-bg-primary dark:s-bg-primary-night s-text-primary-50 dark:s-text-primary-800 s-font-medium",
|
|
31
31
|
},
|
|
32
32
|
{
|
|
33
33
|
isInButton: false,
|
|
34
34
|
variant: "highlight",
|
|
35
|
-
className: "s-bg-highlight s-text-white",
|
|
35
|
+
className: "s-bg-highlight s-text-white s-font-medium",
|
|
36
36
|
},
|
|
37
37
|
{
|
|
38
38
|
isInButton: false,
|
|
39
39
|
variant: "warning",
|
|
40
|
-
className: "s-bg-warning s-text-white",
|
|
40
|
+
className: "s-bg-warning s-text-white s-font-medium",
|
|
41
41
|
},
|
|
42
42
|
{
|
|
43
43
|
isInButton: false,
|
|
44
44
|
variant: "outline",
|
|
45
|
-
className: "s-bg-primary-200 s-text-primary-900",
|
|
45
|
+
className: "s-bg-primary-200 s-text-primary-900 s-font-medium",
|
|
46
46
|
},
|
|
47
47
|
{
|
|
48
48
|
isInButton: false,
|
|
49
49
|
variant: ["ghost", "ghost-secondary"],
|
|
50
|
-
className: "s-text-primary dark:s-text-primary-night",
|
|
50
|
+
className: "s-text-primary dark:s-text-primary-night s-font-medium",
|
|
51
51
|
},
|
|
52
52
|
{
|
|
53
53
|
isInButton: true,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Counter.js","sourceRoot":"","sources":["../../../src/components/Counter.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AAExC,MAAM,CAAC,IAAM,aAAa,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAU,CAAC;AAEzD,IAAM,eAAe,GAAG,GAAG,CACzB,
|
|
1
|
+
{"version":3,"file":"Counter.js","sourceRoot":"","sources":["../../../src/components/Counter.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AAExC,MAAM,CAAC,IAAM,aAAa,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAU,CAAC;AAEzD,IAAM,eAAe,GAAG,GAAG,CACzB,8DAA8D,EAC9D;IACE,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,EAAE,EAAE,uCAAuC;YAC3C,EAAE,EAAE,yCAAyC;YAC7C,EAAE,EAAE,yCAAyC;SAC9C;QACD,OAAO,EAAE;YACP,OAAO,EAAE,EAAE;YACX,SAAS,EAAE,EAAE;YACb,OAAO,EAAE,EAAE;YACX,OAAO,EAAE,EAAE;YACX,KAAK,EAAE,EAAE;YACT,iBAAiB,EAAE,EAAE;SACtB;QACD,UAAU,EAAE;YACV,IAAI,EAAE,EAAE;YACR,KAAK,EAAE,EAAE;SACV;KACF;IACD,gBAAgB,EAAE;QAChB;YACE,UAAU,EAAE,KAAK;YACjB,OAAO,EAAE,SAAS;YAClB,SAAS,EACP,8FAA8F;SACjG;QACD;YACE,UAAU,EAAE,KAAK;YACjB,OAAO,EAAE,WAAW;YACpB,SAAS,EAAE,2CAA2C;SACvD;QACD;YACE,UAAU,EAAE,KAAK;YACjB,OAAO,EAAE,SAAS;YAClB,SAAS,EAAE,yCAAyC;SACrD;QACD;YACE,UAAU,EAAE,KAAK;YACjB,OAAO,EAAE,SAAS;YAClB,SAAS,EAAE,mDAAmD;SAC/D;QACD;YACE,UAAU,EAAE,KAAK;YACjB,OAAO,EAAE,CAAC,OAAO,EAAE,iBAAiB,CAAC;YACrC,SAAS,EAAE,wDAAwD;SACpE;QACD;YACE,UAAU,EAAE,IAAI;YAChB,OAAO,EAAE,SAAS;YAClB,SAAS,EACP,6FAA6F;SAChG;QACD;YACE,UAAU,EAAE,IAAI;YAChB,OAAO,EAAE,WAAW;YACpB,SAAS,EAAE,iDAAiD;SAC7D;QACD;YACE,UAAU,EAAE,IAAI;YAChB,OAAO,EAAE,SAAS;YAClB,SAAS,EAAE,+CAA+C;SAC3D;QACD;YACE,UAAU,EAAE,IAAI;YAChB,OAAO,EAAE,SAAS;YAClB,SAAS,EACP,mGAAmG;SACtG;QACD;YACE,UAAU,EAAE,IAAI;YAChB,OAAO,EAAE,CAAC,OAAO,EAAE,iBAAiB,CAAC;YACrC,SAAS,EACP,mGAAmG;SACtG;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,IAAI;QACV,OAAO,EAAE,SAAS;QAClB,UAAU,EAAE,KAAK;KAClB;CACF,CACF,CAAC;AAQF,MAAM,CAAC,IAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CACrC,UACE,EAOC,EACD,GAAG;IAPD,IAAA,KAAK,WAAA,EACL,SAAS,eAAA,EACT,YAAW,EAAX,IAAI,mBAAG,IAAI,KAAA,EACX,eAAmB,EAAnB,OAAO,mBAAG,SAAS,KAAA,EACnB,kBAAkB,EAAlB,UAAU,mBAAG,KAAK,KAAA,EACf,KAAK,cANV,uDAOC,CADS;IAIV,OAAO,CACL,sCACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,eAAe,CAAC,EAAE,IAAI,MAAA,EAAE,OAAO,SAAA,EAAE,UAAU,YAAA,EAAE,CAAC,EAC9C,SAAS,CACV,IACG,KAAK,GAER,KAAK,CACF,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SplitButton.d.ts","sourceRoot":"","sources":["../../../src/components/SplitButton.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"SplitButton.d.ts","sourceRoot":"","sources":["../../../src/components/SplitButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,EACL,WAAW,EAKX,kBAAkB,EACnB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,MAAM,EAAqB,MAAM,4BAA4B,CAAC;AAKvE,UAAU,sBAAsB;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IAC3E,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,kBAAkB,EAAE,UAAU,GAAG,SAAS,CAAC;IACxD;;OAEG;IACH,OAAO,EAAE,sBAAsB,EAAE,CAAC;IAElC;;OAEG;IACH,MAAM,CAAC,EAAE,sBAAsB,CAAC;IAEhC;;OAEG;IACH,aAAa,CAAC,EAAE,sBAAsB,CAAC;IAEvC;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,sBAAsB,KAAK,IAAI,CAAC;CAC3D;AAED,QAAA,MAAM,WAAW,4FA0EhB,CAAC;AAWF,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC;IACrE,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,WAAW,EAAE,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,CAAC;CACtE;AAED,QAAA,MAAM,eAAe,gGA2BpB,CAAC;AAIF,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,CAAC"}
|
|
@@ -1,21 +1,10 @@
|
|
|
1
1
|
import { __assign, __read, __rest } from "tslib";
|
|
2
|
-
import { cva } from "class-variance-authority";
|
|
3
2
|
import React, { useState } from "react";
|
|
4
3
|
import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, } from "../components";
|
|
5
|
-
import { Button
|
|
4
|
+
import { Button } from "../components/Button";
|
|
6
5
|
import { Separator } from "../components/Separator";
|
|
7
6
|
import { ChevronDownIcon } from "../icons/app";
|
|
8
7
|
import { cn } from "../lib";
|
|
9
|
-
var separatorSizeVariants = {
|
|
10
|
-
xs: "s-h-3",
|
|
11
|
-
sm: "s-h-5",
|
|
12
|
-
md: "s-h-7",
|
|
13
|
-
};
|
|
14
|
-
var separatorVariants = cva("s--ml-[1px]", {
|
|
15
|
-
variants: {
|
|
16
|
-
size: separatorSizeVariants,
|
|
17
|
-
},
|
|
18
|
-
});
|
|
19
8
|
var SplitButton = React.forwardRef(function (_a, ref) {
|
|
20
9
|
var actions = _a.actions, className = _a.className, size = _a.size, variant = _a.variant, disabled = _a.disabled, action = _a.action, defaultAction = _a.defaultAction, onActionChange = _a.onActionChange, props = __rest(_a, ["actions", "className", "size", "variant", "disabled", "action", "defaultAction", "onActionChange"]);
|
|
21
10
|
// If there are no actions, do not display anything
|
|
@@ -28,7 +17,7 @@ var SplitButton = React.forwardRef(function (_a, ref) {
|
|
|
28
17
|
var actionToUse = action !== null && action !== void 0 ? action : localAction;
|
|
29
18
|
return (React.createElement("div", { className: "s-flex s-items-center" },
|
|
30
19
|
React.createElement(Button, __assign({}, props, { size: size || undefined, variant: variant, label: actionToUse.label, icon: actionToUse.icon, disabled: disabled || actionToUse.disabled, onClick: function (e) { return actionToUse.onClick && actionToUse.onClick(e); }, ref: ref, className: cn("s-rounded-r-none s-border-r-0", className) })),
|
|
31
|
-
React.createElement("div", { className:
|
|
20
|
+
React.createElement("div", { className: "sm" },
|
|
32
21
|
React.createElement(Separator, { orientation: "vertical" })),
|
|
33
22
|
React.createElement(DropdownMenu, null,
|
|
34
23
|
React.createElement(DropdownMenuTrigger, { asChild: true },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SplitButton.js","sourceRoot":"","sources":["../../../src/components/SplitButton.tsx"],"names":[],"mappings":";AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"SplitButton.js","sourceRoot":"","sources":["../../../src/components/SplitButton.tsx"],"names":[],"mappings":"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"}
|
|
@@ -24,7 +24,7 @@ export function Tree(_a) {
|
|
|
24
24
|
});
|
|
25
25
|
return isLoading ? (React.createElement("div", { className: cn("s-py-2 s-pl-4", className) },
|
|
26
26
|
React.createElement(Spinner, { size: "xs", variant: "dark" }))) : (React.createElement("div", { className: cn("s-flex s-flex-col s-gap-0.5 s-overflow-hidden", isBoxed &&
|
|
27
|
-
"s-rounded-xl s-border s-border-border s-bg-muted-background s-
|
|
27
|
+
"s-rounded-xl s-border s-border-border s-bg-muted-background s-px-3 s-py-2 dark:s-border-border-night dark:s-bg-muted-background-night", className) }, modifiedChildren));
|
|
28
28
|
}
|
|
29
29
|
var treeItemStyleClasses = {
|
|
30
30
|
base: "s-group/tree s-flex s-cursor-default s-flex-row s-items-center s-gap-2 s-h-9",
|
|
@@ -90,7 +90,7 @@ Tree.Item = React.forwardRef(function (_a, ref) {
|
|
|
90
90
|
}
|
|
91
91
|
}
|
|
92
92
|
}) },
|
|
93
|
-
type === "node" && (React.createElement(Button, { icon: isExpanded ? ArrowDownSIcon : ArrowRightSIcon, size: "
|
|
93
|
+
type === "node" && (React.createElement(Button, { icon: isExpanded ? ArrowDownSIcon : ArrowRightSIcon, size: "xmini", variant: "ghost-secondary", disabled: !effectiveOnChevronClick, onClick: function (e) {
|
|
94
94
|
e.stopPropagation();
|
|
95
95
|
if (effectiveOnChevronClick) {
|
|
96
96
|
effectiveOnChevronClick();
|
|
@@ -112,6 +112,6 @@ Tree.Item = React.forwardRef(function (_a, ref) {
|
|
|
112
112
|
});
|
|
113
113
|
Tree.Empty = function (_a) {
|
|
114
114
|
var label = _a.label, onItemClick = _a.onItemClick;
|
|
115
|
-
return (React.createElement("div", { className: cn("s-
|
|
115
|
+
return (React.createElement("div", { className: cn("s-copy-sm s-py-1.5 s-pl-6 s-italic", "s-text-muted-foreground dark:s-text-muted-foreground-night", onItemClick ? "s-cursor-pointer" : ""), onClick: onItemClick }, label));
|
|
116
116
|
};
|
|
117
117
|
//# sourceMappingURL=Tree.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tree.js","sourceRoot":"","sources":["../../../src/components/Tree.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAGZ,WAAW,EACX,SAAS,EACT,QAAQ,GACT,MAAM,OAAO,CAAC;AAEf,OAAO,EACL,MAAM,EACN,IAAI,EACJ,OAAO,EACP,cAAc,EACd,aAAa,EACb,eAAe,EACf,WAAW,EACX,cAAc,GACf,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrE,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AAExC,OAAO,EAAE,QAAQ,EAAiB,MAAM,YAAY,CAAC;AAWrD,MAAM,UAAU,IAAI,CAAC,EAOT;QANV,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA,EACf,qBAAqB,2BAAA,EACrB,eAAkB,EAAlB,OAAO,mBAAG,QAAQ,KAAA,EAClB,SAAS,eAAA;IAET,IAAM,gBAAgB,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,UAAC,KAAK;QAC1D,2DAA2D;QAC3D,sEAAsE;QACtE,IAAI,KAAK,CAAC,cAAc,CAAgB,KAAK,CAAC,EAAE,CAAC;YAC/C,uDAAuD;YACvD,IAAM,UAAU,GAA2B,EAAE,CAAC;YAE9C,IAAI,OAAO,KAAK,WAAW,EAAE,CAAC;gBAC5B,UAAU,CAAC,aAAa,GAAG,IAAI,CAAC;YAClC,CAAC;YAED,IAAI,qBAAqB,EAAE,CAAC;gBAC1B,UAAU,CAAC,qBAAqB,GAAG,qBAAqB,CAAC;YAC3D,CAAC;YAED,OAAO,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC;QAC/C,CAAC;QACD,OAAO,KAAK,CAAC;IACf,CAAC,CAAC,CAAC;IAEH,OAAO,SAAS,CAAC,CAAC,CAAC,CACjB,6BAAK,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,SAAS,CAAC;QAC5C,oBAAC,OAAO,IAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAC,MAAM,GAAG,CAChC,CACP,CAAC,CAAC,CAAC,CACF,6BACE,SAAS,EAAE,EAAE,CACX,+CAA+C,EAC/C,OAAO;YACL
|
|
1
|
+
{"version":3,"file":"Tree.js","sourceRoot":"","sources":["../../../src/components/Tree.tsx"],"names":[],"mappings":"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"}
|
|
@@ -5,7 +5,7 @@ declare const meta: {
|
|
|
5
5
|
component: import("react").ForwardRefExoticComponent<{
|
|
6
6
|
variant?: "primary" | "highlight" | "warning" | "outline" | "ghost" | "ghost-secondary" | null | undefined;
|
|
7
7
|
onClick?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
|
|
8
|
-
size?: "xs" | "sm" | "md" | "mini" | undefined;
|
|
8
|
+
size?: "xs" | "sm" | "md" | "xmini" | "mini" | undefined;
|
|
9
9
|
tooltip?: string | undefined;
|
|
10
10
|
tooltipPosition?: "top" | "right" | "bottom" | "left" | undefined;
|
|
11
11
|
icon: import("react").ComponentType;
|
package/dist/sparkle.css
CHANGED
|
@@ -1159,10 +1159,6 @@ select {
|
|
|
1159
1159
|
margin-top: -1px;
|
|
1160
1160
|
}
|
|
1161
1161
|
|
|
1162
|
-
.s--ml-\[1px\] {
|
|
1163
|
-
margin-left: -1px;
|
|
1164
|
-
}
|
|
1165
|
-
|
|
1166
1162
|
.s-mb-0 {
|
|
1167
1163
|
margin-bottom: 0px;
|
|
1168
1164
|
}
|
|
@@ -1588,6 +1584,10 @@ select {
|
|
|
1588
1584
|
width: 16rem;
|
|
1589
1585
|
}
|
|
1590
1586
|
|
|
1587
|
+
.s-w-7 {
|
|
1588
|
+
width: 1.75rem;
|
|
1589
|
+
}
|
|
1590
|
+
|
|
1591
1591
|
.s-w-72 {
|
|
1592
1592
|
width: 18rem;
|
|
1593
1593
|
}
|
|
@@ -1698,16 +1698,16 @@ select {
|
|
|
1698
1698
|
min-width: 0px;
|
|
1699
1699
|
}
|
|
1700
1700
|
|
|
1701
|
-
.s-min-w-\[
|
|
1702
|
-
min-width:
|
|
1701
|
+
.s-min-w-\[20px\] {
|
|
1702
|
+
min-width: 20px;
|
|
1703
1703
|
}
|
|
1704
1704
|
|
|
1705
|
-
.s-min-w-\[
|
|
1706
|
-
min-width:
|
|
1705
|
+
.s-min-w-\[24px\] {
|
|
1706
|
+
min-width: 24px;
|
|
1707
1707
|
}
|
|
1708
1708
|
|
|
1709
|
-
.s-min-w-\[
|
|
1710
|
-
min-width:
|
|
1709
|
+
.s-min-w-\[28px\] {
|
|
1710
|
+
min-width: 28px;
|
|
1711
1711
|
}
|
|
1712
1712
|
|
|
1713
1713
|
.s-min-w-\[8rem\] {
|
|
@@ -3970,6 +3970,11 @@ select {
|
|
|
3970
3970
|
padding-right: 0px;
|
|
3971
3971
|
}
|
|
3972
3972
|
|
|
3973
|
+
.s-px-0\.5 {
|
|
3974
|
+
padding-left: 0.125rem;
|
|
3975
|
+
padding-right: 0.125rem;
|
|
3976
|
+
}
|
|
3977
|
+
|
|
3973
3978
|
.s-px-1 {
|
|
3974
3979
|
padding-left: 0.25rem;
|
|
3975
3980
|
padding-right: 0.25rem;
|
package/package.json
CHANGED
|
@@ -29,7 +29,7 @@ export const BUTTON_VARIANTS = [
|
|
|
29
29
|
|
|
30
30
|
export type ButtonVariantType = (typeof BUTTON_VARIANTS)[number];
|
|
31
31
|
|
|
32
|
-
export const BUTTON_SIZES = ["mini", "xs", "sm", "md"] as const;
|
|
32
|
+
export const BUTTON_SIZES = ["xmini", "mini", "xs", "sm", "md"] as const;
|
|
33
33
|
export type ButtonSizeType = (typeof BUTTON_SIZES)[number];
|
|
34
34
|
|
|
35
35
|
// Define button styling with cva
|
|
@@ -97,10 +97,11 @@ const buttonVariants = cva(
|
|
|
97
97
|
),
|
|
98
98
|
},
|
|
99
99
|
size: {
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
100
|
+
xmini: "s-h-6 s-w-6 s-rounded-lg s-label-xs s-gap-1 s-shrink-0",
|
|
101
|
+
mini: "s-h-7 s-w-7 s-rounded-lg s-label-xs s-gap-1.5 s-shrink-0",
|
|
102
|
+
xs: "s-h-7 s-px-2.5 s-rounded-lg s-label-xs s-gap-1.5 s-shrink-0",
|
|
103
|
+
sm: "s-h-9 s-px-3 s-rounded-xl s-label-sm s-gap-2 s-shrink-0",
|
|
104
|
+
md: "s-h-12 s-px-4 s-py-2 s-rounded-2xl s-label-base s-gap-2.5 s-shrink-0",
|
|
104
105
|
},
|
|
105
106
|
},
|
|
106
107
|
defaultVariants: {
|
|
@@ -113,7 +114,8 @@ const buttonVariants = cva(
|
|
|
113
114
|
const labelVariants = cva("", {
|
|
114
115
|
variants: {
|
|
115
116
|
size: {
|
|
116
|
-
|
|
117
|
+
xmini: "s-label-xs s-hidden",
|
|
118
|
+
mini: "s-label-xs s-hidden",
|
|
117
119
|
xs: "s-label-xs",
|
|
118
120
|
sm: "s-label-sm",
|
|
119
121
|
md: "s-label-base",
|
|
@@ -166,6 +168,25 @@ const MetaButton = React.forwardRef<HTMLButtonElement, MetaButtonProps>(
|
|
|
166
168
|
);
|
|
167
169
|
MetaButton.displayName = "MetaButton";
|
|
168
170
|
|
|
171
|
+
type IconSizeType = "xs" | "sm" | "md";
|
|
172
|
+
type CounterSizeType = "xs" | "sm" | "md";
|
|
173
|
+
|
|
174
|
+
const ICON_SIZE_MAP: Record<ButtonSizeType, IconSizeType> = {
|
|
175
|
+
xmini: "xs",
|
|
176
|
+
mini: "sm",
|
|
177
|
+
xs: "xs",
|
|
178
|
+
sm: "sm",
|
|
179
|
+
md: "md",
|
|
180
|
+
};
|
|
181
|
+
|
|
182
|
+
const COUNTER_SIZE_MAP: Record<ButtonSizeType, CounterSizeType> = {
|
|
183
|
+
xmini: "xs",
|
|
184
|
+
mini: "xs",
|
|
185
|
+
xs: "xs",
|
|
186
|
+
sm: "sm",
|
|
187
|
+
md: "md",
|
|
188
|
+
};
|
|
189
|
+
|
|
169
190
|
type CommonButtonProps = Omit<MetaButtonProps, "children"> &
|
|
170
191
|
Omit<LinkWrapperProps, "children"> & {
|
|
171
192
|
isSelect?: boolean;
|
|
@@ -214,17 +235,16 @@ const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
|
|
|
214
235
|
},
|
|
215
236
|
ref
|
|
216
237
|
) => {
|
|
217
|
-
const
|
|
218
|
-
const
|
|
219
|
-
(variant && spinnerVariantsMap[variant]) || "gray400";
|
|
238
|
+
const iconSize = ICON_SIZE_MAP[size];
|
|
239
|
+
const counterSize = COUNTER_SIZE_MAP[size];
|
|
220
240
|
|
|
221
241
|
const renderIcon = (visual: React.ComponentType, extraClass = "") => (
|
|
222
|
-
<Icon visual={visual} size={
|
|
242
|
+
<Icon visual={visual} size={iconSize} className={cn(extraClass)} />
|
|
223
243
|
);
|
|
224
244
|
const renderChevron = (visual: React.ComponentType, extraClass = "") => (
|
|
225
245
|
<Icon
|
|
226
246
|
visual={visual}
|
|
227
|
-
size={
|
|
247
|
+
size={iconSize}
|
|
228
248
|
className={cn(variant ? chevronVariantMap[variant] : "", extraClass)}
|
|
229
249
|
/>
|
|
230
250
|
);
|
|
@@ -235,8 +255,17 @@ const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
|
|
|
235
255
|
const content = (
|
|
236
256
|
<>
|
|
237
257
|
{isLoading ? (
|
|
238
|
-
<div
|
|
239
|
-
|
|
258
|
+
<div
|
|
259
|
+
className={cn(
|
|
260
|
+
"-s-mx-0.5",
|
|
261
|
+
size === "mini" && "s-w-5 s-px-0.5",
|
|
262
|
+
size === "xmini" && "s-w-5 s-px-0.5"
|
|
263
|
+
)}
|
|
264
|
+
>
|
|
265
|
+
<Spinner
|
|
266
|
+
size={size === "mini" || size === "xmini" ? "xs" : iconSize}
|
|
267
|
+
variant={(variant && spinnerVariantsMap[variant]) || "gray400"}
|
|
268
|
+
/>
|
|
240
269
|
</div>
|
|
241
270
|
) : (
|
|
242
271
|
icon && renderIcon(icon, "-s-mx-0.5")
|
|
@@ -254,7 +283,7 @@ const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
|
|
|
254
283
|
<Counter
|
|
255
284
|
value={Number(counterValue)}
|
|
256
285
|
variant={variant || "primary"}
|
|
257
|
-
size={
|
|
286
|
+
size={counterSize}
|
|
258
287
|
isInButton={true}
|
|
259
288
|
/>
|
|
260
289
|
)}
|
|
@@ -6,13 +6,13 @@ import { cn } from "@sparkle/lib/utils";
|
|
|
6
6
|
export const COUNTER_SIZES = ["xs", "sm", "md"] as const;
|
|
7
7
|
|
|
8
8
|
const counterVariants = cva(
|
|
9
|
-
"s-inline-flex s-items-center s-justify-center s-rounded-full
|
|
9
|
+
"s-inline-flex s-items-center s-justify-center s-rounded-full",
|
|
10
10
|
{
|
|
11
11
|
variants: {
|
|
12
12
|
size: {
|
|
13
|
-
xs: "s-h-5 s-min-w-[
|
|
14
|
-
sm: "s-h-6 s-min-w-[
|
|
15
|
-
md: "s-h-7 s-min-w-[
|
|
13
|
+
xs: "s-h-5 s-min-w-[20px] s-px-1 s-text-xs",
|
|
14
|
+
sm: "s-h-6 s-min-w-[24px] s-px-1.5 s-text-sm",
|
|
15
|
+
md: "s-h-7 s-min-w-[28px] s-px-2 s-text-base",
|
|
16
16
|
},
|
|
17
17
|
variant: {
|
|
18
18
|
primary: "",
|
|
@@ -32,27 +32,27 @@ const counterVariants = cva(
|
|
|
32
32
|
isInButton: false,
|
|
33
33
|
variant: "primary",
|
|
34
34
|
className:
|
|
35
|
-
"s-bg-primary dark:s-bg-primary-night s-text-primary-50 dark:s-text-primary-800",
|
|
35
|
+
"s-bg-primary dark:s-bg-primary-night s-text-primary-50 dark:s-text-primary-800 s-font-medium",
|
|
36
36
|
},
|
|
37
37
|
{
|
|
38
38
|
isInButton: false,
|
|
39
39
|
variant: "highlight",
|
|
40
|
-
className: "s-bg-highlight s-text-white",
|
|
40
|
+
className: "s-bg-highlight s-text-white s-font-medium",
|
|
41
41
|
},
|
|
42
42
|
{
|
|
43
43
|
isInButton: false,
|
|
44
44
|
variant: "warning",
|
|
45
|
-
className: "s-bg-warning s-text-white",
|
|
45
|
+
className: "s-bg-warning s-text-white s-font-medium",
|
|
46
46
|
},
|
|
47
47
|
{
|
|
48
48
|
isInButton: false,
|
|
49
49
|
variant: "outline",
|
|
50
|
-
className: "s-bg-primary-200 s-text-primary-900",
|
|
50
|
+
className: "s-bg-primary-200 s-text-primary-900 s-font-medium",
|
|
51
51
|
},
|
|
52
52
|
{
|
|
53
53
|
isInButton: false,
|
|
54
54
|
variant: ["ghost", "ghost-secondary"],
|
|
55
|
-
className: "s-text-primary dark:s-text-primary-night",
|
|
55
|
+
className: "s-text-primary dark:s-text-primary-night s-font-medium",
|
|
56
56
|
},
|
|
57
57
|
{
|
|
58
58
|
isInButton: true,
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { cva } from "class-variance-authority";
|
|
2
1
|
import React, { useState } from "react";
|
|
3
2
|
|
|
4
3
|
import {
|
|
@@ -9,27 +8,11 @@ import {
|
|
|
9
8
|
DropdownMenuTrigger,
|
|
10
9
|
RegularButtonProps,
|
|
11
10
|
} from "@sparkle/components/";
|
|
12
|
-
import {
|
|
13
|
-
Button,
|
|
14
|
-
ButtonSizeType,
|
|
15
|
-
ButtonVariantType,
|
|
16
|
-
} from "@sparkle/components/Button";
|
|
11
|
+
import { Button, ButtonVariantType } from "@sparkle/components/Button";
|
|
17
12
|
import { Separator } from "@sparkle/components/Separator";
|
|
18
13
|
import { ChevronDownIcon } from "@sparkle/icons/app";
|
|
19
14
|
import { cn } from "@sparkle/lib";
|
|
20
15
|
|
|
21
|
-
const separatorSizeVariants: Record<Exclude<ButtonSizeType, "mini">, string> = {
|
|
22
|
-
xs: "s-h-3",
|
|
23
|
-
sm: "s-h-5",
|
|
24
|
-
md: "s-h-7",
|
|
25
|
-
};
|
|
26
|
-
|
|
27
|
-
const separatorVariants = cva("s--ml-[1px]", {
|
|
28
|
-
variants: {
|
|
29
|
-
size: separatorSizeVariants,
|
|
30
|
-
},
|
|
31
|
-
});
|
|
32
|
-
|
|
33
16
|
interface SplitButtonActionProps {
|
|
34
17
|
label: string;
|
|
35
18
|
icon?: React.ComponentType;
|
|
@@ -101,7 +84,7 @@ const SplitButton = React.forwardRef<HTMLButtonElement, SplitButtonProps>(
|
|
|
101
84
|
ref={ref}
|
|
102
85
|
className={cn("s-rounded-r-none s-border-r-0", className)}
|
|
103
86
|
/>
|
|
104
|
-
<div className=
|
|
87
|
+
<div className="sm">
|
|
105
88
|
<Separator orientation="vertical" />
|
|
106
89
|
</div>
|
|
107
90
|
<DropdownMenu>
|