@seed-design/figma 1.3.12 → 1.3.14

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 (28) hide show
  1. package/lib/codegen/index.cjs +1297 -394
  2. package/lib/codegen/index.js +1297 -394
  3. package/lib/codegen/targets/react/index.cjs +1462 -511
  4. package/lib/codegen/targets/react/index.js +1462 -511
  5. package/lib/index.cjs +1415 -446
  6. package/lib/index.js +1415 -446
  7. package/package.json +4 -4
  8. package/src/codegen/component-properties.ts +9 -9
  9. package/src/codegen/targets/react/component/handlers/app-bar.ts +1 -1
  10. package/src/codegen/targets/react/component/handlers/checkbox.ts +1 -1
  11. package/src/codegen/targets/react/component/handlers/field-button.ts +5 -5
  12. package/src/codegen/targets/react/component/handlers/index.ts +1 -1
  13. package/src/codegen/targets/react/component/handlers/legacy-chip.ts +96 -0
  14. package/src/codegen/targets/react/component/handlers/list-item.ts +3 -3
  15. package/src/codegen/targets/react/component/handlers/radio-group.ts +1 -1
  16. package/src/codegen/targets/react/component/handlers/select-box.ts +1 -1
  17. package/src/codegen/targets/react/component/handlers/slider.ts +1 -1
  18. package/src/codegen/targets/react/component/handlers/tabs.ts +11 -5
  19. package/src/codegen/targets/react/component/handlers/text-field.ts +2 -2
  20. package/src/entities/data/__generated__/component-sets/index.d.ts +503 -264
  21. package/src/entities/data/__generated__/component-sets/index.mjs +503 -264
  22. package/src/entities/data/__generated__/components/index.d.ts +258 -96
  23. package/src/entities/data/__generated__/components/index.mjs +258 -96
  24. package/src/entities/data/__generated__/icons/index.mjs +66 -0
  25. package/src/entities/data/__generated__/styles/index.mjs +252 -0
  26. package/src/entities/data/__generated__/variable-collections/index.mjs +25 -5
  27. package/src/entities/data/__generated__/variables/index.mjs +461 -69
  28. package/src/codegen/targets/react/component/handlers/chip.ts +0 -93
@@ -1,42 +1,6 @@
1
- export const privateTemplateAttachmentField = {
2
- "name": "privateTemplateAttachmentField",
3
- "key": "5ba20e248e9cd0292fc285488b2ed3b3145d37b0",
4
- "componentPropertyDefinitions": {
5
- "Show Header#40606:8": {
6
- "type": "BOOLEAN"
7
- },
8
- "Show Footer#40606:9": {
9
- "type": "BOOLEAN"
10
- },
11
- "Type": {
12
- "type": "VARIANT",
13
- "variantOptions": [
14
- "Media",
15
- "File"
16
- ]
17
- },
18
- "State": {
19
- "type": "VARIANT",
20
- "variantOptions": [
21
- "Enabled",
22
- "Error",
23
- "Disabled",
24
- "Read Only"
25
- ]
26
- },
27
- "Has Value": {
28
- "type": "VARIANT",
29
- "variantOptions": [
30
- "False",
31
- "True"
32
- ]
33
- }
34
- }
35
- };
36
-
37
- export const privateTemplateChipGroupField = {
38
- "name": "privateTemplateChipGroupField",
39
- "key": "b6e9378d9ac76f812121d6aa7264cc38d2310e39",
1
+ export const privateComponentChipGroupField = {
2
+ "name": "privateComponentChipGroupField",
3
+ "key": "3b202396b4eb4486b5f2181c97d6576ebae94250",
40
4
  "componentPropertyDefinitions": {
41
5
  "Show Header#40606:8": {
42
6
  "type": "BOOLEAN"
@@ -56,9 +20,9 @@ export const privateTemplateChipGroupField = {
56
20
  }
57
21
  };
58
22
 
59
- export const privateTemplatePhoneNumberField = {
60
- "name": "privateTemplatePhoneNumberField",
61
- "key": "b9c5726a5d6d25938fcc2b84281a3a0f513c7495",
23
+ export const privateComponentPhoneNumberField = {
24
+ "name": "privateComponentPhoneNumberField",
25
+ "key": "1aa9cf6ca847087540f16568c9ca86a07fafaf9b",
62
26
  "componentPropertyDefinitions": {
63
27
  "Show Header#40606:8": {
64
28
  "type": "BOOLEAN"
@@ -86,9 +50,9 @@ export const privateTemplatePhoneNumberField = {
86
50
  }
87
51
  };
88
52
 
89
- export const privateTemplatePinField = {
90
- "name": "privateTemplatePinField",
91
- "key": "0abee679553f912b4cbe9839d048cc64494a3b51",
53
+ export const privateComponentPinField = {
54
+ "name": "privateComponentPinField",
55
+ "key": "7e11c6342399819db16b85e947c6d1aae4e8a442",
92
56
  "componentPropertyDefinitions": {
93
57
  "Show Header#40606:8": {
94
58
  "type": "BOOLEAN"
@@ -156,10 +120,13 @@ export const privateComponentBottomSheetHandle = {
156
120
  }
157
121
  };
158
122
 
159
- export const privateTemplateChipGroup = {
160
- "name": "privateTemplateChipGroup",
161
- "key": "a6819019971fb8f472a4c07f6952014393da1859",
123
+ export const privateComponentChipGroup = {
124
+ "name": "privateComponentChipGroup",
125
+ "key": "3838d772ac3c7504d976b2f386ce521efe69d08f",
162
126
  "componentPropertyDefinitions": {
127
+ "Chip Group#12261:81": {
128
+ "type": "SLOT"
129
+ },
163
130
  "Layout": {
164
131
  "type": "VARIANT",
165
132
  "variantOptions": [
@@ -282,6 +249,13 @@ export const privateComponentInputButtonPrefix = {
282
249
  "Icon#34021:2": {
283
250
  "type": "INSTANCE_SWAP"
284
251
  },
252
+ "Size": {
253
+ "type": "VARIANT",
254
+ "variantOptions": [
255
+ "Large",
256
+ "Medium"
257
+ ]
258
+ },
285
259
  "Type": {
286
260
  "type": "VARIANT",
287
261
  "variantOptions": [
@@ -302,6 +276,13 @@ export const privateComponentInputButtonSuffix = {
302
276
  "Icon#37963:0": {
303
277
  "type": "INSTANCE_SWAP"
304
278
  },
279
+ "Size": {
280
+ "type": "VARIANT",
281
+ "variantOptions": [
282
+ "Large",
283
+ "Medium"
284
+ ]
285
+ },
305
286
  "Type (Figma Only)": {
306
287
  "type": "VARIANT",
307
288
  "variantOptions": [
@@ -326,6 +307,13 @@ export const privateComponentInputButtonValue = {
326
307
  "Placeholder Text#34067:2": {
327
308
  "type": "TEXT"
328
309
  },
310
+ "Size": {
311
+ "type": "VARIANT",
312
+ "variantOptions": [
313
+ "Large",
314
+ "Medium"
315
+ ]
316
+ },
329
317
  "Value": {
330
318
  "type": "VARIANT",
331
319
  "variantOptions": [
@@ -346,12 +334,16 @@ export const privateComponentInputButtonValueDisabled = {
346
334
  "Value Text#34067:0": {
347
335
  "type": "TEXT"
348
336
  },
349
- "Clear Button#34067:1": {
350
- "type": "BOOLEAN"
351
- },
352
337
  "Placeholder Text#34067:2": {
353
338
  "type": "TEXT"
354
339
  },
340
+ "Size": {
341
+ "type": "VARIANT",
342
+ "variantOptions": [
343
+ "Large",
344
+ "Medium"
345
+ ]
346
+ },
355
347
  "Value": {
356
348
  "type": "VARIANT",
357
349
  "variantOptions": [
@@ -372,20 +364,24 @@ export const privateComponentInputButtonValueReadOnly = {
372
364
  "Value Text#34067:0": {
373
365
  "type": "TEXT"
374
366
  },
375
- "Clear Button#34067:1": {
376
- "type": "BOOLEAN"
377
- },
378
367
  "Placeholder Text#34067:2": {
379
368
  "type": "TEXT"
380
369
  },
370
+ "Size": {
371
+ "type": "VARIANT",
372
+ "variantOptions": [
373
+ "Large",
374
+ "Medium"
375
+ ]
376
+ },
381
377
  "Value": {
382
378
  "type": "VARIANT",
383
379
  "variantOptions": [
384
- "Custom (Figma Only)",
385
- "Chips-Overflow (Figma Only)",
386
- "Chips-Scrollable (Figma Only)",
380
+ "Empty",
387
381
  "Text",
388
- "Empty"
382
+ "Chips-Scrollable (Figma Only)",
383
+ "Chips-Overflow (Figma Only)",
384
+ "Custom (Figma Only)"
389
385
  ]
390
386
  }
391
387
  }
@@ -743,9 +739,9 @@ export const privateComponentRootTopNavigationIconButton = {
743
739
  }
744
740
  };
745
741
 
746
- export const privateTemplateRootTopNavigationPreset = {
747
- "name": "privateTemplateRootTopNavigationPreset",
748
- "key": "524bbc05ea9fb5910d36618720ea82d96d8f211f",
742
+ export const privateComponentRootTopNavigationPreset = {
743
+ "name": "privateComponentRootTopNavigationPreset",
744
+ "key": "26e1de69cbbed91a577b0c962a92ebab2621bf5f",
749
745
  "componentPropertyDefinitions": {
750
746
  "Tab": {
751
747
  "type": "VARIANT",
@@ -1110,8 +1106,8 @@ export const privateComponentTabsChip = {
1110
1106
  "name": "privateComponentTabsChip",
1111
1107
  "key": "16bd9efbd95f4b5fa3dfe31c2e1acf4e8a88f6a5",
1112
1108
  "componentPropertyDefinitions": {
1113
- "Show Scroll Fog(Figma Only)#53171:9": {
1114
- "type": "BOOLEAN"
1109
+ "Container#12286:101": {
1110
+ "type": "SLOT"
1115
1111
  },
1116
1112
  "Size": {
1117
1113
  "type": "VARIANT",
@@ -1134,8 +1130,8 @@ export const privateComponentTabsLine = {
1134
1130
  "name": "privateComponentTabsLine",
1135
1131
  "key": "e5bf0d2582100280b410415b9d8742202edbb45c",
1136
1132
  "componentPropertyDefinitions": {
1137
- "Show Scroll Fog(Figma Only)#53171:14": {
1138
- "type": "BOOLEAN"
1133
+ "Container#12286:96": {
1134
+ "type": "SLOT"
1139
1135
  },
1140
1136
  "Size": {
1141
1137
  "type": "VARIANT",
@@ -1157,24 +1153,7 @@ export const privateComponentTabsLine = {
1157
1153
  export const privateComponentTextInputCardNumberInput = {
1158
1154
  "name": "privateComponentTextInputCardNumberInput",
1159
1155
  "key": "60888e1eba691721f0ec6a41df43c1c075e5beac",
1160
- "componentPropertyDefinitions": {
1161
- "Clear Button#34067:1": {
1162
- "type": "BOOLEAN"
1163
- },
1164
- "Has Value": {
1165
- "type": "VARIANT",
1166
- "variantOptions": [
1167
- "false",
1168
- "true"
1169
- ]
1170
- },
1171
- "Variant": {
1172
- "type": "VARIANT",
1173
- "variantOptions": [
1174
- "Plain Text"
1175
- ]
1176
- }
1177
- }
1156
+ "componentPropertyDefinitions": {}
1178
1157
  };
1179
1158
 
1180
1159
  export const privateComponentTextInputIdNumberInput = {
@@ -1187,6 +1166,13 @@ export const privateComponentTextInputIdNumberInput = {
1187
1166
  "Clear Button#34067:1": {
1188
1167
  "type": "BOOLEAN"
1189
1168
  },
1169
+ "Size": {
1170
+ "type": "VARIANT",
1171
+ "variantOptions": [
1172
+ "Large",
1173
+ "Medium"
1174
+ ]
1175
+ },
1190
1176
  "Has Value": {
1191
1177
  "type": "VARIANT",
1192
1178
  "variantOptions": [
@@ -1207,18 +1193,25 @@ export const privateComponentTextInputInput = {
1207
1193
  "name": "privateComponentTextInputInput",
1208
1194
  "key": "c030fb7107795ad42b4b2eea454b05fb4b4c9ac7",
1209
1195
  "componentPropertyDefinitions": {
1196
+ "Show Clear Button#11049:0": {
1197
+ "type": "BOOLEAN"
1198
+ },
1210
1199
  "Value Text#34067:0": {
1211
1200
  "type": "TEXT"
1212
1201
  },
1213
- "Clear Button#34067:1": {
1214
- "type": "BOOLEAN"
1215
- },
1216
1202
  "Placeholder Text#34067:2": {
1217
1203
  "type": "TEXT"
1218
1204
  },
1219
1205
  "Show Cursor (Figma Only)#53584:0": {
1220
1206
  "type": "BOOLEAN"
1221
1207
  },
1208
+ "Size": {
1209
+ "type": "VARIANT",
1210
+ "variantOptions": [
1211
+ "Large",
1212
+ "Medium"
1213
+ ]
1214
+ },
1222
1215
  "Has Value": {
1223
1216
  "type": "VARIANT",
1224
1217
  "variantOptions": [
@@ -1236,12 +1229,16 @@ export const privateComponentTextInputInputDisabled = {
1236
1229
  "Value Text#34067:0": {
1237
1230
  "type": "TEXT"
1238
1231
  },
1239
- "Clear Button#34067:1": {
1240
- "type": "BOOLEAN"
1241
- },
1242
1232
  "Placeholder Text#34067:2": {
1243
1233
  "type": "TEXT"
1244
1234
  },
1235
+ "Size": {
1236
+ "type": "VARIANT",
1237
+ "variantOptions": [
1238
+ "Large",
1239
+ "Medium"
1240
+ ]
1241
+ },
1245
1242
  "Has Value": {
1246
1243
  "type": "VARIANT",
1247
1244
  "variantOptions": [
@@ -1259,12 +1256,16 @@ export const privateComponentTextInputInputReadOnly = {
1259
1256
  "Value Text#34067:0": {
1260
1257
  "type": "TEXT"
1261
1258
  },
1262
- "Clear Button#34067:1": {
1263
- "type": "BOOLEAN"
1264
- },
1265
1259
  "Placeholder Text#34067:2": {
1266
1260
  "type": "TEXT"
1267
1261
  },
1262
+ "Size": {
1263
+ "type": "VARIANT",
1264
+ "variantOptions": [
1265
+ "Large",
1266
+ "Medium"
1267
+ ]
1268
+ },
1268
1269
  "Has Value": {
1269
1270
  "type": "VARIANT",
1270
1271
  "variantOptions": [
@@ -1282,6 +1283,13 @@ export const privateComponentTextInputPrefix = {
1282
1283
  "Icon#34021:2": {
1283
1284
  "type": "INSTANCE_SWAP"
1284
1285
  },
1286
+ "Size": {
1287
+ "type": "VARIANT",
1288
+ "variantOptions": [
1289
+ "Medium",
1290
+ "Large"
1291
+ ]
1292
+ },
1285
1293
  "Type": {
1286
1294
  "type": "VARIANT",
1287
1295
  "variantOptions": [
@@ -1302,6 +1310,13 @@ export const privateComponentTextInputSuffix = {
1302
1310
  "Icon#45391:0": {
1303
1311
  "type": "INSTANCE_SWAP"
1304
1312
  },
1313
+ "Size": {
1314
+ "type": "VARIANT",
1315
+ "variantOptions": [
1316
+ "Medium",
1317
+ "Large"
1318
+ ]
1319
+ },
1305
1320
  "Type (Figma Only)": {
1306
1321
  "type": "VARIANT",
1307
1322
  "variantOptions": [
@@ -1324,6 +1339,13 @@ export const privateComponentTextareaInput = {
1324
1339
  "Placeholder Text#34067:2": {
1325
1340
  "type": "TEXT"
1326
1341
  },
1342
+ "Size": {
1343
+ "type": "VARIANT",
1344
+ "variantOptions": [
1345
+ "Large",
1346
+ "Medium"
1347
+ ]
1348
+ },
1327
1349
  "Has Value": {
1328
1350
  "type": "VARIANT",
1329
1351
  "variantOptions": [
@@ -1341,12 +1363,16 @@ export const privateComponentTextareaInputDisabled = {
1341
1363
  "Value Text#34067:0": {
1342
1364
  "type": "TEXT"
1343
1365
  },
1344
- "Clear Button#34067:1": {
1345
- "type": "BOOLEAN"
1346
- },
1347
1366
  "Placeholder Text#34067:2": {
1348
1367
  "type": "TEXT"
1349
1368
  },
1369
+ "Size": {
1370
+ "type": "VARIANT",
1371
+ "variantOptions": [
1372
+ "Large",
1373
+ "Medium"
1374
+ ]
1375
+ },
1350
1376
  "Has Value": {
1351
1377
  "type": "VARIANT",
1352
1378
  "variantOptions": [
@@ -1364,12 +1390,16 @@ export const privateComponentTextareaInputReadOnly = {
1364
1390
  "Value Text#34067:0": {
1365
1391
  "type": "TEXT"
1366
1392
  },
1367
- "Clear Button#34067:1": {
1368
- "type": "BOOLEAN"
1369
- },
1370
1393
  "Placeholder Text#34067:2": {
1371
1394
  "type": "TEXT"
1372
1395
  },
1396
+ "Size": {
1397
+ "type": "VARIANT",
1398
+ "variantOptions": [
1399
+ "Large",
1400
+ "Medium"
1401
+ ]
1402
+ },
1373
1403
  "Has Value": {
1374
1404
  "type": "VARIANT",
1375
1405
  "variantOptions": [
@@ -1454,7 +1484,7 @@ export const privateComponentTopNavigationTitleLeft = {
1454
1484
  "variantOptions": [
1455
1485
  "Avatar",
1456
1486
  "Custom",
1457
- "Cutom Icon"
1487
+ "Custom Icon"
1458
1488
  ]
1459
1489
  }
1460
1490
  }
@@ -1483,6 +1513,9 @@ export const privateComponentUnderlineTextInputInput = {
1483
1513
  "name": "privateComponentUnderlineTextInputInput",
1484
1514
  "key": "a8a39cf124e7b4c3b873429e81b4278639a7031b",
1485
1515
  "componentPropertyDefinitions": {
1516
+ "Show Clear Button#10972:0": {
1517
+ "type": "BOOLEAN"
1518
+ },
1486
1519
  "Value Text#34067:0": {
1487
1520
  "type": "TEXT"
1488
1521
  },
@@ -1492,6 +1525,13 @@ export const privateComponentUnderlineTextInputInput = {
1492
1525
  "Show Cursor (Figma Only)#53584:3": {
1493
1526
  "type": "BOOLEAN"
1494
1527
  },
1528
+ "Size": {
1529
+ "type": "VARIANT",
1530
+ "variantOptions": [
1531
+ "Large",
1532
+ "Medium"
1533
+ ]
1534
+ },
1495
1535
  "Has Value": {
1496
1536
  "type": "VARIANT",
1497
1537
  "variantOptions": [
@@ -1509,12 +1549,16 @@ export const privateComponentUnderlineTextInputInputDisabled = {
1509
1549
  "Value Text#34067:0": {
1510
1550
  "type": "TEXT"
1511
1551
  },
1512
- "Clear Button#34067:1": {
1513
- "type": "BOOLEAN"
1514
- },
1515
1552
  "Placeholder Text#34067:2": {
1516
1553
  "type": "TEXT"
1517
1554
  },
1555
+ "Size": {
1556
+ "type": "VARIANT",
1557
+ "variantOptions": [
1558
+ "Large",
1559
+ "Medium"
1560
+ ]
1561
+ },
1518
1562
  "Has Value": {
1519
1563
  "type": "VARIANT",
1520
1564
  "variantOptions": [
@@ -1532,12 +1576,16 @@ export const privateComponentUnderlineTextInputInputReadOnly = {
1532
1576
  "Value Text#34067:0": {
1533
1577
  "type": "TEXT"
1534
1578
  },
1535
- "Clear Button#34067:1": {
1536
- "type": "BOOLEAN"
1537
- },
1538
1579
  "Placeholder Text#34067:2": {
1539
1580
  "type": "TEXT"
1540
1581
  },
1582
+ "Size": {
1583
+ "type": "VARIANT",
1584
+ "variantOptions": [
1585
+ "Large",
1586
+ "Medium"
1587
+ ]
1588
+ },
1541
1589
  "Has Value": {
1542
1590
  "type": "VARIANT",
1543
1591
  "variantOptions": [
@@ -1555,6 +1603,13 @@ export const privateComponentUnderlineTextInputPrefix = {
1555
1603
  "Icon#34021:2": {
1556
1604
  "type": "INSTANCE_SWAP"
1557
1605
  },
1606
+ "Size": {
1607
+ "type": "VARIANT",
1608
+ "variantOptions": [
1609
+ "Large",
1610
+ "Medium"
1611
+ ]
1612
+ },
1558
1613
  "Type": {
1559
1614
  "type": "VARIANT",
1560
1615
  "variantOptions": [
@@ -1575,6 +1630,13 @@ export const privateComponentUnderlineTextInputSuffix = {
1575
1630
  "Icon#45391:5": {
1576
1631
  "type": "INSTANCE_SWAP"
1577
1632
  },
1633
+ "Size": {
1634
+ "type": "VARIANT",
1635
+ "variantOptions": [
1636
+ "Large",
1637
+ "Medium"
1638
+ ]
1639
+ },
1578
1640
  "Type (Figma Only)": {
1579
1641
  "type": "VARIANT",
1580
1642
  "variantOptions": [
@@ -1663,9 +1725,68 @@ export const componentDeprecatedActionSheet = {
1663
1725
  }
1664
1726
  };
1665
1727
 
1666
- export const templateDeprecatedChipGroup = {
1667
- "name": "templateDeprecatedChipGroup",
1668
- "key": "c6b8406eed754f43da93e17a1887ea331d168bdc",
1728
+ export const componentDeprecatedChip = {
1729
+ "name": "componentDeprecatedChip",
1730
+ "key": "c947a926605cfd181998ddbb46554da84eebaab2",
1731
+ "componentPropertyDefinitions": {
1732
+ "Label#7185:0": {
1733
+ "type": "TEXT"
1734
+ },
1735
+ "Prefix Icon#8722:0": {
1736
+ "type": "INSTANCE_SWAP"
1737
+ },
1738
+ "Suffix Type#32538:0": {
1739
+ "type": "INSTANCE_SWAP"
1740
+ },
1741
+ "Has Suffix#32538:181": {
1742
+ "type": "BOOLEAN"
1743
+ },
1744
+ "Variant": {
1745
+ "type": "VARIANT",
1746
+ "variantOptions": [
1747
+ "Solid",
1748
+ "Outline Strong",
1749
+ "Outline Weak"
1750
+ ]
1751
+ },
1752
+ "Size": {
1753
+ "type": "VARIANT",
1754
+ "variantOptions": [
1755
+ "Large",
1756
+ "Medium",
1757
+ "Small"
1758
+ ]
1759
+ },
1760
+ "Selected": {
1761
+ "type": "VARIANT",
1762
+ "variantOptions": [
1763
+ "False",
1764
+ "True"
1765
+ ]
1766
+ },
1767
+ "State": {
1768
+ "type": "VARIANT",
1769
+ "variantOptions": [
1770
+ "Enabled",
1771
+ "Pressed",
1772
+ "Disabled"
1773
+ ]
1774
+ },
1775
+ "Prefix Type": {
1776
+ "type": "VARIANT",
1777
+ "variantOptions": [
1778
+ "None",
1779
+ "Icon",
1780
+ "Avatar",
1781
+ "Image"
1782
+ ]
1783
+ }
1784
+ }
1785
+ };
1786
+
1787
+ export const componentDeprecatedChipGroup = {
1788
+ "name": "componentDeprecatedChipGroup",
1789
+ "key": "0f2bfd4ee01f2bce58ebd7f4cc9332d0420e50fd",
1669
1790
  "componentPropertyDefinitions": {
1670
1791
  "Refresh Button#15888:2": {
1671
1792
  "type": "BOOLEAN"
@@ -1859,48 +1980,16 @@ export const componentDeprecatedMultilineTextField = {
1859
1980
  "Enabled",
1860
1981
  "Focused",
1861
1982
  "Invalid",
1862
- "Invalid-Focused",
1863
- "Disabled",
1864
- "Read Only"
1865
- ]
1866
- },
1867
- "Filled": {
1868
- "type": "VARIANT",
1869
- "variantOptions": [
1870
- "True",
1871
- "False"
1872
- ]
1873
- }
1874
- }
1875
- };
1876
-
1877
- export const componentDeprecatedRangeSlider = {
1878
- "name": "componentDeprecatedRangeSlider",
1879
- "key": "acd9b25dba649748699d0a67f900857629d62e64",
1880
- "componentPropertyDefinitions": {
1881
- "Steps": {
1882
- "type": "VARIANT",
1883
- "variantOptions": [
1884
- "0",
1885
- "1",
1886
- "2",
1887
- "3",
1888
- "4"
1889
- ]
1890
- },
1891
- "State": {
1892
- "type": "VARIANT",
1893
- "variantOptions": [
1894
- "Enabled",
1895
- "Disabled"
1983
+ "Invalid-Focused",
1984
+ "Disabled",
1985
+ "Read Only"
1896
1986
  ]
1897
1987
  },
1898
- "Marker": {
1988
+ "Filled": {
1899
1989
  "type": "VARIANT",
1900
1990
  "variantOptions": [
1901
- "None",
1902
- "Min Max",
1903
- "All"
1991
+ "True",
1992
+ "False"
1904
1993
  ]
1905
1994
  }
1906
1995
  }
@@ -1968,38 +2057,6 @@ export const componentDeprecatedSelectBoxGroup = {
1968
2057
  }
1969
2058
  };
1970
2059
 
1971
- export const componentDeprecatedSlider = {
1972
- "name": "componentDeprecatedSlider",
1973
- "key": "c103c0a6ec25de57bb41eb820648a467afc5788e",
1974
- "componentPropertyDefinitions": {
1975
- "Steps": {
1976
- "type": "VARIANT",
1977
- "variantOptions": [
1978
- "0",
1979
- "1",
1980
- "2",
1981
- "3",
1982
- "4"
1983
- ]
1984
- },
1985
- "State": {
1986
- "type": "VARIANT",
1987
- "variantOptions": [
1988
- "Enabled",
1989
- "Disabled"
1990
- ]
1991
- },
1992
- "Marker": {
1993
- "type": "VARIANT",
1994
- "variantOptions": [
1995
- "None",
1996
- "Min Max",
1997
- "All"
1998
- ]
1999
- }
2000
- }
2001
- };
2002
-
2003
2060
  export const componentDeprecatedTextField = {
2004
2061
  "name": "componentDeprecatedTextField",
2005
2062
  "key": "5e497fe23421ab30b245b7d7b6624be803cb4d67",
@@ -2128,6 +2185,30 @@ export const componentDerpecatedTopNavigation = {
2128
2185
  }
2129
2186
  };
2130
2187
 
2188
+ export const componentAccordion = {
2189
+ "name": "componentAccordion",
2190
+ "key": "0686a42b92941f42561f73e95ecff0699b86e3a9",
2191
+ "componentPropertyDefinitions": {
2192
+ "Accordion Group#10588:0": {
2193
+ "type": "SLOT"
2194
+ },
2195
+ "Size": {
2196
+ "type": "VARIANT",
2197
+ "variantOptions": [
2198
+ "Medium",
2199
+ "Large (Desktop)"
2200
+ ]
2201
+ },
2202
+ "Variants": {
2203
+ "type": "VARIANT",
2204
+ "variantOptions": [
2205
+ "Inline",
2206
+ "Separated"
2207
+ ]
2208
+ }
2209
+ }
2210
+ };
2211
+
2131
2212
  export const componentActionButton = {
2132
2213
  "name": "componentActionButton",
2133
2214
  "key": "cd70496145efd7f5ffdb5413fb4db8e918561ffa",
@@ -2227,6 +2308,42 @@ export const componentAndroidNowBarScreen = {
2227
2308
  }
2228
2309
  };
2229
2310
 
2311
+ export const componentAttachmentField = {
2312
+ "name": "componentAttachmentField",
2313
+ "key": "7a1711f401793fb33ca9ceb599916a7440ef60b4",
2314
+ "componentPropertyDefinitions": {
2315
+ "Show Header#11576:30": {
2316
+ "type": "BOOLEAN"
2317
+ },
2318
+ "Show Footer#11576:47": {
2319
+ "type": "BOOLEAN"
2320
+ },
2321
+ "Type": {
2322
+ "type": "VARIANT",
2323
+ "variantOptions": [
2324
+ "Media",
2325
+ "File"
2326
+ ]
2327
+ },
2328
+ "State": {
2329
+ "type": "VARIANT",
2330
+ "variantOptions": [
2331
+ "Enabled",
2332
+ "Error",
2333
+ "Disabled",
2334
+ "Read Only"
2335
+ ]
2336
+ },
2337
+ "Has Value": {
2338
+ "type": "VARIANT",
2339
+ "variantOptions": [
2340
+ "False",
2341
+ "True"
2342
+ ]
2343
+ }
2344
+ }
2345
+ };
2346
+
2230
2347
  export const componentAvatar = {
2231
2348
  "name": "componentAvatar",
2232
2349
  "key": "f17031afc2c71f35e5a147f6937a2b918029d334",
@@ -2261,9 +2378,9 @@ export const componentAvatar = {
2261
2378
  }
2262
2379
  };
2263
2380
 
2264
- export const templateAvatarPreset = {
2265
- "name": "templateAvatarPreset",
2266
- "key": "42eefce6a1ab0d45780d2be5346d8ec5f6bace6e",
2381
+ export const componentAvatarPreset = {
2382
+ "name": "componentAvatarPreset",
2383
+ "key": "539a0546169fb966bed1b07aa98db4b070206fc1",
2267
2384
  "componentPropertyDefinitions": {
2268
2385
  "Image": {
2269
2386
  "type": "VARIANT",
@@ -2434,9 +2551,9 @@ export const componentBottomSheet = {
2434
2551
  }
2435
2552
  };
2436
2553
 
2437
- export const templateButtonGroup = {
2438
- "name": "templateButtonGroup",
2439
- "key": "c36b74a90e2321ac498f59ed8bf9ce4b365a5547",
2554
+ export const componentButtonGroup = {
2555
+ "name": "componentButtonGroup",
2556
+ "key": "2acf5a3240876b2b82e3e42f267856b8582c07f6",
2440
2557
  "componentPropertyDefinitions": {
2441
2558
  "Size": {
2442
2559
  "type": "VARIANT",
@@ -2588,10 +2705,13 @@ export const componentCheckbox = {
2588
2705
  }
2589
2706
  };
2590
2707
 
2591
- export const templateCheckboxField = {
2592
- "name": "templateCheckboxField",
2593
- "key": "214dd0fc8a3c5bc1e0c90cce29936f1ec6a26c3c",
2708
+ export const componentCheckboxField = {
2709
+ "name": "componentCheckboxField",
2710
+ "key": "c157db7fe8d812716f2ed3f520b8bacfb9fb8416",
2594
2711
  "componentPropertyDefinitions": {
2712
+ "Checkbox Group#12261:0": {
2713
+ "type": "SLOT"
2714
+ },
2595
2715
  "Show Header#40606:8": {
2596
2716
  "type": "BOOLEAN"
2597
2717
  },
@@ -2656,27 +2776,34 @@ export const componentCheckmark = {
2656
2776
 
2657
2777
  export const componentChip = {
2658
2778
  "name": "componentChip",
2659
- "key": "c947a926605cfd181998ddbb46554da84eebaab2",
2779
+ "key": "f23dfd7f48dd6fc6fbbdae95a091fd7a06a942e1",
2660
2780
  "componentPropertyDefinitions": {
2661
- "Label#7185:0": {
2662
- "type": "TEXT"
2781
+ "Has Prefix#9822:0": {
2782
+ "type": "BOOLEAN"
2663
2783
  },
2664
- "Prefix Icon#8722:0": {
2784
+ "Prefix Type#9965:0": {
2665
2785
  "type": "INSTANCE_SWAP"
2666
2786
  },
2667
- "Suffix Type#32538:0": {
2787
+ "Suffix Type#9965:109": {
2668
2788
  "type": "INSTANCE_SWAP"
2669
2789
  },
2670
- "Has Suffix#32538:181": {
2790
+ "Suffix Type Small#9981:218": {
2791
+ "type": "INSTANCE_SWAP"
2792
+ },
2793
+ "Prefix Type Small#9981:327": {
2794
+ "type": "INSTANCE_SWAP"
2795
+ },
2796
+ "Icon#10111:0": {
2797
+ "type": "INSTANCE_SWAP"
2798
+ },
2799
+ "Has Notification#10111:109": {
2671
2800
  "type": "BOOLEAN"
2672
2801
  },
2673
- "Variant": {
2674
- "type": "VARIANT",
2675
- "variantOptions": [
2676
- "Solid",
2677
- "Outline Strong",
2678
- "Outline Weak"
2679
- ]
2802
+ "Label#12217:0": {
2803
+ "type": "TEXT"
2804
+ },
2805
+ "Has Suffix#32538:181": {
2806
+ "type": "BOOLEAN"
2680
2807
  },
2681
2808
  "Size": {
2682
2809
  "type": "VARIANT",
@@ -2686,6 +2813,21 @@ export const componentChip = {
2686
2813
  "Small"
2687
2814
  ]
2688
2815
  },
2816
+ "Layout": {
2817
+ "type": "VARIANT",
2818
+ "variantOptions": [
2819
+ "With Text",
2820
+ "Icon Only"
2821
+ ]
2822
+ },
2823
+ "Variant": {
2824
+ "type": "VARIANT",
2825
+ "variantOptions": [
2826
+ "Solid",
2827
+ "Outline Strong",
2828
+ "Outline Weak"
2829
+ ]
2830
+ },
2689
2831
  "Selected": {
2690
2832
  "type": "VARIANT",
2691
2833
  "variantOptions": [
@@ -2700,23 +2842,17 @@ export const componentChip = {
2700
2842
  "Pressed",
2701
2843
  "Disabled"
2702
2844
  ]
2703
- },
2704
- "Prefix Type": {
2705
- "type": "VARIANT",
2706
- "variantOptions": [
2707
- "None",
2708
- "Icon",
2709
- "Avatar",
2710
- "Image"
2711
- ]
2712
2845
  }
2713
2846
  }
2714
2847
  };
2715
2848
 
2716
- export const templateChipGroup = {
2717
- "name": "templateChipGroup",
2718
- "key": "cb2a0fa6e04cf2099baeced91ee74f9d93d36069",
2849
+ export const componentChipGroup = {
2850
+ "name": "componentChipGroup",
2851
+ "key": "dbef4539572f056c6a90c332299d9b9febd212de",
2719
2852
  "componentPropertyDefinitions": {
2853
+ "Chip Group#12261:62": {
2854
+ "type": "SLOT"
2855
+ },
2720
2856
  "Variant": {
2721
2857
  "type": "VARIANT",
2722
2858
  "variantOptions": [
@@ -2797,9 +2933,9 @@ export const componentContextualFloatingButton = {
2797
2933
  }
2798
2934
  };
2799
2935
 
2800
- export const templateDisclaimer = {
2801
- "name": "templateDisclaimer",
2802
- "key": "c56cb5f18959ad92f6638b588e8d248335dcc03b",
2936
+ export const componentDisclaimer = {
2937
+ "name": "componentDisclaimer",
2938
+ "key": "9532514879fc59d5b221b8cc4b85a569ed15d265",
2803
2939
  "componentPropertyDefinitions": {
2804
2940
  "Show Title#54910:2": {
2805
2941
  "type": "BOOLEAN"
@@ -2860,9 +2996,9 @@ export const componentEditorToolbarFigmaOnly = {
2860
2996
  }
2861
2997
  };
2862
2998
 
2863
- export const templateFieldButton = {
2864
- "name": "templateFieldButton",
2865
- "key": "e706abd7be0d1a2ea0aeeb656b47d3b03aa5cda8",
2999
+ export const componentFieldButton = {
3000
+ "name": "componentFieldButton",
3001
+ "key": "a9f6a5ee2d52881b87e22ef1a18fac67e92558f4",
2866
3002
  "componentPropertyDefinitions": {
2867
3003
  "Show Header#40606:8": {
2868
3004
  "type": "BOOLEAN"
@@ -2870,6 +3006,13 @@ export const templateFieldButton = {
2870
3006
  "Show Footer#40606:9": {
2871
3007
  "type": "BOOLEAN"
2872
3008
  },
3009
+ "Size": {
3010
+ "type": "VARIANT",
3011
+ "variantOptions": [
3012
+ "Large",
3013
+ "Medium (Desktop Only)"
3014
+ ]
3015
+ },
2873
3016
  "State": {
2874
3017
  "type": "VARIANT",
2875
3018
  "variantOptions": [
@@ -3010,8 +3153,8 @@ export const componentImageFrame = {
3010
3153
  }
3011
3154
  };
3012
3155
 
3013
- export const componentIOsLiveAcitivityScreen = {
3014
- "name": "componentIOsLiveAcitivityScreen",
3156
+ export const componentIOsLiveActivityScreen = {
3157
+ "name": "componentIOsLiveActivityScreen",
3015
3158
  "key": "3d7ff6cf68e769096237bcc0122be08caf8b6ce4",
3016
3159
  "componentPropertyDefinitions": {
3017
3160
  "Type": {
@@ -3122,11 +3265,11 @@ export const componentListItem = {
3122
3265
  "Disabled"
3123
3266
  ]
3124
3267
  },
3125
- "Variants": {
3268
+ "Align": {
3126
3269
  "type": "VARIANT",
3127
3270
  "variantOptions": [
3128
- "Single Line",
3129
- "Multi Line"
3271
+ "Center",
3272
+ "Top"
3130
3273
  ]
3131
3274
  },
3132
3275
  "Highlighted": {
@@ -3237,6 +3380,38 @@ export const componentMenuSheet = {
3237
3380
  }
3238
3381
  };
3239
3382
 
3383
+ export const componentMultilineTextField = {
3384
+ "name": "componentMultilineTextField",
3385
+ "key": "e1b7b5bfa5ff6a633cecc5110b958520a9e79ddf",
3386
+ "componentPropertyDefinitions": {
3387
+ "Show Header#11576:0": {
3388
+ "type": "BOOLEAN"
3389
+ },
3390
+ "Show Footer#11576:15": {
3391
+ "type": "BOOLEAN"
3392
+ },
3393
+ "Size": {
3394
+ "type": "VARIANT",
3395
+ "variantOptions": [
3396
+ "Large",
3397
+ "Medium (Desktop Only)"
3398
+ ]
3399
+ },
3400
+ "State": {
3401
+ "type": "VARIANT",
3402
+ "variantOptions": [
3403
+ "AI Loading (Figma Only)",
3404
+ "Disabled",
3405
+ "Read Only",
3406
+ "Error Focused",
3407
+ "Error",
3408
+ "Focused",
3409
+ "Enabled"
3410
+ ]
3411
+ }
3412
+ }
3413
+ };
3414
+
3240
3415
  export const componentOsBottomIndicatorFigmaOnly = {
3241
3416
  "name": "componentOsBottomIndicatorFigmaOnly",
3242
3417
  "key": "291fcfece0247fd59a6ef14312347267523a5152",
@@ -3435,10 +3610,13 @@ export const componentRadio = {
3435
3610
  }
3436
3611
  };
3437
3612
 
3438
- export const templateRadioField = {
3439
- "name": "templateRadioField",
3440
- "key": "a3f159c223e3a0888fc48098c1580793297f82e9",
3613
+ export const componentRadioField = {
3614
+ "name": "componentRadioField",
3615
+ "key": "7a1c06315434813d0c4256366e2f478954cd6f14",
3441
3616
  "componentPropertyDefinitions": {
3617
+ "Radio Group#12285:87": {
3618
+ "type": "SLOT"
3619
+ },
3442
3620
  "Show Header#40606:8": {
3443
3621
  "type": "BOOLEAN"
3444
3622
  },
@@ -3678,9 +3856,9 @@ export const componentSegmentedControl = {
3678
3856
  }
3679
3857
  };
3680
3858
 
3681
- export const templateSelectBoxField = {
3682
- "name": "templateSelectBoxField",
3683
- "key": "cddac54129eed15830319d1e30480f42ea80d4d3",
3859
+ export const componentSelectBoxField = {
3860
+ "name": "componentSelectBoxField",
3861
+ "key": "a4202b1d4bbb185f25f937dd6a71cfc580e58cb5",
3684
3862
  "componentPropertyDefinitions": {
3685
3863
  "Show Header#40606:8": {
3686
3864
  "type": "BOOLEAN"
@@ -3704,6 +3882,9 @@ export const componentSelectBoxGroup = {
3704
3882
  "name": "componentSelectBoxGroup",
3705
3883
  "key": "cbf6ddeb6d6f889e983399291ec8b60ee3390177",
3706
3884
  "componentPropertyDefinitions": {
3885
+ "Select Box Group#12285:92": {
3886
+ "type": "SLOT"
3887
+ },
3707
3888
  "Column": {
3708
3889
  "type": "VARIANT",
3709
3890
  "variantOptions": [
@@ -3811,9 +3992,9 @@ export const componentSkeleton = {
3811
3992
  }
3812
3993
  };
3813
3994
 
3814
- export const templateSkeletonPreset = {
3815
- "name": "templateSkeletonPreset",
3816
- "key": "6ef44f7c25caf577c58486f7dd9a6d2dbccdbae2",
3995
+ export const componentSkeletonPreset = {
3996
+ "name": "componentSkeletonPreset",
3997
+ "key": "f59d479beaf5d5d73da2ff8984778a40dd2e65bd",
3817
3998
  "componentPropertyDefinitions": {
3818
3999
  "Preset (Figma-Only)": {
3819
4000
  "type": "VARIANT",
@@ -3861,9 +4042,9 @@ export const componentSlider = {
3861
4042
  }
3862
4043
  };
3863
4044
 
3864
- export const templateSliderField = {
3865
- "name": "templateSliderField",
3866
- "key": "28779a6663ce9d43b08050f128a925513e36a2e6",
4045
+ export const componentSliderField = {
4046
+ "name": "componentSliderField",
4047
+ "key": "a0d06d2084b3ab2d0dc4a9dc23fa3500043dddc4",
3867
4048
  "componentPropertyDefinitions": {
3868
4049
  "Show Header#40606:8": {
3869
4050
  "type": "BOOLEAN"
@@ -4046,9 +4227,9 @@ export const componentTagGroup = {
4046
4227
  }
4047
4228
  };
4048
4229
 
4049
- export const templateTextField = {
4050
- "name": "templateTextField",
4051
- "key": "d23c5e730ba19fe6ba3c376a5abbf3df7a54672e",
4230
+ export const componentTextField = {
4231
+ "name": "componentTextField",
4232
+ "key": "8b134244cb1038a13e6365aa9664a3fcb8b7e352",
4052
4233
  "componentPropertyDefinitions": {
4053
4234
  "Show Header#40606:8": {
4054
4235
  "type": "BOOLEAN"
@@ -4056,6 +4237,13 @@ export const templateTextField = {
4056
4237
  "Show Footer#40606:9": {
4057
4238
  "type": "BOOLEAN"
4058
4239
  },
4240
+ "Size": {
4241
+ "type": "VARIANT",
4242
+ "variantOptions": [
4243
+ "Large",
4244
+ "Medium (Desktop Only)"
4245
+ ]
4246
+ },
4059
4247
  "Variant": {
4060
4248
  "type": "VARIANT",
4061
4249
  "variantOptions": [
@@ -4078,25 +4266,6 @@ export const templateTextField = {
4078
4266
  }
4079
4267
  };
4080
4268
 
4081
- export const templateTextareaField = {
4082
- "name": "templateTextareaField",
4083
- "key": "1e0375ed8a5dc490008d6e0dcc20b812b6e39114",
4084
- "componentPropertyDefinitions": {
4085
- "State": {
4086
- "type": "VARIANT",
4087
- "variantOptions": [
4088
- "AI Loading (Figma Only)",
4089
- "Disabled",
4090
- "Read Only",
4091
- "Error Focused",
4092
- "Error",
4093
- "Focused",
4094
- "Enabled"
4095
- ]
4096
- }
4097
- }
4098
- };
4099
-
4100
4269
  export const componentToggleButton = {
4101
4270
  "name": "componentToggleButton",
4102
4271
  "key": "eb1eac49eb281c1029e659821f4091619d0b74e4",
@@ -4192,9 +4361,9 @@ export const componentTopNavigation = {
4192
4361
  }
4193
4362
  };
4194
4363
 
4195
- export const templateTopNavigationPreset = {
4196
- "name": "templateTopNavigationPreset",
4197
- "key": "392ae70c701b8f657d3114498801c5672decc547",
4364
+ export const componentTopNavigationPreset = {
4365
+ "name": "componentTopNavigationPreset",
4366
+ "key": "0dd628c49a9e02b1a5f3208a0b870b567cff59a7",
4198
4367
  "componentPropertyDefinitions": {
4199
4368
  "Action Button#17406:0": {
4200
4369
  "type": "BOOLEAN"
@@ -4235,6 +4404,41 @@ export const componentUserSelectionFigmaOnly = {
4235
4404
  }
4236
4405
  };
4237
4406
 
4407
+ export const componentAttachmentInput = {
4408
+ "name": "componentAttachmentInput",
4409
+ "key": "912d312b7a25ab698708e196a7d3f2f91d2bd2f5",
4410
+ "componentPropertyDefinitions": {
4411
+ "Type": {
4412
+ "type": "VARIANT",
4413
+ "variantOptions": [
4414
+ "Media",
4415
+ "File"
4416
+ ]
4417
+ },
4418
+ "Trigger Type": {
4419
+ "type": "VARIANT",
4420
+ "variantOptions": [
4421
+ "Button",
4422
+ "Dropzone"
4423
+ ]
4424
+ },
4425
+ "State": {
4426
+ "type": "VARIANT",
4427
+ "variantOptions": [
4428
+ "Enabled",
4429
+ "Disabled"
4430
+ ]
4431
+ },
4432
+ "Has Value": {
4433
+ "type": "VARIANT",
4434
+ "variantOptions": [
4435
+ "False",
4436
+ "True"
4437
+ ]
4438
+ }
4439
+ }
4440
+ };
4441
+
4238
4442
  export const componentFieldFooter = {
4239
4443
  "name": "componentFieldFooter",
4240
4444
  "key": "a2e73c375b787756a11e84c5915f8251c621ee3a",
@@ -4279,6 +4483,13 @@ export const componentFieldHeader = {
4279
4483
  "Has Suffix#34796:2": {
4280
4484
  "type": "BOOLEAN"
4281
4485
  },
4486
+ "Size": {
4487
+ "type": "VARIANT",
4488
+ "variantOptions": [
4489
+ "Large",
4490
+ "Medium (Desktop Only)"
4491
+ ]
4492
+ },
4282
4493
  "Weight": {
4283
4494
  "type": "VARIANT",
4284
4495
  "variantOptions": [
@@ -4299,15 +4510,22 @@ export const componentInputButton = {
4299
4510
  "Has Suffix#32865:68": {
4300
4511
  "type": "BOOLEAN"
4301
4512
  },
4513
+ "Size": {
4514
+ "type": "VARIANT",
4515
+ "variantOptions": [
4516
+ "Large",
4517
+ "Medium (Desktop Only)"
4518
+ ]
4519
+ },
4302
4520
  "State": {
4303
4521
  "type": "VARIANT",
4304
4522
  "variantOptions": [
4305
4523
  "Enabled",
4524
+ "Pressed",
4306
4525
  "Error",
4526
+ "Error Pressed",
4307
4527
  "Disabled",
4308
- "Read Only",
4309
- "Pressed",
4310
- "Error Pressed"
4528
+ "Read Only"
4311
4529
  ]
4312
4530
  }
4313
4531
  }
@@ -4326,6 +4544,13 @@ export const componentTextInput = {
4326
4544
  "Has Suffix#32865:68": {
4327
4545
  "type": "BOOLEAN"
4328
4546
  },
4547
+ "Size": {
4548
+ "type": "VARIANT",
4549
+ "variantOptions": [
4550
+ "Large",
4551
+ "Medium (Desktop Only)"
4552
+ ]
4553
+ },
4329
4554
  "State": {
4330
4555
  "type": "VARIANT",
4331
4556
  "variantOptions": [
@@ -4345,6 +4570,13 @@ export const componentTextarea = {
4345
4570
  "name": "componentTextarea",
4346
4571
  "key": "e20ec5b725e0fdbaca728cecdc72b0c485728b4d",
4347
4572
  "componentPropertyDefinitions": {
4573
+ "Size": {
4574
+ "type": "VARIANT",
4575
+ "variantOptions": [
4576
+ "Large",
4577
+ "Medium (Desktop Only)"
4578
+ ]
4579
+ },
4348
4580
  "Auto Size (Figma Only)": {
4349
4581
  "type": "VARIANT",
4350
4582
  "variantOptions": [
@@ -4388,6 +4620,13 @@ export const componentUnderlineTextInput = {
4388
4620
  "Read Only",
4389
4621
  "AI Loading (Figma Only)"
4390
4622
  ]
4623
+ },
4624
+ "Size": {
4625
+ "type": "VARIANT",
4626
+ "variantOptions": [
4627
+ "Medium (Desktop Only)",
4628
+ "Large"
4629
+ ]
4391
4630
  }
4392
4631
  }
4393
4632
  };
@@ -4418,7 +4657,7 @@ export const componentActionButtonGhostButton = {
4418
4657
  "Size": {
4419
4658
  "type": "VARIANT",
4420
4659
  "variantOptions": [
4421
- "Xsmall",
4660
+ "XSmall",
4422
4661
  "Small",
4423
4662
  "Medium",
4424
4663
  "Large"