@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 declare const templateCompletion: {
108
108
  }
109
109
  };
110
110
 
111
+ export declare 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 declare 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 declare 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 declare const templateSelectBoxGroup: {
166
192
  }
167
193
  };
168
194
 
195
+ export declare 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 declare 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 declare 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 declare const templateTopNavigation: {
170
276
  "name": "templateTopNavigation",
171
277
  "key": "74f045c1972dc31d0fddd0a0027537b6779cd0e8",
@@ -463,6 +569,9 @@ export declare 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 declare 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 declare const menuSheet: {
1151
1260
  }
1152
1261
  };
1153
1262
 
1154
- export declare 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 declare const pageBanner: {
1224
1264
  "name": "pageBanner",
1225
1265
  "key": "ce587d0f21754af05240cb32a4880227cb0ea1e1",
@@ -1386,38 +1426,6 @@ export declare const radioMark: {
1386
1426
  }
1387
1427
  };
1388
1428
 
1389
- export declare 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 declare const reactionButton: {
1422
1430
  "name": "reactionButton",
1423
1431
  "key": "ec43e4e881f7048e95601f8b58c01a0905a174e0",
@@ -1499,6 +1507,29 @@ export declare const resizableChild: {
1499
1507
  }
1500
1508
  };
1501
1509
 
1510
+ export declare 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 declare const segmentedControl: {
1503
1534
  "name": "segmentedControl",
1504
1535
  "key": "3ad7133ba52755867f42f9232375f75639e00d58",
@@ -1576,32 +1607,31 @@ export declare const skeleton: {
1576
1607
 
1577
1608
  export declare 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 declare const tagGroup: {
1770
1800
  }
1771
1801
  };
1772
1802
 
1773
- export declare 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 declare const toggleButton: {
1874
1804
  "name": "toggleButton",
1875
1805
  "key": "1d240ee5fd7a56879713e69cbea1b6f006f0ea22",
@@ -1965,4 +1895,77 @@ export declare const topNavigation: {
1965
1895
  ]
1966
1896
  }
1967
1897
  }
1898
+ };
1899
+
1900
+ export declare 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
  };