@seed-design/figma 0.1.7 → 0.1.8

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 (165) hide show
  1. package/lib/codegen/index.cjs +746 -646
  2. package/lib/codegen/index.d.ts +707 -627
  3. package/lib/codegen/index.d.ts.map +1 -1
  4. package/lib/codegen/index.js +746 -646
  5. package/lib/codegen/targets/react/index.cjs +1170 -1180
  6. package/lib/codegen/targets/react/index.d.ts +20 -9
  7. package/lib/codegen/targets/react/index.d.ts.map +1 -1
  8. package/lib/codegen/targets/react/index.js +1170 -1180
  9. package/lib/index.cjs +883 -668
  10. package/lib/index.d.ts +3 -1
  11. package/lib/index.d.ts.map +1 -1
  12. package/lib/index.js +883 -668
  13. package/package.json +3 -3
  14. package/src/codegen/component-properties.ts +283 -146
  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 +66 -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 +3 -2
  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 +7 -4
  41. package/src/codegen/targets/react/component/handlers/snackbar.ts +2 -2
  42. package/src/codegen/targets/react/component/handlers/tabs.ts +8 -125
  43. package/src/codegen/targets/react/component/index.ts +22 -19
  44. package/src/codegen/targets/react/instance.ts +1 -1
  45. package/src/codegen/targets/react/pipeline.ts +4 -2
  46. package/src/codegen/targets/react/props.ts +11 -4
  47. package/src/codegen/targets/react/value-resolver.ts +38 -3
  48. package/src/entities/data/__generated__/component-sets/action-button.d.ts +5 -5
  49. package/src/entities/data/__generated__/component-sets/action-button.mjs +5 -5
  50. package/src/entities/data/__generated__/component-sets/alert-dialog.d.ts +26 -0
  51. package/src/entities/data/__generated__/component-sets/alert-dialog.mjs +26 -0
  52. package/src/entities/data/__generated__/component-sets/avatar-stack.d.ts +5 -18
  53. package/src/entities/data/__generated__/component-sets/avatar-stack.mjs +5 -18
  54. package/src/entities/data/__generated__/component-sets/avatar.d.ts +11 -5
  55. package/src/entities/data/__generated__/component-sets/avatar.mjs +11 -5
  56. package/src/entities/data/__generated__/component-sets/badge.d.ts +0 -7
  57. package/src/entities/data/__generated__/component-sets/badge.mjs +0 -7
  58. package/src/entities/data/__generated__/component-sets/bottom-navigation-global.d.ts +3 -0
  59. package/src/entities/data/__generated__/component-sets/bottom-navigation-global.mjs +3 -0
  60. package/src/entities/data/__generated__/component-sets/bottom-navigation-kr.d.ts +3 -0
  61. package/src/entities/data/__generated__/component-sets/bottom-navigation-kr.mjs +3 -0
  62. package/src/entities/data/__generated__/component-sets/bottom-sheet.d.ts +53 -4
  63. package/src/entities/data/__generated__/component-sets/bottom-sheet.mjs +53 -4
  64. package/src/entities/data/__generated__/component-sets/callout.d.ts +13 -22
  65. package/src/entities/data/__generated__/component-sets/callout.mjs +13 -22
  66. package/src/entities/data/__generated__/component-sets/checkbox.d.ts +3 -3
  67. package/src/entities/data/__generated__/component-sets/checkbox.mjs +3 -3
  68. package/src/entities/data/__generated__/component-sets/checkmark.d.ts +34 -0
  69. package/src/entities/data/__generated__/component-sets/checkmark.mjs +34 -0
  70. package/src/entities/data/__generated__/component-sets/chip.d.ts +86 -0
  71. package/src/entities/data/__generated__/component-sets/chip.mjs +86 -0
  72. package/src/entities/data/__generated__/component-sets/chlid.d.ts +14 -0
  73. package/src/entities/data/__generated__/component-sets/chlid.mjs +14 -0
  74. package/src/entities/data/__generated__/component-sets/{extended-floating-action-button.d.ts → contextual-floating-button.d.ts} +12 -10
  75. package/src/entities/data/__generated__/component-sets/{extended-floating-action-button.mjs → contextual-floating-button.mjs} +12 -10
  76. package/src/entities/data/__generated__/component-sets/floating-action-button.d.ts +4 -8
  77. package/src/entities/data/__generated__/component-sets/floating-action-button.mjs +4 -8
  78. package/src/entities/data/__generated__/component-sets/help-bubble.d.ts +3 -10
  79. package/src/entities/data/__generated__/component-sets/help-bubble.mjs +3 -10
  80. package/src/entities/data/__generated__/component-sets/index.d.ts +13 -13
  81. package/src/entities/data/__generated__/component-sets/index.mjs +13 -13
  82. package/src/entities/data/__generated__/component-sets/inline-banner.d.ts +3 -3
  83. package/src/entities/data/__generated__/component-sets/inline-banner.mjs +3 -3
  84. package/src/entities/data/__generated__/component-sets/main-tab-navigation-global.d.ts +2 -2
  85. package/src/entities/data/__generated__/component-sets/main-tab-navigation-global.mjs +2 -2
  86. package/src/entities/data/__generated__/component-sets/manner-temp-badge.d.ts +2 -2
  87. package/src/entities/data/__generated__/component-sets/manner-temp-badge.mjs +2 -2
  88. package/src/entities/data/__generated__/component-sets/manner-temp.d.ts +2 -2
  89. package/src/entities/data/__generated__/component-sets/manner-temp.mjs +2 -2
  90. package/src/entities/data/__generated__/component-sets/{extended-action-sheet.d.ts → menu-sheet.d.ts} +17 -13
  91. package/src/entities/data/__generated__/component-sets/{extended-action-sheet.mjs → menu-sheet.mjs} +17 -13
  92. package/src/entities/data/__generated__/component-sets/multiline-text-field.d.ts +18 -18
  93. package/src/entities/data/__generated__/component-sets/multiline-text-field.mjs +18 -18
  94. package/src/entities/data/__generated__/component-sets/progress-circle.d.ts +2 -1
  95. package/src/entities/data/__generated__/component-sets/progress-circle.mjs +2 -1
  96. package/src/entities/data/__generated__/component-sets/radio-mark.d.ts +34 -0
  97. package/src/entities/data/__generated__/component-sets/radio-mark.mjs +34 -0
  98. package/src/entities/data/__generated__/component-sets/radio.d.ts +2 -2
  99. package/src/entities/data/__generated__/component-sets/radio.mjs +2 -2
  100. package/src/entities/data/__generated__/component-sets/reaction-button.d.ts +6 -6
  101. package/src/entities/data/__generated__/component-sets/reaction-button.mjs +6 -6
  102. package/src/entities/data/__generated__/component-sets/resizable-child.d.ts +18 -0
  103. package/src/entities/data/__generated__/component-sets/resizable-child.mjs +18 -0
  104. package/src/entities/data/__generated__/component-sets/resizable-icon.d.ts +18 -0
  105. package/src/entities/data/__generated__/component-sets/resizable-icon.mjs +18 -0
  106. package/src/entities/data/__generated__/component-sets/select-box.d.ts +4 -4
  107. package/src/entities/data/__generated__/component-sets/select-box.mjs +4 -4
  108. package/src/entities/data/__generated__/component-sets/skeleton.d.ts +7 -0
  109. package/src/entities/data/__generated__/component-sets/skeleton.mjs +7 -0
  110. package/src/entities/data/__generated__/component-sets/snackbar.d.ts +4 -4
  111. package/src/entities/data/__generated__/component-sets/snackbar.mjs +4 -4
  112. package/src/entities/data/__generated__/component-sets/switch.d.ts +1 -1
  113. package/src/entities/data/__generated__/component-sets/switch.mjs +1 -1
  114. package/src/entities/data/__generated__/component-sets/tabs.d.ts +13 -0
  115. package/src/entities/data/__generated__/component-sets/tabs.mjs +13 -0
  116. package/src/entities/data/__generated__/component-sets/template-button-group.d.ts +9 -33
  117. package/src/entities/data/__generated__/component-sets/template-button-group.mjs +9 -33
  118. package/src/entities/data/__generated__/component-sets/template-chip-group.d.ts +15 -12
  119. package/src/entities/data/__generated__/component-sets/template-chip-group.mjs +15 -12
  120. package/src/entities/data/__generated__/component-sets/template-completion.d.ts +28 -0
  121. package/src/entities/data/__generated__/component-sets/template-completion.mjs +28 -0
  122. package/src/entities/data/__generated__/component-sets/{error-state.d.ts → template-error-state.d.ts} +5 -5
  123. package/src/entities/data/__generated__/component-sets/{error-state.mjs → template-error-state.mjs} +5 -5
  124. package/src/entities/data/__generated__/component-sets/template-top-navigation.d.ts +9 -7
  125. package/src/entities/data/__generated__/component-sets/template-top-navigation.mjs +9 -7
  126. package/src/entities/data/__generated__/component-sets/text-field.d.ts +35 -36
  127. package/src/entities/data/__generated__/component-sets/text-field.mjs +35 -36
  128. package/src/entities/data/__generated__/component-sets/toggle-button.d.ts +7 -7
  129. package/src/entities/data/__generated__/component-sets/toggle-button.mjs +7 -7
  130. package/src/entities/data/__generated__/component-sets/top-navigation.d.ts +42 -0
  131. package/src/entities/data/__generated__/component-sets/top-navigation.mjs +42 -0
  132. package/src/entities/data/styles.ts +94 -0
  133. package/src/entities/index.ts +5 -2
  134. package/src/normalizer/from-plugin.ts +104 -44
  135. package/src/normalizer/types.ts +3 -1
  136. package/src/utils/figma-gradient.ts +72 -0
  137. package/src/utils/figma-node.ts +4 -3
  138. package/src/codegen/targets/react/component/handlers/action-chip.ts +0 -72
  139. package/src/codegen/targets/react/component/handlers/action-sheet.ts +0 -82
  140. package/src/codegen/targets/react/component/handlers/chip-tabs.ts +0 -57
  141. package/src/codegen/targets/react/component/handlers/control-chip.ts +0 -81
  142. package/src/codegen/targets/react/component/handlers/extended-action-sheet.ts +0 -98
  143. package/src/codegen/targets/react/component/handlers/extended-fab.ts +0 -25
  144. package/src/codegen/targets/react/component/handlers/fab.ts +0 -22
  145. package/src/codegen/targets/react/component/handlers/text-button.ts +0 -49
  146. package/src/entities/data/__generated__/component-sets/action-chip.d.ts +0 -57
  147. package/src/entities/data/__generated__/component-sets/action-chip.mjs +0 -57
  148. package/src/entities/data/__generated__/component-sets/action-sheet.d.ts +0 -40
  149. package/src/entities/data/__generated__/component-sets/action-sheet.mjs +0 -40
  150. package/src/entities/data/__generated__/component-sets/chip-tablist.d.ts +0 -24
  151. package/src/entities/data/__generated__/component-sets/chip-tablist.mjs +0 -24
  152. package/src/entities/data/__generated__/component-sets/control-chip.d.ts +0 -60
  153. package/src/entities/data/__generated__/component-sets/control-chip.mjs +0 -60
  154. package/src/entities/data/__generated__/component-sets/identity-placeholder.d.ts +0 -13
  155. package/src/entities/data/__generated__/component-sets/identity-placeholder.mjs +0 -13
  156. package/src/entities/data/__generated__/component-sets/manner-temp-bar.d.ts +0 -23
  157. package/src/entities/data/__generated__/component-sets/manner-temp-bar.mjs +0 -23
  158. package/src/entities/data/__generated__/component-sets/standard-navigation.d.ts +0 -23
  159. package/src/entities/data/__generated__/component-sets/standard-navigation.mjs +0 -23
  160. package/src/entities/data/__generated__/component-sets/tablist.d.ts +0 -29
  161. package/src/entities/data/__generated__/component-sets/tablist.mjs +0 -29
  162. package/src/entities/data/__generated__/component-sets/template-bottom-fixed-bar.d.ts +0 -42
  163. package/src/entities/data/__generated__/component-sets/template-bottom-fixed-bar.mjs +0 -42
  164. package/src/entities/data/__generated__/component-sets/text-button.d.ts +0 -45
  165. package/src/entities/data/__generated__/component-sets/text-button.mjs +0 -45
@@ -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",
@@ -18,7 +18,7 @@ export declare const metadata: {
18
18
  "Enabled",
19
19
  "Selected",
20
20
  "Disabled",
21
- "Disabled-Selected"
21
+ "Selected-Disabled"
22
22
  ]
23
23
  }
24
24
  }
@@ -18,7 +18,7 @@ export const metadata = {
18
18
  "Enabled",
19
19
  "Selected",
20
20
  "Disabled",
21
- "Disabled-Selected"
21
+ "Selected-Disabled"
22
22
  ]
23
23
  }
24
24
  }
@@ -0,0 +1,13 @@
1
+ export declare const metadata: {
2
+ "name": "🟢 Tabs",
3
+ "key": "3e3af9f7f235cbcbbe862d5da552ab23e16ff34e",
4
+ "componentPropertyDefinitions": {
5
+ "Variant": {
6
+ "type": "VARIANT",
7
+ "variantOptions": [
8
+ "Underline",
9
+ "Chip"
10
+ ]
11
+ }
12
+ }
13
+ };
@@ -0,0 +1,13 @@
1
+ export const metadata = {
2
+ "name": "🟢 Tabs",
3
+ "key": "3e3af9f7f235cbcbbe862d5da552ab23e16ff34e",
4
+ "componentPropertyDefinitions": {
5
+ "Variant": {
6
+ "type": "VARIANT",
7
+ "variantOptions": [
8
+ "Underline",
9
+ "Chip"
10
+ ]
11
+ }
12
+ }
13
+ };
@@ -1,50 +1,26 @@
1
1
  export declare const metadata: {
2
2
  "name": "🔵 [Template] Button Group",
3
- "key": "de6c65d34cc4a01c18c9a7c0ded34635170ca11f",
3
+ "key": "29109a34197f2eb5d390b1d9ebba270979a7b302",
4
4
  "componentPropertyDefinitions": {
5
- "Show Secondary Button#29056:29": {
6
- "type": "BOOLEAN"
7
- },
8
- "Show Favorite Button#29056:0": {
9
- "type": "BOOLEAN"
10
- },
11
- "Show Step Indicator#25896:0": {
12
- "type": "BOOLEAN"
13
- },
14
- "Show Indicator#28768:0": {
15
- "type": "BOOLEAN"
16
- },
17
- "Text#16839:0": {
18
- "type": "TEXT"
19
- },
20
- "OS": {
21
- "type": "VARIANT",
22
- "variantOptions": [
23
- "iOS",
24
- "Andorid"
25
- ]
26
- },
27
- "Position": {
5
+ "Size": {
28
6
  "type": "VARIANT",
29
7
  "variantOptions": [
30
- "Bottom fixed",
31
- "On keyboard"
8
+ "Small",
9
+ "Medium"
32
10
  ]
33
11
  },
34
12
  "Type": {
35
13
  "type": "VARIANT",
36
14
  "variantOptions": [
37
- "Single",
38
- "Vertical",
39
- "Horizontal",
40
- "Horizontal ratio"
15
+ "horizontal Equal",
16
+ "Horizontal Ratio"
41
17
  ]
42
18
  },
43
- "Show Divider": {
19
+ "Item Count": {
44
20
  "type": "VARIANT",
45
21
  "variantOptions": [
46
- "True",
47
- "False"
22
+ "2",
23
+ "3"
48
24
  ]
49
25
  }
50
26
  }
@@ -1,50 +1,26 @@
1
1
  export const metadata = {
2
2
  "name": "🔵 [Template] Button Group",
3
- "key": "de6c65d34cc4a01c18c9a7c0ded34635170ca11f",
3
+ "key": "29109a34197f2eb5d390b1d9ebba270979a7b302",
4
4
  "componentPropertyDefinitions": {
5
- "Show Secondary Button#29056:29": {
6
- "type": "BOOLEAN"
7
- },
8
- "Show Favorite Button#29056:0": {
9
- "type": "BOOLEAN"
10
- },
11
- "Show Step Indicator#25896:0": {
12
- "type": "BOOLEAN"
13
- },
14
- "Show Indicator#28768:0": {
15
- "type": "BOOLEAN"
16
- },
17
- "Text#16839:0": {
18
- "type": "TEXT"
19
- },
20
- "OS": {
21
- "type": "VARIANT",
22
- "variantOptions": [
23
- "iOS",
24
- "Andorid"
25
- ]
26
- },
27
- "Position": {
5
+ "Size": {
28
6
  "type": "VARIANT",
29
7
  "variantOptions": [
30
- "Bottom fixed",
31
- "On keyboard"
8
+ "Small",
9
+ "Medium"
32
10
  ]
33
11
  },
34
12
  "Type": {
35
13
  "type": "VARIANT",
36
14
  "variantOptions": [
37
- "Single",
38
- "Vertical",
39
- "Horizontal",
40
- "Horizontal ratio"
15
+ "horizontal Equal",
16
+ "Horizontal Ratio"
41
17
  ]
42
18
  },
43
- "Show Divider": {
19
+ "Item Count": {
44
20
  "type": "VARIANT",
45
21
  "variantOptions": [
46
- "True",
47
- "False"
22
+ "2",
23
+ "3"
48
24
  ]
49
25
  }
50
26
  }
@@ -1,25 +1,28 @@
1
1
  export declare const metadata: {
2
2
  "name": "🔵 [Template] Chip Group",
3
- "key": "d46dc9059bf351928a2d403317ad7db34e70826e",
3
+ "key": "5b1155aae0f90d1bce6a7499f53a547e88ec3b86",
4
4
  "componentPropertyDefinitions": {
5
- "Refresh Button#15888:2": {
6
- "type": "BOOLEAN"
5
+ "Variant": {
6
+ "type": "VARIANT",
7
+ "variantOptions": [
8
+ "Solid",
9
+ "Outline Strong",
10
+ "Outline Weak"
11
+ ]
7
12
  },
8
- "Type": {
13
+ "Size": {
9
14
  "type": "VARIANT",
10
15
  "variantOptions": [
11
- "Filter",
12
- "Control",
13
- "Action"
16
+ "Large",
17
+ "Medium",
18
+ "Small"
14
19
  ]
15
20
  },
16
- "Chip Count": {
21
+ "Layout": {
17
22
  "type": "VARIANT",
18
23
  "variantOptions": [
19
- "Full",
20
- "3",
21
- "2",
22
- "4"
24
+ "Scrollable",
25
+ "Overflow"
23
26
  ]
24
27
  }
25
28
  }
@@ -1,25 +1,28 @@
1
1
  export const metadata = {
2
2
  "name": "🔵 [Template] Chip Group",
3
- "key": "d46dc9059bf351928a2d403317ad7db34e70826e",
3
+ "key": "5b1155aae0f90d1bce6a7499f53a547e88ec3b86",
4
4
  "componentPropertyDefinitions": {
5
- "Refresh Button#15888:2": {
6
- "type": "BOOLEAN"
5
+ "Variant": {
6
+ "type": "VARIANT",
7
+ "variantOptions": [
8
+ "Solid",
9
+ "Outline Strong",
10
+ "Outline Weak"
11
+ ]
7
12
  },
8
- "Type": {
13
+ "Size": {
9
14
  "type": "VARIANT",
10
15
  "variantOptions": [
11
- "Filter",
12
- "Control",
13
- "Action"
16
+ "Large",
17
+ "Medium",
18
+ "Small"
14
19
  ]
15
20
  },
16
- "Chip Count": {
21
+ "Layout": {
17
22
  "type": "VARIANT",
18
23
  "variantOptions": [
19
- "Full",
20
- "3",
21
- "2",
22
- "4"
24
+ "Scrollable",
25
+ "Overflow"
23
26
  ]
24
27
  }
25
28
  }
@@ -0,0 +1,28 @@
1
+ export declare const metadata: {
2
+ "name": "🔵 [Template] Completion",
3
+ "key": "d91c789c66c2da665d820318f1a4d8671946eb79",
4
+ "componentPropertyDefinitions": {
5
+ "Description#28427:4": {
6
+ "type": "TEXT"
7
+ },
8
+ "Title#28427:5": {
9
+ "type": "TEXT"
10
+ },
11
+ "Show Description#28427:6": {
12
+ "type": "BOOLEAN"
13
+ },
14
+ "Show Button#28427:7": {
15
+ "type": "BOOLEAN"
16
+ },
17
+ "Show Top Navigation#28427:8": {
18
+ "type": "BOOLEAN"
19
+ },
20
+ "Variant": {
21
+ "type": "VARIANT",
22
+ "variantOptions": [
23
+ "Screen",
24
+ "Dialog"
25
+ ]
26
+ }
27
+ }
28
+ };
@@ -0,0 +1,28 @@
1
+ export const metadata = {
2
+ "name": "🔵 [Template] Completion",
3
+ "key": "d91c789c66c2da665d820318f1a4d8671946eb79",
4
+ "componentPropertyDefinitions": {
5
+ "Description#28427:4": {
6
+ "type": "TEXT"
7
+ },
8
+ "Title#28427:5": {
9
+ "type": "TEXT"
10
+ },
11
+ "Show Description#28427:6": {
12
+ "type": "BOOLEAN"
13
+ },
14
+ "Show Button#28427:7": {
15
+ "type": "BOOLEAN"
16
+ },
17
+ "Show Top Navigation#28427:8": {
18
+ "type": "BOOLEAN"
19
+ },
20
+ "Variant": {
21
+ "type": "VARIANT",
22
+ "variantOptions": [
23
+ "Screen",
24
+ "Dialog"
25
+ ]
26
+ }
27
+ }
28
+ };