@seed-design/figma 1.1.0 → 1.1.3

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 +663 -256
  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 +1155 -542
  6. package/lib/codegen/targets/react/index.d.ts.map +1 -1
  7. package/lib/codegen/targets/react/index.js +1155 -542
  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 +496 -103
  12. package/src/codegen/targets/react/component/handlers/bottom-sheet.ts +2 -3
  13. package/src/codegen/targets/react/component/handlers/error-state.ts +18 -6
  14. package/src/codegen/targets/react/component/handlers/field-button.ts +197 -0
  15. package/src/codegen/targets/react/component/handlers/field.ts +167 -0
  16. package/src/codegen/targets/react/component/handlers/legacy-text-field.ts +196 -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 +48 -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
@@ -676,62 +676,6 @@ function createValueResolver({ variableService, variableNameFormatter, styleServ
676
676
  }
677
677
 
678
678
  const FIGMA_STYLES = [
679
- {
680
- "styleType": "FILL",
681
- "key": "c1cee6b89c357c6a12d020654d73a4490cafdf51",
682
- "name": "gradient/fade/layer-default/←(to-left)",
683
- "description": "스크롤이 가능하도록 그라디언트로 특정 영역을 덮는 요소로 사용해요.",
684
- "remote": false
685
- },
686
- {
687
- "styleType": "FILL",
688
- "key": "ff436e73cf9477a1006e6f8a1f9d2c9dbe0e5edd",
689
- "name": "gradient/fade/layer-default/→(to-right)",
690
- "description": "스크롤이 가능하도록 그라디언트로 특정 영역을 덮는 요소로 사용해요.",
691
- "remote": false
692
- },
693
- {
694
- "styleType": "FILL",
695
- "key": "826457503b7ee3d472eab91581b1fcd499c47c00",
696
- "name": "gradient/fade/layer-default/↑(to-top)",
697
- "description": "스크롤이 가능하도록 그라디언트로 특정 영역을 덮는 요소로 사용해요.",
698
- "remote": false
699
- },
700
- {
701
- "styleType": "FILL",
702
- "key": "408cb970f1de672217f452152b0398a4bb4f4e12",
703
- "name": "gradient/fade/layer-default/↓(to-bottom)",
704
- "description": "스크롤이 가능하도록 그라디언트로 특정 영역을 덮는 요소로 사용해요.",
705
- "remote": false
706
- },
707
- {
708
- "styleType": "FILL",
709
- "key": "df22450a8f8e9c323baf40d8981920d1b6376cbf",
710
- "name": "gradient/fade/layer-floating/←(to-left)",
711
- "description": "스크롤이 가능하도록 그라디언트로 특정 영역을 덮는 요소로 사용해요.",
712
- "remote": false
713
- },
714
- {
715
- "styleType": "FILL",
716
- "key": "063c0dc05b438ac36499492e783520a722782d74",
717
- "name": "gradient/fade/layer-floating/→(to-right)",
718
- "description": "스크롤이 가능하도록 그라디언트로 특정 영역을 덮는 요소로 사용해요.",
719
- "remote": false
720
- },
721
- {
722
- "styleType": "FILL",
723
- "key": "46186d7dd037e8e54983ee6677cf7915790d84cc",
724
- "name": "gradient/fade/layer-floating/↑(to-top)",
725
- "description": "스크롤이 가능하도록 그라디언트로 특정 영역을 덮는 요소로 사용해요.",
726
- "remote": false
727
- },
728
- {
729
- "styleType": "FILL",
730
- "key": "b28d9c9adc816fdd4ecec3a0b3e25d8aec802b6a",
731
- "name": "gradient/fade/layer-floating/↓(to-bottom)",
732
- "description": "스크롤이 가능하도록 그라디언트로 특정 영역을 덮는 요소로 사용해요.",
733
- "remote": false
734
- },
735
679
  {
736
680
  "styleType": "FILL",
737
681
  "key": "353baa82e0440385eb121cd0ae98d2fcb1a70b18",
@@ -1022,10 +966,10 @@ const FIGMA_VARIABLE_COLLECTIONS = {
1022
966
  "VariableID:238:17662",
1023
967
  "VariableID:17544:4057",
1024
968
  "VariableID:1:171",
1025
- "VariableID:41186:6437",
1026
969
  "VariableID:670:2700",
1027
- "VariableID:1:158",
970
+ "VariableID:41186:6437",
1028
971
  "VariableID:1:172",
972
+ "VariableID:1:158",
1029
973
  "VariableID:1:161",
1030
974
  "VariableID:1:159",
1031
975
  "VariableID:576:22878",
@@ -1073,8 +1017,8 @@ const FIGMA_VARIABLE_COLLECTIONS = {
1073
1017
  "VariableID:12479:23364",
1074
1018
  "VariableID:12479:23365",
1075
1019
  "VariableID:12479:23366",
1076
- "VariableID:1:7",
1077
1020
  "VariableID:12548:1437",
1021
+ "VariableID:1:7",
1078
1022
  "VariableID:12479:23367",
1079
1023
  "VariableID:12479:23368",
1080
1024
  "VariableID:12479:23371",
@@ -1209,14 +1153,12 @@ const FIGMA_VARIABLE_COLLECTIONS = {
1209
1153
  "VariableID:10181:34417",
1210
1154
  "VariableID:1:168",
1211
1155
  "VariableID:29913:8440",
1212
- "VariableID:29917:289",
1213
1156
  "VariableID:29917:362",
1214
- "VariableID:30009:40284",
1215
1157
  "VariableID:29917:5084",
1158
+ "VariableID:30009:40284",
1216
1159
  "VariableID:30009:40393",
1217
1160
  "VariableID:30021:1313",
1218
1161
  "VariableID:30023:1876",
1219
- "VariableID:30023:1877",
1220
1162
  "VariableID:30023:3032",
1221
1163
  "VariableID:30023:1878",
1222
1164
  "VariableID:30023:3347",
@@ -1237,7 +1179,12 @@ const FIGMA_VARIABLE_COLLECTIONS = {
1237
1179
  "VariableID:43290:12820",
1238
1180
  "VariableID:43290:12822",
1239
1181
  "VariableID:43290:12823",
1240
- "VariableID:43290:12824"
1182
+ "VariableID:43290:12824",
1183
+ "VariableID:49497:1643",
1184
+ "VariableID:49497:1644",
1185
+ "VariableID:49495:1861",
1186
+ "VariableID:49497:1645",
1187
+ "VariableID:49497:1646"
1241
1188
  ]
1242
1189
  },
1243
1190
  "VariableCollectionId:1:174": {
@@ -1363,9 +1310,9 @@ const FIGMA_VARIABLE_COLLECTIONS = {
1363
1310
  "VariableID:289:13772",
1364
1311
  "VariableID:1886:93038",
1365
1312
  "VariableID:289:13773",
1313
+ "VariableID:796:4448",
1366
1314
  "VariableID:15518:15916",
1367
1315
  "VariableID:19225:68732",
1368
- "VariableID:796:4448",
1369
1316
  "VariableID:17955:50606",
1370
1317
  "VariableID:514:13178",
1371
1318
  "VariableID:535:1747",
@@ -1456,6 +1403,136 @@ const FIGMA_VARIABLES = {
1456
1403
  ],
1457
1404
  "codeSyntax": {}
1458
1405
  },
1406
+ "VariableID:49495:1861": {
1407
+ "name": "_scroll-fog",
1408
+ "id": "VariableID:49495:1861",
1409
+ "remote": false,
1410
+ "key": "12f1d88d590090e396c9b283bb51d4e89d9016d2",
1411
+ "variableCollectionId": "VariableCollectionId:1:3",
1412
+ "resolvedType": "COLOR",
1413
+ "description": "",
1414
+ "hiddenFromPublishing": false,
1415
+ "valuesByMode": {
1416
+ "1928:7": {
1417
+ "type": "VARIABLE_ALIAS",
1418
+ "id": "VariableID:29453:35711"
1419
+ },
1420
+ "1928:8": {
1421
+ "r": 1,
1422
+ "g": 1,
1423
+ "b": 1,
1424
+ "a": 1
1425
+ }
1426
+ },
1427
+ "scopes": [
1428
+ "ALL_SCOPES"
1429
+ ],
1430
+ "codeSyntax": {}
1431
+ },
1432
+ "VariableID:49497:1643": {
1433
+ "name": "_scroll-fog/layer-default/0",
1434
+ "id": "VariableID:49497:1643",
1435
+ "remote": false,
1436
+ "key": "fae00f7e2fc2ee7cd4bef58de19f468255ca4c5c",
1437
+ "variableCollectionId": "VariableCollectionId:1:3",
1438
+ "resolvedType": "COLOR",
1439
+ "description": "",
1440
+ "hiddenFromPublishing": false,
1441
+ "valuesByMode": {
1442
+ "1928:7": {
1443
+ "type": "VARIABLE_ALIAS",
1444
+ "id": "VariableID:1:155"
1445
+ },
1446
+ "1928:8": {
1447
+ "type": "VARIABLE_ALIAS",
1448
+ "id": "VariableID:1:155"
1449
+ }
1450
+ },
1451
+ "scopes": [
1452
+ "ALL_SCOPES"
1453
+ ],
1454
+ "codeSyntax": {}
1455
+ },
1456
+ "VariableID:49497:1644": {
1457
+ "name": "_scroll-fog/layer-default/1",
1458
+ "id": "VariableID:49497:1644",
1459
+ "remote": false,
1460
+ "key": "fac0ada2e11c8d54997dce0fc72a723fce514a9f",
1461
+ "variableCollectionId": "VariableCollectionId:1:3",
1462
+ "resolvedType": "COLOR",
1463
+ "description": "",
1464
+ "hiddenFromPublishing": false,
1465
+ "valuesByMode": {
1466
+ "1928:7": {
1467
+ "r": 1,
1468
+ "g": 1,
1469
+ "b": 1,
1470
+ "a": 0
1471
+ },
1472
+ "1928:8": {
1473
+ "r": 0.08627451211214066,
1474
+ "g": 0.09019608050584793,
1475
+ "b": 0.10588235408067703,
1476
+ "a": 0
1477
+ }
1478
+ },
1479
+ "scopes": [
1480
+ "ALL_SCOPES"
1481
+ ],
1482
+ "codeSyntax": {}
1483
+ },
1484
+ "VariableID:49497:1645": {
1485
+ "name": "_scroll-fog/layer-floating/0",
1486
+ "id": "VariableID:49497:1645",
1487
+ "remote": false,
1488
+ "key": "334d485b6f54e6ed8dce767cd150b578f4323ad3",
1489
+ "variableCollectionId": "VariableCollectionId:1:3",
1490
+ "resolvedType": "COLOR",
1491
+ "description": "",
1492
+ "hiddenFromPublishing": false,
1493
+ "valuesByMode": {
1494
+ "1928:7": {
1495
+ "type": "VARIABLE_ALIAS",
1496
+ "id": "VariableID:238:17662"
1497
+ },
1498
+ "1928:8": {
1499
+ "type": "VARIABLE_ALIAS",
1500
+ "id": "VariableID:238:17662"
1501
+ }
1502
+ },
1503
+ "scopes": [
1504
+ "ALL_SCOPES"
1505
+ ],
1506
+ "codeSyntax": {}
1507
+ },
1508
+ "VariableID:49497:1646": {
1509
+ "name": "_scroll-fog/layer-floating/1",
1510
+ "id": "VariableID:49497:1646",
1511
+ "remote": false,
1512
+ "key": "3259bea6c3999bc3ad72999fd3123648544bd002",
1513
+ "variableCollectionId": "VariableCollectionId:1:3",
1514
+ "resolvedType": "COLOR",
1515
+ "description": "",
1516
+ "hiddenFromPublishing": false,
1517
+ "valuesByMode": {
1518
+ "1928:7": {
1519
+ "r": 1,
1520
+ "g": 1,
1521
+ "b": 1,
1522
+ "a": 0
1523
+ },
1524
+ "1928:8": {
1525
+ "r": 0.11555555462837219,
1526
+ "g": 0.12638889253139496,
1527
+ "b": 0.14444443583488464,
1528
+ "a": 0
1529
+ }
1530
+ },
1531
+ "scopes": [
1532
+ "ALL_SCOPES"
1533
+ ],
1534
+ "codeSyntax": {}
1535
+ },
1459
1536
  "VariableID:1:151": {
1460
1537
  "name": "bg/brand-solid",
1461
1538
  "id": "VariableID:1:151",
@@ -8207,11 +8284,39 @@ const templateCompletion = {
8207
8284
  }
8208
8285
  }
8209
8286
  };
8287
+ const templateCustomPickerField = {
8288
+ "name": "templateCustomPickerField",
8289
+ "key": "91d73dfc297a467d78dc91ade6ff9be9a152619e",
8290
+ "componentPropertyDefinitions": {
8291
+ "Show Header#40606:8": {
8292
+ "type": "BOOLEAN"
8293
+ },
8294
+ "Show Footer#40606:9": {
8295
+ "type": "BOOLEAN"
8296
+ },
8297
+ "State": {
8298
+ "type": "VARIANT",
8299
+ "variantOptions": [
8300
+ "Default",
8301
+ "Error",
8302
+ "Disabled",
8303
+ "Read Only"
8304
+ ]
8305
+ },
8306
+ "Has Value": {
8307
+ "type": "VARIANT",
8308
+ "variantOptions": [
8309
+ "False",
8310
+ "True"
8311
+ ]
8312
+ }
8313
+ }
8314
+ };
8210
8315
  const templateErrorState = {
8211
8316
  "name": "templateErrorState",
8212
8317
  "key": "39b4ecd0b5b4d35f4dc5791765ca04aa062a5172",
8213
8318
  "componentPropertyDefinitions": {
8214
- "Show Buttons#9080:5": {
8319
+ "Show Action Button#9080:5": {
8215
8320
  "type": "BOOLEAN"
8216
8321
  },
8217
8322
  "Title#16237:0": {
@@ -8220,9 +8325,6 @@ const templateErrorState = {
8220
8325
  "Description#16237:5": {
8221
8326
  "type": "TEXT"
8222
8327
  },
8223
- "Secondary Action Label#17042:0": {
8224
- "type": "TEXT"
8225
- },
8226
8328
  "Variant": {
8227
8329
  "type": "VARIANT",
8228
8330
  "variantOptions": [
@@ -8263,6 +8365,83 @@ const templateSelectBoxGroup = {
8263
8365
  }
8264
8366
  }
8265
8367
  };
8368
+ const templateSliderField = {
8369
+ "name": "templateSliderField",
8370
+ "key": "7d2b449bcfb28ebf3c509ed76a141511f7d955eb",
8371
+ "componentPropertyDefinitions": {
8372
+ "Show Header#40606:8": {
8373
+ "type": "BOOLEAN"
8374
+ },
8375
+ "Show Footer#40606:9": {
8376
+ "type": "BOOLEAN"
8377
+ },
8378
+ "State": {
8379
+ "type": "VARIANT",
8380
+ "variantOptions": [
8381
+ "Default",
8382
+ "Error",
8383
+ "Disabled",
8384
+ "Read Only",
8385
+ "Pressed"
8386
+ ]
8387
+ }
8388
+ }
8389
+ };
8390
+ const templateTextField = {
8391
+ "name": "templateTextField",
8392
+ "key": "0a83a0ff9d18d98a14536b21aa5411622f9f0c05",
8393
+ "componentPropertyDefinitions": {
8394
+ "Show Header#40606:8": {
8395
+ "type": "BOOLEAN"
8396
+ },
8397
+ "Show Footer#40606:9": {
8398
+ "type": "BOOLEAN"
8399
+ },
8400
+ "Variant": {
8401
+ "type": "VARIANT",
8402
+ "variantOptions": [
8403
+ "Outline",
8404
+ "Underline"
8405
+ ]
8406
+ },
8407
+ "State": {
8408
+ "type": "VARIANT",
8409
+ "variantOptions": [
8410
+ "Default",
8411
+ "Focused",
8412
+ "Error",
8413
+ "Error Focused",
8414
+ "Disabled",
8415
+ "Read Only",
8416
+ "AI Loading (Figma Only)"
8417
+ ]
8418
+ }
8419
+ }
8420
+ };
8421
+ const templateTextareaField = {
8422
+ "name": "templateTextareaField",
8423
+ "key": "cdc688eccd78b947289e8089a620bdc494f6c809",
8424
+ "componentPropertyDefinitions": {
8425
+ "Show Header#40606:8": {
8426
+ "type": "BOOLEAN"
8427
+ },
8428
+ "Show Footer#40606:9": {
8429
+ "type": "BOOLEAN"
8430
+ },
8431
+ "State": {
8432
+ "type": "VARIANT",
8433
+ "variantOptions": [
8434
+ "Default",
8435
+ "Focused",
8436
+ "Error",
8437
+ "Error Focused",
8438
+ "Disabled",
8439
+ "Read Only",
8440
+ "AI Loading (Figma Only)"
8441
+ ]
8442
+ }
8443
+ }
8444
+ };
8266
8445
  const templateTopNavigation = {
8267
8446
  "name": "templateTopNavigation",
8268
8447
  "key": "74f045c1972dc31d0fddd0a0027537b6779cd0e8",
@@ -8552,6 +8731,9 @@ const bottomSheet = {
8552
8731
  "Show Safe Area#25488:8": {
8553
8732
  "type": "BOOLEAN"
8554
8733
  },
8734
+ "Show Handle#49774:6": {
8735
+ "type": "BOOLEAN"
8736
+ },
8555
8737
  "Header Layout": {
8556
8738
  "type": "VARIANT",
8557
8739
  "variantOptions": [
@@ -8931,8 +9113,8 @@ const listHeader = {
8931
9113
  "type": "VARIANT",
8932
9114
  "variantOptions": [
8933
9115
  "None",
8934
- "Button",
8935
- "Custom"
9116
+ "Custom",
9117
+ "Button"
8936
9118
  ]
8937
9119
  },
8938
9120
  "Variant": {
@@ -9223,74 +9405,6 @@ const menuSheet = {
9223
9405
  }
9224
9406
  }
9225
9407
  };
9226
- const multilineTextField = {
9227
- "name": "multilineTextField",
9228
- "key": "88b2399c930c85f9ce2972163a078bc684b84bbe",
9229
- "componentPropertyDefinitions": {
9230
- "Show Header#870:0": {
9231
- "type": "BOOLEAN"
9232
- },
9233
- "Placeholder#958:0": {
9234
- "type": "TEXT"
9235
- },
9236
- "Show Footer#958:25": {
9237
- "type": "BOOLEAN"
9238
- },
9239
- "Show Description#958:50": {
9240
- "type": "BOOLEAN"
9241
- },
9242
- "Show Character count#958:75": {
9243
- "type": "BOOLEAN"
9244
- },
9245
- "Show Indicator#1259:0": {
9246
- "type": "BOOLEAN"
9247
- },
9248
- "Filled Text#1304:0": {
9249
- "type": "TEXT"
9250
- },
9251
- "Max Character Count#15327:175": {
9252
- "type": "TEXT"
9253
- },
9254
- "Description#15327:212": {
9255
- "type": "TEXT"
9256
- },
9257
- "Indicator#15327:286": {
9258
- "type": "TEXT"
9259
- },
9260
- "Label#15327:323": {
9261
- "type": "TEXT"
9262
- },
9263
- "Character Count#15327:360": {
9264
- "type": "TEXT"
9265
- },
9266
- "Size": {
9267
- "type": "VARIANT",
9268
- "variantOptions": [
9269
- "Medium",
9270
- "Large",
9271
- "XLarge"
9272
- ]
9273
- },
9274
- "State": {
9275
- "type": "VARIANT",
9276
- "variantOptions": [
9277
- "Enabled",
9278
- "Focused",
9279
- "Invalid",
9280
- "Invalid-Focused",
9281
- "Disabled",
9282
- "Read Only"
9283
- ]
9284
- },
9285
- "Filled": {
9286
- "type": "VARIANT",
9287
- "variantOptions": [
9288
- "True",
9289
- "False"
9290
- ]
9291
- }
9292
- }
9293
- };
9294
9408
  const pageBanner = {
9295
9409
  "name": "pageBanner",
9296
9410
  "key": "ce587d0f21754af05240cb32a4880227cb0ea1e1",
@@ -9453,37 +9567,6 @@ const radioMark = {
9453
9567
  }
9454
9568
  }
9455
9569
  };
9456
- const rangeSlider = {
9457
- "name": "rangeSlider",
9458
- "key": "64fc49184979e0be40aa367ca98868601eb7dad5",
9459
- "componentPropertyDefinitions": {
9460
- "Steps": {
9461
- "type": "VARIANT",
9462
- "variantOptions": [
9463
- "0",
9464
- "1",
9465
- "2",
9466
- "3",
9467
- "4"
9468
- ]
9469
- },
9470
- "State": {
9471
- "type": "VARIANT",
9472
- "variantOptions": [
9473
- "Enabled",
9474
- "Disabled"
9475
- ]
9476
- },
9477
- "Marker": {
9478
- "type": "VARIANT",
9479
- "variantOptions": [
9480
- "None",
9481
- "Min Max",
9482
- "All"
9483
- ]
9484
- }
9485
- }
9486
- };
9487
9570
  const reactionButton = {
9488
9571
  "name": "reactionButton",
9489
9572
  "key": "ec43e4e881f7048e95601f8b58c01a0905a174e0",
@@ -9562,6 +9645,28 @@ const resizableChild = {
9562
9645
  }
9563
9646
  }
9564
9647
  };
9648
+ const scrollFog = {
9649
+ "name": "scrollFog",
9650
+ "key": "0a06ea65fe164e0245fde6ac6c97135990a4de3c",
9651
+ "componentPropertyDefinitions": {
9652
+ "Orientation": {
9653
+ "type": "VARIANT",
9654
+ "variantOptions": [
9655
+ "Top ⬇️",
9656
+ "Bottom ⬆️",
9657
+ "Right ➡️",
9658
+ "Left ⬅️"
9659
+ ]
9660
+ },
9661
+ "Layer": {
9662
+ "type": "VARIANT",
9663
+ "variantOptions": [
9664
+ "Default",
9665
+ "Floating"
9666
+ ]
9667
+ }
9668
+ }
9669
+ };
9565
9670
  const segmentedControl = {
9566
9671
  "name": "segmentedControl",
9567
9672
  "key": "3ad7133ba52755867f42f9232375f75639e00d58",
@@ -9636,32 +9741,31 @@ const skeleton = {
9636
9741
  };
9637
9742
  const slider = {
9638
9743
  "name": "slider",
9639
- "key": "aee027230a478315e380704c4523141e67e464ee",
9744
+ "key": "c748f314f790eb804138bd105bfb0bd0584c9aa1",
9640
9745
  "componentPropertyDefinitions": {
9641
- "Steps": {
9746
+ "Has Tick Mark#47921:0": {
9747
+ "type": "BOOLEAN"
9748
+ },
9749
+ "Show Active Track#48156:0": {
9750
+ "type": "BOOLEAN"
9751
+ },
9752
+ "Show Markers#49596:0": {
9753
+ "type": "BOOLEAN"
9754
+ },
9755
+ "Value": {
9642
9756
  "type": "VARIANT",
9643
9757
  "variantOptions": [
9644
- "0",
9645
- "1",
9646
- "2",
9647
- "3",
9648
- "4"
9758
+ "Single",
9759
+ "Range"
9649
9760
  ]
9650
9761
  },
9651
9762
  "State": {
9652
9763
  "type": "VARIANT",
9653
9764
  "variantOptions": [
9654
9765
  "Enabled",
9766
+ "Pressed",
9655
9767
  "Disabled"
9656
9768
  ]
9657
- },
9658
- "Marker": {
9659
- "type": "VARIANT",
9660
- "variantOptions": [
9661
- "None",
9662
- "Min Max",
9663
- "All"
9664
- ]
9665
9769
  }
9666
9770
  }
9667
9771
  };
@@ -9823,105 +9927,6 @@ const tagGroup = {
9823
9927
  }
9824
9928
  }
9825
9929
  };
9826
- const textField = {
9827
- "name": "textField",
9828
- "key": "c49873c37a639f0dffdea4efd0eb43760d66c141",
9829
- "componentPropertyDefinitions": {
9830
- "Show Header#870:0": {
9831
- "type": "BOOLEAN"
9832
- },
9833
- "Placeholder#958:0": {
9834
- "type": "TEXT"
9835
- },
9836
- "Show Footer#958:25": {
9837
- "type": "BOOLEAN"
9838
- },
9839
- "Show Description#958:50": {
9840
- "type": "BOOLEAN"
9841
- },
9842
- "Show Character Count#958:75": {
9843
- "type": "BOOLEAN"
9844
- },
9845
- "Show Suffix#958:100": {
9846
- "type": "BOOLEAN"
9847
- },
9848
- "Show Prefix#958:125": {
9849
- "type": "BOOLEAN"
9850
- },
9851
- "Show Indicator#1259:0": {
9852
- "type": "BOOLEAN"
9853
- },
9854
- "Show Prefix Text#1267:0": {
9855
- "type": "BOOLEAN"
9856
- },
9857
- "Prefix Icon#1267:25": {
9858
- "type": "INSTANCE_SWAP",
9859
- "preferredValues": []
9860
- },
9861
- "Show Prefix Icon#1267:50": {
9862
- "type": "BOOLEAN"
9863
- },
9864
- "Show Suffix Icon#1267:75": {
9865
- "type": "BOOLEAN"
9866
- },
9867
- "Suffix Icon #1267:100": {
9868
- "type": "INSTANCE_SWAP",
9869
- "preferredValues": []
9870
- },
9871
- "Show Suffix Text#1267:125": {
9872
- "type": "BOOLEAN"
9873
- },
9874
- "Filled Text#1304:0": {
9875
- "type": "TEXT"
9876
- },
9877
- "Description#12626:5": {
9878
- "type": "TEXT"
9879
- },
9880
- "Label#14964:0": {
9881
- "type": "TEXT"
9882
- },
9883
- "Max Character Count#15327:27": {
9884
- "type": "TEXT"
9885
- },
9886
- "Character Count#15327:64": {
9887
- "type": "TEXT"
9888
- },
9889
- "Prefix Text#15327:101": {
9890
- "type": "TEXT"
9891
- },
9892
- "Suffix Text#15327:138": {
9893
- "type": "TEXT"
9894
- },
9895
- "Indicator#15327:249": {
9896
- "type": "TEXT"
9897
- },
9898
- "Size": {
9899
- "type": "VARIANT",
9900
- "variantOptions": [
9901
- "Medium",
9902
- "Large(Default)"
9903
- ]
9904
- },
9905
- "State": {
9906
- "type": "VARIANT",
9907
- "variantOptions": [
9908
- "Enabled",
9909
- "Focused",
9910
- "Invalid",
9911
- "Invalid-Focused",
9912
- "Disabled",
9913
- "Read Only"
9914
- ]
9915
- },
9916
- "Filled": {
9917
- "type": "VARIANT",
9918
- "variantOptions": [
9919
- "True",
9920
- "False"
9921
- ]
9922
- }
9923
- }
9924
- };
9925
9930
  const toggleButton = {
9926
9931
  "name": "toggleButton",
9927
9932
  "key": "1d240ee5fd7a56879713e69cbea1b6f006f0ea22",
@@ -10017,11 +10022,84 @@ const topNavigation = {
10017
10022
  }
10018
10023
  }
10019
10024
  };
10025
+ const actionButtonGhostButton = {
10026
+ "name": "actionButtonGhostButton",
10027
+ "key": "ea69291fb4d76217419f3d9613ae16aadafb56a5",
10028
+ "componentPropertyDefinitions": {
10029
+ "Label#30511:2": {
10030
+ "type": "TEXT"
10031
+ },
10032
+ "Prefix Icon#30511:3": {
10033
+ "type": "INSTANCE_SWAP",
10034
+ "preferredValues": []
10035
+ },
10036
+ "Suffix Icon#30525:0": {
10037
+ "type": "INSTANCE_SWAP",
10038
+ "preferredValues": [
10039
+ {
10040
+ "type": "COMPONENT_SET",
10041
+ "key": "c8415f85843e5aea5a1d3620d03d16b643bf86cd"
10042
+ },
10043
+ {
10044
+ "type": "COMPONENT_SET",
10045
+ "key": "0d0a2bc648a2c4e1f06a56a30ef16299b6e91037"
10046
+ },
10047
+ {
10048
+ "type": "COMPONENT_SET",
10049
+ "key": "8f28ae559baf8f388d84ccc3ad65a282966e1b05"
10050
+ },
10051
+ {
10052
+ "type": "COMPONENT_SET",
10053
+ "key": "57341e8a9961bf31590240dd288e57c76969098d"
10054
+ }
10055
+ ]
10056
+ },
10057
+ "Icon#30525:15": {
10058
+ "type": "INSTANCE_SWAP",
10059
+ "preferredValues": []
10060
+ },
10061
+ "Bleed": {
10062
+ "type": "VARIANT",
10063
+ "variantOptions": [
10064
+ "true",
10065
+ "false"
10066
+ ]
10067
+ },
10068
+ "Size": {
10069
+ "type": "VARIANT",
10070
+ "variantOptions": [
10071
+ "Xsmall",
10072
+ "Small",
10073
+ "Medium",
10074
+ "Large"
10075
+ ]
10076
+ },
10077
+ "Layout": {
10078
+ "type": "VARIANT",
10079
+ "variantOptions": [
10080
+ "Text Only",
10081
+ "Icon First",
10082
+ "Icon Last",
10083
+ "Icon Only"
10084
+ ]
10085
+ },
10086
+ "State": {
10087
+ "type": "VARIANT",
10088
+ "variantOptions": [
10089
+ "Enabled",
10090
+ "Pressed",
10091
+ "Loading",
10092
+ "Disabled"
10093
+ ]
10094
+ }
10095
+ }
10096
+ };
10020
10097
 
10021
10098
  var FIGMA_COMPONENTS = {
10022
10099
  __proto__: null,
10023
10100
  _switch: _switch,
10024
10101
  actionButton: actionButton,
10102
+ actionButtonGhostButton: actionButtonGhostButton,
10025
10103
  alertDialog: alertDialog,
10026
10104
  avatar: avatar,
10027
10105
  avatarStack: avatarStack,
@@ -10045,15 +10123,14 @@ var FIGMA_COMPONENTS = {
10045
10123
  mannerTemp: mannerTemp,
10046
10124
  mannerTempBadge: mannerTempBadge,
10047
10125
  menuSheet: menuSheet,
10048
- multilineTextField: multilineTextField,
10049
10126
  pageBanner: pageBanner,
10050
10127
  progressCircle: progressCircle,
10051
10128
  radio: radio,
10052
10129
  radioMark: radioMark,
10053
- rangeSlider: rangeSlider,
10054
10130
  reactionButton: reactionButton,
10055
10131
  resizableChild: resizableChild,
10056
10132
  resizableIcon: resizableIcon,
10133
+ scrollFog: scrollFog,
10057
10134
  segmentedControl: segmentedControl,
10058
10135
  selectBox: selectBox,
10059
10136
  skeleton: skeleton,
@@ -10067,10 +10144,13 @@ var FIGMA_COMPONENTS = {
10067
10144
  templateButtonGroup: templateButtonGroup,
10068
10145
  templateChipGroup: templateChipGroup,
10069
10146
  templateCompletion: templateCompletion,
10147
+ templateCustomPickerField: templateCustomPickerField,
10070
10148
  templateErrorState: templateErrorState,
10071
10149
  templateSelectBoxGroup: templateSelectBoxGroup,
10150
+ templateSliderField: templateSliderField,
10151
+ templateTextField: templateTextField,
10152
+ templateTextareaField: templateTextareaField,
10072
10153
  templateTopNavigation: templateTopNavigation,
10073
- textField: textField,
10074
10154
  toggleButton: toggleButton,
10075
10155
  topNavigation: topNavigation
10076
10156
  };