@seed-design/figma 1.2.1 → 1.3.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 +201 -163
- package/lib/codegen/index.js +201 -163
- package/lib/codegen/targets/react/index.cjs +980 -573
- package/lib/codegen/targets/react/index.js +980 -573
- package/lib/index.cjs +201 -163
- package/lib/index.js +201 -163
- package/package.json +1 -1
- package/src/codegen/component-properties.ts +34 -6
- package/src/codegen/core/infer-layout.test.ts +1 -1
- package/src/codegen/targets/react/component/handlers/archive/checkbox.ts +3 -1
- package/src/codegen/targets/react/component/handlers/archive/field-button.ts +2 -2
- package/src/codegen/targets/react/component/handlers/archive/index.ts +0 -1
- package/src/codegen/targets/react/component/handlers/archive/slider.ts +2 -2
- package/src/codegen/targets/react/component/handlers/bottom-sheet.ts +4 -6
- package/src/codegen/targets/react/component/handlers/checkbox.ts +90 -2
- package/src/codegen/targets/react/component/handlers/chip.ts +1 -1
- package/src/codegen/targets/react/component/handlers/field-button.ts +10 -17
- package/src/codegen/targets/react/component/handlers/field.ts +4 -4
- package/src/codegen/targets/react/component/handlers/index.ts +1 -1
- package/src/codegen/targets/react/component/handlers/legacy-select-box.ts +1 -1
- package/src/codegen/targets/react/component/handlers/list-item.ts +22 -22
- package/src/codegen/targets/react/component/handlers/radio-group.ts +98 -20
- package/src/codegen/targets/react/component/handlers/select-box.ts +333 -0
- package/src/codegen/targets/react/component/handlers/slider.ts +5 -5
- package/src/codegen/targets/react/component/handlers/tabs.ts +5 -5
- package/src/codegen/targets/react/component/handlers/tag-group.ts +2 -2
- package/src/codegen/targets/react/component/handlers/text-field.ts +7 -7
- package/src/entities/data/__generated__/component-sets/index.d.ts +199 -161
- package/src/entities/data/__generated__/component-sets/index.mjs +199 -161
- package/src/entities/data/__generated__/components/index.d.ts +260 -0
- package/src/entities/data/__generated__/components/index.mjs +260 -0
|
@@ -170,37 +170,6 @@ export const privateTemplateChipGroup = {
|
|
|
170
170
|
}
|
|
171
171
|
};
|
|
172
172
|
|
|
173
|
-
export const privateComponentFieldFooter = {
|
|
174
|
-
"name": "privateComponentFieldFooter",
|
|
175
|
-
"key": "a2e73c375b787756a11e84c5915f8251c621ee3a",
|
|
176
|
-
"componentPropertyDefinitions": {
|
|
177
|
-
"Text#2770:0": {
|
|
178
|
-
"type": "TEXT"
|
|
179
|
-
},
|
|
180
|
-
"Has Prefix#2778:13": {
|
|
181
|
-
"type": "BOOLEAN"
|
|
182
|
-
},
|
|
183
|
-
"Error Text#32821:0": {
|
|
184
|
-
"type": "TEXT"
|
|
185
|
-
},
|
|
186
|
-
"Type": {
|
|
187
|
-
"type": "VARIANT",
|
|
188
|
-
"variantOptions": [
|
|
189
|
-
"Description",
|
|
190
|
-
"Description With Character Count",
|
|
191
|
-
"Character Count"
|
|
192
|
-
]
|
|
193
|
-
},
|
|
194
|
-
"Error": {
|
|
195
|
-
"type": "VARIANT",
|
|
196
|
-
"variantOptions": [
|
|
197
|
-
"true",
|
|
198
|
-
"false"
|
|
199
|
-
]
|
|
200
|
-
}
|
|
201
|
-
}
|
|
202
|
-
};
|
|
203
|
-
|
|
204
173
|
export const privateComponentFieldFooterCharacterCount = {
|
|
205
174
|
"name": "privateComponentFieldFooterCharacterCount",
|
|
206
175
|
"key": "73f1a9275275c87b563e879e6948318523faf8e4",
|
|
@@ -222,29 +191,6 @@ export const privateComponentFieldFooterCharacterCount = {
|
|
|
222
191
|
}
|
|
223
192
|
};
|
|
224
193
|
|
|
225
|
-
export const privateComponentFieldHeader = {
|
|
226
|
-
"name": "privateComponentFieldHeader",
|
|
227
|
-
"key": "8371fe9083cb9bebfb4ee51b0791bfb00a799dd6",
|
|
228
|
-
"componentPropertyDefinitions": {
|
|
229
|
-
"Label#34796:0": {
|
|
230
|
-
"type": "TEXT"
|
|
231
|
-
},
|
|
232
|
-
"Has Indicator#34796:1": {
|
|
233
|
-
"type": "BOOLEAN"
|
|
234
|
-
},
|
|
235
|
-
"Has Suffix#34796:2": {
|
|
236
|
-
"type": "BOOLEAN"
|
|
237
|
-
},
|
|
238
|
-
"Weight": {
|
|
239
|
-
"type": "VARIANT",
|
|
240
|
-
"variantOptions": [
|
|
241
|
-
"Medium",
|
|
242
|
-
"Bold"
|
|
243
|
-
]
|
|
244
|
-
}
|
|
245
|
-
}
|
|
246
|
-
};
|
|
247
|
-
|
|
248
194
|
export const privateComponentFieldHeaderIndicator = {
|
|
249
195
|
"name": "privateComponentFieldHeaderIndicator",
|
|
250
196
|
"key": "c3f7843103c1efcc3a8ac365b1175df6d10173e2",
|
|
@@ -277,30 +223,6 @@ export const privateComponentFieldHeaderSuffix = {
|
|
|
277
223
|
}
|
|
278
224
|
};
|
|
279
225
|
|
|
280
|
-
export const privateComponentInputButton = {
|
|
281
|
-
"name": "privateComponentInputButton",
|
|
282
|
-
"key": "1220e63a59a31b50eefe5c4ec1a4e516ba70b07b",
|
|
283
|
-
"componentPropertyDefinitions": {
|
|
284
|
-
"Has Prefix#32514:10": {
|
|
285
|
-
"type": "BOOLEAN"
|
|
286
|
-
},
|
|
287
|
-
"Has Suffix#32865:68": {
|
|
288
|
-
"type": "BOOLEAN"
|
|
289
|
-
},
|
|
290
|
-
"State": {
|
|
291
|
-
"type": "VARIANT",
|
|
292
|
-
"variantOptions": [
|
|
293
|
-
"Enabled",
|
|
294
|
-
"Error",
|
|
295
|
-
"Disabled",
|
|
296
|
-
"Read Only",
|
|
297
|
-
"Pressed",
|
|
298
|
-
"Error Pressed"
|
|
299
|
-
]
|
|
300
|
-
}
|
|
301
|
-
}
|
|
302
|
-
};
|
|
303
|
-
|
|
304
226
|
export const privateComponentInputButtonPrefix = {
|
|
305
227
|
"name": "privateComponentInputButtonPrefix",
|
|
306
228
|
"key": "c7d12be4056a8171f6857ec4ef15d81bd18d8cae",
|
|
@@ -680,6 +602,22 @@ export const privateComponentSegmentedControlItem = {
|
|
|
680
602
|
}
|
|
681
603
|
};
|
|
682
604
|
|
|
605
|
+
export const privateComponentSelectBoxItemCheckmark = {
|
|
606
|
+
"name": "privateComponentSelectBoxItemCheckmark",
|
|
607
|
+
"key": "2d91bde3c21bc38b2b07d8e1b87a03116e96555d",
|
|
608
|
+
"componentPropertyDefinitions": {
|
|
609
|
+
"State": {
|
|
610
|
+
"type": "VARIANT",
|
|
611
|
+
"variantOptions": [
|
|
612
|
+
"Enabled",
|
|
613
|
+
"Pressed",
|
|
614
|
+
"Selected",
|
|
615
|
+
"Disabled"
|
|
616
|
+
]
|
|
617
|
+
}
|
|
618
|
+
}
|
|
619
|
+
};
|
|
620
|
+
|
|
683
621
|
export const privateComponentSliderItemHandles = {
|
|
684
622
|
"name": "privateComponentSliderItemHandles",
|
|
685
623
|
"key": "950b33735d6dda594436c876386b921908dedf64",
|
|
@@ -913,34 +851,6 @@ export const privateComponentTabsLine = {
|
|
|
913
851
|
}
|
|
914
852
|
};
|
|
915
853
|
|
|
916
|
-
export const privateComponentTextInput = {
|
|
917
|
-
"name": "privateComponentTextInput",
|
|
918
|
-
"key": "1f3e7bd2f1d39a76e304188b5a8b800d7c87aff2",
|
|
919
|
-
"componentPropertyDefinitions": {
|
|
920
|
-
"Has Prefix#32514:10": {
|
|
921
|
-
"type": "BOOLEAN"
|
|
922
|
-
},
|
|
923
|
-
"Loading Text#32734:0": {
|
|
924
|
-
"type": "TEXT"
|
|
925
|
-
},
|
|
926
|
-
"Has Suffix#32865:68": {
|
|
927
|
-
"type": "BOOLEAN"
|
|
928
|
-
},
|
|
929
|
-
"State": {
|
|
930
|
-
"type": "VARIANT",
|
|
931
|
-
"variantOptions": [
|
|
932
|
-
"Enabled",
|
|
933
|
-
"Focused",
|
|
934
|
-
"Error",
|
|
935
|
-
"Error Focused",
|
|
936
|
-
"Disabled",
|
|
937
|
-
"Read Only",
|
|
938
|
-
"AI Loading (Figma Only)"
|
|
939
|
-
]
|
|
940
|
-
}
|
|
941
|
-
}
|
|
942
|
-
};
|
|
943
|
-
|
|
944
854
|
export const privateComponentTextInputCardNumberInput = {
|
|
945
855
|
"name": "privateComponentTextInputCardNumberInput",
|
|
946
856
|
"key": "60888e1eba691721f0ec6a41df43c1c075e5beac",
|
|
@@ -1101,32 +1011,6 @@ export const privateComponentTextInputSuffix = {
|
|
|
1101
1011
|
}
|
|
1102
1012
|
};
|
|
1103
1013
|
|
|
1104
|
-
export const privateComponentTextarea = {
|
|
1105
|
-
"name": "privateComponentTextarea",
|
|
1106
|
-
"key": "e20ec5b725e0fdbaca728cecdc72b0c485728b4d",
|
|
1107
|
-
"componentPropertyDefinitions": {
|
|
1108
|
-
"Auto Size (Figma Only)": {
|
|
1109
|
-
"type": "VARIANT",
|
|
1110
|
-
"variantOptions": [
|
|
1111
|
-
"true",
|
|
1112
|
-
"false"
|
|
1113
|
-
]
|
|
1114
|
-
},
|
|
1115
|
-
"State": {
|
|
1116
|
-
"type": "VARIANT",
|
|
1117
|
-
"variantOptions": [
|
|
1118
|
-
"Enabled",
|
|
1119
|
-
"Focused",
|
|
1120
|
-
"Error",
|
|
1121
|
-
"Error Focused",
|
|
1122
|
-
"Disabled",
|
|
1123
|
-
"Read Only",
|
|
1124
|
-
"AI Loading (Figma Only)"
|
|
1125
|
-
]
|
|
1126
|
-
}
|
|
1127
|
-
}
|
|
1128
|
-
};
|
|
1129
|
-
|
|
1130
1014
|
export const privateComponentTextareaInput = {
|
|
1131
1015
|
"name": "privateComponentTextareaInput",
|
|
1132
1016
|
"key": "a75e057f13d05ee57003a90cc91c74f130b22135",
|
|
@@ -1292,31 +1176,6 @@ export const privateComponentTopNavigationTitleRight = {
|
|
|
1292
1176
|
}
|
|
1293
1177
|
};
|
|
1294
1178
|
|
|
1295
|
-
export const privateComponentUnderlineTextInput = {
|
|
1296
|
-
"name": "privateComponentUnderlineTextInput",
|
|
1297
|
-
"key": "004c8591153865af3fe3efb9c552cd280b9fd31d",
|
|
1298
|
-
"componentPropertyDefinitions": {
|
|
1299
|
-
"Has Prefix#34125:0": {
|
|
1300
|
-
"type": "BOOLEAN"
|
|
1301
|
-
},
|
|
1302
|
-
"Has Suffix#34125:8": {
|
|
1303
|
-
"type": "BOOLEAN"
|
|
1304
|
-
},
|
|
1305
|
-
"State": {
|
|
1306
|
-
"type": "VARIANT",
|
|
1307
|
-
"variantOptions": [
|
|
1308
|
-
"Enabled",
|
|
1309
|
-
"Focused",
|
|
1310
|
-
"Error",
|
|
1311
|
-
"Error Focused",
|
|
1312
|
-
"Disabled",
|
|
1313
|
-
"Read Only",
|
|
1314
|
-
"AI Loading (Figma Only)"
|
|
1315
|
-
]
|
|
1316
|
-
}
|
|
1317
|
-
}
|
|
1318
|
-
};
|
|
1319
|
-
|
|
1320
1179
|
export const privateComponentUnderlineTextInputInput = {
|
|
1321
1180
|
"name": "privateComponentUnderlineTextInputInput",
|
|
1322
1181
|
"key": "a8a39cf124e7b4c3b873429e81b4278639a7031b",
|
|
@@ -2383,8 +2242,8 @@ export const componentCheckbox = {
|
|
|
2383
2242
|
}
|
|
2384
2243
|
};
|
|
2385
2244
|
|
|
2386
|
-
export const
|
|
2387
|
-
"name": "
|
|
2245
|
+
export const templateCheckboxField = {
|
|
2246
|
+
"name": "templateCheckboxField",
|
|
2388
2247
|
"key": "214dd0fc8a3c5bc1e0c90cce29936f1ec6a26c3c",
|
|
2389
2248
|
"componentPropertyDefinitions": {
|
|
2390
2249
|
"Show Header#40606:8": {
|
|
@@ -3210,8 +3069,8 @@ export const componentRadio = {
|
|
|
3210
3069
|
}
|
|
3211
3070
|
};
|
|
3212
3071
|
|
|
3213
|
-
export const
|
|
3214
|
-
"name": "
|
|
3072
|
+
export const templateRadioField = {
|
|
3073
|
+
"name": "templateRadioField",
|
|
3215
3074
|
"key": "a3f159c223e3a0888fc48098c1580793297f82e9",
|
|
3216
3075
|
"componentPropertyDefinitions": {
|
|
3217
3076
|
"Show Header#40606:8": {
|
|
@@ -3453,6 +3312,28 @@ export const componentSegmentedControl = {
|
|
|
3453
3312
|
}
|
|
3454
3313
|
};
|
|
3455
3314
|
|
|
3315
|
+
export const templateSelectBoxField = {
|
|
3316
|
+
"name": "templateSelectBoxField",
|
|
3317
|
+
"key": "cddac54129eed15830319d1e30480f42ea80d4d3",
|
|
3318
|
+
"componentPropertyDefinitions": {
|
|
3319
|
+
"Show Header#40606:8": {
|
|
3320
|
+
"type": "BOOLEAN"
|
|
3321
|
+
},
|
|
3322
|
+
"Show Footer#40606:9": {
|
|
3323
|
+
"type": "BOOLEAN"
|
|
3324
|
+
},
|
|
3325
|
+
"State": {
|
|
3326
|
+
"type": "VARIANT",
|
|
3327
|
+
"variantOptions": [
|
|
3328
|
+
"Enabled",
|
|
3329
|
+
"Error",
|
|
3330
|
+
"Disabled",
|
|
3331
|
+
"Read Only"
|
|
3332
|
+
]
|
|
3333
|
+
}
|
|
3334
|
+
}
|
|
3335
|
+
};
|
|
3336
|
+
|
|
3456
3337
|
export const componentSelectBoxGroup = {
|
|
3457
3338
|
"name": "componentSelectBoxGroup",
|
|
3458
3339
|
"key": "cbf6ddeb6d6f889e983399291ec8b60ee3390177",
|
|
@@ -3930,6 +3811,163 @@ export const componentUserSelectionFigmaOnly = {
|
|
|
3930
3811
|
}
|
|
3931
3812
|
};
|
|
3932
3813
|
|
|
3814
|
+
export const componentFieldFooter = {
|
|
3815
|
+
"name": "componentFieldFooter",
|
|
3816
|
+
"key": "a2e73c375b787756a11e84c5915f8251c621ee3a",
|
|
3817
|
+
"componentPropertyDefinitions": {
|
|
3818
|
+
"Text#2770:0": {
|
|
3819
|
+
"type": "TEXT"
|
|
3820
|
+
},
|
|
3821
|
+
"Has Prefix#2778:13": {
|
|
3822
|
+
"type": "BOOLEAN"
|
|
3823
|
+
},
|
|
3824
|
+
"Error Text#32821:0": {
|
|
3825
|
+
"type": "TEXT"
|
|
3826
|
+
},
|
|
3827
|
+
"Type": {
|
|
3828
|
+
"type": "VARIANT",
|
|
3829
|
+
"variantOptions": [
|
|
3830
|
+
"Description",
|
|
3831
|
+
"Description With Character Count",
|
|
3832
|
+
"Character Count"
|
|
3833
|
+
]
|
|
3834
|
+
},
|
|
3835
|
+
"Error": {
|
|
3836
|
+
"type": "VARIANT",
|
|
3837
|
+
"variantOptions": [
|
|
3838
|
+
"true",
|
|
3839
|
+
"false"
|
|
3840
|
+
]
|
|
3841
|
+
}
|
|
3842
|
+
}
|
|
3843
|
+
};
|
|
3844
|
+
|
|
3845
|
+
export const componentFieldHeader = {
|
|
3846
|
+
"name": "componentFieldHeader",
|
|
3847
|
+
"key": "8371fe9083cb9bebfb4ee51b0791bfb00a799dd6",
|
|
3848
|
+
"componentPropertyDefinitions": {
|
|
3849
|
+
"Label#34796:0": {
|
|
3850
|
+
"type": "TEXT"
|
|
3851
|
+
},
|
|
3852
|
+
"Has Indicator#34796:1": {
|
|
3853
|
+
"type": "BOOLEAN"
|
|
3854
|
+
},
|
|
3855
|
+
"Has Suffix#34796:2": {
|
|
3856
|
+
"type": "BOOLEAN"
|
|
3857
|
+
},
|
|
3858
|
+
"Weight": {
|
|
3859
|
+
"type": "VARIANT",
|
|
3860
|
+
"variantOptions": [
|
|
3861
|
+
"Medium",
|
|
3862
|
+
"Bold"
|
|
3863
|
+
]
|
|
3864
|
+
}
|
|
3865
|
+
}
|
|
3866
|
+
};
|
|
3867
|
+
|
|
3868
|
+
export const componentInputButton = {
|
|
3869
|
+
"name": "componentInputButton",
|
|
3870
|
+
"key": "1220e63a59a31b50eefe5c4ec1a4e516ba70b07b",
|
|
3871
|
+
"componentPropertyDefinitions": {
|
|
3872
|
+
"Has Prefix#32514:10": {
|
|
3873
|
+
"type": "BOOLEAN"
|
|
3874
|
+
},
|
|
3875
|
+
"Has Suffix#32865:68": {
|
|
3876
|
+
"type": "BOOLEAN"
|
|
3877
|
+
},
|
|
3878
|
+
"State": {
|
|
3879
|
+
"type": "VARIANT",
|
|
3880
|
+
"variantOptions": [
|
|
3881
|
+
"Enabled",
|
|
3882
|
+
"Error",
|
|
3883
|
+
"Disabled",
|
|
3884
|
+
"Read Only",
|
|
3885
|
+
"Pressed",
|
|
3886
|
+
"Error Pressed"
|
|
3887
|
+
]
|
|
3888
|
+
}
|
|
3889
|
+
}
|
|
3890
|
+
};
|
|
3891
|
+
|
|
3892
|
+
export const componentTextInput = {
|
|
3893
|
+
"name": "componentTextInput",
|
|
3894
|
+
"key": "1f3e7bd2f1d39a76e304188b5a8b800d7c87aff2",
|
|
3895
|
+
"componentPropertyDefinitions": {
|
|
3896
|
+
"Has Prefix#32514:10": {
|
|
3897
|
+
"type": "BOOLEAN"
|
|
3898
|
+
},
|
|
3899
|
+
"Loading Text#32734:0": {
|
|
3900
|
+
"type": "TEXT"
|
|
3901
|
+
},
|
|
3902
|
+
"Has Suffix#32865:68": {
|
|
3903
|
+
"type": "BOOLEAN"
|
|
3904
|
+
},
|
|
3905
|
+
"State": {
|
|
3906
|
+
"type": "VARIANT",
|
|
3907
|
+
"variantOptions": [
|
|
3908
|
+
"Enabled",
|
|
3909
|
+
"Focused",
|
|
3910
|
+
"Error",
|
|
3911
|
+
"Error Focused",
|
|
3912
|
+
"Disabled",
|
|
3913
|
+
"Read Only",
|
|
3914
|
+
"AI Loading (Figma Only)"
|
|
3915
|
+
]
|
|
3916
|
+
}
|
|
3917
|
+
}
|
|
3918
|
+
};
|
|
3919
|
+
|
|
3920
|
+
export const componentTextarea = {
|
|
3921
|
+
"name": "componentTextarea",
|
|
3922
|
+
"key": "e20ec5b725e0fdbaca728cecdc72b0c485728b4d",
|
|
3923
|
+
"componentPropertyDefinitions": {
|
|
3924
|
+
"Auto Size (Figma Only)": {
|
|
3925
|
+
"type": "VARIANT",
|
|
3926
|
+
"variantOptions": [
|
|
3927
|
+
"true",
|
|
3928
|
+
"false"
|
|
3929
|
+
]
|
|
3930
|
+
},
|
|
3931
|
+
"State": {
|
|
3932
|
+
"type": "VARIANT",
|
|
3933
|
+
"variantOptions": [
|
|
3934
|
+
"Enabled",
|
|
3935
|
+
"Focused",
|
|
3936
|
+
"Error",
|
|
3937
|
+
"Error Focused",
|
|
3938
|
+
"Disabled",
|
|
3939
|
+
"Read Only",
|
|
3940
|
+
"AI Loading (Figma Only)"
|
|
3941
|
+
]
|
|
3942
|
+
}
|
|
3943
|
+
}
|
|
3944
|
+
};
|
|
3945
|
+
|
|
3946
|
+
export const componentUnderlineTextInput = {
|
|
3947
|
+
"name": "componentUnderlineTextInput",
|
|
3948
|
+
"key": "004c8591153865af3fe3efb9c552cd280b9fd31d",
|
|
3949
|
+
"componentPropertyDefinitions": {
|
|
3950
|
+
"Has Prefix#34125:0": {
|
|
3951
|
+
"type": "BOOLEAN"
|
|
3952
|
+
},
|
|
3953
|
+
"Has Suffix#34125:8": {
|
|
3954
|
+
"type": "BOOLEAN"
|
|
3955
|
+
},
|
|
3956
|
+
"State": {
|
|
3957
|
+
"type": "VARIANT",
|
|
3958
|
+
"variantOptions": [
|
|
3959
|
+
"Enabled",
|
|
3960
|
+
"Focused",
|
|
3961
|
+
"Error",
|
|
3962
|
+
"Error Focused",
|
|
3963
|
+
"Disabled",
|
|
3964
|
+
"Read Only",
|
|
3965
|
+
"AI Loading (Figma Only)"
|
|
3966
|
+
]
|
|
3967
|
+
}
|
|
3968
|
+
}
|
|
3969
|
+
};
|
|
3970
|
+
|
|
3933
3971
|
export const componentActionButtonGhostButton = {
|
|
3934
3972
|
"name": "componentActionButtonGhostButton",
|
|
3935
3973
|
"key": "0dd8c776368619b13886924cd65974f821887753",
|