sparkle-design 1.0.0 → 1.0.2
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/README.en.md +11 -1
- package/README.md +11 -1
- package/package.json +7 -3
- package/dist/components/ui/badge/index.figma.d.ts +0 -1
- package/dist/components/ui/badge/index.figma.js +0 -28
- package/dist/components/ui/breadcrumb/index.figma.d.ts +0 -1
- package/dist/components/ui/breadcrumb/index.figma.js +0 -28
- package/dist/components/ui/button/index.figma.d.ts +0 -1
- package/dist/components/ui/button/index.figma.js +0 -59
- package/dist/components/ui/card/index.figma.d.ts +0 -1
- package/dist/components/ui/card/index.figma.js +0 -28
- package/dist/components/ui/checkbox/index.figma.d.ts +0 -1
- package/dist/components/ui/checkbox/index.figma.js +0 -34
- package/dist/components/ui/dialog/index.figma.d.ts +0 -1
- package/dist/components/ui/dialog/index.figma.js +0 -21
- package/dist/components/ui/divider/index.figma.d.ts +0 -1
- package/dist/components/ui/divider/index.figma.js +0 -39
- package/dist/components/ui/form/index.figma.d.ts +0 -1
- package/dist/components/ui/form/index.figma.js +0 -129
- package/dist/components/ui/icon/index.figma.d.ts +0 -1
- package/dist/components/ui/icon/index.figma.js +0 -1858
- package/dist/components/ui/icon-button/index.figma.d.ts +0 -1
- package/dist/components/ui/icon-button/index.figma.js +0 -43
- package/dist/components/ui/inline-message/index.figma.d.ts +0 -1
- package/dist/components/ui/inline-message/index.figma.js +0 -26
- package/dist/components/ui/input/index.figma.d.ts +0 -1
- package/dist/components/ui/input/index.figma.js +0 -36
- package/dist/components/ui/input-password/index.figma.d.ts +0 -1
- package/dist/components/ui/input-password/index.figma.js +0 -36
- package/dist/components/ui/link/index.figma.d.ts +0 -1
- package/dist/components/ui/link/index.figma.js +0 -22
- package/dist/components/ui/modal/index.figma.d.ts +0 -1
- package/dist/components/ui/modal/index.figma.js +0 -61
- package/dist/components/ui/overlay/index.figma.d.ts +0 -1
- package/dist/components/ui/overlay/index.figma.js +0 -14
- package/dist/components/ui/radio/index.figma.d.ts +0 -1
- package/dist/components/ui/radio/index.figma.js +0 -63
- package/dist/components/ui/select/index.figma.d.ts +0 -1
- package/dist/components/ui/select/index.figma.js +0 -30
- package/dist/components/ui/skeleton/index.figma.d.ts +0 -1
- package/dist/components/ui/skeleton/index.figma.js +0 -14
- package/dist/components/ui/slider/index.figma.d.ts +0 -1
- package/dist/components/ui/slider/index.figma.js +0 -28
- package/dist/components/ui/spinner/index.figma.d.ts +0 -1
- package/dist/components/ui/spinner/index.figma.js +0 -16
- package/dist/components/ui/switch/index.figma.d.ts +0 -1
- package/dist/components/ui/switch/index.figma.js +0 -27
- package/dist/components/ui/tabs/index.figma.d.ts +0 -1
- package/dist/components/ui/tabs/index.figma.js +0 -55
- package/dist/components/ui/tag/index.figma.d.ts +0 -1
- package/dist/components/ui/tag/index.figma.js +0 -32
- package/dist/components/ui/textarea/index.figma.d.ts +0 -1
- package/dist/components/ui/textarea/index.figma.js +0 -27
- package/dist/components/ui/toast/index.figma.d.ts +0 -1
- package/dist/components/ui/toast/index.figma.js +0 -26
- package/dist/components/ui/tooltip/index.figma.d.ts +0 -1
- package/dist/components/ui/tooltip/index.figma.js +0 -23
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import figma from "@figma/code-connect";
|
|
3
|
-
import { IconButton } from "./index.js";
|
|
4
|
-
/**
|
|
5
|
-
* -- This file was auto-generated by Code Connect --
|
|
6
|
-
* `props` includes a mapping from your code props to Figma properties.
|
|
7
|
-
* You should check this is correct, and update the `example` function
|
|
8
|
-
* to return the code example you'd like to see in Figma
|
|
9
|
-
*/
|
|
10
|
-
figma.connect(IconButton, "https://www.figma.com/design/7alBZXZf65YgcII41TWT0r/Sparkle-Design?node-id=25%3A906", {
|
|
11
|
-
props: {
|
|
12
|
-
// These props were automatically mapped based on your linked code:
|
|
13
|
-
isLoading: figma.enum("state", {
|
|
14
|
-
loading: true,
|
|
15
|
-
}),
|
|
16
|
-
isDisabled: figma.enum("state", {
|
|
17
|
-
disabled: true,
|
|
18
|
-
}),
|
|
19
|
-
disabled: figma.enum("state", {
|
|
20
|
-
disabled: true,
|
|
21
|
-
}),
|
|
22
|
-
variant: figma.enum("variant", {
|
|
23
|
-
solid: "solid",
|
|
24
|
-
outline: "outline",
|
|
25
|
-
ghost: "ghost",
|
|
26
|
-
}),
|
|
27
|
-
size: figma.enum("size", {
|
|
28
|
-
xs: "xs",
|
|
29
|
-
sm: "sm",
|
|
30
|
-
md: "md",
|
|
31
|
-
lg: "lg",
|
|
32
|
-
}),
|
|
33
|
-
theme: figma.enum("theme", {
|
|
34
|
-
primary: "primary",
|
|
35
|
-
negative: "negative",
|
|
36
|
-
neutral: "neutral",
|
|
37
|
-
}),
|
|
38
|
-
// No matching props could be found for these Figma properties:
|
|
39
|
-
icon: figma.instance("icon").getProps(),
|
|
40
|
-
// "isFocused": figma.boolean('isFocused')
|
|
41
|
-
},
|
|
42
|
-
example: props => (_jsx(IconButton, { icon: props.icon.icon, isLoading: props.isLoading, isDisabled: props.isDisabled, disabled: props.disabled, variant: props.variant, size: props.size, theme: props.theme })),
|
|
43
|
-
});
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import figma from "@figma/code-connect";
|
|
3
|
-
import { InlineMessage, InlineMessageDescription, InlineMessageTitle, } from "./index.js";
|
|
4
|
-
/**
|
|
5
|
-
* -- This file was auto-generated by Code Connect --
|
|
6
|
-
* `props` includes a mapping from your code props to Figma properties.
|
|
7
|
-
* You should check this is correct, and update the `example` function
|
|
8
|
-
* to return the code example you'd like to see in Figma
|
|
9
|
-
*/
|
|
10
|
-
figma.connect(InlineMessage, "https://www.figma.com/design/7alBZXZf65YgcII41TWT0r/Sparkle-Design?node-id=1266%3A14202", {
|
|
11
|
-
props: {
|
|
12
|
-
title: figma.boolean("isTitle", {
|
|
13
|
-
true: figma.string("title"),
|
|
14
|
-
false: undefined,
|
|
15
|
-
}),
|
|
16
|
-
description: figma.string("description"),
|
|
17
|
-
isCloseTrigger: figma.boolean("isCloseTrigger"),
|
|
18
|
-
status: figma.enum("status", {
|
|
19
|
-
info: "info",
|
|
20
|
-
warning: "warning",
|
|
21
|
-
negative: "negative",
|
|
22
|
-
success: "success",
|
|
23
|
-
}),
|
|
24
|
-
},
|
|
25
|
-
example: props => (_jsxs(InlineMessage, { isCloseTrigger: props.isCloseTrigger, status: props.status, children: [_jsx(InlineMessageTitle, { children: props.title }), _jsx(InlineMessageDescription, { children: props.description })] })),
|
|
26
|
-
});
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import figma from "@figma/code-connect";
|
|
3
|
-
import { Input } from "./index.js";
|
|
4
|
-
/**
|
|
5
|
-
* -- This file was auto-generated by Code Connect --
|
|
6
|
-
* `props` includes a mapping from your code props to Figma properties.
|
|
7
|
-
* You should check this is correct, and update the `example` function
|
|
8
|
-
* to return the code example you'd like to see in Figma
|
|
9
|
-
*/
|
|
10
|
-
figma.connect(Input, "https://www.figma.com/design/7alBZXZf65YgcII41TWT0r/Sparkle-Design?node-id=1274%3A63045", {
|
|
11
|
-
props: {
|
|
12
|
-
// These props were automatically mapped based on your linked code:
|
|
13
|
-
size: figma.enum("size", {
|
|
14
|
-
sm: "sm",
|
|
15
|
-
md: "md",
|
|
16
|
-
lg: "lg",
|
|
17
|
-
}),
|
|
18
|
-
isDisabled: figma.enum("state", {
|
|
19
|
-
disabled: true,
|
|
20
|
-
}),
|
|
21
|
-
// isFocused: figma.boolean("isFocused"),
|
|
22
|
-
isInvalid: figma.boolean("isInvalid"),
|
|
23
|
-
defaultValue: figma.boolean("isEmpty", {
|
|
24
|
-
true: undefined,
|
|
25
|
-
false: figma.string("value"),
|
|
26
|
-
}),
|
|
27
|
-
placeholder: figma.boolean("isEmpty", {
|
|
28
|
-
true: figma.string("value"),
|
|
29
|
-
false: undefined,
|
|
30
|
-
}),
|
|
31
|
-
// No matching props could be found for these Figma properties:
|
|
32
|
-
isTrigger: figma.boolean("isTrigger"),
|
|
33
|
-
// "isFocused": figma.boolean('isFocused'),
|
|
34
|
-
},
|
|
35
|
-
example: props => (_jsx(Input, { size: props.size, isDisabled: props.isDisabled, isInvalid: props.isInvalid, defaultValue: props.defaultValue, isTrigger: props.isTrigger, placeholder: props.placeholder })),
|
|
36
|
-
});
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import figma from "@figma/code-connect";
|
|
3
|
-
import { InputPassword } from "./index.js";
|
|
4
|
-
/**
|
|
5
|
-
* -- This file was auto-generated by Code Connect --
|
|
6
|
-
* `props` includes a mapping from your code props to Figma properties.
|
|
7
|
-
* You should check this is correct, and update the `example` function
|
|
8
|
-
* to return the code example you'd like to see in Figma
|
|
9
|
-
*/
|
|
10
|
-
figma.connect(InputPassword, "https://www.figma.com/design/7alBZXZf65YgcII41TWT0r/Sparkle-Design?node-id=174%3A3296", {
|
|
11
|
-
props: {
|
|
12
|
-
// These props were automatically mapped based on your linked code:
|
|
13
|
-
size: figma.enum("size", {
|
|
14
|
-
sm: "sm",
|
|
15
|
-
md: "md",
|
|
16
|
-
lg: "lg",
|
|
17
|
-
}),
|
|
18
|
-
disabled: figma.enum("state", {
|
|
19
|
-
disable: true,
|
|
20
|
-
}),
|
|
21
|
-
isFocused: figma.boolean("isFocused"),
|
|
22
|
-
isInvalid: figma.boolean("isInvaild"),
|
|
23
|
-
defaultValue: figma.boolean("isEmpty", {
|
|
24
|
-
true: undefined,
|
|
25
|
-
false: figma.string("value"),
|
|
26
|
-
}),
|
|
27
|
-
placeholder: figma.boolean("isEmpty", {
|
|
28
|
-
true: figma.string("value"),
|
|
29
|
-
false: undefined,
|
|
30
|
-
}),
|
|
31
|
-
// No matching props could be found for these Figma properties:
|
|
32
|
-
// "isFocused": figma.boolean('isFocused'),
|
|
33
|
-
// "value": figma.string('value')
|
|
34
|
-
},
|
|
35
|
-
example: props => (_jsx(InputPassword, { size: props.size, disabled: props.disabled, isFocused: props.isFocused, isInvalid: props.isInvalid, defaultValue: props.defaultValue, placeholder: props.placeholder })),
|
|
36
|
-
});
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import figma from "@figma/code-connect";
|
|
3
|
-
import { Link } from "./index.js";
|
|
4
|
-
/**
|
|
5
|
-
* -- This file was auto-generated by Code Connect --
|
|
6
|
-
* `props` includes a mapping from your code props to Figma properties.
|
|
7
|
-
* You should check this is correct, and update the `example` function
|
|
8
|
-
* to return the code example you'd like to see in Figma
|
|
9
|
-
*/
|
|
10
|
-
figma.connect(Link, "https://www.figma.com/design/7alBZXZf65YgcII41TWT0r/Sparkle-Design?node-id=825%3A16911", {
|
|
11
|
-
props: {
|
|
12
|
-
// No matching props could be found for these Figma properties:
|
|
13
|
-
// "isFocused": figma.boolean('isFocused'),
|
|
14
|
-
label: figma.string("label"),
|
|
15
|
-
isOpenInNew: figma.boolean("isOpenInNew"),
|
|
16
|
-
// "state": figma.enum('state', {
|
|
17
|
-
// "enable": "enable",
|
|
18
|
-
// "hover": "hover"
|
|
19
|
-
// })
|
|
20
|
-
},
|
|
21
|
-
example: props => (_jsx(Link, { href: "https://example.com", isOpenInNew: props.isOpenInNew, children: props.label })),
|
|
22
|
-
});
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,61 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import figma from "@figma/code-connect";
|
|
3
|
-
import { Button } from "../button/index.js";
|
|
4
|
-
import { Modal, ModalBody, ModalClose, ModalContent, ModalFooter, ModalHeader, ModalTitle, ModalTrigger, } from "./index.js";
|
|
5
|
-
/**
|
|
6
|
-
* -- This file was auto-generated by Code Connect --
|
|
7
|
-
* None of your props could be automatically mapped to Figma properties.
|
|
8
|
-
* You should update the `props` object to include a mapping from your
|
|
9
|
-
* code props to Figma properties, and update the `example` function to
|
|
10
|
-
* return the code example you'd like to see in Figma
|
|
11
|
-
*/
|
|
12
|
-
figma.connect(Modal, "https://www.figma.com/design/7alBZXZf65YgcII41TWT0r/Sparkle-Design?node-id=1306%3A20954", {
|
|
13
|
-
props: {
|
|
14
|
-
// No matching props could be found for these Figma properties:
|
|
15
|
-
// isHeader: figma.boolean("isHeader"),
|
|
16
|
-
// isFooter: figma.boolean("isFooter"),
|
|
17
|
-
// isCloseTrigger: figma.boolean("isCloseTrigger"),
|
|
18
|
-
title: figma.string("title"),
|
|
19
|
-
size: figma.enum("size", {
|
|
20
|
-
sm: "sm",
|
|
21
|
-
md: "md",
|
|
22
|
-
lg: "lg",
|
|
23
|
-
xl: "xl",
|
|
24
|
-
full: "full",
|
|
25
|
-
}),
|
|
26
|
-
},
|
|
27
|
-
example: props => (_jsxs(Modal, { children: [_jsx(ModalTrigger, { children: "\u30E2\u30FC\u30C0\u30EB\u3092\u958B\u304F" }), _jsxs(ModalContent, { size: props.size, children: [_jsxs(ModalHeader, { children: [_jsx(ModalTitle, { children: props.title }), _jsx(ModalClose, {})] }), _jsx(ModalBody, { children: _jsx("p", { children: "\u30B9\u30ED\u30C3\u30C8" }) }), _jsxs(ModalFooter, { children: [_jsx(Button, { size: "sm", theme: "neutral", variant: "ghost", children: "\u30AD\u30E3\u30F3\u30BB\u30EB" }), _jsx(Button, { size: "sm", children: "\u4FDD\u5B58" })] })] })] })),
|
|
28
|
-
});
|
|
29
|
-
/**
|
|
30
|
-
* -- This file was auto-generated by Code Connect --
|
|
31
|
-
* `props` includes a mapping from your code props to Figma properties.
|
|
32
|
-
* You should check this is correct, and update the `example` function
|
|
33
|
-
* to return the code example you'd like to see in Figma
|
|
34
|
-
*/
|
|
35
|
-
figma.connect(ModalBody, "https://www.figma.com/design/7alBZXZf65YgcII41TWT0r/Sparkle-Design?node-id=2893%3A25363", {
|
|
36
|
-
props: {
|
|
37
|
-
// These props were automatically mapped based on your linked code:
|
|
38
|
-
isSpace: figma.boolean("isSpaced"),
|
|
39
|
-
// No matching props could be found for these Figma properties:
|
|
40
|
-
// "slot": figma.instance('slot')
|
|
41
|
-
},
|
|
42
|
-
example: props => _jsx(ModalBody, { isSpace: props.isSpace }),
|
|
43
|
-
});
|
|
44
|
-
/**
|
|
45
|
-
* -- This file was auto-generated by Code Connect --
|
|
46
|
-
* None of your props could be automatically mapped to Figma properties.
|
|
47
|
-
* You should update the `props` object to include a mapping from your
|
|
48
|
-
* code props to Figma properties, and update the `example` function to
|
|
49
|
-
* return the code example you'd like to see in Figma
|
|
50
|
-
*/
|
|
51
|
-
figma.connect(ModalFooter, "https://www.figma.com/design/7alBZXZf65YgcII41TWT0r/Sparkle-Design?node-id=2893%3A25357", {
|
|
52
|
-
props: {
|
|
53
|
-
// No matching props could be found for these Figma properties:
|
|
54
|
-
// "slot": figma.instance('slot'),
|
|
55
|
-
// "type": figma.enum('type', {
|
|
56
|
-
// "default": "default",
|
|
57
|
-
// "slot": "slot"
|
|
58
|
-
// })
|
|
59
|
-
},
|
|
60
|
-
example: props => _jsx(ModalFooter, {}),
|
|
61
|
-
});
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import figma from "@figma/code-connect";
|
|
3
|
-
import { Overlay } from "./index.js";
|
|
4
|
-
/**
|
|
5
|
-
* -- This file was auto-generated by Code Connect --
|
|
6
|
-
* None of your props could be automatically mapped to Figma properties.
|
|
7
|
-
* You should update the `props` object to include a mapping from your
|
|
8
|
-
* code props to Figma properties, and update the `example` function to
|
|
9
|
-
* return the code example you'd like to see in Figma
|
|
10
|
-
*/
|
|
11
|
-
figma.connect(Overlay, "https://www.figma.com/design/7alBZXZf65YgcII41TWT0r/Sparkle-Design?node-id=2873%3A274", {
|
|
12
|
-
props: {},
|
|
13
|
-
example: props => _jsx(Overlay, {}),
|
|
14
|
-
});
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,63 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import figma from "@figma/code-connect";
|
|
3
|
-
import { Radio, RadioItem } from "./index.js";
|
|
4
|
-
/**
|
|
5
|
-
* -- This file was auto-generated by Code Connect --
|
|
6
|
-
* `props` includes a mapping from your code props to Figma properties.
|
|
7
|
-
* You should check this is correct, and update the `example` function
|
|
8
|
-
* to return the code example you'd like to see in Figma
|
|
9
|
-
*/
|
|
10
|
-
figma.connect(Radio, "https://www.figma.com/design/7alBZXZf65YgcII41TWT0r/Sparkle-Design?node-id=2752%3A17458", {
|
|
11
|
-
props: {
|
|
12
|
-
// These props were automatically mapped based on your linked code:
|
|
13
|
-
dir: figma.enum("direction", {
|
|
14
|
-
vertical: "rtl",
|
|
15
|
-
}),
|
|
16
|
-
orientation: figma.enum("direction", {
|
|
17
|
-
horizontal: "horizontal",
|
|
18
|
-
vertical: "vertical",
|
|
19
|
-
}),
|
|
20
|
-
// No matching props could be found for these Figma properties:
|
|
21
|
-
// "units": figma.enum('units', {
|
|
22
|
-
// "2": "2",
|
|
23
|
-
// "3": "3",
|
|
24
|
-
// "4": "4",
|
|
25
|
-
// "5": "5",
|
|
26
|
-
// "6": "6",
|
|
27
|
-
// "7": "7",
|
|
28
|
-
// "8": "8",
|
|
29
|
-
// "9": "9"
|
|
30
|
-
// })
|
|
31
|
-
},
|
|
32
|
-
example: props => _jsx(Radio, { dir: props.dir, orientation: props.orientation }),
|
|
33
|
-
});
|
|
34
|
-
/**
|
|
35
|
-
* -- This file was auto-generated by Code Connect --
|
|
36
|
-
* `props` includes a mapping from your code props to Figma properties.
|
|
37
|
-
* You should check this is correct, and update the `example` function
|
|
38
|
-
* to return the code example you'd like to see in Figma
|
|
39
|
-
*/
|
|
40
|
-
figma.connect(RadioItem, "https://www.figma.com/design/7alBZXZf65YgcII41TWT0r/Sparkle-Design?node-id=176%3A7906", {
|
|
41
|
-
props: {
|
|
42
|
-
// These props were automatically mapped based on your linked code:
|
|
43
|
-
size: figma.enum("size", {
|
|
44
|
-
sm: "sm",
|
|
45
|
-
md: "md",
|
|
46
|
-
lg: "lg",
|
|
47
|
-
}),
|
|
48
|
-
isInvalid: figma.enum("isInvalid", {
|
|
49
|
-
false: false,
|
|
50
|
-
true: true,
|
|
51
|
-
}),
|
|
52
|
-
label: figma.string("label"),
|
|
53
|
-
disabled: figma.enum("state", {
|
|
54
|
-
disabled: true,
|
|
55
|
-
}),
|
|
56
|
-
checked: figma.boolean("isChecked"),
|
|
57
|
-
value: figma.string("label"),
|
|
58
|
-
// No matching props could be found for these Figma properties:
|
|
59
|
-
// "isLabel": figma.boolean('isLabel'),
|
|
60
|
-
// "isFocused": figma.boolean('isFocused')
|
|
61
|
-
},
|
|
62
|
-
example: props => (_jsx(RadioItem, { size: props.size, isInvalid: props.isInvalid, label: props.label, disabled: props.disabled, value: props.value, checked: props.checked })),
|
|
63
|
-
});
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import figma from "@figma/code-connect";
|
|
3
|
-
import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "./index.js";
|
|
4
|
-
/**
|
|
5
|
-
* -- This file was auto-generated by Code Connect --
|
|
6
|
-
* `props` includes a mapping from your code props to Figma properties.
|
|
7
|
-
* You should check this is correct, and update the `example` function
|
|
8
|
-
* to return the code example you'd like to see in Figma
|
|
9
|
-
*/
|
|
10
|
-
figma.connect(SelectTrigger, "https://www.figma.com/design/7alBZXZf65YgcII41TWT0r/Sparkle-Design?node-id=139%3A22300", {
|
|
11
|
-
props: {
|
|
12
|
-
// These props were automatically mapped based on your linked code:
|
|
13
|
-
size: figma.enum("size", {
|
|
14
|
-
sm: "sm",
|
|
15
|
-
md: "md",
|
|
16
|
-
lg: "lg",
|
|
17
|
-
}),
|
|
18
|
-
isInvalid: figma.enum("isInvalid", {
|
|
19
|
-
false: false,
|
|
20
|
-
true: true,
|
|
21
|
-
}),
|
|
22
|
-
disabled: figma.enum("state", {
|
|
23
|
-
disabled: true,
|
|
24
|
-
}),
|
|
25
|
-
// No matching props could be found for these Figma properties:
|
|
26
|
-
// "isFocused": figma.boolean('isFocused'),
|
|
27
|
-
value: figma.string("value"),
|
|
28
|
-
},
|
|
29
|
-
example: props => (_jsxs(Select, { children: [_jsx(SelectTrigger, { size: props.size, isInvalid: props.isInvalid, disabled: props.disabled, children: _jsx(SelectValue, { placeholder: props.value }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "option1", children: "Option 1" }), _jsx(SelectItem, { value: "option2", children: "Option 2" }), _jsx(SelectItem, { value: "option3", children: "Option 3" })] })] })),
|
|
30
|
-
});
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import figma from "@figma/code-connect";
|
|
3
|
-
import { Skeleton } from "./index.js";
|
|
4
|
-
/**
|
|
5
|
-
* -- This file was auto-generated by Code Connect --
|
|
6
|
-
* None of your props could be automatically mapped to Figma properties.
|
|
7
|
-
* You should update the `props` object to include a mapping from your
|
|
8
|
-
* code props to Figma properties, and update the `example` function to
|
|
9
|
-
* return the code example you'd like to see in Figma
|
|
10
|
-
*/
|
|
11
|
-
figma.connect(Skeleton, "https://www.figma.com/design/7alBZXZf65YgcII41TWT0r/Sparkle-Design?node-id=24%3A131", {
|
|
12
|
-
props: {},
|
|
13
|
-
example: props => _jsx(Skeleton, {}),
|
|
14
|
-
});
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import figma from "@figma/code-connect";
|
|
3
|
-
import { Slider } from "./index.js";
|
|
4
|
-
/**
|
|
5
|
-
* -- This file was auto-generated by Code Connect --
|
|
6
|
-
* `props` includes a mapping from your code props to Figma properties.
|
|
7
|
-
* You should check this is correct, and update the `example` function
|
|
8
|
-
* to return the code example you'd like to see in Figma
|
|
9
|
-
*/
|
|
10
|
-
figma.connect(Slider, "https://www.figma.com/design/7alBZXZf65YgcII41TWT0r/Sparkle-Design?node-id=15094%3A965", {
|
|
11
|
-
props: {
|
|
12
|
-
// These props were automatically mapped based on your linked code:
|
|
13
|
-
disabled: figma.enum("state", {
|
|
14
|
-
disabled: true,
|
|
15
|
-
}),
|
|
16
|
-
// No matching props could be found for these Figma properties:
|
|
17
|
-
// "value": figma.string('value'),
|
|
18
|
-
// "position": figma.enum('position', {
|
|
19
|
-
// "0%": "0-",
|
|
20
|
-
// "20%": "20-",
|
|
21
|
-
// "40%": "40-",
|
|
22
|
-
// "60%": "60-",
|
|
23
|
-
// "80%": "80-",
|
|
24
|
-
// "100%": "100-"
|
|
25
|
-
// })
|
|
26
|
-
},
|
|
27
|
-
example: props => _jsx(Slider, { disabled: props.disabled }),
|
|
28
|
-
});
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import figma from "@figma/code-connect";
|
|
3
|
-
import { Spinner } from "./index.js";
|
|
4
|
-
/**
|
|
5
|
-
* -- This file was auto-generated by Code Connect --
|
|
6
|
-
* None of your props could be automatically mapped to Figma properties.
|
|
7
|
-
* You should update the `props` object to include a mapping from your
|
|
8
|
-
* code props to Figma properties, and update the `example` function to
|
|
9
|
-
* return the code example you'd like to see in Figma
|
|
10
|
-
*/
|
|
11
|
-
figma.connect(Spinner, "https://www.figma.com/design/7alBZXZf65YgcII41TWT0r/Sparkle-Design?node-id=1057%3A9546", {
|
|
12
|
-
props: {
|
|
13
|
-
size: 6,
|
|
14
|
-
},
|
|
15
|
-
example: props => _jsx(Spinner, { size: props.size }),
|
|
16
|
-
});
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import figma from "@figma/code-connect";
|
|
3
|
-
import { Switch } from "./index.js";
|
|
4
|
-
/**
|
|
5
|
-
* -- This file was auto-generated by Code Connect --
|
|
6
|
-
* `props` includes a mapping from your code props to Figma properties.
|
|
7
|
-
* You should check this is correct, and update the `example` function
|
|
8
|
-
* to return the code example you'd like to see in Figma
|
|
9
|
-
*/
|
|
10
|
-
figma.connect(Switch, "https://www.figma.com/design/7alBZXZf65YgcII41TWT0r/Sparkle-Design?node-id=1075%3A22224", {
|
|
11
|
-
props: {
|
|
12
|
-
// These props were automatically mapped based on your linked code:
|
|
13
|
-
size: figma.enum("size", {
|
|
14
|
-
sm: "sm",
|
|
15
|
-
md: "md",
|
|
16
|
-
lg: "lg",
|
|
17
|
-
}),
|
|
18
|
-
disabled: figma.enum("state", {
|
|
19
|
-
disabled: true,
|
|
20
|
-
}),
|
|
21
|
-
checked: figma.boolean("isChecked"),
|
|
22
|
-
defaultChecked: figma.boolean("isChecked"),
|
|
23
|
-
// No matching props could be found for these Figma properties:
|
|
24
|
-
// "isFocused": figma.boolean('isFocused')
|
|
25
|
-
},
|
|
26
|
-
example: props => (_jsx(Switch, { size: props.size, disabled: props.disabled, checked: props.checked, defaultChecked: props.defaultChecked })),
|
|
27
|
-
});
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,55 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import figma from "@figma/code-connect";
|
|
3
|
-
import { TabsList, TabsTrigger } from "./index.js";
|
|
4
|
-
/**
|
|
5
|
-
* -- This file was auto-generated by Code Connect --
|
|
6
|
-
* `props` includes a mapping from your code props to Figma properties.
|
|
7
|
-
* You should check this is correct, and update the `example` function
|
|
8
|
-
* to return the code example you'd like to see in Figma
|
|
9
|
-
*/
|
|
10
|
-
figma.connect(TabsList, "https://www.figma.com/design/7alBZXZf65YgcII41TWT0r/Sparkle-Design?node-id=234%3A3639", {
|
|
11
|
-
props: {
|
|
12
|
-
// These props were automatically mapped based on your linked code:
|
|
13
|
-
variant: figma.enum("variant", {
|
|
14
|
-
solid: "solid",
|
|
15
|
-
line: "line",
|
|
16
|
-
ghost: "ghost",
|
|
17
|
-
}),
|
|
18
|
-
// No matching props could be found for these Figma properties:
|
|
19
|
-
// "units": figma.enum('units', {
|
|
20
|
-
// "2": "2",
|
|
21
|
-
// "3": "3",
|
|
22
|
-
// "4": "4",
|
|
23
|
-
// "5": "5",
|
|
24
|
-
// "6": "6",
|
|
25
|
-
// "7": "7",
|
|
26
|
-
// "8": "8",
|
|
27
|
-
// "9": "9"
|
|
28
|
-
// })
|
|
29
|
-
},
|
|
30
|
-
example: props => _jsx(TabsList, { variant: props.variant }),
|
|
31
|
-
});
|
|
32
|
-
/**
|
|
33
|
-
* -- This file was auto-generated by Code Connect --
|
|
34
|
-
* `props` includes a mapping from your code props to Figma properties.
|
|
35
|
-
* You should check this is correct, and update the `example` function
|
|
36
|
-
* to return the code example you'd like to see in Figma
|
|
37
|
-
*/
|
|
38
|
-
figma.connect(TabsTrigger, "https://www.figma.com/design/7alBZXZf65YgcII41TWT0r/Sparkle-Design?node-id=234%3A3608", {
|
|
39
|
-
props: {
|
|
40
|
-
// These props were automatically mapped based on your linked code:
|
|
41
|
-
disabled: figma.enum("state", {
|
|
42
|
-
disabled: true,
|
|
43
|
-
}),
|
|
44
|
-
label: figma.string("label"),
|
|
45
|
-
variant: figma.enum("variant", {
|
|
46
|
-
line: "line",
|
|
47
|
-
solid: "solid",
|
|
48
|
-
ghost: "ghost",
|
|
49
|
-
}),
|
|
50
|
-
// No matching props could be found for these Figma properties:
|
|
51
|
-
// "label": figma.string('label'),
|
|
52
|
-
// "isSelected": figma.boolean('isSelected')
|
|
53
|
-
},
|
|
54
|
-
example: props => (_jsx(TabsTrigger, { disabled: props.disabled, value: props.label, variant: props.variant, children: props.label })),
|
|
55
|
-
});
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import figma from "@figma/code-connect";
|
|
3
|
-
import { Tag } from "./index.js";
|
|
4
|
-
/**
|
|
5
|
-
* -- This file was auto-generated by Code Connect --
|
|
6
|
-
* `props` includes a mapping from your code props to Figma properties.
|
|
7
|
-
* You should check this is correct, and update the `example` function
|
|
8
|
-
* to return the code example you'd like to see in Figma
|
|
9
|
-
*/
|
|
10
|
-
figma.connect(Tag, "https://www.figma.com/design/7alBZXZf65YgcII41TWT0r/Sparkle-Design?node-id=558-29098", {
|
|
11
|
-
props: {
|
|
12
|
-
variant: figma.enum("variant", {
|
|
13
|
-
solid: "solid",
|
|
14
|
-
outline: "outline",
|
|
15
|
-
subtle: "subtle",
|
|
16
|
-
}),
|
|
17
|
-
size: figma.enum("size", {
|
|
18
|
-
sm: "sm",
|
|
19
|
-
md: "md",
|
|
20
|
-
lg: "lg",
|
|
21
|
-
}),
|
|
22
|
-
status: figma.enum("status", {
|
|
23
|
-
neutral: "neutral",
|
|
24
|
-
info: "info",
|
|
25
|
-
success: "success",
|
|
26
|
-
warning: "warning",
|
|
27
|
-
negative: "negative",
|
|
28
|
-
}),
|
|
29
|
-
label: figma.string("label"),
|
|
30
|
-
},
|
|
31
|
-
example: props => (_jsx(Tag, { variant: props.variant, size: props.size, status: props.status, children: props.label })),
|
|
32
|
-
});
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import figma from "@figma/code-connect";
|
|
3
|
-
import { Textarea } from "./index.js";
|
|
4
|
-
/**
|
|
5
|
-
* -- This file was auto-generated by Code Connect --
|
|
6
|
-
* `props` includes a mapping from your code props to Figma properties.
|
|
7
|
-
* You should check this is correct, and update the `example` function
|
|
8
|
-
* to return the code example you'd like to see in Figma
|
|
9
|
-
*/
|
|
10
|
-
figma.connect(Textarea, "https://www.figma.com/design/7alBZXZf65YgcII41TWT0r/Sparkle-Design?node-id=2876-24038", {
|
|
11
|
-
props: {
|
|
12
|
-
size: figma.enum("size", { sm: "sm", md: "md", lg: "lg" }),
|
|
13
|
-
isInvalid: figma.boolean("isInvalid"),
|
|
14
|
-
isDisabled: figma.enum("state", {
|
|
15
|
-
disabled: true,
|
|
16
|
-
}),
|
|
17
|
-
defaultValue: figma.boolean("isEmpty", {
|
|
18
|
-
true: undefined,
|
|
19
|
-
false: figma.string("value"),
|
|
20
|
-
}),
|
|
21
|
-
placeholder: figma.boolean("isEmpty", {
|
|
22
|
-
true: figma.string("value"),
|
|
23
|
-
false: undefined,
|
|
24
|
-
}),
|
|
25
|
-
},
|
|
26
|
-
example: props => (_jsx(Textarea, { size: props.size, isInvalid: props.isInvalid, isDisabled: props.isDisabled, placeholder: props.placeholder, defaultValue: props.defaultValue })),
|
|
27
|
-
});
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import figma from "@figma/code-connect";
|
|
3
|
-
import { Toast } from "./index.js";
|
|
4
|
-
/**
|
|
5
|
-
* -- This file was auto-generated by Code Connect --
|
|
6
|
-
* `props` includes a mapping from your code props to Figma properties.
|
|
7
|
-
* You should check this is correct, and update the `example` function
|
|
8
|
-
* to return the code example you'd like to see in Figma
|
|
9
|
-
*/
|
|
10
|
-
figma.connect(Toast, "https://www.figma.com/design/7alBZXZf65YgcII41TWT0r/Sparkle-Design?node-id=1266%3A13444", {
|
|
11
|
-
props: {
|
|
12
|
-
// These props were automatically mapped based on your linked code:
|
|
13
|
-
title: figma.boolean("isTitle", {
|
|
14
|
-
true: figma.string("title"),
|
|
15
|
-
false: undefined,
|
|
16
|
-
}),
|
|
17
|
-
description: figma.string("description"),
|
|
18
|
-
isCloseTrigger: figma.boolean("isCloseTrigger"),
|
|
19
|
-
// No matching props could be found for these Figma properties:
|
|
20
|
-
// "isCloseTrigger": figma.boolean('isCloseTrigger'),
|
|
21
|
-
// "isTitle": figma.boolean('isTitle'),
|
|
22
|
-
// "title": figma.string('title'),
|
|
23
|
-
// "description": figma.string('description')
|
|
24
|
-
},
|
|
25
|
-
example: props => (_jsx(Toast, { title: props.title, description: props.description, isCloseTrigger: props.isCloseTrigger })),
|
|
26
|
-
});
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|