@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.
- package/lib/codegen/index.cjs +366 -286
- package/lib/codegen/index.d.ts +508 -233
- package/lib/codegen/index.d.ts.map +1 -1
- package/lib/codegen/index.js +366 -286
- package/lib/codegen/targets/react/index.cjs +1024 -511
- package/lib/codegen/targets/react/index.d.ts.map +1 -1
- package/lib/codegen/targets/react/index.js +1024 -511
- package/lib/index.cjs +394 -286
- package/lib/index.js +394 -286
- package/package.json +2 -2
- package/src/codegen/component-properties.ts +362 -103
- package/src/codegen/targets/react/component/handlers/action-button.ts +69 -54
- package/src/codegen/targets/react/component/handlers/bottom-sheet.ts +2 -3
- package/src/codegen/targets/react/component/handlers/error-state.ts +18 -6
- package/src/codegen/targets/react/component/handlers/field-button.ts +197 -0
- package/src/codegen/targets/react/component/handlers/field.ts +167 -0
- package/src/codegen/targets/react/component/handlers/slider.ts +114 -0
- package/src/codegen/targets/react/component/handlers/text-field.ts +245 -92
- package/src/codegen/targets/react/component/index.ts +40 -23
- package/src/codegen/targets/react/element-factories.ts +1 -1
- package/src/codegen/targets/react/instance.ts +23 -2
- package/src/entities/data/__generated__/component-sets/index.d.ts +225 -222
- package/src/entities/data/__generated__/component-sets/index.mjs +225 -222
- package/src/entities/data/__generated__/components/index.d.ts +121 -0
- package/src/entities/data/__generated__/components/index.mjs +121 -0
- package/src/entities/data/__generated__/icons/index.mjs +28 -0
- package/src/entities/data/__generated__/styles/index.mjs +0 -56
- package/src/entities/data/__generated__/variable-collections/index.mjs +11 -8
- package/src/entities/data/__generated__/variables/index.mjs +130 -0
- package/src/codegen/targets/react/component/handlers/multiline-text-field.ts +0 -84
package/lib/codegen/index.js
CHANGED
|
@@ -657,62 +657,6 @@ function createValueResolver({ variableService, variableNameFormatter, styleServ
|
|
|
657
657
|
}
|
|
658
658
|
|
|
659
659
|
const FIGMA_STYLES = [
|
|
660
|
-
{
|
|
661
|
-
"styleType": "FILL",
|
|
662
|
-
"key": "c1cee6b89c357c6a12d020654d73a4490cafdf51",
|
|
663
|
-
"name": "gradient/fade/layer-default/←(to-left)",
|
|
664
|
-
"description": "스크롤이 가능하도록 그라디언트로 특정 영역을 덮는 요소로 사용해요.",
|
|
665
|
-
"remote": false
|
|
666
|
-
},
|
|
667
|
-
{
|
|
668
|
-
"styleType": "FILL",
|
|
669
|
-
"key": "ff436e73cf9477a1006e6f8a1f9d2c9dbe0e5edd",
|
|
670
|
-
"name": "gradient/fade/layer-default/→(to-right)",
|
|
671
|
-
"description": "스크롤이 가능하도록 그라디언트로 특정 영역을 덮는 요소로 사용해요.",
|
|
672
|
-
"remote": false
|
|
673
|
-
},
|
|
674
|
-
{
|
|
675
|
-
"styleType": "FILL",
|
|
676
|
-
"key": "826457503b7ee3d472eab91581b1fcd499c47c00",
|
|
677
|
-
"name": "gradient/fade/layer-default/↑(to-top)",
|
|
678
|
-
"description": "스크롤이 가능하도록 그라디언트로 특정 영역을 덮는 요소로 사용해요.",
|
|
679
|
-
"remote": false
|
|
680
|
-
},
|
|
681
|
-
{
|
|
682
|
-
"styleType": "FILL",
|
|
683
|
-
"key": "408cb970f1de672217f452152b0398a4bb4f4e12",
|
|
684
|
-
"name": "gradient/fade/layer-default/↓(to-bottom)",
|
|
685
|
-
"description": "스크롤이 가능하도록 그라디언트로 특정 영역을 덮는 요소로 사용해요.",
|
|
686
|
-
"remote": false
|
|
687
|
-
},
|
|
688
|
-
{
|
|
689
|
-
"styleType": "FILL",
|
|
690
|
-
"key": "df22450a8f8e9c323baf40d8981920d1b6376cbf",
|
|
691
|
-
"name": "gradient/fade/layer-floating/←(to-left)",
|
|
692
|
-
"description": "스크롤이 가능하도록 그라디언트로 특정 영역을 덮는 요소로 사용해요.",
|
|
693
|
-
"remote": false
|
|
694
|
-
},
|
|
695
|
-
{
|
|
696
|
-
"styleType": "FILL",
|
|
697
|
-
"key": "063c0dc05b438ac36499492e783520a722782d74",
|
|
698
|
-
"name": "gradient/fade/layer-floating/→(to-right)",
|
|
699
|
-
"description": "스크롤이 가능하도록 그라디언트로 특정 영역을 덮는 요소로 사용해요.",
|
|
700
|
-
"remote": false
|
|
701
|
-
},
|
|
702
|
-
{
|
|
703
|
-
"styleType": "FILL",
|
|
704
|
-
"key": "46186d7dd037e8e54983ee6677cf7915790d84cc",
|
|
705
|
-
"name": "gradient/fade/layer-floating/↑(to-top)",
|
|
706
|
-
"description": "스크롤이 가능하도록 그라디언트로 특정 영역을 덮는 요소로 사용해요.",
|
|
707
|
-
"remote": false
|
|
708
|
-
},
|
|
709
|
-
{
|
|
710
|
-
"styleType": "FILL",
|
|
711
|
-
"key": "b28d9c9adc816fdd4ecec3a0b3e25d8aec802b6a",
|
|
712
|
-
"name": "gradient/fade/layer-floating/↓(to-bottom)",
|
|
713
|
-
"description": "스크롤이 가능하도록 그라디언트로 특정 영역을 덮는 요소로 사용해요.",
|
|
714
|
-
"remote": false
|
|
715
|
-
},
|
|
716
660
|
{
|
|
717
661
|
"styleType": "FILL",
|
|
718
662
|
"key": "353baa82e0440385eb121cd0ae98d2fcb1a70b18",
|
|
@@ -1003,10 +947,10 @@ const FIGMA_VARIABLE_COLLECTIONS = {
|
|
|
1003
947
|
"VariableID:238:17662",
|
|
1004
948
|
"VariableID:17544:4057",
|
|
1005
949
|
"VariableID:1:171",
|
|
1006
|
-
"VariableID:41186:6437",
|
|
1007
950
|
"VariableID:670:2700",
|
|
1008
|
-
"VariableID:
|
|
951
|
+
"VariableID:41186:6437",
|
|
1009
952
|
"VariableID:1:172",
|
|
953
|
+
"VariableID:1:158",
|
|
1010
954
|
"VariableID:1:161",
|
|
1011
955
|
"VariableID:1:159",
|
|
1012
956
|
"VariableID:576:22878",
|
|
@@ -1054,8 +998,8 @@ const FIGMA_VARIABLE_COLLECTIONS = {
|
|
|
1054
998
|
"VariableID:12479:23364",
|
|
1055
999
|
"VariableID:12479:23365",
|
|
1056
1000
|
"VariableID:12479:23366",
|
|
1057
|
-
"VariableID:1:7",
|
|
1058
1001
|
"VariableID:12548:1437",
|
|
1002
|
+
"VariableID:1:7",
|
|
1059
1003
|
"VariableID:12479:23367",
|
|
1060
1004
|
"VariableID:12479:23368",
|
|
1061
1005
|
"VariableID:12479:23371",
|
|
@@ -1190,14 +1134,12 @@ const FIGMA_VARIABLE_COLLECTIONS = {
|
|
|
1190
1134
|
"VariableID:10181:34417",
|
|
1191
1135
|
"VariableID:1:168",
|
|
1192
1136
|
"VariableID:29913:8440",
|
|
1193
|
-
"VariableID:29917:289",
|
|
1194
1137
|
"VariableID:29917:362",
|
|
1195
|
-
"VariableID:30009:40284",
|
|
1196
1138
|
"VariableID:29917:5084",
|
|
1139
|
+
"VariableID:30009:40284",
|
|
1197
1140
|
"VariableID:30009:40393",
|
|
1198
1141
|
"VariableID:30021:1313",
|
|
1199
1142
|
"VariableID:30023:1876",
|
|
1200
|
-
"VariableID:30023:1877",
|
|
1201
1143
|
"VariableID:30023:3032",
|
|
1202
1144
|
"VariableID:30023:1878",
|
|
1203
1145
|
"VariableID:30023:3347",
|
|
@@ -1218,7 +1160,12 @@ const FIGMA_VARIABLE_COLLECTIONS = {
|
|
|
1218
1160
|
"VariableID:43290:12820",
|
|
1219
1161
|
"VariableID:43290:12822",
|
|
1220
1162
|
"VariableID:43290:12823",
|
|
1221
|
-
"VariableID:43290:12824"
|
|
1163
|
+
"VariableID:43290:12824",
|
|
1164
|
+
"VariableID:49497:1643",
|
|
1165
|
+
"VariableID:49497:1644",
|
|
1166
|
+
"VariableID:49495:1861",
|
|
1167
|
+
"VariableID:49497:1645",
|
|
1168
|
+
"VariableID:49497:1646"
|
|
1222
1169
|
]
|
|
1223
1170
|
},
|
|
1224
1171
|
"VariableCollectionId:1:174": {
|
|
@@ -1344,9 +1291,9 @@ const FIGMA_VARIABLE_COLLECTIONS = {
|
|
|
1344
1291
|
"VariableID:289:13772",
|
|
1345
1292
|
"VariableID:1886:93038",
|
|
1346
1293
|
"VariableID:289:13773",
|
|
1294
|
+
"VariableID:796:4448",
|
|
1347
1295
|
"VariableID:15518:15916",
|
|
1348
1296
|
"VariableID:19225:68732",
|
|
1349
|
-
"VariableID:796:4448",
|
|
1350
1297
|
"VariableID:17955:50606",
|
|
1351
1298
|
"VariableID:514:13178",
|
|
1352
1299
|
"VariableID:535:1747",
|
|
@@ -1437,6 +1384,136 @@ const FIGMA_VARIABLES = {
|
|
|
1437
1384
|
],
|
|
1438
1385
|
"codeSyntax": {}
|
|
1439
1386
|
},
|
|
1387
|
+
"VariableID:49495:1861": {
|
|
1388
|
+
"name": "_scroll-fog",
|
|
1389
|
+
"id": "VariableID:49495:1861",
|
|
1390
|
+
"remote": false,
|
|
1391
|
+
"key": "12f1d88d590090e396c9b283bb51d4e89d9016d2",
|
|
1392
|
+
"variableCollectionId": "VariableCollectionId:1:3",
|
|
1393
|
+
"resolvedType": "COLOR",
|
|
1394
|
+
"description": "",
|
|
1395
|
+
"hiddenFromPublishing": false,
|
|
1396
|
+
"valuesByMode": {
|
|
1397
|
+
"1928:7": {
|
|
1398
|
+
"type": "VARIABLE_ALIAS",
|
|
1399
|
+
"id": "VariableID:29453:35711"
|
|
1400
|
+
},
|
|
1401
|
+
"1928:8": {
|
|
1402
|
+
"r": 1,
|
|
1403
|
+
"g": 1,
|
|
1404
|
+
"b": 1,
|
|
1405
|
+
"a": 1
|
|
1406
|
+
}
|
|
1407
|
+
},
|
|
1408
|
+
"scopes": [
|
|
1409
|
+
"ALL_SCOPES"
|
|
1410
|
+
],
|
|
1411
|
+
"codeSyntax": {}
|
|
1412
|
+
},
|
|
1413
|
+
"VariableID:49497:1643": {
|
|
1414
|
+
"name": "_scroll-fog/layer-default/0",
|
|
1415
|
+
"id": "VariableID:49497:1643",
|
|
1416
|
+
"remote": false,
|
|
1417
|
+
"key": "fae00f7e2fc2ee7cd4bef58de19f468255ca4c5c",
|
|
1418
|
+
"variableCollectionId": "VariableCollectionId:1:3",
|
|
1419
|
+
"resolvedType": "COLOR",
|
|
1420
|
+
"description": "",
|
|
1421
|
+
"hiddenFromPublishing": false,
|
|
1422
|
+
"valuesByMode": {
|
|
1423
|
+
"1928:7": {
|
|
1424
|
+
"type": "VARIABLE_ALIAS",
|
|
1425
|
+
"id": "VariableID:1:155"
|
|
1426
|
+
},
|
|
1427
|
+
"1928:8": {
|
|
1428
|
+
"type": "VARIABLE_ALIAS",
|
|
1429
|
+
"id": "VariableID:1:155"
|
|
1430
|
+
}
|
|
1431
|
+
},
|
|
1432
|
+
"scopes": [
|
|
1433
|
+
"ALL_SCOPES"
|
|
1434
|
+
],
|
|
1435
|
+
"codeSyntax": {}
|
|
1436
|
+
},
|
|
1437
|
+
"VariableID:49497:1644": {
|
|
1438
|
+
"name": "_scroll-fog/layer-default/1",
|
|
1439
|
+
"id": "VariableID:49497:1644",
|
|
1440
|
+
"remote": false,
|
|
1441
|
+
"key": "fac0ada2e11c8d54997dce0fc72a723fce514a9f",
|
|
1442
|
+
"variableCollectionId": "VariableCollectionId:1:3",
|
|
1443
|
+
"resolvedType": "COLOR",
|
|
1444
|
+
"description": "",
|
|
1445
|
+
"hiddenFromPublishing": false,
|
|
1446
|
+
"valuesByMode": {
|
|
1447
|
+
"1928:7": {
|
|
1448
|
+
"r": 1,
|
|
1449
|
+
"g": 1,
|
|
1450
|
+
"b": 1,
|
|
1451
|
+
"a": 0
|
|
1452
|
+
},
|
|
1453
|
+
"1928:8": {
|
|
1454
|
+
"r": 0.08627451211214066,
|
|
1455
|
+
"g": 0.09019608050584793,
|
|
1456
|
+
"b": 0.10588235408067703,
|
|
1457
|
+
"a": 0
|
|
1458
|
+
}
|
|
1459
|
+
},
|
|
1460
|
+
"scopes": [
|
|
1461
|
+
"ALL_SCOPES"
|
|
1462
|
+
],
|
|
1463
|
+
"codeSyntax": {}
|
|
1464
|
+
},
|
|
1465
|
+
"VariableID:49497:1645": {
|
|
1466
|
+
"name": "_scroll-fog/layer-floating/0",
|
|
1467
|
+
"id": "VariableID:49497:1645",
|
|
1468
|
+
"remote": false,
|
|
1469
|
+
"key": "334d485b6f54e6ed8dce767cd150b578f4323ad3",
|
|
1470
|
+
"variableCollectionId": "VariableCollectionId:1:3",
|
|
1471
|
+
"resolvedType": "COLOR",
|
|
1472
|
+
"description": "",
|
|
1473
|
+
"hiddenFromPublishing": false,
|
|
1474
|
+
"valuesByMode": {
|
|
1475
|
+
"1928:7": {
|
|
1476
|
+
"type": "VARIABLE_ALIAS",
|
|
1477
|
+
"id": "VariableID:238:17662"
|
|
1478
|
+
},
|
|
1479
|
+
"1928:8": {
|
|
1480
|
+
"type": "VARIABLE_ALIAS",
|
|
1481
|
+
"id": "VariableID:238:17662"
|
|
1482
|
+
}
|
|
1483
|
+
},
|
|
1484
|
+
"scopes": [
|
|
1485
|
+
"ALL_SCOPES"
|
|
1486
|
+
],
|
|
1487
|
+
"codeSyntax": {}
|
|
1488
|
+
},
|
|
1489
|
+
"VariableID:49497:1646": {
|
|
1490
|
+
"name": "_scroll-fog/layer-floating/1",
|
|
1491
|
+
"id": "VariableID:49497:1646",
|
|
1492
|
+
"remote": false,
|
|
1493
|
+
"key": "3259bea6c3999bc3ad72999fd3123648544bd002",
|
|
1494
|
+
"variableCollectionId": "VariableCollectionId:1:3",
|
|
1495
|
+
"resolvedType": "COLOR",
|
|
1496
|
+
"description": "",
|
|
1497
|
+
"hiddenFromPublishing": false,
|
|
1498
|
+
"valuesByMode": {
|
|
1499
|
+
"1928:7": {
|
|
1500
|
+
"r": 1,
|
|
1501
|
+
"g": 1,
|
|
1502
|
+
"b": 1,
|
|
1503
|
+
"a": 0
|
|
1504
|
+
},
|
|
1505
|
+
"1928:8": {
|
|
1506
|
+
"r": 0.11555555462837219,
|
|
1507
|
+
"g": 0.12638889253139496,
|
|
1508
|
+
"b": 0.14444443583488464,
|
|
1509
|
+
"a": 0
|
|
1510
|
+
}
|
|
1511
|
+
},
|
|
1512
|
+
"scopes": [
|
|
1513
|
+
"ALL_SCOPES"
|
|
1514
|
+
],
|
|
1515
|
+
"codeSyntax": {}
|
|
1516
|
+
},
|
|
1440
1517
|
"VariableID:1:151": {
|
|
1441
1518
|
"name": "bg/brand-solid",
|
|
1442
1519
|
"id": "VariableID:1:151",
|
|
@@ -8188,11 +8265,39 @@ const templateCompletion = {
|
|
|
8188
8265
|
}
|
|
8189
8266
|
}
|
|
8190
8267
|
};
|
|
8268
|
+
const templateCustomPickerField = {
|
|
8269
|
+
"name": "templateCustomPickerField",
|
|
8270
|
+
"key": "91d73dfc297a467d78dc91ade6ff9be9a152619e",
|
|
8271
|
+
"componentPropertyDefinitions": {
|
|
8272
|
+
"Show Header#40606:8": {
|
|
8273
|
+
"type": "BOOLEAN"
|
|
8274
|
+
},
|
|
8275
|
+
"Show Footer#40606:9": {
|
|
8276
|
+
"type": "BOOLEAN"
|
|
8277
|
+
},
|
|
8278
|
+
"State": {
|
|
8279
|
+
"type": "VARIANT",
|
|
8280
|
+
"variantOptions": [
|
|
8281
|
+
"Default",
|
|
8282
|
+
"Error",
|
|
8283
|
+
"Disabled",
|
|
8284
|
+
"Read Only"
|
|
8285
|
+
]
|
|
8286
|
+
},
|
|
8287
|
+
"Has Value": {
|
|
8288
|
+
"type": "VARIANT",
|
|
8289
|
+
"variantOptions": [
|
|
8290
|
+
"False",
|
|
8291
|
+
"True"
|
|
8292
|
+
]
|
|
8293
|
+
}
|
|
8294
|
+
}
|
|
8295
|
+
};
|
|
8191
8296
|
const templateErrorState = {
|
|
8192
8297
|
"name": "templateErrorState",
|
|
8193
8298
|
"key": "39b4ecd0b5b4d35f4dc5791765ca04aa062a5172",
|
|
8194
8299
|
"componentPropertyDefinitions": {
|
|
8195
|
-
"Show
|
|
8300
|
+
"Show Action Button#9080:5": {
|
|
8196
8301
|
"type": "BOOLEAN"
|
|
8197
8302
|
},
|
|
8198
8303
|
"Title#16237:0": {
|
|
@@ -8201,9 +8306,6 @@ const templateErrorState = {
|
|
|
8201
8306
|
"Description#16237:5": {
|
|
8202
8307
|
"type": "TEXT"
|
|
8203
8308
|
},
|
|
8204
|
-
"Secondary Action Label#17042:0": {
|
|
8205
|
-
"type": "TEXT"
|
|
8206
|
-
},
|
|
8207
8309
|
"Variant": {
|
|
8208
8310
|
"type": "VARIANT",
|
|
8209
8311
|
"variantOptions": [
|
|
@@ -8244,6 +8346,83 @@ const templateSelectBoxGroup = {
|
|
|
8244
8346
|
}
|
|
8245
8347
|
}
|
|
8246
8348
|
};
|
|
8349
|
+
const templateSliderField = {
|
|
8350
|
+
"name": "templateSliderField",
|
|
8351
|
+
"key": "7d2b449bcfb28ebf3c509ed76a141511f7d955eb",
|
|
8352
|
+
"componentPropertyDefinitions": {
|
|
8353
|
+
"Show Header#40606:8": {
|
|
8354
|
+
"type": "BOOLEAN"
|
|
8355
|
+
},
|
|
8356
|
+
"Show Footer#40606:9": {
|
|
8357
|
+
"type": "BOOLEAN"
|
|
8358
|
+
},
|
|
8359
|
+
"State": {
|
|
8360
|
+
"type": "VARIANT",
|
|
8361
|
+
"variantOptions": [
|
|
8362
|
+
"Default",
|
|
8363
|
+
"Error",
|
|
8364
|
+
"Disabled",
|
|
8365
|
+
"Read Only",
|
|
8366
|
+
"Pressed"
|
|
8367
|
+
]
|
|
8368
|
+
}
|
|
8369
|
+
}
|
|
8370
|
+
};
|
|
8371
|
+
const templateTextField = {
|
|
8372
|
+
"name": "templateTextField",
|
|
8373
|
+
"key": "0a83a0ff9d18d98a14536b21aa5411622f9f0c05",
|
|
8374
|
+
"componentPropertyDefinitions": {
|
|
8375
|
+
"Show Header#40606:8": {
|
|
8376
|
+
"type": "BOOLEAN"
|
|
8377
|
+
},
|
|
8378
|
+
"Show Footer#40606:9": {
|
|
8379
|
+
"type": "BOOLEAN"
|
|
8380
|
+
},
|
|
8381
|
+
"Variant": {
|
|
8382
|
+
"type": "VARIANT",
|
|
8383
|
+
"variantOptions": [
|
|
8384
|
+
"Outline",
|
|
8385
|
+
"Underline"
|
|
8386
|
+
]
|
|
8387
|
+
},
|
|
8388
|
+
"State": {
|
|
8389
|
+
"type": "VARIANT",
|
|
8390
|
+
"variantOptions": [
|
|
8391
|
+
"Default",
|
|
8392
|
+
"Focused",
|
|
8393
|
+
"Error",
|
|
8394
|
+
"Error Focused",
|
|
8395
|
+
"Disabled",
|
|
8396
|
+
"Read Only",
|
|
8397
|
+
"AI Loading (Figma Only)"
|
|
8398
|
+
]
|
|
8399
|
+
}
|
|
8400
|
+
}
|
|
8401
|
+
};
|
|
8402
|
+
const templateTextareaField = {
|
|
8403
|
+
"name": "templateTextareaField",
|
|
8404
|
+
"key": "cdc688eccd78b947289e8089a620bdc494f6c809",
|
|
8405
|
+
"componentPropertyDefinitions": {
|
|
8406
|
+
"Show Header#40606:8": {
|
|
8407
|
+
"type": "BOOLEAN"
|
|
8408
|
+
},
|
|
8409
|
+
"Show Footer#40606:9": {
|
|
8410
|
+
"type": "BOOLEAN"
|
|
8411
|
+
},
|
|
8412
|
+
"State": {
|
|
8413
|
+
"type": "VARIANT",
|
|
8414
|
+
"variantOptions": [
|
|
8415
|
+
"Default",
|
|
8416
|
+
"Focused",
|
|
8417
|
+
"Error",
|
|
8418
|
+
"Error Focused",
|
|
8419
|
+
"Disabled",
|
|
8420
|
+
"Read Only",
|
|
8421
|
+
"AI Loading (Figma Only)"
|
|
8422
|
+
]
|
|
8423
|
+
}
|
|
8424
|
+
}
|
|
8425
|
+
};
|
|
8247
8426
|
const templateTopNavigation = {
|
|
8248
8427
|
"name": "templateTopNavigation",
|
|
8249
8428
|
"key": "74f045c1972dc31d0fddd0a0027537b6779cd0e8",
|
|
@@ -8533,6 +8712,9 @@ const bottomSheet = {
|
|
|
8533
8712
|
"Show Safe Area#25488:8": {
|
|
8534
8713
|
"type": "BOOLEAN"
|
|
8535
8714
|
},
|
|
8715
|
+
"Show Handle#49774:6": {
|
|
8716
|
+
"type": "BOOLEAN"
|
|
8717
|
+
},
|
|
8536
8718
|
"Header Layout": {
|
|
8537
8719
|
"type": "VARIANT",
|
|
8538
8720
|
"variantOptions": [
|
|
@@ -8912,8 +9094,8 @@ const listHeader = {
|
|
|
8912
9094
|
"type": "VARIANT",
|
|
8913
9095
|
"variantOptions": [
|
|
8914
9096
|
"None",
|
|
8915
|
-
"
|
|
8916
|
-
"
|
|
9097
|
+
"Custom",
|
|
9098
|
+
"Button"
|
|
8917
9099
|
]
|
|
8918
9100
|
},
|
|
8919
9101
|
"Variant": {
|
|
@@ -9204,74 +9386,6 @@ const menuSheet = {
|
|
|
9204
9386
|
}
|
|
9205
9387
|
}
|
|
9206
9388
|
};
|
|
9207
|
-
const multilineTextField = {
|
|
9208
|
-
"name": "multilineTextField",
|
|
9209
|
-
"key": "88b2399c930c85f9ce2972163a078bc684b84bbe",
|
|
9210
|
-
"componentPropertyDefinitions": {
|
|
9211
|
-
"Show Header#870:0": {
|
|
9212
|
-
"type": "BOOLEAN"
|
|
9213
|
-
},
|
|
9214
|
-
"Placeholder#958:0": {
|
|
9215
|
-
"type": "TEXT"
|
|
9216
|
-
},
|
|
9217
|
-
"Show Footer#958:25": {
|
|
9218
|
-
"type": "BOOLEAN"
|
|
9219
|
-
},
|
|
9220
|
-
"Show Description#958:50": {
|
|
9221
|
-
"type": "BOOLEAN"
|
|
9222
|
-
},
|
|
9223
|
-
"Show Character count#958:75": {
|
|
9224
|
-
"type": "BOOLEAN"
|
|
9225
|
-
},
|
|
9226
|
-
"Show Indicator#1259:0": {
|
|
9227
|
-
"type": "BOOLEAN"
|
|
9228
|
-
},
|
|
9229
|
-
"Filled Text#1304:0": {
|
|
9230
|
-
"type": "TEXT"
|
|
9231
|
-
},
|
|
9232
|
-
"Max Character Count#15327:175": {
|
|
9233
|
-
"type": "TEXT"
|
|
9234
|
-
},
|
|
9235
|
-
"Description#15327:212": {
|
|
9236
|
-
"type": "TEXT"
|
|
9237
|
-
},
|
|
9238
|
-
"Indicator#15327:286": {
|
|
9239
|
-
"type": "TEXT"
|
|
9240
|
-
},
|
|
9241
|
-
"Label#15327:323": {
|
|
9242
|
-
"type": "TEXT"
|
|
9243
|
-
},
|
|
9244
|
-
"Character Count#15327:360": {
|
|
9245
|
-
"type": "TEXT"
|
|
9246
|
-
},
|
|
9247
|
-
"Size": {
|
|
9248
|
-
"type": "VARIANT",
|
|
9249
|
-
"variantOptions": [
|
|
9250
|
-
"Medium",
|
|
9251
|
-
"Large",
|
|
9252
|
-
"XLarge"
|
|
9253
|
-
]
|
|
9254
|
-
},
|
|
9255
|
-
"State": {
|
|
9256
|
-
"type": "VARIANT",
|
|
9257
|
-
"variantOptions": [
|
|
9258
|
-
"Enabled",
|
|
9259
|
-
"Focused",
|
|
9260
|
-
"Invalid",
|
|
9261
|
-
"Invalid-Focused",
|
|
9262
|
-
"Disabled",
|
|
9263
|
-
"Read Only"
|
|
9264
|
-
]
|
|
9265
|
-
},
|
|
9266
|
-
"Filled": {
|
|
9267
|
-
"type": "VARIANT",
|
|
9268
|
-
"variantOptions": [
|
|
9269
|
-
"True",
|
|
9270
|
-
"False"
|
|
9271
|
-
]
|
|
9272
|
-
}
|
|
9273
|
-
}
|
|
9274
|
-
};
|
|
9275
9389
|
const pageBanner = {
|
|
9276
9390
|
"name": "pageBanner",
|
|
9277
9391
|
"key": "ce587d0f21754af05240cb32a4880227cb0ea1e1",
|
|
@@ -9434,37 +9548,6 @@ const radioMark = {
|
|
|
9434
9548
|
}
|
|
9435
9549
|
}
|
|
9436
9550
|
};
|
|
9437
|
-
const rangeSlider = {
|
|
9438
|
-
"name": "rangeSlider",
|
|
9439
|
-
"key": "64fc49184979e0be40aa367ca98868601eb7dad5",
|
|
9440
|
-
"componentPropertyDefinitions": {
|
|
9441
|
-
"Steps": {
|
|
9442
|
-
"type": "VARIANT",
|
|
9443
|
-
"variantOptions": [
|
|
9444
|
-
"0",
|
|
9445
|
-
"1",
|
|
9446
|
-
"2",
|
|
9447
|
-
"3",
|
|
9448
|
-
"4"
|
|
9449
|
-
]
|
|
9450
|
-
},
|
|
9451
|
-
"State": {
|
|
9452
|
-
"type": "VARIANT",
|
|
9453
|
-
"variantOptions": [
|
|
9454
|
-
"Enabled",
|
|
9455
|
-
"Disabled"
|
|
9456
|
-
]
|
|
9457
|
-
},
|
|
9458
|
-
"Marker": {
|
|
9459
|
-
"type": "VARIANT",
|
|
9460
|
-
"variantOptions": [
|
|
9461
|
-
"None",
|
|
9462
|
-
"Min Max",
|
|
9463
|
-
"All"
|
|
9464
|
-
]
|
|
9465
|
-
}
|
|
9466
|
-
}
|
|
9467
|
-
};
|
|
9468
9551
|
const reactionButton = {
|
|
9469
9552
|
"name": "reactionButton",
|
|
9470
9553
|
"key": "ec43e4e881f7048e95601f8b58c01a0905a174e0",
|
|
@@ -9543,6 +9626,28 @@ const resizableChild = {
|
|
|
9543
9626
|
}
|
|
9544
9627
|
}
|
|
9545
9628
|
};
|
|
9629
|
+
const scrollFog = {
|
|
9630
|
+
"name": "scrollFog",
|
|
9631
|
+
"key": "0a06ea65fe164e0245fde6ac6c97135990a4de3c",
|
|
9632
|
+
"componentPropertyDefinitions": {
|
|
9633
|
+
"Orientation": {
|
|
9634
|
+
"type": "VARIANT",
|
|
9635
|
+
"variantOptions": [
|
|
9636
|
+
"Top ⬇️",
|
|
9637
|
+
"Bottom ⬆️",
|
|
9638
|
+
"Right ➡️",
|
|
9639
|
+
"Left ⬅️"
|
|
9640
|
+
]
|
|
9641
|
+
},
|
|
9642
|
+
"Layer": {
|
|
9643
|
+
"type": "VARIANT",
|
|
9644
|
+
"variantOptions": [
|
|
9645
|
+
"Default",
|
|
9646
|
+
"Floating"
|
|
9647
|
+
]
|
|
9648
|
+
}
|
|
9649
|
+
}
|
|
9650
|
+
};
|
|
9546
9651
|
const segmentedControl = {
|
|
9547
9652
|
"name": "segmentedControl",
|
|
9548
9653
|
"key": "3ad7133ba52755867f42f9232375f75639e00d58",
|
|
@@ -9617,32 +9722,31 @@ const skeleton = {
|
|
|
9617
9722
|
};
|
|
9618
9723
|
const slider = {
|
|
9619
9724
|
"name": "slider",
|
|
9620
|
-
"key": "
|
|
9725
|
+
"key": "c748f314f790eb804138bd105bfb0bd0584c9aa1",
|
|
9621
9726
|
"componentPropertyDefinitions": {
|
|
9622
|
-
"
|
|
9727
|
+
"Has Tick Mark#47921:0": {
|
|
9728
|
+
"type": "BOOLEAN"
|
|
9729
|
+
},
|
|
9730
|
+
"Show Active Track#48156:0": {
|
|
9731
|
+
"type": "BOOLEAN"
|
|
9732
|
+
},
|
|
9733
|
+
"Show Markers#49596:0": {
|
|
9734
|
+
"type": "BOOLEAN"
|
|
9735
|
+
},
|
|
9736
|
+
"Value": {
|
|
9623
9737
|
"type": "VARIANT",
|
|
9624
9738
|
"variantOptions": [
|
|
9625
|
-
"
|
|
9626
|
-
"
|
|
9627
|
-
"2",
|
|
9628
|
-
"3",
|
|
9629
|
-
"4"
|
|
9739
|
+
"Single",
|
|
9740
|
+
"Range"
|
|
9630
9741
|
]
|
|
9631
9742
|
},
|
|
9632
9743
|
"State": {
|
|
9633
9744
|
"type": "VARIANT",
|
|
9634
9745
|
"variantOptions": [
|
|
9635
9746
|
"Enabled",
|
|
9747
|
+
"Pressed",
|
|
9636
9748
|
"Disabled"
|
|
9637
9749
|
]
|
|
9638
|
-
},
|
|
9639
|
-
"Marker": {
|
|
9640
|
-
"type": "VARIANT",
|
|
9641
|
-
"variantOptions": [
|
|
9642
|
-
"None",
|
|
9643
|
-
"Min Max",
|
|
9644
|
-
"All"
|
|
9645
|
-
]
|
|
9646
9750
|
}
|
|
9647
9751
|
}
|
|
9648
9752
|
};
|
|
@@ -9804,105 +9908,6 @@ const tagGroup = {
|
|
|
9804
9908
|
}
|
|
9805
9909
|
}
|
|
9806
9910
|
};
|
|
9807
|
-
const textField = {
|
|
9808
|
-
"name": "textField",
|
|
9809
|
-
"key": "c49873c37a639f0dffdea4efd0eb43760d66c141",
|
|
9810
|
-
"componentPropertyDefinitions": {
|
|
9811
|
-
"Show Header#870:0": {
|
|
9812
|
-
"type": "BOOLEAN"
|
|
9813
|
-
},
|
|
9814
|
-
"Placeholder#958:0": {
|
|
9815
|
-
"type": "TEXT"
|
|
9816
|
-
},
|
|
9817
|
-
"Show Footer#958:25": {
|
|
9818
|
-
"type": "BOOLEAN"
|
|
9819
|
-
},
|
|
9820
|
-
"Show Description#958:50": {
|
|
9821
|
-
"type": "BOOLEAN"
|
|
9822
|
-
},
|
|
9823
|
-
"Show Character Count#958:75": {
|
|
9824
|
-
"type": "BOOLEAN"
|
|
9825
|
-
},
|
|
9826
|
-
"Show Suffix#958:100": {
|
|
9827
|
-
"type": "BOOLEAN"
|
|
9828
|
-
},
|
|
9829
|
-
"Show Prefix#958:125": {
|
|
9830
|
-
"type": "BOOLEAN"
|
|
9831
|
-
},
|
|
9832
|
-
"Show Indicator#1259:0": {
|
|
9833
|
-
"type": "BOOLEAN"
|
|
9834
|
-
},
|
|
9835
|
-
"Show Prefix Text#1267:0": {
|
|
9836
|
-
"type": "BOOLEAN"
|
|
9837
|
-
},
|
|
9838
|
-
"Prefix Icon#1267:25": {
|
|
9839
|
-
"type": "INSTANCE_SWAP",
|
|
9840
|
-
"preferredValues": []
|
|
9841
|
-
},
|
|
9842
|
-
"Show Prefix Icon#1267:50": {
|
|
9843
|
-
"type": "BOOLEAN"
|
|
9844
|
-
},
|
|
9845
|
-
"Show Suffix Icon#1267:75": {
|
|
9846
|
-
"type": "BOOLEAN"
|
|
9847
|
-
},
|
|
9848
|
-
"Suffix Icon #1267:100": {
|
|
9849
|
-
"type": "INSTANCE_SWAP",
|
|
9850
|
-
"preferredValues": []
|
|
9851
|
-
},
|
|
9852
|
-
"Show Suffix Text#1267:125": {
|
|
9853
|
-
"type": "BOOLEAN"
|
|
9854
|
-
},
|
|
9855
|
-
"Filled Text#1304:0": {
|
|
9856
|
-
"type": "TEXT"
|
|
9857
|
-
},
|
|
9858
|
-
"Description#12626:5": {
|
|
9859
|
-
"type": "TEXT"
|
|
9860
|
-
},
|
|
9861
|
-
"Label#14964:0": {
|
|
9862
|
-
"type": "TEXT"
|
|
9863
|
-
},
|
|
9864
|
-
"Max Character Count#15327:27": {
|
|
9865
|
-
"type": "TEXT"
|
|
9866
|
-
},
|
|
9867
|
-
"Character Count#15327:64": {
|
|
9868
|
-
"type": "TEXT"
|
|
9869
|
-
},
|
|
9870
|
-
"Prefix Text#15327:101": {
|
|
9871
|
-
"type": "TEXT"
|
|
9872
|
-
},
|
|
9873
|
-
"Suffix Text#15327:138": {
|
|
9874
|
-
"type": "TEXT"
|
|
9875
|
-
},
|
|
9876
|
-
"Indicator#15327:249": {
|
|
9877
|
-
"type": "TEXT"
|
|
9878
|
-
},
|
|
9879
|
-
"Size": {
|
|
9880
|
-
"type": "VARIANT",
|
|
9881
|
-
"variantOptions": [
|
|
9882
|
-
"Medium",
|
|
9883
|
-
"Large(Default)"
|
|
9884
|
-
]
|
|
9885
|
-
},
|
|
9886
|
-
"State": {
|
|
9887
|
-
"type": "VARIANT",
|
|
9888
|
-
"variantOptions": [
|
|
9889
|
-
"Enabled",
|
|
9890
|
-
"Focused",
|
|
9891
|
-
"Invalid",
|
|
9892
|
-
"Invalid-Focused",
|
|
9893
|
-
"Disabled",
|
|
9894
|
-
"Read Only"
|
|
9895
|
-
]
|
|
9896
|
-
},
|
|
9897
|
-
"Filled": {
|
|
9898
|
-
"type": "VARIANT",
|
|
9899
|
-
"variantOptions": [
|
|
9900
|
-
"True",
|
|
9901
|
-
"False"
|
|
9902
|
-
]
|
|
9903
|
-
}
|
|
9904
|
-
}
|
|
9905
|
-
};
|
|
9906
9911
|
const toggleButton = {
|
|
9907
9912
|
"name": "toggleButton",
|
|
9908
9913
|
"key": "1d240ee5fd7a56879713e69cbea1b6f006f0ea22",
|
|
@@ -9998,11 +10003,84 @@ const topNavigation = {
|
|
|
9998
10003
|
}
|
|
9999
10004
|
}
|
|
10000
10005
|
};
|
|
10006
|
+
const actionButtonGhostButton = {
|
|
10007
|
+
"name": "actionButtonGhostButton",
|
|
10008
|
+
"key": "ea69291fb4d76217419f3d9613ae16aadafb56a5",
|
|
10009
|
+
"componentPropertyDefinitions": {
|
|
10010
|
+
"Label#30511:2": {
|
|
10011
|
+
"type": "TEXT"
|
|
10012
|
+
},
|
|
10013
|
+
"Prefix Icon#30511:3": {
|
|
10014
|
+
"type": "INSTANCE_SWAP",
|
|
10015
|
+
"preferredValues": []
|
|
10016
|
+
},
|
|
10017
|
+
"Suffix Icon#30525:0": {
|
|
10018
|
+
"type": "INSTANCE_SWAP",
|
|
10019
|
+
"preferredValues": [
|
|
10020
|
+
{
|
|
10021
|
+
"type": "COMPONENT_SET",
|
|
10022
|
+
"key": "c8415f85843e5aea5a1d3620d03d16b643bf86cd"
|
|
10023
|
+
},
|
|
10024
|
+
{
|
|
10025
|
+
"type": "COMPONENT_SET",
|
|
10026
|
+
"key": "0d0a2bc648a2c4e1f06a56a30ef16299b6e91037"
|
|
10027
|
+
},
|
|
10028
|
+
{
|
|
10029
|
+
"type": "COMPONENT_SET",
|
|
10030
|
+
"key": "8f28ae559baf8f388d84ccc3ad65a282966e1b05"
|
|
10031
|
+
},
|
|
10032
|
+
{
|
|
10033
|
+
"type": "COMPONENT_SET",
|
|
10034
|
+
"key": "57341e8a9961bf31590240dd288e57c76969098d"
|
|
10035
|
+
}
|
|
10036
|
+
]
|
|
10037
|
+
},
|
|
10038
|
+
"Icon#30525:15": {
|
|
10039
|
+
"type": "INSTANCE_SWAP",
|
|
10040
|
+
"preferredValues": []
|
|
10041
|
+
},
|
|
10042
|
+
"Bleed": {
|
|
10043
|
+
"type": "VARIANT",
|
|
10044
|
+
"variantOptions": [
|
|
10045
|
+
"true",
|
|
10046
|
+
"false"
|
|
10047
|
+
]
|
|
10048
|
+
},
|
|
10049
|
+
"Size": {
|
|
10050
|
+
"type": "VARIANT",
|
|
10051
|
+
"variantOptions": [
|
|
10052
|
+
"Xsmall",
|
|
10053
|
+
"Small",
|
|
10054
|
+
"Medium",
|
|
10055
|
+
"Large"
|
|
10056
|
+
]
|
|
10057
|
+
},
|
|
10058
|
+
"Layout": {
|
|
10059
|
+
"type": "VARIANT",
|
|
10060
|
+
"variantOptions": [
|
|
10061
|
+
"Text Only",
|
|
10062
|
+
"Icon First",
|
|
10063
|
+
"Icon Last",
|
|
10064
|
+
"Icon Only"
|
|
10065
|
+
]
|
|
10066
|
+
},
|
|
10067
|
+
"State": {
|
|
10068
|
+
"type": "VARIANT",
|
|
10069
|
+
"variantOptions": [
|
|
10070
|
+
"Enabled",
|
|
10071
|
+
"Pressed",
|
|
10072
|
+
"Loading",
|
|
10073
|
+
"Disabled"
|
|
10074
|
+
]
|
|
10075
|
+
}
|
|
10076
|
+
}
|
|
10077
|
+
};
|
|
10001
10078
|
|
|
10002
10079
|
var FIGMA_COMPONENTS = {
|
|
10003
10080
|
__proto__: null,
|
|
10004
10081
|
_switch: _switch,
|
|
10005
10082
|
actionButton: actionButton,
|
|
10083
|
+
actionButtonGhostButton: actionButtonGhostButton,
|
|
10006
10084
|
alertDialog: alertDialog,
|
|
10007
10085
|
avatar: avatar,
|
|
10008
10086
|
avatarStack: avatarStack,
|
|
@@ -10026,15 +10104,14 @@ var FIGMA_COMPONENTS = {
|
|
|
10026
10104
|
mannerTemp: mannerTemp,
|
|
10027
10105
|
mannerTempBadge: mannerTempBadge,
|
|
10028
10106
|
menuSheet: menuSheet,
|
|
10029
|
-
multilineTextField: multilineTextField,
|
|
10030
10107
|
pageBanner: pageBanner,
|
|
10031
10108
|
progressCircle: progressCircle,
|
|
10032
10109
|
radio: radio,
|
|
10033
10110
|
radioMark: radioMark,
|
|
10034
|
-
rangeSlider: rangeSlider,
|
|
10035
10111
|
reactionButton: reactionButton,
|
|
10036
10112
|
resizableChild: resizableChild,
|
|
10037
10113
|
resizableIcon: resizableIcon,
|
|
10114
|
+
scrollFog: scrollFog,
|
|
10038
10115
|
segmentedControl: segmentedControl,
|
|
10039
10116
|
selectBox: selectBox,
|
|
10040
10117
|
skeleton: skeleton,
|
|
@@ -10048,10 +10125,13 @@ var FIGMA_COMPONENTS = {
|
|
|
10048
10125
|
templateButtonGroup: templateButtonGroup,
|
|
10049
10126
|
templateChipGroup: templateChipGroup,
|
|
10050
10127
|
templateCompletion: templateCompletion,
|
|
10128
|
+
templateCustomPickerField: templateCustomPickerField,
|
|
10051
10129
|
templateErrorState: templateErrorState,
|
|
10052
10130
|
templateSelectBoxGroup: templateSelectBoxGroup,
|
|
10131
|
+
templateSliderField: templateSliderField,
|
|
10132
|
+
templateTextField: templateTextField,
|
|
10133
|
+
templateTextareaField: templateTextareaField,
|
|
10053
10134
|
templateTopNavigation: templateTopNavigation,
|
|
10054
|
-
textField: textField,
|
|
10055
10135
|
toggleButton: toggleButton,
|
|
10056
10136
|
topNavigation: topNavigation
|
|
10057
10137
|
};
|