@techsio/ui-kit 0.40.0 → 0.41.0
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/package.json +2 -2
- package/dist/atoms/action-icon.figma.js +0 -25
- package/dist/atoms/badge.figma.js +0 -33
- package/dist/atoms/button.figma.js +0 -76
- package/dist/atoms/checkbox.figma.js +0 -35
- package/dist/atoms/icon.figma.js +0 -33
- package/dist/atoms/image.figma.js +0 -21
- package/dist/atoms/input.figma.js +0 -34
- package/dist/atoms/label.figma.js +0 -25
- package/dist/atoms/link-button.figma.js +0 -42
- package/dist/atoms/link.figma.js +0 -15
- package/dist/atoms/numeric-input.figma.js +0 -52
- package/dist/atoms/rating.figma.js +0 -38
- package/dist/atoms/skeleton.figma.js +0 -119
- package/dist/atoms/status-text.figma.js +0 -27
- package/dist/atoms/textarea.figma.js +0 -38
- package/dist/atoms/tooltip.figma.js +0 -47
- package/dist/molecules/accordion.figma.js +0 -41
- package/dist/molecules/breadcrumb.figma.js +0 -31
- package/dist/molecules/carousel.figma.js +0 -34
- package/dist/molecules/combobox.figma.js +0 -38
- package/dist/molecules/dialog.figma.js +0 -24
- package/dist/molecules/form-checkbox.figma.js +0 -41
- package/dist/molecules/form-input.figma.js +0 -38
- package/dist/molecules/form-numeric-input.figma.js +0 -67
- package/dist/molecules/form-textarea.figma.js +0 -38
- package/dist/molecules/menu.figma.js +0 -26
- package/dist/molecules/pagination.figma.js +0 -22
- package/dist/molecules/phone-input.figma.js +0 -62
- package/dist/molecules/popover.figma.js +0 -38
- package/dist/molecules/product-card.figma.js +0 -34
- package/dist/molecules/radio-card.figma.js +0 -35
- package/dist/molecules/radio-group.figma.js +0 -45
- package/dist/molecules/search-form.figma.js +0 -28
- package/dist/molecules/select.figma.js +0 -46
- package/dist/molecules/slider.figma.js +0 -30
- package/dist/molecules/steps.figma.js +0 -33
- package/dist/molecules/switch.figma.js +0 -33
- package/dist/molecules/tabs.figma.js +0 -46
- package/dist/molecules/toast.figma.js +0 -34
- package/dist/molecules/tree-view.figma.js +0 -30
- package/dist/organisms/footer.figma.js +0 -51
- package/dist/organisms/gallery.figma.js +0 -34
- package/dist/organisms/header.figma.js +0 -58
- package/dist/organisms/table.figma.js +0 -87
- package/dist/src/atoms/action-icon.figma.d.ts +0 -2
- package/dist/src/atoms/action-icon.figma.d.ts.map +0 -1
- package/dist/src/atoms/badge.figma.d.ts +0 -2
- package/dist/src/atoms/badge.figma.d.ts.map +0 -1
- package/dist/src/atoms/button.figma.d.ts +0 -2
- package/dist/src/atoms/button.figma.d.ts.map +0 -1
- package/dist/src/atoms/checkbox.figma.d.ts +0 -2
- package/dist/src/atoms/checkbox.figma.d.ts.map +0 -1
- package/dist/src/atoms/icon.figma.d.ts +0 -2
- package/dist/src/atoms/icon.figma.d.ts.map +0 -1
- package/dist/src/atoms/image.figma.d.ts +0 -2
- package/dist/src/atoms/image.figma.d.ts.map +0 -1
- package/dist/src/atoms/input.figma.d.ts +0 -2
- package/dist/src/atoms/input.figma.d.ts.map +0 -1
- package/dist/src/atoms/label.figma.d.ts +0 -2
- package/dist/src/atoms/label.figma.d.ts.map +0 -1
- package/dist/src/atoms/link-button.figma.d.ts +0 -2
- package/dist/src/atoms/link-button.figma.d.ts.map +0 -1
- package/dist/src/atoms/link.figma.d.ts +0 -2
- package/dist/src/atoms/link.figma.d.ts.map +0 -1
- package/dist/src/atoms/numeric-input.figma.d.ts +0 -2
- package/dist/src/atoms/numeric-input.figma.d.ts.map +0 -1
- package/dist/src/atoms/rating.figma.d.ts +0 -2
- package/dist/src/atoms/rating.figma.d.ts.map +0 -1
- package/dist/src/atoms/skeleton.figma.d.ts +0 -2
- package/dist/src/atoms/skeleton.figma.d.ts.map +0 -1
- package/dist/src/atoms/status-text.figma.d.ts +0 -2
- package/dist/src/atoms/status-text.figma.d.ts.map +0 -1
- package/dist/src/atoms/textarea.figma.d.ts +0 -2
- package/dist/src/atoms/textarea.figma.d.ts.map +0 -1
- package/dist/src/atoms/tooltip.figma.d.ts +0 -2
- package/dist/src/atoms/tooltip.figma.d.ts.map +0 -1
- package/dist/src/molecules/accordion.figma.d.ts +0 -2
- package/dist/src/molecules/accordion.figma.d.ts.map +0 -1
- package/dist/src/molecules/breadcrumb.figma.d.ts +0 -2
- package/dist/src/molecules/breadcrumb.figma.d.ts.map +0 -1
- package/dist/src/molecules/carousel.figma.d.ts +0 -2
- package/dist/src/molecules/carousel.figma.d.ts.map +0 -1
- package/dist/src/molecules/combobox.figma.d.ts +0 -2
- package/dist/src/molecules/combobox.figma.d.ts.map +0 -1
- package/dist/src/molecules/dialog.figma.d.ts +0 -2
- package/dist/src/molecules/dialog.figma.d.ts.map +0 -1
- package/dist/src/molecules/form-checkbox.figma.d.ts +0 -2
- package/dist/src/molecules/form-checkbox.figma.d.ts.map +0 -1
- package/dist/src/molecules/form-input.figma.d.ts +0 -2
- package/dist/src/molecules/form-input.figma.d.ts.map +0 -1
- package/dist/src/molecules/form-numeric-input.figma.d.ts +0 -2
- package/dist/src/molecules/form-numeric-input.figma.d.ts.map +0 -1
- package/dist/src/molecules/form-textarea.figma.d.ts +0 -2
- package/dist/src/molecules/form-textarea.figma.d.ts.map +0 -1
- package/dist/src/molecules/menu.figma.d.ts +0 -2
- package/dist/src/molecules/menu.figma.d.ts.map +0 -1
- package/dist/src/molecules/pagination.figma.d.ts +0 -2
- package/dist/src/molecules/pagination.figma.d.ts.map +0 -1
- package/dist/src/molecules/phone-input.figma.d.ts +0 -2
- package/dist/src/molecules/phone-input.figma.d.ts.map +0 -1
- package/dist/src/molecules/popover.figma.d.ts +0 -2
- package/dist/src/molecules/popover.figma.d.ts.map +0 -1
- package/dist/src/molecules/product-card.figma.d.ts +0 -2
- package/dist/src/molecules/product-card.figma.d.ts.map +0 -1
- package/dist/src/molecules/radio-card.figma.d.ts +0 -2
- package/dist/src/molecules/radio-card.figma.d.ts.map +0 -1
- package/dist/src/molecules/radio-group.figma.d.ts +0 -2
- package/dist/src/molecules/radio-group.figma.d.ts.map +0 -1
- package/dist/src/molecules/search-form.figma.d.ts +0 -2
- package/dist/src/molecules/search-form.figma.d.ts.map +0 -1
- package/dist/src/molecules/select.figma.d.ts +0 -2
- package/dist/src/molecules/select.figma.d.ts.map +0 -1
- package/dist/src/molecules/slider.figma.d.ts +0 -2
- package/dist/src/molecules/slider.figma.d.ts.map +0 -1
- package/dist/src/molecules/steps.figma.d.ts +0 -2
- package/dist/src/molecules/steps.figma.d.ts.map +0 -1
- package/dist/src/molecules/switch.figma.d.ts +0 -2
- package/dist/src/molecules/switch.figma.d.ts.map +0 -1
- package/dist/src/molecules/tabs.figma.d.ts +0 -2
- package/dist/src/molecules/tabs.figma.d.ts.map +0 -1
- package/dist/src/molecules/toast.figma.d.ts +0 -2
- package/dist/src/molecules/toast.figma.d.ts.map +0 -1
- package/dist/src/molecules/tree-view.figma.d.ts +0 -2
- package/dist/src/molecules/tree-view.figma.d.ts.map +0 -1
- package/dist/src/organisms/footer.figma.d.ts +0 -2
- package/dist/src/organisms/footer.figma.d.ts.map +0 -1
- package/dist/src/organisms/gallery.figma.d.ts +0 -2
- package/dist/src/organisms/gallery.figma.d.ts.map +0 -1
- package/dist/src/organisms/header.figma.d.ts +0 -2
- package/dist/src/organisms/header.figma.d.ts.map +0 -1
- package/dist/src/organisms/table.figma.d.ts +0 -2
- package/dist/src/organisms/table.figma.d.ts.map +0 -1
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
-
import code_connect from "@figma/code-connect";
|
|
3
|
-
import { RadioGroup } from "./radio-group.js";
|
|
4
|
-
code_connect.connect(RadioGroup, "https://www.figma.com/design/gi5GUSWwAeXknaKEeLqK5w/New-Design-System-vol.-2?node-id=1149-66", {
|
|
5
|
-
imports: [
|
|
6
|
-
'import { RadioGroup } from "@libs/ui/molecules/radio-group"'
|
|
7
|
-
],
|
|
8
|
-
props: {
|
|
9
|
-
size: code_connect["enum"]("size", {
|
|
10
|
-
sm: "sm",
|
|
11
|
-
md: "md",
|
|
12
|
-
lg: "lg"
|
|
13
|
-
}),
|
|
14
|
-
orientation: code_connect["enum"]("orientation", {
|
|
15
|
-
horizontal: "horizontal",
|
|
16
|
-
vertical: "vertical"
|
|
17
|
-
}),
|
|
18
|
-
disabled: code_connect.boolean("disabled")
|
|
19
|
-
},
|
|
20
|
-
example: ({ size, orientation, disabled })=>/*#__PURE__*/ jsxs(RadioGroup, {
|
|
21
|
-
disabled: disabled,
|
|
22
|
-
orientation: orientation,
|
|
23
|
-
size: size,
|
|
24
|
-
children: [
|
|
25
|
-
/*#__PURE__*/ jsxs(RadioGroup.Item, {
|
|
26
|
-
value: "a",
|
|
27
|
-
children: [
|
|
28
|
-
/*#__PURE__*/ jsx(RadioGroup.ItemControl, {}),
|
|
29
|
-
/*#__PURE__*/ jsx(RadioGroup.ItemText, {
|
|
30
|
-
children: "Option A"
|
|
31
|
-
})
|
|
32
|
-
]
|
|
33
|
-
}),
|
|
34
|
-
/*#__PURE__*/ jsxs(RadioGroup.Item, {
|
|
35
|
-
value: "b",
|
|
36
|
-
children: [
|
|
37
|
-
/*#__PURE__*/ jsx(RadioGroup.ItemControl, {}),
|
|
38
|
-
/*#__PURE__*/ jsx(RadioGroup.ItemText, {
|
|
39
|
-
children: "Option B"
|
|
40
|
-
})
|
|
41
|
-
]
|
|
42
|
-
})
|
|
43
|
-
]
|
|
44
|
-
})
|
|
45
|
-
});
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
-
import code_connect from "@figma/code-connect";
|
|
3
|
-
import { SearchForm } from "./search-form.js";
|
|
4
|
-
code_connect.connect(SearchForm, "https://www.figma.com/design/gi5GUSWwAeXknaKEeLqK5w/New-Design-System-vol.-2?node-id=2620-122", {
|
|
5
|
-
imports: [
|
|
6
|
-
'import { SearchForm } from "@libs/ui/molecules/search-form"'
|
|
7
|
-
],
|
|
8
|
-
props: {
|
|
9
|
-
size: code_connect["enum"]("size", {
|
|
10
|
-
sm: "sm",
|
|
11
|
-
md: "md",
|
|
12
|
-
lg: "lg"
|
|
13
|
-
}),
|
|
14
|
-
gapped: code_connect.boolean("gapped")
|
|
15
|
-
},
|
|
16
|
-
example: ({ size, gapped })=>/*#__PURE__*/ jsx(SearchForm, {
|
|
17
|
-
gapped: gapped,
|
|
18
|
-
size: size,
|
|
19
|
-
children: /*#__PURE__*/ jsxs(SearchForm.Control, {
|
|
20
|
-
children: [
|
|
21
|
-
/*#__PURE__*/ jsx(SearchForm.Input, {
|
|
22
|
-
placeholder: "Search..."
|
|
23
|
-
}),
|
|
24
|
-
/*#__PURE__*/ jsx(SearchForm.Button, {})
|
|
25
|
-
]
|
|
26
|
-
})
|
|
27
|
-
})
|
|
28
|
-
});
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
-
import code_connect from "@figma/code-connect";
|
|
3
|
-
import { Select } from "./select.js";
|
|
4
|
-
code_connect.connect(Select, "https://www.figma.com/design/gi5GUSWwAeXknaKEeLqK5w/New-Design-System-vol.-2?node-id=761-571", {
|
|
5
|
-
imports: [
|
|
6
|
-
'import { Select } from "@techsio/ui-kit/molecules/select"'
|
|
7
|
-
],
|
|
8
|
-
props: {
|
|
9
|
-
size: code_connect["enum"]("size", {
|
|
10
|
-
xs: "xs",
|
|
11
|
-
sm: "sm",
|
|
12
|
-
md: "md",
|
|
13
|
-
lg: "lg"
|
|
14
|
-
}),
|
|
15
|
-
validateStatus: code_connect["enum"]("state", {
|
|
16
|
-
default: "default",
|
|
17
|
-
error: "error",
|
|
18
|
-
success: "success",
|
|
19
|
-
warning: "warning",
|
|
20
|
-
disabled: "default",
|
|
21
|
-
readonly: "default"
|
|
22
|
-
}),
|
|
23
|
-
disabled: code_connect["enum"]("state", {
|
|
24
|
-
default: false,
|
|
25
|
-
error: false,
|
|
26
|
-
success: false,
|
|
27
|
-
warning: false,
|
|
28
|
-
disabled: true,
|
|
29
|
-
readonly: false
|
|
30
|
-
}),
|
|
31
|
-
required: code_connect.boolean("required")
|
|
32
|
-
},
|
|
33
|
-
example: ({ size, validateStatus, disabled, required })=>/*#__PURE__*/ jsxs(Select, {
|
|
34
|
-
disabled: disabled,
|
|
35
|
-
items: [],
|
|
36
|
-
required: required,
|
|
37
|
-
size: size,
|
|
38
|
-
validateStatus: validateStatus,
|
|
39
|
-
children: [
|
|
40
|
-
/*#__PURE__*/ jsx(Select.Label, {
|
|
41
|
-
children: "Label"
|
|
42
|
-
}),
|
|
43
|
-
/*#__PURE__*/ jsx(Select.Trigger, {})
|
|
44
|
-
]
|
|
45
|
-
})
|
|
46
|
-
});
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import { jsx } from "react/jsx-runtime";
|
|
2
|
-
import code_connect from "@figma/code-connect";
|
|
3
|
-
import { Slider } from "./slider.js";
|
|
4
|
-
code_connect.connect(Slider, "https://www.figma.com/design/gi5GUSWwAeXknaKEeLqK5w/New-Design-System-vol.-2?node-id=1141-48", {
|
|
5
|
-
imports: [
|
|
6
|
-
'import { Slider } from "@techsio/ui-kit/molecules/slider"'
|
|
7
|
-
],
|
|
8
|
-
props: {
|
|
9
|
-
size: code_connect["enum"]("size", {
|
|
10
|
-
sm: "sm",
|
|
11
|
-
md: "md",
|
|
12
|
-
lg: "lg"
|
|
13
|
-
}),
|
|
14
|
-
disabled: code_connect.boolean("disabled"),
|
|
15
|
-
validateStatus: code_connect["enum"]("validateStatus", {
|
|
16
|
-
default: "default",
|
|
17
|
-
error: "error"
|
|
18
|
-
})
|
|
19
|
-
},
|
|
20
|
-
example: ({ size, disabled, validateStatus })=>/*#__PURE__*/ jsx(Slider, {
|
|
21
|
-
defaultValue: [
|
|
22
|
-
50
|
|
23
|
-
],
|
|
24
|
-
disabled: disabled,
|
|
25
|
-
max: 100,
|
|
26
|
-
min: 0,
|
|
27
|
-
size: size,
|
|
28
|
-
validateStatus: validateStatus
|
|
29
|
-
})
|
|
30
|
-
});
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
import { jsx } from "react/jsx-runtime";
|
|
2
|
-
import code_connect from "@figma/code-connect";
|
|
3
|
-
import { Steps } from "./steps.js";
|
|
4
|
-
code_connect.connect(Steps, "https://www.figma.com/design/gi5GUSWwAeXknaKEeLqK5w/New-Design-System-vol.-2?node-id=1153-66", {
|
|
5
|
-
imports: [
|
|
6
|
-
'import { Steps } from "@libs/ui/molecules/steps"'
|
|
7
|
-
],
|
|
8
|
-
props: {
|
|
9
|
-
size: code_connect["enum"]("size", {
|
|
10
|
-
sm: "sm",
|
|
11
|
-
md: "md",
|
|
12
|
-
lg: "lg"
|
|
13
|
-
}),
|
|
14
|
-
orientation: code_connect["enum"]("orientation", {
|
|
15
|
-
horizontal: "horizontal",
|
|
16
|
-
vertical: "vertical"
|
|
17
|
-
})
|
|
18
|
-
},
|
|
19
|
-
example: ({ size, orientation })=>/*#__PURE__*/ jsx(Steps, {
|
|
20
|
-
count: 3,
|
|
21
|
-
defaultStep: 0,
|
|
22
|
-
orientation: orientation,
|
|
23
|
-
size: size,
|
|
24
|
-
children: /*#__PURE__*/ jsx(Steps.List, {
|
|
25
|
-
children: /*#__PURE__*/ jsx(Steps.Item, {
|
|
26
|
-
index: 0,
|
|
27
|
-
children: /*#__PURE__*/ jsx(Steps.Trigger, {
|
|
28
|
-
children: "Step 1"
|
|
29
|
-
})
|
|
30
|
-
})
|
|
31
|
-
})
|
|
32
|
-
})
|
|
33
|
-
});
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
import { jsx } from "react/jsx-runtime";
|
|
2
|
-
import code_connect from "@figma/code-connect";
|
|
3
|
-
import { Switch } from "./switch.js";
|
|
4
|
-
code_connect.connect(Switch, "https://www.figma.com/design/gi5GUSWwAeXknaKEeLqK5w/New-Design-System-vol.-2?node-id=1137-22", {
|
|
5
|
-
imports: [
|
|
6
|
-
'import { Switch } from "@techsio/ui-kit/molecules/switch"'
|
|
7
|
-
],
|
|
8
|
-
props: {
|
|
9
|
-
checked: code_connect["enum"]("state", {
|
|
10
|
-
unchecked: false,
|
|
11
|
-
checked: true,
|
|
12
|
-
disabled: false
|
|
13
|
-
}),
|
|
14
|
-
disabled: code_connect["enum"]("state", {
|
|
15
|
-
unchecked: false,
|
|
16
|
-
checked: false,
|
|
17
|
-
disabled: true
|
|
18
|
-
}),
|
|
19
|
-
validateStatus: code_connect["enum"]("validateStatus", {
|
|
20
|
-
default: "default",
|
|
21
|
-
error: "error",
|
|
22
|
-
success: "success",
|
|
23
|
-
warning: "warning"
|
|
24
|
-
}),
|
|
25
|
-
children: code_connect.string("label")
|
|
26
|
-
},
|
|
27
|
-
example: ({ checked, disabled, validateStatus, children })=>/*#__PURE__*/ jsx(Switch, {
|
|
28
|
-
checked: checked,
|
|
29
|
-
disabled: disabled,
|
|
30
|
-
validateStatus: validateStatus,
|
|
31
|
-
children: children
|
|
32
|
-
})
|
|
33
|
-
});
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
-
import code_connect from "@figma/code-connect";
|
|
3
|
-
import { Tabs } from "./tabs.js";
|
|
4
|
-
code_connect.connect(Tabs, "https://www.figma.com/design/gi5GUSWwAeXknaKEeLqK5w/New-Design-System-vol.-2?node-id=1174-74", {
|
|
5
|
-
imports: [
|
|
6
|
-
'import { Tabs } from "@libs/ui/molecules/tabs"'
|
|
7
|
-
],
|
|
8
|
-
props: {
|
|
9
|
-
size: code_connect["enum"]("size", {
|
|
10
|
-
sm: "sm",
|
|
11
|
-
md: "md",
|
|
12
|
-
lg: "lg"
|
|
13
|
-
}),
|
|
14
|
-
orientation: code_connect["enum"]("orientation", {
|
|
15
|
-
horizontal: "horizontal",
|
|
16
|
-
vertical: "vertical"
|
|
17
|
-
})
|
|
18
|
-
},
|
|
19
|
-
example: ({ size, orientation })=>/*#__PURE__*/ jsxs(Tabs, {
|
|
20
|
-
defaultValue: "tab-1",
|
|
21
|
-
orientation: orientation,
|
|
22
|
-
size: size,
|
|
23
|
-
children: [
|
|
24
|
-
/*#__PURE__*/ jsxs(Tabs.List, {
|
|
25
|
-
children: [
|
|
26
|
-
/*#__PURE__*/ jsx(Tabs.Trigger, {
|
|
27
|
-
value: "tab-1",
|
|
28
|
-
children: "Tab 1"
|
|
29
|
-
}),
|
|
30
|
-
/*#__PURE__*/ jsx(Tabs.Trigger, {
|
|
31
|
-
value: "tab-2",
|
|
32
|
-
children: "Tab 2"
|
|
33
|
-
})
|
|
34
|
-
]
|
|
35
|
-
}),
|
|
36
|
-
/*#__PURE__*/ jsx(Tabs.Content, {
|
|
37
|
-
value: "tab-1",
|
|
38
|
-
children: "Content 1"
|
|
39
|
-
}),
|
|
40
|
-
/*#__PURE__*/ jsx(Tabs.Content, {
|
|
41
|
-
value: "tab-2",
|
|
42
|
-
children: "Content 2"
|
|
43
|
-
})
|
|
44
|
-
]
|
|
45
|
-
})
|
|
46
|
-
});
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
-
import code_connect from "@figma/code-connect";
|
|
3
|
-
import { Toaster, useToast } from "./toast.js";
|
|
4
|
-
code_connect.connect(Toaster, "https://www.figma.com/design/gi5GUSWwAeXknaKEeLqK5w/New-Design-System-vol.-2?node-id=1155-33", {
|
|
5
|
-
imports: [
|
|
6
|
-
'import { Toaster, useToast } from "@libs/ui/molecules/toast"'
|
|
7
|
-
],
|
|
8
|
-
props: {
|
|
9
|
-
type: code_connect["enum"]("type", {
|
|
10
|
-
default: "message",
|
|
11
|
-
info: "info",
|
|
12
|
-
success: "success",
|
|
13
|
-
warning: "warning",
|
|
14
|
-
error: "error"
|
|
15
|
-
})
|
|
16
|
-
},
|
|
17
|
-
example: ({ type })=>{
|
|
18
|
-
const toast = useToast();
|
|
19
|
-
return /*#__PURE__*/ jsxs(Fragment, {
|
|
20
|
-
children: [
|
|
21
|
-
/*#__PURE__*/ jsx("button", {
|
|
22
|
-
onClick: ()=>toast.create({
|
|
23
|
-
title: "Toast",
|
|
24
|
-
description: "Notification message",
|
|
25
|
-
type
|
|
26
|
-
}),
|
|
27
|
-
type: "button",
|
|
28
|
-
children: "Show toast"
|
|
29
|
-
}),
|
|
30
|
-
/*#__PURE__*/ jsx(Toaster, {})
|
|
31
|
-
]
|
|
32
|
-
});
|
|
33
|
-
}
|
|
34
|
-
});
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import { jsx } from "react/jsx-runtime";
|
|
2
|
-
import code_connect from "@figma/code-connect";
|
|
3
|
-
import { TreeView } from "./tree-view.js";
|
|
4
|
-
code_connect.connect(TreeView, "https://www.figma.com/design/gi5GUSWwAeXknaKEeLqK5w/New-Design-System-vol.-2?node-id=1193-228", {
|
|
5
|
-
imports: [
|
|
6
|
-
'import { TreeView } from "@techsio/ui-kit/molecules/tree-view"'
|
|
7
|
-
],
|
|
8
|
-
props: {
|
|
9
|
-
size: code_connect["enum"]("size", {
|
|
10
|
-
sm: "sm",
|
|
11
|
-
md: "md",
|
|
12
|
-
lg: "lg"
|
|
13
|
-
})
|
|
14
|
-
},
|
|
15
|
-
example: ({ size })=>/*#__PURE__*/ jsx(TreeView, {
|
|
16
|
-
data: [
|
|
17
|
-
{
|
|
18
|
-
id: "1",
|
|
19
|
-
name: "Root",
|
|
20
|
-
children: [
|
|
21
|
-
{
|
|
22
|
-
id: "1-1",
|
|
23
|
-
name: "Child"
|
|
24
|
-
}
|
|
25
|
-
]
|
|
26
|
-
}
|
|
27
|
-
],
|
|
28
|
-
size: size
|
|
29
|
-
})
|
|
30
|
-
});
|
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
-
import code_connect from "@figma/code-connect";
|
|
3
|
-
import { Footer } from "./footer.js";
|
|
4
|
-
code_connect.connect(Footer, "https://www.figma.com/design/gi5GUSWwAeXknaKEeLqK5w/New-Design-System-vol.-2?node-id=1372-161", {
|
|
5
|
-
imports: [
|
|
6
|
-
'import { Footer } from "@libs/ui/organisms/footer"'
|
|
7
|
-
],
|
|
8
|
-
props: {
|
|
9
|
-
size: code_connect["enum"]("size", {
|
|
10
|
-
sm: "sm",
|
|
11
|
-
md: "md",
|
|
12
|
-
lg: "lg"
|
|
13
|
-
})
|
|
14
|
-
},
|
|
15
|
-
example: ({ size })=>/*#__PURE__*/ jsxs(Footer, {
|
|
16
|
-
size: size,
|
|
17
|
-
children: [
|
|
18
|
-
/*#__PURE__*/ jsx(Footer.Container, {
|
|
19
|
-
children: /*#__PURE__*/ jsxs(Footer.Section, {
|
|
20
|
-
children: [
|
|
21
|
-
/*#__PURE__*/ jsx(Footer.Title, {
|
|
22
|
-
children: "Shop"
|
|
23
|
-
}),
|
|
24
|
-
/*#__PURE__*/ jsxs(Footer.List, {
|
|
25
|
-
children: [
|
|
26
|
-
/*#__PURE__*/ jsx("li", {
|
|
27
|
-
children: /*#__PURE__*/ jsx(Footer.Link, {
|
|
28
|
-
href: "/new",
|
|
29
|
-
children: "New arrivals"
|
|
30
|
-
})
|
|
31
|
-
}),
|
|
32
|
-
/*#__PURE__*/ jsx("li", {
|
|
33
|
-
children: /*#__PURE__*/ jsx(Footer.Link, {
|
|
34
|
-
href: "/sale",
|
|
35
|
-
children: "Sale"
|
|
36
|
-
})
|
|
37
|
-
})
|
|
38
|
-
]
|
|
39
|
-
})
|
|
40
|
-
]
|
|
41
|
-
})
|
|
42
|
-
}),
|
|
43
|
-
/*#__PURE__*/ jsx(Footer.Divider, {}),
|
|
44
|
-
/*#__PURE__*/ jsx(Footer.Bottom, {
|
|
45
|
-
children: /*#__PURE__*/ jsx(Footer.Text, {
|
|
46
|
-
children: "\xa9 2026 Acme, Inc."
|
|
47
|
-
})
|
|
48
|
-
})
|
|
49
|
-
]
|
|
50
|
-
})
|
|
51
|
-
});
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
import { jsx } from "react/jsx-runtime";
|
|
2
|
-
import code_connect from "@figma/code-connect";
|
|
3
|
-
import { Gallery } from "./gallery.js";
|
|
4
|
-
code_connect.connect(Gallery, "https://www.figma.com/design/gi5GUSWwAeXknaKEeLqK5w/New-Design-System-vol.-2?node-id=1392-68", {
|
|
5
|
-
imports: [
|
|
6
|
-
'import { Gallery } from "@libs/ui/organisms/gallery"'
|
|
7
|
-
],
|
|
8
|
-
props: {
|
|
9
|
-
orientation: code_connect["enum"]("orientation", {
|
|
10
|
-
vertical: "vertical",
|
|
11
|
-
horizontal: "horizontal"
|
|
12
|
-
})
|
|
13
|
-
},
|
|
14
|
-
example: ({ orientation })=>/*#__PURE__*/ jsx(Gallery, {
|
|
15
|
-
items: [
|
|
16
|
-
{
|
|
17
|
-
id: "1",
|
|
18
|
-
src: "/product-1.jpg",
|
|
19
|
-
alt: "Product front"
|
|
20
|
-
},
|
|
21
|
-
{
|
|
22
|
-
id: "2",
|
|
23
|
-
src: "/product-2.jpg",
|
|
24
|
-
alt: "Product side"
|
|
25
|
-
},
|
|
26
|
-
{
|
|
27
|
-
id: "3",
|
|
28
|
-
src: "/product-3.jpg",
|
|
29
|
-
alt: "Product detail"
|
|
30
|
-
}
|
|
31
|
-
],
|
|
32
|
-
orientation: orientation
|
|
33
|
-
})
|
|
34
|
-
});
|
|
@@ -1,58 +0,0 @@
|
|
|
1
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
-
import code_connect from "@figma/code-connect";
|
|
3
|
-
import { Header } from "./header.js";
|
|
4
|
-
code_connect.connect(Header, "https://www.figma.com/design/gi5GUSWwAeXknaKEeLqK5w/New-Design-System-vol.-2?node-id=1391-225", {
|
|
5
|
-
imports: [
|
|
6
|
-
'import { Header } from "@libs/ui/organisms/header"'
|
|
7
|
-
],
|
|
8
|
-
props: {
|
|
9
|
-
size: code_connect["enum"]("size", {
|
|
10
|
-
sm: "sm",
|
|
11
|
-
md: "md",
|
|
12
|
-
lg: "lg"
|
|
13
|
-
})
|
|
14
|
-
},
|
|
15
|
-
example: ({ size })=>/*#__PURE__*/ jsxs(Header, {
|
|
16
|
-
size: size,
|
|
17
|
-
children: [
|
|
18
|
-
/*#__PURE__*/ jsxs(Header.Desktop, {
|
|
19
|
-
children: [
|
|
20
|
-
/*#__PURE__*/ jsx(Header.Container, {
|
|
21
|
-
position: "start",
|
|
22
|
-
children: "Logo"
|
|
23
|
-
}),
|
|
24
|
-
/*#__PURE__*/ jsxs(Header.Nav, {
|
|
25
|
-
children: [
|
|
26
|
-
/*#__PURE__*/ jsx(Header.NavItem, {
|
|
27
|
-
active: true,
|
|
28
|
-
children: "Home"
|
|
29
|
-
}),
|
|
30
|
-
/*#__PURE__*/ jsx(Header.NavItem, {
|
|
31
|
-
children: "Shop"
|
|
32
|
-
}),
|
|
33
|
-
/*#__PURE__*/ jsx(Header.NavItem, {
|
|
34
|
-
children: "About"
|
|
35
|
-
})
|
|
36
|
-
]
|
|
37
|
-
}),
|
|
38
|
-
/*#__PURE__*/ jsx(Header.Actions, {
|
|
39
|
-
children: /*#__PURE__*/ jsx(Header.ActionItem, {
|
|
40
|
-
children: "Cart"
|
|
41
|
-
})
|
|
42
|
-
})
|
|
43
|
-
]
|
|
44
|
-
}),
|
|
45
|
-
/*#__PURE__*/ jsx(Header.Hamburger, {}),
|
|
46
|
-
/*#__PURE__*/ jsxs(Header.Mobile, {
|
|
47
|
-
children: [
|
|
48
|
-
/*#__PURE__*/ jsx(Header.NavItem, {
|
|
49
|
-
children: "Home"
|
|
50
|
-
}),
|
|
51
|
-
/*#__PURE__*/ jsx(Header.NavItem, {
|
|
52
|
-
children: "Shop"
|
|
53
|
-
})
|
|
54
|
-
]
|
|
55
|
-
})
|
|
56
|
-
]
|
|
57
|
-
})
|
|
58
|
-
});
|
|
@@ -1,87 +0,0 @@
|
|
|
1
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
-
import code_connect from "@figma/code-connect";
|
|
3
|
-
import { Table } from "./table.js";
|
|
4
|
-
code_connect.connect(Table, "https://www.figma.com/design/gi5GUSWwAeXknaKEeLqK5w/New-Design-System-vol.-2?node-id=1393-232", {
|
|
5
|
-
imports: [
|
|
6
|
-
'import { Table } from "@libs/ui/organisms/table"'
|
|
7
|
-
],
|
|
8
|
-
props: {
|
|
9
|
-
variant: code_connect["enum"]("variant", {
|
|
10
|
-
line: "line",
|
|
11
|
-
outline: "outline",
|
|
12
|
-
striped: "striped"
|
|
13
|
-
}),
|
|
14
|
-
size: code_connect["enum"]("size", {
|
|
15
|
-
sm: "sm",
|
|
16
|
-
md: "md",
|
|
17
|
-
lg: "lg"
|
|
18
|
-
})
|
|
19
|
-
},
|
|
20
|
-
example: ({ variant, size })=>/*#__PURE__*/ jsxs(Table, {
|
|
21
|
-
size: size,
|
|
22
|
-
variant: variant,
|
|
23
|
-
children: [
|
|
24
|
-
/*#__PURE__*/ jsx(Table.Caption, {
|
|
25
|
-
children: "Recent orders"
|
|
26
|
-
}),
|
|
27
|
-
/*#__PURE__*/ jsx(Table.Header, {
|
|
28
|
-
children: /*#__PURE__*/ jsxs(Table.Row, {
|
|
29
|
-
children: [
|
|
30
|
-
/*#__PURE__*/ jsx(Table.ColumnHeader, {
|
|
31
|
-
children: "Order"
|
|
32
|
-
}),
|
|
33
|
-
/*#__PURE__*/ jsx(Table.ColumnHeader, {
|
|
34
|
-
children: "Status"
|
|
35
|
-
}),
|
|
36
|
-
/*#__PURE__*/ jsx(Table.ColumnHeader, {
|
|
37
|
-
children: "Total"
|
|
38
|
-
})
|
|
39
|
-
]
|
|
40
|
-
})
|
|
41
|
-
}),
|
|
42
|
-
/*#__PURE__*/ jsxs(Table.Body, {
|
|
43
|
-
children: [
|
|
44
|
-
/*#__PURE__*/ jsxs(Table.Row, {
|
|
45
|
-
children: [
|
|
46
|
-
/*#__PURE__*/ jsx(Table.Cell, {
|
|
47
|
-
children: "#1001"
|
|
48
|
-
}),
|
|
49
|
-
/*#__PURE__*/ jsx(Table.Cell, {
|
|
50
|
-
children: "Shipped"
|
|
51
|
-
}),
|
|
52
|
-
/*#__PURE__*/ jsx(Table.Cell, {
|
|
53
|
-
children: "$99.00"
|
|
54
|
-
})
|
|
55
|
-
]
|
|
56
|
-
}),
|
|
57
|
-
/*#__PURE__*/ jsxs(Table.Row, {
|
|
58
|
-
children: [
|
|
59
|
-
/*#__PURE__*/ jsx(Table.Cell, {
|
|
60
|
-
children: "#1002"
|
|
61
|
-
}),
|
|
62
|
-
/*#__PURE__*/ jsx(Table.Cell, {
|
|
63
|
-
children: "Pending"
|
|
64
|
-
}),
|
|
65
|
-
/*#__PURE__*/ jsx(Table.Cell, {
|
|
66
|
-
children: "$149.00"
|
|
67
|
-
})
|
|
68
|
-
]
|
|
69
|
-
})
|
|
70
|
-
]
|
|
71
|
-
}),
|
|
72
|
-
/*#__PURE__*/ jsx(Table.Footer, {
|
|
73
|
-
children: /*#__PURE__*/ jsxs(Table.Row, {
|
|
74
|
-
children: [
|
|
75
|
-
/*#__PURE__*/ jsx(Table.Cell, {
|
|
76
|
-
children: "Total"
|
|
77
|
-
}),
|
|
78
|
-
/*#__PURE__*/ jsx(Table.Cell, {}),
|
|
79
|
-
/*#__PURE__*/ jsx(Table.Cell, {
|
|
80
|
-
children: "$248.00"
|
|
81
|
-
})
|
|
82
|
-
]
|
|
83
|
-
})
|
|
84
|
-
})
|
|
85
|
-
]
|
|
86
|
-
})
|
|
87
|
-
});
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"action-icon.figma.d.ts","sourceRoot":"","sources":["../../../src/atoms/action-icon.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"badge.figma.d.ts","sourceRoot":"","sources":["../../../src/atoms/badge.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"button.figma.d.ts","sourceRoot":"","sources":["../../../src/atoms/button.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox.figma.d.ts","sourceRoot":"","sources":["../../../src/atoms/checkbox.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"icon.figma.d.ts","sourceRoot":"","sources":["../../../src/atoms/icon.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"image.figma.d.ts","sourceRoot":"","sources":["../../../src/atoms/image.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"input.figma.d.ts","sourceRoot":"","sources":["../../../src/atoms/input.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"label.figma.d.ts","sourceRoot":"","sources":["../../../src/atoms/label.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"link-button.figma.d.ts","sourceRoot":"","sources":["../../../src/atoms/link-button.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"link.figma.d.ts","sourceRoot":"","sources":["../../../src/atoms/link.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"numeric-input.figma.d.ts","sourceRoot":"","sources":["../../../src/atoms/numeric-input.figma.tsx"],"names":[],"mappings":""}
|