@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.cjs
CHANGED
|
@@ -7646,7 +7646,7 @@ const FIGMA_VARIABLES = {
|
|
|
7646
7646
|
}
|
|
7647
7647
|
};
|
|
7648
7648
|
|
|
7649
|
-
const metadata$
|
|
7649
|
+
const metadata$L = {
|
|
7650
7650
|
"name": "🔵 [Template] Button Group",
|
|
7651
7651
|
"key": "29109a34197f2eb5d390b1d9ebba270979a7b302",
|
|
7652
7652
|
"componentPropertyDefinitions": {
|
|
@@ -7674,7 +7674,7 @@ const metadata$K = {
|
|
|
7674
7674
|
}
|
|
7675
7675
|
};
|
|
7676
7676
|
|
|
7677
|
-
const metadata$
|
|
7677
|
+
const metadata$K = {
|
|
7678
7678
|
"name": "🔵 [Template] Chip Group",
|
|
7679
7679
|
"key": "5b1155aae0f90d1bce6a7499f53a547e88ec3b86",
|
|
7680
7680
|
"componentPropertyDefinitions": {
|
|
@@ -7704,7 +7704,7 @@ const metadata$J = {
|
|
|
7704
7704
|
}
|
|
7705
7705
|
};
|
|
7706
7706
|
|
|
7707
|
-
const metadata$
|
|
7707
|
+
const metadata$J = {
|
|
7708
7708
|
"name": "🔵 [Template] Completion",
|
|
7709
7709
|
"key": "d91c789c66c2da665d820318f1a4d8671946eb79",
|
|
7710
7710
|
"componentPropertyDefinitions": {
|
|
@@ -7733,7 +7733,7 @@ const metadata$I = {
|
|
|
7733
7733
|
}
|
|
7734
7734
|
};
|
|
7735
7735
|
|
|
7736
|
-
const metadata$
|
|
7736
|
+
const metadata$I = {
|
|
7737
7737
|
"name": "🔵 [Template] Error State",
|
|
7738
7738
|
"key": "39b4ecd0b5b4d35f4dc5791765ca04aa062a5172",
|
|
7739
7739
|
"componentPropertyDefinitions": {
|
|
@@ -7766,7 +7766,7 @@ const metadata$H = {
|
|
|
7766
7766
|
}
|
|
7767
7767
|
};
|
|
7768
7768
|
|
|
7769
|
-
const metadata$
|
|
7769
|
+
const metadata$H = {
|
|
7770
7770
|
"name": "🔵 [Template] Select Box Group",
|
|
7771
7771
|
"key": "a3d58bb8540600878742cdcf2608a4b3851667ec",
|
|
7772
7772
|
"componentPropertyDefinitions": {
|
|
@@ -7791,7 +7791,7 @@ const metadata$G = {
|
|
|
7791
7791
|
}
|
|
7792
7792
|
};
|
|
7793
7793
|
|
|
7794
|
-
const metadata$
|
|
7794
|
+
const metadata$G = {
|
|
7795
7795
|
"name": "🔵 [Template] Top Navigation",
|
|
7796
7796
|
"key": "74f045c1972dc31d0fddd0a0027537b6779cd0e8",
|
|
7797
7797
|
"componentPropertyDefinitions": {
|
|
@@ -7819,7 +7819,7 @@ const metadata$F = {
|
|
|
7819
7819
|
}
|
|
7820
7820
|
};
|
|
7821
7821
|
|
|
7822
|
-
const metadata$
|
|
7822
|
+
const metadata$F = {
|
|
7823
7823
|
"name": "🟢 Action Button",
|
|
7824
7824
|
"key": "450ede9d0bf42fc6ef14345c77e6e407d6d5ee89",
|
|
7825
7825
|
"componentPropertyDefinitions": {
|
|
@@ -7879,7 +7879,7 @@ const metadata$E = {
|
|
|
7879
7879
|
}
|
|
7880
7880
|
};
|
|
7881
7881
|
|
|
7882
|
-
const metadata$
|
|
7882
|
+
const metadata$E = {
|
|
7883
7883
|
"name": "🟢 Alert Dialog",
|
|
7884
7884
|
"key": "e0c89524a554ca1bf95c016b7255f29e257624aa",
|
|
7885
7885
|
"componentPropertyDefinitions": {
|
|
@@ -7906,7 +7906,7 @@ const metadata$D = {
|
|
|
7906
7906
|
}
|
|
7907
7907
|
};
|
|
7908
7908
|
|
|
7909
|
-
const metadata$
|
|
7909
|
+
const metadata$D = {
|
|
7910
7910
|
"name": "🟢 Avatar",
|
|
7911
7911
|
"key": "4a8853c3068c08b69b13e71dd42ce186e968697e",
|
|
7912
7912
|
"componentPropertyDefinitions": {
|
|
@@ -7938,7 +7938,7 @@ const metadata$C = {
|
|
|
7938
7938
|
}
|
|
7939
7939
|
};
|
|
7940
7940
|
|
|
7941
|
-
const metadata$
|
|
7941
|
+
const metadata$C = {
|
|
7942
7942
|
"name": "🟢 Avatar Stack",
|
|
7943
7943
|
"key": "e8e91e01000d878742c55cd6e44b6786460440f7",
|
|
7944
7944
|
"componentPropertyDefinitions": {
|
|
@@ -7958,7 +7958,7 @@ const metadata$B = {
|
|
|
7958
7958
|
}
|
|
7959
7959
|
};
|
|
7960
7960
|
|
|
7961
|
-
const metadata$
|
|
7961
|
+
const metadata$B = {
|
|
7962
7962
|
"name": "🟢 Badge",
|
|
7963
7963
|
"key": "04609a35d47a1a0ef4904b3c25f79451892a85a1",
|
|
7964
7964
|
"componentPropertyDefinitions": {
|
|
@@ -7993,7 +7993,7 @@ const metadata$A = {
|
|
|
7993
7993
|
}
|
|
7994
7994
|
};
|
|
7995
7995
|
|
|
7996
|
-
const metadata$
|
|
7996
|
+
const metadata$A = {
|
|
7997
7997
|
"name": "🟢 Bottom Navigation / Global",
|
|
7998
7998
|
"key": "983650a4dff639b38bf68ff6004efc8ec4fb5c20",
|
|
7999
7999
|
"componentPropertyDefinitions": {
|
|
@@ -8017,7 +8017,7 @@ const metadata$z = {
|
|
|
8017
8017
|
}
|
|
8018
8018
|
};
|
|
8019
8019
|
|
|
8020
|
-
const metadata$
|
|
8020
|
+
const metadata$z = {
|
|
8021
8021
|
"name": "🟢 Bottom Navigation / KR",
|
|
8022
8022
|
"key": "accc7cea2d0250cdfbf0197ce00a677c6b9e0dae",
|
|
8023
8023
|
"componentPropertyDefinitions": {
|
|
@@ -8034,7 +8034,7 @@ const metadata$y = {
|
|
|
8034
8034
|
}
|
|
8035
8035
|
};
|
|
8036
8036
|
|
|
8037
|
-
const metadata$
|
|
8037
|
+
const metadata$y = {
|
|
8038
8038
|
"name": "🟢 Bottom Sheet",
|
|
8039
8039
|
"key": "16bafa5d1155896fe18fb6f52f904f5cd2048686",
|
|
8040
8040
|
"componentPropertyDefinitions": {
|
|
@@ -8098,7 +8098,7 @@ const metadata$x = {
|
|
|
8098
8098
|
}
|
|
8099
8099
|
};
|
|
8100
8100
|
|
|
8101
|
-
const metadata$
|
|
8101
|
+
const metadata$x = {
|
|
8102
8102
|
"name": "🟢 Callout",
|
|
8103
8103
|
"key": "ec46d38baac3c367c4a5ffa47a2110d51ba0a4fe",
|
|
8104
8104
|
"componentPropertyDefinitions": {
|
|
@@ -8147,7 +8147,7 @@ const metadata$w = {
|
|
|
8147
8147
|
}
|
|
8148
8148
|
};
|
|
8149
8149
|
|
|
8150
|
-
const metadata$
|
|
8150
|
+
const metadata$w = {
|
|
8151
8151
|
"name": "🟢 Checkbox",
|
|
8152
8152
|
"key": "94a2f6957a86f8ae3b8c7ca200dfcd5e29f6075b",
|
|
8153
8153
|
"componentPropertyDefinitions": {
|
|
@@ -8175,24 +8175,26 @@ const metadata$v = {
|
|
|
8175
8175
|
"Stronger"
|
|
8176
8176
|
]
|
|
8177
8177
|
},
|
|
8178
|
+
"Selected": {
|
|
8179
|
+
"type": "VARIANT",
|
|
8180
|
+
"variantOptions": [
|
|
8181
|
+
"True",
|
|
8182
|
+
"False",
|
|
8183
|
+
"Indeterminate"
|
|
8184
|
+
]
|
|
8185
|
+
},
|
|
8178
8186
|
"State": {
|
|
8179
8187
|
"type": "VARIANT",
|
|
8180
8188
|
"variantOptions": [
|
|
8181
8189
|
"Enabled",
|
|
8182
8190
|
"Pressed",
|
|
8183
|
-
"Disabled"
|
|
8184
|
-
"Selected",
|
|
8185
|
-
"Selected-Pressed",
|
|
8186
|
-
"Selected-Disabled",
|
|
8187
|
-
"Indeterminate",
|
|
8188
|
-
"Indeterminate-Pressed",
|
|
8189
|
-
"Indeterminate-Disabled"
|
|
8191
|
+
"Disabled"
|
|
8190
8192
|
]
|
|
8191
8193
|
}
|
|
8192
8194
|
}
|
|
8193
8195
|
};
|
|
8194
8196
|
|
|
8195
|
-
const metadata$
|
|
8197
|
+
const metadata$v = {
|
|
8196
8198
|
"name": "🟢 Checkmark",
|
|
8197
8199
|
"key": "fae60fb392f55bde60de1dbccb2f453320068805",
|
|
8198
8200
|
"componentPropertyDefinitions": {
|
|
@@ -8210,24 +8212,26 @@ const metadata$u = {
|
|
|
8210
8212
|
"Large"
|
|
8211
8213
|
]
|
|
8212
8214
|
},
|
|
8215
|
+
"Selected": {
|
|
8216
|
+
"type": "VARIANT",
|
|
8217
|
+
"variantOptions": [
|
|
8218
|
+
"True",
|
|
8219
|
+
"False",
|
|
8220
|
+
"Indeterminate"
|
|
8221
|
+
]
|
|
8222
|
+
},
|
|
8213
8223
|
"State": {
|
|
8214
8224
|
"type": "VARIANT",
|
|
8215
8225
|
"variantOptions": [
|
|
8216
8226
|
"Enabled",
|
|
8217
8227
|
"Pressed",
|
|
8218
|
-
"
|
|
8219
|
-
"Selected-Pressed",
|
|
8220
|
-
"Indeterminate",
|
|
8221
|
-
"Indeterminate-Pressed",
|
|
8222
|
-
"Disabled",
|
|
8223
|
-
"Disabled-Selected",
|
|
8224
|
-
"Disabled-Indeterminate"
|
|
8228
|
+
"Disabled"
|
|
8225
8229
|
]
|
|
8226
8230
|
}
|
|
8227
8231
|
}
|
|
8228
8232
|
};
|
|
8229
8233
|
|
|
8230
|
-
const metadata$
|
|
8234
|
+
const metadata$u = {
|
|
8231
8235
|
"name": "🟢 Chip",
|
|
8232
8236
|
"key": "8156ef08d9aaa2b0de1cc4a113ec0c9d0586f831",
|
|
8233
8237
|
"componentPropertyDefinitions": {
|
|
@@ -8265,6 +8269,10 @@ const metadata$t = {
|
|
|
8265
8269
|
{
|
|
8266
8270
|
"type": "COMPONENT_SET",
|
|
8267
8271
|
"key": "df43b92004c850e7c6d2869e7a4ba1ef9a2d7db6"
|
|
8272
|
+
},
|
|
8273
|
+
{
|
|
8274
|
+
"type": "COMPONENT_SET",
|
|
8275
|
+
"key": "19923052d4152393ecdc6e2f5853ea0359849127"
|
|
8268
8276
|
}
|
|
8269
8277
|
]
|
|
8270
8278
|
},
|
|
@@ -8287,19 +8295,19 @@ const metadata$t = {
|
|
|
8287
8295
|
"Small"
|
|
8288
8296
|
]
|
|
8289
8297
|
},
|
|
8290
|
-
"
|
|
8298
|
+
"Selected": {
|
|
8291
8299
|
"type": "VARIANT",
|
|
8292
8300
|
"variantOptions": [
|
|
8293
|
-
"
|
|
8294
|
-
"
|
|
8295
|
-
"Disabled"
|
|
8301
|
+
"False",
|
|
8302
|
+
"True"
|
|
8296
8303
|
]
|
|
8297
8304
|
},
|
|
8298
|
-
"
|
|
8305
|
+
"State": {
|
|
8299
8306
|
"type": "VARIANT",
|
|
8300
8307
|
"variantOptions": [
|
|
8301
|
-
"
|
|
8302
|
-
"
|
|
8308
|
+
"Enabled",
|
|
8309
|
+
"Pressed",
|
|
8310
|
+
"Disabled"
|
|
8303
8311
|
]
|
|
8304
8312
|
},
|
|
8305
8313
|
"Prefix Type": {
|
|
@@ -8314,7 +8322,7 @@ const metadata$t = {
|
|
|
8314
8322
|
}
|
|
8315
8323
|
};
|
|
8316
8324
|
|
|
8317
|
-
const metadata$
|
|
8325
|
+
const metadata$t = {
|
|
8318
8326
|
"name": "🟢 Chlid",
|
|
8319
8327
|
"key": "aa9ffdd60fbfdea42f0d11162cd64f4b4389ddcc",
|
|
8320
8328
|
"componentPropertyDefinitions": {
|
|
@@ -8329,7 +8337,7 @@ const metadata$s = {
|
|
|
8329
8337
|
}
|
|
8330
8338
|
};
|
|
8331
8339
|
|
|
8332
|
-
const metadata$
|
|
8340
|
+
const metadata$s = {
|
|
8333
8341
|
"name": "🟢 Contextual Floating Button",
|
|
8334
8342
|
"key": "032f3fddaad0aa3fa5a7f680768c1f5d02fb463f",
|
|
8335
8343
|
"componentPropertyDefinitions": {
|
|
@@ -8366,7 +8374,7 @@ const metadata$r = {
|
|
|
8366
8374
|
}
|
|
8367
8375
|
};
|
|
8368
8376
|
|
|
8369
|
-
const metadata$
|
|
8377
|
+
const metadata$r = {
|
|
8370
8378
|
"name": "🟢 Divider",
|
|
8371
8379
|
"key": "848e953725f757ea1a79e1fecc0b608a035032d3",
|
|
8372
8380
|
"componentPropertyDefinitions": {
|
|
@@ -8380,7 +8388,7 @@ const metadata$q = {
|
|
|
8380
8388
|
}
|
|
8381
8389
|
};
|
|
8382
8390
|
|
|
8383
|
-
const metadata$
|
|
8391
|
+
const metadata$q = {
|
|
8384
8392
|
"name": "🟢 Floating Action Button",
|
|
8385
8393
|
"key": "65f9e7eede627b893fb8ff94ed9a7d0db900c464",
|
|
8386
8394
|
"componentPropertyDefinitions": {
|
|
@@ -8394,7 +8402,7 @@ const metadata$p = {
|
|
|
8394
8402
|
}
|
|
8395
8403
|
};
|
|
8396
8404
|
|
|
8397
|
-
const metadata$
|
|
8405
|
+
const metadata$p = {
|
|
8398
8406
|
"name": "🟢 Help Bubble",
|
|
8399
8407
|
"key": "804b327c091278a40d5891939eaed90bb2889659",
|
|
8400
8408
|
"componentPropertyDefinitions": {
|
|
@@ -8427,7 +8435,7 @@ const metadata$o = {
|
|
|
8427
8435
|
}
|
|
8428
8436
|
};
|
|
8429
8437
|
|
|
8430
|
-
const metadata$
|
|
8438
|
+
const metadata$o = {
|
|
8431
8439
|
"name": "🟢 Inline Banner",
|
|
8432
8440
|
"key": "ce587d0f21754af05240cb32a4880227cb0ea1e1",
|
|
8433
8441
|
"componentPropertyDefinitions": {
|
|
@@ -8468,7 +8476,7 @@ const metadata$n = {
|
|
|
8468
8476
|
}
|
|
8469
8477
|
};
|
|
8470
8478
|
|
|
8471
|
-
const metadata$
|
|
8479
|
+
const metadata$n = {
|
|
8472
8480
|
"name": "🟢 Main Tab Navigation / Global",
|
|
8473
8481
|
"key": "a694a1da14a5c1d7d5c66bc78218c0c61fb388ab",
|
|
8474
8482
|
"componentPropertyDefinitions": {
|
|
@@ -8495,7 +8503,7 @@ const metadata$m = {
|
|
|
8495
8503
|
}
|
|
8496
8504
|
};
|
|
8497
8505
|
|
|
8498
|
-
const metadata$
|
|
8506
|
+
const metadata$m = {
|
|
8499
8507
|
"name": "🟢 Main Tab Navigation / KR",
|
|
8500
8508
|
"key": "41d3601e6b4c632a56cdc8fad485a76c026fdd8e",
|
|
8501
8509
|
"componentPropertyDefinitions": {
|
|
@@ -8519,7 +8527,7 @@ const metadata$l = {
|
|
|
8519
8527
|
}
|
|
8520
8528
|
};
|
|
8521
8529
|
|
|
8522
|
-
const metadata$
|
|
8530
|
+
const metadata$l = {
|
|
8523
8531
|
"name": "🟢 Manner Temp",
|
|
8524
8532
|
"key": "37c0a35f73a730fdfba7929cea91a7590fc93733",
|
|
8525
8533
|
"componentPropertyDefinitions": {
|
|
@@ -8537,7 +8545,7 @@ const metadata$k = {
|
|
|
8537
8545
|
}
|
|
8538
8546
|
};
|
|
8539
8547
|
|
|
8540
|
-
const metadata$
|
|
8548
|
+
const metadata$k = {
|
|
8541
8549
|
"name": "🟢 Manner Temp Badge",
|
|
8542
8550
|
"key": "3ef9a84d4d80046ff9a581136bd56269554a6e00",
|
|
8543
8551
|
"componentPropertyDefinitions": {
|
|
@@ -8555,7 +8563,7 @@ const metadata$j = {
|
|
|
8555
8563
|
}
|
|
8556
8564
|
};
|
|
8557
8565
|
|
|
8558
|
-
const metadata$
|
|
8566
|
+
const metadata$j = {
|
|
8559
8567
|
"name": "🟢 Menu Sheet",
|
|
8560
8568
|
"key": "cd4cf8a850bf3de87b79080b36b421a649bf3fcb",
|
|
8561
8569
|
"componentPropertyDefinitions": {
|
|
@@ -8592,7 +8600,7 @@ const metadata$i = {
|
|
|
8592
8600
|
}
|
|
8593
8601
|
};
|
|
8594
8602
|
|
|
8595
|
-
const metadata$
|
|
8603
|
+
const metadata$i = {
|
|
8596
8604
|
"name": "🟢 Multiline Text Field",
|
|
8597
8605
|
"key": "88b2399c930c85f9ce2972163a078bc684b84bbe",
|
|
8598
8606
|
"componentPropertyDefinitions": {
|
|
@@ -8661,7 +8669,7 @@ const metadata$h = {
|
|
|
8661
8669
|
}
|
|
8662
8670
|
};
|
|
8663
8671
|
|
|
8664
|
-
const metadata$
|
|
8672
|
+
const metadata$h = {
|
|
8665
8673
|
"name": "🟢 Progress Circle",
|
|
8666
8674
|
"key": "6e6779a372cab2485a0e25529bc4dbc9932a7346",
|
|
8667
8675
|
"componentPropertyDefinitions": {
|
|
@@ -8678,7 +8686,7 @@ const metadata$g = {
|
|
|
8678
8686
|
"Neutral",
|
|
8679
8687
|
"Brand",
|
|
8680
8688
|
"Static White",
|
|
8681
|
-
"Custom"
|
|
8689
|
+
"Custom(inherit)"
|
|
8682
8690
|
]
|
|
8683
8691
|
},
|
|
8684
8692
|
"Value": {
|
|
@@ -8694,7 +8702,7 @@ const metadata$g = {
|
|
|
8694
8702
|
}
|
|
8695
8703
|
};
|
|
8696
8704
|
|
|
8697
|
-
const metadata$
|
|
8705
|
+
const metadata$g = {
|
|
8698
8706
|
"name": "🟢 Radio",
|
|
8699
8707
|
"key": "ac72d9e5ab04a1d59eaf77dffd380fd6e491ecf8",
|
|
8700
8708
|
"componentPropertyDefinitions": {
|
|
@@ -8708,21 +8716,25 @@ const metadata$f = {
|
|
|
8708
8716
|
"Large"
|
|
8709
8717
|
]
|
|
8710
8718
|
},
|
|
8719
|
+
"Selected": {
|
|
8720
|
+
"type": "VARIANT",
|
|
8721
|
+
"variantOptions": [
|
|
8722
|
+
"True",
|
|
8723
|
+
"False"
|
|
8724
|
+
]
|
|
8725
|
+
},
|
|
8711
8726
|
"State": {
|
|
8712
8727
|
"type": "VARIANT",
|
|
8713
8728
|
"variantOptions": [
|
|
8714
8729
|
"Enabled",
|
|
8715
8730
|
"Pressed",
|
|
8716
|
-
"Disabled"
|
|
8717
|
-
"Selected",
|
|
8718
|
-
"Selected-Pressed",
|
|
8719
|
-
"Selected-Disabled"
|
|
8731
|
+
"Disabled"
|
|
8720
8732
|
]
|
|
8721
8733
|
}
|
|
8722
8734
|
}
|
|
8723
8735
|
};
|
|
8724
8736
|
|
|
8725
|
-
const metadata$
|
|
8737
|
+
const metadata$f = {
|
|
8726
8738
|
"name": "🟢 Radio Mark",
|
|
8727
8739
|
"key": "832d696d6e9566610968cd70f128f500ec009d6a",
|
|
8728
8740
|
"componentPropertyDefinitions": {
|
|
@@ -8740,24 +8752,18 @@ const metadata$e = {
|
|
|
8740
8752
|
"False"
|
|
8741
8753
|
]
|
|
8742
8754
|
},
|
|
8743
|
-
"
|
|
8744
|
-
"type": "VARIANT",
|
|
8745
|
-
"variantOptions": [
|
|
8746
|
-
"True",
|
|
8747
|
-
"False"
|
|
8748
|
-
]
|
|
8749
|
-
},
|
|
8750
|
-
"Disabled": {
|
|
8755
|
+
"State": {
|
|
8751
8756
|
"type": "VARIANT",
|
|
8752
8757
|
"variantOptions": [
|
|
8753
|
-
"
|
|
8754
|
-
"
|
|
8758
|
+
"Enabled",
|
|
8759
|
+
"Pressed",
|
|
8760
|
+
"Disabled"
|
|
8755
8761
|
]
|
|
8756
8762
|
}
|
|
8757
8763
|
}
|
|
8758
8764
|
};
|
|
8759
8765
|
|
|
8760
|
-
const metadata$
|
|
8766
|
+
const metadata$e = {
|
|
8761
8767
|
"name": "🟢 Range Slider",
|
|
8762
8768
|
"key": "64fc49184979e0be40aa367ca98868601eb7dad5",
|
|
8763
8769
|
"componentPropertyDefinitions": {
|
|
@@ -8789,7 +8795,7 @@ const metadata$d = {
|
|
|
8789
8795
|
}
|
|
8790
8796
|
};
|
|
8791
8797
|
|
|
8792
|
-
const metadata$
|
|
8798
|
+
const metadata$d = {
|
|
8793
8799
|
"name": "🟢 Reaction Button",
|
|
8794
8800
|
"key": "ec43e4e881f7048e95601f8b58c01a0905a174e0",
|
|
8795
8801
|
"componentPropertyDefinitions": {
|
|
@@ -8813,23 +8819,26 @@ const metadata$c = {
|
|
|
8813
8819
|
"Small"
|
|
8814
8820
|
]
|
|
8815
8821
|
},
|
|
8822
|
+
"Selected": {
|
|
8823
|
+
"type": "VARIANT",
|
|
8824
|
+
"variantOptions": [
|
|
8825
|
+
"True",
|
|
8826
|
+
"False"
|
|
8827
|
+
]
|
|
8828
|
+
},
|
|
8816
8829
|
"State": {
|
|
8817
8830
|
"type": "VARIANT",
|
|
8818
8831
|
"variantOptions": [
|
|
8819
8832
|
"Enabled",
|
|
8820
8833
|
"Pressed",
|
|
8821
8834
|
"Loading",
|
|
8822
|
-
"
|
|
8823
|
-
"Selected-Pressed",
|
|
8824
|
-
"Selected-Loading",
|
|
8825
|
-
"Disabled",
|
|
8826
|
-
"Disabled-Selected"
|
|
8835
|
+
"Disabled"
|
|
8827
8836
|
]
|
|
8828
8837
|
}
|
|
8829
8838
|
}
|
|
8830
8839
|
};
|
|
8831
8840
|
|
|
8832
|
-
const metadata$
|
|
8841
|
+
const metadata$c = {
|
|
8833
8842
|
"name": "🟢 Resizable.Icon",
|
|
8834
8843
|
"key": "1f74eedb6fb186fd201d6ad5b2dbcd46a2bddf3e",
|
|
8835
8844
|
"componentPropertyDefinitions": {
|
|
@@ -8848,7 +8857,7 @@ const metadata$b = {
|
|
|
8848
8857
|
}
|
|
8849
8858
|
};
|
|
8850
8859
|
|
|
8851
|
-
const metadata$
|
|
8860
|
+
const metadata$b = {
|
|
8852
8861
|
"name": "🟢 ResizableChild",
|
|
8853
8862
|
"key": "df43b92004c850e7c6d2869e7a4ba1ef9a2d7db6",
|
|
8854
8863
|
"componentPropertyDefinitions": {
|
|
@@ -8867,7 +8876,7 @@ const metadata$a = {
|
|
|
8867
8876
|
}
|
|
8868
8877
|
};
|
|
8869
8878
|
|
|
8870
|
-
const metadata$
|
|
8879
|
+
const metadata$a = {
|
|
8871
8880
|
"name": "🟢 Segmented Control",
|
|
8872
8881
|
"key": "3ad7133ba52755867f42f9232375f75639e00d58",
|
|
8873
8882
|
"componentPropertyDefinitions": {
|
|
@@ -8891,7 +8900,7 @@ const metadata$9 = {
|
|
|
8891
8900
|
}
|
|
8892
8901
|
};
|
|
8893
8902
|
|
|
8894
|
-
const metadata$
|
|
8903
|
+
const metadata$9 = {
|
|
8895
8904
|
"name": "🟢 Select Box",
|
|
8896
8905
|
"key": "38722ffeb4c966256a709155e8ddac50c93d7c60",
|
|
8897
8906
|
"componentPropertyDefinitions": {
|
|
@@ -8911,19 +8920,24 @@ const metadata$8 = {
|
|
|
8911
8920
|
"Radio"
|
|
8912
8921
|
]
|
|
8913
8922
|
},
|
|
8923
|
+
"Selected": {
|
|
8924
|
+
"type": "VARIANT",
|
|
8925
|
+
"variantOptions": [
|
|
8926
|
+
"True",
|
|
8927
|
+
"False"
|
|
8928
|
+
]
|
|
8929
|
+
},
|
|
8914
8930
|
"State": {
|
|
8915
8931
|
"type": "VARIANT",
|
|
8916
8932
|
"variantOptions": [
|
|
8917
8933
|
"Enabled",
|
|
8918
|
-
"Pressed"
|
|
8919
|
-
"Selected",
|
|
8920
|
-
"Selected-Pressed"
|
|
8934
|
+
"Pressed"
|
|
8921
8935
|
]
|
|
8922
8936
|
}
|
|
8923
8937
|
}
|
|
8924
8938
|
};
|
|
8925
8939
|
|
|
8926
|
-
const metadata$
|
|
8940
|
+
const metadata$8 = {
|
|
8927
8941
|
"name": "🟢 Skeleton",
|
|
8928
8942
|
"key": "ef22c3288722fbfa64a5ab73df397ade88f8e05a",
|
|
8929
8943
|
"componentPropertyDefinitions": {
|
|
@@ -8946,7 +8960,7 @@ const metadata$7 = {
|
|
|
8946
8960
|
}
|
|
8947
8961
|
};
|
|
8948
8962
|
|
|
8949
|
-
const metadata$
|
|
8963
|
+
const metadata$7 = {
|
|
8950
8964
|
"name": "🟢 Slider",
|
|
8951
8965
|
"key": "aee027230a478315e380704c4523141e67e464ee",
|
|
8952
8966
|
"componentPropertyDefinitions": {
|
|
@@ -8978,7 +8992,7 @@ const metadata$6 = {
|
|
|
8978
8992
|
}
|
|
8979
8993
|
};
|
|
8980
8994
|
|
|
8981
|
-
const metadata$
|
|
8995
|
+
const metadata$6 = {
|
|
8982
8996
|
"name": "🟢 Snackbar",
|
|
8983
8997
|
"key": "81b17fb8c7d731a19cf8d36a8605559d41414eca",
|
|
8984
8998
|
"componentPropertyDefinitions": {
|
|
@@ -9002,27 +9016,60 @@ const metadata$5 = {
|
|
|
9002
9016
|
}
|
|
9003
9017
|
};
|
|
9004
9018
|
|
|
9019
|
+
const metadata$5 = {
|
|
9020
|
+
"name": "🟢 SuperscriptChild",
|
|
9021
|
+
"key": "19923052d4152393ecdc6e2f5853ea0359849127",
|
|
9022
|
+
"componentPropertyDefinitions": {
|
|
9023
|
+
"Icon#37641:0": {
|
|
9024
|
+
"type": "INSTANCE_SWAP",
|
|
9025
|
+
"preferredValues": []
|
|
9026
|
+
},
|
|
9027
|
+
"Type": {
|
|
9028
|
+
"type": "VARIANT",
|
|
9029
|
+
"variantOptions": [
|
|
9030
|
+
"Icon",
|
|
9031
|
+
"Notification Badge",
|
|
9032
|
+
"Custom"
|
|
9033
|
+
]
|
|
9034
|
+
}
|
|
9035
|
+
}
|
|
9036
|
+
};
|
|
9037
|
+
|
|
9005
9038
|
const metadata$4 = {
|
|
9006
9039
|
"name": "🟢 Switch",
|
|
9007
|
-
"key": "
|
|
9040
|
+
"key": "65e0e7ba1a0c13b42e5fd0ceb17d5f756128dd6b",
|
|
9008
9041
|
"componentPropertyDefinitions": {
|
|
9009
|
-
"Label#
|
|
9042
|
+
"Label#36578:0": {
|
|
9010
9043
|
"type": "TEXT"
|
|
9011
9044
|
},
|
|
9012
9045
|
"Size": {
|
|
9013
9046
|
"type": "VARIANT",
|
|
9014
9047
|
"variantOptions": [
|
|
9015
|
-
"
|
|
9016
|
-
"
|
|
9048
|
+
"16",
|
|
9049
|
+
"24",
|
|
9050
|
+
"32"
|
|
9051
|
+
]
|
|
9052
|
+
},
|
|
9053
|
+
"Selected": {
|
|
9054
|
+
"type": "VARIANT",
|
|
9055
|
+
"variantOptions": [
|
|
9056
|
+
"True",
|
|
9057
|
+
"False"
|
|
9017
9058
|
]
|
|
9018
9059
|
},
|
|
9019
9060
|
"State": {
|
|
9020
9061
|
"type": "VARIANT",
|
|
9021
9062
|
"variantOptions": [
|
|
9022
9063
|
"Enabled",
|
|
9023
|
-
"
|
|
9024
|
-
|
|
9025
|
-
|
|
9064
|
+
"Disabled"
|
|
9065
|
+
]
|
|
9066
|
+
},
|
|
9067
|
+
"Label Layout(Figma Only)": {
|
|
9068
|
+
"type": "VARIANT",
|
|
9069
|
+
"variantOptions": [
|
|
9070
|
+
"None",
|
|
9071
|
+
"Right",
|
|
9072
|
+
"Left"
|
|
9026
9073
|
]
|
|
9027
9074
|
}
|
|
9028
9075
|
}
|
|
@@ -9177,17 +9224,20 @@ const metadata$1 = {
|
|
|
9177
9224
|
"Brand Solid"
|
|
9178
9225
|
]
|
|
9179
9226
|
},
|
|
9227
|
+
"Selected": {
|
|
9228
|
+
"type": "VARIANT",
|
|
9229
|
+
"variantOptions": [
|
|
9230
|
+
"True",
|
|
9231
|
+
"False"
|
|
9232
|
+
]
|
|
9233
|
+
},
|
|
9180
9234
|
"State": {
|
|
9181
9235
|
"type": "VARIANT",
|
|
9182
9236
|
"variantOptions": [
|
|
9183
9237
|
"Enabled",
|
|
9184
9238
|
"Pressed",
|
|
9185
9239
|
"Loading",
|
|
9186
|
-
"
|
|
9187
|
-
"Selected-Pressed",
|
|
9188
|
-
"Selected-Loading",
|
|
9189
|
-
"Disabled",
|
|
9190
|
-
"Disabled-Selected"
|
|
9240
|
+
"Disabled"
|
|
9191
9241
|
]
|
|
9192
9242
|
}
|
|
9193
9243
|
}
|
|
@@ -9238,50 +9288,51 @@ const metadata = {
|
|
|
9238
9288
|
|
|
9239
9289
|
var FIGMA_COMPONENTS = {
|
|
9240
9290
|
__proto__: null,
|
|
9241
|
-
actionButton: metadata$
|
|
9242
|
-
alertDialog: metadata$
|
|
9243
|
-
avatar: metadata$
|
|
9244
|
-
avatarStack: metadata$
|
|
9245
|
-
badge: metadata$
|
|
9246
|
-
bottomNavigationGlobal: metadata$
|
|
9247
|
-
bottomNavigationKr: metadata$
|
|
9248
|
-
bottomSheet: metadata$
|
|
9249
|
-
callout: metadata$
|
|
9250
|
-
checkbox: metadata$
|
|
9251
|
-
checkmark: metadata$
|
|
9252
|
-
chip: metadata$
|
|
9253
|
-
chlid: metadata$
|
|
9254
|
-
contextualFloatingButton: metadata$
|
|
9255
|
-
divider: metadata$
|
|
9256
|
-
floatingActionButton: metadata$
|
|
9257
|
-
helpBubble: metadata$
|
|
9258
|
-
inlineBanner: metadata$
|
|
9259
|
-
mainTabNavigationGlobal: metadata$
|
|
9260
|
-
mainTabNavigationKr: metadata$
|
|
9261
|
-
mannerTemp: metadata$
|
|
9262
|
-
mannerTempBadge: metadata$
|
|
9263
|
-
menuSheet: metadata$
|
|
9264
|
-
multilineTextField: metadata$
|
|
9265
|
-
progressCircle: metadata$
|
|
9266
|
-
radio: metadata$
|
|
9267
|
-
radioMark: metadata$
|
|
9268
|
-
rangeSlider: metadata$
|
|
9269
|
-
reactionButton: metadata$
|
|
9270
|
-
resizableChild: metadata$
|
|
9271
|
-
resizableIcon: metadata$
|
|
9272
|
-
segmentedControl: metadata$
|
|
9273
|
-
selectBox: metadata$
|
|
9274
|
-
skeleton: metadata$
|
|
9275
|
-
slider: metadata$
|
|
9276
|
-
snackbar: metadata$
|
|
9291
|
+
actionButton: metadata$F,
|
|
9292
|
+
alertDialog: metadata$E,
|
|
9293
|
+
avatar: metadata$D,
|
|
9294
|
+
avatarStack: metadata$C,
|
|
9295
|
+
badge: metadata$B,
|
|
9296
|
+
bottomNavigationGlobal: metadata$A,
|
|
9297
|
+
bottomNavigationKr: metadata$z,
|
|
9298
|
+
bottomSheet: metadata$y,
|
|
9299
|
+
callout: metadata$x,
|
|
9300
|
+
checkbox: metadata$w,
|
|
9301
|
+
checkmark: metadata$v,
|
|
9302
|
+
chip: metadata$u,
|
|
9303
|
+
chlid: metadata$t,
|
|
9304
|
+
contextualFloatingButton: metadata$s,
|
|
9305
|
+
divider: metadata$r,
|
|
9306
|
+
floatingActionButton: metadata$q,
|
|
9307
|
+
helpBubble: metadata$p,
|
|
9308
|
+
inlineBanner: metadata$o,
|
|
9309
|
+
mainTabNavigationGlobal: metadata$n,
|
|
9310
|
+
mainTabNavigationKr: metadata$m,
|
|
9311
|
+
mannerTemp: metadata$l,
|
|
9312
|
+
mannerTempBadge: metadata$k,
|
|
9313
|
+
menuSheet: metadata$j,
|
|
9314
|
+
multilineTextField: metadata$i,
|
|
9315
|
+
progressCircle: metadata$h,
|
|
9316
|
+
radio: metadata$g,
|
|
9317
|
+
radioMark: metadata$f,
|
|
9318
|
+
rangeSlider: metadata$e,
|
|
9319
|
+
reactionButton: metadata$d,
|
|
9320
|
+
resizableChild: metadata$b,
|
|
9321
|
+
resizableIcon: metadata$c,
|
|
9322
|
+
segmentedControl: metadata$a,
|
|
9323
|
+
selectBox: metadata$9,
|
|
9324
|
+
skeleton: metadata$8,
|
|
9325
|
+
slider: metadata$7,
|
|
9326
|
+
snackbar: metadata$6,
|
|
9327
|
+
superscriptChild: metadata$5,
|
|
9277
9328
|
switch: metadata$4,
|
|
9278
9329
|
tabs: metadata$3,
|
|
9279
|
-
templateButtonGroup: metadata$
|
|
9280
|
-
templateChipGroup: metadata$
|
|
9281
|
-
templateCompletion: metadata$
|
|
9282
|
-
templateErrorState: metadata$
|
|
9283
|
-
templateSelectBoxGroup: metadata$
|
|
9284
|
-
templateTopNavigation: metadata$
|
|
9330
|
+
templateButtonGroup: metadata$L,
|
|
9331
|
+
templateChipGroup: metadata$K,
|
|
9332
|
+
templateCompletion: metadata$J,
|
|
9333
|
+
templateErrorState: metadata$I,
|
|
9334
|
+
templateSelectBoxGroup: metadata$H,
|
|
9335
|
+
templateTopNavigation: metadata$G,
|
|
9285
9336
|
textField: metadata$2,
|
|
9286
9337
|
toggleButton: metadata$1,
|
|
9287
9338
|
topNavigation: metadata
|
|
@@ -9530,7 +9581,7 @@ function createInstanceTransformer({ frameTransformer, componentRepository }) {
|
|
|
9530
9581
|
function createContainerLayoutPropsConverter(valueResolver) {
|
|
9531
9582
|
return createPropsConverter({
|
|
9532
9583
|
handlers: {
|
|
9533
|
-
layoutMode: ({ layoutMode })
|
|
9584
|
+
layoutMode: ({ layoutMode })=>!layoutMode || layoutMode === "GRID" ? "NONE" : layoutMode,
|
|
9534
9585
|
primaryAxisAlignItems: ({ primaryAxisAlignItems })=>primaryAxisAlignItems,
|
|
9535
9586
|
counterAxisAlignItems: ({ counterAxisAlignItems })=>counterAxisAlignItems,
|
|
9536
9587
|
layoutWrap: ({ layoutWrap })=>layoutWrap,
|