@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.
Files changed (30) hide show
  1. package/lib/codegen/index.cjs +366 -286
  2. package/lib/codegen/index.d.ts +508 -233
  3. package/lib/codegen/index.d.ts.map +1 -1
  4. package/lib/codegen/index.js +366 -286
  5. package/lib/codegen/targets/react/index.cjs +1024 -511
  6. package/lib/codegen/targets/react/index.d.ts.map +1 -1
  7. package/lib/codegen/targets/react/index.js +1024 -511
  8. package/lib/index.cjs +394 -286
  9. package/lib/index.js +394 -286
  10. package/package.json +2 -2
  11. package/src/codegen/component-properties.ts +362 -103
  12. package/src/codegen/targets/react/component/handlers/action-button.ts +69 -54
  13. package/src/codegen/targets/react/component/handlers/bottom-sheet.ts +2 -3
  14. package/src/codegen/targets/react/component/handlers/error-state.ts +18 -6
  15. package/src/codegen/targets/react/component/handlers/field-button.ts +197 -0
  16. package/src/codegen/targets/react/component/handlers/field.ts +167 -0
  17. package/src/codegen/targets/react/component/handlers/slider.ts +114 -0
  18. package/src/codegen/targets/react/component/handlers/text-field.ts +245 -92
  19. package/src/codegen/targets/react/component/index.ts +40 -23
  20. package/src/codegen/targets/react/element-factories.ts +1 -1
  21. package/src/codegen/targets/react/instance.ts +23 -2
  22. package/src/entities/data/__generated__/component-sets/index.d.ts +225 -222
  23. package/src/entities/data/__generated__/component-sets/index.mjs +225 -222
  24. package/src/entities/data/__generated__/components/index.d.ts +121 -0
  25. package/src/entities/data/__generated__/components/index.mjs +121 -0
  26. package/src/entities/data/__generated__/icons/index.mjs +28 -0
  27. package/src/entities/data/__generated__/styles/index.mjs +0 -56
  28. package/src/entities/data/__generated__/variable-collections/index.mjs +11 -8
  29. package/src/entities/data/__generated__/variables/index.mjs +130 -0
  30. package/src/codegen/targets/react/component/handlers/multiline-text-field.ts +0 -84
package/lib/index.cjs CHANGED
@@ -2001,6 +2001,16 @@ const FIGMA_ICONS = {
2001
2001
  "type": "monochrome",
2002
2002
  "weight": "Line"
2003
2003
  },
2004
+ "8c85104333ba7cc69fc866b41770316a6bd226d9": {
2005
+ "name": "icon_grid_dot5",
2006
+ "type": "monochrome",
2007
+ "weight": "Fill"
2008
+ },
2009
+ "29482f6a02c7c0fe2d714271ca540c197e2c5e9a": {
2010
+ "name": "icon_grid_dot5",
2011
+ "type": "monochrome",
2012
+ "weight": "Line"
2013
+ },
2004
2014
  "94396773c3208ff19b7650bb7f48de6600492c83": {
2005
2015
  "name": "icon_grid_heart",
2006
2016
  "type": "monochrome",
@@ -2391,6 +2401,16 @@ const FIGMA_ICONS = {
2391
2401
  "type": "monochrome",
2392
2402
  "weight": "Line"
2393
2403
  },
2404
+ "af40e22f4795e41a24778fae19232b7ffe8d0b95": {
2405
+ "name": "icon_midcut_square",
2406
+ "type": "monochrome",
2407
+ "weight": "Fill"
2408
+ },
2409
+ "7c104076f1c7d9bbe9e14f5957012f2c7a5710d7": {
2410
+ "name": "icon_midcut_square",
2411
+ "type": "monochrome",
2412
+ "weight": "Line"
2413
+ },
2394
2414
  "5fa174f09a36f25f6af68e8a7b268e1d9a7f4752": {
2395
2415
  "name": "icon_minus_circle",
2396
2416
  "type": "monochrome",
@@ -3793,6 +3813,10 @@ const FIGMA_ICONS = {
3793
3813
  "name": "icon_gift",
3794
3814
  "type": "multicolor"
3795
3815
  },
3816
+ "e44bf2ccec8dd6a9b720e15f1660854234aeb9ca": {
3817
+ "name": "icon_grid_dot5",
3818
+ "type": "multicolor"
3819
+ },
3796
3820
  "9d3511905b35064003bf689e7f536f120e1fa5ad": {
3797
3821
  "name": "icon_horizline_viewfinder",
3798
3822
  "type": "multicolor"
@@ -3885,6 +3909,10 @@ const FIGMA_ICONS = {
3885
3909
  "name": "icon_sneaker_lifted_leftside",
3886
3910
  "type": "multicolor"
3887
3911
  },
3912
+ "e8eb13395b0696f63d148a8c31401b21382f03ef": {
3913
+ "name": "icon_sofa",
3914
+ "type": "multicolor"
3915
+ },
3888
3916
  "7fa76e36cb5397446a8ac3105d882ea685290c1b": {
3889
3917
  "name": "icon_sparkle2",
3890
3918
  "type": "multicolor"
@@ -3940,62 +3968,6 @@ const FIGMA_ICONS = {
3940
3968
  };
3941
3969
 
3942
3970
  const FIGMA_STYLES = [
3943
- {
3944
- "styleType": "FILL",
3945
- "key": "c1cee6b89c357c6a12d020654d73a4490cafdf51",
3946
- "name": "gradient/fade/layer-default/←(to-left)",
3947
- "description": "스크롤이 가능하도록 그라디언트로 특정 영역을 덮는 요소로 사용해요.",
3948
- "remote": false
3949
- },
3950
- {
3951
- "styleType": "FILL",
3952
- "key": "ff436e73cf9477a1006e6f8a1f9d2c9dbe0e5edd",
3953
- "name": "gradient/fade/layer-default/→(to-right)",
3954
- "description": "스크롤이 가능하도록 그라디언트로 특정 영역을 덮는 요소로 사용해요.",
3955
- "remote": false
3956
- },
3957
- {
3958
- "styleType": "FILL",
3959
- "key": "826457503b7ee3d472eab91581b1fcd499c47c00",
3960
- "name": "gradient/fade/layer-default/↑(to-top)",
3961
- "description": "스크롤이 가능하도록 그라디언트로 특정 영역을 덮는 요소로 사용해요.",
3962
- "remote": false
3963
- },
3964
- {
3965
- "styleType": "FILL",
3966
- "key": "408cb970f1de672217f452152b0398a4bb4f4e12",
3967
- "name": "gradient/fade/layer-default/↓(to-bottom)",
3968
- "description": "스크롤이 가능하도록 그라디언트로 특정 영역을 덮는 요소로 사용해요.",
3969
- "remote": false
3970
- },
3971
- {
3972
- "styleType": "FILL",
3973
- "key": "df22450a8f8e9c323baf40d8981920d1b6376cbf",
3974
- "name": "gradient/fade/layer-floating/←(to-left)",
3975
- "description": "스크롤이 가능하도록 그라디언트로 특정 영역을 덮는 요소로 사용해요.",
3976
- "remote": false
3977
- },
3978
- {
3979
- "styleType": "FILL",
3980
- "key": "063c0dc05b438ac36499492e783520a722782d74",
3981
- "name": "gradient/fade/layer-floating/→(to-right)",
3982
- "description": "스크롤이 가능하도록 그라디언트로 특정 영역을 덮는 요소로 사용해요.",
3983
- "remote": false
3984
- },
3985
- {
3986
- "styleType": "FILL",
3987
- "key": "46186d7dd037e8e54983ee6677cf7915790d84cc",
3988
- "name": "gradient/fade/layer-floating/↑(to-top)",
3989
- "description": "스크롤이 가능하도록 그라디언트로 특정 영역을 덮는 요소로 사용해요.",
3990
- "remote": false
3991
- },
3992
- {
3993
- "styleType": "FILL",
3994
- "key": "b28d9c9adc816fdd4ecec3a0b3e25d8aec802b6a",
3995
- "name": "gradient/fade/layer-floating/↓(to-bottom)",
3996
- "description": "스크롤이 가능하도록 그라디언트로 특정 영역을 덮는 요소로 사용해요.",
3997
- "remote": false
3998
- },
3999
3971
  {
4000
3972
  "styleType": "FILL",
4001
3973
  "key": "353baa82e0440385eb121cd0ae98d2fcb1a70b18",
@@ -4286,10 +4258,10 @@ const FIGMA_VARIABLE_COLLECTIONS = {
4286
4258
  "VariableID:238:17662",
4287
4259
  "VariableID:17544:4057",
4288
4260
  "VariableID:1:171",
4289
- "VariableID:41186:6437",
4290
4261
  "VariableID:670:2700",
4291
- "VariableID:1:158",
4262
+ "VariableID:41186:6437",
4292
4263
  "VariableID:1:172",
4264
+ "VariableID:1:158",
4293
4265
  "VariableID:1:161",
4294
4266
  "VariableID:1:159",
4295
4267
  "VariableID:576:22878",
@@ -4337,8 +4309,8 @@ const FIGMA_VARIABLE_COLLECTIONS = {
4337
4309
  "VariableID:12479:23364",
4338
4310
  "VariableID:12479:23365",
4339
4311
  "VariableID:12479:23366",
4340
- "VariableID:1:7",
4341
4312
  "VariableID:12548:1437",
4313
+ "VariableID:1:7",
4342
4314
  "VariableID:12479:23367",
4343
4315
  "VariableID:12479:23368",
4344
4316
  "VariableID:12479:23371",
@@ -4473,14 +4445,12 @@ const FIGMA_VARIABLE_COLLECTIONS = {
4473
4445
  "VariableID:10181:34417",
4474
4446
  "VariableID:1:168",
4475
4447
  "VariableID:29913:8440",
4476
- "VariableID:29917:289",
4477
4448
  "VariableID:29917:362",
4478
- "VariableID:30009:40284",
4479
4449
  "VariableID:29917:5084",
4450
+ "VariableID:30009:40284",
4480
4451
  "VariableID:30009:40393",
4481
4452
  "VariableID:30021:1313",
4482
4453
  "VariableID:30023:1876",
4483
- "VariableID:30023:1877",
4484
4454
  "VariableID:30023:3032",
4485
4455
  "VariableID:30023:1878",
4486
4456
  "VariableID:30023:3347",
@@ -4501,7 +4471,12 @@ const FIGMA_VARIABLE_COLLECTIONS = {
4501
4471
  "VariableID:43290:12820",
4502
4472
  "VariableID:43290:12822",
4503
4473
  "VariableID:43290:12823",
4504
- "VariableID:43290:12824"
4474
+ "VariableID:43290:12824",
4475
+ "VariableID:49497:1643",
4476
+ "VariableID:49497:1644",
4477
+ "VariableID:49495:1861",
4478
+ "VariableID:49497:1645",
4479
+ "VariableID:49497:1646"
4505
4480
  ]
4506
4481
  },
4507
4482
  "VariableCollectionId:1:174": {
@@ -4627,9 +4602,9 @@ const FIGMA_VARIABLE_COLLECTIONS = {
4627
4602
  "VariableID:289:13772",
4628
4603
  "VariableID:1886:93038",
4629
4604
  "VariableID:289:13773",
4605
+ "VariableID:796:4448",
4630
4606
  "VariableID:15518:15916",
4631
4607
  "VariableID:19225:68732",
4632
- "VariableID:796:4448",
4633
4608
  "VariableID:17955:50606",
4634
4609
  "VariableID:514:13178",
4635
4610
  "VariableID:535:1747",
@@ -4720,6 +4695,136 @@ const FIGMA_VARIABLES = {
4720
4695
  ],
4721
4696
  "codeSyntax": {}
4722
4697
  },
4698
+ "VariableID:49495:1861": {
4699
+ "name": "_scroll-fog",
4700
+ "id": "VariableID:49495:1861",
4701
+ "remote": false,
4702
+ "key": "12f1d88d590090e396c9b283bb51d4e89d9016d2",
4703
+ "variableCollectionId": "VariableCollectionId:1:3",
4704
+ "resolvedType": "COLOR",
4705
+ "description": "",
4706
+ "hiddenFromPublishing": false,
4707
+ "valuesByMode": {
4708
+ "1928:7": {
4709
+ "type": "VARIABLE_ALIAS",
4710
+ "id": "VariableID:29453:35711"
4711
+ },
4712
+ "1928:8": {
4713
+ "r": 1,
4714
+ "g": 1,
4715
+ "b": 1,
4716
+ "a": 1
4717
+ }
4718
+ },
4719
+ "scopes": [
4720
+ "ALL_SCOPES"
4721
+ ],
4722
+ "codeSyntax": {}
4723
+ },
4724
+ "VariableID:49497:1643": {
4725
+ "name": "_scroll-fog/layer-default/0",
4726
+ "id": "VariableID:49497:1643",
4727
+ "remote": false,
4728
+ "key": "fae00f7e2fc2ee7cd4bef58de19f468255ca4c5c",
4729
+ "variableCollectionId": "VariableCollectionId:1:3",
4730
+ "resolvedType": "COLOR",
4731
+ "description": "",
4732
+ "hiddenFromPublishing": false,
4733
+ "valuesByMode": {
4734
+ "1928:7": {
4735
+ "type": "VARIABLE_ALIAS",
4736
+ "id": "VariableID:1:155"
4737
+ },
4738
+ "1928:8": {
4739
+ "type": "VARIABLE_ALIAS",
4740
+ "id": "VariableID:1:155"
4741
+ }
4742
+ },
4743
+ "scopes": [
4744
+ "ALL_SCOPES"
4745
+ ],
4746
+ "codeSyntax": {}
4747
+ },
4748
+ "VariableID:49497:1644": {
4749
+ "name": "_scroll-fog/layer-default/1",
4750
+ "id": "VariableID:49497:1644",
4751
+ "remote": false,
4752
+ "key": "fac0ada2e11c8d54997dce0fc72a723fce514a9f",
4753
+ "variableCollectionId": "VariableCollectionId:1:3",
4754
+ "resolvedType": "COLOR",
4755
+ "description": "",
4756
+ "hiddenFromPublishing": false,
4757
+ "valuesByMode": {
4758
+ "1928:7": {
4759
+ "r": 1,
4760
+ "g": 1,
4761
+ "b": 1,
4762
+ "a": 0
4763
+ },
4764
+ "1928:8": {
4765
+ "r": 0.08627451211214066,
4766
+ "g": 0.09019608050584793,
4767
+ "b": 0.10588235408067703,
4768
+ "a": 0
4769
+ }
4770
+ },
4771
+ "scopes": [
4772
+ "ALL_SCOPES"
4773
+ ],
4774
+ "codeSyntax": {}
4775
+ },
4776
+ "VariableID:49497:1645": {
4777
+ "name": "_scroll-fog/layer-floating/0",
4778
+ "id": "VariableID:49497:1645",
4779
+ "remote": false,
4780
+ "key": "334d485b6f54e6ed8dce767cd150b578f4323ad3",
4781
+ "variableCollectionId": "VariableCollectionId:1:3",
4782
+ "resolvedType": "COLOR",
4783
+ "description": "",
4784
+ "hiddenFromPublishing": false,
4785
+ "valuesByMode": {
4786
+ "1928:7": {
4787
+ "type": "VARIABLE_ALIAS",
4788
+ "id": "VariableID:238:17662"
4789
+ },
4790
+ "1928:8": {
4791
+ "type": "VARIABLE_ALIAS",
4792
+ "id": "VariableID:238:17662"
4793
+ }
4794
+ },
4795
+ "scopes": [
4796
+ "ALL_SCOPES"
4797
+ ],
4798
+ "codeSyntax": {}
4799
+ },
4800
+ "VariableID:49497:1646": {
4801
+ "name": "_scroll-fog/layer-floating/1",
4802
+ "id": "VariableID:49497:1646",
4803
+ "remote": false,
4804
+ "key": "3259bea6c3999bc3ad72999fd3123648544bd002",
4805
+ "variableCollectionId": "VariableCollectionId:1:3",
4806
+ "resolvedType": "COLOR",
4807
+ "description": "",
4808
+ "hiddenFromPublishing": false,
4809
+ "valuesByMode": {
4810
+ "1928:7": {
4811
+ "r": 1,
4812
+ "g": 1,
4813
+ "b": 1,
4814
+ "a": 0
4815
+ },
4816
+ "1928:8": {
4817
+ "r": 0.11555555462837219,
4818
+ "g": 0.12638889253139496,
4819
+ "b": 0.14444443583488464,
4820
+ "a": 0
4821
+ }
4822
+ },
4823
+ "scopes": [
4824
+ "ALL_SCOPES"
4825
+ ],
4826
+ "codeSyntax": {}
4827
+ },
4723
4828
  "VariableID:1:151": {
4724
4829
  "name": "bg/brand-solid",
4725
4830
  "id": "VariableID:1:151",
@@ -11471,11 +11576,39 @@ const templateCompletion = {
11471
11576
  }
11472
11577
  }
11473
11578
  };
11579
+ const templateCustomPickerField = {
11580
+ "name": "templateCustomPickerField",
11581
+ "key": "91d73dfc297a467d78dc91ade6ff9be9a152619e",
11582
+ "componentPropertyDefinitions": {
11583
+ "Show Header#40606:8": {
11584
+ "type": "BOOLEAN"
11585
+ },
11586
+ "Show Footer#40606:9": {
11587
+ "type": "BOOLEAN"
11588
+ },
11589
+ "State": {
11590
+ "type": "VARIANT",
11591
+ "variantOptions": [
11592
+ "Default",
11593
+ "Error",
11594
+ "Disabled",
11595
+ "Read Only"
11596
+ ]
11597
+ },
11598
+ "Has Value": {
11599
+ "type": "VARIANT",
11600
+ "variantOptions": [
11601
+ "False",
11602
+ "True"
11603
+ ]
11604
+ }
11605
+ }
11606
+ };
11474
11607
  const templateErrorState = {
11475
11608
  "name": "templateErrorState",
11476
11609
  "key": "39b4ecd0b5b4d35f4dc5791765ca04aa062a5172",
11477
11610
  "componentPropertyDefinitions": {
11478
- "Show Buttons#9080:5": {
11611
+ "Show Action Button#9080:5": {
11479
11612
  "type": "BOOLEAN"
11480
11613
  },
11481
11614
  "Title#16237:0": {
@@ -11484,9 +11617,6 @@ const templateErrorState = {
11484
11617
  "Description#16237:5": {
11485
11618
  "type": "TEXT"
11486
11619
  },
11487
- "Secondary Action Label#17042:0": {
11488
- "type": "TEXT"
11489
- },
11490
11620
  "Variant": {
11491
11621
  "type": "VARIANT",
11492
11622
  "variantOptions": [
@@ -11527,6 +11657,83 @@ const templateSelectBoxGroup = {
11527
11657
  }
11528
11658
  }
11529
11659
  };
11660
+ const templateSliderField = {
11661
+ "name": "templateSliderField",
11662
+ "key": "7d2b449bcfb28ebf3c509ed76a141511f7d955eb",
11663
+ "componentPropertyDefinitions": {
11664
+ "Show Header#40606:8": {
11665
+ "type": "BOOLEAN"
11666
+ },
11667
+ "Show Footer#40606:9": {
11668
+ "type": "BOOLEAN"
11669
+ },
11670
+ "State": {
11671
+ "type": "VARIANT",
11672
+ "variantOptions": [
11673
+ "Default",
11674
+ "Error",
11675
+ "Disabled",
11676
+ "Read Only",
11677
+ "Pressed"
11678
+ ]
11679
+ }
11680
+ }
11681
+ };
11682
+ const templateTextField = {
11683
+ "name": "templateTextField",
11684
+ "key": "0a83a0ff9d18d98a14536b21aa5411622f9f0c05",
11685
+ "componentPropertyDefinitions": {
11686
+ "Show Header#40606:8": {
11687
+ "type": "BOOLEAN"
11688
+ },
11689
+ "Show Footer#40606:9": {
11690
+ "type": "BOOLEAN"
11691
+ },
11692
+ "Variant": {
11693
+ "type": "VARIANT",
11694
+ "variantOptions": [
11695
+ "Outline",
11696
+ "Underline"
11697
+ ]
11698
+ },
11699
+ "State": {
11700
+ "type": "VARIANT",
11701
+ "variantOptions": [
11702
+ "Default",
11703
+ "Focused",
11704
+ "Error",
11705
+ "Error Focused",
11706
+ "Disabled",
11707
+ "Read Only",
11708
+ "AI Loading (Figma Only)"
11709
+ ]
11710
+ }
11711
+ }
11712
+ };
11713
+ const templateTextareaField = {
11714
+ "name": "templateTextareaField",
11715
+ "key": "cdc688eccd78b947289e8089a620bdc494f6c809",
11716
+ "componentPropertyDefinitions": {
11717
+ "Show Header#40606:8": {
11718
+ "type": "BOOLEAN"
11719
+ },
11720
+ "Show Footer#40606:9": {
11721
+ "type": "BOOLEAN"
11722
+ },
11723
+ "State": {
11724
+ "type": "VARIANT",
11725
+ "variantOptions": [
11726
+ "Default",
11727
+ "Focused",
11728
+ "Error",
11729
+ "Error Focused",
11730
+ "Disabled",
11731
+ "Read Only",
11732
+ "AI Loading (Figma Only)"
11733
+ ]
11734
+ }
11735
+ }
11736
+ };
11530
11737
  const templateTopNavigation = {
11531
11738
  "name": "templateTopNavigation",
11532
11739
  "key": "74f045c1972dc31d0fddd0a0027537b6779cd0e8",
@@ -11816,6 +12023,9 @@ const bottomSheet = {
11816
12023
  "Show Safe Area#25488:8": {
11817
12024
  "type": "BOOLEAN"
11818
12025
  },
12026
+ "Show Handle#49774:6": {
12027
+ "type": "BOOLEAN"
12028
+ },
11819
12029
  "Header Layout": {
11820
12030
  "type": "VARIANT",
11821
12031
  "variantOptions": [
@@ -12195,8 +12405,8 @@ const listHeader = {
12195
12405
  "type": "VARIANT",
12196
12406
  "variantOptions": [
12197
12407
  "None",
12198
- "Button",
12199
- "Custom"
12408
+ "Custom",
12409
+ "Button"
12200
12410
  ]
12201
12411
  },
12202
12412
  "Variant": {
@@ -12487,74 +12697,6 @@ const menuSheet = {
12487
12697
  }
12488
12698
  }
12489
12699
  };
12490
- const multilineTextField = {
12491
- "name": "multilineTextField",
12492
- "key": "88b2399c930c85f9ce2972163a078bc684b84bbe",
12493
- "componentPropertyDefinitions": {
12494
- "Show Header#870:0": {
12495
- "type": "BOOLEAN"
12496
- },
12497
- "Placeholder#958:0": {
12498
- "type": "TEXT"
12499
- },
12500
- "Show Footer#958:25": {
12501
- "type": "BOOLEAN"
12502
- },
12503
- "Show Description#958:50": {
12504
- "type": "BOOLEAN"
12505
- },
12506
- "Show Character count#958:75": {
12507
- "type": "BOOLEAN"
12508
- },
12509
- "Show Indicator#1259:0": {
12510
- "type": "BOOLEAN"
12511
- },
12512
- "Filled Text#1304:0": {
12513
- "type": "TEXT"
12514
- },
12515
- "Max Character Count#15327:175": {
12516
- "type": "TEXT"
12517
- },
12518
- "Description#15327:212": {
12519
- "type": "TEXT"
12520
- },
12521
- "Indicator#15327:286": {
12522
- "type": "TEXT"
12523
- },
12524
- "Label#15327:323": {
12525
- "type": "TEXT"
12526
- },
12527
- "Character Count#15327:360": {
12528
- "type": "TEXT"
12529
- },
12530
- "Size": {
12531
- "type": "VARIANT",
12532
- "variantOptions": [
12533
- "Medium",
12534
- "Large",
12535
- "XLarge"
12536
- ]
12537
- },
12538
- "State": {
12539
- "type": "VARIANT",
12540
- "variantOptions": [
12541
- "Enabled",
12542
- "Focused",
12543
- "Invalid",
12544
- "Invalid-Focused",
12545
- "Disabled",
12546
- "Read Only"
12547
- ]
12548
- },
12549
- "Filled": {
12550
- "type": "VARIANT",
12551
- "variantOptions": [
12552
- "True",
12553
- "False"
12554
- ]
12555
- }
12556
- }
12557
- };
12558
12700
  const pageBanner = {
12559
12701
  "name": "pageBanner",
12560
12702
  "key": "ce587d0f21754af05240cb32a4880227cb0ea1e1",
@@ -12717,37 +12859,6 @@ const radioMark = {
12717
12859
  }
12718
12860
  }
12719
12861
  };
12720
- const rangeSlider = {
12721
- "name": "rangeSlider",
12722
- "key": "64fc49184979e0be40aa367ca98868601eb7dad5",
12723
- "componentPropertyDefinitions": {
12724
- "Steps": {
12725
- "type": "VARIANT",
12726
- "variantOptions": [
12727
- "0",
12728
- "1",
12729
- "2",
12730
- "3",
12731
- "4"
12732
- ]
12733
- },
12734
- "State": {
12735
- "type": "VARIANT",
12736
- "variantOptions": [
12737
- "Enabled",
12738
- "Disabled"
12739
- ]
12740
- },
12741
- "Marker": {
12742
- "type": "VARIANT",
12743
- "variantOptions": [
12744
- "None",
12745
- "Min Max",
12746
- "All"
12747
- ]
12748
- }
12749
- }
12750
- };
12751
12862
  const reactionButton = {
12752
12863
  "name": "reactionButton",
12753
12864
  "key": "ec43e4e881f7048e95601f8b58c01a0905a174e0",
@@ -12826,6 +12937,28 @@ const resizableChild = {
12826
12937
  }
12827
12938
  }
12828
12939
  };
12940
+ const scrollFog = {
12941
+ "name": "scrollFog",
12942
+ "key": "0a06ea65fe164e0245fde6ac6c97135990a4de3c",
12943
+ "componentPropertyDefinitions": {
12944
+ "Orientation": {
12945
+ "type": "VARIANT",
12946
+ "variantOptions": [
12947
+ "Top ⬇️",
12948
+ "Bottom ⬆️",
12949
+ "Right ➡️",
12950
+ "Left ⬅️"
12951
+ ]
12952
+ },
12953
+ "Layer": {
12954
+ "type": "VARIANT",
12955
+ "variantOptions": [
12956
+ "Default",
12957
+ "Floating"
12958
+ ]
12959
+ }
12960
+ }
12961
+ };
12829
12962
  const segmentedControl = {
12830
12963
  "name": "segmentedControl",
12831
12964
  "key": "3ad7133ba52755867f42f9232375f75639e00d58",
@@ -12900,32 +13033,31 @@ const skeleton = {
12900
13033
  };
12901
13034
  const slider = {
12902
13035
  "name": "slider",
12903
- "key": "aee027230a478315e380704c4523141e67e464ee",
13036
+ "key": "c748f314f790eb804138bd105bfb0bd0584c9aa1",
12904
13037
  "componentPropertyDefinitions": {
12905
- "Steps": {
13038
+ "Has Tick Mark#47921:0": {
13039
+ "type": "BOOLEAN"
13040
+ },
13041
+ "Show Active Track#48156:0": {
13042
+ "type": "BOOLEAN"
13043
+ },
13044
+ "Show Markers#49596:0": {
13045
+ "type": "BOOLEAN"
13046
+ },
13047
+ "Value": {
12906
13048
  "type": "VARIANT",
12907
13049
  "variantOptions": [
12908
- "0",
12909
- "1",
12910
- "2",
12911
- "3",
12912
- "4"
13050
+ "Single",
13051
+ "Range"
12913
13052
  ]
12914
13053
  },
12915
13054
  "State": {
12916
13055
  "type": "VARIANT",
12917
13056
  "variantOptions": [
12918
13057
  "Enabled",
13058
+ "Pressed",
12919
13059
  "Disabled"
12920
13060
  ]
12921
- },
12922
- "Marker": {
12923
- "type": "VARIANT",
12924
- "variantOptions": [
12925
- "None",
12926
- "Min Max",
12927
- "All"
12928
- ]
12929
13061
  }
12930
13062
  }
12931
13063
  };
@@ -13087,105 +13219,6 @@ const tagGroup = {
13087
13219
  }
13088
13220
  }
13089
13221
  };
13090
- const textField = {
13091
- "name": "textField",
13092
- "key": "c49873c37a639f0dffdea4efd0eb43760d66c141",
13093
- "componentPropertyDefinitions": {
13094
- "Show Header#870:0": {
13095
- "type": "BOOLEAN"
13096
- },
13097
- "Placeholder#958:0": {
13098
- "type": "TEXT"
13099
- },
13100
- "Show Footer#958:25": {
13101
- "type": "BOOLEAN"
13102
- },
13103
- "Show Description#958:50": {
13104
- "type": "BOOLEAN"
13105
- },
13106
- "Show Character Count#958:75": {
13107
- "type": "BOOLEAN"
13108
- },
13109
- "Show Suffix#958:100": {
13110
- "type": "BOOLEAN"
13111
- },
13112
- "Show Prefix#958:125": {
13113
- "type": "BOOLEAN"
13114
- },
13115
- "Show Indicator#1259:0": {
13116
- "type": "BOOLEAN"
13117
- },
13118
- "Show Prefix Text#1267:0": {
13119
- "type": "BOOLEAN"
13120
- },
13121
- "Prefix Icon#1267:25": {
13122
- "type": "INSTANCE_SWAP",
13123
- "preferredValues": []
13124
- },
13125
- "Show Prefix Icon#1267:50": {
13126
- "type": "BOOLEAN"
13127
- },
13128
- "Show Suffix Icon#1267:75": {
13129
- "type": "BOOLEAN"
13130
- },
13131
- "Suffix Icon #1267:100": {
13132
- "type": "INSTANCE_SWAP",
13133
- "preferredValues": []
13134
- },
13135
- "Show Suffix Text#1267:125": {
13136
- "type": "BOOLEAN"
13137
- },
13138
- "Filled Text#1304:0": {
13139
- "type": "TEXT"
13140
- },
13141
- "Description#12626:5": {
13142
- "type": "TEXT"
13143
- },
13144
- "Label#14964:0": {
13145
- "type": "TEXT"
13146
- },
13147
- "Max Character Count#15327:27": {
13148
- "type": "TEXT"
13149
- },
13150
- "Character Count#15327:64": {
13151
- "type": "TEXT"
13152
- },
13153
- "Prefix Text#15327:101": {
13154
- "type": "TEXT"
13155
- },
13156
- "Suffix Text#15327:138": {
13157
- "type": "TEXT"
13158
- },
13159
- "Indicator#15327:249": {
13160
- "type": "TEXT"
13161
- },
13162
- "Size": {
13163
- "type": "VARIANT",
13164
- "variantOptions": [
13165
- "Medium",
13166
- "Large(Default)"
13167
- ]
13168
- },
13169
- "State": {
13170
- "type": "VARIANT",
13171
- "variantOptions": [
13172
- "Enabled",
13173
- "Focused",
13174
- "Invalid",
13175
- "Invalid-Focused",
13176
- "Disabled",
13177
- "Read Only"
13178
- ]
13179
- },
13180
- "Filled": {
13181
- "type": "VARIANT",
13182
- "variantOptions": [
13183
- "True",
13184
- "False"
13185
- ]
13186
- }
13187
- }
13188
- };
13189
13222
  const toggleButton = {
13190
13223
  "name": "toggleButton",
13191
13224
  "key": "1d240ee5fd7a56879713e69cbea1b6f006f0ea22",
@@ -13281,11 +13314,84 @@ const topNavigation = {
13281
13314
  }
13282
13315
  }
13283
13316
  };
13317
+ const actionButtonGhostButton = {
13318
+ "name": "actionButtonGhostButton",
13319
+ "key": "ea69291fb4d76217419f3d9613ae16aadafb56a5",
13320
+ "componentPropertyDefinitions": {
13321
+ "Label#30511:2": {
13322
+ "type": "TEXT"
13323
+ },
13324
+ "Prefix Icon#30511:3": {
13325
+ "type": "INSTANCE_SWAP",
13326
+ "preferredValues": []
13327
+ },
13328
+ "Suffix Icon#30525:0": {
13329
+ "type": "INSTANCE_SWAP",
13330
+ "preferredValues": [
13331
+ {
13332
+ "type": "COMPONENT_SET",
13333
+ "key": "c8415f85843e5aea5a1d3620d03d16b643bf86cd"
13334
+ },
13335
+ {
13336
+ "type": "COMPONENT_SET",
13337
+ "key": "0d0a2bc648a2c4e1f06a56a30ef16299b6e91037"
13338
+ },
13339
+ {
13340
+ "type": "COMPONENT_SET",
13341
+ "key": "8f28ae559baf8f388d84ccc3ad65a282966e1b05"
13342
+ },
13343
+ {
13344
+ "type": "COMPONENT_SET",
13345
+ "key": "57341e8a9961bf31590240dd288e57c76969098d"
13346
+ }
13347
+ ]
13348
+ },
13349
+ "Icon#30525:15": {
13350
+ "type": "INSTANCE_SWAP",
13351
+ "preferredValues": []
13352
+ },
13353
+ "Bleed": {
13354
+ "type": "VARIANT",
13355
+ "variantOptions": [
13356
+ "true",
13357
+ "false"
13358
+ ]
13359
+ },
13360
+ "Size": {
13361
+ "type": "VARIANT",
13362
+ "variantOptions": [
13363
+ "Xsmall",
13364
+ "Small",
13365
+ "Medium",
13366
+ "Large"
13367
+ ]
13368
+ },
13369
+ "Layout": {
13370
+ "type": "VARIANT",
13371
+ "variantOptions": [
13372
+ "Text Only",
13373
+ "Icon First",
13374
+ "Icon Last",
13375
+ "Icon Only"
13376
+ ]
13377
+ },
13378
+ "State": {
13379
+ "type": "VARIANT",
13380
+ "variantOptions": [
13381
+ "Enabled",
13382
+ "Pressed",
13383
+ "Loading",
13384
+ "Disabled"
13385
+ ]
13386
+ }
13387
+ }
13388
+ };
13284
13389
 
13285
13390
  var FIGMA_COMPONENTS = {
13286
13391
  __proto__: null,
13287
13392
  _switch: _switch,
13288
13393
  actionButton: actionButton,
13394
+ actionButtonGhostButton: actionButtonGhostButton,
13289
13395
  alertDialog: alertDialog,
13290
13396
  avatar: avatar,
13291
13397
  avatarStack: avatarStack,
@@ -13309,15 +13415,14 @@ var FIGMA_COMPONENTS = {
13309
13415
  mannerTemp: mannerTemp,
13310
13416
  mannerTempBadge: mannerTempBadge,
13311
13417
  menuSheet: menuSheet,
13312
- multilineTextField: multilineTextField,
13313
13418
  pageBanner: pageBanner,
13314
13419
  progressCircle: progressCircle,
13315
13420
  radio: radio,
13316
13421
  radioMark: radioMark,
13317
- rangeSlider: rangeSlider,
13318
13422
  reactionButton: reactionButton,
13319
13423
  resizableChild: resizableChild,
13320
13424
  resizableIcon: resizableIcon,
13425
+ scrollFog: scrollFog,
13321
13426
  segmentedControl: segmentedControl,
13322
13427
  selectBox: selectBox,
13323
13428
  skeleton: skeleton,
@@ -13331,10 +13436,13 @@ var FIGMA_COMPONENTS = {
13331
13436
  templateButtonGroup: templateButtonGroup,
13332
13437
  templateChipGroup: templateChipGroup,
13333
13438
  templateCompletion: templateCompletion,
13439
+ templateCustomPickerField: templateCustomPickerField,
13334
13440
  templateErrorState: templateErrorState,
13335
13441
  templateSelectBoxGroup: templateSelectBoxGroup,
13442
+ templateSliderField: templateSliderField,
13443
+ templateTextField: templateTextField,
13444
+ templateTextareaField: templateTextareaField,
13336
13445
  templateTopNavigation: templateTopNavigation,
13337
- textField: textField,
13338
13446
  toggleButton: toggleButton,
13339
13447
  topNavigation: topNavigation
13340
13448
  };