@coinbase/cds-mobile 9.1.3 → 9.2.1

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 (242) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/dts/alpha/index.d.ts +1 -0
  3. package/dts/alpha/index.d.ts.map +1 -1
  4. package/dts/alpha/select/DefaultSelectControl.d.ts +9 -9
  5. package/dts/alpha/select/DefaultSelectControl.d.ts.map +1 -1
  6. package/dts/alpha/select/Select.d.ts.map +1 -1
  7. package/dts/alpha/select/types.d.ts +25 -8
  8. package/dts/alpha/select/types.d.ts.map +1 -1
  9. package/dts/alpha/tabbed-chips/index.d.ts +2 -0
  10. package/dts/alpha/tabbed-chips/index.d.ts.map +1 -0
  11. package/dts/visualizations/chart/bar/PercentageBarChart.d.ts +2 -2
  12. package/esm/alpha/index.js +2 -1
  13. package/esm/alpha/select/DefaultSelectControl.js +34 -17
  14. package/esm/alpha/select/Select.js +59 -47
  15. package/esm/alpha/tabbed-chips/index.js +1 -0
  16. package/esm/system/__stories__/componentConfigStickerSheet/customComponentConfig.js +17 -11
  17. package/esm/system/__stories__/componentConfigStickerSheet/examples/Select.js +7 -0
  18. package/package.json +7 -3
  19. package/dts/accordion/__figma__/Accordion.figma.d.ts +0 -2
  20. package/dts/accordion/__figma__/Accordion.figma.d.ts.map +0 -1
  21. package/dts/alpha/__figma__/Select.figma.d.ts +0 -2
  22. package/dts/alpha/__figma__/Select.figma.d.ts.map +0 -1
  23. package/dts/alpha/data-card/__figma__/DataCard.figma.d.ts +0 -2
  24. package/dts/alpha/data-card/__figma__/DataCard.figma.d.ts.map +0 -1
  25. package/dts/buttons/__figma__/AvatarButton.figma.d.ts +0 -2
  26. package/dts/buttons/__figma__/AvatarButton.figma.d.ts.map +0 -1
  27. package/dts/buttons/__figma__/Button.figma.d.ts +0 -2
  28. package/dts/buttons/__figma__/Button.figma.d.ts.map +0 -1
  29. package/dts/buttons/__figma__/ButtonGroup.figma.d.ts +0 -2
  30. package/dts/buttons/__figma__/ButtonGroup.figma.d.ts.map +0 -1
  31. package/dts/buttons/__figma__/IconButton.figma.d.ts +0 -2
  32. package/dts/buttons/__figma__/IconButton.figma.d.ts.map +0 -1
  33. package/dts/buttons/__figma__/SlideButton.figma.d.ts +0 -2
  34. package/dts/buttons/__figma__/SlideButton.figma.d.ts.map +0 -1
  35. package/dts/cards/ContentCard/__figma__/ContentCard.figma.d.ts +0 -2
  36. package/dts/cards/ContentCard/__figma__/ContentCard.figma.d.ts.map +0 -1
  37. package/dts/cards/MediaCard/__figma__/MediaCard.figma.d.ts +0 -2
  38. package/dts/cards/MediaCard/__figma__/MediaCard.figma.d.ts.map +0 -1
  39. package/dts/cards/MessagingCard/__figma__/MessagingCard.figma.d.ts +0 -2
  40. package/dts/cards/MessagingCard/__figma__/MessagingCard.figma.d.ts.map +0 -1
  41. package/dts/cards/__figma__/AnnouncementCard.figma.d.ts +0 -2
  42. package/dts/cards/__figma__/AnnouncementCard.figma.d.ts.map +0 -1
  43. package/dts/cards/__figma__/ContainedAssetCard.figma.d.ts +0 -2
  44. package/dts/cards/__figma__/ContainedAssetCard.figma.d.ts.map +0 -1
  45. package/dts/cards/__figma__/FloatingAssetCard.figma.d.ts +0 -2
  46. package/dts/cards/__figma__/FloatingAssetCard.figma.d.ts.map +0 -1
  47. package/dts/cards/__figma__/NudgeCard.figma.d.ts +0 -2
  48. package/dts/cards/__figma__/NudgeCard.figma.d.ts.map +0 -1
  49. package/dts/cards/__figma__/UpsellCard.figma.d.ts +0 -2
  50. package/dts/cards/__figma__/UpsellCard.figma.d.ts.map +0 -1
  51. package/dts/carousel/__figma__/Carousel.figma.d.ts +0 -2
  52. package/dts/carousel/__figma__/Carousel.figma.d.ts.map +0 -1
  53. package/dts/cells/__figma__/ContentCell.figma.d.ts +0 -2
  54. package/dts/cells/__figma__/ContentCell.figma.d.ts.map +0 -1
  55. package/dts/cells/__figma__/ListCell.figma.d.ts +0 -2
  56. package/dts/cells/__figma__/ListCell.figma.d.ts.map +0 -1
  57. package/dts/chips/__figma__/InputChip.figma.d.ts +0 -2
  58. package/dts/chips/__figma__/InputChip.figma.d.ts.map +0 -1
  59. package/dts/chips/__figma__/SelectChip.figma.d.ts +0 -2
  60. package/dts/chips/__figma__/SelectChip.figma.d.ts.map +0 -1
  61. package/dts/chips/__figma__/TabbedChips.figma.d.ts +0 -2
  62. package/dts/chips/__figma__/TabbedChips.figma.d.ts.map +0 -1
  63. package/dts/coachmark/__figma__/Coachmark.figma.d.ts +0 -2
  64. package/dts/coachmark/__figma__/Coachmark.figma.d.ts.map +0 -1
  65. package/dts/controls/__figma__/Checkbox.figma.d.ts +0 -2
  66. package/dts/controls/__figma__/Checkbox.figma.d.ts.map +0 -1
  67. package/dts/controls/__figma__/CheckboxCell.figma.d.ts +0 -2
  68. package/dts/controls/__figma__/CheckboxCell.figma.d.ts.map +0 -1
  69. package/dts/controls/__figma__/CheckboxGroup.figma.d.ts +0 -2
  70. package/dts/controls/__figma__/CheckboxGroup.figma.d.ts.map +0 -1
  71. package/dts/controls/__figma__/RadioCell.figma.d.ts +0 -2
  72. package/dts/controls/__figma__/RadioCell.figma.d.ts.map +0 -1
  73. package/dts/controls/__figma__/RadioGroup.figma.d.ts +0 -2
  74. package/dts/controls/__figma__/RadioGroup.figma.d.ts.map +0 -1
  75. package/dts/controls/__figma__/SearchInput.figma.d.ts +0 -2
  76. package/dts/controls/__figma__/SearchInput.figma.d.ts.map +0 -1
  77. package/dts/controls/__figma__/SelectOption.figma.d.ts +0 -2
  78. package/dts/controls/__figma__/SelectOption.figma.d.ts.map +0 -1
  79. package/dts/controls/__figma__/Switch.figma.d.ts +0 -2
  80. package/dts/controls/__figma__/Switch.figma.d.ts.map +0 -1
  81. package/dts/controls/__figma__/TextInput.figma.d.ts +0 -2
  82. package/dts/controls/__figma__/TextInput.figma.d.ts.map +0 -1
  83. package/dts/dates/__figma__/DatePicker.figma.d.ts +0 -2
  84. package/dts/dates/__figma__/DatePicker.figma.d.ts.map +0 -1
  85. package/dts/dots/__figma__/DotCount.figma.d.ts +0 -2
  86. package/dts/dots/__figma__/DotCount.figma.d.ts.map +0 -1
  87. package/dts/dots/__figma__/DotStatusColor.figma.d.ts +0 -2
  88. package/dts/dots/__figma__/DotStatusColor.figma.d.ts.map +0 -1
  89. package/dts/dots/__figma__/DotSymbol.figma.d.ts +0 -2
  90. package/dts/dots/__figma__/DotSymbol.figma.d.ts.map +0 -1
  91. package/dts/icons/__figma__/Icon.figma.d.ts +0 -2
  92. package/dts/icons/__figma__/Icon.figma.d.ts.map +0 -1
  93. package/dts/icons/__figma__/LogoMark.figma.d.ts +0 -2
  94. package/dts/icons/__figma__/LogoMark.figma.d.ts.map +0 -1
  95. package/dts/icons/__figma__/LogoWordmark.figma.d.ts +0 -2
  96. package/dts/icons/__figma__/LogoWordmark.figma.d.ts.map +0 -1
  97. package/dts/icons/__figma__/SubBrandLogoMark.figma.d.ts +0 -2
  98. package/dts/icons/__figma__/SubBrandLogoMark.figma.d.ts.map +0 -1
  99. package/dts/icons/__figma__/SubBrandLogoWordmark.figma.d.ts +0 -2
  100. package/dts/icons/__figma__/SubBrandLogoWordmark.figma.d.ts.map +0 -1
  101. package/dts/illustrations/__figma__/HeroSquare.figma.d.ts +0 -2
  102. package/dts/illustrations/__figma__/HeroSquare.figma.d.ts.map +0 -1
  103. package/dts/illustrations/__figma__/Pictogram.figma.d.ts +0 -2
  104. package/dts/illustrations/__figma__/Pictogram.figma.d.ts.map +0 -1
  105. package/dts/illustrations/__figma__/SpotIcon.figma.d.ts +0 -2
  106. package/dts/illustrations/__figma__/SpotIcon.figma.d.ts.map +0 -1
  107. package/dts/illustrations/__figma__/SpotRectangle.figma.d.ts +0 -2
  108. package/dts/illustrations/__figma__/SpotRectangle.figma.d.ts.map +0 -1
  109. package/dts/illustrations/__figma__/SpotSquare.figma.d.ts +0 -2
  110. package/dts/illustrations/__figma__/SpotSquare.figma.d.ts.map +0 -1
  111. package/dts/layout/__figma__/Divider.figma.d.ts +0 -2
  112. package/dts/layout/__figma__/Divider.figma.d.ts.map +0 -1
  113. package/dts/layout/__figma__/Fallback.figma.d.ts +0 -2
  114. package/dts/layout/__figma__/Fallback.figma.d.ts.map +0 -1
  115. package/dts/media/__figma__/Avatar.figma.d.ts +0 -2
  116. package/dts/media/__figma__/Avatar.figma.d.ts.map +0 -1
  117. package/dts/multi-content-module/__figma__/MultiContentModule.figma.d.ts +0 -2
  118. package/dts/multi-content-module/__figma__/MultiContentModule.figma.d.ts.map +0 -1
  119. package/dts/navigation/__figma__/BrowserBar.figma.d.ts +0 -2
  120. package/dts/navigation/__figma__/BrowserBar.figma.d.ts.map +0 -1
  121. package/dts/navigation/__figma__/TopNavBar.figma.d.ts +0 -2
  122. package/dts/navigation/__figma__/TopNavBar.figma.d.ts.map +0 -1
  123. package/dts/numpad/__figma__/Numpad.figma.d.ts +0 -2
  124. package/dts/numpad/__figma__/Numpad.figma.d.ts.map +0 -1
  125. package/dts/overlays/__figma__/Alert.figma.d.ts +0 -2
  126. package/dts/overlays/__figma__/Alert.figma.d.ts.map +0 -1
  127. package/dts/overlays/__figma__/Toast.figma.d.ts +0 -2
  128. package/dts/overlays/__figma__/Toast.figma.d.ts.map +0 -1
  129. package/dts/overlays/modal/__figma__/Modal.figma.d.ts +0 -2
  130. package/dts/overlays/modal/__figma__/Modal.figma.d.ts.map +0 -1
  131. package/dts/overlays/tooltip/__figma__/Tooltip.figma.d.ts +0 -2
  132. package/dts/overlays/tooltip/__figma__/Tooltip.figma.d.ts.map +0 -1
  133. package/dts/overlays/tray/__figma__/Tray.figma.d.ts +0 -2
  134. package/dts/overlays/tray/__figma__/Tray.figma.d.ts.map +0 -1
  135. package/dts/page/__figma__/PageFooter.figma.d.ts +0 -2
  136. package/dts/page/__figma__/PageFooter.figma.d.ts.map +0 -1
  137. package/dts/page/__figma__/PageHeader.figma.d.ts +0 -2
  138. package/dts/page/__figma__/PageHeader.figma.d.ts.map +0 -1
  139. package/dts/perf/component-config/Button.component-config.perf-test.d.ts +0 -2
  140. package/dts/perf/component-config/Button.component-config.perf-test.d.ts.map +0 -1
  141. package/dts/perf/component-config/ComponentConfigProvider.perf-test.d.ts +0 -2
  142. package/dts/perf/component-config/ComponentConfigProvider.perf-test.d.ts.map +0 -1
  143. package/dts/perf/component-config/ComponentConfigStickerSheet.perf-test.d.ts +0 -2
  144. package/dts/perf/component-config/ComponentConfigStickerSheet.perf-test.d.ts.map +0 -1
  145. package/dts/section-header/__figma__/SectionHeader.figma.d.ts +0 -2
  146. package/dts/section-header/__figma__/SectionHeader.figma.d.ts.map +0 -1
  147. package/dts/sticky-footer/__figma__/StickyFooter.figma.d.ts +0 -2
  148. package/dts/sticky-footer/__figma__/StickyFooter.figma.d.ts.map +0 -1
  149. package/dts/tabs/__figma__/SegmentedTabs.figma.d.ts +0 -2
  150. package/dts/tabs/__figma__/SegmentedTabs.figma.d.ts.map +0 -1
  151. package/dts/tabs/__figma__/TabNavigation.figma.d.ts +0 -2
  152. package/dts/tabs/__figma__/TabNavigation.figma.d.ts.map +0 -1
  153. package/dts/tag/__figma__/Tag.figma.d.ts +0 -2
  154. package/dts/tag/__figma__/Tag.figma.d.ts.map +0 -1
  155. package/dts/typography/__figma__/Link.figma.d.ts +0 -2
  156. package/dts/typography/__figma__/Link.figma.d.ts.map +0 -1
  157. package/dts/visualizations/__figma__/ProgressBar.figma.d.ts +0 -2
  158. package/dts/visualizations/__figma__/ProgressBar.figma.d.ts.map +0 -1
  159. package/dts/visualizations/__figma__/ProgressCircle.figma.d.ts +0 -2
  160. package/dts/visualizations/__figma__/ProgressCircle.figma.d.ts.map +0 -1
  161. package/dts/visualizations/sparkline/__figma__/Sparkline.figma.d.ts +0 -2
  162. package/dts/visualizations/sparkline/__figma__/Sparkline.figma.d.ts.map +0 -1
  163. package/dts/visualizations/sparkline/sparkline-interactive/__figma__/SparklineInteractive.figma.d.ts +0 -2
  164. package/dts/visualizations/sparkline/sparkline-interactive/__figma__/SparklineInteractive.figma.d.ts.map +0 -1
  165. package/dts/visualizations/sparkline/sparkline-interactive-header/__figma__/SparklineInteractiveHeader.figma.d.ts +0 -2
  166. package/dts/visualizations/sparkline/sparkline-interactive-header/__figma__/SparklineInteractiveHeader.figma.d.ts.map +0 -1
  167. package/esm/accordion/__figma__/Accordion.figma.js +0 -42
  168. package/esm/alpha/__figma__/Select.figma.js +0 -63
  169. package/esm/alpha/data-card/__figma__/DataCard.figma.js +0 -29
  170. package/esm/buttons/__figma__/AvatarButton.figma.js +0 -25
  171. package/esm/buttons/__figma__/Button.figma.js +0 -65
  172. package/esm/buttons/__figma__/ButtonGroup.figma.js +0 -48
  173. package/esm/buttons/__figma__/IconButton.figma.js +0 -29
  174. package/esm/buttons/__figma__/SlideButton.figma.js +0 -27
  175. package/esm/cards/ContentCard/__figma__/ContentCard.figma.js +0 -35
  176. package/esm/cards/MediaCard/__figma__/MediaCard.figma.js +0 -46
  177. package/esm/cards/MessagingCard/__figma__/MessagingCard.figma.js +0 -38
  178. package/esm/cards/__figma__/AnnouncementCard.figma.js +0 -19
  179. package/esm/cards/__figma__/ContainedAssetCard.figma.js +0 -39
  180. package/esm/cards/__figma__/FloatingAssetCard.figma.js +0 -30
  181. package/esm/cards/__figma__/NudgeCard.figma.js +0 -54
  182. package/esm/cards/__figma__/UpsellCard.figma.js +0 -48
  183. package/esm/carousel/__figma__/Carousel.figma.js +0 -36
  184. package/esm/cells/__figma__/ContentCell.figma.js +0 -35
  185. package/esm/cells/__figma__/ListCell.figma.js +0 -74
  186. package/esm/chips/__figma__/InputChip.figma.js +0 -27
  187. package/esm/chips/__figma__/SelectChip.figma.js +0 -38
  188. package/esm/chips/__figma__/TabbedChips.figma.js +0 -55
  189. package/esm/coachmark/__figma__/Coachmark.figma.js +0 -41
  190. package/esm/controls/__figma__/Checkbox.figma.js +0 -27
  191. package/esm/controls/__figma__/CheckboxCell.figma.js +0 -38
  192. package/esm/controls/__figma__/CheckboxGroup.figma.js +0 -23
  193. package/esm/controls/__figma__/RadioCell.figma.js +0 -78
  194. package/esm/controls/__figma__/RadioGroup.figma.js +0 -47
  195. package/esm/controls/__figma__/SearchInput.figma.js +0 -35
  196. package/esm/controls/__figma__/SelectOption.figma.js +0 -35
  197. package/esm/controls/__figma__/Switch.figma.js +0 -16
  198. package/esm/controls/__figma__/TextInput.figma.js +0 -125
  199. package/esm/dates/__figma__/DatePicker.figma.js +0 -43
  200. package/esm/dots/__figma__/DotCount.figma.js +0 -16
  201. package/esm/dots/__figma__/DotStatusColor.figma.js +0 -23
  202. package/esm/dots/__figma__/DotSymbol.figma.js +0 -45
  203. package/esm/icons/__figma__/Icon.figma.js +0 -3906
  204. package/esm/icons/__figma__/LogoMark.figma.js +0 -20
  205. package/esm/icons/__figma__/LogoWordmark.figma.js +0 -32
  206. package/esm/icons/__figma__/SubBrandLogoMark.figma.js +0 -47
  207. package/esm/icons/__figma__/SubBrandLogoWordmark.figma.js +0 -48
  208. package/esm/illustrations/__figma__/HeroSquare.figma.js +0 -2104
  209. package/esm/illustrations/__figma__/Pictogram.figma.js +0 -1774
  210. package/esm/illustrations/__figma__/SpotIcon.figma.js +0 -340
  211. package/esm/illustrations/__figma__/SpotRectangle.figma.js +0 -1102
  212. package/esm/illustrations/__figma__/SpotSquare.figma.js +0 -1192
  213. package/esm/jest.d.js +0 -12
  214. package/esm/layout/__figma__/Divider.figma.js +0 -27
  215. package/esm/layout/__figma__/Fallback.figma.js +0 -21
  216. package/esm/media/__figma__/Avatar.figma.js +0 -56
  217. package/esm/multi-content-module/__figma__/MultiContentModule.figma.js +0 -31
  218. package/esm/navigation/__figma__/BrowserBar.figma.js +0 -58
  219. package/esm/navigation/__figma__/TopNavBar.figma.js +0 -319
  220. package/esm/numpad/__figma__/Numpad.figma.js +0 -63
  221. package/esm/overlays/__figma__/Alert.figma.js +0 -32
  222. package/esm/overlays/__figma__/Toast.figma.js +0 -51
  223. package/esm/overlays/modal/__figma__/Modal.figma.js +0 -74
  224. package/esm/overlays/tooltip/__figma__/Tooltip.figma.js +0 -92
  225. package/esm/overlays/tray/__figma__/Tray.figma.js +0 -220
  226. package/esm/page/__figma__/PageFooter.figma.js +0 -61
  227. package/esm/page/__figma__/PageHeader.figma.js +0 -58
  228. package/esm/perf/component-config/Button.component-config.perf-test.js +0 -35
  229. package/esm/perf/component-config/ComponentConfigProvider.perf-test.js +0 -147
  230. package/esm/perf/component-config/ComponentConfigStickerSheet.perf-test.js +0 -326
  231. package/esm/perf/component-config/README.md +0 -8
  232. package/esm/section-header/__figma__/SectionHeader.figma.js +0 -50
  233. package/esm/sticky-footer/__figma__/StickyFooter.figma.js +0 -26
  234. package/esm/tabs/__figma__/SegmentedTabs.figma.js +0 -79
  235. package/esm/tabs/__figma__/TabNavigation.figma.js +0 -83
  236. package/esm/tag/__figma__/Tag.figma.js +0 -86
  237. package/esm/typography/__figma__/Link.figma.js +0 -28
  238. package/esm/visualizations/__figma__/ProgressBar.figma.js +0 -99
  239. package/esm/visualizations/__figma__/ProgressCircle.figma.js +0 -26
  240. package/esm/visualizations/sparkline/__figma__/Sparkline.figma.js +0 -22
  241. package/esm/visualizations/sparkline/sparkline-interactive/__figma__/SparklineInteractive.figma.js +0 -85
  242. package/esm/visualizations/sparkline/sparkline-interactive-header/__figma__/SparklineInteractiveHeader.figma.js +0 -104
@@ -1 +0,0 @@
1
- {"version":3,"file":"Tag.figma.d.ts","sourceRoot":"","sources":["../../../src/tag/__figma__/Tag.figma.tsx"],"names":[],"mappings":""}
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=Link.figma.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Link.figma.d.ts","sourceRoot":"","sources":["../../../src/typography/__figma__/Link.figma.tsx"],"names":[],"mappings":""}
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=ProgressBar.figma.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ProgressBar.figma.d.ts","sourceRoot":"","sources":["../../../src/visualizations/__figma__/ProgressBar.figma.tsx"],"names":[],"mappings":""}
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=ProgressCircle.figma.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ProgressCircle.figma.d.ts","sourceRoot":"","sources":["../../../src/visualizations/__figma__/ProgressCircle.figma.tsx"],"names":[],"mappings":""}
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=Sparkline.figma.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Sparkline.figma.d.ts","sourceRoot":"","sources":["../../../../src/visualizations/sparkline/__figma__/Sparkline.figma.tsx"],"names":[],"mappings":""}
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=SparklineInteractive.figma.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"SparklineInteractive.figma.d.ts","sourceRoot":"","sources":["../../../../../src/visualizations/sparkline/sparkline-interactive/__figma__/SparklineInteractive.figma.tsx"],"names":[],"mappings":""}
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=SparklineInteractiveHeader.figma.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"SparklineInteractiveHeader.figma.d.ts","sourceRoot":"","sources":["../../../../../src/visualizations/sparkline/sparkline-interactive-header/__figma__/SparklineInteractiveHeader.figma.tsx"],"names":[],"mappings":""}
@@ -1,42 +0,0 @@
1
- const _excluded = ["defaultActiveKey", "itemContent"];
2
- function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
3
- function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
4
- import React from 'react';
5
- import { figma } from '@figma/code-connect';
6
- import { Accordion } from '../Accordion';
7
- import { AccordionItem } from '../AccordionItem';
8
- import { jsx as _jsx } from "react/jsx-runtime";
9
- figma.connect(Accordion, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=148%3A2954', {
10
- imports: ["import { Accordion } from '@coinbase/cds-mobile/accordion/Accordion'", "import { AccordionItem } from '@coinbase/cds-mobile/accordion/AccordionItem'"],
11
- props: {
12
- subtitle: figma.boolean('show subtitle', {
13
- true: figma.string('subtitle'),
14
- false: undefined
15
- }),
16
- media: figma.boolean('show media', {
17
- true: figma.instance('media'),
18
- false: undefined
19
- }),
20
- title: figma.textContent('title'),
21
- defaultActiveKey: figma.boolean('show panel', {
22
- true: '1',
23
- false: undefined
24
- }),
25
- itemContent: figma.instance('🔄 replace me')
26
- },
27
- example: _ref => {
28
- let {
29
- defaultActiveKey,
30
- itemContent
31
- } = _ref,
32
- props = _objectWithoutPropertiesLoose(_ref, _excluded);
33
- return /*#__PURE__*/_jsx(Accordion, {
34
- defaultActiveKey: defaultActiveKey,
35
- children: /*#__PURE__*/_jsx(AccordionItem, _extends({
36
- itemKey: "1"
37
- }, props, {
38
- children: itemContent
39
- }))
40
- });
41
- }
42
- });
@@ -1,63 +0,0 @@
1
- const _excluded = ["type", "value"];
2
- function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
3
- function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
4
- import { figma } from '@figma/code-connect';
5
- import { Select } from '../select/Select';
6
- import { jsx as _jsx } from "react/jsx-runtime";
7
- const selectOptions = [{
8
- value: 'apple',
9
- label: 'Apple'
10
- }, {
11
- value: 'banana',
12
- label: 'Banana'
13
- }, {
14
- value: 'orange',
15
- label: 'Orange',
16
- description: 'Citrus'
17
- }];
18
- figma.connect(Select, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=71762-14938', {
19
- imports: ["import { Select } from '@coinbase/cds-mobile/alpha/select/Select'"],
20
- props: {
21
- type: figma.enum('type', {
22
- 'single select': 'single',
23
- 'multi-select': 'multi'
24
- }),
25
- disabled: figma.boolean('disabled'),
26
- compact: figma.boolean('compact'),
27
- label: figma.boolean('show label', {
28
- true: figma.boolean('show info icon') ? "<HStack alignItems=\"center\">\n <InputLabel>" + figma.string('label string') + "</InputLabel>\n <Tooltip content=\"This will be visible to other users.\">\n <Icon active color=\"fg\" name=\"info\" padding={0.75} size=\"xs\" tabIndex={0} />\n </Tooltip>\n </HStack>" : figma.string('label string'),
29
- false: undefined
30
- }),
31
- start: figma.boolean('show start', {
32
- true: figma.instance('start'),
33
- false: undefined
34
- }),
35
- helperText: figma.boolean('show helper text', {
36
- true: figma.string('helper text'),
37
- false: undefined
38
- }),
39
- placeholder: figma.string('placeholderText'),
40
- variant: figma.enum('state', {
41
- default: undefined,
42
- positive: 'positive',
43
- negative: 'negative'
44
- }),
45
- value: figma.enum('type', {
46
- 'single select': 'Item 1',
47
- 'multi-select': ['Item 1', 'Item 2']
48
- })
49
- },
50
- example: _ref => {
51
- let {
52
- type,
53
- value
54
- } = _ref,
55
- props = _objectWithoutPropertiesLoose(_ref, _excluded);
56
- return /*#__PURE__*/_jsx(Select, _extends({}, props, {
57
- onChange: () => {},
58
- options: selectOptions,
59
- type: type,
60
- value: value
61
- }));
62
- }
63
- });
@@ -1,29 +0,0 @@
1
- import React from 'react';
2
- import { figma } from '@figma/code-connect';
3
- import { DataCard } from '../DataCard';
4
- import { jsx as _jsx } from "react/jsx-runtime";
5
- figma.connect(DataCard, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/%E2%9C%A8-CDS-Components?node-id=72941-17832&m=dev', {
6
- imports: ["import { DataCard } from '@coinbase/cds-mobile/alpha/data-card'", "import { Avatar } from '@coinbase/cds-mobile/media/Avatar'"],
7
- props: {
8
- subtitle: figma.boolean('show subtitle', {
9
- true: figma.string('Subtitle'),
10
- false: undefined
11
- }),
12
- thumbnail: figma.boolean('show media', {
13
- true: figma.instance('↳ media'),
14
- false: undefined
15
- })
16
- },
17
- example: _ref => {
18
- let {
19
- thumbnail,
20
- subtitle
21
- } = _ref;
22
- return /*#__PURE__*/_jsx(DataCard, {
23
- layout: "vertical",
24
- subtitle: subtitle,
25
- thumbnail: thumbnail,
26
- title: "Title"
27
- });
28
- }
29
- });
@@ -1,25 +0,0 @@
1
- function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
2
- import { figma } from '@figma/code-connect';
3
- import { AvatarButton } from '../AvatarButton';
4
- import { jsx as _jsx } from "react/jsx-runtime";
5
- figma.connect(AvatarButton, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=276-23400&m=dev', {
6
- imports: ["import {AvatarButton} from '@coinbase/cds-mobile/buttons/AvatarButton'"],
7
- props: {
8
- // state: figma.enum('state', {
9
- // active: 'active',
10
- // focus: 'focus',
11
- // hover: 'hover',
12
- // pressed: 'pressed',
13
- // selected: 'selected',
14
- // }),
15
- selected: figma.enum('state', {
16
- selected: true
17
- }),
18
- compact: figma.boolean('compact'),
19
- loading: figma.boolean('disabled')
20
- },
21
- example: props => /*#__PURE__*/_jsx(AvatarButton, _extends({}, props, {
22
- accessibilityLabel: "Avatar button",
23
- name: "A"
24
- }))
25
- });
@@ -1,65 +0,0 @@
1
- const _excluded = ["startIcon", "endIcon"];
2
- function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
3
- function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
4
- import { figma } from '@figma/code-connect';
5
- import { Button } from '../Button';
6
- import { jsx as _jsx } from "react/jsx-runtime";
7
- figma.connect(Button, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=89-3096&m=dev', {
8
- imports: ["import { Button } from '@coinbase/cds-mobile/buttons/Button'"],
9
- props: {
10
- variant: figma.enum('variant', {
11
- primary: 'primary',
12
- secondary: 'secondary',
13
- negative: 'negative'
14
- }),
15
- transparent: figma.boolean('transparent'),
16
- loading: figma.enum('state', {
17
- loading: true,
18
- default: false,
19
- hover: false,
20
- pressed: false,
21
- disabled: false
22
- }),
23
- disabled: figma.enum('state', {
24
- disabled: true,
25
- default: false,
26
- hover: false,
27
- pressed: false,
28
- loading: false
29
- }),
30
- compact: figma.boolean('compact'),
31
- block: figma.enum('width', {
32
- hug: false,
33
- full: true,
34
- flush: false
35
- }),
36
- startIcon: figma.enum('icon', {
37
- leading: figma.instance('↳ icon').getProps(),
38
- trailing: undefined,
39
- none: undefined
40
- }),
41
- endIcon: figma.enum('icon', {
42
- trailing: figma.instance('↳ icon').getProps(),
43
- leading: undefined,
44
- none: undefined
45
- }),
46
- flush: figma.enum('width', {
47
- hug: undefined,
48
- full: undefined,
49
- flush: 'start'
50
- })
51
- },
52
- example: _ref => {
53
- let {
54
- startIcon,
55
- endIcon
56
- } = _ref,
57
- props = _objectWithoutPropertiesLoose(_ref, _excluded);
58
- return /*#__PURE__*/_jsx(Button, _extends({
59
- endIcon: endIcon.name,
60
- startIcon: startIcon.name
61
- }, props, {
62
- children: "Button"
63
- }));
64
- }
65
- });
@@ -1,48 +0,0 @@
1
- const _excluded = ["children"];
2
- function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
3
- function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
4
- import { figma } from '@figma/code-connect';
5
- import { Button } from '../Button';
6
- import { ButtonGroup } from '../ButtonGroup';
7
- import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
8
- figma.connect(ButtonGroup, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=283-19617&m=dev', {
9
- imports: ["import {ButtonGroup} from '@coinbase/cds-mobile/buttons/ButtonGroup'"],
10
- props: {
11
- direction: figma.enum('orientation', {
12
- stacked: 'vertical',
13
- 'side-by-side': 'horizontal'
14
- }),
15
- children: figma.enum('# of actions', {
16
- '2': /*#__PURE__*/_jsxs(_Fragment, {
17
- children: [/*#__PURE__*/_jsx(Button, {
18
- variant: "primary",
19
- children: "Button"
20
- }), /*#__PURE__*/_jsx(Button, {
21
- variant: "secondary",
22
- children: "Button"
23
- })]
24
- }),
25
- '3': /*#__PURE__*/_jsxs(_Fragment, {
26
- children: [/*#__PURE__*/_jsx(Button, {
27
- variant: "primary",
28
- children: "Button"
29
- }), /*#__PURE__*/_jsx(Button, {
30
- variant: "secondary",
31
- children: "Button"
32
- }), /*#__PURE__*/_jsx(Button, {
33
- variant: "negative",
34
- children: "Button"
35
- })]
36
- })
37
- })
38
- },
39
- example: _ref => {
40
- let {
41
- children
42
- } = _ref,
43
- props = _objectWithoutPropertiesLoose(_ref, _excluded);
44
- return /*#__PURE__*/_jsx(ButtonGroup, _extends({}, props, {
45
- children: children
46
- }));
47
- }
48
- });
@@ -1,29 +0,0 @@
1
- function _objectDestructuringEmpty(t) { if (null == t) throw new TypeError("Cannot destructure " + t); }
2
- function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
3
- import { figma } from '@figma/code-connect';
4
- import { IconButton } from '../IconButton';
5
- import { jsx as _jsx } from "react/jsx-runtime";
6
- figma.connect(IconButton, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=47-358&m=dev', {
7
- imports: ["import {IconButton} from '@coinbase/cds-mobile/buttons/IconButton'"],
8
- props: {
9
- variant: figma.enum('variant', {
10
- primary: 'primary',
11
- secondary: 'secondary'
12
- }),
13
- disabled: figma.enum('state', {
14
- disabled: true,
15
- default: false,
16
- hover: false,
17
- pressed: false,
18
- loading: false
19
- }),
20
- compact: figma.boolean('compact'),
21
- transparent: figma.boolean('transparent')
22
- },
23
- example: _ref => {
24
- let props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
25
- return /*#__PURE__*/_jsx(IconButton, _extends({
26
- name: "add"
27
- }, props));
28
- }
29
- });
@@ -1,27 +0,0 @@
1
- const _excluded = ["checked"];
2
- function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
3
- function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
4
- import { figma } from '@figma/code-connect';
5
- import { SlideButton } from '../SlideButton';
6
- import { jsx as _jsx } from "react/jsx-runtime";
7
- figma.connect(SlideButton, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/%E2%9C%A8-CDS-Components?node-id=49598-10283&m=dev', {
8
- imports: ["import { SlideButton } from '@coinbase/cds-mobile/buttons/SlideButton';"],
9
- props: {
10
- checked: figma.enum('Position', {
11
- // TODO: fix falsy values returning undefined. This is an existing issue in code connect https://github.com/figma/code-connect/issues/193
12
- Start: false,
13
- Middle: false,
14
- End: true
15
- }),
16
- compact: figma.boolean('compact')
17
- },
18
- example: _ref => {
19
- let {
20
- checked = false
21
- } = _ref,
22
- props = _objectWithoutPropertiesLoose(_ref, _excluded);
23
- return /*#__PURE__*/_jsx(SlideButton, _extends({
24
- checked: checked
25
- }, props));
26
- }
27
- });
@@ -1,35 +0,0 @@
1
- const _excluded = ["header", "footer", "body"];
2
- function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
3
- function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
4
- import React from 'react';
5
- import { figma } from '@figma/code-connect';
6
- import { ContentCard } from '../ContentCard';
7
- import { jsxs as _jsxs } from "react/jsx-runtime";
8
- figma.connect(ContentCard, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/%E2%9C%A8-CDS-Components?node-id=72941-16019&m=dev', {
9
- imports: ["import { ContentCard } from '@coinbase/cds-mobile/cards/ContentCard/ContentCard'"],
10
- props: {
11
- header: figma.boolean('show header', {
12
- true: figma.children('.cardHeader'),
13
- false: undefined
14
- }),
15
- body: figma.boolean('show body', {
16
- true: figma.children('.CardBody'),
17
- false: undefined
18
- }),
19
- footer: figma.boolean('show footer', {
20
- true: figma.children('.CardFooter'),
21
- false: undefined
22
- })
23
- },
24
- example: _ref => {
25
- let {
26
- header,
27
- footer,
28
- body
29
- } = _ref,
30
- props = _objectWithoutPropertiesLoose(_ref, _excluded);
31
- return /*#__PURE__*/_jsxs(ContentCard, _extends({}, props, {
32
- children: [header, body, footer]
33
- }));
34
- }
35
- });
@@ -1,46 +0,0 @@
1
- function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
2
- import React from 'react';
3
- import { ethBackground } from '@coinbase/cds-common/internal/data/assets';
4
- import { figma } from '@figma/code-connect';
5
- import { RemoteImage } from '../../../media';
6
- import { MediaCard } from '../';
7
- import { jsx as _jsx } from "react/jsx-runtime";
8
- figma.connect(MediaCard, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/%E2%9C%A8-CDS-Components?node-id=72941-18302&m=dev', {
9
- imports: ["import { MediaCard } from '@coinbase/cds-mobile/cards/MediaCard'", "import { Avatar } from '@coinbase/cds-mobile/media/Avatar'"],
10
- props: {
11
- title: figma.string('title'),
12
- subtitle: figma.boolean('show subtitle', {
13
- true: figma.string('↳ subtitle'),
14
- false: undefined
15
- }),
16
- description: figma.boolean('show subdetail', {
17
- true: figma.instance('↳ subdetail'),
18
- false: undefined
19
- }),
20
- thumbnail: figma.boolean('show media', {
21
- true: figma.instance('↳ media'),
22
- false: undefined
23
- }),
24
- mediaPlacement: figma.enum('image placement', {
25
- left: 'start',
26
- right: 'end',
27
- none: undefined
28
- }),
29
- media: figma.enum('image placement', {
30
- left: /*#__PURE__*/_jsx(RemoteImage, {
31
- alt: "Media",
32
- shape: "rectangle",
33
- source: ethBackground,
34
- width: "100%"
35
- }),
36
- right: /*#__PURE__*/_jsx(RemoteImage, {
37
- alt: "Media",
38
- shape: "rectangle",
39
- source: ethBackground,
40
- width: "100%"
41
- }),
42
- none: undefined
43
- })
44
- },
45
- example: props => /*#__PURE__*/_jsx(MediaCard, _extends({}, props))
46
- });
@@ -1,38 +0,0 @@
1
- function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
2
- import React from 'react';
3
- import { figma } from '@figma/code-connect';
4
- import { MessagingCard } from '../';
5
- import { jsx as _jsx } from "react/jsx-runtime";
6
- figma.connect(MessagingCard, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/%E2%9C%A8-CDS-Components?node-id=72941-20711&m=dev', {
7
- imports: ["import { MessagingCard } from '@coinbase/cds-mobile/cards/MessagingCard'"],
8
- props: {
9
- type: figma.enum('type', {
10
- upsell: 'upsell',
11
- nudge: 'nudge'
12
- }),
13
- title: figma.boolean('show title', {
14
- true: figma.string('↳ title'),
15
- false: undefined
16
- }),
17
- description: figma.boolean('show subtitle', {
18
- true: figma.string('↳ subtitle'),
19
- false: undefined
20
- }),
21
- tag: figma.boolean('show tag', {
22
- true: figma.instance('↳ tag'),
23
- false: undefined
24
- }),
25
- media: figma.instance('media'),
26
- mediaPlacement: figma.enum('media placement', {
27
- left: 'start',
28
- right: 'end'
29
- }),
30
- onDismissButtonPress: figma.boolean('show dismiss', {
31
- true: () => {},
32
- false: undefined
33
- })
34
- },
35
- example: props => /*#__PURE__*/_jsx(MessagingCard, _extends({
36
- action: "Button"
37
- }, props))
38
- });
@@ -1,19 +0,0 @@
1
- import { figma } from '@figma/code-connect';
2
- import { AnnouncementCard } from '../AnnouncementCard';
3
- import { jsx as _jsx } from "react/jsx-runtime";
4
- figma.connect(AnnouncementCard, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=61%3A956', {
5
- imports: ["import { AnnouncementCard } from '@coinbase/cds-mobile/cards/AnnouncementCard'"],
6
- props: {
7
- showtopdivider29390: figma.boolean('show top divider'),
8
- illustration5960: figma.instance('illustration'),
9
- description110511: figma.string('description'),
10
- showbottomdivider59619: figma.boolean('show bottom divider'),
11
- title110512: figma.string('title'),
12
- showbutton15215: figma.boolean('show button'),
13
- platform: figma.enum('platform', {
14
- '📱 mobile': '---mobile',
15
- '🖥 desktop': '---desktop'
16
- })
17
- },
18
- example: () => /*#__PURE__*/_jsx(AnnouncementCard, {})
19
- });
@@ -1,39 +0,0 @@
1
- const _excluded = ["children"];
2
- function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
3
- function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
4
- import { figma } from '@figma/code-connect';
5
- import { ContainedAssetCard } from '../ContainedAssetCard';
6
- import { jsx as _jsx } from "react/jsx-runtime";
7
- figma.connect(ContainedAssetCard, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=10084%3A2875', {
8
- imports: ["import { ContainedAssetCard } from '@coinbase/cds-mobile/cards/ContainedAssetCard'"],
9
- props: {
10
- // showverified1025912: figma.boolean('↳ show verified'),
11
- header: figma.instance('header'),
12
- subtitle: figma.boolean('show subtitle', {
13
- true: figma.string('↳ subtitle'),
14
- false: undefined
15
- }),
16
- title: figma.string('title'),
17
- description: figma.boolean('show description', {
18
- true: figma.instance('↳ description'),
19
- false: undefined
20
- }),
21
- size: figma.enum('size', {
22
- s: 's',
23
- l: 'l'
24
- }),
25
- children: figma.enum('type', {
26
- contained: undefined,
27
- 'half filled': 'right half content'
28
- })
29
- },
30
- example: _ref => {
31
- let {
32
- children
33
- } = _ref,
34
- props = _objectWithoutPropertiesLoose(_ref, _excluded);
35
- return /*#__PURE__*/_jsx(ContainedAssetCard, _extends({}, props, {
36
- children: children
37
- }));
38
- }
39
- });
@@ -1,30 +0,0 @@
1
- function _objectDestructuringEmpty(t) { if (null == t) throw new TypeError("Cannot destructure " + t); }
2
- function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
3
- import { figma } from '@figma/code-connect';
4
- import { FloatingAssetCard } from '../FloatingAssetCard';
5
- import { jsx as _jsx } from "react/jsx-runtime";
6
- figma.connect(FloatingAssetCard, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=10085%3A3012', {
7
- imports: ["import { FloatingAssetCard } from '@coinbase/cds-mobile/cards/FloatingAssetCard'"],
8
- props: {
9
- // showverified1025919: figma.boolean('↳ show verified'),
10
- title: figma.string('title'),
11
- description: figma.boolean('show description', {
12
- true: figma.instance('↳ description'),
13
- false: undefined
14
- }),
15
- subtitle: figma.boolean('show subtitle', {
16
- true: figma.string('↳ subtitle'),
17
- false: undefined
18
- }),
19
- size: figma.enum('size', {
20
- l: 'l',
21
- s: 's'
22
- })
23
- },
24
- example: _ref => {
25
- let props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
26
- return /*#__PURE__*/_jsx(FloatingAssetCard, _extends({
27
- media: "<Image />"
28
- }, props));
29
- }
30
- });