@dust-tt/sparkle 0.2.266 → 0.2.267
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 +585 -192
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/components/Checkbox.d.ts +20 -9
- package/dist/esm/components/Checkbox.d.ts.map +1 -1
- package/dist/esm/components/Checkbox.js +43 -56
- package/dist/esm/components/Checkbox.js.map +1 -1
- package/dist/esm/components/index.d.ts +2 -1
- package/dist/esm/components/index.d.ts.map +1 -1
- package/dist/esm/components/index.js +1 -1
- package/dist/esm/components/index.js.map +1 -1
- package/dist/esm/stories/Checkbox.stories.d.ts +4 -10
- package/dist/esm/stories/Checkbox.stories.d.ts.map +1 -1
- package/dist/esm/stories/Checkbox.stories.js +26 -51
- package/dist/esm/stories/Checkbox.stories.js.map +1 -1
- package/dist/esm/stories/Tree.stories.d.ts.map +1 -1
- package/dist/esm/stories/Tree.stories.js +37 -76
- package/dist/esm/stories/Tree.stories.js.map +1 -1
- package/dist/sparkle.css +37 -61
- package/package.json +3 -1
- package/src/components/Checkbox.tsx +87 -103
- package/src/components/index.ts +6 -1
- package/src/stories/Checkbox.stories.tsx +44 -87
- package/src/stories/Tree.stories.tsx +37 -76
|
@@ -1,12 +1,23 @@
|
|
|
1
|
+
import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
|
|
2
|
+
import { VariantProps } from "class-variance-authority";
|
|
1
3
|
import React from "react";
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
className?: string;
|
|
4
|
+
declare const checkboxStyles: (props?: ({
|
|
5
|
+
checked?: boolean | "partial" | null | undefined;
|
|
6
|
+
size?: "xs" | "sm" | null | undefined;
|
|
7
|
+
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
8
|
+
type CheckBoxStateType = boolean | "partial";
|
|
9
|
+
interface CheckboxProps extends Omit<React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>, "checked" | "defaultChecked">, VariantProps<typeof checkboxStyles> {
|
|
10
|
+
checked?: CheckBoxStateType;
|
|
10
11
|
}
|
|
11
|
-
|
|
12
|
+
declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLButtonElement>>;
|
|
13
|
+
interface CheckboxWithTextProps extends CheckboxProps {
|
|
14
|
+
text: string;
|
|
15
|
+
}
|
|
16
|
+
declare function CheckboxWithText({ text, ...props }: CheckboxWithTextProps): React.JSX.Element;
|
|
17
|
+
interface CheckboxWithTextAndDescriptionProps extends CheckboxWithTextProps {
|
|
18
|
+
description: string;
|
|
19
|
+
}
|
|
20
|
+
declare function CheckBoxWithTextAndDescription({ text, description, ...props }: CheckboxWithTextAndDescriptionProps): React.JSX.Element;
|
|
21
|
+
export { Checkbox, CheckboxWithText, CheckBoxWithTextAndDescription };
|
|
22
|
+
export type { CheckboxProps };
|
|
12
23
|
//# sourceMappingURL=Checkbox.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAO,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,QAAA,MAAM,cAAc;;;mFAwBnB,CAAC;AAEF,KAAK,iBAAiB,GAAG,OAAO,GAAG,SAAS,CAAC;AAE7C,UAAU,aACR,SAAQ,IAAI,CACR,KAAK,CAAC,wBAAwB,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC,EAC7D,SAAS,GAAG,gBAAgB,CAC7B,EACD,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC,OAAO,CAAC,EAAE,iBAAiB,CAAC;CAC7B;AAED,QAAA,MAAM,QAAQ,yFAgBZ,CAAC;AAIH,UAAU,qBAAsB,SAAQ,aAAa;IACnD,IAAI,EAAE,MAAM,CAAC;CACd;AAED,iBAAS,gBAAgB,CAAC,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,qBAAqB,qBASlE;AAED,UAAU,mCAAoC,SAAQ,qBAAqB;IACzE,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,iBAAS,8BAA8B,CAAC,EACtC,IAAI,EACJ,WAAW,EACX,GAAG,KAAK,EACT,EAAE,mCAAmC,qBAYrC;AAED,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,8BAA8B,EAAE,CAAC;AACtE,YAAY,EAAE,aAAa,EAAE,CAAC"}
|
|
@@ -1,62 +1,49 @@
|
|
|
1
|
+
import { __assign, __rest } from "tslib";
|
|
2
|
+
import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
|
|
3
|
+
import { cva } from "class-variance-authority";
|
|
1
4
|
import React from "react";
|
|
2
5
|
import { CheckIcon, DashIcon } from "../icons/solid";
|
|
3
|
-
import {
|
|
6
|
+
import { cn } from "../lib/utils";
|
|
4
7
|
import { Icon } from "./Icon";
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
isPartialChecked = false;
|
|
13
|
-
break;
|
|
14
|
-
case "unchecked":
|
|
15
|
-
isChecked = false;
|
|
16
|
-
isPartialChecked = false;
|
|
17
|
-
break;
|
|
18
|
-
case "partial":
|
|
19
|
-
isChecked = true;
|
|
20
|
-
isPartialChecked = true;
|
|
21
|
-
break;
|
|
22
|
-
default:
|
|
23
|
-
throw new Error("Invalid checked prop");
|
|
24
|
-
}
|
|
25
|
-
var baseStyleClasses = {
|
|
26
|
-
base: "s-border s-justify-center s-flex s-items-center s-transition-colors s-duration-300 s-ease-out",
|
|
27
|
-
idle: "s-bg-structure-50 s-border-element-600 s-cursor-pointer",
|
|
28
|
-
hover: "hover:s-border-action-500 hover:s-bg-action-200 hover:s-text-white/100",
|
|
29
|
-
disabled: "s-bg-structure-0 s-border-structure-300 s-cursor-default",
|
|
30
|
-
dark: {
|
|
31
|
-
base: "dark:s-bg-structure-50-dark dark:s-border-element-500-dark",
|
|
32
|
-
hover: "dark:hover:s-border-action-500-dark dark:hover:s-bg-action-200-dark",
|
|
33
|
-
disabled: "dark:s-bg-structure-0-dark dark:s-border-structure-300-dark s-cursor-default",
|
|
8
|
+
import { Label } from "./Label";
|
|
9
|
+
var checkboxStyles = cva(cn("s-shrink-0 s-peer s-border s-border-primary-500 s-text-foreground", "data-[state=checked]:s-text-white data-[state=checked]:s-text-foreground", "focus-visible:s-ring-ring s-ring-offset-background focus-visible:s-outline-none focus-visible:s-ring-2 focus-visible:s-ring-offset-2", "disabled:s-cursor-not-allowed disabled:s-opacity-50"), {
|
|
10
|
+
variants: {
|
|
11
|
+
checked: {
|
|
12
|
+
true: "data-[state=checked]:s-bg-action-500",
|
|
13
|
+
partial: "data-[state=checked]:s-bg-muted-foreground",
|
|
14
|
+
false: "",
|
|
34
15
|
},
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
return (React.createElement("
|
|
56
|
-
React.createElement(
|
|
57
|
-
React.createElement(
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
16
|
+
size: {
|
|
17
|
+
xs: "s-h-4 s-w-4 s-rounded",
|
|
18
|
+
sm: "s-h-5 s-w-5 s-rounded-md",
|
|
19
|
+
},
|
|
20
|
+
},
|
|
21
|
+
defaultVariants: {
|
|
22
|
+
size: "sm",
|
|
23
|
+
checked: false,
|
|
24
|
+
},
|
|
25
|
+
});
|
|
26
|
+
var Checkbox = React.forwardRef(function (_a, ref) {
|
|
27
|
+
var className = _a.className, size = _a.size, checked = _a.checked, props = __rest(_a, ["className", "size", "checked"]);
|
|
28
|
+
return (React.createElement(CheckboxPrimitive.Root, __assign({ ref: ref, className: cn(checkboxStyles({ checked: checked, size: size }), className), checked: checked === "partial" ? "indeterminate" : checked }, props),
|
|
29
|
+
React.createElement(CheckboxPrimitive.Indicator, { className: "s-flex s-items-center s-justify-center s-text-current" },
|
|
30
|
+
React.createElement("span", { className: cn(size === "xs" ? "-s-mt-px" : "") },
|
|
31
|
+
React.createElement(Icon, { size: "xs", visual: checked === "partial" ? DashIcon : CheckIcon })))));
|
|
32
|
+
});
|
|
33
|
+
Checkbox.displayName = CheckboxPrimitive.Root.displayName;
|
|
34
|
+
function CheckboxWithText(_a) {
|
|
35
|
+
var text = _a.text, props = __rest(_a, ["text"]);
|
|
36
|
+
return (React.createElement("div", { className: "s-items-top s-flex s-items-center s-space-x-2" },
|
|
37
|
+
React.createElement(Checkbox, __assign({}, props)),
|
|
38
|
+
React.createElement(Label, { className: "s-text-sm s-leading-none peer-disabled:s-cursor-not-allowed peer-disabled:s-opacity-70" }, text)));
|
|
39
|
+
}
|
|
40
|
+
function CheckBoxWithTextAndDescription(_a) {
|
|
41
|
+
var text = _a.text, description = _a.description, props = __rest(_a, ["text", "description"]);
|
|
42
|
+
return (React.createElement("div", { className: "s-items-top s-flex s-space-x-2" },
|
|
43
|
+
React.createElement(Checkbox, __assign({}, props)),
|
|
44
|
+
React.createElement("div", { className: "s-grid s-gap-1.5 s-leading-none" },
|
|
45
|
+
React.createElement(Label, { className: "s-text-sm s-leading-none peer-disabled:s-cursor-not-allowed peer-disabled:s-opacity-70" }, text),
|
|
46
|
+
React.createElement("p", { className: "s-text-xs s-text-muted-foreground" }, description))));
|
|
61
47
|
}
|
|
48
|
+
export { Checkbox, CheckboxWithText, CheckBoxWithTextAndDescription };
|
|
62
49
|
//# sourceMappingURL=Checkbox.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../src/components/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,
|
|
1
|
+
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../src/components/Checkbox.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAE,GAAG,EAAgB,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAC3D,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AAExC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,IAAM,cAAc,GAAG,GAAG,CACxB,EAAE,CACA,mEAAmE,EACnE,0EAA0E,EAC1E,sIAAsI,EACtI,qDAAqD,CACtD,EACD;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,IAAI,EAAE,sCAAsC;YAC5C,OAAO,EAAE,4CAA4C;YACrD,KAAK,EAAE,EAAE;SACV;QACD,IAAI,EAAE;YACJ,EAAE,EAAE,uBAAuB;YAC3B,EAAE,EAAE,0BAA0B;SAC/B;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,IAAI;QACV,OAAO,EAAE,KAAK;KACf;CACF,CACF,CAAC;AAaF,IAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAG/B,UAAC,EAAsC,EAAE,GAAG;IAAzC,IAAA,SAAS,eAAA,EAAE,IAAI,UAAA,EAAE,OAAO,aAAA,EAAK,KAAK,cAApC,gCAAsC,CAAF;IAAY,OAAA,CACjD,oBAAC,iBAAiB,CAAC,IAAI,aACrB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,cAAc,CAAC,EAAE,OAAO,SAAA,EAAE,IAAI,MAAA,EAAE,CAAC,EAAE,SAAS,CAAC,EAC3D,OAAO,EAAE,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,OAAO,IACtD,KAAK;QAET,oBAAC,iBAAiB,CAAC,SAAS,IAAC,SAAS,EAAC,uDAAuD;YAC5F,8BAAM,SAAS,EAAE,EAAE,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC;gBAClD,oBAAC,IAAI,IAAC,IAAI,EAAC,IAAI,EAAC,MAAM,EAAE,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,GAAI,CACnE,CACqB,CACP,CAC1B,CAAA;CAAA,CAAC,CAAC;AAEH,QAAQ,CAAC,WAAW,GAAG,iBAAiB,CAAC,IAAI,CAAC,WAAW,CAAC;AAM1D,SAAS,gBAAgB,CAAC,EAAyC;IAAvC,IAAA,IAAI,UAAA,EAAK,KAAK,cAAhB,QAAkB,CAAF;IACxC,OAAO,CACL,6BAAK,SAAS,EAAC,+CAA+C;QAC5D,oBAAC,QAAQ,eAAK,KAAK,EAAI;QACvB,oBAAC,KAAK,IAAC,SAAS,EAAC,wFAAwF,IACtG,IAAI,CACC,CACJ,CACP,CAAC;AACJ,CAAC;AAMD,SAAS,8BAA8B,CAAC,EAIF;IAHpC,IAAA,IAAI,UAAA,EACJ,WAAW,iBAAA,EACR,KAAK,cAH8B,uBAIvC,CADS;IAER,OAAO,CACL,6BAAK,SAAS,EAAC,gCAAgC;QAC7C,oBAAC,QAAQ,eAAK,KAAK,EAAI;QACvB,6BAAK,SAAS,EAAC,iCAAiC;YAC9C,oBAAC,KAAK,IAAC,SAAS,EAAC,wFAAwF,IACtG,IAAI,CACC;YACR,2BAAG,SAAS,EAAC,mCAAmC,IAAE,WAAW,CAAK,CAC9D,CACF,CACP,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,8BAA8B,EAAE,CAAC"}
|
|
@@ -5,7 +5,8 @@ export { BarHeader } from "./BarHeader";
|
|
|
5
5
|
export { Breadcrumbs } from "./Breadcrumbs";
|
|
6
6
|
export { Button } from "./Button";
|
|
7
7
|
export { CardButton } from "./CardButton";
|
|
8
|
-
export {
|
|
8
|
+
export type { CheckboxProps } from "./Checkbox";
|
|
9
|
+
export { Checkbox, CheckboxWithText, CheckBoxWithTextAndDescription, } from "./Checkbox";
|
|
9
10
|
export { Chip } from "./Chip";
|
|
10
11
|
export { Citation } from "./Citation";
|
|
11
12
|
export { default as CollapseButton } from "./CollapseButton";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -5,7 +5,7 @@ export { BarHeader } from "./BarHeader";
|
|
|
5
5
|
export { Breadcrumbs } from "./Breadcrumbs";
|
|
6
6
|
export { Button } from "./Button";
|
|
7
7
|
export { CardButton } from "./CardButton";
|
|
8
|
-
export { Checkbox } from "./Checkbox";
|
|
8
|
+
export { Checkbox, CheckboxWithText, CheckBoxWithTextAndDescription, } from "./Checkbox";
|
|
9
9
|
export { Chip } from "./Chip";
|
|
10
10
|
export { Citation } from "./Citation";
|
|
11
11
|
export { default as CollapseButton } from "./CollapseButton";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,16 +1,10 @@
|
|
|
1
|
-
import type { StoryObj } from "@storybook/react";
|
|
2
1
|
import React from "react";
|
|
3
|
-
import { Checkbox } from "../index_with_tw_base";
|
|
4
2
|
declare const meta: {
|
|
5
3
|
title: string;
|
|
6
|
-
component:
|
|
4
|
+
component: React.ForwardRefExoticComponent<import("../index_with_tw_base").CheckboxProps & React.RefAttributes<HTMLButtonElement>>;
|
|
7
5
|
};
|
|
8
6
|
export default meta;
|
|
9
|
-
|
|
10
|
-
export declare const
|
|
11
|
-
export declare const
|
|
12
|
-
export declare const Checked: Story;
|
|
13
|
-
export declare const Unchecked: Story;
|
|
14
|
-
export declare const PartialChecked: Story;
|
|
15
|
-
export declare const Disabled: Story;
|
|
7
|
+
export declare const CheckBoxSizesExample: () => React.JSX.Element;
|
|
8
|
+
export declare const CheckBoxWithTextExample: () => React.JSX.Element;
|
|
9
|
+
export declare const CheckBoxWithTextAndDescriptionExample: () => React.JSX.Element;
|
|
16
10
|
//# sourceMappingURL=Checkbox.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/Checkbox.stories.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Checkbox.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/Checkbox.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,QAAA,MAAM,IAAI;;;CAGuB,CAAC;AAElC,eAAe,IAAI,CAAC;AAMpB,eAAO,MAAM,oBAAoB,yBA4BhC,CAAC;AAEF,eAAO,MAAM,uBAAuB,yBAMnC,CAAC;AAEF,eAAO,MAAM,qCAAqC,yBAajD,CAAC"}
|
|
@@ -1,64 +1,39 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import { Checkbox } from "../index_with_tw_base";
|
|
2
|
+
import { Checkbox, CheckboxWithText, CheckBoxWithTextAndDescription, } from "../index_with_tw_base";
|
|
3
3
|
var meta = {
|
|
4
4
|
title: "Primitives/Checkbox",
|
|
5
5
|
component: Checkbox,
|
|
6
6
|
};
|
|
7
7
|
export default meta;
|
|
8
|
-
|
|
9
|
-
//
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
};
|
|
8
|
+
var handleChange = function () {
|
|
9
|
+
// This function intentionally left blank
|
|
10
|
+
};
|
|
11
|
+
export var CheckBoxSizesExample = function () {
|
|
13
12
|
return (React.createElement("div", { className: "s-flex s-flex-col s-gap-10" },
|
|
14
|
-
"SM",
|
|
15
13
|
React.createElement("div", { className: "s-flex s-gap-10" },
|
|
16
|
-
"
|
|
17
|
-
React.createElement(Checkbox, {
|
|
18
|
-
React.createElement(Checkbox, {
|
|
19
|
-
React.createElement(Checkbox, { checked:
|
|
20
|
-
|
|
21
|
-
React.createElement(Checkbox, {
|
|
22
|
-
React.createElement(Checkbox, { checked: "
|
|
23
|
-
React.createElement(Checkbox, { checked: "partial", variant: "checkable", onChange: handleChange })),
|
|
24
|
-
"XS",
|
|
14
|
+
"SM",
|
|
15
|
+
React.createElement(Checkbox, { onChange: handleChange }),
|
|
16
|
+
React.createElement(Checkbox, { disabled: true, onChange: handleChange }),
|
|
17
|
+
React.createElement(Checkbox, { checked: true, onChange: handleChange }),
|
|
18
|
+
React.createElement(Checkbox, { checked: true, disabled: true, onChange: handleChange }),
|
|
19
|
+
React.createElement(Checkbox, { checked: "partial", onChange: handleChange }),
|
|
20
|
+
React.createElement(Checkbox, { checked: "partial", disabled: true, onChange: handleChange })),
|
|
25
21
|
React.createElement("div", { className: "s-flex s-gap-10" },
|
|
26
|
-
"
|
|
27
|
-
React.createElement(Checkbox, { size: "xs",
|
|
28
|
-
React.createElement(Checkbox, { size: "xs",
|
|
29
|
-
React.createElement(Checkbox, { size: "xs", checked:
|
|
30
|
-
"
|
|
31
|
-
React.createElement(Checkbox, { size: "xs",
|
|
32
|
-
React.createElement(Checkbox, { size: "xs", checked: "
|
|
33
|
-
React.createElement(Checkbox, { size: "xs", checked: "partial", variant: "checkable", onChange: handleChange }))));
|
|
34
|
-
};
|
|
35
|
-
export var Selectable = {
|
|
36
|
-
args: {
|
|
37
|
-
checked: "checked",
|
|
38
|
-
variant: "selectable",
|
|
39
|
-
},
|
|
40
|
-
};
|
|
41
|
-
export var Checked = {
|
|
42
|
-
args: {
|
|
43
|
-
checked: "checked",
|
|
44
|
-
variant: "checkable",
|
|
45
|
-
},
|
|
46
|
-
};
|
|
47
|
-
export var Unchecked = {
|
|
48
|
-
args: {
|
|
49
|
-
checked: "unchecked",
|
|
50
|
-
},
|
|
22
|
+
"XS",
|
|
23
|
+
React.createElement(Checkbox, { size: "xs", onChange: handleChange }),
|
|
24
|
+
React.createElement(Checkbox, { size: "xs", disabled: true, onChange: handleChange }),
|
|
25
|
+
React.createElement(Checkbox, { size: "xs", checked: true, onChange: handleChange }),
|
|
26
|
+
React.createElement(Checkbox, { size: "xs", checked: true, disabled: true, onChange: handleChange }),
|
|
27
|
+
React.createElement(Checkbox, { size: "xs", checked: "partial", onChange: handleChange }),
|
|
28
|
+
React.createElement(Checkbox, { size: "xs", checked: "partial", disabled: true, onChange: handleChange }))));
|
|
51
29
|
};
|
|
52
|
-
export var
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
variant: "checkable",
|
|
56
|
-
},
|
|
30
|
+
export var CheckBoxWithTextExample = function () {
|
|
31
|
+
return (React.createElement("div", { className: "s-flex s-gap-10" },
|
|
32
|
+
React.createElement(CheckboxWithText, { text: "Google Drive" })));
|
|
57
33
|
};
|
|
58
|
-
export var
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
},
|
|
34
|
+
export var CheckBoxWithTextAndDescriptionExample = function () {
|
|
35
|
+
return (React.createElement("div", { className: "s-flex s-flex-col s-gap-3" },
|
|
36
|
+
React.createElement(CheckBoxWithTextAndDescription, { text: "Google Drive", description: "This is a nice Google Drive description." }),
|
|
37
|
+
React.createElement(CheckBoxWithTextAndDescription, { text: "Microsoft", description: "This is a nice Microsoft description." })));
|
|
63
38
|
};
|
|
64
39
|
//# sourceMappingURL=Checkbox.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.stories.js","sourceRoot":"","sources":["../../../src/stories/Checkbox.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,
|
|
1
|
+
{"version":3,"file":"Checkbox.stories.js","sourceRoot":"","sources":["../../../src/stories/Checkbox.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EACL,QAAQ,EACR,gBAAgB,EAChB,8BAA8B,GAC/B,MAAM,uBAAuB,CAAC;AAE/B,IAAM,IAAI,GAAG;IACX,KAAK,EAAE,qBAAqB;IAC5B,SAAS,EAAE,QAAQ;CACY,CAAC;AAElC,eAAe,IAAI,CAAC;AAEpB,IAAM,YAAY,GAAG;IACnB,yCAAyC;AAC3C,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,oBAAoB,GAAG;IAClC,OAAO,CACL,6BAAK,SAAS,EAAC,4BAA4B;QACzC,6BAAK,SAAS,EAAC,iBAAiB;;YAE9B,oBAAC,QAAQ,IAAC,QAAQ,EAAE,YAAY,GAAI;YACpC,oBAAC,QAAQ,IAAC,QAAQ,QAAC,QAAQ,EAAE,YAAY,GAAI;YAC7C,oBAAC,QAAQ,IAAC,OAAO,QAAC,QAAQ,EAAE,YAAY,GAAI;YAC5C,oBAAC,QAAQ,IAAC,OAAO,QAAC,QAAQ,QAAC,QAAQ,EAAE,YAAY,GAAI;YACrD,oBAAC,QAAQ,IAAC,OAAO,EAAC,SAAS,EAAC,QAAQ,EAAE,YAAY,GAAI;YACtD,oBAAC,QAAQ,IAAC,OAAO,EAAC,SAAS,EAAC,QAAQ,QAAC,QAAQ,EAAE,YAAY,GAAI,CAC3D;QACN,6BAAK,SAAS,EAAC,iBAAiB;;YAE9B,oBAAC,QAAQ,IAAC,IAAI,EAAC,IAAI,EAAC,QAAQ,EAAE,YAAY,GAAI;YAC9C,oBAAC,QAAQ,IAAC,IAAI,EAAC,IAAI,EAAC,QAAQ,QAAC,QAAQ,EAAE,YAAY,GAAI;YACvD,oBAAC,QAAQ,IAAC,IAAI,EAAC,IAAI,EAAC,OAAO,QAAC,QAAQ,EAAE,YAAY,GAAI;YACtD,oBAAC,QAAQ,IAAC,IAAI,EAAC,IAAI,EAAC,OAAO,QAAC,QAAQ,QAAC,QAAQ,EAAE,YAAY,GAAI;YAC/D,oBAAC,QAAQ,IAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,QAAQ,EAAE,YAAY,GAAI;YAChE,oBAAC,QAAQ,IACP,IAAI,EAAC,IAAI,EACT,OAAO,EAAC,SAAS,EACjB,QAAQ,QACR,QAAQ,EAAE,YAAY,GACtB,CACE,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,uBAAuB,GAAG;IACrC,OAAO,CACL,6BAAK,SAAS,EAAC,iBAAiB;QAC9B,oBAAC,gBAAgB,IAAC,IAAI,EAAC,cAAc,GAAG,CACpC,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,qCAAqC,GAAG;IACnD,OAAO,CACL,6BAAK,SAAS,EAAC,2BAA2B;QACxC,oBAAC,8BAA8B,IAC7B,IAAI,EAAC,cAAc,EACnB,WAAW,EAAC,0CAA0C,GACtD;QACF,oBAAC,8BAA8B,IAC7B,IAAI,EAAC,WAAW,EAChB,WAAW,EAAC,uCAAuC,GACnD,CACE,CACP,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tree.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/Tree.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,OAAO,EAWL,IAAI,EACL,MAAM,uBAAuB,CAAC;AAE/B,QAAA,MAAM,IAAI;;;CAGmB,CAAC;AAE9B,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,WAAW,
|
|
1
|
+
{"version":3,"file":"Tree.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/Tree.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,OAAO,EAWL,IAAI,EACL,MAAM,uBAAuB,CAAC;AAE/B,QAAA,MAAM,IAAI;;;CAGmB,CAAC;AAE9B,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,WAAW,yBAklBvB,CAAC;AAEF,eAAO,MAAM,uBAAuB,yBA2MnC,CAAC"}
|