@seed-design/figma 1.0.7 → 1.1.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 (30) hide show
  1. package/lib/codegen/index.cjs +366 -286
  2. package/lib/codegen/index.d.ts +508 -233
  3. package/lib/codegen/index.d.ts.map +1 -1
  4. package/lib/codegen/index.js +366 -286
  5. package/lib/codegen/targets/react/index.cjs +1024 -511
  6. package/lib/codegen/targets/react/index.d.ts.map +1 -1
  7. package/lib/codegen/targets/react/index.js +1024 -511
  8. package/lib/index.cjs +394 -286
  9. package/lib/index.js +394 -286
  10. package/package.json +2 -2
  11. package/src/codegen/component-properties.ts +362 -103
  12. package/src/codegen/targets/react/component/handlers/action-button.ts +69 -54
  13. package/src/codegen/targets/react/component/handlers/bottom-sheet.ts +2 -3
  14. package/src/codegen/targets/react/component/handlers/error-state.ts +18 -6
  15. package/src/codegen/targets/react/component/handlers/field-button.ts +197 -0
  16. package/src/codegen/targets/react/component/handlers/field.ts +167 -0
  17. package/src/codegen/targets/react/component/handlers/slider.ts +114 -0
  18. package/src/codegen/targets/react/component/handlers/text-field.ts +245 -92
  19. package/src/codegen/targets/react/component/index.ts +40 -23
  20. package/src/codegen/targets/react/element-factories.ts +1 -1
  21. package/src/codegen/targets/react/instance.ts +23 -2
  22. package/src/entities/data/__generated__/component-sets/index.d.ts +225 -222
  23. package/src/entities/data/__generated__/component-sets/index.mjs +225 -222
  24. package/src/entities/data/__generated__/components/index.d.ts +121 -0
  25. package/src/entities/data/__generated__/components/index.mjs +121 -0
  26. package/src/entities/data/__generated__/icons/index.mjs +28 -0
  27. package/src/entities/data/__generated__/styles/index.mjs +0 -56
  28. package/src/entities/data/__generated__/variable-collections/index.mjs +11 -8
  29. package/src/entities/data/__generated__/variables/index.mjs +130 -0
  30. package/src/codegen/targets/react/component/handlers/multiline-text-field.ts +0 -84
@@ -108,11 +108,40 @@ export const templateCompletion = {
108
108
  }
109
109
  };
110
110
 
111
+ export const templateCustomPickerField = {
112
+ "name": "templateCustomPickerField",
113
+ "key": "91d73dfc297a467d78dc91ade6ff9be9a152619e",
114
+ "componentPropertyDefinitions": {
115
+ "Show Header#40606:8": {
116
+ "type": "BOOLEAN"
117
+ },
118
+ "Show Footer#40606:9": {
119
+ "type": "BOOLEAN"
120
+ },
121
+ "State": {
122
+ "type": "VARIANT",
123
+ "variantOptions": [
124
+ "Default",
125
+ "Error",
126
+ "Disabled",
127
+ "Read Only"
128
+ ]
129
+ },
130
+ "Has Value": {
131
+ "type": "VARIANT",
132
+ "variantOptions": [
133
+ "False",
134
+ "True"
135
+ ]
136
+ }
137
+ }
138
+ };
139
+
111
140
  export const templateErrorState = {
112
141
  "name": "templateErrorState",
113
142
  "key": "39b4ecd0b5b4d35f4dc5791765ca04aa062a5172",
114
143
  "componentPropertyDefinitions": {
115
- "Show Buttons#9080:5": {
144
+ "Show Action Button#9080:5": {
116
145
  "type": "BOOLEAN"
117
146
  },
118
147
  "Title#16237:0": {
@@ -121,9 +150,6 @@ export const templateErrorState = {
121
150
  "Description#16237:5": {
122
151
  "type": "TEXT"
123
152
  },
124
- "Secondary Action Label#17042:0": {
125
- "type": "TEXT"
126
- },
127
153
  "Variant": {
128
154
  "type": "VARIANT",
129
155
  "variantOptions": [
@@ -166,6 +192,86 @@ export const templateSelectBoxGroup = {
166
192
  }
167
193
  };
168
194
 
195
+ export const templateSliderField = {
196
+ "name": "templateSliderField",
197
+ "key": "7d2b449bcfb28ebf3c509ed76a141511f7d955eb",
198
+ "componentPropertyDefinitions": {
199
+ "Show Header#40606:8": {
200
+ "type": "BOOLEAN"
201
+ },
202
+ "Show Footer#40606:9": {
203
+ "type": "BOOLEAN"
204
+ },
205
+ "State": {
206
+ "type": "VARIANT",
207
+ "variantOptions": [
208
+ "Default",
209
+ "Error",
210
+ "Disabled",
211
+ "Read Only",
212
+ "Pressed"
213
+ ]
214
+ }
215
+ }
216
+ };
217
+
218
+ export const templateTextField = {
219
+ "name": "templateTextField",
220
+ "key": "0a83a0ff9d18d98a14536b21aa5411622f9f0c05",
221
+ "componentPropertyDefinitions": {
222
+ "Show Header#40606:8": {
223
+ "type": "BOOLEAN"
224
+ },
225
+ "Show Footer#40606:9": {
226
+ "type": "BOOLEAN"
227
+ },
228
+ "Variant": {
229
+ "type": "VARIANT",
230
+ "variantOptions": [
231
+ "Outline",
232
+ "Underline"
233
+ ]
234
+ },
235
+ "State": {
236
+ "type": "VARIANT",
237
+ "variantOptions": [
238
+ "Default",
239
+ "Focused",
240
+ "Error",
241
+ "Error Focused",
242
+ "Disabled",
243
+ "Read Only",
244
+ "AI Loading (Figma Only)"
245
+ ]
246
+ }
247
+ }
248
+ };
249
+
250
+ export const templateTextareaField = {
251
+ "name": "templateTextareaField",
252
+ "key": "cdc688eccd78b947289e8089a620bdc494f6c809",
253
+ "componentPropertyDefinitions": {
254
+ "Show Header#40606:8": {
255
+ "type": "BOOLEAN"
256
+ },
257
+ "Show Footer#40606:9": {
258
+ "type": "BOOLEAN"
259
+ },
260
+ "State": {
261
+ "type": "VARIANT",
262
+ "variantOptions": [
263
+ "Default",
264
+ "Focused",
265
+ "Error",
266
+ "Error Focused",
267
+ "Disabled",
268
+ "Read Only",
269
+ "AI Loading (Figma Only)"
270
+ ]
271
+ }
272
+ }
273
+ };
274
+
169
275
  export const templateTopNavigation = {
170
276
  "name": "templateTopNavigation",
171
277
  "key": "74f045c1972dc31d0fddd0a0027537b6779cd0e8",
@@ -463,6 +569,9 @@ export const bottomSheet = {
463
569
  "Show Safe Area#25488:8": {
464
570
  "type": "BOOLEAN"
465
571
  },
572
+ "Show Handle#49774:6": {
573
+ "type": "BOOLEAN"
574
+ },
466
575
  "Header Layout": {
467
576
  "type": "VARIANT",
468
577
  "variantOptions": [
@@ -852,8 +961,8 @@ export const listHeader = {
852
961
  "type": "VARIANT",
853
962
  "variantOptions": [
854
963
  "None",
855
- "Button",
856
- "Custom"
964
+ "Custom",
965
+ "Button"
857
966
  ]
858
967
  },
859
968
  "Variant": {
@@ -1151,75 +1260,6 @@ export const menuSheet = {
1151
1260
  }
1152
1261
  };
1153
1262
 
1154
- export const multilineTextField = {
1155
- "name": "multilineTextField",
1156
- "key": "88b2399c930c85f9ce2972163a078bc684b84bbe",
1157
- "componentPropertyDefinitions": {
1158
- "Show Header#870:0": {
1159
- "type": "BOOLEAN"
1160
- },
1161
- "Placeholder#958:0": {
1162
- "type": "TEXT"
1163
- },
1164
- "Show Footer#958:25": {
1165
- "type": "BOOLEAN"
1166
- },
1167
- "Show Description#958:50": {
1168
- "type": "BOOLEAN"
1169
- },
1170
- "Show Character count#958:75": {
1171
- "type": "BOOLEAN"
1172
- },
1173
- "Show Indicator#1259:0": {
1174
- "type": "BOOLEAN"
1175
- },
1176
- "Filled Text#1304:0": {
1177
- "type": "TEXT"
1178
- },
1179
- "Max Character Count#15327:175": {
1180
- "type": "TEXT"
1181
- },
1182
- "Description#15327:212": {
1183
- "type": "TEXT"
1184
- },
1185
- "Indicator#15327:286": {
1186
- "type": "TEXT"
1187
- },
1188
- "Label#15327:323": {
1189
- "type": "TEXT"
1190
- },
1191
- "Character Count#15327:360": {
1192
- "type": "TEXT"
1193
- },
1194
- "Size": {
1195
- "type": "VARIANT",
1196
- "variantOptions": [
1197
- "Medium",
1198
- "Large",
1199
- "XLarge"
1200
- ]
1201
- },
1202
- "State": {
1203
- "type": "VARIANT",
1204
- "variantOptions": [
1205
- "Enabled",
1206
- "Focused",
1207
- "Invalid",
1208
- "Invalid-Focused",
1209
- "Disabled",
1210
- "Read Only"
1211
- ]
1212
- },
1213
- "Filled": {
1214
- "type": "VARIANT",
1215
- "variantOptions": [
1216
- "True",
1217
- "False"
1218
- ]
1219
- }
1220
- }
1221
- };
1222
-
1223
1263
  export const pageBanner = {
1224
1264
  "name": "pageBanner",
1225
1265
  "key": "ce587d0f21754af05240cb32a4880227cb0ea1e1",
@@ -1386,38 +1426,6 @@ export const radioMark = {
1386
1426
  }
1387
1427
  };
1388
1428
 
1389
- export const rangeSlider = {
1390
- "name": "rangeSlider",
1391
- "key": "64fc49184979e0be40aa367ca98868601eb7dad5",
1392
- "componentPropertyDefinitions": {
1393
- "Steps": {
1394
- "type": "VARIANT",
1395
- "variantOptions": [
1396
- "0",
1397
- "1",
1398
- "2",
1399
- "3",
1400
- "4"
1401
- ]
1402
- },
1403
- "State": {
1404
- "type": "VARIANT",
1405
- "variantOptions": [
1406
- "Enabled",
1407
- "Disabled"
1408
- ]
1409
- },
1410
- "Marker": {
1411
- "type": "VARIANT",
1412
- "variantOptions": [
1413
- "None",
1414
- "Min Max",
1415
- "All"
1416
- ]
1417
- }
1418
- }
1419
- };
1420
-
1421
1429
  export const reactionButton = {
1422
1430
  "name": "reactionButton",
1423
1431
  "key": "ec43e4e881f7048e95601f8b58c01a0905a174e0",
@@ -1499,6 +1507,29 @@ export const resizableChild = {
1499
1507
  }
1500
1508
  };
1501
1509
 
1510
+ export const scrollFog = {
1511
+ "name": "scrollFog",
1512
+ "key": "0a06ea65fe164e0245fde6ac6c97135990a4de3c",
1513
+ "componentPropertyDefinitions": {
1514
+ "Orientation": {
1515
+ "type": "VARIANT",
1516
+ "variantOptions": [
1517
+ "Top ⬇️",
1518
+ "Bottom ⬆️",
1519
+ "Right ➡️",
1520
+ "Left ⬅️"
1521
+ ]
1522
+ },
1523
+ "Layer": {
1524
+ "type": "VARIANT",
1525
+ "variantOptions": [
1526
+ "Default",
1527
+ "Floating"
1528
+ ]
1529
+ }
1530
+ }
1531
+ };
1532
+
1502
1533
  export const segmentedControl = {
1503
1534
  "name": "segmentedControl",
1504
1535
  "key": "3ad7133ba52755867f42f9232375f75639e00d58",
@@ -1576,32 +1607,31 @@ export const skeleton = {
1576
1607
 
1577
1608
  export const slider = {
1578
1609
  "name": "slider",
1579
- "key": "aee027230a478315e380704c4523141e67e464ee",
1610
+ "key": "c748f314f790eb804138bd105bfb0bd0584c9aa1",
1580
1611
  "componentPropertyDefinitions": {
1581
- "Steps": {
1612
+ "Has Tick Mark#47921:0": {
1613
+ "type": "BOOLEAN"
1614
+ },
1615
+ "Show Active Track#48156:0": {
1616
+ "type": "BOOLEAN"
1617
+ },
1618
+ "Show Markers#49596:0": {
1619
+ "type": "BOOLEAN"
1620
+ },
1621
+ "Value": {
1582
1622
  "type": "VARIANT",
1583
1623
  "variantOptions": [
1584
- "0",
1585
- "1",
1586
- "2",
1587
- "3",
1588
- "4"
1624
+ "Single",
1625
+ "Range"
1589
1626
  ]
1590
1627
  },
1591
1628
  "State": {
1592
1629
  "type": "VARIANT",
1593
1630
  "variantOptions": [
1594
1631
  "Enabled",
1632
+ "Pressed",
1595
1633
  "Disabled"
1596
1634
  ]
1597
- },
1598
- "Marker": {
1599
- "type": "VARIANT",
1600
- "variantOptions": [
1601
- "None",
1602
- "Min Max",
1603
- "All"
1604
- ]
1605
1635
  }
1606
1636
  }
1607
1637
  };
@@ -1770,106 +1800,6 @@ export const tagGroup = {
1770
1800
  }
1771
1801
  };
1772
1802
 
1773
- export const textField = {
1774
- "name": "textField",
1775
- "key": "c49873c37a639f0dffdea4efd0eb43760d66c141",
1776
- "componentPropertyDefinitions": {
1777
- "Show Header#870:0": {
1778
- "type": "BOOLEAN"
1779
- },
1780
- "Placeholder#958:0": {
1781
- "type": "TEXT"
1782
- },
1783
- "Show Footer#958:25": {
1784
- "type": "BOOLEAN"
1785
- },
1786
- "Show Description#958:50": {
1787
- "type": "BOOLEAN"
1788
- },
1789
- "Show Character Count#958:75": {
1790
- "type": "BOOLEAN"
1791
- },
1792
- "Show Suffix#958:100": {
1793
- "type": "BOOLEAN"
1794
- },
1795
- "Show Prefix#958:125": {
1796
- "type": "BOOLEAN"
1797
- },
1798
- "Show Indicator#1259:0": {
1799
- "type": "BOOLEAN"
1800
- },
1801
- "Show Prefix Text#1267:0": {
1802
- "type": "BOOLEAN"
1803
- },
1804
- "Prefix Icon#1267:25": {
1805
- "type": "INSTANCE_SWAP",
1806
- "preferredValues": []
1807
- },
1808
- "Show Prefix Icon#1267:50": {
1809
- "type": "BOOLEAN"
1810
- },
1811
- "Show Suffix Icon#1267:75": {
1812
- "type": "BOOLEAN"
1813
- },
1814
- "Suffix Icon #1267:100": {
1815
- "type": "INSTANCE_SWAP",
1816
- "preferredValues": []
1817
- },
1818
- "Show Suffix Text#1267:125": {
1819
- "type": "BOOLEAN"
1820
- },
1821
- "Filled Text#1304:0": {
1822
- "type": "TEXT"
1823
- },
1824
- "Description#12626:5": {
1825
- "type": "TEXT"
1826
- },
1827
- "Label#14964:0": {
1828
- "type": "TEXT"
1829
- },
1830
- "Max Character Count#15327:27": {
1831
- "type": "TEXT"
1832
- },
1833
- "Character Count#15327:64": {
1834
- "type": "TEXT"
1835
- },
1836
- "Prefix Text#15327:101": {
1837
- "type": "TEXT"
1838
- },
1839
- "Suffix Text#15327:138": {
1840
- "type": "TEXT"
1841
- },
1842
- "Indicator#15327:249": {
1843
- "type": "TEXT"
1844
- },
1845
- "Size": {
1846
- "type": "VARIANT",
1847
- "variantOptions": [
1848
- "Medium",
1849
- "Large(Default)"
1850
- ]
1851
- },
1852
- "State": {
1853
- "type": "VARIANT",
1854
- "variantOptions": [
1855
- "Enabled",
1856
- "Focused",
1857
- "Invalid",
1858
- "Invalid-Focused",
1859
- "Disabled",
1860
- "Read Only"
1861
- ]
1862
- },
1863
- "Filled": {
1864
- "type": "VARIANT",
1865
- "variantOptions": [
1866
- "True",
1867
- "False"
1868
- ]
1869
- }
1870
- }
1871
- };
1872
-
1873
1803
  export const toggleButton = {
1874
1804
  "name": "toggleButton",
1875
1805
  "key": "1d240ee5fd7a56879713e69cbea1b6f006f0ea22",
@@ -1965,4 +1895,77 @@ export const topNavigation = {
1965
1895
  ]
1966
1896
  }
1967
1897
  }
1898
+ };
1899
+
1900
+ export const actionButtonGhostButton = {
1901
+ "name": "actionButtonGhostButton",
1902
+ "key": "ea69291fb4d76217419f3d9613ae16aadafb56a5",
1903
+ "componentPropertyDefinitions": {
1904
+ "Label#30511:2": {
1905
+ "type": "TEXT"
1906
+ },
1907
+ "Prefix Icon#30511:3": {
1908
+ "type": "INSTANCE_SWAP",
1909
+ "preferredValues": []
1910
+ },
1911
+ "Suffix Icon#30525:0": {
1912
+ "type": "INSTANCE_SWAP",
1913
+ "preferredValues": [
1914
+ {
1915
+ "type": "COMPONENT_SET",
1916
+ "key": "c8415f85843e5aea5a1d3620d03d16b643bf86cd"
1917
+ },
1918
+ {
1919
+ "type": "COMPONENT_SET",
1920
+ "key": "0d0a2bc648a2c4e1f06a56a30ef16299b6e91037"
1921
+ },
1922
+ {
1923
+ "type": "COMPONENT_SET",
1924
+ "key": "8f28ae559baf8f388d84ccc3ad65a282966e1b05"
1925
+ },
1926
+ {
1927
+ "type": "COMPONENT_SET",
1928
+ "key": "57341e8a9961bf31590240dd288e57c76969098d"
1929
+ }
1930
+ ]
1931
+ },
1932
+ "Icon#30525:15": {
1933
+ "type": "INSTANCE_SWAP",
1934
+ "preferredValues": []
1935
+ },
1936
+ "Bleed": {
1937
+ "type": "VARIANT",
1938
+ "variantOptions": [
1939
+ "true",
1940
+ "false"
1941
+ ]
1942
+ },
1943
+ "Size": {
1944
+ "type": "VARIANT",
1945
+ "variantOptions": [
1946
+ "Xsmall",
1947
+ "Small",
1948
+ "Medium",
1949
+ "Large"
1950
+ ]
1951
+ },
1952
+ "Layout": {
1953
+ "type": "VARIANT",
1954
+ "variantOptions": [
1955
+ "Text Only",
1956
+ "Icon First",
1957
+ "Icon Last",
1958
+ "Icon Only"
1959
+ ]
1960
+ },
1961
+ "State": {
1962
+ "type": "VARIANT",
1963
+ "variantOptions": [
1964
+ "Enabled",
1965
+ "Pressed",
1966
+ "Loading",
1967
+ "Disabled"
1968
+ ]
1969
+ }
1970
+ }
1968
1971
  };
@@ -0,0 +1,121 @@
1
+ export declare const templateAddressPickerField: {
2
+ "name": "templateAddressPickerField",
3
+ "key": "a6cb0e888094d95ca0e9862f4775b34407b3611d"
4
+ };
5
+
6
+ export declare const templateDatePickerField: {
7
+ "name": "templateDatePickerField",
8
+ "key": "9fac6c04140c81cdb2e446979952381f1afc0e1a"
9
+ };
10
+
11
+ export declare const templateFilterBar: {
12
+ "name": "templateFilterBar",
13
+ "key": "52ffefa44ac247120a69d1787278d1d90b7f370d",
14
+ "componentPropertyDefinitions": {
15
+ "Show Clear Button#32562:362": {
16
+ "type": "BOOLEAN"
17
+ }
18
+ }
19
+ };
20
+
21
+ export declare const templateInformationList: {
22
+ "name": "templateInformationList",
23
+ "key": "a111395555825f77d152f84e047e5e798fb53023"
24
+ };
25
+
26
+ export declare const templateSelectField: {
27
+ "name": "templateSelectField",
28
+ "key": "a43d16a5c3cbb5fe22ca230d6a28338da21c7562"
29
+ };
30
+
31
+ export declare const templateTimePickerField: {
32
+ "name": "templateTimePickerField",
33
+ "key": "0ee0729eb92d55acfa557e8fe3f0a21a0e43f117"
34
+ };
35
+
36
+ export declare const bottomSheetContentsAgreement: {
37
+ "name": "bottomSheetContentsAgreement",
38
+ "key": "8670afb7520ac44dfed003e3e9c7cce359897d0c"
39
+ };
40
+
41
+ export declare const bottomSheetContentsFilter: {
42
+ "name": "bottomSheetContentsFilter",
43
+ "key": "e3d337e6eddbe9ec025fe69520c1cff0bd697b60"
44
+ };
45
+
46
+ export declare const bottomSheetContentsImage: {
47
+ "name": "bottomSheetContentsImage",
48
+ "key": "5c5369d9c22115fd240d7b75ac2a334e9163ea57"
49
+ };
50
+
51
+ export declare const bottomSheetContentsRange: {
52
+ "name": "bottomSheetContentsRange",
53
+ "key": "088624580ee501efed377bb4f42561a387db5699"
54
+ };
55
+
56
+ export declare const bottomSheetContentsSorting: {
57
+ "name": "bottomSheetContentsSorting",
58
+ "key": "0c6c58d5b7a159e7db1a0c1ccf32916ca8a51164"
59
+ };
60
+
61
+ export declare const skeletonPreSetArticle: {
62
+ "name": "skeletonPreSetArticle",
63
+ "key": "b2eb24c235dbb3ceea3a13cc018a083e0707fe6b"
64
+ };
65
+
66
+ export declare const skeletonPreSetItemCard: {
67
+ "name": "skeletonPreSetItemCard",
68
+ "key": "72da2ecdc0f5f17fc0c59eac16ccf82960c70db9"
69
+ };
70
+
71
+ export declare const skeletonPreSetItemCarousel: {
72
+ "name": "skeletonPreSetItemCarousel",
73
+ "key": "d92b2942bc9e079cb31fa055a1628e497a8cda8c"
74
+ };
75
+
76
+ export declare const skeletonPreSetList: {
77
+ "name": "skeletonPreSetList",
78
+ "key": "e03cc22ade0cf5db55d0ecea0a51c8424f05410c"
79
+ };
80
+
81
+ export declare const skeletonPreSetProfileLarge: {
82
+ "name": "skeletonPreSetProfileLarge",
83
+ "key": "36103a3dedc41b788a381dc362e90cb19fa907ce"
84
+ };
85
+
86
+ export declare const skeletonPreSetProfileSmall: {
87
+ "name": "skeletonPreSetProfileSmall",
88
+ "key": "090506ac39352cfb1bee415a404fd3d306744c27"
89
+ };
90
+
91
+ export declare const skeletonPreSetReview: {
92
+ "name": "skeletonPreSetReview",
93
+ "key": "faf975727deaeab9e16ddd915e6a1bc48ddb5bca"
94
+ };
95
+
96
+ export declare const field: {
97
+ "name": "field",
98
+ "key": "115bf75562fd6e434a8e22026f86bbc450902f18",
99
+ "componentPropertyDefinitions": {
100
+ "Input#40606:0": {
101
+ "type": "INSTANCE_SWAP",
102
+ "preferredValues": []
103
+ },
104
+ "Show Header#40606:1": {
105
+ "type": "BOOLEAN"
106
+ },
107
+ "Show Footer#40606:2": {
108
+ "type": "BOOLEAN"
109
+ }
110
+ }
111
+ };
112
+
113
+ export declare const icon: {
114
+ "name": "icon",
115
+ "key": "598895dbeb853cbfff37bd50ddc65874375fc1b1"
116
+ };
117
+
118
+ export declare const iOsSelection: {
119
+ "name": "iOsSelection",
120
+ "key": "c348849476b058d7d24fe7588c81b1af1b46befe"
121
+ };