@seed-design/figma 0.1.6 → 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
package/src/entities/data/__generated__/component-sets/standard-navigation.mjs DELETED
@@ -1,23 +0,0 @@
1
- export const metadata = {
2
- "name": "🟢 Standard Navigation",
3
- "key": "c07bfe331cf214375fce9ad47cb6fdb459d1fb1b",
4
- "componentPropertyDefinitions": {
5
- "Title#28176:5": {
6
- "type": "BOOLEAN"
7
- },
8
- "Variant": {
9
- "type": "VARIANT",
10
- "variantOptions": [
11
- "Layer Default",
12
- "Transparent"
13
- ]
14
- },
15
- "OS": {
16
- "type": "VARIANT",
17
- "variantOptions": [
18
- "iOS",
19
- "Android"
20
- ]
21
- }
22
- }
23
- };
package/src/entities/data/__generated__/component-sets/tablist.d.ts DELETED
@@ -1,29 +0,0 @@
1
- export declare const metadata: {
2
- "name": "🟢 Tablist",
3
- "key": "ffe33411fb8796f7a95d3637b90150007f0dd954",
4
- "componentPropertyDefinitions": {
5
- "Size": {
6
- "type": "VARIANT",
7
- "variantOptions": [
8
- "Small",
9
- "Medium"
10
- ]
11
- },
12
- "Layout": {
13
- "type": "VARIANT",
14
- "variantOptions": [
15
- "Hug",
16
- "Fill"
17
- ]
18
- },
19
- "Tab Count": {
20
- "type": "VARIANT",
21
- "variantOptions": [
22
- "2",
23
- "3",
24
- "4",
25
- "5+"
26
- ]
27
- }
28
- }
29
- };
package/src/entities/data/__generated__/component-sets/tablist.mjs DELETED
@@ -1,29 +0,0 @@
1
- export const metadata = {
2
- "name": "🟢 Tablist",
3
- "key": "ffe33411fb8796f7a95d3637b90150007f0dd954",
4
- "componentPropertyDefinitions": {
5
- "Size": {
6
- "type": "VARIANT",
7
- "variantOptions": [
8
- "Small",
9
- "Medium"
10
- ]
11
- },
12
- "Layout": {
13
- "type": "VARIANT",
14
- "variantOptions": [
15
- "Hug",
16
- "Fill"
17
- ]
18
- },
19
- "Tab Count": {
20
- "type": "VARIANT",
21
- "variantOptions": [
22
- "2",
23
- "3",
24
- "4",
25
- "5+"
26
- ]
27
- }
28
- }
29
- };
package/src/entities/data/__generated__/component-sets/template-bottom-fixed-bar.d.ts DELETED
@@ -1,42 +0,0 @@
1
- export declare const metadata: {
2
- "name": "🔵 [Template] Bottom Fixed Bar",
3
- "key": "bac8592d10ee12452d79d5db6353850c0f0c9c3f",
4
- "componentPropertyDefinitions": {
5
- "Text#30483:84": {
6
- "type": "TEXT"
7
- },
8
- "Show Text Button#30483:80": {
9
- "type": "BOOLEAN"
10
- },
11
- "Show Favorite#29056:0": {
12
- "type": "BOOLEAN"
13
- },
14
- "Show Indicator#28768:0": {
15
- "type": "BOOLEAN"
16
- },
17
- "Show Pay Logo#15354:5": {
18
- "type": "BOOLEAN"
19
- },
20
- "Type": {
21
- "type": "VARIANT",
22
- "variantOptions": [
23
- "Information",
24
- "Multi Actions"
25
- ]
26
- },
27
- "OS": {
28
- "type": "VARIANT",
29
- "variantOptions": [
30
- "iOS",
31
- "Andorid"
32
- ]
33
- },
34
- "Show Divider": {
35
- "type": "VARIANT",
36
- "variantOptions": [
37
- "True",
38
- "False"
39
- ]
40
- }
41
- }
42
- };
package/src/entities/data/__generated__/component-sets/template-bottom-fixed-bar.mjs DELETED
@@ -1,42 +0,0 @@
1
- export const metadata = {
2
- "name": "🔵 [Template] Bottom Fixed Bar",
3
- "key": "bac8592d10ee12452d79d5db6353850c0f0c9c3f",
4
- "componentPropertyDefinitions": {
5
- "Text#30483:84": {
6
- "type": "TEXT"
7
- },
8
- "Show Text Button#30483:80": {
9
- "type": "BOOLEAN"
10
- },
11
- "Show Favorite#29056:0": {
12
- "type": "BOOLEAN"
13
- },
14
- "Show Indicator#28768:0": {
15
- "type": "BOOLEAN"
16
- },
17
- "Show Pay Logo#15354:5": {
18
- "type": "BOOLEAN"
19
- },
20
- "Type": {
21
- "type": "VARIANT",
22
- "variantOptions": [
23
- "Information",
24
- "Multi Actions"
25
- ]
26
- },
27
- "OS": {
28
- "type": "VARIANT",
29
- "variantOptions": [
30
- "iOS",
31
- "Andorid"
32
- ]
33
- },
34
- "Show Divider": {
35
- "type": "VARIANT",
36
- "variantOptions": [
37
- "True",
38
- "False"
39
- ]
40
- }
41
- }
42
- };
package/src/entities/data/__generated__/component-sets/text-button.d.ts DELETED
@@ -1,45 +0,0 @@
1
- export declare const metadata: {
2
- "name": "🟢 Text Button",
3
- "key": "601f788792916250e33d04bd3165dee1404342df",
4
- "componentPropertyDefinitions": {
5
- "Prefix Icon#7561:0": {
6
- "type": "INSTANCE_SWAP",
7
- "preferredValues": []
8
- },
9
- "Label#6148:0": {
10
- "type": "TEXT"
11
- },
12
- "Size": {
13
- "type": "VARIANT",
14
- "variantOptions": [
15
- "Small",
16
- "Medium",
17
- "Large"
18
- ]
19
- },
20
- "Layout": {
21
- "type": "VARIANT",
22
- "variantOptions": [
23
- "Icon First",
24
- "Icon Last"
25
- ]
26
- },
27
- "Tone": {
28
- "type": "VARIANT",
29
- "variantOptions": [
30
- "Neutral",
31
- "Neutral Subtle",
32
- "Brand",
33
- "Critical"
34
- ]
35
- },
36
- "State": {
37
- "type": "VARIANT",
38
- "variantOptions": [
39
- "Enabled",
40
- "Pressed",
41
- "Disabled"
42
- ]
43
- }
44
- }
45
- };
package/src/entities/data/__generated__/component-sets/text-button.mjs DELETED
@@ -1,45 +0,0 @@
1
- export const metadata = {
2
- "name": "🟢 Text Button",
3
- "key": "601f788792916250e33d04bd3165dee1404342df",
4
- "componentPropertyDefinitions": {
5
- "Prefix Icon#7561:0": {
6
- "type": "INSTANCE_SWAP",
7
- "preferredValues": []
8
- },
9
- "Label#6148:0": {
10
- "type": "TEXT"
11
- },
12
- "Size": {
13
- "type": "VARIANT",
14
- "variantOptions": [
15
- "Small",
16
- "Medium",
17
- "Large"
18
- ]
19
- },
20
- "Layout": {
21
- "type": "VARIANT",
22
- "variantOptions": [
23
- "Icon First",
24
- "Icon Last"
25
- ]
26
- },
27
- "Tone": {
28
- "type": "VARIANT",
29
- "variantOptions": [
30
- "Neutral",
31
- "Neutral Subtle",
32
- "Brand",
33
- "Critical"
34
- ]
35
- },
36
- "State": {
37
- "type": "VARIANT",
38
- "variantOptions": [
39
- "Enabled",
40
- "Pressed",
41
- "Disabled"
42
- ]
43
- }
44
- }
45
- };