@dust-tt/sparkle 0.1.5 → 0.1.7
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 +1 -1
- 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/Item.d.ts +13 -0
- package/.rollup.cache/home/spolu/code/dust/sparkle/dist/components/Item.js +63 -0
- package/.rollup.cache/home/spolu/code/dust/sparkle/dist/components/Item.js.map +1 -0
- package/.rollup.cache/home/spolu/code/dust/sparkle/dist/components/Tab.js +5 -3
- 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 -6
- package/.rollup.cache/home/spolu/code/dust/sparkle/dist/context.js +9 -4
- package/.rollup.cache/home/spolu/code/dust/sparkle/dist/context.js.map +1 -1
- 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 +1 -1
- package/dist/cjs/components/Item.d.ts +13 -0
- package/dist/cjs/context.d.ts +12 -6
- package/dist/cjs/index.d.ts +2 -0
- package/dist/cjs/index.js +85 -19
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/components/Button.d.ts +1 -1
- package/dist/esm/components/Item.d.ts +13 -0
- package/dist/esm/context.d.ts +12 -6
- package/dist/esm/index.d.ts +2 -0
- package/dist/esm/index.js +85 -20
- package/dist/esm/index.js.map +1 -1
- package/package.json +1 -1
- package/src/components/Button.tsx +3 -1
- package/src/components/Item.tsx +122 -0
- package/src/components/Tab.tsx +10 -3
- package/src/context.tsx +60 -11
- package/src/index.ts +3 -0
|
@@ -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, { ComponentType,MouseEvent } from \"react\";\n\nimport { classNames } from \"@sparkle/lib/utils\";\n\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"]}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React, { ComponentType, MouseEvent } from "react";
|
|
2
|
+
type ItemProps = {
|
|
3
|
+
onClick?: (event: MouseEvent<HTMLAnchorElement>) => void;
|
|
4
|
+
size?: "sm" | "md";
|
|
5
|
+
selected?: boolean;
|
|
6
|
+
disabled?: boolean;
|
|
7
|
+
label: string;
|
|
8
|
+
icon?: ComponentType;
|
|
9
|
+
className?: string;
|
|
10
|
+
href?: string;
|
|
11
|
+
};
|
|
12
|
+
export declare function Item({ onClick, selected, disabled, label, icon, className, href, }: ItemProps): React.JSX.Element;
|
|
13
|
+
export {};
|
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { noHrefLink, SparkleContext, } from "@sparkle/context";
|
|
3
|
+
import { ChevronRight } from "@sparkle/icons/mini";
|
|
4
|
+
import { classNames } from "@sparkle/lib/utils";
|
|
5
|
+
import { Icon } from "./Icon";
|
|
6
|
+
var baseClasses = "group inline-flex transition-color ease-out duration-400 box-border gap-x-2 py-3 text-sm font-semibold";
|
|
7
|
+
var iconBaseClasses = "h-5 w-5 transition-color ease-out duration-400";
|
|
8
|
+
var iconClasses = {
|
|
9
|
+
default: {
|
|
10
|
+
base: "h-5 w-5 text-element-700",
|
|
11
|
+
hover: "group-hover:text-action-400",
|
|
12
|
+
dark: {
|
|
13
|
+
base: "dark:text-element-600-dark",
|
|
14
|
+
hover: "dark:group-hover:text-action-500-dark",
|
|
15
|
+
},
|
|
16
|
+
},
|
|
17
|
+
selected: {
|
|
18
|
+
base: "text-action-500",
|
|
19
|
+
hover: "",
|
|
20
|
+
dark: {
|
|
21
|
+
base: "dark:text-action-500-dark",
|
|
22
|
+
hover: "",
|
|
23
|
+
},
|
|
24
|
+
},
|
|
25
|
+
};
|
|
26
|
+
var stateClasses = {
|
|
27
|
+
default: {
|
|
28
|
+
base: "text-element-900 cursor-pointer",
|
|
29
|
+
hover: "hover:text-action-500",
|
|
30
|
+
active: "active:text-action-700",
|
|
31
|
+
dark: {
|
|
32
|
+
base: "dark:bg-action-500-dark dark:border-action-600-dark",
|
|
33
|
+
hover: "dark:hover:bg-action-500-dark dark:hover:border-action-500-dark",
|
|
34
|
+
active: "dark:active:bg-action-600-dark dark:active:border-action-700-dark",
|
|
35
|
+
},
|
|
36
|
+
disabled: "cursor-not-allowed opacity-50 bg-gray-200",
|
|
37
|
+
},
|
|
38
|
+
selected: {
|
|
39
|
+
base: "bg-action-500 border-action-600 text-white cursor-default",
|
|
40
|
+
dark: {
|
|
41
|
+
base: "dark:bg-action-500-dark dark:border-action-600-dark",
|
|
42
|
+
},
|
|
43
|
+
},
|
|
44
|
+
};
|
|
45
|
+
export function Item(_a) {
|
|
46
|
+
var _b, _c, _d;
|
|
47
|
+
var onClick = _a.onClick, _e = _a.selected, selected = _e === void 0 ? false : _e, _f = _a.disabled, disabled = _f === void 0 ? false : _f, label = _a.label, icon = _a.icon, _g = _a.className, className = _g === void 0 ? "" : _g, href = _a.href;
|
|
48
|
+
var components = React.useContext(SparkleContext).components;
|
|
49
|
+
var currentStateClasses = selected
|
|
50
|
+
? stateClasses.selected
|
|
51
|
+
: stateClasses.default;
|
|
52
|
+
var itemClasses = classNames(baseClasses, currentStateClasses.base, (_b = currentStateClasses.dark) === null || _b === void 0 ? void 0 : _b.base, disabled ? currentStateClasses.disabled : "", !selected && !disabled ? currentStateClasses.hover : "", !selected && !disabled ? (_c = currentStateClasses.dark) === null || _c === void 0 ? void 0 : _c.hover : "", !selected && !disabled ? currentStateClasses.active : "", !selected && !disabled ? (_d = currentStateClasses.dark) === null || _d === void 0 ? void 0 : _d.active : "", className);
|
|
53
|
+
var currentIconClasses = selected
|
|
54
|
+
? iconClasses.selected
|
|
55
|
+
: iconClasses.default;
|
|
56
|
+
var finalIconClasses = classNames(iconBaseClasses, currentIconClasses.base, currentIconClasses.hover, currentIconClasses.dark.base, currentIconClasses.dark.hover);
|
|
57
|
+
var Link = href ? components.link : noHrefLink;
|
|
58
|
+
return (React.createElement(Link, { className: itemClasses, onClick: selected || disabled ? undefined : onClick, "aria-label": label, href: href || "#" },
|
|
59
|
+
icon && React.createElement(Icon, { IconComponent: icon, className: finalIconClasses }),
|
|
60
|
+
React.createElement("span", { className: "grow" }, label),
|
|
61
|
+
React.createElement(Icon, { IconComponent: ChevronRight, className: finalIconClasses })));
|
|
62
|
+
}
|
|
63
|
+
//# sourceMappingURL=Item.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Item.js","sourceRoot":"","sources":["../../src/components/Item.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { ComponentType, MouseEvent } from \"react\";\n\nimport {\n noHrefLink,\n SparkleContext,\n SparkleContextLinkType,\n} from \"@sparkle/context\";\nimport { ChevronRight } from \"@sparkle/icons/mini\";\nimport { classNames } from \"@sparkle/lib/utils\";\n\nimport { Icon } from \"./Icon\";\n\ntype ItemProps = {\n onClick?: (event: MouseEvent<HTMLAnchorElement>) => void;\n size?: \"sm\" | \"md\";\n selected?: boolean;\n disabled?: boolean;\n label: string;\n icon?: ComponentType;\n className?: string;\n href?: string;\n};\n\nconst baseClasses =\n \"group inline-flex transition-color ease-out duration-400 box-border gap-x-2 py-3 text-sm font-semibold\";\n\nconst iconBaseClasses = \"h-5 w-5 transition-color ease-out duration-400\";\n\nconst iconClasses = {\n default: {\n base: \"h-5 w-5 text-element-700\",\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 stateClasses = {\n default: {\n base: \"text-element-900 cursor-pointer\",\n hover: \"hover:text-action-500\",\n active: \"active:text-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 disabled: \"cursor-not-allowed opacity-50 bg-gray-200\",\n },\n selected: {\n base: \"bg-action-500 border-action-600 text-white cursor-default\",\n dark: {\n base: \"dark:bg-action-500-dark dark:border-action-600-dark\",\n },\n },\n};\n\nexport function Item({\n onClick,\n selected = false,\n disabled = false,\n label,\n icon,\n className = \"\",\n href,\n}: ItemProps) {\n const { components } = React.useContext(SparkleContext);\n\n const currentStateClasses = selected\n ? stateClasses.selected\n : stateClasses.default;\n\n const itemClasses = classNames(\n baseClasses,\n currentStateClasses.base,\n currentStateClasses.dark?.base,\n disabled ? currentStateClasses.disabled : \"\",\n !selected && !disabled ? currentStateClasses.hover : \"\",\n !selected && !disabled ? currentStateClasses.dark?.hover : \"\",\n !selected && !disabled ? currentStateClasses.active : \"\",\n !selected && !disabled ? currentStateClasses.dark?.active : \"\",\n className\n );\n\n const currentIconClasses = selected\n ? iconClasses.selected\n : iconClasses.default;\n\n const finalIconClasses = classNames(\n iconBaseClasses,\n currentIconClasses.base,\n currentIconClasses.hover,\n currentIconClasses.dark.base,\n currentIconClasses.dark.hover\n );\n\n const Link: SparkleContextLinkType = href ? components.link : noHrefLink;\n\n return (\n <Link\n className={itemClasses}\n onClick={selected || disabled ? undefined : onClick}\n aria-label={label}\n href={href || \"#\"}\n >\n {icon && <Icon IconComponent={icon} className={finalIconClasses} />}\n <span className=\"grow\">{label}</span>\n <Icon IconComponent={ChevronRight} className={finalIconClasses} />\n </Link>\n );\n}\n"]}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import { SparkleContext } from "@sparkle/context";
|
|
2
|
+
import { noHrefLink, SparkleContext, } from "@sparkle/context";
|
|
3
3
|
import { classNames } from "@sparkle/lib/utils";
|
|
4
4
|
var tabClasses = {
|
|
5
5
|
default: {
|
|
@@ -44,7 +44,6 @@ var tabSizingClasses = {
|
|
|
44
44
|
export function Tab(_a) {
|
|
45
45
|
var tabs = _a.tabs, onTabClick = _a.onTabClick, _b = _a.className, className = _b === void 0 ? "" : _b;
|
|
46
46
|
var components = React.useContext(SparkleContext).components;
|
|
47
|
-
var Link = components.link;
|
|
48
47
|
var renderTabs = function () {
|
|
49
48
|
return tabs.map(function (tab) {
|
|
50
49
|
var _a, _b;
|
|
@@ -56,7 +55,10 @@ export function Tab(_a) {
|
|
|
56
55
|
: iconClasses.default;
|
|
57
56
|
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
57
|
var finalIconClasses = classNames("h-5 w-5 transition-colors duration-400", iconStateClasses.base, iconStateClasses.hover, iconStateClasses.dark.base, iconStateClasses.dark.hover, className);
|
|
59
|
-
|
|
58
|
+
var Link = tab.href
|
|
59
|
+
? components.link
|
|
60
|
+
: noHrefLink;
|
|
61
|
+
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
62
|
React.createElement("div", { className: tab.current
|
|
61
63
|
? "flex gap-x-2"
|
|
62
64
|
: "duration-400 flex scale-100 transform gap-x-2 transition-transform ease-out group-hover:scale-110" },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tab.js","sourceRoot":"","sources":["../../src/components/Tab.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,
|
|
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 {\n noHrefLink,\n SparkleContext,\n SparkleContextLinkType,\n} 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\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 const Link: SparkleContextLinkType = tab.href\n ? components.link\n : noHrefLink;\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"]}
|
|
@@ -1,12 +1,18 @@
|
|
|
1
1
|
import React, { ComponentType, MouseEvent, ReactNode } from "react";
|
|
2
|
+
export type SparkleContextLinkType = ComponentType<{
|
|
3
|
+
key?: React.Key | null;
|
|
4
|
+
href: string;
|
|
5
|
+
className?: string;
|
|
6
|
+
children: ReactNode;
|
|
7
|
+
ariaLabel?: string;
|
|
8
|
+
ariaCurrent?: boolean | "time" | "false" | "true" | "page" | "step" | "location" | "date";
|
|
9
|
+
onClick?: (event: MouseEvent<HTMLAnchorElement>) => void;
|
|
10
|
+
}>;
|
|
2
11
|
export type SparkleContextType = {
|
|
3
12
|
components: {
|
|
4
|
-
link:
|
|
5
|
-
href?: string;
|
|
6
|
-
className?: string;
|
|
7
|
-
children: ReactNode;
|
|
8
|
-
onClick?: (event: MouseEvent<HTMLAnchorElement>) => void;
|
|
9
|
-
}>;
|
|
13
|
+
link: SparkleContextLinkType;
|
|
10
14
|
};
|
|
11
15
|
};
|
|
16
|
+
export declare const aLink: SparkleContextLinkType;
|
|
17
|
+
export declare const noHrefLink: SparkleContextLinkType;
|
|
12
18
|
export declare const SparkleContext: React.Context<SparkleContextType>;
|
|
@@ -1,10 +1,15 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
+
export var aLink = function (_a) {
|
|
3
|
+
var key = _a.key, href = _a.href, className = _a.className, ariaCurrent = _a.ariaCurrent, ariaLabel = _a.ariaLabel, onClick = _a.onClick, children = _a.children;
|
|
4
|
+
return (React.createElement("a", { key: key, href: href, className: className, "aria-current": ariaCurrent, "aria-label": ariaLabel, onClick: onClick }, children));
|
|
5
|
+
};
|
|
6
|
+
export var noHrefLink = function (_a) {
|
|
7
|
+
var key = _a.key, className = _a.className, ariaCurrent = _a.ariaCurrent, ariaLabel = _a.ariaLabel, onClick = _a.onClick, children = _a.children;
|
|
8
|
+
return (React.createElement("a", { key: key, className: className, "aria-current": ariaCurrent, "arria-label": ariaLabel, onClick: onClick }, children));
|
|
9
|
+
};
|
|
2
10
|
export var SparkleContext = React.createContext({
|
|
3
11
|
components: {
|
|
4
|
-
link:
|
|
5
|
-
var href = _a.href, className = _a.className, children = _a.children;
|
|
6
|
-
return (React.createElement("a", { href: href, className: className }, children));
|
|
7
|
-
},
|
|
12
|
+
link: aLink,
|
|
8
13
|
},
|
|
9
14
|
});
|
|
10
15
|
//# sourceMappingURL=context.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"context.js","sourceRoot":"","sources":["../src/context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+C,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"context.js","sourceRoot":"","sources":["../src/context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+C,MAAM,OAAO,CAAC;AA0BpE,MAAM,CAAC,IAAM,KAAK,GAA2B,UAAC,EAQ7C;QAPC,GAAG,SAAA,EACH,IAAI,UAAA,EACJ,SAAS,eAAA,EACT,WAAW,iBAAA,EACX,SAAS,eAAA,EACT,OAAO,aAAA,EACP,QAAQ,cAAA;IACJ,OAAA,CACJ,2BACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,kBACN,WAAW,gBACb,SAAS,EACrB,OAAO,EAAE,OAAO,IAEf,QAAQ,CACP,CACL;AAXK,CAWL,CAAC;AAEF,MAAM,CAAC,IAAM,UAAU,GAA2B,UAAC,EAOlD;QANC,GAAG,SAAA,EACH,SAAS,eAAA,EACT,WAAW,iBAAA,EACX,SAAS,eAAA,EACT,OAAO,aAAA,EACP,QAAQ,cAAA;IACJ,OAAA,CACJ,2BACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,kBACN,WAAW,iBACZ,SAAS,EACtB,OAAO,EAAE,OAAO,IAEf,QAAQ,CACP,CACL;AAVK,CAUL,CAAC;AAEF,MAAM,CAAC,IAAM,cAAc,GAAG,KAAK,CAAC,aAAa,CAAqB;IACpE,UAAU,EAAE;QACV,IAAI,EAAE,KAAK;KACZ;CACF,CAAC,CAAC","sourcesContent":["import React, { ComponentType, MouseEvent, ReactNode } from \"react\";\n\nexport type SparkleContextLinkType = ComponentType<{\n key?: React.Key | null;\n href: string;\n className?: string;\n children: ReactNode;\n ariaLabel?: string;\n ariaCurrent?:\n | boolean\n | \"time\"\n | \"false\"\n | \"true\"\n | \"page\"\n | \"step\"\n | \"location\"\n | \"date\";\n onClick?: (event: MouseEvent<HTMLAnchorElement>) => void;\n}>;\n\nexport type SparkleContextType = {\n components: {\n link: SparkleContextLinkType;\n };\n};\n\nexport const aLink: SparkleContextLinkType = ({\n key,\n href,\n className,\n ariaCurrent,\n ariaLabel,\n onClick,\n children,\n}) => (\n <a\n key={key}\n href={href}\n className={className}\n aria-current={ariaCurrent}\n aria-label={ariaLabel}\n onClick={onClick}\n >\n {children}\n </a>\n);\n\nexport const noHrefLink: SparkleContextLinkType = ({\n key,\n className,\n ariaCurrent,\n ariaLabel,\n onClick,\n children,\n}) => (\n <a\n key={key}\n className={className}\n aria-current={ariaCurrent}\n arria-label={ariaLabel}\n onClick={onClick}\n >\n {children}\n </a>\n);\n\nexport const SparkleContext = React.createContext<SparkleContextType>({\n components: {\n link: aLink,\n },\n});\n"]}
|
|
@@ -5,6 +5,8 @@ import { Button } from "./components/Button";
|
|
|
5
5
|
export { Button };
|
|
6
6
|
import { Tab } from "./components/Tab";
|
|
7
7
|
export { Tab };
|
|
8
|
+
import { Item } from "./components/Item";
|
|
9
|
+
export { Item };
|
|
8
10
|
import { Icon } from "./components/Icon";
|
|
9
11
|
export { Icon };
|
|
10
12
|
import { Logo } from "./logo";
|
|
@@ -5,6 +5,8 @@ import { Button } from "./components/Button";
|
|
|
5
5
|
export { Button };
|
|
6
6
|
import { Tab } from "./components/Tab";
|
|
7
7
|
export { Tab };
|
|
8
|
+
import { Item } from "./components/Item";
|
|
9
|
+
export { Item };
|
|
8
10
|
import { Icon } from "./components/Icon";
|
|
9
11
|
export { Icon };
|
|
10
12
|
import { Logo } from "./logo";
|
|
@@ -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 { 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
|
+
{"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 { Item } from \"./components/Item\";\nexport { Item };\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"]}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React, { ComponentType, MouseEvent } from "react";
|
|
2
|
+
type ItemProps = {
|
|
3
|
+
onClick?: (event: MouseEvent<HTMLAnchorElement>) => void;
|
|
4
|
+
size?: "sm" | "md";
|
|
5
|
+
selected?: boolean;
|
|
6
|
+
disabled?: boolean;
|
|
7
|
+
label: string;
|
|
8
|
+
icon?: ComponentType;
|
|
9
|
+
className?: string;
|
|
10
|
+
href?: string;
|
|
11
|
+
};
|
|
12
|
+
export declare function Item({ onClick, selected, disabled, label, icon, className, href, }: ItemProps): React.JSX.Element;
|
|
13
|
+
export {};
|
package/dist/cjs/context.d.ts
CHANGED
|
@@ -1,12 +1,18 @@
|
|
|
1
1
|
import React, { ComponentType, MouseEvent, ReactNode } from "react";
|
|
2
|
+
export type SparkleContextLinkType = ComponentType<{
|
|
3
|
+
key?: React.Key | null;
|
|
4
|
+
href: string;
|
|
5
|
+
className?: string;
|
|
6
|
+
children: ReactNode;
|
|
7
|
+
ariaLabel?: string;
|
|
8
|
+
ariaCurrent?: boolean | "time" | "false" | "true" | "page" | "step" | "location" | "date";
|
|
9
|
+
onClick?: (event: MouseEvent<HTMLAnchorElement>) => void;
|
|
10
|
+
}>;
|
|
2
11
|
export type SparkleContextType = {
|
|
3
12
|
components: {
|
|
4
|
-
link:
|
|
5
|
-
href?: string;
|
|
6
|
-
className?: string;
|
|
7
|
-
children: ReactNode;
|
|
8
|
-
onClick?: (event: MouseEvent<HTMLAnchorElement>) => void;
|
|
9
|
-
}>;
|
|
13
|
+
link: SparkleContextLinkType;
|
|
10
14
|
};
|
|
11
15
|
};
|
|
16
|
+
export declare const aLink: SparkleContextLinkType;
|
|
17
|
+
export declare const noHrefLink: SparkleContextLinkType;
|
|
12
18
|
export declare const SparkleContext: React.Context<SparkleContextType>;
|
package/dist/cjs/index.d.ts
CHANGED
|
@@ -5,6 +5,8 @@ import { Button } from "./components/Button";
|
|
|
5
5
|
export { Button };
|
|
6
6
|
import { Tab } from "./components/Tab";
|
|
7
7
|
export { Tab };
|
|
8
|
+
import { Item } from "./components/Item";
|
|
9
|
+
export { Item };
|
|
8
10
|
import { Icon } from "./components/Icon";
|
|
9
11
|
export { Icon };
|
|
10
12
|
import { Logo } from "./logo";
|