@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.
Files changed (31) hide show
  1. package/lib/codegen/index.cjs +201 -163
  2. package/lib/codegen/index.js +201 -163
  3. package/lib/codegen/targets/react/index.cjs +980 -573
  4. package/lib/codegen/targets/react/index.js +980 -573
  5. package/lib/index.cjs +201 -163
  6. package/lib/index.js +201 -163
  7. package/package.json +1 -1
  8. package/src/codegen/component-properties.ts +34 -6
  9. package/src/codegen/core/infer-layout.test.ts +1 -1
  10. package/src/codegen/targets/react/component/handlers/archive/checkbox.ts +3 -1
  11. package/src/codegen/targets/react/component/handlers/archive/field-button.ts +2 -2
  12. package/src/codegen/targets/react/component/handlers/archive/index.ts +0 -1
  13. package/src/codegen/targets/react/component/handlers/archive/slider.ts +2 -2
  14. package/src/codegen/targets/react/component/handlers/bottom-sheet.ts +4 -6
  15. package/src/codegen/targets/react/component/handlers/checkbox.ts +90 -2
  16. package/src/codegen/targets/react/component/handlers/chip.ts +1 -1
  17. package/src/codegen/targets/react/component/handlers/field-button.ts +10 -17
  18. package/src/codegen/targets/react/component/handlers/field.ts +4 -4
  19. package/src/codegen/targets/react/component/handlers/index.ts +1 -1
  20. package/src/codegen/targets/react/component/handlers/legacy-select-box.ts +1 -1
  21. package/src/codegen/targets/react/component/handlers/list-item.ts +22 -22
  22. package/src/codegen/targets/react/component/handlers/radio-group.ts +98 -20
  23. package/src/codegen/targets/react/component/handlers/select-box.ts +333 -0
  24. package/src/codegen/targets/react/component/handlers/slider.ts +5 -5
  25. package/src/codegen/targets/react/component/handlers/tabs.ts +5 -5
  26. package/src/codegen/targets/react/component/handlers/tag-group.ts +2 -2
  27. package/src/codegen/targets/react/component/handlers/text-field.ts +7 -7
  28. package/src/entities/data/__generated__/component-sets/index.d.ts +199 -161
  29. package/src/entities/data/__generated__/component-sets/index.mjs +199 -161
  30. package/src/entities/data/__generated__/components/index.d.ts +260 -0
  31. 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 templateCheckboxGroupField = {
2387
- "name": "templateCheckboxGroupField",
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 templateRadioGroupField = {
3214
- "name": "templateRadioGroupField",
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",