@coinbase/cds-web 9.1.2 → 9.2.0

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 (259) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/dts/alpha/select/DefaultSelectControl.d.ts.map +1 -1
  3. package/dts/alpha/select/Select.d.ts.map +1 -1
  4. package/dts/alpha/select/types.d.ts +16 -2
  5. package/dts/alpha/select/types.d.ts.map +1 -1
  6. package/esm/alpha/select/DefaultSelectControl.js +30 -12
  7. package/esm/alpha/select/Select.js +17 -3
  8. package/package.json +3 -3
  9. package/dts/accordion/__figma__/Accordion.figma.d.ts +0 -2
  10. package/dts/accordion/__figma__/Accordion.figma.d.ts.map +0 -1
  11. package/dts/alpha/__figma__/Select.figma.d.ts +0 -2
  12. package/dts/alpha/__figma__/Select.figma.d.ts.map +0 -1
  13. package/dts/alpha/data-card/__figma__/DataCard.figma.d.ts +0 -2
  14. package/dts/alpha/data-card/__figma__/DataCard.figma.d.ts.map +0 -1
  15. package/dts/buttons/__figma__/AvatarButton.figma.d.ts +0 -2
  16. package/dts/buttons/__figma__/AvatarButton.figma.d.ts.map +0 -1
  17. package/dts/buttons/__figma__/Button.figma.d.ts +0 -2
  18. package/dts/buttons/__figma__/Button.figma.d.ts.map +0 -1
  19. package/dts/buttons/__figma__/ButtonGroup.figma.d.ts +0 -2
  20. package/dts/buttons/__figma__/ButtonGroup.figma.d.ts.map +0 -1
  21. package/dts/buttons/__figma__/IconButton.figma.d.ts +0 -2
  22. package/dts/buttons/__figma__/IconButton.figma.d.ts.map +0 -1
  23. package/dts/buttons/__figma__/TileButton.figma.d.ts +0 -2
  24. package/dts/buttons/__figma__/TileButton.figma.d.ts.map +0 -1
  25. package/dts/cards/ContentCard/__figma__/ContentCard.figma.d.ts +0 -2
  26. package/dts/cards/ContentCard/__figma__/ContentCard.figma.d.ts.map +0 -1
  27. package/dts/cards/ContentCard/__figma__/ContentCardBody.figma.d.ts +0 -2
  28. package/dts/cards/ContentCard/__figma__/ContentCardBody.figma.d.ts.map +0 -1
  29. package/dts/cards/ContentCard/__figma__/ContentCardFooter.figma.d.ts +0 -2
  30. package/dts/cards/ContentCard/__figma__/ContentCardFooter.figma.d.ts.map +0 -1
  31. package/dts/cards/ContentCard/__figma__/ContentCardHeader.figma.d.ts +0 -2
  32. package/dts/cards/ContentCard/__figma__/ContentCardHeader.figma.d.ts.map +0 -1
  33. package/dts/cards/MediaCard/__figma__/MediaCard.figma.d.ts +0 -2
  34. package/dts/cards/MediaCard/__figma__/MediaCard.figma.d.ts.map +0 -1
  35. package/dts/cards/MessagingCard/__figma__/MessagingCard.figma.d.ts +0 -2
  36. package/dts/cards/MessagingCard/__figma__/MessagingCard.figma.d.ts.map +0 -1
  37. package/dts/cards/__figma__/AnnouncementCard.figma.d.ts +0 -2
  38. package/dts/cards/__figma__/AnnouncementCard.figma.d.ts.map +0 -1
  39. package/dts/cards/__figma__/ContainedAssetCard.figma.d.ts +0 -2
  40. package/dts/cards/__figma__/ContainedAssetCard.figma.d.ts.map +0 -1
  41. package/dts/cards/__figma__/FloatingAssetCard.figma.d.ts +0 -2
  42. package/dts/cards/__figma__/FloatingAssetCard.figma.d.ts.map +0 -1
  43. package/dts/cards/__figma__/NudgeCard.figma.d.ts +0 -2
  44. package/dts/cards/__figma__/NudgeCard.figma.d.ts.map +0 -1
  45. package/dts/cards/__figma__/UpsellCard.figma.d.ts +0 -2
  46. package/dts/cards/__figma__/UpsellCard.figma.d.ts.map +0 -1
  47. package/dts/carousel/__figma__/Carousel.figma.d.ts +0 -2
  48. package/dts/carousel/__figma__/Carousel.figma.d.ts.map +0 -1
  49. package/dts/cells/__figma__/ContentCell.figma.d.ts +0 -2
  50. package/dts/cells/__figma__/ContentCell.figma.d.ts.map +0 -1
  51. package/dts/cells/__figma__/ListCell.figma.d.ts +0 -2
  52. package/dts/cells/__figma__/ListCell.figma.d.ts.map +0 -1
  53. package/dts/chips/__figma__/InputChip.figma.d.ts +0 -2
  54. package/dts/chips/__figma__/InputChip.figma.d.ts.map +0 -1
  55. package/dts/chips/__figma__/SelectChip.figma.d.ts +0 -2
  56. package/dts/chips/__figma__/SelectChip.figma.d.ts.map +0 -1
  57. package/dts/chips/__figma__/TabbedChips.figma.d.ts +0 -2
  58. package/dts/chips/__figma__/TabbedChips.figma.d.ts.map +0 -1
  59. package/dts/coachmark/__figma__/Coachmark.figma.d.ts +0 -2
  60. package/dts/coachmark/__figma__/Coachmark.figma.d.ts.map +0 -1
  61. package/dts/controls/__figma__/Checkbox.figma.d.ts +0 -2
  62. package/dts/controls/__figma__/Checkbox.figma.d.ts.map +0 -1
  63. package/dts/controls/__figma__/CheckboxCell.figma.d.ts +0 -2
  64. package/dts/controls/__figma__/CheckboxCell.figma.d.ts.map +0 -1
  65. package/dts/controls/__figma__/CheckboxGroup.figma.d.ts +0 -2
  66. package/dts/controls/__figma__/CheckboxGroup.figma.d.ts.map +0 -1
  67. package/dts/controls/__figma__/NativeTextArea.figma.d.ts +0 -2
  68. package/dts/controls/__figma__/NativeTextArea.figma.d.ts.map +0 -1
  69. package/dts/controls/__figma__/RadioCell.figma.d.ts +0 -2
  70. package/dts/controls/__figma__/RadioCell.figma.d.ts.map +0 -1
  71. package/dts/controls/__figma__/RadioGroup.figma.d.ts +0 -2
  72. package/dts/controls/__figma__/RadioGroup.figma.d.ts.map +0 -1
  73. package/dts/controls/__figma__/SearchInput.figma.d.ts +0 -2
  74. package/dts/controls/__figma__/SearchInput.figma.d.ts.map +0 -1
  75. package/dts/controls/__figma__/SelectOption.figma.d.ts +0 -2
  76. package/dts/controls/__figma__/SelectOption.figma.d.ts.map +0 -1
  77. package/dts/controls/__figma__/Switch.figma.d.ts +0 -2
  78. package/dts/controls/__figma__/Switch.figma.d.ts.map +0 -1
  79. package/dts/controls/__figma__/TextInput.figma.d.ts +0 -2
  80. package/dts/controls/__figma__/TextInput.figma.d.ts.map +0 -1
  81. package/dts/dates/__figma__/DatePicker.figma.d.ts +0 -2
  82. package/dts/dates/__figma__/DatePicker.figma.d.ts.map +0 -1
  83. package/dts/dots/__figma__/DotCount.figma.d.ts +0 -2
  84. package/dts/dots/__figma__/DotCount.figma.d.ts.map +0 -1
  85. package/dts/dots/__figma__/DotStatusColor.figma.d.ts +0 -2
  86. package/dts/dots/__figma__/DotStatusColor.figma.d.ts.map +0 -1
  87. package/dts/dots/__figma__/DotSymbol.figma.d.ts +0 -2
  88. package/dts/dots/__figma__/DotSymbol.figma.d.ts.map +0 -1
  89. package/dts/dropdown/__figma__/Dropdown.figma.d.ts +0 -2
  90. package/dts/dropdown/__figma__/Dropdown.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__/NavLink.figma.d.ts +0 -2
  120. package/dts/navigation/__figma__/NavLink.figma.d.ts.map +0 -1
  121. package/dts/navigation/__figma__/NavigationBar.figma.d.ts +0 -2
  122. package/dts/navigation/__figma__/NavigationBar.figma.d.ts.map +0 -1
  123. package/dts/navigation/__figma__/NavigationTitle.figma.d.ts +0 -2
  124. package/dts/navigation/__figma__/NavigationTitle.figma.d.ts.map +0 -1
  125. package/dts/navigation/__figma__/Sidebar.figma.d.ts +0 -2
  126. package/dts/navigation/__figma__/Sidebar.figma.d.ts.map +0 -1
  127. package/dts/navigation/__figma__/SidebarItem.figma.d.ts +0 -2
  128. package/dts/navigation/__figma__/SidebarItem.figma.d.ts.map +0 -1
  129. package/dts/overlays/__figma__/Alert.figma.d.ts +0 -2
  130. package/dts/overlays/__figma__/Alert.figma.d.ts.map +0 -1
  131. package/dts/overlays/__figma__/Toast.figma.d.ts +0 -2
  132. package/dts/overlays/__figma__/Toast.figma.d.ts.map +0 -1
  133. package/dts/overlays/modal/__figma__/FullscreenModal.figma.d.ts +0 -2
  134. package/dts/overlays/modal/__figma__/FullscreenModal.figma.d.ts.map +0 -1
  135. package/dts/overlays/modal/__figma__/Modal.figma.d.ts +0 -2
  136. package/dts/overlays/modal/__figma__/Modal.figma.d.ts.map +0 -1
  137. package/dts/overlays/tooltip/__figma__/Tooltip.figma.d.ts +0 -2
  138. package/dts/overlays/tooltip/__figma__/Tooltip.figma.d.ts.map +0 -1
  139. package/dts/overlays/tray/__figma__/Tray.figma.d.ts +0 -2
  140. package/dts/overlays/tray/__figma__/Tray.figma.d.ts.map +0 -1
  141. package/dts/page/__figma__/PageFooter.figma.d.ts +0 -2
  142. package/dts/page/__figma__/PageFooter.figma.d.ts.map +0 -1
  143. package/dts/page/__figma__/PageHeader.figma.d.ts +0 -2
  144. package/dts/page/__figma__/PageHeader.figma.d.ts.map +0 -1
  145. package/dts/pagination/__figma__/Pagination.figma.d.ts +0 -2
  146. package/dts/pagination/__figma__/Pagination.figma.d.ts.map +0 -1
  147. package/dts/perf/component-config/Button.component-config.perf-test.d.ts +0 -2
  148. package/dts/perf/component-config/Button.component-config.perf-test.d.ts.map +0 -1
  149. package/dts/perf/component-config/ComponentConfigProvider.perf-test.d.ts +0 -2
  150. package/dts/perf/component-config/ComponentConfigProvider.perf-test.d.ts.map +0 -1
  151. package/dts/perf/component-config/ComponentConfigStickerSheet.perf-test.d.ts +0 -2
  152. package/dts/perf/component-config/ComponentConfigStickerSheet.perf-test.d.ts.map +0 -1
  153. package/dts/section-header/__figma__/SectionHeader.figma.d.ts +0 -2
  154. package/dts/section-header/__figma__/SectionHeader.figma.d.ts.map +0 -1
  155. package/dts/tables/__figma__/TableCell.figma.d.ts +0 -2
  156. package/dts/tables/__figma__/TableCell.figma.d.ts.map +0 -1
  157. package/dts/tabs/__figma__/SegmentedTabs.figma.d.ts +0 -2
  158. package/dts/tabs/__figma__/SegmentedTabs.figma.d.ts.map +0 -1
  159. package/dts/tabs/__figma__/TabNavigation.figma.d.ts +0 -2
  160. package/dts/tabs/__figma__/TabNavigation.figma.d.ts.map +0 -1
  161. package/dts/tag/__figma__/Tag.figma.d.ts +0 -2
  162. package/dts/tag/__figma__/Tag.figma.d.ts.map +0 -1
  163. package/dts/typography/__figma__/Link.figma.d.ts +0 -2
  164. package/dts/typography/__figma__/Link.figma.d.ts.map +0 -1
  165. package/dts/visualizations/__figma__/ProgressBar.figma.d.ts +0 -2
  166. package/dts/visualizations/__figma__/ProgressBar.figma.d.ts.map +0 -1
  167. package/dts/visualizations/__figma__/ProgressCircle.figma.d.ts +0 -2
  168. package/dts/visualizations/__figma__/ProgressCircle.figma.d.ts.map +0 -1
  169. package/dts/visualizations/sparkline/__figma__/Sparkline.figma.d.ts +0 -2
  170. package/dts/visualizations/sparkline/__figma__/Sparkline.figma.d.ts.map +0 -1
  171. package/dts/visualizations/sparkline/sparkline-interactive/__figma__/SparklineInteractive.figma.d.ts +0 -2
  172. package/dts/visualizations/sparkline/sparkline-interactive/__figma__/SparklineInteractive.figma.d.ts.map +0 -1
  173. package/dts/visualizations/sparkline/sparkline-interactive-header/__figma__/SparklineInteractiveHeader.figma.d.ts +0 -2
  174. package/dts/visualizations/sparkline/sparkline-interactive-header/__figma__/SparklineInteractiveHeader.figma.d.ts.map +0 -1
  175. package/esm/accordion/__figma__/Accordion.figma.js +0 -47
  176. package/esm/alpha/__figma__/Select.figma.js +0 -68
  177. package/esm/alpha/data-card/__figma__/DataCard.figma.js +0 -29
  178. package/esm/buttons/__figma__/AvatarButton.figma.js +0 -30
  179. package/esm/buttons/__figma__/Button.figma.js +0 -63
  180. package/esm/buttons/__figma__/ButtonGroup.figma.js +0 -54
  181. package/esm/buttons/__figma__/IconButton.figma.js +0 -35
  182. package/esm/buttons/__figma__/TileButton.figma.js +0 -29
  183. package/esm/cards/ContentCard/__figma__/ContentCard.figma.js +0 -37
  184. package/esm/cards/ContentCard/__figma__/ContentCardBody.figma.js +0 -55
  185. package/esm/cards/ContentCard/__figma__/ContentCardFooter.figma.js +0 -150
  186. package/esm/cards/ContentCard/__figma__/ContentCardHeader.figma.js +0 -29
  187. package/esm/cards/MediaCard/__figma__/MediaCard.figma.js +0 -50
  188. package/esm/cards/MessagingCard/__figma__/MessagingCard.figma.js +0 -42
  189. package/esm/cards/__figma__/AnnouncementCard.figma.js +0 -20
  190. package/esm/cards/__figma__/ContainedAssetCard.figma.js +0 -45
  191. package/esm/cards/__figma__/FloatingAssetCard.figma.js +0 -36
  192. package/esm/cards/__figma__/NudgeCard.figma.js +0 -60
  193. package/esm/cards/__figma__/UpsellCard.figma.js +0 -59
  194. package/esm/carousel/__figma__/Carousel.figma.js +0 -36
  195. package/esm/cells/__figma__/ContentCell.figma.js +0 -40
  196. package/esm/cells/__figma__/ListCell.figma.js +0 -79
  197. package/esm/chips/__figma__/InputChip.figma.js +0 -31
  198. package/esm/chips/__figma__/SelectChip.figma.js +0 -46
  199. package/esm/chips/__figma__/TabbedChips.figma.js +0 -55
  200. package/esm/coachmark/__figma__/Coachmark.figma.js +0 -49
  201. package/esm/controls/__figma__/Checkbox.figma.js +0 -32
  202. package/esm/controls/__figma__/CheckboxCell.figma.js +0 -43
  203. package/esm/controls/__figma__/CheckboxGroup.figma.js +0 -27
  204. package/esm/controls/__figma__/NativeTextArea.figma.js +0 -30
  205. package/esm/controls/__figma__/RadioCell.figma.js +0 -83
  206. package/esm/controls/__figma__/RadioGroup.figma.js +0 -47
  207. package/esm/controls/__figma__/SearchInput.figma.js +0 -44
  208. package/esm/controls/__figma__/SelectOption.figma.js +0 -38
  209. package/esm/controls/__figma__/Switch.figma.js +0 -20
  210. package/esm/controls/__figma__/TextInput.figma.js +0 -130
  211. package/esm/dates/__figma__/DatePicker.figma.js +0 -46
  212. package/esm/dots/__figma__/DotCount.figma.js +0 -19
  213. package/esm/dots/__figma__/DotStatusColor.figma.js +0 -27
  214. package/esm/dots/__figma__/DotSymbol.figma.js +0 -49
  215. package/esm/dropdown/__figma__/Dropdown.figma.js +0 -20
  216. package/esm/icons/__figma__/Icon.figma.js +0 -3909
  217. package/esm/icons/__figma__/LogoMark.figma.js +0 -23
  218. package/esm/icons/__figma__/LogoWordmark.figma.js +0 -35
  219. package/esm/icons/__figma__/SubBrandLogoMark.figma.js +0 -51
  220. package/esm/icons/__figma__/SubBrandLogoWordmark.figma.js +0 -52
  221. package/esm/illustrations/__figma__/HeroSquare.figma.js +0 -2103
  222. package/esm/illustrations/__figma__/Pictogram.figma.js +0 -1773
  223. package/esm/illustrations/__figma__/SpotIcon.figma.js +0 -339
  224. package/esm/illustrations/__figma__/SpotRectangle.figma.js +0 -1101
  225. package/esm/illustrations/__figma__/SpotSquare.figma.js +0 -1191
  226. package/esm/layout/__figma__/Divider.figma.js +0 -31
  227. package/esm/layout/__figma__/Fallback.figma.js +0 -25
  228. package/esm/media/__figma__/Avatar.figma.js +0 -61
  229. package/esm/multi-content-module/__figma__/MultiContentModule.figma.js +0 -39
  230. package/esm/navigation/__figma__/NavLink.figma.js +0 -58
  231. package/esm/navigation/__figma__/NavigationBar.figma.js +0 -284
  232. package/esm/navigation/__figma__/NavigationTitle.figma.js +0 -18
  233. package/esm/navigation/__figma__/Sidebar.figma.js +0 -40
  234. package/esm/navigation/__figma__/SidebarItem.figma.js +0 -24
  235. package/esm/overlays/__figma__/Alert.figma.js +0 -37
  236. package/esm/overlays/__figma__/Toast.figma.js +0 -51
  237. package/esm/overlays/modal/__figma__/FullscreenModal.figma.css +0 -1
  238. package/esm/overlays/modal/__figma__/FullscreenModal.figma.js +0 -104
  239. package/esm/overlays/modal/__figma__/Modal.figma.js +0 -81
  240. package/esm/overlays/tooltip/__figma__/Tooltip.figma.js +0 -93
  241. package/esm/overlays/tray/__figma__/Tray.figma.js +0 -191
  242. package/esm/page/__figma__/PageFooter.figma.js +0 -61
  243. package/esm/page/__figma__/PageHeader.figma.js +0 -57
  244. package/esm/pagination/__figma__/Pagination.figma.js +0 -22
  245. package/esm/perf/component-config/Button.component-config.perf-test.js +0 -43
  246. package/esm/perf/component-config/ComponentConfigProvider.perf-test.js +0 -134
  247. package/esm/perf/component-config/ComponentConfigStickerSheet.perf-test.js +0 -332
  248. package/esm/perf/component-config/README.md +0 -8
  249. package/esm/section-header/__figma__/SectionHeader.figma.js +0 -58
  250. package/esm/tables/__figma__/TableCell.figma.js +0 -116
  251. package/esm/tabs/__figma__/SegmentedTabs.figma.js +0 -82
  252. package/esm/tabs/__figma__/TabNavigation.figma.js +0 -82
  253. package/esm/tag/__figma__/Tag.figma.js +0 -90
  254. package/esm/typography/__figma__/Link.figma.js +0 -32
  255. package/esm/visualizations/__figma__/ProgressBar.figma.js +0 -103
  256. package/esm/visualizations/__figma__/ProgressCircle.figma.js +0 -29
  257. package/esm/visualizations/sparkline/__figma__/Sparkline.figma.js +0 -24
  258. package/esm/visualizations/sparkline/sparkline-interactive/__figma__/SparklineInteractive.figma.js +0 -89
  259. package/esm/visualizations/sparkline/sparkline-interactive-header/__figma__/SparklineInteractiveHeader.figma.js +0 -108
@@ -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-web/alpha/data-card'", "import { Avatar } from '@coinbase/cds-web/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,30 +0,0 @@
1
- function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
2
- function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
3
- function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
4
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
5
- function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
6
- import React from 'react';
7
- import { figma } from '@figma/code-connect';
8
- import { AvatarButton } from '../AvatarButton';
9
- import { jsx as _jsx } from "react/jsx-runtime";
10
- figma.connect(AvatarButton, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=276-23400&m=dev', {
11
- imports: ["import {AvatarButton} from '@coinbase/cds-web/buttons/AvatarButton'"],
12
- props: {
13
- // state: figma.enum('state', {
14
- // active: 'active',
15
- // focus: 'focus',
16
- // hover: 'hover',
17
- // pressed: 'pressed',
18
- // selected: 'selected',
19
- // }),
20
- selected: figma.enum('state', {
21
- selected: true
22
- }),
23
- compact: figma.boolean('compact'),
24
- loading: figma.boolean('disabled')
25
- },
26
- example: props => /*#__PURE__*/_jsx(AvatarButton, _objectSpread(_objectSpread({}, props), {}, {
27
- accessibilityLabel: "Avatar button",
28
- name: "A"
29
- }))
30
- });
@@ -1,63 +0,0 @@
1
- function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
2
- function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
3
- function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
4
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
5
- function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
6
- function _objectDestructuringEmpty(t) { if (null == t) throw new TypeError("Cannot destructure " + t); }
7
- 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); }
8
- import React from 'react';
9
- import { figma } from '@figma/code-connect';
10
- import { Button } from '../Button';
11
- import { jsx as _jsx } from "react/jsx-runtime";
12
- figma.connect(Button, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=89-3096&m=dev', {
13
- imports: ["import { Button } from '@coinbase/cds-web/buttons/Button'"],
14
- props: {
15
- variant: figma.enum('variant', {
16
- primary: 'primary',
17
- secondary: 'secondary',
18
- negative: 'negative'
19
- }),
20
- transparent: figma.boolean('transparent'),
21
- loading: figma.enum('state', {
22
- loading: true,
23
- default: false,
24
- hover: false,
25
- pressed: false,
26
- disabled: false
27
- }),
28
- disabled: figma.enum('state', {
29
- disabled: true,
30
- default: false,
31
- hover: false,
32
- pressed: false,
33
- loading: false
34
- }),
35
- compact: figma.boolean('compact'),
36
- block: figma.enum('width', {
37
- hug: false,
38
- full: true,
39
- flush: false
40
- }),
41
- startIcon: figma.enum('icon', {
42
- leading: figma.instance('↳ icon'),
43
- trailing: undefined,
44
- none: undefined
45
- }),
46
- endIcon: figma.enum('icon', {
47
- trailing: figma.instance('↳ icon'),
48
- leading: undefined,
49
- none: undefined
50
- }),
51
- flush: figma.enum('width', {
52
- hug: undefined,
53
- full: undefined,
54
- flush: 'start'
55
- })
56
- },
57
- example: _ref => {
58
- let props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
59
- return /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({}, props), {}, {
60
- children: "Button"
61
- }));
62
- }
63
- });
@@ -1,54 +0,0 @@
1
- const _excluded = ["children"];
2
- function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
3
- function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
4
- function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
5
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
6
- function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
7
- function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
8
- 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; }
9
- import React from 'react';
10
- import { figma } from '@figma/code-connect';
11
- import { Button } from '../Button';
12
- import { ButtonGroup } from '../ButtonGroup';
13
- import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
14
- figma.connect(ButtonGroup, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=283-19617&m=dev', {
15
- imports: ["import {ButtonGroup} from '@coinbase/cds-web/buttons/ButtonGroup'"],
16
- props: {
17
- direction: figma.enum('orientation', {
18
- stacked: 'vertical',
19
- 'side-by-side': 'horizontal'
20
- }),
21
- children: figma.enum('# of actions', {
22
- '2': /*#__PURE__*/_jsxs(_Fragment, {
23
- children: [/*#__PURE__*/_jsx(Button, {
24
- variant: "primary",
25
- children: "Button"
26
- }), /*#__PURE__*/_jsx(Button, {
27
- variant: "secondary",
28
- children: "Button"
29
- })]
30
- }),
31
- '3': /*#__PURE__*/_jsxs(_Fragment, {
32
- children: [/*#__PURE__*/_jsx(Button, {
33
- variant: "primary",
34
- children: "Button"
35
- }), /*#__PURE__*/_jsx(Button, {
36
- variant: "secondary",
37
- children: "Button"
38
- }), /*#__PURE__*/_jsx(Button, {
39
- variant: "negative",
40
- children: "Button"
41
- })]
42
- })
43
- })
44
- },
45
- example: _ref => {
46
- let {
47
- children
48
- } = _ref,
49
- props = _objectWithoutProperties(_ref, _excluded);
50
- return /*#__PURE__*/_jsx(ButtonGroup, _objectSpread(_objectSpread({}, props), {}, {
51
- children: children
52
- }));
53
- }
54
- });
@@ -1,35 +0,0 @@
1
- function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
2
- function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
3
- function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
4
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
5
- function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
6
- function _objectDestructuringEmpty(t) { if (null == t) throw new TypeError("Cannot destructure " + t); }
7
- 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); }
8
- import React from 'react';
9
- import { figma } from '@figma/code-connect';
10
- import { IconButton } from '../IconButton';
11
- import { jsx as _jsx } from "react/jsx-runtime";
12
- figma.connect(IconButton, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=47-358&m=dev', {
13
- imports: ["import {IconButton} from '@coinbase/cds-web/buttons/IconButton'"],
14
- props: {
15
- variant: figma.enum('variant', {
16
- primary: 'primary',
17
- secondary: 'secondary'
18
- }),
19
- disabled: figma.enum('state', {
20
- disabled: true,
21
- default: false,
22
- hover: false,
23
- pressed: false,
24
- loading: false
25
- }),
26
- compact: figma.boolean('compact'),
27
- transparent: figma.boolean('transparent')
28
- },
29
- example: _ref => {
30
- let props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
31
- return /*#__PURE__*/_jsx(IconButton, _objectSpread({
32
- name: "add"
33
- }, props));
34
- }
35
- });
@@ -1,29 +0,0 @@
1
- const _excluded = ["children"];
2
- function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
3
- function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
4
- function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
5
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
6
- function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
7
- function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
8
- 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; }
9
- import React from 'react';
10
- import { figma } from '@figma/code-connect';
11
- import { TileButton } from '../TileButton';
12
- import { jsx as _jsx } from "react/jsx-runtime";
13
- figma.connect(TileButton, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=286%3A18370', {
14
- imports: ["import { TileButton } from '@coinbase/cds-web/buttons/TileButton'"],
15
- props: {
16
- title: figma.string('product text'),
17
- children: figma.instance('product logo'),
18
- disabled: figma.boolean('disabled')
19
- },
20
- example: _ref => {
21
- let {
22
- children
23
- } = _ref,
24
- props = _objectWithoutProperties(_ref, _excluded);
25
- return /*#__PURE__*/_jsx(TileButton, _objectSpread(_objectSpread({}, props), {}, {
26
- children: children
27
- }));
28
- }
29
- });
@@ -1,37 +0,0 @@
1
- const _excluded = ["header", "footer", "body"];
2
- function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
3
- function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
4
- function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
5
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
6
- function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
7
- function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
8
- 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; }
9
- import React from 'react';
10
- import { figma } from '@figma/code-connect';
11
- import { ContentCard } from '../ContentCard';
12
- import { jsxs as _jsxs } from "react/jsx-runtime";
13
- figma.connect(ContentCard, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=14705%3A22920', {
14
- imports: ["import { ContentCard } from '@coinbase/cds-web/cards/ContentCard/ContentCard'"],
15
- props: {
16
- header: figma.boolean('show card header', {
17
- true: figma.children('.📦 ContentCardHeader'),
18
- false: undefined
19
- }),
20
- body: figma.children('.📦 ContentCardBody'),
21
- footer: figma.boolean('show card footer', {
22
- true: figma.children('.📦 ContentCardFooter'),
23
- false: undefined
24
- })
25
- },
26
- example: _ref => {
27
- let {
28
- header,
29
- footer,
30
- body
31
- } = _ref,
32
- props = _objectWithoutProperties(_ref, _excluded);
33
- return /*#__PURE__*/_jsxs(ContentCard, _objectSpread(_objectSpread({}, props), {}, {
34
- children: [header, body, footer]
35
- }));
36
- }
37
- });
@@ -1,55 +0,0 @@
1
- const _excluded = ["children"];
2
- function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
3
- function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
4
- function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
5
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
6
- function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
7
- function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
8
- 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; }
9
- import React from 'react';
10
- import { figma } from '@figma/code-connect';
11
- import { ContentCardBody } from '../ContentCardBody';
12
- import { jsx as _jsx } from "react/jsx-runtime";
13
- figma.connect(ContentCardBody, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=14705-24336', {
14
- imports: ["import { ContentCardBody } from '@coinbase/cds-web/cards/ContentCard/ContentCardBody'"],
15
- props: {
16
- body: figma.string('body'),
17
- label: figma.string('label'),
18
- children: figma.enum('type', {
19
- custom: figma.children('*')
20
- }),
21
- media: figma.enum('type', {
22
- 'image right': /*#__PURE__*/_jsx("img", {
23
- alt: "",
24
- src: ""
25
- }),
26
- 'image top': /*#__PURE__*/_jsx("img", {
27
- alt: "",
28
- src: ""
29
- }),
30
- 'image bottom': /*#__PURE__*/_jsx("img", {
31
- alt: "",
32
- src: ""
33
- }),
34
- 'image left': /*#__PURE__*/_jsx("img", {
35
- alt: "",
36
- src: ""
37
- })
38
- }),
39
- mediaPosition: figma.enum('type', {
40
- 'image right': 'right',
41
- 'image top': 'top',
42
- 'image bottom': 'bottom',
43
- 'image left': 'left'
44
- })
45
- },
46
- example: _ref => {
47
- let {
48
- children
49
- } = _ref,
50
- props = _objectWithoutProperties(_ref, _excluded);
51
- return /*#__PURE__*/_jsx(ContentCardBody, _objectSpread(_objectSpread({}, props), {}, {
52
- children: children
53
- }));
54
- }
55
- });
@@ -1,150 +0,0 @@
1
- const _excluded = ["children"],
2
- _excluded2 = ["children"],
3
- _excluded3 = ["children"],
4
- _excluded4 = ["children"];
5
- function _objectDestructuringEmpty(t) { if (null == t) throw new TypeError("Cannot destructure " + t); }
6
- 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); }
7
- function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
8
- function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
9
- function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
10
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
11
- function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
12
- function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
13
- 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; }
14
- import React from 'react';
15
- import { figma } from '@figma/code-connect';
16
- import { IconCounterButton } from '../../../buttons';
17
- import { HStack, VStack } from '../../../layout';
18
- import { Avatar, RemoteImageGroup } from '../../../media';
19
- import { Text } from '../../../typography';
20
- import { ContentCardFooter } from '../ContentCardFooter';
21
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
22
- const URL = 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=14705-24360';
23
- figma.connect(ContentCardFooter, URL, {
24
- imports: ["import { ContentCardFooter } from '@coinbase/cds-web/cards/ContentCard/ContentCardFooter'"],
25
- variant: {
26
- type: 'button'
27
- },
28
- props: {
29
- children: figma.children('action')
30
- },
31
- example: _ref => {
32
- let {
33
- children
34
- } = _ref,
35
- props = _objectWithoutProperties(_ref, _excluded);
36
- return /*#__PURE__*/_jsx(ContentCardFooter, _objectSpread(_objectSpread({
37
- justifyContent: "flex-end"
38
- }, props), {}, {
39
- children: children
40
- }));
41
- }
42
- });
43
- figma.connect(ContentCardFooter, URL, {
44
- imports: ["import { ContentCardFooter } from '@coinbase/cds-web/cards/ContentCard/ContentCardFooter'", "import { RemoteImageGroup } from '@coinbase/cds-web/media/RemoteImageGroup'"],
45
- variant: {
46
- type: 'media + button'
47
- },
48
- props: {
49
- children: figma.children('action')
50
- },
51
- example: _ref2 => {
52
- let {
53
- children
54
- } = _ref2,
55
- props = _objectWithoutProperties(_ref2, _excluded2);
56
- return /*#__PURE__*/_jsxs(ContentCardFooter, _objectSpread(_objectSpread({}, props), {}, {
57
- children: [/*#__PURE__*/_jsx(RemoteImageGroup, {}), children]
58
- }));
59
- }
60
- });
61
- figma.connect(ContentCardFooter, URL, {
62
- imports: ["import { ContentCardFooter } from '@coinbase/cds-web/cards/ContentCard/ContentCardFooter'", "import { Avatar } from '@coinbase/cds-web/media/Avatar'", "import { VStack } from '@coinbase/cds-web/layout/VStack'", "import { HStack } from '@coinbase/cds-web/layout/HStack'", "import { Text } from '@coinbase/cds-web/typography/Text'", "import { Text } from '@coinbase/cds-web/typography/Text'"],
63
- variant: {
64
- type: 'custom'
65
- },
66
- props: {
67
- children: figma.children('action')
68
- },
69
- example: _ref3 => {
70
- let {
71
- children
72
- } = _ref3,
73
- props = _objectWithoutProperties(_ref3, _excluded3);
74
- return /*#__PURE__*/_jsxs(ContentCardFooter, _objectSpread(_objectSpread({}, props), {}, {
75
- children: [/*#__PURE__*/_jsxs(HStack, {
76
- gap: 1,
77
- children: [/*#__PURE__*/_jsx(Avatar, {
78
- alt: "",
79
- shape: "circle",
80
- size: "xl",
81
- src: ""
82
- }), /*#__PURE__*/_jsxs(VStack, {
83
- children: [/*#__PURE__*/_jsx(Text, {
84
- as: "span",
85
- color: "fgMuted",
86
- children: "Reward"
87
- }), /*#__PURE__*/_jsx(Text, {
88
- as: "span",
89
- children: "+$15 ACS"
90
- })]
91
- })]
92
- }), children]
93
- }));
94
- }
95
- });
96
- figma.connect(ContentCardFooter, URL, {
97
- imports: ["import { ContentCardFooter } from '@coinbase/cds-web/cards/ContentCard/ContentCardFooter'", "import { IconCounterButton } from '@coinbase/cds-web/buttons/IconCounterButton'", "import { HStack } from '@coinbase/cds-web/layout/HStack'"],
98
- variant: {
99
- type: 'engagement + button'
100
- },
101
- props: {
102
- children: figma.children('action')
103
- },
104
- example: _ref4 => {
105
- let {
106
- children
107
- } = _ref4,
108
- props = _objectWithoutProperties(_ref4, _excluded4);
109
- return /*#__PURE__*/_jsxs(ContentCardFooter, _objectSpread(_objectSpread({}, props), {}, {
110
- children: [/*#__PURE__*/_jsxs(HStack, {
111
- gap: 1,
112
- children: [/*#__PURE__*/_jsx(IconCounterButton, {
113
- active: true,
114
- accessibilityLabel: "20 likes, like",
115
- color: "fgNegative",
116
- count: 20,
117
- icon: "heart"
118
- }), /*#__PURE__*/_jsx(IconCounterButton, {
119
- accessibilityLabel: "share",
120
- icon: "share"
121
- })]
122
- }), children]
123
- }));
124
- }
125
- });
126
- figma.connect(ContentCardFooter, URL, {
127
- imports: ["import { ContentCardFooter } from '@coinbase/cds-web/cards/ContentCard/ContentCardFooter'", "import { IconCounterButton } from '@coinbase/cds-web/buttons/IconCounterButton'", "import { HStack } from '@coinbase/cds-web/layout/HStack'"],
128
- variant: {
129
- type: 'engagement'
130
- },
131
- props: {},
132
- example: _ref5 => {
133
- let props = _extends({}, (_objectDestructuringEmpty(_ref5), _ref5));
134
- return /*#__PURE__*/_jsxs(ContentCardFooter, _objectSpread(_objectSpread({}, props), {}, {
135
- children: [/*#__PURE__*/_jsx(IconCounterButton, {
136
- accessibilityLabel: "20 likes, like",
137
- count: 20,
138
- icon: "heartInactive"
139
- }), /*#__PURE__*/_jsx(IconCounterButton, {
140
- accessibilityLabel: "40 comments, comment",
141
- count: 40,
142
- icon: "comment"
143
- }), /*#__PURE__*/_jsx(IconCounterButton, {
144
- accessibilityLabel: "32 shares, share",
145
- count: 32,
146
- icon: "wireTransfer"
147
- })]
148
- }));
149
- }
150
- });
@@ -1,29 +0,0 @@
1
- function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
2
- function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
3
- function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
4
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
5
- function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
6
- function _objectDestructuringEmpty(t) { if (null == t) throw new TypeError("Cannot destructure " + t); }
7
- 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); }
8
- import { figma } from '@figma/code-connect';
9
- import { ContentCardHeader } from '../ContentCardHeader';
10
- import { jsx as _jsx } from "react/jsx-runtime";
11
- figma.connect(ContentCardHeader, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=14705%3A24320', {
12
- imports: ["import { ContentCardHeader } from '@coinbase/cds-web/cards/ContentCard/ContentCardHeader'"],
13
- props: {
14
- title: figma.string('metadata label'),
15
- meta: figma.string('metadata'),
16
- avatar: figma.boolean('show start', {
17
- true: figma.instance('↳ media'),
18
- false: undefined
19
- }),
20
- end: figma.enum('type', {
21
- default: figma.children(['action']),
22
- 'with tag': figma.children(['Tag'])
23
- })
24
- },
25
- example: _ref => {
26
- let props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
27
- return /*#__PURE__*/_jsx(ContentCardHeader, _objectSpread({}, props));
28
- }
29
- });
@@ -1,50 +0,0 @@
1
- function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
2
- function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
3
- function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
4
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
5
- function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
6
- import React from 'react';
7
- import { ethBackground } from '@coinbase/cds-common/internal/data/assets';
8
- import { figma } from '@figma/code-connect';
9
- import { RemoteImage } from '../../../media';
10
- import { MediaCard } from '../';
11
- import { jsx as _jsx } from "react/jsx-runtime";
12
- figma.connect(MediaCard, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/%E2%9C%A8-CDS-Components?node-id=72941-18302&m=dev', {
13
- imports: ["import { MediaCard } from '@coinbase/cds-web/cards/MediaCard'", "import { Avatar } from '@coinbase/cds-web/media/Avatar'"],
14
- props: {
15
- title: figma.string('title'),
16
- subtitle: figma.boolean('show subtitle', {
17
- true: figma.string('↳ subtitle'),
18
- false: undefined
19
- }),
20
- description: figma.boolean('show subdetail', {
21
- true: figma.instance('↳ subdetail'),
22
- false: undefined
23
- }),
24
- thumbnail: figma.boolean('show media', {
25
- true: figma.instance('↳ media'),
26
- false: undefined
27
- }),
28
- mediaPlacement: figma.enum('image placement', {
29
- left: 'start',
30
- right: 'end',
31
- none: undefined
32
- }),
33
- media: figma.enum('image placement', {
34
- left: /*#__PURE__*/_jsx(RemoteImage, {
35
- alt: "Media",
36
- shape: "rectangle",
37
- source: ethBackground,
38
- width: "100%"
39
- }),
40
- right: /*#__PURE__*/_jsx(RemoteImage, {
41
- alt: "Media",
42
- shape: "rectangle",
43
- source: ethBackground,
44
- width: "100%"
45
- }),
46
- none: undefined
47
- })
48
- },
49
- example: props => /*#__PURE__*/_jsx(MediaCard, _objectSpread({}, props))
50
- });
@@ -1,42 +0,0 @@
1
- function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
2
- function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
3
- function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
4
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
5
- function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
6
- import React from 'react';
7
- import { figma } from '@figma/code-connect';
8
- import { MessagingCard } from '../';
9
- import { jsx as _jsx } from "react/jsx-runtime";
10
- figma.connect(MessagingCard, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/%E2%9C%A8-CDS-Components?node-id=72941-20711&m=dev', {
11
- imports: ["import { MessagingCard } from '@coinbase/cds-web/cards/MessagingCard'"],
12
- props: {
13
- type: figma.enum('type', {
14
- upsell: 'upsell',
15
- nudge: 'nudge'
16
- }),
17
- title: figma.boolean('show title', {
18
- true: figma.string('↳ title'),
19
- false: undefined
20
- }),
21
- description: figma.boolean('show subtitle', {
22
- true: figma.string('↳ subtitle'),
23
- false: undefined
24
- }),
25
- tag: figma.boolean('show tag', {
26
- true: figma.instance('↳ tag'),
27
- false: undefined
28
- }),
29
- media: figma.instance('media'),
30
- mediaPlacement: figma.enum('media placement', {
31
- left: 'start',
32
- right: 'end'
33
- }),
34
- onDismissButtonClick: figma.boolean('show dismiss', {
35
- true: () => {},
36
- false: undefined
37
- })
38
- },
39
- example: props => /*#__PURE__*/_jsx(MessagingCard, _objectSpread({
40
- action: "Button"
41
- }, props))
42
- });
@@ -1,20 +0,0 @@
1
- import React from 'react';
2
- import { figma } from '@figma/code-connect';
3
- import { AnnouncementCard } from '../AnnouncementCard';
4
- import { jsx as _jsx } from "react/jsx-runtime";
5
- figma.connect(AnnouncementCard, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=61%3A956', {
6
- imports: ["import { AnnouncementCard } from '@coinbase/cds-web/cards/AnnouncementCard'"],
7
- props: {
8
- showtopdivider29390: figma.boolean('show top divider'),
9
- illustration5960: figma.instance('illustration'),
10
- description110511: figma.string('description'),
11
- showbottomdivider59619: figma.boolean('show bottom divider'),
12
- title110512: figma.string('title'),
13
- showbutton15215: figma.boolean('show button'),
14
- platform: figma.enum('platform', {
15
- '📱 mobile': '---mobile',
16
- '🖥 desktop': '---desktop'
17
- })
18
- },
19
- example: () => /*#__PURE__*/_jsx(AnnouncementCard, {})
20
- });