@seed-design/figma 0.0.2

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 (121) hide show
  1. package/lib/index.cjs +13918 -0
  2. package/lib/index.d.ts +63 -0
  3. package/lib/index.js +13916 -0
  4. package/package.json +44 -0
  5. package/src/color.ts +78 -0
  6. package/src/component/index.ts +1688 -0
  7. package/src/component/properties.ts +20 -0
  8. package/src/component/type-helper.ts +29 -0
  9. package/src/component/type.ts +318 -0
  10. package/src/data/__generated__/component-sets/action-button.d.ts +59 -0
  11. package/src/data/__generated__/component-sets/action-button.mjs +59 -0
  12. package/src/data/__generated__/component-sets/action-chip.d.ts +57 -0
  13. package/src/data/__generated__/component-sets/action-chip.mjs +57 -0
  14. package/src/data/__generated__/component-sets/action-sheet.d.ts +40 -0
  15. package/src/data/__generated__/component-sets/action-sheet.mjs +40 -0
  16. package/src/data/__generated__/component-sets/avatar-stack.d.ts +32 -0
  17. package/src/data/__generated__/component-sets/avatar-stack.mjs +32 -0
  18. package/src/data/__generated__/component-sets/avatar.d.ts +25 -0
  19. package/src/data/__generated__/component-sets/avatar.mjs +25 -0
  20. package/src/data/__generated__/component-sets/badge.d.ts +41 -0
  21. package/src/data/__generated__/component-sets/badge.mjs +41 -0
  22. package/src/data/__generated__/component-sets/bottom-navigation-global.d.ts +20 -0
  23. package/src/data/__generated__/component-sets/bottom-navigation-global.mjs +20 -0
  24. package/src/data/__generated__/component-sets/bottom-navigation-kr.d.ts +13 -0
  25. package/src/data/__generated__/component-sets/bottom-navigation-kr.mjs +13 -0
  26. package/src/data/__generated__/component-sets/bottom-sheet.d.ts +14 -0
  27. package/src/data/__generated__/component-sets/bottom-sheet.mjs +14 -0
  28. package/src/data/__generated__/component-sets/callout.d.ts +57 -0
  29. package/src/data/__generated__/component-sets/callout.mjs +57 -0
  30. package/src/data/__generated__/component-sets/checkbox.d.ts +44 -0
  31. package/src/data/__generated__/component-sets/checkbox.mjs +44 -0
  32. package/src/data/__generated__/component-sets/chip-tablist.d.ts +24 -0
  33. package/src/data/__generated__/component-sets/chip-tablist.mjs +24 -0
  34. package/src/data/__generated__/component-sets/control-chip.d.ts +60 -0
  35. package/src/data/__generated__/component-sets/control-chip.mjs +60 -0
  36. package/src/data/__generated__/component-sets/divider.d.ts +13 -0
  37. package/src/data/__generated__/component-sets/divider.mjs +13 -0
  38. package/src/data/__generated__/component-sets/error-state.d.ts +32 -0
  39. package/src/data/__generated__/component-sets/error-state.mjs +32 -0
  40. package/src/data/__generated__/component-sets/extended-action-sheet.d.ts +32 -0
  41. package/src/data/__generated__/component-sets/extended-action-sheet.mjs +32 -0
  42. package/src/data/__generated__/component-sets/extended-floating-action-button.d.ts +34 -0
  43. package/src/data/__generated__/component-sets/extended-floating-action-button.mjs +34 -0
  44. package/src/data/__generated__/component-sets/floating-action-button.d.ts +17 -0
  45. package/src/data/__generated__/component-sets/floating-action-button.mjs +17 -0
  46. package/src/data/__generated__/component-sets/help-bubble.d.ts +39 -0
  47. package/src/data/__generated__/component-sets/help-bubble.mjs +39 -0
  48. package/src/data/__generated__/component-sets/identity-placeholder.d.ts +13 -0
  49. package/src/data/__generated__/component-sets/identity-placeholder.mjs +13 -0
  50. package/src/data/__generated__/component-sets/index.d.ts +47 -0
  51. package/src/data/__generated__/component-sets/index.mjs +47 -0
  52. package/src/data/__generated__/component-sets/inline-banner.d.ts +40 -0
  53. package/src/data/__generated__/component-sets/inline-banner.mjs +40 -0
  54. package/src/data/__generated__/component-sets/main-tab-navigation-global.d.ts +26 -0
  55. package/src/data/__generated__/component-sets/main-tab-navigation-global.mjs +26 -0
  56. package/src/data/__generated__/component-sets/main-tab-navigation-kr.d.ts +23 -0
  57. package/src/data/__generated__/component-sets/main-tab-navigation-kr.mjs +23 -0
  58. package/src/data/__generated__/component-sets/manner-temp-badge.d.ts +17 -0
  59. package/src/data/__generated__/component-sets/manner-temp-badge.mjs +17 -0
  60. package/src/data/__generated__/component-sets/manner-temp-bar.d.ts +23 -0
  61. package/src/data/__generated__/component-sets/manner-temp-bar.mjs +23 -0
  62. package/src/data/__generated__/component-sets/manner-temp.d.ts +17 -0
  63. package/src/data/__generated__/component-sets/manner-temp.mjs +17 -0
  64. package/src/data/__generated__/component-sets/multiline-text-field.d.ts +68 -0
  65. package/src/data/__generated__/component-sets/multiline-text-field.mjs +68 -0
  66. package/src/data/__generated__/component-sets/progress-circle.d.ts +31 -0
  67. package/src/data/__generated__/component-sets/progress-circle.mjs +31 -0
  68. package/src/data/__generated__/component-sets/radio.d.ts +27 -0
  69. package/src/data/__generated__/component-sets/radio.mjs +27 -0
  70. package/src/data/__generated__/component-sets/range-slider.d.ts +31 -0
  71. package/src/data/__generated__/component-sets/range-slider.mjs +31 -0
  72. package/src/data/__generated__/component-sets/reaction-button.d.ts +39 -0
  73. package/src/data/__generated__/component-sets/reaction-button.mjs +39 -0
  74. package/src/data/__generated__/component-sets/segmented-control.d.ts +23 -0
  75. package/src/data/__generated__/component-sets/segmented-control.mjs +23 -0
  76. package/src/data/__generated__/component-sets/select-box.d.ts +31 -0
  77. package/src/data/__generated__/component-sets/select-box.mjs +31 -0
  78. package/src/data/__generated__/component-sets/skeleton.d.ts +15 -0
  79. package/src/data/__generated__/component-sets/skeleton.mjs +15 -0
  80. package/src/data/__generated__/component-sets/slider.d.ts +31 -0
  81. package/src/data/__generated__/component-sets/slider.mjs +31 -0
  82. package/src/data/__generated__/component-sets/snackbar.d.ts +23 -0
  83. package/src/data/__generated__/component-sets/snackbar.mjs +23 -0
  84. package/src/data/__generated__/component-sets/standard-navigation.d.ts +23 -0
  85. package/src/data/__generated__/component-sets/standard-navigation.mjs +23 -0
  86. package/src/data/__generated__/component-sets/switch.d.ts +25 -0
  87. package/src/data/__generated__/component-sets/switch.mjs +25 -0
  88. package/src/data/__generated__/component-sets/tablist.d.ts +29 -0
  89. package/src/data/__generated__/component-sets/tablist.mjs +29 -0
  90. package/src/data/__generated__/component-sets/template-bottom-fixed-bar.d.ts +42 -0
  91. package/src/data/__generated__/component-sets/template-bottom-fixed-bar.mjs +42 -0
  92. package/src/data/__generated__/component-sets/template-button-group.d.ts +51 -0
  93. package/src/data/__generated__/component-sets/template-button-group.mjs +51 -0
  94. package/src/data/__generated__/component-sets/template-chip-group.d.ts +26 -0
  95. package/src/data/__generated__/component-sets/template-chip-group.mjs +26 -0
  96. package/src/data/__generated__/component-sets/template-select-box-group.d.ts +24 -0
  97. package/src/data/__generated__/component-sets/template-select-box-group.mjs +24 -0
  98. package/src/data/__generated__/component-sets/template-top-navigation.d.ts +25 -0
  99. package/src/data/__generated__/component-sets/template-top-navigation.mjs +25 -0
  100. package/src/data/__generated__/component-sets/text-button.d.ts +45 -0
  101. package/src/data/__generated__/component-sets/text-button.mjs +45 -0
  102. package/src/data/__generated__/component-sets/text-field.d.ts +100 -0
  103. package/src/data/__generated__/component-sets/text-field.mjs +100 -0
  104. package/src/data/__generated__/component-sets/toggle-button.d.ts +50 -0
  105. package/src/data/__generated__/component-sets/toggle-button.mjs +50 -0
  106. package/src/data/icons.ts +2774 -0
  107. package/src/data/styles.ts +142 -0
  108. package/src/data/variables.ts +7772 -0
  109. package/src/generate-code.ts +213 -0
  110. package/src/icon.ts +46 -0
  111. package/src/index.ts +3 -0
  112. package/src/jsx.ts +104 -0
  113. package/src/layout.ts +289 -0
  114. package/src/node-util.ts +49 -0
  115. package/src/normalizer/from-plugin.ts +345 -0
  116. package/src/normalizer/from-rest.ts +178 -0
  117. package/src/normalizer/types.ts +94 -0
  118. package/src/sizing.ts +58 -0
  119. package/src/text.ts +20 -0
  120. package/src/util.ts +17 -0
  121. package/src/variable.ts +66 -0
@@ -0,0 +1,45 @@
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
+ };
@@ -0,0 +1,100 @@
1
+ export declare const metadata: {
2
+ "name": "🟢 Text Field",
3
+ "key": "c49873c37a639f0dffdea4efd0eb43760d66c141",
4
+ "componentPropertyDefinitions": {
5
+ "Suffix Text#15327:138": {
6
+ "type": "TEXT"
7
+ },
8
+ "Indicator#15327:249": {
9
+ "type": "TEXT"
10
+ },
11
+ "Label#14964:0": {
12
+ "type": "TEXT"
13
+ },
14
+ "Character Count#15327:64": {
15
+ "type": "TEXT"
16
+ },
17
+ "Description#12626:5": {
18
+ "type": "TEXT"
19
+ },
20
+ "Filled Text#1304:0": {
21
+ "type": "TEXT"
22
+ },
23
+ "Show Suffix Icon#1267:75": {
24
+ "type": "BOOLEAN"
25
+ },
26
+ "Show Prefix Icon#1267:50": {
27
+ "type": "BOOLEAN"
28
+ },
29
+ "Prefix Icon#1267:25": {
30
+ "type": "INSTANCE_SWAP",
31
+ "preferredValues": []
32
+ },
33
+ "Show Prefix#958:125": {
34
+ "type": "BOOLEAN"
35
+ },
36
+ "Show Suffix#958:100": {
37
+ "type": "BOOLEAN"
38
+ },
39
+ "Show Character Count#958:75": {
40
+ "type": "BOOLEAN"
41
+ },
42
+ "Show Footer#958:25": {
43
+ "type": "BOOLEAN"
44
+ },
45
+ "Max Character Count#15327:27": {
46
+ "type": "TEXT"
47
+ },
48
+ "Show Prefix Text#1267:0": {
49
+ "type": "BOOLEAN"
50
+ },
51
+ "Show Suffix Text#1267:125": {
52
+ "type": "BOOLEAN"
53
+ },
54
+ "Suffix Icon #1267:100": {
55
+ "type": "INSTANCE_SWAP",
56
+ "preferredValues": []
57
+ },
58
+ "Show Description#958:50": {
59
+ "type": "BOOLEAN"
60
+ },
61
+ "Prefix Text#15327:101": {
62
+ "type": "TEXT"
63
+ },
64
+ "Show Indicator#1259:0": {
65
+ "type": "BOOLEAN"
66
+ },
67
+ "Placeholder#958:0": {
68
+ "type": "TEXT"
69
+ },
70
+ "Show Header#870:0": {
71
+ "type": "BOOLEAN"
72
+ },
73
+ "Size": {
74
+ "type": "VARIANT",
75
+ "variantOptions": [
76
+ "Medium",
77
+ "Large",
78
+ "XLarge"
79
+ ]
80
+ },
81
+ "State": {
82
+ "type": "VARIANT",
83
+ "variantOptions": [
84
+ "Enabled",
85
+ "Focused",
86
+ "Invalid",
87
+ "Invalid-Focused",
88
+ "Disabled",
89
+ "Read Only"
90
+ ]
91
+ },
92
+ "Filled": {
93
+ "type": "VARIANT",
94
+ "variantOptions": [
95
+ "True",
96
+ "False"
97
+ ]
98
+ }
99
+ }
100
+ };
@@ -0,0 +1,100 @@
1
+ export const metadata = {
2
+ "name": "🟢 Text Field",
3
+ "key": "c49873c37a639f0dffdea4efd0eb43760d66c141",
4
+ "componentPropertyDefinitions": {
5
+ "Suffix Text#15327:138": {
6
+ "type": "TEXT"
7
+ },
8
+ "Indicator#15327:249": {
9
+ "type": "TEXT"
10
+ },
11
+ "Label#14964:0": {
12
+ "type": "TEXT"
13
+ },
14
+ "Character Count#15327:64": {
15
+ "type": "TEXT"
16
+ },
17
+ "Description#12626:5": {
18
+ "type": "TEXT"
19
+ },
20
+ "Filled Text#1304:0": {
21
+ "type": "TEXT"
22
+ },
23
+ "Show Suffix Icon#1267:75": {
24
+ "type": "BOOLEAN"
25
+ },
26
+ "Show Prefix Icon#1267:50": {
27
+ "type": "BOOLEAN"
28
+ },
29
+ "Prefix Icon#1267:25": {
30
+ "type": "INSTANCE_SWAP",
31
+ "preferredValues": []
32
+ },
33
+ "Show Prefix#958:125": {
34
+ "type": "BOOLEAN"
35
+ },
36
+ "Show Suffix#958:100": {
37
+ "type": "BOOLEAN"
38
+ },
39
+ "Show Character Count#958:75": {
40
+ "type": "BOOLEAN"
41
+ },
42
+ "Show Footer#958:25": {
43
+ "type": "BOOLEAN"
44
+ },
45
+ "Max Character Count#15327:27": {
46
+ "type": "TEXT"
47
+ },
48
+ "Show Prefix Text#1267:0": {
49
+ "type": "BOOLEAN"
50
+ },
51
+ "Show Suffix Text#1267:125": {
52
+ "type": "BOOLEAN"
53
+ },
54
+ "Suffix Icon #1267:100": {
55
+ "type": "INSTANCE_SWAP",
56
+ "preferredValues": []
57
+ },
58
+ "Show Description#958:50": {
59
+ "type": "BOOLEAN"
60
+ },
61
+ "Prefix Text#15327:101": {
62
+ "type": "TEXT"
63
+ },
64
+ "Show Indicator#1259:0": {
65
+ "type": "BOOLEAN"
66
+ },
67
+ "Placeholder#958:0": {
68
+ "type": "TEXT"
69
+ },
70
+ "Show Header#870:0": {
71
+ "type": "BOOLEAN"
72
+ },
73
+ "Size": {
74
+ "type": "VARIANT",
75
+ "variantOptions": [
76
+ "Medium",
77
+ "Large",
78
+ "XLarge"
79
+ ]
80
+ },
81
+ "State": {
82
+ "type": "VARIANT",
83
+ "variantOptions": [
84
+ "Enabled",
85
+ "Focused",
86
+ "Invalid",
87
+ "Invalid-Focused",
88
+ "Disabled",
89
+ "Read Only"
90
+ ]
91
+ },
92
+ "Filled": {
93
+ "type": "VARIANT",
94
+ "variantOptions": [
95
+ "True",
96
+ "False"
97
+ ]
98
+ }
99
+ }
100
+ };
@@ -0,0 +1,50 @@
1
+ export declare const metadata: {
2
+ "name": "🟢 Toggle Button",
3
+ "key": "1d240ee5fd7a56879713e69cbea1b6f006f0ea22",
4
+ "componentPropertyDefinitions": {
5
+ "Suffix Icon#6122:343": {
6
+ "type": "INSTANCE_SWAP",
7
+ "preferredValues": []
8
+ },
9
+ "Show Prefix Icon#6122:392": {
10
+ "type": "BOOLEAN"
11
+ },
12
+ "Show Suffix Icon#6122:147": {
13
+ "type": "BOOLEAN"
14
+ },
15
+ "Prefix Icon#6122:98": {
16
+ "type": "INSTANCE_SWAP",
17
+ "preferredValues": []
18
+ },
19
+ "Label#6122:49": {
20
+ "type": "TEXT"
21
+ },
22
+ "Size": {
23
+ "type": "VARIANT",
24
+ "variantOptions": [
25
+ "Small",
26
+ "XSmall"
27
+ ]
28
+ },
29
+ "Variant": {
30
+ "type": "VARIANT",
31
+ "variantOptions": [
32
+ "Neutral Weak",
33
+ "Brand Solid"
34
+ ]
35
+ },
36
+ "State": {
37
+ "type": "VARIANT",
38
+ "variantOptions": [
39
+ "Enabled",
40
+ "Pressed",
41
+ "Loading",
42
+ "Selected",
43
+ "Selected-Pressed",
44
+ "Selected-Loading",
45
+ "Disabled",
46
+ "Disabled-Selected"
47
+ ]
48
+ }
49
+ }
50
+ };
@@ -0,0 +1,50 @@
1
+ export const metadata = {
2
+ "name": "🟢 Toggle Button",
3
+ "key": "1d240ee5fd7a56879713e69cbea1b6f006f0ea22",
4
+ "componentPropertyDefinitions": {
5
+ "Suffix Icon#6122:343": {
6
+ "type": "INSTANCE_SWAP",
7
+ "preferredValues": []
8
+ },
9
+ "Show Prefix Icon#6122:392": {
10
+ "type": "BOOLEAN"
11
+ },
12
+ "Show Suffix Icon#6122:147": {
13
+ "type": "BOOLEAN"
14
+ },
15
+ "Prefix Icon#6122:98": {
16
+ "type": "INSTANCE_SWAP",
17
+ "preferredValues": []
18
+ },
19
+ "Label#6122:49": {
20
+ "type": "TEXT"
21
+ },
22
+ "Size": {
23
+ "type": "VARIANT",
24
+ "variantOptions": [
25
+ "Small",
26
+ "XSmall"
27
+ ]
28
+ },
29
+ "Variant": {
30
+ "type": "VARIANT",
31
+ "variantOptions": [
32
+ "Neutral Weak",
33
+ "Brand Solid"
34
+ ]
35
+ },
36
+ "State": {
37
+ "type": "VARIANT",
38
+ "variantOptions": [
39
+ "Enabled",
40
+ "Pressed",
41
+ "Loading",
42
+ "Selected",
43
+ "Selected-Pressed",
44
+ "Selected-Loading",
45
+ "Disabled",
46
+ "Disabled-Selected"
47
+ ]
48
+ }
49
+ }
50
+ };