@dust-tt/sparkle 0.1.3 → 0.1.5
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/.rollup.cache/home/spolu/code/dust/sparkle/dist/components/Button.d.ts +4 -3
- package/.rollup.cache/home/spolu/code/dust/sparkle/dist/components/Button.js +34 -9
- package/.rollup.cache/home/spolu/code/dust/sparkle/dist/components/Button.js.map +1 -1
- package/.rollup.cache/home/spolu/code/dust/sparkle/dist/components/Tab.d.ts +2 -1
- package/.rollup.cache/home/spolu/code/dust/sparkle/dist/components/Tab.js +17 -11
- package/.rollup.cache/home/spolu/code/dust/sparkle/dist/components/Tab.js.map +1 -1
- package/.rollup.cache/home/spolu/code/dust/sparkle/dist/context.d.ts +12 -0
- package/.rollup.cache/home/spolu/code/dust/sparkle/dist/context.js +10 -0
- package/.rollup.cache/home/spolu/code/dust/sparkle/dist/context.js.map +1 -0
- package/.rollup.cache/home/spolu/code/dust/sparkle/dist/index.d.ts +2 -0
- package/.rollup.cache/home/spolu/code/dust/sparkle/dist/index.js +2 -0
- package/.rollup.cache/home/spolu/code/dust/sparkle/dist/index.js.map +1 -1
- package/dist/cjs/components/Button.d.ts +4 -3
- package/dist/cjs/components/Tab.d.ts +2 -1
- package/dist/cjs/context.d.ts +12 -0
- package/dist/cjs/index.d.ts +2 -0
- package/dist/cjs/index.js +64 -25
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/components/Button.d.ts +4 -3
- package/dist/esm/components/Tab.d.ts +2 -1
- package/dist/esm/context.d.ts +12 -0
- package/dist/esm/index.d.ts +2 -0
- package/dist/esm/index.js +64 -26
- package/dist/esm/index.js.map +1 -1
- package/package.json +1 -1
- package/src/components/Button.tsx +40 -11
- package/src/components/Tab.tsx +32 -14
- package/src/context.tsx +22 -0
- package/src/index.ts +3 -0
- package/tailwind.config.js +8 -8
|
@@ -1,11 +1,12 @@
|
|
|
1
|
-
import React, { MouseEvent } from "react";
|
|
1
|
+
import React, { MouseEvent, ComponentType } from "react";
|
|
2
2
|
type ButtonProps = {
|
|
3
|
-
type?: "primary" | "secondary";
|
|
3
|
+
type?: "primary" | "secondary" | "tertiary";
|
|
4
4
|
size?: "xs" | "sm" | "md";
|
|
5
5
|
onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
|
|
6
6
|
disabled?: boolean;
|
|
7
7
|
label: string;
|
|
8
|
+
icon?: ComponentType;
|
|
8
9
|
className?: string;
|
|
9
10
|
};
|
|
10
|
-
export declare function Button({ type, size, onClick, disabled, label, className, }: ButtonProps): React.JSX.Element;
|
|
11
|
+
export declare function Button({ type, size, onClick, disabled, label, icon, className, }: ButtonProps): React.JSX.Element;
|
|
11
12
|
export {};
|
|
@@ -1,9 +1,20 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import { classNames } from "
|
|
2
|
+
import { classNames } from "@sparkle/lib/utils";
|
|
3
|
+
import { Icon } from "./Icon";
|
|
3
4
|
var sizeClasses = {
|
|
4
|
-
xs: "px-
|
|
5
|
-
sm: "px-
|
|
6
|
-
md: "px-
|
|
5
|
+
xs: "gap-x-1 px-3 py-1.5 text-xs font-semibold",
|
|
6
|
+
sm: "gap-x-1 px-4 py-2 text-sm font-semibold",
|
|
7
|
+
md: "gap-x-1.5 px-5 py-3 text-sm font-bold",
|
|
8
|
+
};
|
|
9
|
+
var containerClasses = {
|
|
10
|
+
xs: "px-0.5",
|
|
11
|
+
sm: "px-1",
|
|
12
|
+
md: "px-1",
|
|
13
|
+
};
|
|
14
|
+
var iconSizeClasses = {
|
|
15
|
+
xs: "h-4 w-4",
|
|
16
|
+
sm: "h-5 w-5",
|
|
17
|
+
md: "h-5 w-5",
|
|
7
18
|
};
|
|
8
19
|
var typeClasses = {
|
|
9
20
|
primary: {
|
|
@@ -17,11 +28,21 @@ var typeClasses = {
|
|
|
17
28
|
},
|
|
18
29
|
},
|
|
19
30
|
secondary: {
|
|
20
|
-
base: "text-action-500 border-structure-
|
|
31
|
+
base: "text-action-500 border-structure-300 bg-structure-0",
|
|
21
32
|
hover: "hover:bg-action-50 hover:border-action-300",
|
|
22
33
|
active: "active:bg-action-100 active:border-action-500",
|
|
23
34
|
dark: {
|
|
24
|
-
base: "dark:text-action-500-dark dark:border-structure-300-dark",
|
|
35
|
+
base: "dark:text-action-500-dark dark:border-structure-300-dark dark:bg-structure-50-dark",
|
|
36
|
+
hover: "dark:hover:bg-action-50-dark dark:hover:border-action-300-dark",
|
|
37
|
+
active: "dark:active:bg-action-100-dark dark:active:border-action-500-dark",
|
|
38
|
+
},
|
|
39
|
+
},
|
|
40
|
+
tertiary: {
|
|
41
|
+
base: "text-element-700 border-structure-300 bg-structure-0",
|
|
42
|
+
hover: "hover:text-element-800 hover:bg-action-50 hover:border-action-300",
|
|
43
|
+
active: "active:bg-action-100 active:border-action-500",
|
|
44
|
+
dark: {
|
|
45
|
+
base: "dark:text-element-700-dark dark:border-structure-300-dark dark:bg-structure-50-dark",
|
|
25
46
|
hover: "dark:hover:bg-action-50-dark dark:hover:border-action-300-dark",
|
|
26
47
|
active: "dark:active:bg-action-100-dark dark:active:border-action-500-dark",
|
|
27
48
|
},
|
|
@@ -29,8 +50,12 @@ var typeClasses = {
|
|
|
29
50
|
};
|
|
30
51
|
export function Button(_a) {
|
|
31
52
|
var _b, _c, _d, _e, _f, _g, _h, _j, _k;
|
|
32
|
-
var _l = _a.type, type = _l === void 0 ? "primary" : _l, _m = _a.size, size = _m === void 0 ? "sm" : _m, onClick = _a.onClick, _o = _a.disabled, disabled = _o === void 0 ? false : _o, label = _a.label, _p = _a.className, className = _p === void 0 ? "" : _p;
|
|
33
|
-
var buttonClasses = classNames("inline-flex items-center border
|
|
34
|
-
|
|
53
|
+
var _l = _a.type, type = _l === void 0 ? "primary" : _l, _m = _a.size, size = _m === void 0 ? "sm" : _m, onClick = _a.onClick, _o = _a.disabled, disabled = _o === void 0 ? false : _o, label = _a.label, icon = _a.icon, _p = _a.className, className = _p === void 0 ? "" : _p;
|
|
54
|
+
var buttonClasses = classNames("inline-flex items-center border transition-all ease-out duration-400 box-border rounded-full scale-95 hover:scale-100 hover:drop-shadow-md active:scale-95 active:drop-shadow-none", sizeClasses[size], (_b = typeClasses[type]) === null || _b === void 0 ? void 0 : _b.base, (_c = typeClasses[type]) === null || _c === void 0 ? void 0 : _c.hover, (_d = typeClasses[type]) === null || _d === void 0 ? void 0 : _d.active, (_f = (_e = typeClasses[type]) === null || _e === void 0 ? void 0 : _e.dark) === null || _f === void 0 ? void 0 : _f.base, (_h = (_g = typeClasses[type]) === null || _g === void 0 ? void 0 : _g.dark) === null || _h === void 0 ? void 0 : _h.hover, (_k = (_j = typeClasses[type]) === null || _j === void 0 ? void 0 : _j.dark) === null || _k === void 0 ? void 0 : _k.active, disabled ? "cursor-not-allowed opacity-50 bg-gray-200" : "", className);
|
|
55
|
+
var iconClasses = classNames(iconSizeClasses[size]);
|
|
56
|
+
var finalContainerClasses = classNames(containerClasses[size]);
|
|
57
|
+
return (React.createElement("button", { type: "button", className: buttonClasses, onClick: onClick, disabled: disabled, "aria-label": label },
|
|
58
|
+
icon && React.createElement(Icon, { IconComponent: icon, className: iconClasses }),
|
|
59
|
+
React.createElement("div", { className: finalContainerClasses }, label)));
|
|
35
60
|
}
|
|
36
61
|
//# sourceMappingURL=Button.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/components/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/components/Button.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { MouseEvent, ComponentType } from \"react\";\nimport { classNames } from \"@sparkle/lib/utils\";\nimport { Icon } from \"./Icon\";\n\ntype ButtonProps = {\n type?: \"primary\" | \"secondary\" | \"tertiary\";\n size?: \"xs\" | \"sm\" | \"md\";\n onClick?: (event: MouseEvent<HTMLButtonElement>) => void;\n disabled?: boolean;\n label: string;\n icon?: ComponentType;\n className?: string;\n};\n\nconst sizeClasses = {\n xs: \"gap-x-1 px-3 py-1.5 text-xs font-semibold\",\n sm: \"gap-x-1 px-4 py-2 text-sm font-semibold\",\n md: \"gap-x-1.5 px-5 py-3 text-sm font-bold\",\n};\n\nconst containerClasses = {\n xs: \"px-0.5\",\n sm: \"px-1\",\n md: \"px-1\",\n};\n\nconst iconSizeClasses = {\n xs: \"h-4 w-4\",\n sm: \"h-5 w-5\",\n md: \"h-5 w-5\",\n};\n\nconst typeClasses = {\n primary: {\n base: \"text-white bg-action-500 border-action-600\",\n hover: \"hover:bg-action-400 hover:border-action-500\",\n active: \"active:bg-action-600 active:border-action-700\",\n dark: {\n base: \"dark:bg-action-500-dark dark:border-action-600-dark\",\n hover: \"dark:hover:bg-action-500-dark dark:hover:border-action-500-dark\",\n active:\n \"dark:active:bg-action-600-dark dark:active:border-action-700-dark\",\n },\n },\n secondary: {\n base: \"text-action-500 border-structure-300 bg-structure-0\",\n hover: \"hover:bg-action-50 hover:border-action-300\",\n active: \"active:bg-action-100 active:border-action-500\",\n dark: {\n base: \"dark:text-action-500-dark dark:border-structure-300-dark dark:bg-structure-50-dark\",\n hover: \"dark:hover:bg-action-50-dark dark:hover:border-action-300-dark\",\n active:\n \"dark:active:bg-action-100-dark dark:active:border-action-500-dark\",\n },\n },\n tertiary: {\n base: \"text-element-700 border-structure-300 bg-structure-0\",\n hover: \"hover:text-element-800 hover:bg-action-50 hover:border-action-300\",\n active: \"active:bg-action-100 active:border-action-500\",\n dark: {\n base: \"dark:text-element-700-dark dark:border-structure-300-dark dark:bg-structure-50-dark\",\n hover: \"dark:hover:bg-action-50-dark dark:hover:border-action-300-dark\",\n active:\n \"dark:active:bg-action-100-dark dark:active:border-action-500-dark\",\n },\n },\n};\n\nexport function Button({\n type = \"primary\",\n size = \"sm\",\n onClick,\n disabled = false,\n label,\n icon,\n className = \"\",\n}: ButtonProps) {\n const buttonClasses = classNames(\n \"inline-flex items-center border transition-all ease-out duration-400 box-border rounded-full scale-95 hover:scale-100 hover:drop-shadow-md active:scale-95 active:drop-shadow-none\",\n sizeClasses[size],\n typeClasses[type]?.base,\n typeClasses[type]?.hover,\n typeClasses[type]?.active,\n typeClasses[type]?.dark?.base,\n typeClasses[type]?.dark?.hover,\n typeClasses[type]?.dark?.active,\n disabled ? \"cursor-not-allowed opacity-50 bg-gray-200\" : \"\",\n className\n );\n\n const iconClasses = classNames(iconSizeClasses[size]);\n const finalContainerClasses = classNames(containerClasses[size]);\n\n return (\n <button\n type=\"button\"\n className={buttonClasses}\n onClick={onClick}\n disabled={disabled}\n aria-label={label}\n >\n {icon && <Icon IconComponent={icon} className={iconClasses} />}\n <div className={finalContainerClasses}>{label}</div>\n </button>\n );\n}\n"]}
|
|
@@ -7,8 +7,9 @@ type TabProps = {
|
|
|
7
7
|
current: boolean;
|
|
8
8
|
sizing?: "hug" | "expand";
|
|
9
9
|
icon?: ReactComponentLike;
|
|
10
|
+
href?: string;
|
|
10
11
|
}>;
|
|
11
|
-
onTabClick?: (tabName: string, event: MouseEvent<
|
|
12
|
+
onTabClick?: (tabName: string, event: MouseEvent<HTMLAnchorElement>) => void;
|
|
12
13
|
className?: string;
|
|
13
14
|
};
|
|
14
15
|
export declare function Tab({ tabs, onTabClick, className }: TabProps): React.JSX.Element;
|
|
@@ -1,16 +1,17 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
+
import { SparkleContext } from "@sparkle/context";
|
|
2
3
|
import { classNames } from "@sparkle/lib/utils";
|
|
3
4
|
var tabClasses = {
|
|
4
5
|
default: {
|
|
5
6
|
base: "text-element-800 border-transparent cursor-pointer",
|
|
6
|
-
hover: "hover:text-action-
|
|
7
|
+
hover: "hover:text-action-500",
|
|
7
8
|
dark: {
|
|
8
|
-
base: "dark:text-element-
|
|
9
|
+
base: "dark:text-element-700-dark",
|
|
9
10
|
hover: "dark:hover:text-action-600-dark",
|
|
10
11
|
},
|
|
11
12
|
},
|
|
12
13
|
selected: {
|
|
13
|
-
base: "border-action-500 text-action-
|
|
14
|
+
base: "border-action-500 text-action-500 cursor-default",
|
|
14
15
|
hover: "",
|
|
15
16
|
dark: {
|
|
16
17
|
base: "dark:border-action-500-dark dark:text-action-500-dark",
|
|
@@ -21,17 +22,17 @@ var tabClasses = {
|
|
|
21
22
|
var iconClasses = {
|
|
22
23
|
default: {
|
|
23
24
|
base: "text-element-600",
|
|
24
|
-
hover: "group-hover:text-action-400
|
|
25
|
+
hover: "group-hover:text-action-400",
|
|
25
26
|
dark: {
|
|
26
27
|
base: "dark:text-element-600-dark",
|
|
27
|
-
hover: "dark:group-hover:text-action-
|
|
28
|
+
hover: "dark:group-hover:text-action-500-dark",
|
|
28
29
|
},
|
|
29
30
|
},
|
|
30
31
|
selected: {
|
|
31
|
-
base: "text-action-
|
|
32
|
+
base: "text-action-500",
|
|
32
33
|
hover: "",
|
|
33
34
|
dark: {
|
|
34
|
-
base: "dark:text-action-
|
|
35
|
+
base: "dark:text-action-500-dark",
|
|
35
36
|
hover: "",
|
|
36
37
|
},
|
|
37
38
|
},
|
|
@@ -42,6 +43,8 @@ var tabSizingClasses = {
|
|
|
42
43
|
};
|
|
43
44
|
export function Tab(_a) {
|
|
44
45
|
var tabs = _a.tabs, onTabClick = _a.onTabClick, _b = _a.className, className = _b === void 0 ? "" : _b;
|
|
46
|
+
var components = React.useContext(SparkleContext).components;
|
|
47
|
+
var Link = components.link;
|
|
45
48
|
var renderTabs = function () {
|
|
46
49
|
return tabs.map(function (tab) {
|
|
47
50
|
var _a, _b;
|
|
@@ -51,10 +54,13 @@ export function Tab(_a) {
|
|
|
51
54
|
var iconStateClasses = tab.current
|
|
52
55
|
? iconClasses.selected
|
|
53
56
|
: iconClasses.default;
|
|
54
|
-
var finalTabClasses = classNames("group justify-center flex
|
|
55
|
-
var finalIconClasses = classNames("h-5 w-5", iconStateClasses.base, iconStateClasses.hover, className);
|
|
56
|
-
return (React.createElement(
|
|
57
|
-
|
|
57
|
+
var finalTabClasses = classNames("group justify-center flex text-sm font-semibold px-4 py-3 border-b-2 transition-colors duration-400 whitespace-nowrap select-none", tabStateClasses.base, tabStateClasses.hover, tabStateClasses.dark.base, tabStateClasses.dark.hover, tabSizingClasses[(_a = tab.sizing) !== null && _a !== void 0 ? _a : "hug"], className);
|
|
58
|
+
var finalIconClasses = classNames("h-5 w-5 transition-colors duration-400", iconStateClasses.base, iconStateClasses.hover, iconStateClasses.dark.base, iconStateClasses.dark.hover, className);
|
|
59
|
+
return (React.createElement(Link, { key: tab.label, className: finalTabClasses, "aria-current": tab.current ? "page" : undefined, onClick: function (event) { return onTabClick === null || onTabClick === void 0 ? void 0 : onTabClick(tab.label, event); }, href: tab.href },
|
|
60
|
+
React.createElement("div", { className: tab.current
|
|
61
|
+
? "flex gap-x-2"
|
|
62
|
+
: "duration-400 flex scale-100 transform gap-x-2 transition-transform ease-out group-hover:scale-110" },
|
|
63
|
+
tab.icon && React.createElement(tab.icon, { className: finalIconClasses }), (_b = tab.hideLabel) !== null && _b !== void 0 ? _b : tab.label)));
|
|
58
64
|
});
|
|
59
65
|
};
|
|
60
66
|
return (React.createElement("div", { className: "border-b border-structure-200 dark:border-structure-200-dark" },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tab.js","sourceRoot":"","sources":["../../src/components/Tab.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"Tab.js","sourceRoot":"","sources":["../../src/components/Tab.tsx"],"names":[],"mappings":"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","sourcesContent":["import { ReactComponentLike } from \"prop-types\";\nimport React, { MouseEvent } from \"react\";\n\nimport { SparkleContext } from \"@sparkle/context\";\nimport { classNames } from \"@sparkle/lib/utils\";\n\ntype TabProps = {\n tabs: Array<{\n label: string;\n hideLabel?: boolean;\n current: boolean;\n sizing?: \"hug\" | \"expand\";\n icon?: ReactComponentLike;\n href?: string;\n }>;\n onTabClick?: (tabName: string, event: MouseEvent<HTMLAnchorElement>) => void;\n className?: string;\n};\n\nconst tabClasses = {\n default: {\n base: \"text-element-800 border-transparent cursor-pointer\",\n hover: \"hover:text-action-500\",\n dark: {\n base: \"dark:text-element-700-dark\",\n hover: \"dark:hover:text-action-600-dark\",\n },\n },\n selected: {\n base: \"border-action-500 text-action-500 cursor-default\",\n hover: \"\",\n dark: {\n base: \"dark:border-action-500-dark dark:text-action-500-dark\",\n hover: \"\",\n },\n },\n};\n\nconst iconClasses = {\n default: {\n base: \"text-element-600\",\n hover: \"group-hover:text-action-400\",\n dark: {\n base: \"dark:text-element-600-dark\",\n hover: \"dark:group-hover:text-action-500-dark\",\n },\n },\n selected: {\n base: \"text-action-500\",\n hover: \"\",\n dark: {\n base: \"dark:text-action-500-dark\",\n hover: \"\",\n },\n },\n};\n\nconst tabSizingClasses = {\n hug: \"\",\n expand: \"flex-1\",\n};\n\nexport function Tab({ tabs, onTabClick, className = \"\" }: TabProps) {\n const { components } = React.useContext(SparkleContext);\n const Link = components.link;\n\n const renderTabs = () =>\n tabs.map((tab) => {\n const tabStateClasses = tab.current\n ? tabClasses.selected\n : tabClasses.default;\n const iconStateClasses = tab.current\n ? iconClasses.selected\n : iconClasses.default;\n\n const finalTabClasses = classNames(\n \"group justify-center flex text-sm font-semibold px-4 py-3 border-b-2 transition-colors duration-400 whitespace-nowrap select-none\",\n tabStateClasses.base,\n tabStateClasses.hover,\n tabStateClasses.dark.base,\n tabStateClasses.dark.hover,\n tabSizingClasses[tab.sizing ?? \"hug\"],\n className\n );\n\n const finalIconClasses = classNames(\n \"h-5 w-5 transition-colors duration-400\",\n iconStateClasses.base,\n iconStateClasses.hover,\n iconStateClasses.dark.base,\n iconStateClasses.dark.hover,\n className\n );\n\n return (\n <Link\n key={tab.label}\n className={finalTabClasses}\n aria-current={tab.current ? \"page\" : undefined}\n onClick={(event) => onTabClick?.(tab.label, event)}\n href={tab.href}\n >\n <div\n className={\n tab.current\n ? \"flex gap-x-2\"\n : \"duration-400 flex scale-100 transform gap-x-2 transition-transform ease-out group-hover:scale-110\"\n }\n >\n {tab.icon && <tab.icon className={finalIconClasses} />}\n {tab.hideLabel ?? tab.label}\n </div>\n </Link>\n );\n });\n\n return (\n <div className=\"border-b border-structure-200 dark:border-structure-200-dark\">\n <nav className=\"-mb-px flex space-x-0\" aria-label=\"Tabs\">\n {renderTabs()}\n </nav>\n </div>\n );\n}\n"]}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React, { ComponentType, MouseEvent, ReactNode } from "react";
|
|
2
|
+
export type SparkleContextType = {
|
|
3
|
+
components: {
|
|
4
|
+
link: ComponentType<{
|
|
5
|
+
href?: string;
|
|
6
|
+
className?: string;
|
|
7
|
+
children: ReactNode;
|
|
8
|
+
onClick?: (event: MouseEvent<HTMLAnchorElement>) => void;
|
|
9
|
+
}>;
|
|
10
|
+
};
|
|
11
|
+
};
|
|
12
|
+
export declare const SparkleContext: React.Context<SparkleContextType>;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
export var SparkleContext = React.createContext({
|
|
3
|
+
components: {
|
|
4
|
+
link: function (_a) {
|
|
5
|
+
var href = _a.href, className = _a.className, children = _a.children;
|
|
6
|
+
return (React.createElement("a", { href: href, className: className }, children));
|
|
7
|
+
},
|
|
8
|
+
},
|
|
9
|
+
});
|
|
10
|
+
//# sourceMappingURL=context.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"context.js","sourceRoot":"","sources":["../src/context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+C,MAAM,OAAO,CAAC;AAapE,MAAM,CAAC,IAAM,cAAc,GAAG,KAAK,CAAC,aAAa,CAAqB;IACpE,UAAU,EAAE;QACV,IAAI,EAAE,UAAC,EAA6B;gBAA3B,IAAI,UAAA,EAAE,SAAS,eAAA,EAAE,QAAQ,cAAA;YAAO,OAAA,CACvC,2BAAG,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,IAChC,QAAQ,CACP,CACL;QAJwC,CAIxC;KACF;CACF,CAAC,CAAC","sourcesContent":["import React, { ComponentType, MouseEvent, ReactNode } from \"react\";\n\nexport type SparkleContextType = {\n components: {\n link: ComponentType<{\n href?: string;\n className?: string;\n children: ReactNode;\n onClick?: (event: MouseEvent<HTMLAnchorElement>) => void;\n }>;\n };\n};\n\nexport const SparkleContext = React.createContext<SparkleContextType>({\n components: {\n link: ({ href, className, children }) => (\n <a href={href} className={className}>\n {children}\n </a>\n ),\n },\n});\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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","sourcesContent":["import \"./styles/global.css\";\n\nimport { Button } from \"./components/Button\";\nexport { Button };\n\nimport { Tab } from \"./components/Tab\";\nexport { Tab };\n\nimport { Icon } from \"./components/Icon\";\nexport { Icon };\n\nimport { Logo } from \"./logo\";\nexport { Logo };\n\nimport {\n ArrowUpOnSquare as ArrowUpOnSquareIcon,\n Beaker as BeakerIcon,\n BeakerPlus as BeakerPlusIcon,\n ChatBubbleBottomCenterPlus as ChatBubbleBottomCenterPlusIcon,\n ChatBubbleBottomCenterText as ChatBubbleBottomCenterTextIcon,\n ChatBubbleLeftRight as ChatBubbleLeftRightIcon,\n CheckCircle as CheckCircleIcon,\n ChevronDown as ChevronDownIcon,\n ChevronLeft as ChevronLeftIcon,\n ChevronRight as ChevronRightIcon,\n ChevronUp as ChevronUpIcon,\n Clipboard as ClipboardIcon,\n CloudArrowDown as CloudArrowDownIcon,\n Cog6Tooth as Cog6ToothIcon,\n CommandLine as CommandLineIcon,\n DocumentPlus as DocumentPlusIcon,\n DocumentText as DocumentTextIcon,\n ExclamationCircle as ExclamationCircleIcon,\n FolderOpen as FolderOpenIcon,\n HandThumbDown as HandThumbDownIcon,\n HandThumbUp as HandThumbUpIcon,\n InformationCircle as InformationCircleIcon,\n Key as KeyIcon,\n MagnifyingGlass as MagnifyingGlassIcon,\n PaperAirplane as PaperAirplaneIcon,\n PencilSquare as PencilSquareIcon,\n Plus as PlusIcon,\n QuestionMarkCircle as QuestionMarkCircleIcon,\n Server as ServerIcon,\n Square3Stack3D as Square3Stack3DIcon,\n XCircle as XCircleIcon,\n XMark as XMarkIcon,\n} from \"./icons/mini\";\n\nexport {\n ArrowUpOnSquareIcon,\n BeakerIcon,\n BeakerPlusIcon,\n ChatBubbleBottomCenterPlusIcon,\n ChatBubbleBottomCenterTextIcon,\n ChatBubbleLeftRightIcon,\n CheckCircleIcon,\n ChevronDownIcon,\n ChevronLeftIcon,\n ChevronRightIcon,\n ChevronUpIcon,\n ClipboardIcon,\n CloudArrowDownIcon,\n Cog6ToothIcon,\n CommandLineIcon,\n DocumentPlusIcon,\n DocumentTextIcon,\n ExclamationCircleIcon,\n FolderOpenIcon,\n HandThumbDownIcon,\n HandThumbUpIcon,\n InformationCircleIcon,\n KeyIcon,\n MagnifyingGlassIcon,\n PaperAirplaneIcon,\n PencilSquareIcon,\n PlusIcon,\n QuestionMarkCircleIcon,\n ServerIcon,\n Square3Stack3DIcon,\n XCircleIcon,\n XMarkIcon,\n};\n\nimport {\n ArrowUpOnSquare as ArrowUpOnSquareStrokeIcon,\n Beaker as BeakerStrokeIcon,\n BeakerPlus as BeakerPlusStrokeIcon,\n ChatBubbleBottomCenterPlus as ChatBubbleBottomCenterPlusStrokeIcon,\n ChatBubbleBottomCenterText as ChatBubbleBottomCenterTextStrokeIcon,\n ChatBubbleLeftRight as ChatBubbleLeftRightStrokeIcon,\n CheckCircle as CheckCircleStrokeIcon,\n ChevronDown as ChevronDownStrokeIcon,\n ChevronLeft as ChevronLeftStrokeIcon,\n ChevronRight as ChevronRightStrokeIcon,\n ChevronUp as ChevronUpStrokeIcon,\n Clipboard as ClipboardStrokeIcon,\n CloudArrowDown as CloudArrowDownStrokeIcon,\n Cog6Tooth as Cog6ToothStrokeIcon,\n CommandLine as CommandLineStrokeIcon,\n DocumentPlus as DocumentPlusStrokeIcon,\n DocumentText as DocumentTextStrokeIcon,\n ExclamationCircle as ExclamationCircleStrokeIcon,\n FolderOpen as FolderOpenStrokeIcon,\n HandThumbDown as HandThumbDownStrokeIcon,\n HandThumbUp as HandThumbUpStrokeIcon,\n InformationCircle as InformationCircleStrokeIcon,\n Key as KeyStrokeIcon,\n MagnifyingGlass as MagnifyingGlassStrokeIcon,\n PaperAirplane as PaperAirplaneStrokeIcon,\n PencilSquare as PencilSquareStrokeIcon,\n Plus as PlusStrokeIcon,\n QuestionMarkCircle as QuestionMarkCircleStrokeIcon,\n Server as ServerStrokeIcon,\n Square3Stack3D as Square3Stack3DStrokeIcon,\n XCircle as XCircleStrokeIcon,\n XMark as XMarkStrokeIcon,\n} from \"./icons/solid_stroke\";\n\nexport {\n ArrowUpOnSquareStrokeIcon,\n BeakerPlusStrokeIcon,\n BeakerStrokeIcon,\n ChatBubbleBottomCenterPlusStrokeIcon,\n ChatBubbleBottomCenterTextStrokeIcon,\n ChatBubbleLeftRightStrokeIcon,\n CheckCircleStrokeIcon,\n ChevronDownStrokeIcon,\n ChevronLeftStrokeIcon,\n ChevronRightStrokeIcon,\n ChevronUpStrokeIcon,\n ClipboardStrokeIcon,\n CloudArrowDownStrokeIcon,\n Cog6ToothStrokeIcon,\n CommandLineStrokeIcon,\n DocumentPlusStrokeIcon,\n DocumentTextStrokeIcon,\n ExclamationCircleStrokeIcon,\n FolderOpenStrokeIcon,\n HandThumbDownStrokeIcon,\n HandThumbUpStrokeIcon,\n InformationCircleStrokeIcon,\n KeyStrokeIcon,\n MagnifyingGlassStrokeIcon,\n PaperAirplaneStrokeIcon,\n PencilSquareStrokeIcon,\n PlusStrokeIcon,\n QuestionMarkCircleStrokeIcon,\n ServerStrokeIcon,\n Square3Stack3DStrokeIcon,\n XCircleStrokeIcon,\n XMarkStrokeIcon,\n};\n\nimport {\n ArrowUpOnSquare as ArrowUpOnSquareSolidIcon,\n Beaker as BeakerSolidIcon,\n BeakerPlus as BeakerPlusSolidIcon,\n ChatBubbleBottomCenterPlus as ChatBubbleBottomCenterPlusSolidIcon,\n ChatBubbleBottomCenterText as ChatBubbleBottomCenterTextSolidIcon,\n ChatBubbleLeftRight as ChatBubbleLeftRightSolidIcon,\n CheckCircle as CheckCircleSolidIcon,\n ChevronDown as ChevronDownSolidIcon,\n ChevronLeft as ChevronLeftSolidIcon,\n ChevronRight as ChevronRightSolidIcon,\n ChevronUp as ChevronUpSolidIcon,\n Clipboard as ClipboardSolidIcon,\n CloudArrowDown as CloudArrowDownSolidIcon,\n Cog6Tooth as Cog6ToothSolidIcon,\n CommandLine as CommandLineSolidIcon,\n DocumentPlus as DocumentPlusSolidIcon,\n DocumentText as DocumentTextSolidIcon,\n ExclamationCircle as ExclamationCircleSolidIcon,\n FolderOpen as FolderOpenSolidIcon,\n HandThumbDown as HandThumbDownSolidIcon,\n HandThumbUp as HandThumbUpSolidIcon,\n InformationCircle as InformationCircleSolidIcon,\n Key as KeySolidIcon,\n MagnifyingGlass as MagnifyingGlassSolidIcon,\n PaperAirplane as PaperAirplaneSolidIcon,\n PencilSquare as PencilSquareSolidIcon,\n Plus as PlusSolidIcon,\n QuestionMarkCircle as QuestionMarkCircleSolidIcon,\n Server as ServerSolidIcon,\n Square3Stack3D as Square3Stack3DSolidIcon,\n XCircle as XCircleSolidIcon,\n XMark as XMarkSolidIcon,\n} from \"./icons/solid\";\n\nexport {\n ArrowUpOnSquareSolidIcon,\n BeakerPlusSolidIcon,\n BeakerSolidIcon,\n ChatBubbleBottomCenterPlusSolidIcon,\n ChatBubbleBottomCenterTextSolidIcon,\n ChatBubbleLeftRightSolidIcon,\n CheckCircleSolidIcon,\n ChevronDownSolidIcon,\n ChevronLeftSolidIcon,\n ChevronRightSolidIcon,\n ChevronUpSolidIcon,\n ClipboardSolidIcon,\n CloudArrowDownSolidIcon,\n Cog6ToothSolidIcon,\n CommandLineSolidIcon,\n DocumentPlusSolidIcon,\n DocumentTextSolidIcon,\n ExclamationCircleSolidIcon,\n FolderOpenSolidIcon,\n HandThumbDownSolidIcon,\n HandThumbUpSolidIcon,\n InformationCircleSolidIcon,\n KeySolidIcon,\n MagnifyingGlassSolidIcon,\n PaperAirplaneSolidIcon,\n PencilSquareSolidIcon,\n PlusSolidIcon,\n QuestionMarkCircleSolidIcon,\n ServerSolidIcon,\n Square3Stack3DSolidIcon,\n XCircleSolidIcon,\n XMarkSolidIcon,\n};\n"]}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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","sourcesContent":["import \"./styles/global.css\";\n\nimport { SparkleContext } from \"./context\";\nexport { SparkleContext };\n\nimport { Button } from \"./components/Button\";\nexport { Button };\n\nimport { Tab } from \"./components/Tab\";\nexport { Tab };\n\nimport { Icon } from \"./components/Icon\";\nexport { Icon };\n\nimport { Logo } from \"./logo\";\nexport { Logo };\n\nimport {\n ArrowUpOnSquare as ArrowUpOnSquareIcon,\n Beaker as BeakerIcon,\n BeakerPlus as BeakerPlusIcon,\n ChatBubbleBottomCenterPlus as ChatBubbleBottomCenterPlusIcon,\n ChatBubbleBottomCenterText as ChatBubbleBottomCenterTextIcon,\n ChatBubbleLeftRight as ChatBubbleLeftRightIcon,\n CheckCircle as CheckCircleIcon,\n ChevronDown as ChevronDownIcon,\n ChevronLeft as ChevronLeftIcon,\n ChevronRight as ChevronRightIcon,\n ChevronUp as ChevronUpIcon,\n Clipboard as ClipboardIcon,\n CloudArrowDown as CloudArrowDownIcon,\n Cog6Tooth as Cog6ToothIcon,\n CommandLine as CommandLineIcon,\n DocumentPlus as DocumentPlusIcon,\n DocumentText as DocumentTextIcon,\n ExclamationCircle as ExclamationCircleIcon,\n FolderOpen as FolderOpenIcon,\n HandThumbDown as HandThumbDownIcon,\n HandThumbUp as HandThumbUpIcon,\n InformationCircle as InformationCircleIcon,\n Key as KeyIcon,\n MagnifyingGlass as MagnifyingGlassIcon,\n PaperAirplane as PaperAirplaneIcon,\n PencilSquare as PencilSquareIcon,\n Plus as PlusIcon,\n QuestionMarkCircle as QuestionMarkCircleIcon,\n Server as ServerIcon,\n Square3Stack3D as Square3Stack3DIcon,\n XCircle as XCircleIcon,\n XMark as XMarkIcon,\n} from \"./icons/mini\";\n\nexport {\n ArrowUpOnSquareIcon,\n BeakerIcon,\n BeakerPlusIcon,\n ChatBubbleBottomCenterPlusIcon,\n ChatBubbleBottomCenterTextIcon,\n ChatBubbleLeftRightIcon,\n CheckCircleIcon,\n ChevronDownIcon,\n ChevronLeftIcon,\n ChevronRightIcon,\n ChevronUpIcon,\n ClipboardIcon,\n CloudArrowDownIcon,\n Cog6ToothIcon,\n CommandLineIcon,\n DocumentPlusIcon,\n DocumentTextIcon,\n ExclamationCircleIcon,\n FolderOpenIcon,\n HandThumbDownIcon,\n HandThumbUpIcon,\n InformationCircleIcon,\n KeyIcon,\n MagnifyingGlassIcon,\n PaperAirplaneIcon,\n PencilSquareIcon,\n PlusIcon,\n QuestionMarkCircleIcon,\n ServerIcon,\n Square3Stack3DIcon,\n XCircleIcon,\n XMarkIcon,\n};\n\nimport {\n ArrowUpOnSquare as ArrowUpOnSquareStrokeIcon,\n Beaker as BeakerStrokeIcon,\n BeakerPlus as BeakerPlusStrokeIcon,\n ChatBubbleBottomCenterPlus as ChatBubbleBottomCenterPlusStrokeIcon,\n ChatBubbleBottomCenterText as ChatBubbleBottomCenterTextStrokeIcon,\n ChatBubbleLeftRight as ChatBubbleLeftRightStrokeIcon,\n CheckCircle as CheckCircleStrokeIcon,\n ChevronDown as ChevronDownStrokeIcon,\n ChevronLeft as ChevronLeftStrokeIcon,\n ChevronRight as ChevronRightStrokeIcon,\n ChevronUp as ChevronUpStrokeIcon,\n Clipboard as ClipboardStrokeIcon,\n CloudArrowDown as CloudArrowDownStrokeIcon,\n Cog6Tooth as Cog6ToothStrokeIcon,\n CommandLine as CommandLineStrokeIcon,\n DocumentPlus as DocumentPlusStrokeIcon,\n DocumentText as DocumentTextStrokeIcon,\n ExclamationCircle as ExclamationCircleStrokeIcon,\n FolderOpen as FolderOpenStrokeIcon,\n HandThumbDown as HandThumbDownStrokeIcon,\n HandThumbUp as HandThumbUpStrokeIcon,\n InformationCircle as InformationCircleStrokeIcon,\n Key as KeyStrokeIcon,\n MagnifyingGlass as MagnifyingGlassStrokeIcon,\n PaperAirplane as PaperAirplaneStrokeIcon,\n PencilSquare as PencilSquareStrokeIcon,\n Plus as PlusStrokeIcon,\n QuestionMarkCircle as QuestionMarkCircleStrokeIcon,\n Server as ServerStrokeIcon,\n Square3Stack3D as Square3Stack3DStrokeIcon,\n XCircle as XCircleStrokeIcon,\n XMark as XMarkStrokeIcon,\n} from \"./icons/solid_stroke\";\n\nexport {\n ArrowUpOnSquareStrokeIcon,\n BeakerPlusStrokeIcon,\n BeakerStrokeIcon,\n ChatBubbleBottomCenterPlusStrokeIcon,\n ChatBubbleBottomCenterTextStrokeIcon,\n ChatBubbleLeftRightStrokeIcon,\n CheckCircleStrokeIcon,\n ChevronDownStrokeIcon,\n ChevronLeftStrokeIcon,\n ChevronRightStrokeIcon,\n ChevronUpStrokeIcon,\n ClipboardStrokeIcon,\n CloudArrowDownStrokeIcon,\n Cog6ToothStrokeIcon,\n CommandLineStrokeIcon,\n DocumentPlusStrokeIcon,\n DocumentTextStrokeIcon,\n ExclamationCircleStrokeIcon,\n FolderOpenStrokeIcon,\n HandThumbDownStrokeIcon,\n HandThumbUpStrokeIcon,\n InformationCircleStrokeIcon,\n KeyStrokeIcon,\n MagnifyingGlassStrokeIcon,\n PaperAirplaneStrokeIcon,\n PencilSquareStrokeIcon,\n PlusStrokeIcon,\n QuestionMarkCircleStrokeIcon,\n ServerStrokeIcon,\n Square3Stack3DStrokeIcon,\n XCircleStrokeIcon,\n XMarkStrokeIcon,\n};\n\nimport {\n ArrowUpOnSquare as ArrowUpOnSquareSolidIcon,\n Beaker as BeakerSolidIcon,\n BeakerPlus as BeakerPlusSolidIcon,\n ChatBubbleBottomCenterPlus as ChatBubbleBottomCenterPlusSolidIcon,\n ChatBubbleBottomCenterText as ChatBubbleBottomCenterTextSolidIcon,\n ChatBubbleLeftRight as ChatBubbleLeftRightSolidIcon,\n CheckCircle as CheckCircleSolidIcon,\n ChevronDown as ChevronDownSolidIcon,\n ChevronLeft as ChevronLeftSolidIcon,\n ChevronRight as ChevronRightSolidIcon,\n ChevronUp as ChevronUpSolidIcon,\n Clipboard as ClipboardSolidIcon,\n CloudArrowDown as CloudArrowDownSolidIcon,\n Cog6Tooth as Cog6ToothSolidIcon,\n CommandLine as CommandLineSolidIcon,\n DocumentPlus as DocumentPlusSolidIcon,\n DocumentText as DocumentTextSolidIcon,\n ExclamationCircle as ExclamationCircleSolidIcon,\n FolderOpen as FolderOpenSolidIcon,\n HandThumbDown as HandThumbDownSolidIcon,\n HandThumbUp as HandThumbUpSolidIcon,\n InformationCircle as InformationCircleSolidIcon,\n Key as KeySolidIcon,\n MagnifyingGlass as MagnifyingGlassSolidIcon,\n PaperAirplane as PaperAirplaneSolidIcon,\n PencilSquare as PencilSquareSolidIcon,\n Plus as PlusSolidIcon,\n QuestionMarkCircle as QuestionMarkCircleSolidIcon,\n Server as ServerSolidIcon,\n Square3Stack3D as Square3Stack3DSolidIcon,\n XCircle as XCircleSolidIcon,\n XMark as XMarkSolidIcon,\n} from \"./icons/solid\";\n\nexport {\n ArrowUpOnSquareSolidIcon,\n BeakerPlusSolidIcon,\n BeakerSolidIcon,\n ChatBubbleBottomCenterPlusSolidIcon,\n ChatBubbleBottomCenterTextSolidIcon,\n ChatBubbleLeftRightSolidIcon,\n CheckCircleSolidIcon,\n ChevronDownSolidIcon,\n ChevronLeftSolidIcon,\n ChevronRightSolidIcon,\n ChevronUpSolidIcon,\n ClipboardSolidIcon,\n CloudArrowDownSolidIcon,\n Cog6ToothSolidIcon,\n CommandLineSolidIcon,\n DocumentPlusSolidIcon,\n DocumentTextSolidIcon,\n ExclamationCircleSolidIcon,\n FolderOpenSolidIcon,\n HandThumbDownSolidIcon,\n HandThumbUpSolidIcon,\n InformationCircleSolidIcon,\n KeySolidIcon,\n MagnifyingGlassSolidIcon,\n PaperAirplaneSolidIcon,\n PencilSquareSolidIcon,\n PlusSolidIcon,\n QuestionMarkCircleSolidIcon,\n ServerSolidIcon,\n Square3Stack3DSolidIcon,\n XCircleSolidIcon,\n XMarkSolidIcon,\n};\n"]}
|
|
@@ -1,11 +1,12 @@
|
|
|
1
|
-
import React, { MouseEvent } from "react";
|
|
1
|
+
import React, { MouseEvent, ComponentType } from "react";
|
|
2
2
|
type ButtonProps = {
|
|
3
|
-
type?: "primary" | "secondary";
|
|
3
|
+
type?: "primary" | "secondary" | "tertiary";
|
|
4
4
|
size?: "xs" | "sm" | "md";
|
|
5
5
|
onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
|
|
6
6
|
disabled?: boolean;
|
|
7
7
|
label: string;
|
|
8
|
+
icon?: ComponentType;
|
|
8
9
|
className?: string;
|
|
9
10
|
};
|
|
10
|
-
export declare function Button({ type, size, onClick, disabled, label, className, }: ButtonProps): React.JSX.Element;
|
|
11
|
+
export declare function Button({ type, size, onClick, disabled, label, icon, className, }: ButtonProps): React.JSX.Element;
|
|
11
12
|
export {};
|
|
@@ -7,8 +7,9 @@ type TabProps = {
|
|
|
7
7
|
current: boolean;
|
|
8
8
|
sizing?: "hug" | "expand";
|
|
9
9
|
icon?: ReactComponentLike;
|
|
10
|
+
href?: string;
|
|
10
11
|
}>;
|
|
11
|
-
onTabClick?: (tabName: string, event: MouseEvent<
|
|
12
|
+
onTabClick?: (tabName: string, event: MouseEvent<HTMLAnchorElement>) => void;
|
|
12
13
|
className?: string;
|
|
13
14
|
};
|
|
14
15
|
export declare function Tab({ tabs, onTabClick, className }: TabProps): React.JSX.Element;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React, { ComponentType, MouseEvent, ReactNode } from "react";
|
|
2
|
+
export type SparkleContextType = {
|
|
3
|
+
components: {
|
|
4
|
+
link: ComponentType<{
|
|
5
|
+
href?: string;
|
|
6
|
+
className?: string;
|
|
7
|
+
children: ReactNode;
|
|
8
|
+
onClick?: (event: MouseEvent<HTMLAnchorElement>) => void;
|
|
9
|
+
}>;
|
|
10
|
+
};
|
|
11
|
+
};
|
|
12
|
+
export declare const SparkleContext: React.Context<SparkleContextType>;
|