@seed-design/figma 0.1.7 → 0.1.9

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 (166) hide show
  1. package/lib/codegen/index.cjs +773 -660
  2. package/lib/codegen/index.d.ts +725 -625
  3. package/lib/codegen/index.d.ts.map +1 -1
  4. package/lib/codegen/index.js +773 -660
  5. package/lib/codegen/targets/react/index.cjs +1242 -1226
  6. package/lib/codegen/targets/react/index.d.ts +22 -11
  7. package/lib/codegen/targets/react/index.d.ts.map +1 -1
  8. package/lib/codegen/targets/react/index.js +1242 -1226
  9. package/lib/index.cjs +899 -671
  10. package/lib/index.d.ts +3 -1
  11. package/lib/index.d.ts.map +1 -1
  12. package/lib/index.js +899 -671
  13. package/package.json +3 -3
  14. package/src/codegen/component-properties.ts +289 -144
  15. package/src/codegen/core/component-handler.ts +9 -3
  16. package/src/codegen/core/jsx.ts +7 -2
  17. package/src/codegen/core/value-resolver.ts +35 -21
  18. package/src/codegen/targets/figma/pipeline.ts +4 -2
  19. package/src/codegen/targets/figma/value-resolver.ts +38 -2
  20. package/src/codegen/targets/react/component/handlers/action-button.ts +69 -5
  21. package/src/codegen/targets/react/component/handlers/alert-dialog.ts +81 -0
  22. package/src/codegen/targets/react/component/handlers/app-bar.ts +93 -128
  23. package/src/codegen/targets/react/component/handlers/avatar.ts +17 -8
  24. package/src/codegen/targets/react/component/handlers/badge.ts +0 -1
  25. package/src/codegen/targets/react/component/handlers/bottom-sheet.ts +71 -0
  26. package/src/codegen/targets/react/component/handlers/callout.ts +13 -17
  27. package/src/codegen/targets/react/component/handlers/chip.ts +88 -0
  28. package/src/codegen/targets/react/component/handlers/contextual-floating-button.ts +52 -0
  29. package/src/codegen/targets/react/component/handlers/divider.ts +19 -0
  30. package/src/codegen/targets/react/component/handlers/error-state.ts +26 -23
  31. package/src/codegen/targets/react/component/handlers/floating-action-button.ts +48 -0
  32. package/src/codegen/targets/react/component/handlers/help-bubble.ts +4 -5
  33. package/src/codegen/targets/react/component/handlers/identity-placeholder.ts +7 -4
  34. package/src/codegen/targets/react/component/handlers/inline-banner.ts +7 -14
  35. package/src/codegen/targets/react/component/handlers/manner-temp.ts +18 -0
  36. package/src/codegen/targets/react/component/handlers/menu-sheet.ts +106 -0
  37. package/src/codegen/targets/react/component/handlers/multiline-text-field.ts +1 -1
  38. package/src/codegen/targets/react/component/handlers/progress-circle.ts +3 -1
  39. package/src/codegen/targets/react/component/handlers/segmented-control.ts +4 -2
  40. package/src/codegen/targets/react/component/handlers/select-box.ts +11 -8
  41. package/src/codegen/targets/react/component/handlers/snackbar.ts +2 -2
  42. package/src/codegen/targets/react/component/handlers/switch.ts +2 -7
  43. package/src/codegen/targets/react/component/handlers/tabs.ts +8 -125
  44. package/src/codegen/targets/react/component/index.ts +22 -19
  45. package/src/codegen/targets/react/instance.ts +1 -1
  46. package/src/codegen/targets/react/pipeline.ts +4 -2
  47. package/src/codegen/targets/react/props.ts +16 -9
  48. package/src/codegen/targets/react/value-resolver.ts +38 -3
  49. package/src/entities/data/__generated__/component-sets/action-button.d.ts +5 -5
  50. package/src/entities/data/__generated__/component-sets/action-button.mjs +5 -5
  51. package/src/entities/data/__generated__/component-sets/alert-dialog.d.ts +26 -0
  52. package/src/entities/data/__generated__/component-sets/alert-dialog.mjs +26 -0
  53. package/src/entities/data/__generated__/component-sets/avatar-stack.d.ts +5 -18
  54. package/src/entities/data/__generated__/component-sets/avatar-stack.mjs +5 -18
  55. package/src/entities/data/__generated__/component-sets/avatar.d.ts +11 -5
  56. package/src/entities/data/__generated__/component-sets/avatar.mjs +11 -5
  57. package/src/entities/data/__generated__/component-sets/badge.d.ts +0 -7
  58. package/src/entities/data/__generated__/component-sets/badge.mjs +0 -7
  59. package/src/entities/data/__generated__/component-sets/bottom-navigation-global.d.ts +3 -0
  60. package/src/entities/data/__generated__/component-sets/bottom-navigation-global.mjs +3 -0
  61. package/src/entities/data/__generated__/component-sets/bottom-navigation-kr.d.ts +3 -0
  62. package/src/entities/data/__generated__/component-sets/bottom-navigation-kr.mjs +3 -0
  63. package/src/entities/data/__generated__/component-sets/bottom-sheet.d.ts +53 -4
  64. package/src/entities/data/__generated__/component-sets/bottom-sheet.mjs +53 -4
  65. package/src/entities/data/__generated__/component-sets/callout.d.ts +13 -22
  66. package/src/entities/data/__generated__/component-sets/callout.mjs +13 -22
  67. package/src/entities/data/__generated__/component-sets/checkbox.d.ts +3 -3
  68. package/src/entities/data/__generated__/component-sets/checkbox.mjs +3 -3
  69. package/src/entities/data/__generated__/component-sets/checkmark.d.ts +34 -0
  70. package/src/entities/data/__generated__/component-sets/checkmark.mjs +34 -0
  71. package/src/entities/data/__generated__/component-sets/chip.d.ts +90 -0
  72. package/src/entities/data/__generated__/component-sets/chip.mjs +90 -0
  73. package/src/entities/data/__generated__/component-sets/chlid.d.ts +14 -0
  74. package/src/entities/data/__generated__/component-sets/chlid.mjs +14 -0
  75. package/src/entities/data/__generated__/component-sets/{extended-floating-action-button.d.ts → contextual-floating-button.d.ts} +12 -10
  76. package/src/entities/data/__generated__/component-sets/{extended-floating-action-button.mjs → contextual-floating-button.mjs} +12 -10
  77. package/src/entities/data/__generated__/component-sets/floating-action-button.d.ts +4 -8
  78. package/src/entities/data/__generated__/component-sets/floating-action-button.mjs +4 -8
  79. package/src/entities/data/__generated__/component-sets/help-bubble.d.ts +3 -10
  80. package/src/entities/data/__generated__/component-sets/help-bubble.mjs +3 -10
  81. package/src/entities/data/__generated__/component-sets/index.d.ts +13 -13
  82. package/src/entities/data/__generated__/component-sets/index.mjs +13 -13
  83. package/src/entities/data/__generated__/component-sets/inline-banner.d.ts +3 -3
  84. package/src/entities/data/__generated__/component-sets/inline-banner.mjs +3 -3
  85. package/src/entities/data/__generated__/component-sets/main-tab-navigation-global.d.ts +2 -2
  86. package/src/entities/data/__generated__/component-sets/main-tab-navigation-global.mjs +2 -2
  87. package/src/entities/data/__generated__/component-sets/manner-temp-badge.d.ts +2 -2
  88. package/src/entities/data/__generated__/component-sets/manner-temp-badge.mjs +2 -2
  89. package/src/entities/data/__generated__/component-sets/manner-temp.d.ts +2 -2
  90. package/src/entities/data/__generated__/component-sets/manner-temp.mjs +2 -2
  91. package/src/entities/data/__generated__/component-sets/{extended-action-sheet.d.ts → menu-sheet.d.ts} +17 -13
  92. package/src/entities/data/__generated__/component-sets/{extended-action-sheet.mjs → menu-sheet.mjs} +17 -13
  93. package/src/entities/data/__generated__/component-sets/multiline-text-field.d.ts +18 -18
  94. package/src/entities/data/__generated__/component-sets/multiline-text-field.mjs +18 -18
  95. package/src/entities/data/__generated__/component-sets/progress-circle.d.ts +2 -1
  96. package/src/entities/data/__generated__/component-sets/progress-circle.mjs +2 -1
  97. package/src/entities/data/__generated__/component-sets/radio-mark.d.ts +34 -0
  98. package/src/entities/data/__generated__/component-sets/radio-mark.mjs +34 -0
  99. package/src/entities/data/__generated__/component-sets/radio.d.ts +2 -2
  100. package/src/entities/data/__generated__/component-sets/radio.mjs +2 -2
  101. package/src/entities/data/__generated__/component-sets/reaction-button.d.ts +6 -6
  102. package/src/entities/data/__generated__/component-sets/reaction-button.mjs +6 -6
  103. package/src/entities/data/__generated__/component-sets/resizable-child.d.ts +18 -0
  104. package/src/entities/data/__generated__/component-sets/resizable-child.mjs +18 -0
  105. package/src/entities/data/__generated__/component-sets/resizable-icon.d.ts +18 -0
  106. package/src/entities/data/__generated__/component-sets/resizable-icon.mjs +18 -0
  107. package/src/entities/data/__generated__/component-sets/select-box.d.ts +4 -4
  108. package/src/entities/data/__generated__/component-sets/select-box.mjs +4 -4
  109. package/src/entities/data/__generated__/component-sets/skeleton.d.ts +7 -0
  110. package/src/entities/data/__generated__/component-sets/skeleton.mjs +7 -0
  111. package/src/entities/data/__generated__/component-sets/snackbar.d.ts +4 -4
  112. package/src/entities/data/__generated__/component-sets/snackbar.mjs +4 -4
  113. package/src/entities/data/__generated__/component-sets/switch.d.ts +15 -6
  114. package/src/entities/data/__generated__/component-sets/switch.mjs +15 -6
  115. package/src/entities/data/__generated__/component-sets/tabs.d.ts +13 -0
  116. package/src/entities/data/__generated__/component-sets/tabs.mjs +13 -0
  117. package/src/entities/data/__generated__/component-sets/template-button-group.d.ts +9 -33
  118. package/src/entities/data/__generated__/component-sets/template-button-group.mjs +9 -33
  119. package/src/entities/data/__generated__/component-sets/template-chip-group.d.ts +15 -12
  120. package/src/entities/data/__generated__/component-sets/template-chip-group.mjs +15 -12
  121. package/src/entities/data/__generated__/component-sets/template-completion.d.ts +28 -0
  122. package/src/entities/data/__generated__/component-sets/template-completion.mjs +28 -0
  123. package/src/entities/data/__generated__/component-sets/{error-state.d.ts → template-error-state.d.ts} +5 -5
  124. package/src/entities/data/__generated__/component-sets/{error-state.mjs → template-error-state.mjs} +5 -5
  125. package/src/entities/data/__generated__/component-sets/template-top-navigation.d.ts +9 -7
  126. package/src/entities/data/__generated__/component-sets/template-top-navigation.mjs +9 -7
  127. package/src/entities/data/__generated__/component-sets/text-field.d.ts +35 -36
  128. package/src/entities/data/__generated__/component-sets/text-field.mjs +35 -36
  129. package/src/entities/data/__generated__/component-sets/toggle-button.d.ts +7 -7
  130. package/src/entities/data/__generated__/component-sets/toggle-button.mjs +7 -7
  131. package/src/entities/data/__generated__/component-sets/top-navigation.d.ts +42 -0
  132. package/src/entities/data/__generated__/component-sets/top-navigation.mjs +42 -0
  133. package/src/entities/data/styles.ts +94 -0
  134. package/src/entities/index.ts +5 -2
  135. package/src/normalizer/from-plugin.ts +104 -44
  136. package/src/normalizer/types.ts +3 -1
  137. package/src/utils/figma-gradient.ts +72 -0
  138. package/src/utils/figma-node.ts +4 -3
  139. package/src/codegen/targets/react/component/handlers/action-chip.ts +0 -72
  140. package/src/codegen/targets/react/component/handlers/action-sheet.ts +0 -82
  141. package/src/codegen/targets/react/component/handlers/chip-tabs.ts +0 -57
  142. package/src/codegen/targets/react/component/handlers/control-chip.ts +0 -81
  143. package/src/codegen/targets/react/component/handlers/extended-action-sheet.ts +0 -98
  144. package/src/codegen/targets/react/component/handlers/extended-fab.ts +0 -25
  145. package/src/codegen/targets/react/component/handlers/fab.ts +0 -22
  146. package/src/codegen/targets/react/component/handlers/text-button.ts +0 -49
  147. package/src/entities/data/__generated__/component-sets/action-chip.d.ts +0 -57
  148. package/src/entities/data/__generated__/component-sets/action-chip.mjs +0 -57
  149. package/src/entities/data/__generated__/component-sets/action-sheet.d.ts +0 -40
  150. package/src/entities/data/__generated__/component-sets/action-sheet.mjs +0 -40
  151. package/src/entities/data/__generated__/component-sets/chip-tablist.d.ts +0 -24
  152. package/src/entities/data/__generated__/component-sets/chip-tablist.mjs +0 -24
  153. package/src/entities/data/__generated__/component-sets/control-chip.d.ts +0 -60
  154. package/src/entities/data/__generated__/component-sets/control-chip.mjs +0 -60
  155. package/src/entities/data/__generated__/component-sets/identity-placeholder.d.ts +0 -13
  156. package/src/entities/data/__generated__/component-sets/identity-placeholder.mjs +0 -13
  157. package/src/entities/data/__generated__/component-sets/manner-temp-bar.d.ts +0 -23
  158. package/src/entities/data/__generated__/component-sets/manner-temp-bar.mjs +0 -23
  159. package/src/entities/data/__generated__/component-sets/standard-navigation.d.ts +0 -23
  160. package/src/entities/data/__generated__/component-sets/standard-navigation.mjs +0 -23
  161. package/src/entities/data/__generated__/component-sets/tablist.d.ts +0 -29
  162. package/src/entities/data/__generated__/component-sets/tablist.mjs +0 -29
  163. package/src/entities/data/__generated__/component-sets/template-bottom-fixed-bar.d.ts +0 -42
  164. package/src/entities/data/__generated__/component-sets/template-bottom-fixed-bar.mjs +0 -42
  165. package/src/entities/data/__generated__/component-sets/text-button.d.ts +0 -45
  166. package/src/entities/data/__generated__/component-sets/text-button.mjs +0 -45
@@ -1,31 +1,35 @@
1
1
  export declare const metadata: {
2
- "name": "🟢 Extended Action Sheet",
2
+ "name": "🟢 Menu Sheet",
3
3
  "key": "cd4cf8a850bf3de87b79080b36b421a649bf3fcb",
4
4
  "componentPropertyDefinitions": {
5
- "Show Title#17043:12": {
6
- "type": "BOOLEAN"
5
+ "Title Text#14599:0": {
6
+ "type": "TEXT"
7
7
  },
8
- "OS Indicator (Figma Only)#81637:129": {
8
+ "Show Header#17043:12": {
9
9
  "type": "BOOLEAN"
10
10
  },
11
- "Description#14599:13": {
11
+ "Description Text#21827:0": {
12
12
  "type": "TEXT"
13
13
  },
14
- "Title#14599:0": {
15
- "type": "TEXT"
14
+ "Show Safe Area#25531:15": {
15
+ "type": "BOOLEAN"
16
+ },
17
+ "Show Description#32984:0": {
18
+ "type": "BOOLEAN"
16
19
  },
17
- "Type": {
20
+ "Menu Group Count": {
18
21
  "type": "VARIANT",
19
22
  "variantOptions": [
20
- "Normal",
21
- "Destructive"
23
+ "2",
24
+ "3",
25
+ "1"
22
26
  ]
23
27
  },
24
- "Action Group Count": {
28
+ "Layout": {
25
29
  "type": "VARIANT",
26
30
  "variantOptions": [
27
- "1",
28
- "2"
31
+ "Text Only",
32
+ "Text with Icon"
29
33
  ]
30
34
  }
31
35
  }
@@ -1,31 +1,35 @@
1
1
  export const metadata = {
2
- "name": "🟢 Extended Action Sheet",
2
+ "name": "🟢 Menu Sheet",
3
3
  "key": "cd4cf8a850bf3de87b79080b36b421a649bf3fcb",
4
4
  "componentPropertyDefinitions": {
5
- "Show Title#17043:12": {
6
- "type": "BOOLEAN"
5
+ "Title Text#14599:0": {
6
+ "type": "TEXT"
7
7
  },
8
- "OS Indicator (Figma Only)#81637:129": {
8
+ "Show Header#17043:12": {
9
9
  "type": "BOOLEAN"
10
10
  },
11
- "Description#14599:13": {
11
+ "Description Text#21827:0": {
12
12
  "type": "TEXT"
13
13
  },
14
- "Title#14599:0": {
15
- "type": "TEXT"
14
+ "Show Safe Area#25531:15": {
15
+ "type": "BOOLEAN"
16
+ },
17
+ "Show Description#32984:0": {
18
+ "type": "BOOLEAN"
16
19
  },
17
- "Type": {
20
+ "Menu Group Count": {
18
21
  "type": "VARIANT",
19
22
  "variantOptions": [
20
- "Normal",
21
- "Destructive"
23
+ "2",
24
+ "3",
25
+ "1"
22
26
  ]
23
27
  },
24
- "Action Group Count": {
28
+ "Layout": {
25
29
  "type": "VARIANT",
26
30
  "variantOptions": [
27
- "1",
28
- "2"
31
+ "Text Only",
32
+ "Text with Icon"
29
33
  ]
30
34
  }
31
35
  }
@@ -2,41 +2,41 @@ export declare const metadata: {
2
2
  "name": "🟢 Multiline Text Field",
3
3
  "key": "88b2399c930c85f9ce2972163a078bc684b84bbe",
4
4
  "componentPropertyDefinitions": {
5
- "Indicator#15327:286": {
6
- "type": "TEXT"
7
- },
8
- "Character Count#15327:360": {
9
- "type": "TEXT"
5
+ "Show Header#870:0": {
6
+ "type": "BOOLEAN"
10
7
  },
11
- "Max Character Count#15327:175": {
8
+ "Placeholder#958:0": {
12
9
  "type": "TEXT"
13
10
  },
14
- "Label#15327:323": {
15
- "type": "TEXT"
11
+ "Show Footer#958:25": {
12
+ "type": "BOOLEAN"
16
13
  },
17
- "Filled Text#1304:0": {
18
- "type": "TEXT"
14
+ "Show Description#958:50": {
15
+ "type": "BOOLEAN"
19
16
  },
20
17
  "Show Character count#958:75": {
21
18
  "type": "BOOLEAN"
22
19
  },
23
- "Show Footer#958:25": {
20
+ "Show Indicator#1259:0": {
24
21
  "type": "BOOLEAN"
25
22
  },
26
- "Show Description#958:50": {
27
- "type": "BOOLEAN"
23
+ "Filled Text#1304:0": {
24
+ "type": "TEXT"
25
+ },
26
+ "Max Character Count#15327:175": {
27
+ "type": "TEXT"
28
28
  },
29
29
  "Description#15327:212": {
30
30
  "type": "TEXT"
31
31
  },
32
- "Show Indicator#1259:0": {
33
- "type": "BOOLEAN"
32
+ "Indicator#15327:286": {
33
+ "type": "TEXT"
34
34
  },
35
- "Placeholder#958:0": {
35
+ "Label#15327:323": {
36
36
  "type": "TEXT"
37
37
  },
38
- "Show Header#870:0": {
39
- "type": "BOOLEAN"
38
+ "Character Count#15327:360": {
39
+ "type": "TEXT"
40
40
  },
41
41
  "Size": {
42
42
  "type": "VARIANT",
@@ -2,41 +2,41 @@ export const metadata = {
2
2
  "name": "🟢 Multiline Text Field",
3
3
  "key": "88b2399c930c85f9ce2972163a078bc684b84bbe",
4
4
  "componentPropertyDefinitions": {
5
- "Indicator#15327:286": {
6
- "type": "TEXT"
7
- },
8
- "Character Count#15327:360": {
9
- "type": "TEXT"
5
+ "Show Header#870:0": {
6
+ "type": "BOOLEAN"
10
7
  },
11
- "Max Character Count#15327:175": {
8
+ "Placeholder#958:0": {
12
9
  "type": "TEXT"
13
10
  },
14
- "Label#15327:323": {
15
- "type": "TEXT"
11
+ "Show Footer#958:25": {
12
+ "type": "BOOLEAN"
16
13
  },
17
- "Filled Text#1304:0": {
18
- "type": "TEXT"
14
+ "Show Description#958:50": {
15
+ "type": "BOOLEAN"
19
16
  },
20
17
  "Show Character count#958:75": {
21
18
  "type": "BOOLEAN"
22
19
  },
23
- "Show Footer#958:25": {
20
+ "Show Indicator#1259:0": {
24
21
  "type": "BOOLEAN"
25
22
  },
26
- "Show Description#958:50": {
27
- "type": "BOOLEAN"
23
+ "Filled Text#1304:0": {
24
+ "type": "TEXT"
25
+ },
26
+ "Max Character Count#15327:175": {
27
+ "type": "TEXT"
28
28
  },
29
29
  "Description#15327:212": {
30
30
  "type": "TEXT"
31
31
  },
32
- "Show Indicator#1259:0": {
33
- "type": "BOOLEAN"
32
+ "Indicator#15327:286": {
33
+ "type": "TEXT"
34
34
  },
35
- "Placeholder#958:0": {
35
+ "Label#15327:323": {
36
36
  "type": "TEXT"
37
37
  },
38
- "Show Header#870:0": {
39
- "type": "BOOLEAN"
38
+ "Character Count#15327:360": {
39
+ "type": "TEXT"
40
40
  },
41
41
  "Size": {
42
42
  "type": "VARIANT",
@@ -14,7 +14,8 @@ export declare const metadata: {
14
14
  "variantOptions": [
15
15
  "Neutral",
16
16
  "Brand",
17
- "Static White"
17
+ "Static White",
18
+ "Custom(inherit)"
18
19
  ]
19
20
  },
20
21
  "Value": {
@@ -14,7 +14,8 @@ export const metadata = {
14
14
  "variantOptions": [
15
15
  "Neutral",
16
16
  "Brand",
17
- "Static White"
17
+ "Static White",
18
+ "Custom(inherit)"
18
19
  ]
19
20
  },
20
21
  "Value": {
@@ -0,0 +1,34 @@
1
+ export declare const metadata: {
2
+ "name": "🟢 Radio Mark",
3
+ "key": "832d696d6e9566610968cd70f128f500ec009d6a",
4
+ "componentPropertyDefinitions": {
5
+ "Size": {
6
+ "type": "VARIANT",
7
+ "variantOptions": [
8
+ "Medium",
9
+ "Large"
10
+ ]
11
+ },
12
+ "Selected": {
13
+ "type": "VARIANT",
14
+ "variantOptions": [
15
+ "True",
16
+ "False"
17
+ ]
18
+ },
19
+ "Pressed": {
20
+ "type": "VARIANT",
21
+ "variantOptions": [
22
+ "True",
23
+ "False"
24
+ ]
25
+ },
26
+ "Disabled": {
27
+ "type": "VARIANT",
28
+ "variantOptions": [
29
+ "True",
30
+ "False"
31
+ ]
32
+ }
33
+ }
34
+ };
@@ -0,0 +1,34 @@
1
+ export const metadata = {
2
+ "name": "🟢 Radio Mark",
3
+ "key": "832d696d6e9566610968cd70f128f500ec009d6a",
4
+ "componentPropertyDefinitions": {
5
+ "Size": {
6
+ "type": "VARIANT",
7
+ "variantOptions": [
8
+ "Medium",
9
+ "Large"
10
+ ]
11
+ },
12
+ "Selected": {
13
+ "type": "VARIANT",
14
+ "variantOptions": [
15
+ "True",
16
+ "False"
17
+ ]
18
+ },
19
+ "Pressed": {
20
+ "type": "VARIANT",
21
+ "variantOptions": [
22
+ "True",
23
+ "False"
24
+ ]
25
+ },
26
+ "Disabled": {
27
+ "type": "VARIANT",
28
+ "variantOptions": [
29
+ "True",
30
+ "False"
31
+ ]
32
+ }
33
+ }
34
+ };
@@ -17,10 +17,10 @@ export declare const metadata: {
17
17
  "variantOptions": [
18
18
  "Enabled",
19
19
  "Pressed",
20
+ "Disabled",
20
21
  "Selected",
21
22
  "Selected-Pressed",
22
- "Disabled",
23
- "Disabled-Selected"
23
+ "Selected-Disabled"
24
24
  ]
25
25
  }
26
26
  }
@@ -17,10 +17,10 @@ export const metadata = {
17
17
  "variantOptions": [
18
18
  "Enabled",
19
19
  "Pressed",
20
+ "Disabled",
20
21
  "Selected",
21
22
  "Selected-Pressed",
22
- "Disabled",
23
- "Disabled-Selected"
23
+ "Selected-Disabled"
24
24
  ]
25
25
  }
26
26
  }
@@ -2,17 +2,17 @@ export declare const metadata: {
2
2
  "name": "🟢 Reaction Button",
3
3
  "key": "ec43e4e881f7048e95601f8b58c01a0905a174e0",
4
4
  "componentPropertyDefinitions": {
5
- "Icon#12379:0": {
6
- "type": "INSTANCE_SWAP",
7
- "preferredValues": []
5
+ "Label#6397:0": {
6
+ "type": "TEXT"
8
7
  },
9
8
  "Show Count#6397:33": {
10
9
  "type": "BOOLEAN"
11
10
  },
12
- "Count#15816:0": {
13
- "type": "TEXT"
11
+ "Icon#12379:0": {
12
+ "type": "INSTANCE_SWAP",
13
+ "preferredValues": []
14
14
  },
15
- "Label#6397:0": {
15
+ "Count#15816:0": {
16
16
  "type": "TEXT"
17
17
  },
18
18
  "Size": {
@@ -2,17 +2,17 @@ export const metadata = {
2
2
  "name": "🟢 Reaction Button",
3
3
  "key": "ec43e4e881f7048e95601f8b58c01a0905a174e0",
4
4
  "componentPropertyDefinitions": {
5
- "Icon#12379:0": {
6
- "type": "INSTANCE_SWAP",
7
- "preferredValues": []
5
+ "Label#6397:0": {
6
+ "type": "TEXT"
8
7
  },
9
8
  "Show Count#6397:33": {
10
9
  "type": "BOOLEAN"
11
10
  },
12
- "Count#15816:0": {
13
- "type": "TEXT"
11
+ "Icon#12379:0": {
12
+ "type": "INSTANCE_SWAP",
13
+ "preferredValues": []
14
14
  },
15
- "Label#6397:0": {
15
+ "Count#15816:0": {
16
16
  "type": "TEXT"
17
17
  },
18
18
  "Size": {
@@ -0,0 +1,18 @@
1
+ export declare const metadata: {
2
+ "name": "🟢 ResizableChild",
3
+ "key": "df43b92004c850e7c6d2869e7a4ba1ef9a2d7db6",
4
+ "componentPropertyDefinitions": {
5
+ "Size": {
6
+ "type": "VARIANT",
7
+ "variantOptions": [
8
+ "12",
9
+ "14",
10
+ "16",
11
+ "20",
12
+ "24",
13
+ "28",
14
+ "32"
15
+ ]
16
+ }
17
+ }
18
+ };
@@ -0,0 +1,18 @@
1
+ export const metadata = {
2
+ "name": "🟢 ResizableChild",
3
+ "key": "df43b92004c850e7c6d2869e7a4ba1ef9a2d7db6",
4
+ "componentPropertyDefinitions": {
5
+ "Size": {
6
+ "type": "VARIANT",
7
+ "variantOptions": [
8
+ "12",
9
+ "14",
10
+ "16",
11
+ "20",
12
+ "24",
13
+ "28",
14
+ "32"
15
+ ]
16
+ }
17
+ }
18
+ };
@@ -0,0 +1,18 @@
1
+ export declare const metadata: {
2
+ "name": "🟢 Resizable.Icon",
3
+ "key": "1f74eedb6fb186fd201d6ad5b2dbcd46a2bddf3e",
4
+ "componentPropertyDefinitions": {
5
+ "Size": {
6
+ "type": "VARIANT",
7
+ "variantOptions": [
8
+ "12",
9
+ "14",
10
+ "16",
11
+ "20",
12
+ "24",
13
+ "28",
14
+ "32"
15
+ ]
16
+ }
17
+ }
18
+ };
@@ -0,0 +1,18 @@
1
+ export const metadata = {
2
+ "name": "🟢 Resizable.Icon",
3
+ "key": "1f74eedb6fb186fd201d6ad5b2dbcd46a2bddf3e",
4
+ "componentPropertyDefinitions": {
5
+ "Size": {
6
+ "type": "VARIANT",
7
+ "variantOptions": [
8
+ "12",
9
+ "14",
10
+ "16",
11
+ "20",
12
+ "24",
13
+ "28",
14
+ "32"
15
+ ]
16
+ }
17
+ }
18
+ };
@@ -2,14 +2,14 @@ export declare const metadata: {
2
2
  "name": "🟢 Select Box",
3
3
  "key": "38722ffeb4c966256a709155e8ddac50c93d7c60",
4
4
  "componentPropertyDefinitions": {
5
- "Label#3635:0": {
6
- "type": "TEXT"
5
+ "Show Description#3033:0": {
6
+ "type": "BOOLEAN"
7
7
  },
8
8
  "Description #3033:5": {
9
9
  "type": "TEXT"
10
10
  },
11
- "Show Description#3033:0": {
12
- "type": "BOOLEAN"
11
+ "Label#3635:0": {
12
+ "type": "TEXT"
13
13
  },
14
14
  "Control": {
15
15
  "type": "VARIANT",
@@ -2,14 +2,14 @@ export const metadata = {
2
2
  "name": "🟢 Select Box",
3
3
  "key": "38722ffeb4c966256a709155e8ddac50c93d7c60",
4
4
  "componentPropertyDefinitions": {
5
- "Label#3635:0": {
6
- "type": "TEXT"
5
+ "Show Description#3033:0": {
6
+ "type": "BOOLEAN"
7
7
  },
8
8
  "Description #3033:5": {
9
9
  "type": "TEXT"
10
10
  },
11
- "Show Description#3033:0": {
12
- "type": "BOOLEAN"
11
+ "Label#3635:0": {
12
+ "type": "TEXT"
13
13
  },
14
14
  "Control": {
15
15
  "type": "VARIANT",
@@ -10,6 +10,13 @@ export declare const metadata: {
10
10
  "16",
11
11
  "Full"
12
12
  ]
13
+ },
14
+ "Tone": {
15
+ "type": "VARIANT",
16
+ "variantOptions": [
17
+ "Magic",
18
+ "Neutral"
19
+ ]
13
20
  }
14
21
  }
15
22
  };
@@ -10,6 +10,13 @@ export const metadata = {
10
10
  "16",
11
11
  "Full"
12
12
  ]
13
+ },
14
+ "Tone": {
15
+ "type": "VARIANT",
16
+ "variantOptions": [
17
+ "Magic",
18
+ "Neutral"
19
+ ]
13
20
  }
14
21
  }
15
22
  };
@@ -2,14 +2,14 @@ export declare const metadata: {
2
2
  "name": "🟢 Snackbar",
3
3
  "key": "81b17fb8c7d731a19cf8d36a8605559d41414eca",
4
4
  "componentPropertyDefinitions": {
5
- "Action Button Label#1528:8": {
6
- "type": "TEXT"
5
+ "Show Action#1528:0": {
6
+ "type": "BOOLEAN"
7
7
  },
8
8
  "Message#1528:4": {
9
9
  "type": "TEXT"
10
10
  },
11
- "Show Action Button#1528:0": {
12
- "type": "BOOLEAN"
11
+ "Action Label#1528:8": {
12
+ "type": "TEXT"
13
13
  },
14
14
  "Variant": {
15
15
  "type": "VARIANT",
@@ -2,14 +2,14 @@ export const metadata = {
2
2
  "name": "🟢 Snackbar",
3
3
  "key": "81b17fb8c7d731a19cf8d36a8605559d41414eca",
4
4
  "componentPropertyDefinitions": {
5
- "Action Button Label#1528:8": {
6
- "type": "TEXT"
5
+ "Show Action#1528:0": {
6
+ "type": "BOOLEAN"
7
7
  },
8
8
  "Message#1528:4": {
9
9
  "type": "TEXT"
10
10
  },
11
- "Show Action Button#1528:0": {
12
- "type": "BOOLEAN"
11
+ "Action Label#1528:8": {
12
+ "type": "TEXT"
13
13
  },
14
14
  "Variant": {
15
15
  "type": "VARIANT",
@@ -1,24 +1,33 @@
1
1
  export declare const metadata: {
2
2
  "name": "🟢 Switch",
3
- "key": "80ce5a33b5ab713ab3bd2449472e2fb13d78c7f3",
3
+ "key": "65e0e7ba1a0c13b42e5fd0ceb17d5f756128dd6b",
4
4
  "componentPropertyDefinitions": {
5
- "Label#15191:2": {
5
+ "Label#36578:0": {
6
6
  "type": "TEXT"
7
7
  },
8
8
  "Size": {
9
9
  "type": "VARIANT",
10
10
  "variantOptions": [
11
- "Small",
12
- "Medium"
11
+ "16",
12
+ "24",
13
+ "32"
13
14
  ]
14
15
  },
15
16
  "State": {
16
17
  "type": "VARIANT",
17
18
  "variantOptions": [
18
19
  "Enabled",
19
- "Selected",
20
20
  "Disabled",
21
- "Disabled-Selected"
21
+ "Selected",
22
+ "Selected-Disabled"
23
+ ]
24
+ },
25
+ "Label Layout(Figma Only)": {
26
+ "type": "VARIANT",
27
+ "variantOptions": [
28
+ "None",
29
+ "Right",
30
+ "Left"
22
31
  ]
23
32
  }
24
33
  }
@@ -1,24 +1,33 @@
1
1
  export const metadata = {
2
2
  "name": "🟢 Switch",
3
- "key": "80ce5a33b5ab713ab3bd2449472e2fb13d78c7f3",
3
+ "key": "65e0e7ba1a0c13b42e5fd0ceb17d5f756128dd6b",
4
4
  "componentPropertyDefinitions": {
5
- "Label#15191:2": {
5
+ "Label#36578:0": {
6
6
  "type": "TEXT"
7
7
  },
8
8
  "Size": {
9
9
  "type": "VARIANT",
10
10
  "variantOptions": [
11
- "Small",
12
- "Medium"
11
+ "16",
12
+ "24",
13
+ "32"
13
14
  ]
14
15
  },
15
16
  "State": {
16
17
  "type": "VARIANT",
17
18
  "variantOptions": [
18
19
  "Enabled",
19
- "Selected",
20
20
  "Disabled",
21
- "Disabled-Selected"
21
+ "Selected",
22
+ "Selected-Disabled"
23
+ ]
24
+ },
25
+ "Label Layout(Figma Only)": {
26
+ "type": "VARIANT",
27
+ "variantOptions": [
28
+ "None",
29
+ "Right",
30
+ "Left"
22
31
  ]
23
32
  }
24
33
  }