@techsio/ui-kit 0.40.1 → 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.
Files changed (133) hide show
  1. package/package.json +2 -2
  2. package/dist/atoms/action-icon.figma.js +0 -25
  3. package/dist/atoms/badge.figma.js +0 -33
  4. package/dist/atoms/button.figma.js +0 -76
  5. package/dist/atoms/checkbox.figma.js +0 -35
  6. package/dist/atoms/icon.figma.js +0 -33
  7. package/dist/atoms/image.figma.js +0 -21
  8. package/dist/atoms/input.figma.js +0 -34
  9. package/dist/atoms/label.figma.js +0 -25
  10. package/dist/atoms/link-button.figma.js +0 -42
  11. package/dist/atoms/link.figma.js +0 -15
  12. package/dist/atoms/numeric-input.figma.js +0 -52
  13. package/dist/atoms/rating.figma.js +0 -38
  14. package/dist/atoms/skeleton.figma.js +0 -119
  15. package/dist/atoms/status-text.figma.js +0 -27
  16. package/dist/atoms/textarea.figma.js +0 -38
  17. package/dist/atoms/tooltip.figma.js +0 -47
  18. package/dist/molecules/accordion.figma.js +0 -41
  19. package/dist/molecules/breadcrumb.figma.js +0 -31
  20. package/dist/molecules/carousel.figma.js +0 -34
  21. package/dist/molecules/combobox.figma.js +0 -38
  22. package/dist/molecules/dialog.figma.js +0 -24
  23. package/dist/molecules/form-checkbox.figma.js +0 -41
  24. package/dist/molecules/form-input.figma.js +0 -38
  25. package/dist/molecules/form-numeric-input.figma.js +0 -67
  26. package/dist/molecules/form-textarea.figma.js +0 -38
  27. package/dist/molecules/menu.figma.js +0 -26
  28. package/dist/molecules/pagination.figma.js +0 -22
  29. package/dist/molecules/phone-input.figma.js +0 -62
  30. package/dist/molecules/popover.figma.js +0 -38
  31. package/dist/molecules/product-card.figma.js +0 -34
  32. package/dist/molecules/radio-card.figma.js +0 -35
  33. package/dist/molecules/radio-group.figma.js +0 -45
  34. package/dist/molecules/search-form.figma.js +0 -28
  35. package/dist/molecules/select.figma.js +0 -46
  36. package/dist/molecules/slider.figma.js +0 -30
  37. package/dist/molecules/steps.figma.js +0 -33
  38. package/dist/molecules/switch.figma.js +0 -33
  39. package/dist/molecules/tabs.figma.js +0 -46
  40. package/dist/molecules/toast.figma.js +0 -34
  41. package/dist/molecules/tree-view.figma.js +0 -30
  42. package/dist/organisms/footer.figma.js +0 -51
  43. package/dist/organisms/gallery.figma.js +0 -34
  44. package/dist/organisms/header.figma.js +0 -58
  45. package/dist/organisms/table.figma.js +0 -87
  46. package/dist/src/atoms/action-icon.figma.d.ts +0 -2
  47. package/dist/src/atoms/action-icon.figma.d.ts.map +0 -1
  48. package/dist/src/atoms/badge.figma.d.ts +0 -2
  49. package/dist/src/atoms/badge.figma.d.ts.map +0 -1
  50. package/dist/src/atoms/button.figma.d.ts +0 -2
  51. package/dist/src/atoms/button.figma.d.ts.map +0 -1
  52. package/dist/src/atoms/checkbox.figma.d.ts +0 -2
  53. package/dist/src/atoms/checkbox.figma.d.ts.map +0 -1
  54. package/dist/src/atoms/icon.figma.d.ts +0 -2
  55. package/dist/src/atoms/icon.figma.d.ts.map +0 -1
  56. package/dist/src/atoms/image.figma.d.ts +0 -2
  57. package/dist/src/atoms/image.figma.d.ts.map +0 -1
  58. package/dist/src/atoms/input.figma.d.ts +0 -2
  59. package/dist/src/atoms/input.figma.d.ts.map +0 -1
  60. package/dist/src/atoms/label.figma.d.ts +0 -2
  61. package/dist/src/atoms/label.figma.d.ts.map +0 -1
  62. package/dist/src/atoms/link-button.figma.d.ts +0 -2
  63. package/dist/src/atoms/link-button.figma.d.ts.map +0 -1
  64. package/dist/src/atoms/link.figma.d.ts +0 -2
  65. package/dist/src/atoms/link.figma.d.ts.map +0 -1
  66. package/dist/src/atoms/numeric-input.figma.d.ts +0 -2
  67. package/dist/src/atoms/numeric-input.figma.d.ts.map +0 -1
  68. package/dist/src/atoms/rating.figma.d.ts +0 -2
  69. package/dist/src/atoms/rating.figma.d.ts.map +0 -1
  70. package/dist/src/atoms/skeleton.figma.d.ts +0 -2
  71. package/dist/src/atoms/skeleton.figma.d.ts.map +0 -1
  72. package/dist/src/atoms/status-text.figma.d.ts +0 -2
  73. package/dist/src/atoms/status-text.figma.d.ts.map +0 -1
  74. package/dist/src/atoms/textarea.figma.d.ts +0 -2
  75. package/dist/src/atoms/textarea.figma.d.ts.map +0 -1
  76. package/dist/src/atoms/tooltip.figma.d.ts +0 -2
  77. package/dist/src/atoms/tooltip.figma.d.ts.map +0 -1
  78. package/dist/src/molecules/accordion.figma.d.ts +0 -2
  79. package/dist/src/molecules/accordion.figma.d.ts.map +0 -1
  80. package/dist/src/molecules/breadcrumb.figma.d.ts +0 -2
  81. package/dist/src/molecules/breadcrumb.figma.d.ts.map +0 -1
  82. package/dist/src/molecules/carousel.figma.d.ts +0 -2
  83. package/dist/src/molecules/carousel.figma.d.ts.map +0 -1
  84. package/dist/src/molecules/combobox.figma.d.ts +0 -2
  85. package/dist/src/molecules/combobox.figma.d.ts.map +0 -1
  86. package/dist/src/molecules/dialog.figma.d.ts +0 -2
  87. package/dist/src/molecules/dialog.figma.d.ts.map +0 -1
  88. package/dist/src/molecules/form-checkbox.figma.d.ts +0 -2
  89. package/dist/src/molecules/form-checkbox.figma.d.ts.map +0 -1
  90. package/dist/src/molecules/form-input.figma.d.ts +0 -2
  91. package/dist/src/molecules/form-input.figma.d.ts.map +0 -1
  92. package/dist/src/molecules/form-numeric-input.figma.d.ts +0 -2
  93. package/dist/src/molecules/form-numeric-input.figma.d.ts.map +0 -1
  94. package/dist/src/molecules/form-textarea.figma.d.ts +0 -2
  95. package/dist/src/molecules/form-textarea.figma.d.ts.map +0 -1
  96. package/dist/src/molecules/menu.figma.d.ts +0 -2
  97. package/dist/src/molecules/menu.figma.d.ts.map +0 -1
  98. package/dist/src/molecules/pagination.figma.d.ts +0 -2
  99. package/dist/src/molecules/pagination.figma.d.ts.map +0 -1
  100. package/dist/src/molecules/phone-input.figma.d.ts +0 -2
  101. package/dist/src/molecules/phone-input.figma.d.ts.map +0 -1
  102. package/dist/src/molecules/popover.figma.d.ts +0 -2
  103. package/dist/src/molecules/popover.figma.d.ts.map +0 -1
  104. package/dist/src/molecules/product-card.figma.d.ts +0 -2
  105. package/dist/src/molecules/product-card.figma.d.ts.map +0 -1
  106. package/dist/src/molecules/radio-card.figma.d.ts +0 -2
  107. package/dist/src/molecules/radio-card.figma.d.ts.map +0 -1
  108. package/dist/src/molecules/radio-group.figma.d.ts +0 -2
  109. package/dist/src/molecules/radio-group.figma.d.ts.map +0 -1
  110. package/dist/src/molecules/search-form.figma.d.ts +0 -2
  111. package/dist/src/molecules/search-form.figma.d.ts.map +0 -1
  112. package/dist/src/molecules/select.figma.d.ts +0 -2
  113. package/dist/src/molecules/select.figma.d.ts.map +0 -1
  114. package/dist/src/molecules/slider.figma.d.ts +0 -2
  115. package/dist/src/molecules/slider.figma.d.ts.map +0 -1
  116. package/dist/src/molecules/steps.figma.d.ts +0 -2
  117. package/dist/src/molecules/steps.figma.d.ts.map +0 -1
  118. package/dist/src/molecules/switch.figma.d.ts +0 -2
  119. package/dist/src/molecules/switch.figma.d.ts.map +0 -1
  120. package/dist/src/molecules/tabs.figma.d.ts +0 -2
  121. package/dist/src/molecules/tabs.figma.d.ts.map +0 -1
  122. package/dist/src/molecules/toast.figma.d.ts +0 -2
  123. package/dist/src/molecules/toast.figma.d.ts.map +0 -1
  124. package/dist/src/molecules/tree-view.figma.d.ts +0 -2
  125. package/dist/src/molecules/tree-view.figma.d.ts.map +0 -1
  126. package/dist/src/organisms/footer.figma.d.ts +0 -2
  127. package/dist/src/organisms/footer.figma.d.ts.map +0 -1
  128. package/dist/src/organisms/gallery.figma.d.ts +0 -2
  129. package/dist/src/organisms/gallery.figma.d.ts.map +0 -1
  130. package/dist/src/organisms/header.figma.d.ts +0 -2
  131. package/dist/src/organisms/header.figma.d.ts.map +0 -1
  132. package/dist/src/organisms/table.figma.d.ts +0 -2
  133. 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,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=action-icon.figma.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"action-icon.figma.d.ts","sourceRoot":"","sources":["../../../src/atoms/action-icon.figma.tsx"],"names":[],"mappings":""}
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=badge.figma.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"badge.figma.d.ts","sourceRoot":"","sources":["../../../src/atoms/badge.figma.tsx"],"names":[],"mappings":""}
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=button.figma.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"button.figma.d.ts","sourceRoot":"","sources":["../../../src/atoms/button.figma.tsx"],"names":[],"mappings":""}
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=checkbox.figma.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"checkbox.figma.d.ts","sourceRoot":"","sources":["../../../src/atoms/checkbox.figma.tsx"],"names":[],"mappings":""}
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=icon.figma.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"icon.figma.d.ts","sourceRoot":"","sources":["../../../src/atoms/icon.figma.tsx"],"names":[],"mappings":""}
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=image.figma.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"image.figma.d.ts","sourceRoot":"","sources":["../../../src/atoms/image.figma.tsx"],"names":[],"mappings":""}
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=input.figma.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"input.figma.d.ts","sourceRoot":"","sources":["../../../src/atoms/input.figma.tsx"],"names":[],"mappings":""}
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=label.figma.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"label.figma.d.ts","sourceRoot":"","sources":["../../../src/atoms/label.figma.tsx"],"names":[],"mappings":""}
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=link-button.figma.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"link-button.figma.d.ts","sourceRoot":"","sources":["../../../src/atoms/link-button.figma.tsx"],"names":[],"mappings":""}
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=link.figma.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"link.figma.d.ts","sourceRoot":"","sources":["../../../src/atoms/link.figma.tsx"],"names":[],"mappings":""}
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=numeric-input.figma.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"numeric-input.figma.d.ts","sourceRoot":"","sources":["../../../src/atoms/numeric-input.figma.tsx"],"names":[],"mappings":""}
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=rating.figma.d.ts.map