@coinbase/cds-web 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 (265) 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.map +1 -1
  5. package/dts/alpha/select/Select.d.ts.map +1 -1
  6. package/dts/alpha/select/types.d.ts +16 -2
  7. package/dts/alpha/select/types.d.ts.map +1 -1
  8. package/dts/alpha/tabbed-chips/index.d.ts +2 -0
  9. package/dts/alpha/tabbed-chips/index.d.ts.map +1 -0
  10. package/esm/alpha/index.js +2 -1
  11. package/esm/alpha/select/DefaultSelectControl.js +30 -12
  12. package/esm/alpha/select/Select.js +17 -3
  13. package/esm/alpha/tabbed-chips/index.js +1 -0
  14. package/package.json +7 -3
  15. package/dts/accordion/__figma__/Accordion.figma.d.ts +0 -2
  16. package/dts/accordion/__figma__/Accordion.figma.d.ts.map +0 -1
  17. package/dts/alpha/__figma__/Select.figma.d.ts +0 -2
  18. package/dts/alpha/__figma__/Select.figma.d.ts.map +0 -1
  19. package/dts/alpha/data-card/__figma__/DataCard.figma.d.ts +0 -2
  20. package/dts/alpha/data-card/__figma__/DataCard.figma.d.ts.map +0 -1
  21. package/dts/buttons/__figma__/AvatarButton.figma.d.ts +0 -2
  22. package/dts/buttons/__figma__/AvatarButton.figma.d.ts.map +0 -1
  23. package/dts/buttons/__figma__/Button.figma.d.ts +0 -2
  24. package/dts/buttons/__figma__/Button.figma.d.ts.map +0 -1
  25. package/dts/buttons/__figma__/ButtonGroup.figma.d.ts +0 -2
  26. package/dts/buttons/__figma__/ButtonGroup.figma.d.ts.map +0 -1
  27. package/dts/buttons/__figma__/IconButton.figma.d.ts +0 -2
  28. package/dts/buttons/__figma__/IconButton.figma.d.ts.map +0 -1
  29. package/dts/buttons/__figma__/TileButton.figma.d.ts +0 -2
  30. package/dts/buttons/__figma__/TileButton.figma.d.ts.map +0 -1
  31. package/dts/cards/ContentCard/__figma__/ContentCard.figma.d.ts +0 -2
  32. package/dts/cards/ContentCard/__figma__/ContentCard.figma.d.ts.map +0 -1
  33. package/dts/cards/ContentCard/__figma__/ContentCardBody.figma.d.ts +0 -2
  34. package/dts/cards/ContentCard/__figma__/ContentCardBody.figma.d.ts.map +0 -1
  35. package/dts/cards/ContentCard/__figma__/ContentCardFooter.figma.d.ts +0 -2
  36. package/dts/cards/ContentCard/__figma__/ContentCardFooter.figma.d.ts.map +0 -1
  37. package/dts/cards/ContentCard/__figma__/ContentCardHeader.figma.d.ts +0 -2
  38. package/dts/cards/ContentCard/__figma__/ContentCardHeader.figma.d.ts.map +0 -1
  39. package/dts/cards/MediaCard/__figma__/MediaCard.figma.d.ts +0 -2
  40. package/dts/cards/MediaCard/__figma__/MediaCard.figma.d.ts.map +0 -1
  41. package/dts/cards/MessagingCard/__figma__/MessagingCard.figma.d.ts +0 -2
  42. package/dts/cards/MessagingCard/__figma__/MessagingCard.figma.d.ts.map +0 -1
  43. package/dts/cards/__figma__/AnnouncementCard.figma.d.ts +0 -2
  44. package/dts/cards/__figma__/AnnouncementCard.figma.d.ts.map +0 -1
  45. package/dts/cards/__figma__/ContainedAssetCard.figma.d.ts +0 -2
  46. package/dts/cards/__figma__/ContainedAssetCard.figma.d.ts.map +0 -1
  47. package/dts/cards/__figma__/FloatingAssetCard.figma.d.ts +0 -2
  48. package/dts/cards/__figma__/FloatingAssetCard.figma.d.ts.map +0 -1
  49. package/dts/cards/__figma__/NudgeCard.figma.d.ts +0 -2
  50. package/dts/cards/__figma__/NudgeCard.figma.d.ts.map +0 -1
  51. package/dts/cards/__figma__/UpsellCard.figma.d.ts +0 -2
  52. package/dts/cards/__figma__/UpsellCard.figma.d.ts.map +0 -1
  53. package/dts/carousel/__figma__/Carousel.figma.d.ts +0 -2
  54. package/dts/carousel/__figma__/Carousel.figma.d.ts.map +0 -1
  55. package/dts/cells/__figma__/ContentCell.figma.d.ts +0 -2
  56. package/dts/cells/__figma__/ContentCell.figma.d.ts.map +0 -1
  57. package/dts/cells/__figma__/ListCell.figma.d.ts +0 -2
  58. package/dts/cells/__figma__/ListCell.figma.d.ts.map +0 -1
  59. package/dts/chips/__figma__/InputChip.figma.d.ts +0 -2
  60. package/dts/chips/__figma__/InputChip.figma.d.ts.map +0 -1
  61. package/dts/chips/__figma__/SelectChip.figma.d.ts +0 -2
  62. package/dts/chips/__figma__/SelectChip.figma.d.ts.map +0 -1
  63. package/dts/chips/__figma__/TabbedChips.figma.d.ts +0 -2
  64. package/dts/chips/__figma__/TabbedChips.figma.d.ts.map +0 -1
  65. package/dts/coachmark/__figma__/Coachmark.figma.d.ts +0 -2
  66. package/dts/coachmark/__figma__/Coachmark.figma.d.ts.map +0 -1
  67. package/dts/controls/__figma__/Checkbox.figma.d.ts +0 -2
  68. package/dts/controls/__figma__/Checkbox.figma.d.ts.map +0 -1
  69. package/dts/controls/__figma__/CheckboxCell.figma.d.ts +0 -2
  70. package/dts/controls/__figma__/CheckboxCell.figma.d.ts.map +0 -1
  71. package/dts/controls/__figma__/CheckboxGroup.figma.d.ts +0 -2
  72. package/dts/controls/__figma__/CheckboxGroup.figma.d.ts.map +0 -1
  73. package/dts/controls/__figma__/NativeTextArea.figma.d.ts +0 -2
  74. package/dts/controls/__figma__/NativeTextArea.figma.d.ts.map +0 -1
  75. package/dts/controls/__figma__/RadioCell.figma.d.ts +0 -2
  76. package/dts/controls/__figma__/RadioCell.figma.d.ts.map +0 -1
  77. package/dts/controls/__figma__/RadioGroup.figma.d.ts +0 -2
  78. package/dts/controls/__figma__/RadioGroup.figma.d.ts.map +0 -1
  79. package/dts/controls/__figma__/SearchInput.figma.d.ts +0 -2
  80. package/dts/controls/__figma__/SearchInput.figma.d.ts.map +0 -1
  81. package/dts/controls/__figma__/SelectOption.figma.d.ts +0 -2
  82. package/dts/controls/__figma__/SelectOption.figma.d.ts.map +0 -1
  83. package/dts/controls/__figma__/Switch.figma.d.ts +0 -2
  84. package/dts/controls/__figma__/Switch.figma.d.ts.map +0 -1
  85. package/dts/controls/__figma__/TextInput.figma.d.ts +0 -2
  86. package/dts/controls/__figma__/TextInput.figma.d.ts.map +0 -1
  87. package/dts/dates/__figma__/DatePicker.figma.d.ts +0 -2
  88. package/dts/dates/__figma__/DatePicker.figma.d.ts.map +0 -1
  89. package/dts/dots/__figma__/DotCount.figma.d.ts +0 -2
  90. package/dts/dots/__figma__/DotCount.figma.d.ts.map +0 -1
  91. package/dts/dots/__figma__/DotStatusColor.figma.d.ts +0 -2
  92. package/dts/dots/__figma__/DotStatusColor.figma.d.ts.map +0 -1
  93. package/dts/dots/__figma__/DotSymbol.figma.d.ts +0 -2
  94. package/dts/dots/__figma__/DotSymbol.figma.d.ts.map +0 -1
  95. package/dts/dropdown/__figma__/Dropdown.figma.d.ts +0 -2
  96. package/dts/dropdown/__figma__/Dropdown.figma.d.ts.map +0 -1
  97. package/dts/icons/__figma__/Icon.figma.d.ts +0 -2
  98. package/dts/icons/__figma__/Icon.figma.d.ts.map +0 -1
  99. package/dts/icons/__figma__/LogoMark.figma.d.ts +0 -2
  100. package/dts/icons/__figma__/LogoMark.figma.d.ts.map +0 -1
  101. package/dts/icons/__figma__/LogoWordmark.figma.d.ts +0 -2
  102. package/dts/icons/__figma__/LogoWordmark.figma.d.ts.map +0 -1
  103. package/dts/icons/__figma__/SubBrandLogoMark.figma.d.ts +0 -2
  104. package/dts/icons/__figma__/SubBrandLogoMark.figma.d.ts.map +0 -1
  105. package/dts/icons/__figma__/SubBrandLogoWordmark.figma.d.ts +0 -2
  106. package/dts/icons/__figma__/SubBrandLogoWordmark.figma.d.ts.map +0 -1
  107. package/dts/illustrations/__figma__/HeroSquare.figma.d.ts +0 -2
  108. package/dts/illustrations/__figma__/HeroSquare.figma.d.ts.map +0 -1
  109. package/dts/illustrations/__figma__/Pictogram.figma.d.ts +0 -2
  110. package/dts/illustrations/__figma__/Pictogram.figma.d.ts.map +0 -1
  111. package/dts/illustrations/__figma__/SpotIcon.figma.d.ts +0 -2
  112. package/dts/illustrations/__figma__/SpotIcon.figma.d.ts.map +0 -1
  113. package/dts/illustrations/__figma__/SpotRectangle.figma.d.ts +0 -2
  114. package/dts/illustrations/__figma__/SpotRectangle.figma.d.ts.map +0 -1
  115. package/dts/illustrations/__figma__/SpotSquare.figma.d.ts +0 -2
  116. package/dts/illustrations/__figma__/SpotSquare.figma.d.ts.map +0 -1
  117. package/dts/layout/__figma__/Divider.figma.d.ts +0 -2
  118. package/dts/layout/__figma__/Divider.figma.d.ts.map +0 -1
  119. package/dts/layout/__figma__/Fallback.figma.d.ts +0 -2
  120. package/dts/layout/__figma__/Fallback.figma.d.ts.map +0 -1
  121. package/dts/media/__figma__/Avatar.figma.d.ts +0 -2
  122. package/dts/media/__figma__/Avatar.figma.d.ts.map +0 -1
  123. package/dts/multi-content-module/__figma__/MultiContentModule.figma.d.ts +0 -2
  124. package/dts/multi-content-module/__figma__/MultiContentModule.figma.d.ts.map +0 -1
  125. package/dts/navigation/__figma__/NavLink.figma.d.ts +0 -2
  126. package/dts/navigation/__figma__/NavLink.figma.d.ts.map +0 -1
  127. package/dts/navigation/__figma__/NavigationBar.figma.d.ts +0 -2
  128. package/dts/navigation/__figma__/NavigationBar.figma.d.ts.map +0 -1
  129. package/dts/navigation/__figma__/NavigationTitle.figma.d.ts +0 -2
  130. package/dts/navigation/__figma__/NavigationTitle.figma.d.ts.map +0 -1
  131. package/dts/navigation/__figma__/Sidebar.figma.d.ts +0 -2
  132. package/dts/navigation/__figma__/Sidebar.figma.d.ts.map +0 -1
  133. package/dts/navigation/__figma__/SidebarItem.figma.d.ts +0 -2
  134. package/dts/navigation/__figma__/SidebarItem.figma.d.ts.map +0 -1
  135. package/dts/overlays/__figma__/Alert.figma.d.ts +0 -2
  136. package/dts/overlays/__figma__/Alert.figma.d.ts.map +0 -1
  137. package/dts/overlays/__figma__/Toast.figma.d.ts +0 -2
  138. package/dts/overlays/__figma__/Toast.figma.d.ts.map +0 -1
  139. package/dts/overlays/modal/__figma__/FullscreenModal.figma.d.ts +0 -2
  140. package/dts/overlays/modal/__figma__/FullscreenModal.figma.d.ts.map +0 -1
  141. package/dts/overlays/modal/__figma__/Modal.figma.d.ts +0 -2
  142. package/dts/overlays/modal/__figma__/Modal.figma.d.ts.map +0 -1
  143. package/dts/overlays/tooltip/__figma__/Tooltip.figma.d.ts +0 -2
  144. package/dts/overlays/tooltip/__figma__/Tooltip.figma.d.ts.map +0 -1
  145. package/dts/overlays/tray/__figma__/Tray.figma.d.ts +0 -2
  146. package/dts/overlays/tray/__figma__/Tray.figma.d.ts.map +0 -1
  147. package/dts/page/__figma__/PageFooter.figma.d.ts +0 -2
  148. package/dts/page/__figma__/PageFooter.figma.d.ts.map +0 -1
  149. package/dts/page/__figma__/PageHeader.figma.d.ts +0 -2
  150. package/dts/page/__figma__/PageHeader.figma.d.ts.map +0 -1
  151. package/dts/pagination/__figma__/Pagination.figma.d.ts +0 -2
  152. package/dts/pagination/__figma__/Pagination.figma.d.ts.map +0 -1
  153. package/dts/perf/component-config/Button.component-config.perf-test.d.ts +0 -2
  154. package/dts/perf/component-config/Button.component-config.perf-test.d.ts.map +0 -1
  155. package/dts/perf/component-config/ComponentConfigProvider.perf-test.d.ts +0 -2
  156. package/dts/perf/component-config/ComponentConfigProvider.perf-test.d.ts.map +0 -1
  157. package/dts/perf/component-config/ComponentConfigStickerSheet.perf-test.d.ts +0 -2
  158. package/dts/perf/component-config/ComponentConfigStickerSheet.perf-test.d.ts.map +0 -1
  159. package/dts/section-header/__figma__/SectionHeader.figma.d.ts +0 -2
  160. package/dts/section-header/__figma__/SectionHeader.figma.d.ts.map +0 -1
  161. package/dts/tables/__figma__/TableCell.figma.d.ts +0 -2
  162. package/dts/tables/__figma__/TableCell.figma.d.ts.map +0 -1
  163. package/dts/tabs/__figma__/SegmentedTabs.figma.d.ts +0 -2
  164. package/dts/tabs/__figma__/SegmentedTabs.figma.d.ts.map +0 -1
  165. package/dts/tabs/__figma__/TabNavigation.figma.d.ts +0 -2
  166. package/dts/tabs/__figma__/TabNavigation.figma.d.ts.map +0 -1
  167. package/dts/tag/__figma__/Tag.figma.d.ts +0 -2
  168. package/dts/tag/__figma__/Tag.figma.d.ts.map +0 -1
  169. package/dts/typography/__figma__/Link.figma.d.ts +0 -2
  170. package/dts/typography/__figma__/Link.figma.d.ts.map +0 -1
  171. package/dts/visualizations/__figma__/ProgressBar.figma.d.ts +0 -2
  172. package/dts/visualizations/__figma__/ProgressBar.figma.d.ts.map +0 -1
  173. package/dts/visualizations/__figma__/ProgressCircle.figma.d.ts +0 -2
  174. package/dts/visualizations/__figma__/ProgressCircle.figma.d.ts.map +0 -1
  175. package/dts/visualizations/sparkline/__figma__/Sparkline.figma.d.ts +0 -2
  176. package/dts/visualizations/sparkline/__figma__/Sparkline.figma.d.ts.map +0 -1
  177. package/dts/visualizations/sparkline/sparkline-interactive/__figma__/SparklineInteractive.figma.d.ts +0 -2
  178. package/dts/visualizations/sparkline/sparkline-interactive/__figma__/SparklineInteractive.figma.d.ts.map +0 -1
  179. package/dts/visualizations/sparkline/sparkline-interactive-header/__figma__/SparklineInteractiveHeader.figma.d.ts +0 -2
  180. package/dts/visualizations/sparkline/sparkline-interactive-header/__figma__/SparklineInteractiveHeader.figma.d.ts.map +0 -1
  181. package/esm/accordion/__figma__/Accordion.figma.js +0 -47
  182. package/esm/alpha/__figma__/Select.figma.js +0 -68
  183. package/esm/alpha/data-card/__figma__/DataCard.figma.js +0 -29
  184. package/esm/buttons/__figma__/AvatarButton.figma.js +0 -30
  185. package/esm/buttons/__figma__/Button.figma.js +0 -63
  186. package/esm/buttons/__figma__/ButtonGroup.figma.js +0 -54
  187. package/esm/buttons/__figma__/IconButton.figma.js +0 -35
  188. package/esm/buttons/__figma__/TileButton.figma.js +0 -29
  189. package/esm/cards/ContentCard/__figma__/ContentCard.figma.js +0 -37
  190. package/esm/cards/ContentCard/__figma__/ContentCardBody.figma.js +0 -55
  191. package/esm/cards/ContentCard/__figma__/ContentCardFooter.figma.js +0 -150
  192. package/esm/cards/ContentCard/__figma__/ContentCardHeader.figma.js +0 -29
  193. package/esm/cards/MediaCard/__figma__/MediaCard.figma.js +0 -50
  194. package/esm/cards/MessagingCard/__figma__/MessagingCard.figma.js +0 -42
  195. package/esm/cards/__figma__/AnnouncementCard.figma.js +0 -20
  196. package/esm/cards/__figma__/ContainedAssetCard.figma.js +0 -45
  197. package/esm/cards/__figma__/FloatingAssetCard.figma.js +0 -36
  198. package/esm/cards/__figma__/NudgeCard.figma.js +0 -60
  199. package/esm/cards/__figma__/UpsellCard.figma.js +0 -59
  200. package/esm/carousel/__figma__/Carousel.figma.js +0 -36
  201. package/esm/cells/__figma__/ContentCell.figma.js +0 -40
  202. package/esm/cells/__figma__/ListCell.figma.js +0 -79
  203. package/esm/chips/__figma__/InputChip.figma.js +0 -31
  204. package/esm/chips/__figma__/SelectChip.figma.js +0 -46
  205. package/esm/chips/__figma__/TabbedChips.figma.js +0 -55
  206. package/esm/coachmark/__figma__/Coachmark.figma.js +0 -49
  207. package/esm/controls/__figma__/Checkbox.figma.js +0 -32
  208. package/esm/controls/__figma__/CheckboxCell.figma.js +0 -43
  209. package/esm/controls/__figma__/CheckboxGroup.figma.js +0 -27
  210. package/esm/controls/__figma__/NativeTextArea.figma.js +0 -30
  211. package/esm/controls/__figma__/RadioCell.figma.js +0 -83
  212. package/esm/controls/__figma__/RadioGroup.figma.js +0 -47
  213. package/esm/controls/__figma__/SearchInput.figma.js +0 -44
  214. package/esm/controls/__figma__/SelectOption.figma.js +0 -38
  215. package/esm/controls/__figma__/Switch.figma.js +0 -20
  216. package/esm/controls/__figma__/TextInput.figma.js +0 -130
  217. package/esm/dates/__figma__/DatePicker.figma.js +0 -46
  218. package/esm/dots/__figma__/DotCount.figma.js +0 -19
  219. package/esm/dots/__figma__/DotStatusColor.figma.js +0 -27
  220. package/esm/dots/__figma__/DotSymbol.figma.js +0 -49
  221. package/esm/dropdown/__figma__/Dropdown.figma.js +0 -20
  222. package/esm/icons/__figma__/Icon.figma.js +0 -3909
  223. package/esm/icons/__figma__/LogoMark.figma.js +0 -23
  224. package/esm/icons/__figma__/LogoWordmark.figma.js +0 -35
  225. package/esm/icons/__figma__/SubBrandLogoMark.figma.js +0 -51
  226. package/esm/icons/__figma__/SubBrandLogoWordmark.figma.js +0 -52
  227. package/esm/illustrations/__figma__/HeroSquare.figma.js +0 -2103
  228. package/esm/illustrations/__figma__/Pictogram.figma.js +0 -1773
  229. package/esm/illustrations/__figma__/SpotIcon.figma.js +0 -339
  230. package/esm/illustrations/__figma__/SpotRectangle.figma.js +0 -1101
  231. package/esm/illustrations/__figma__/SpotSquare.figma.js +0 -1191
  232. package/esm/layout/__figma__/Divider.figma.js +0 -31
  233. package/esm/layout/__figma__/Fallback.figma.js +0 -25
  234. package/esm/media/__figma__/Avatar.figma.js +0 -61
  235. package/esm/multi-content-module/__figma__/MultiContentModule.figma.js +0 -39
  236. package/esm/navigation/__figma__/NavLink.figma.js +0 -58
  237. package/esm/navigation/__figma__/NavigationBar.figma.js +0 -284
  238. package/esm/navigation/__figma__/NavigationTitle.figma.js +0 -18
  239. package/esm/navigation/__figma__/Sidebar.figma.js +0 -40
  240. package/esm/navigation/__figma__/SidebarItem.figma.js +0 -24
  241. package/esm/overlays/__figma__/Alert.figma.js +0 -37
  242. package/esm/overlays/__figma__/Toast.figma.js +0 -51
  243. package/esm/overlays/modal/__figma__/FullscreenModal.figma.css +0 -1
  244. package/esm/overlays/modal/__figma__/FullscreenModal.figma.js +0 -104
  245. package/esm/overlays/modal/__figma__/Modal.figma.js +0 -81
  246. package/esm/overlays/tooltip/__figma__/Tooltip.figma.js +0 -93
  247. package/esm/overlays/tray/__figma__/Tray.figma.js +0 -191
  248. package/esm/page/__figma__/PageFooter.figma.js +0 -61
  249. package/esm/page/__figma__/PageHeader.figma.js +0 -57
  250. package/esm/pagination/__figma__/Pagination.figma.js +0 -22
  251. package/esm/perf/component-config/Button.component-config.perf-test.js +0 -43
  252. package/esm/perf/component-config/ComponentConfigProvider.perf-test.js +0 -134
  253. package/esm/perf/component-config/ComponentConfigStickerSheet.perf-test.js +0 -332
  254. package/esm/perf/component-config/README.md +0 -8
  255. package/esm/section-header/__figma__/SectionHeader.figma.js +0 -58
  256. package/esm/tables/__figma__/TableCell.figma.js +0 -116
  257. package/esm/tabs/__figma__/SegmentedTabs.figma.js +0 -82
  258. package/esm/tabs/__figma__/TabNavigation.figma.js +0 -82
  259. package/esm/tag/__figma__/Tag.figma.js +0 -90
  260. package/esm/typography/__figma__/Link.figma.js +0 -32
  261. package/esm/visualizations/__figma__/ProgressBar.figma.js +0 -103
  262. package/esm/visualizations/__figma__/ProgressCircle.figma.js +0 -29
  263. package/esm/visualizations/sparkline/__figma__/Sparkline.figma.js +0 -24
  264. package/esm/visualizations/sparkline/sparkline-interactive/__figma__/SparklineInteractive.figma.js +0 -89
  265. package/esm/visualizations/sparkline/sparkline-interactive-header/__figma__/SparklineInteractiveHeader.figma.js +0 -108
@@ -1,68 +0,0 @@
1
- const _excluded = ["type", "value"];
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 { figma } from '@figma/code-connect';
10
- import { Select } from '../select/Select';
11
- import { jsx as _jsx } from "react/jsx-runtime";
12
- const selectOptions = [{
13
- value: 'apple',
14
- label: 'Apple'
15
- }, {
16
- value: 'banana',
17
- label: 'Banana'
18
- }, {
19
- value: 'orange',
20
- label: 'Orange',
21
- description: 'Citrus'
22
- }];
23
- figma.connect(Select, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=71762-14938', {
24
- imports: ["import { Select } from '@coinbase/cds-web/alpha/select/Select'"],
25
- props: {
26
- type: figma.enum('type', {
27
- 'single select': 'single',
28
- 'multi-select': 'multi'
29
- }),
30
- disabled: figma.boolean('disabled'),
31
- compact: figma.boolean('compact'),
32
- label: figma.boolean('show label', {
33
- true: figma.boolean('show info icon') ? "<HStack alignItems=\"center\">\n <InputLabel>".concat(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'),
34
- false: undefined
35
- }),
36
- start: figma.boolean('show start', {
37
- true: figma.instance('start'),
38
- false: undefined
39
- }),
40
- helperText: figma.boolean('show helper text', {
41
- true: figma.string('helper text'),
42
- false: undefined
43
- }),
44
- placeholder: figma.string('placeholderText'),
45
- variant: figma.enum('state', {
46
- default: undefined,
47
- positive: 'positive',
48
- negative: 'negative'
49
- }),
50
- value: figma.enum('type', {
51
- 'single select': 'Item 1',
52
- 'multi-select': ['Item 1', 'Item 2']
53
- })
54
- },
55
- example: _ref => {
56
- let {
57
- type,
58
- value
59
- } = _ref,
60
- props = _objectWithoutProperties(_ref, _excluded);
61
- return /*#__PURE__*/_jsx(Select, _objectSpread(_objectSpread({}, props), {}, {
62
- onChange: () => {},
63
- options: selectOptions,
64
- type: type,
65
- value: value
66
- }));
67
- }
68
- });
@@ -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
- });