@seed-design/figma 0.1.8 → 0.1.10
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 +192 -141
- package/lib/codegen/index.d.ts +75 -36
- package/lib/codegen/index.d.ts.map +1 -1
- package/lib/codegen/index.js +192 -141
- package/lib/codegen/targets/react/index.cjs +301 -232
- package/lib/codegen/targets/react/index.d.ts +3 -2
- package/lib/codegen/targets/react/index.d.ts.map +1 -1
- package/lib/codegen/targets/react/index.js +301 -232
- package/lib/index.cjs +193 -141
- package/lib/index.d.ts +1 -0
- package/lib/index.d.ts.map +1 -1
- package/lib/index.js +193 -141
- package/package.json +2 -2
- package/src/codegen/component-properties.ts +8 -0
- package/src/codegen/targets/figma/props.ts +1 -1
- package/src/codegen/targets/react/component/handlers/avatar-stack.ts +17 -12
- package/src/codegen/targets/react/component/handlers/checkbox.ts +3 -5
- package/src/codegen/targets/react/component/handlers/chip.ts +35 -14
- package/src/codegen/targets/react/component/handlers/identity-placeholder.ts +4 -2
- package/src/codegen/targets/react/component/handlers/manner-temp.ts +1 -1
- package/src/codegen/targets/react/component/handlers/progress-circle.ts +1 -1
- package/src/codegen/targets/react/component/handlers/reaction-button.ts +3 -5
- package/src/codegen/targets/react/component/handlers/select-box.ts +6 -8
- package/src/codegen/targets/react/component/handlers/switch.ts +4 -11
- package/src/codegen/targets/react/component/handlers/toggle-button.ts +3 -5
- package/src/codegen/targets/react/instance.ts +15 -1
- package/src/codegen/targets/react/props.ts +6 -5
- package/src/entities/data/__generated__/component-sets/checkbox.d.ts +9 -7
- package/src/entities/data/__generated__/component-sets/checkbox.mjs +9 -7
- package/src/entities/data/__generated__/component-sets/checkmark.d.ts +9 -7
- package/src/entities/data/__generated__/component-sets/checkmark.mjs +9 -7
- package/src/entities/data/__generated__/component-sets/chip.d.ts +11 -7
- package/src/entities/data/__generated__/component-sets/chip.mjs +11 -7
- package/src/entities/data/__generated__/component-sets/index.d.ts +1 -0
- package/src/entities/data/__generated__/component-sets/index.mjs +1 -0
- package/src/entities/data/__generated__/component-sets/progress-circle.d.ts +1 -1
- package/src/entities/data/__generated__/component-sets/progress-circle.mjs +1 -1
- package/src/entities/data/__generated__/component-sets/radio-mark.d.ts +4 -10
- package/src/entities/data/__generated__/component-sets/radio-mark.mjs +4 -10
- package/src/entities/data/__generated__/component-sets/radio.d.ts +8 -4
- package/src/entities/data/__generated__/component-sets/radio.mjs +8 -4
- package/src/entities/data/__generated__/component-sets/reaction-button.d.ts +8 -5
- package/src/entities/data/__generated__/component-sets/reaction-button.mjs +8 -5
- package/src/entities/data/__generated__/component-sets/select-box.d.ts +8 -3
- package/src/entities/data/__generated__/component-sets/select-box.mjs +8 -3
- package/src/entities/data/__generated__/component-sets/superscript-child.d.ts +18 -0
- package/src/entities/data/__generated__/component-sets/superscript-child.mjs +18 -0
- package/src/entities/data/__generated__/component-sets/switch.d.ts +21 -7
- package/src/entities/data/__generated__/component-sets/switch.mjs +21 -7
- package/src/entities/data/__generated__/component-sets/toggle-button.d.ts +8 -5
- package/src/entities/data/__generated__/component-sets/toggle-button.mjs +8 -5
- package/src/normalizer/from-plugin.ts +1 -0
- package/src/normalizer/types.ts +2 -0
package/lib/codegen/index.js
CHANGED
|
@@ -7627,7 +7627,7 @@ const FIGMA_VARIABLES = {
|
|
|
7627
7627
|
}
|
|
7628
7628
|
};
|
|
7629
7629
|
|
|
7630
|
-
const metadata$
|
|
7630
|
+
const metadata$L = {
|
|
7631
7631
|
"name": "🔵 [Template] Button Group",
|
|
7632
7632
|
"key": "29109a34197f2eb5d390b1d9ebba270979a7b302",
|
|
7633
7633
|
"componentPropertyDefinitions": {
|
|
@@ -7655,7 +7655,7 @@ const metadata$K = {
|
|
|
7655
7655
|
}
|
|
7656
7656
|
};
|
|
7657
7657
|
|
|
7658
|
-
const metadata$
|
|
7658
|
+
const metadata$K = {
|
|
7659
7659
|
"name": "🔵 [Template] Chip Group",
|
|
7660
7660
|
"key": "5b1155aae0f90d1bce6a7499f53a547e88ec3b86",
|
|
7661
7661
|
"componentPropertyDefinitions": {
|
|
@@ -7685,7 +7685,7 @@ const metadata$J = {
|
|
|
7685
7685
|
}
|
|
7686
7686
|
};
|
|
7687
7687
|
|
|
7688
|
-
const metadata$
|
|
7688
|
+
const metadata$J = {
|
|
7689
7689
|
"name": "🔵 [Template] Completion",
|
|
7690
7690
|
"key": "d91c789c66c2da665d820318f1a4d8671946eb79",
|
|
7691
7691
|
"componentPropertyDefinitions": {
|
|
@@ -7714,7 +7714,7 @@ const metadata$I = {
|
|
|
7714
7714
|
}
|
|
7715
7715
|
};
|
|
7716
7716
|
|
|
7717
|
-
const metadata$
|
|
7717
|
+
const metadata$I = {
|
|
7718
7718
|
"name": "🔵 [Template] Error State",
|
|
7719
7719
|
"key": "39b4ecd0b5b4d35f4dc5791765ca04aa062a5172",
|
|
7720
7720
|
"componentPropertyDefinitions": {
|
|
@@ -7747,7 +7747,7 @@ const metadata$H = {
|
|
|
7747
7747
|
}
|
|
7748
7748
|
};
|
|
7749
7749
|
|
|
7750
|
-
const metadata$
|
|
7750
|
+
const metadata$H = {
|
|
7751
7751
|
"name": "🔵 [Template] Select Box Group",
|
|
7752
7752
|
"key": "a3d58bb8540600878742cdcf2608a4b3851667ec",
|
|
7753
7753
|
"componentPropertyDefinitions": {
|
|
@@ -7772,7 +7772,7 @@ const metadata$G = {
|
|
|
7772
7772
|
}
|
|
7773
7773
|
};
|
|
7774
7774
|
|
|
7775
|
-
const metadata$
|
|
7775
|
+
const metadata$G = {
|
|
7776
7776
|
"name": "🔵 [Template] Top Navigation",
|
|
7777
7777
|
"key": "74f045c1972dc31d0fddd0a0027537b6779cd0e8",
|
|
7778
7778
|
"componentPropertyDefinitions": {
|
|
@@ -7800,7 +7800,7 @@ const metadata$F = {
|
|
|
7800
7800
|
}
|
|
7801
7801
|
};
|
|
7802
7802
|
|
|
7803
|
-
const metadata$
|
|
7803
|
+
const metadata$F = {
|
|
7804
7804
|
"name": "🟢 Action Button",
|
|
7805
7805
|
"key": "450ede9d0bf42fc6ef14345c77e6e407d6d5ee89",
|
|
7806
7806
|
"componentPropertyDefinitions": {
|
|
@@ -7860,7 +7860,7 @@ const metadata$E = {
|
|
|
7860
7860
|
}
|
|
7861
7861
|
};
|
|
7862
7862
|
|
|
7863
|
-
const metadata$
|
|
7863
|
+
const metadata$E = {
|
|
7864
7864
|
"name": "🟢 Alert Dialog",
|
|
7865
7865
|
"key": "e0c89524a554ca1bf95c016b7255f29e257624aa",
|
|
7866
7866
|
"componentPropertyDefinitions": {
|
|
@@ -7887,7 +7887,7 @@ const metadata$D = {
|
|
|
7887
7887
|
}
|
|
7888
7888
|
};
|
|
7889
7889
|
|
|
7890
|
-
const metadata$
|
|
7890
|
+
const metadata$D = {
|
|
7891
7891
|
"name": "🟢 Avatar",
|
|
7892
7892
|
"key": "4a8853c3068c08b69b13e71dd42ce186e968697e",
|
|
7893
7893
|
"componentPropertyDefinitions": {
|
|
@@ -7919,7 +7919,7 @@ const metadata$C = {
|
|
|
7919
7919
|
}
|
|
7920
7920
|
};
|
|
7921
7921
|
|
|
7922
|
-
const metadata$
|
|
7922
|
+
const metadata$C = {
|
|
7923
7923
|
"name": "🟢 Avatar Stack",
|
|
7924
7924
|
"key": "e8e91e01000d878742c55cd6e44b6786460440f7",
|
|
7925
7925
|
"componentPropertyDefinitions": {
|
|
@@ -7939,7 +7939,7 @@ const metadata$B = {
|
|
|
7939
7939
|
}
|
|
7940
7940
|
};
|
|
7941
7941
|
|
|
7942
|
-
const metadata$
|
|
7942
|
+
const metadata$B = {
|
|
7943
7943
|
"name": "🟢 Badge",
|
|
7944
7944
|
"key": "04609a35d47a1a0ef4904b3c25f79451892a85a1",
|
|
7945
7945
|
"componentPropertyDefinitions": {
|
|
@@ -7974,7 +7974,7 @@ const metadata$A = {
|
|
|
7974
7974
|
}
|
|
7975
7975
|
};
|
|
7976
7976
|
|
|
7977
|
-
const metadata$
|
|
7977
|
+
const metadata$A = {
|
|
7978
7978
|
"name": "🟢 Bottom Navigation / Global",
|
|
7979
7979
|
"key": "983650a4dff639b38bf68ff6004efc8ec4fb5c20",
|
|
7980
7980
|
"componentPropertyDefinitions": {
|
|
@@ -7998,7 +7998,7 @@ const metadata$z = {
|
|
|
7998
7998
|
}
|
|
7999
7999
|
};
|
|
8000
8000
|
|
|
8001
|
-
const metadata$
|
|
8001
|
+
const metadata$z = {
|
|
8002
8002
|
"name": "🟢 Bottom Navigation / KR",
|
|
8003
8003
|
"key": "accc7cea2d0250cdfbf0197ce00a677c6b9e0dae",
|
|
8004
8004
|
"componentPropertyDefinitions": {
|
|
@@ -8015,7 +8015,7 @@ const metadata$y = {
|
|
|
8015
8015
|
}
|
|
8016
8016
|
};
|
|
8017
8017
|
|
|
8018
|
-
const metadata$
|
|
8018
|
+
const metadata$y = {
|
|
8019
8019
|
"name": "🟢 Bottom Sheet",
|
|
8020
8020
|
"key": "16bafa5d1155896fe18fb6f52f904f5cd2048686",
|
|
8021
8021
|
"componentPropertyDefinitions": {
|
|
@@ -8079,7 +8079,7 @@ const metadata$x = {
|
|
|
8079
8079
|
}
|
|
8080
8080
|
};
|
|
8081
8081
|
|
|
8082
|
-
const metadata$
|
|
8082
|
+
const metadata$x = {
|
|
8083
8083
|
"name": "🟢 Callout",
|
|
8084
8084
|
"key": "ec46d38baac3c367c4a5ffa47a2110d51ba0a4fe",
|
|
8085
8085
|
"componentPropertyDefinitions": {
|
|
@@ -8128,7 +8128,7 @@ const metadata$w = {
|
|
|
8128
8128
|
}
|
|
8129
8129
|
};
|
|
8130
8130
|
|
|
8131
|
-
const metadata$
|
|
8131
|
+
const metadata$w = {
|
|
8132
8132
|
"name": "🟢 Checkbox",
|
|
8133
8133
|
"key": "94a2f6957a86f8ae3b8c7ca200dfcd5e29f6075b",
|
|
8134
8134
|
"componentPropertyDefinitions": {
|
|
@@ -8156,24 +8156,26 @@ const metadata$v = {
|
|
|
8156
8156
|
"Stronger"
|
|
8157
8157
|
]
|
|
8158
8158
|
},
|
|
8159
|
+
"Selected": {
|
|
8160
|
+
"type": "VARIANT",
|
|
8161
|
+
"variantOptions": [
|
|
8162
|
+
"True",
|
|
8163
|
+
"False",
|
|
8164
|
+
"Indeterminate"
|
|
8165
|
+
]
|
|
8166
|
+
},
|
|
8159
8167
|
"State": {
|
|
8160
8168
|
"type": "VARIANT",
|
|
8161
8169
|
"variantOptions": [
|
|
8162
8170
|
"Enabled",
|
|
8163
8171
|
"Pressed",
|
|
8164
|
-
"Disabled"
|
|
8165
|
-
"Selected",
|
|
8166
|
-
"Selected-Pressed",
|
|
8167
|
-
"Selected-Disabled",
|
|
8168
|
-
"Indeterminate",
|
|
8169
|
-
"Indeterminate-Pressed",
|
|
8170
|
-
"Indeterminate-Disabled"
|
|
8172
|
+
"Disabled"
|
|
8171
8173
|
]
|
|
8172
8174
|
}
|
|
8173
8175
|
}
|
|
8174
8176
|
};
|
|
8175
8177
|
|
|
8176
|
-
const metadata$
|
|
8178
|
+
const metadata$v = {
|
|
8177
8179
|
"name": "🟢 Checkmark",
|
|
8178
8180
|
"key": "fae60fb392f55bde60de1dbccb2f453320068805",
|
|
8179
8181
|
"componentPropertyDefinitions": {
|
|
@@ -8191,24 +8193,26 @@ const metadata$u = {
|
|
|
8191
8193
|
"Large"
|
|
8192
8194
|
]
|
|
8193
8195
|
},
|
|
8196
|
+
"Selected": {
|
|
8197
|
+
"type": "VARIANT",
|
|
8198
|
+
"variantOptions": [
|
|
8199
|
+
"True",
|
|
8200
|
+
"False",
|
|
8201
|
+
"Indeterminate"
|
|
8202
|
+
]
|
|
8203
|
+
},
|
|
8194
8204
|
"State": {
|
|
8195
8205
|
"type": "VARIANT",
|
|
8196
8206
|
"variantOptions": [
|
|
8197
8207
|
"Enabled",
|
|
8198
8208
|
"Pressed",
|
|
8199
|
-
"
|
|
8200
|
-
"Selected-Pressed",
|
|
8201
|
-
"Indeterminate",
|
|
8202
|
-
"Indeterminate-Pressed",
|
|
8203
|
-
"Disabled",
|
|
8204
|
-
"Disabled-Selected",
|
|
8205
|
-
"Disabled-Indeterminate"
|
|
8209
|
+
"Disabled"
|
|
8206
8210
|
]
|
|
8207
8211
|
}
|
|
8208
8212
|
}
|
|
8209
8213
|
};
|
|
8210
8214
|
|
|
8211
|
-
const metadata$
|
|
8215
|
+
const metadata$u = {
|
|
8212
8216
|
"name": "🟢 Chip",
|
|
8213
8217
|
"key": "8156ef08d9aaa2b0de1cc4a113ec0c9d0586f831",
|
|
8214
8218
|
"componentPropertyDefinitions": {
|
|
@@ -8246,6 +8250,10 @@ const metadata$t = {
|
|
|
8246
8250
|
{
|
|
8247
8251
|
"type": "COMPONENT_SET",
|
|
8248
8252
|
"key": "df43b92004c850e7c6d2869e7a4ba1ef9a2d7db6"
|
|
8253
|
+
},
|
|
8254
|
+
{
|
|
8255
|
+
"type": "COMPONENT_SET",
|
|
8256
|
+
"key": "19923052d4152393ecdc6e2f5853ea0359849127"
|
|
8249
8257
|
}
|
|
8250
8258
|
]
|
|
8251
8259
|
},
|
|
@@ -8268,19 +8276,19 @@ const metadata$t = {
|
|
|
8268
8276
|
"Small"
|
|
8269
8277
|
]
|
|
8270
8278
|
},
|
|
8271
|
-
"
|
|
8279
|
+
"Selected": {
|
|
8272
8280
|
"type": "VARIANT",
|
|
8273
8281
|
"variantOptions": [
|
|
8274
|
-
"
|
|
8275
|
-
"
|
|
8276
|
-
"Disabled"
|
|
8282
|
+
"False",
|
|
8283
|
+
"True"
|
|
8277
8284
|
]
|
|
8278
8285
|
},
|
|
8279
|
-
"
|
|
8286
|
+
"State": {
|
|
8280
8287
|
"type": "VARIANT",
|
|
8281
8288
|
"variantOptions": [
|
|
8282
|
-
"
|
|
8283
|
-
"
|
|
8289
|
+
"Enabled",
|
|
8290
|
+
"Pressed",
|
|
8291
|
+
"Disabled"
|
|
8284
8292
|
]
|
|
8285
8293
|
},
|
|
8286
8294
|
"Prefix Type": {
|
|
@@ -8295,7 +8303,7 @@ const metadata$t = {
|
|
|
8295
8303
|
}
|
|
8296
8304
|
};
|
|
8297
8305
|
|
|
8298
|
-
const metadata$
|
|
8306
|
+
const metadata$t = {
|
|
8299
8307
|
"name": "🟢 Chlid",
|
|
8300
8308
|
"key": "aa9ffdd60fbfdea42f0d11162cd64f4b4389ddcc",
|
|
8301
8309
|
"componentPropertyDefinitions": {
|
|
@@ -8310,7 +8318,7 @@ const metadata$s = {
|
|
|
8310
8318
|
}
|
|
8311
8319
|
};
|
|
8312
8320
|
|
|
8313
|
-
const metadata$
|
|
8321
|
+
const metadata$s = {
|
|
8314
8322
|
"name": "🟢 Contextual Floating Button",
|
|
8315
8323
|
"key": "032f3fddaad0aa3fa5a7f680768c1f5d02fb463f",
|
|
8316
8324
|
"componentPropertyDefinitions": {
|
|
@@ -8347,7 +8355,7 @@ const metadata$r = {
|
|
|
8347
8355
|
}
|
|
8348
8356
|
};
|
|
8349
8357
|
|
|
8350
|
-
const metadata$
|
|
8358
|
+
const metadata$r = {
|
|
8351
8359
|
"name": "🟢 Divider",
|
|
8352
8360
|
"key": "848e953725f757ea1a79e1fecc0b608a035032d3",
|
|
8353
8361
|
"componentPropertyDefinitions": {
|
|
@@ -8361,7 +8369,7 @@ const metadata$q = {
|
|
|
8361
8369
|
}
|
|
8362
8370
|
};
|
|
8363
8371
|
|
|
8364
|
-
const metadata$
|
|
8372
|
+
const metadata$q = {
|
|
8365
8373
|
"name": "🟢 Floating Action Button",
|
|
8366
8374
|
"key": "65f9e7eede627b893fb8ff94ed9a7d0db900c464",
|
|
8367
8375
|
"componentPropertyDefinitions": {
|
|
@@ -8375,7 +8383,7 @@ const metadata$p = {
|
|
|
8375
8383
|
}
|
|
8376
8384
|
};
|
|
8377
8385
|
|
|
8378
|
-
const metadata$
|
|
8386
|
+
const metadata$p = {
|
|
8379
8387
|
"name": "🟢 Help Bubble",
|
|
8380
8388
|
"key": "804b327c091278a40d5891939eaed90bb2889659",
|
|
8381
8389
|
"componentPropertyDefinitions": {
|
|
@@ -8408,7 +8416,7 @@ const metadata$o = {
|
|
|
8408
8416
|
}
|
|
8409
8417
|
};
|
|
8410
8418
|
|
|
8411
|
-
const metadata$
|
|
8419
|
+
const metadata$o = {
|
|
8412
8420
|
"name": "🟢 Inline Banner",
|
|
8413
8421
|
"key": "ce587d0f21754af05240cb32a4880227cb0ea1e1",
|
|
8414
8422
|
"componentPropertyDefinitions": {
|
|
@@ -8449,7 +8457,7 @@ const metadata$n = {
|
|
|
8449
8457
|
}
|
|
8450
8458
|
};
|
|
8451
8459
|
|
|
8452
|
-
const metadata$
|
|
8460
|
+
const metadata$n = {
|
|
8453
8461
|
"name": "🟢 Main Tab Navigation / Global",
|
|
8454
8462
|
"key": "a694a1da14a5c1d7d5c66bc78218c0c61fb388ab",
|
|
8455
8463
|
"componentPropertyDefinitions": {
|
|
@@ -8476,7 +8484,7 @@ const metadata$m = {
|
|
|
8476
8484
|
}
|
|
8477
8485
|
};
|
|
8478
8486
|
|
|
8479
|
-
const metadata$
|
|
8487
|
+
const metadata$m = {
|
|
8480
8488
|
"name": "🟢 Main Tab Navigation / KR",
|
|
8481
8489
|
"key": "41d3601e6b4c632a56cdc8fad485a76c026fdd8e",
|
|
8482
8490
|
"componentPropertyDefinitions": {
|
|
@@ -8500,7 +8508,7 @@ const metadata$l = {
|
|
|
8500
8508
|
}
|
|
8501
8509
|
};
|
|
8502
8510
|
|
|
8503
|
-
const metadata$
|
|
8511
|
+
const metadata$l = {
|
|
8504
8512
|
"name": "🟢 Manner Temp",
|
|
8505
8513
|
"key": "37c0a35f73a730fdfba7929cea91a7590fc93733",
|
|
8506
8514
|
"componentPropertyDefinitions": {
|
|
@@ -8518,7 +8526,7 @@ const metadata$k = {
|
|
|
8518
8526
|
}
|
|
8519
8527
|
};
|
|
8520
8528
|
|
|
8521
|
-
const metadata$
|
|
8529
|
+
const metadata$k = {
|
|
8522
8530
|
"name": "🟢 Manner Temp Badge",
|
|
8523
8531
|
"key": "3ef9a84d4d80046ff9a581136bd56269554a6e00",
|
|
8524
8532
|
"componentPropertyDefinitions": {
|
|
@@ -8536,7 +8544,7 @@ const metadata$j = {
|
|
|
8536
8544
|
}
|
|
8537
8545
|
};
|
|
8538
8546
|
|
|
8539
|
-
const metadata$
|
|
8547
|
+
const metadata$j = {
|
|
8540
8548
|
"name": "🟢 Menu Sheet",
|
|
8541
8549
|
"key": "cd4cf8a850bf3de87b79080b36b421a649bf3fcb",
|
|
8542
8550
|
"componentPropertyDefinitions": {
|
|
@@ -8573,7 +8581,7 @@ const metadata$i = {
|
|
|
8573
8581
|
}
|
|
8574
8582
|
};
|
|
8575
8583
|
|
|
8576
|
-
const metadata$
|
|
8584
|
+
const metadata$i = {
|
|
8577
8585
|
"name": "🟢 Multiline Text Field",
|
|
8578
8586
|
"key": "88b2399c930c85f9ce2972163a078bc684b84bbe",
|
|
8579
8587
|
"componentPropertyDefinitions": {
|
|
@@ -8642,7 +8650,7 @@ const metadata$h = {
|
|
|
8642
8650
|
}
|
|
8643
8651
|
};
|
|
8644
8652
|
|
|
8645
|
-
const metadata$
|
|
8653
|
+
const metadata$h = {
|
|
8646
8654
|
"name": "🟢 Progress Circle",
|
|
8647
8655
|
"key": "6e6779a372cab2485a0e25529bc4dbc9932a7346",
|
|
8648
8656
|
"componentPropertyDefinitions": {
|
|
@@ -8659,7 +8667,7 @@ const metadata$g = {
|
|
|
8659
8667
|
"Neutral",
|
|
8660
8668
|
"Brand",
|
|
8661
8669
|
"Static White",
|
|
8662
|
-
"Custom"
|
|
8670
|
+
"Custom(inherit)"
|
|
8663
8671
|
]
|
|
8664
8672
|
},
|
|
8665
8673
|
"Value": {
|
|
@@ -8675,7 +8683,7 @@ const metadata$g = {
|
|
|
8675
8683
|
}
|
|
8676
8684
|
};
|
|
8677
8685
|
|
|
8678
|
-
const metadata$
|
|
8686
|
+
const metadata$g = {
|
|
8679
8687
|
"name": "🟢 Radio",
|
|
8680
8688
|
"key": "ac72d9e5ab04a1d59eaf77dffd380fd6e491ecf8",
|
|
8681
8689
|
"componentPropertyDefinitions": {
|
|
@@ -8689,21 +8697,25 @@ const metadata$f = {
|
|
|
8689
8697
|
"Large"
|
|
8690
8698
|
]
|
|
8691
8699
|
},
|
|
8700
|
+
"Selected": {
|
|
8701
|
+
"type": "VARIANT",
|
|
8702
|
+
"variantOptions": [
|
|
8703
|
+
"True",
|
|
8704
|
+
"False"
|
|
8705
|
+
]
|
|
8706
|
+
},
|
|
8692
8707
|
"State": {
|
|
8693
8708
|
"type": "VARIANT",
|
|
8694
8709
|
"variantOptions": [
|
|
8695
8710
|
"Enabled",
|
|
8696
8711
|
"Pressed",
|
|
8697
|
-
"Disabled"
|
|
8698
|
-
"Selected",
|
|
8699
|
-
"Selected-Pressed",
|
|
8700
|
-
"Selected-Disabled"
|
|
8712
|
+
"Disabled"
|
|
8701
8713
|
]
|
|
8702
8714
|
}
|
|
8703
8715
|
}
|
|
8704
8716
|
};
|
|
8705
8717
|
|
|
8706
|
-
const metadata$
|
|
8718
|
+
const metadata$f = {
|
|
8707
8719
|
"name": "🟢 Radio Mark",
|
|
8708
8720
|
"key": "832d696d6e9566610968cd70f128f500ec009d6a",
|
|
8709
8721
|
"componentPropertyDefinitions": {
|
|
@@ -8721,24 +8733,18 @@ const metadata$e = {
|
|
|
8721
8733
|
"False"
|
|
8722
8734
|
]
|
|
8723
8735
|
},
|
|
8724
|
-
"
|
|
8725
|
-
"type": "VARIANT",
|
|
8726
|
-
"variantOptions": [
|
|
8727
|
-
"True",
|
|
8728
|
-
"False"
|
|
8729
|
-
]
|
|
8730
|
-
},
|
|
8731
|
-
"Disabled": {
|
|
8736
|
+
"State": {
|
|
8732
8737
|
"type": "VARIANT",
|
|
8733
8738
|
"variantOptions": [
|
|
8734
|
-
"
|
|
8735
|
-
"
|
|
8739
|
+
"Enabled",
|
|
8740
|
+
"Pressed",
|
|
8741
|
+
"Disabled"
|
|
8736
8742
|
]
|
|
8737
8743
|
}
|
|
8738
8744
|
}
|
|
8739
8745
|
};
|
|
8740
8746
|
|
|
8741
|
-
const metadata$
|
|
8747
|
+
const metadata$e = {
|
|
8742
8748
|
"name": "🟢 Range Slider",
|
|
8743
8749
|
"key": "64fc49184979e0be40aa367ca98868601eb7dad5",
|
|
8744
8750
|
"componentPropertyDefinitions": {
|
|
@@ -8770,7 +8776,7 @@ const metadata$d = {
|
|
|
8770
8776
|
}
|
|
8771
8777
|
};
|
|
8772
8778
|
|
|
8773
|
-
const metadata$
|
|
8779
|
+
const metadata$d = {
|
|
8774
8780
|
"name": "🟢 Reaction Button",
|
|
8775
8781
|
"key": "ec43e4e881f7048e95601f8b58c01a0905a174e0",
|
|
8776
8782
|
"componentPropertyDefinitions": {
|
|
@@ -8794,23 +8800,26 @@ const metadata$c = {
|
|
|
8794
8800
|
"Small"
|
|
8795
8801
|
]
|
|
8796
8802
|
},
|
|
8803
|
+
"Selected": {
|
|
8804
|
+
"type": "VARIANT",
|
|
8805
|
+
"variantOptions": [
|
|
8806
|
+
"True",
|
|
8807
|
+
"False"
|
|
8808
|
+
]
|
|
8809
|
+
},
|
|
8797
8810
|
"State": {
|
|
8798
8811
|
"type": "VARIANT",
|
|
8799
8812
|
"variantOptions": [
|
|
8800
8813
|
"Enabled",
|
|
8801
8814
|
"Pressed",
|
|
8802
8815
|
"Loading",
|
|
8803
|
-
"
|
|
8804
|
-
"Selected-Pressed",
|
|
8805
|
-
"Selected-Loading",
|
|
8806
|
-
"Disabled",
|
|
8807
|
-
"Disabled-Selected"
|
|
8816
|
+
"Disabled"
|
|
8808
8817
|
]
|
|
8809
8818
|
}
|
|
8810
8819
|
}
|
|
8811
8820
|
};
|
|
8812
8821
|
|
|
8813
|
-
const metadata$
|
|
8822
|
+
const metadata$c = {
|
|
8814
8823
|
"name": "🟢 Resizable.Icon",
|
|
8815
8824
|
"key": "1f74eedb6fb186fd201d6ad5b2dbcd46a2bddf3e",
|
|
8816
8825
|
"componentPropertyDefinitions": {
|
|
@@ -8829,7 +8838,7 @@ const metadata$b = {
|
|
|
8829
8838
|
}
|
|
8830
8839
|
};
|
|
8831
8840
|
|
|
8832
|
-
const metadata$
|
|
8841
|
+
const metadata$b = {
|
|
8833
8842
|
"name": "🟢 ResizableChild",
|
|
8834
8843
|
"key": "df43b92004c850e7c6d2869e7a4ba1ef9a2d7db6",
|
|
8835
8844
|
"componentPropertyDefinitions": {
|
|
@@ -8848,7 +8857,7 @@ const metadata$a = {
|
|
|
8848
8857
|
}
|
|
8849
8858
|
};
|
|
8850
8859
|
|
|
8851
|
-
const metadata$
|
|
8860
|
+
const metadata$a = {
|
|
8852
8861
|
"name": "🟢 Segmented Control",
|
|
8853
8862
|
"key": "3ad7133ba52755867f42f9232375f75639e00d58",
|
|
8854
8863
|
"componentPropertyDefinitions": {
|
|
@@ -8872,7 +8881,7 @@ const metadata$9 = {
|
|
|
8872
8881
|
}
|
|
8873
8882
|
};
|
|
8874
8883
|
|
|
8875
|
-
const metadata$
|
|
8884
|
+
const metadata$9 = {
|
|
8876
8885
|
"name": "🟢 Select Box",
|
|
8877
8886
|
"key": "38722ffeb4c966256a709155e8ddac50c93d7c60",
|
|
8878
8887
|
"componentPropertyDefinitions": {
|
|
@@ -8892,19 +8901,24 @@ const metadata$8 = {
|
|
|
8892
8901
|
"Radio"
|
|
8893
8902
|
]
|
|
8894
8903
|
},
|
|
8904
|
+
"Selected": {
|
|
8905
|
+
"type": "VARIANT",
|
|
8906
|
+
"variantOptions": [
|
|
8907
|
+
"True",
|
|
8908
|
+
"False"
|
|
8909
|
+
]
|
|
8910
|
+
},
|
|
8895
8911
|
"State": {
|
|
8896
8912
|
"type": "VARIANT",
|
|
8897
8913
|
"variantOptions": [
|
|
8898
8914
|
"Enabled",
|
|
8899
|
-
"Pressed"
|
|
8900
|
-
"Selected",
|
|
8901
|
-
"Selected-Pressed"
|
|
8915
|
+
"Pressed"
|
|
8902
8916
|
]
|
|
8903
8917
|
}
|
|
8904
8918
|
}
|
|
8905
8919
|
};
|
|
8906
8920
|
|
|
8907
|
-
const metadata$
|
|
8921
|
+
const metadata$8 = {
|
|
8908
8922
|
"name": "🟢 Skeleton",
|
|
8909
8923
|
"key": "ef22c3288722fbfa64a5ab73df397ade88f8e05a",
|
|
8910
8924
|
"componentPropertyDefinitions": {
|
|
@@ -8927,7 +8941,7 @@ const metadata$7 = {
|
|
|
8927
8941
|
}
|
|
8928
8942
|
};
|
|
8929
8943
|
|
|
8930
|
-
const metadata$
|
|
8944
|
+
const metadata$7 = {
|
|
8931
8945
|
"name": "🟢 Slider",
|
|
8932
8946
|
"key": "aee027230a478315e380704c4523141e67e464ee",
|
|
8933
8947
|
"componentPropertyDefinitions": {
|
|
@@ -8959,7 +8973,7 @@ const metadata$6 = {
|
|
|
8959
8973
|
}
|
|
8960
8974
|
};
|
|
8961
8975
|
|
|
8962
|
-
const metadata$
|
|
8976
|
+
const metadata$6 = {
|
|
8963
8977
|
"name": "🟢 Snackbar",
|
|
8964
8978
|
"key": "81b17fb8c7d731a19cf8d36a8605559d41414eca",
|
|
8965
8979
|
"componentPropertyDefinitions": {
|
|
@@ -8983,27 +8997,60 @@ const metadata$5 = {
|
|
|
8983
8997
|
}
|
|
8984
8998
|
};
|
|
8985
8999
|
|
|
9000
|
+
const metadata$5 = {
|
|
9001
|
+
"name": "🟢 SuperscriptChild",
|
|
9002
|
+
"key": "19923052d4152393ecdc6e2f5853ea0359849127",
|
|
9003
|
+
"componentPropertyDefinitions": {
|
|
9004
|
+
"Icon#37641:0": {
|
|
9005
|
+
"type": "INSTANCE_SWAP",
|
|
9006
|
+
"preferredValues": []
|
|
9007
|
+
},
|
|
9008
|
+
"Type": {
|
|
9009
|
+
"type": "VARIANT",
|
|
9010
|
+
"variantOptions": [
|
|
9011
|
+
"Icon",
|
|
9012
|
+
"Notification Badge",
|
|
9013
|
+
"Custom"
|
|
9014
|
+
]
|
|
9015
|
+
}
|
|
9016
|
+
}
|
|
9017
|
+
};
|
|
9018
|
+
|
|
8986
9019
|
const metadata$4 = {
|
|
8987
9020
|
"name": "🟢 Switch",
|
|
8988
|
-
"key": "
|
|
9021
|
+
"key": "65e0e7ba1a0c13b42e5fd0ceb17d5f756128dd6b",
|
|
8989
9022
|
"componentPropertyDefinitions": {
|
|
8990
|
-
"Label#
|
|
9023
|
+
"Label#36578:0": {
|
|
8991
9024
|
"type": "TEXT"
|
|
8992
9025
|
},
|
|
8993
9026
|
"Size": {
|
|
8994
9027
|
"type": "VARIANT",
|
|
8995
9028
|
"variantOptions": [
|
|
8996
|
-
"
|
|
8997
|
-
"
|
|
9029
|
+
"16",
|
|
9030
|
+
"24",
|
|
9031
|
+
"32"
|
|
9032
|
+
]
|
|
9033
|
+
},
|
|
9034
|
+
"Selected": {
|
|
9035
|
+
"type": "VARIANT",
|
|
9036
|
+
"variantOptions": [
|
|
9037
|
+
"True",
|
|
9038
|
+
"False"
|
|
8998
9039
|
]
|
|
8999
9040
|
},
|
|
9000
9041
|
"State": {
|
|
9001
9042
|
"type": "VARIANT",
|
|
9002
9043
|
"variantOptions": [
|
|
9003
9044
|
"Enabled",
|
|
9004
|
-
"
|
|
9005
|
-
|
|
9006
|
-
|
|
9045
|
+
"Disabled"
|
|
9046
|
+
]
|
|
9047
|
+
},
|
|
9048
|
+
"Label Layout(Figma Only)": {
|
|
9049
|
+
"type": "VARIANT",
|
|
9050
|
+
"variantOptions": [
|
|
9051
|
+
"None",
|
|
9052
|
+
"Right",
|
|
9053
|
+
"Left"
|
|
9007
9054
|
]
|
|
9008
9055
|
}
|
|
9009
9056
|
}
|
|
@@ -9158,17 +9205,20 @@ const metadata$1 = {
|
|
|
9158
9205
|
"Brand Solid"
|
|
9159
9206
|
]
|
|
9160
9207
|
},
|
|
9208
|
+
"Selected": {
|
|
9209
|
+
"type": "VARIANT",
|
|
9210
|
+
"variantOptions": [
|
|
9211
|
+
"True",
|
|
9212
|
+
"False"
|
|
9213
|
+
]
|
|
9214
|
+
},
|
|
9161
9215
|
"State": {
|
|
9162
9216
|
"type": "VARIANT",
|
|
9163
9217
|
"variantOptions": [
|
|
9164
9218
|
"Enabled",
|
|
9165
9219
|
"Pressed",
|
|
9166
9220
|
"Loading",
|
|
9167
|
-
"
|
|
9168
|
-
"Selected-Pressed",
|
|
9169
|
-
"Selected-Loading",
|
|
9170
|
-
"Disabled",
|
|
9171
|
-
"Disabled-Selected"
|
|
9221
|
+
"Disabled"
|
|
9172
9222
|
]
|
|
9173
9223
|
}
|
|
9174
9224
|
}
|
|
@@ -9219,50 +9269,51 @@ const metadata = {
|
|
|
9219
9269
|
|
|
9220
9270
|
var FIGMA_COMPONENTS = {
|
|
9221
9271
|
__proto__: null,
|
|
9222
|
-
actionButton: metadata$
|
|
9223
|
-
alertDialog: metadata$
|
|
9224
|
-
avatar: metadata$
|
|
9225
|
-
avatarStack: metadata$
|
|
9226
|
-
badge: metadata$
|
|
9227
|
-
bottomNavigationGlobal: metadata$
|
|
9228
|
-
bottomNavigationKr: metadata$
|
|
9229
|
-
bottomSheet: metadata$
|
|
9230
|
-
callout: metadata$
|
|
9231
|
-
checkbox: metadata$
|
|
9232
|
-
checkmark: metadata$
|
|
9233
|
-
chip: metadata$
|
|
9234
|
-
chlid: metadata$
|
|
9235
|
-
contextualFloatingButton: metadata$
|
|
9236
|
-
divider: metadata$
|
|
9237
|
-
floatingActionButton: metadata$
|
|
9238
|
-
helpBubble: metadata$
|
|
9239
|
-
inlineBanner: metadata$
|
|
9240
|
-
mainTabNavigationGlobal: metadata$
|
|
9241
|
-
mainTabNavigationKr: metadata$
|
|
9242
|
-
mannerTemp: metadata$
|
|
9243
|
-
mannerTempBadge: metadata$
|
|
9244
|
-
menuSheet: metadata$
|
|
9245
|
-
multilineTextField: metadata$
|
|
9246
|
-
progressCircle: metadata$
|
|
9247
|
-
radio: metadata$
|
|
9248
|
-
radioMark: metadata$
|
|
9249
|
-
rangeSlider: metadata$
|
|
9250
|
-
reactionButton: metadata$
|
|
9251
|
-
resizableChild: metadata$
|
|
9252
|
-
resizableIcon: metadata$
|
|
9253
|
-
segmentedControl: metadata$
|
|
9254
|
-
selectBox: metadata$
|
|
9255
|
-
skeleton: metadata$
|
|
9256
|
-
slider: metadata$
|
|
9257
|
-
snackbar: metadata$
|
|
9272
|
+
actionButton: metadata$F,
|
|
9273
|
+
alertDialog: metadata$E,
|
|
9274
|
+
avatar: metadata$D,
|
|
9275
|
+
avatarStack: metadata$C,
|
|
9276
|
+
badge: metadata$B,
|
|
9277
|
+
bottomNavigationGlobal: metadata$A,
|
|
9278
|
+
bottomNavigationKr: metadata$z,
|
|
9279
|
+
bottomSheet: metadata$y,
|
|
9280
|
+
callout: metadata$x,
|
|
9281
|
+
checkbox: metadata$w,
|
|
9282
|
+
checkmark: metadata$v,
|
|
9283
|
+
chip: metadata$u,
|
|
9284
|
+
chlid: metadata$t,
|
|
9285
|
+
contextualFloatingButton: metadata$s,
|
|
9286
|
+
divider: metadata$r,
|
|
9287
|
+
floatingActionButton: metadata$q,
|
|
9288
|
+
helpBubble: metadata$p,
|
|
9289
|
+
inlineBanner: metadata$o,
|
|
9290
|
+
mainTabNavigationGlobal: metadata$n,
|
|
9291
|
+
mainTabNavigationKr: metadata$m,
|
|
9292
|
+
mannerTemp: metadata$l,
|
|
9293
|
+
mannerTempBadge: metadata$k,
|
|
9294
|
+
menuSheet: metadata$j,
|
|
9295
|
+
multilineTextField: metadata$i,
|
|
9296
|
+
progressCircle: metadata$h,
|
|
9297
|
+
radio: metadata$g,
|
|
9298
|
+
radioMark: metadata$f,
|
|
9299
|
+
rangeSlider: metadata$e,
|
|
9300
|
+
reactionButton: metadata$d,
|
|
9301
|
+
resizableChild: metadata$b,
|
|
9302
|
+
resizableIcon: metadata$c,
|
|
9303
|
+
segmentedControl: metadata$a,
|
|
9304
|
+
selectBox: metadata$9,
|
|
9305
|
+
skeleton: metadata$8,
|
|
9306
|
+
slider: metadata$7,
|
|
9307
|
+
snackbar: metadata$6,
|
|
9308
|
+
superscriptChild: metadata$5,
|
|
9258
9309
|
switch: metadata$4,
|
|
9259
9310
|
tabs: metadata$3,
|
|
9260
|
-
templateButtonGroup: metadata$
|
|
9261
|
-
templateChipGroup: metadata$
|
|
9262
|
-
templateCompletion: metadata$
|
|
9263
|
-
templateErrorState: metadata$
|
|
9264
|
-
templateSelectBoxGroup: metadata$
|
|
9265
|
-
templateTopNavigation: metadata$
|
|
9311
|
+
templateButtonGroup: metadata$L,
|
|
9312
|
+
templateChipGroup: metadata$K,
|
|
9313
|
+
templateCompletion: metadata$J,
|
|
9314
|
+
templateErrorState: metadata$I,
|
|
9315
|
+
templateSelectBoxGroup: metadata$H,
|
|
9316
|
+
templateTopNavigation: metadata$G,
|
|
9266
9317
|
textField: metadata$2,
|
|
9267
9318
|
toggleButton: metadata$1,
|
|
9268
9319
|
topNavigation: metadata
|
|
@@ -9511,7 +9562,7 @@ function createInstanceTransformer({ frameTransformer, componentRepository }) {
|
|
|
9511
9562
|
function createContainerLayoutPropsConverter(valueResolver) {
|
|
9512
9563
|
return createPropsConverter({
|
|
9513
9564
|
handlers: {
|
|
9514
|
-
layoutMode: ({ layoutMode })
|
|
9565
|
+
layoutMode: ({ layoutMode })=>!layoutMode || layoutMode === "GRID" ? "NONE" : layoutMode,
|
|
9515
9566
|
primaryAxisAlignItems: ({ primaryAxisAlignItems })=>primaryAxisAlignItems,
|
|
9516
9567
|
counterAxisAlignItems: ({ counterAxisAlignItems })=>counterAxisAlignItems,
|
|
9517
9568
|
layoutWrap: ({ layoutWrap })=>layoutWrap,
|