@coinbase/cds-web 9.1.3 → 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 +7 -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,116 +0,0 @@
1
- const _excluded = ["compact", "variant"],
2
- _excluded2 = ["compact", "variant", "backgroundColor"];
3
- 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; }
4
- 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; }
5
- 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; }
6
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
7
- 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); }
8
- 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; }
9
- 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; }
10
- import { figma } from '@figma/code-connect';
11
- import { Table } from '../Table';
12
- import { TableBody } from '../TableBody';
13
- import { TableCell } from '../TableCell';
14
- import { TableHeader } from '../TableHeader';
15
- import { TableRow } from '../TableRow';
16
- import { jsx as _jsx } from "react/jsx-runtime";
17
- figma.connect(TableCell, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=8298-12299&m=dev', {
18
- imports: ["import { Table } from '@coinbase/cds-web/tables/Table'", "import { TableBody } from '@coinbase/cds-web/tables/TableBody'", "import { TableRow } from '@coinbase/cds-web/tables/TableRow'", "import { TableCell } from '@coinbase/cds-web/tables/TableCell'"],
19
- props: {
20
- alignItems: figma.enum('alignment', {
21
- left: 'flex-start',
22
- right: 'flex-end'
23
- }),
24
- start: figma.boolean('show start', {
25
- true: figma.instance('↳ start'),
26
- false: undefined
27
- }),
28
- title: figma.boolean('show title', {
29
- true: figma.string('↳ title'),
30
- false: ''
31
- }),
32
- subtitle: figma.boolean('show subtitle', {
33
- true: figma.string('↳ subtitle'),
34
- false: undefined
35
- }),
36
- end: figma.boolean('show end', {
37
- true: figma.instance('↳ end'),
38
- false: undefined
39
- }),
40
- compact: figma.boolean('compact'),
41
- variant: figma.enum('border style', {
42
- none: undefined,
43
- ruled: 'ruled',
44
- graph: 'graph'
45
- })
46
- },
47
- example: _ref => {
48
- let {
49
- compact,
50
- variant
51
- } = _ref,
52
- props = _objectWithoutProperties(_ref, _excluded);
53
- return /*#__PURE__*/_jsx(Table, {
54
- compact: compact,
55
- variant: variant,
56
- children: /*#__PURE__*/_jsx(TableBody, {
57
- children: /*#__PURE__*/_jsx(TableRow, {
58
- children: /*#__PURE__*/_jsx(TableCell, _objectSpread({}, props))
59
- })
60
- })
61
- });
62
- }
63
- });
64
- figma.connect(TableCell, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=8298-12088&m=dev', {
65
- imports: ["import { Table } from '@coinbase/cds-web/tables/Table'", "import { TableHeader } from '@coinbase/cds-web/tables/TableHeader'", "import { TableRow } from '@coinbase/cds-web/tables/TableRow'", "import { TableCell } from '@coinbase/cds-web/tables/TableCell'"],
66
- props: {
67
- alignItems: figma.enum('alignment', {
68
- left: 'flex-start',
69
- right: 'flex-end'
70
- }),
71
- start: figma.boolean('show start', {
72
- true: figma.instance('↳ start'),
73
- false: undefined
74
- }),
75
- title: figma.boolean('show middle', {
76
- true: figma.string('↳ title'),
77
- false: ''
78
- }),
79
- subtitle: figma.boolean('show subtitle', {
80
- true: figma.string('↳ subtitle'),
81
- false: undefined
82
- }),
83
- end: figma.boolean('show end', {
84
- true: figma.instance('↳ end'),
85
- false: undefined
86
- }),
87
- compact: figma.boolean('compact'),
88
- variant: figma.enum('border style', {
89
- none: 'default',
90
- ruled: 'ruled',
91
- graph: 'graph'
92
- }),
93
- backgroundColor: figma.boolean('show background', {
94
- true: 'bgAlternate',
95
- false: undefined
96
- })
97
- },
98
- example: _ref2 => {
99
- let {
100
- compact,
101
- variant,
102
- backgroundColor
103
- } = _ref2,
104
- props = _objectWithoutProperties(_ref2, _excluded2);
105
- return /*#__PURE__*/_jsx(Table, {
106
- compact: compact,
107
- variant: variant,
108
- children: /*#__PURE__*/_jsx(TableHeader, {
109
- children: /*#__PURE__*/_jsx(TableRow, {
110
- backgroundColor: backgroundColor,
111
- children: /*#__PURE__*/_jsx(TableCell, _objectSpread({}, props))
112
- })
113
- })
114
- });
115
- }
116
- });
@@ -1,82 +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 { figma } from '@figma/code-connect';
7
- import { SegmentedTab } from '../SegmentedTab';
8
- import { SegmentedTabs } from '../SegmentedTabs';
9
- import { jsx as _jsx } from "react/jsx-runtime";
10
- figma.connect(SegmentedTabs, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=20859-2979&m=dev', {
11
- imports: ["import { SegmentedTabs } from '@coinbase/cds-web/tabs/SegmentedTabs'"],
12
- variant: {
13
- tabs: '2 tabs'
14
- },
15
- props: {
16
- activeTab: figma.enum('active state', {
17
- left: {
18
- id: '1',
19
- label: 'Title'
20
- },
21
- right: {
22
- id: '2',
23
- label: 'Title'
24
- }
25
- }),
26
- disabled: figma.boolean('disabled')
27
- },
28
- example: props => /*#__PURE__*/_jsx(SegmentedTabs, _objectSpread({
29
- onChange: () => {},
30
- tabs: [{
31
- id: '1',
32
- label: 'Title'
33
- }, {
34
- id: '2',
35
- label: 'Title'
36
- }]
37
- }, props))
38
- });
39
- figma.connect(SegmentedTabs, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=20859-2979&m=dev', {
40
- imports: ["import { SegmentedTabs } from '@coinbase/cds-web/tabs/SegmentedTabs'"],
41
- variant: {
42
- tabs: '3 tabs'
43
- },
44
- props: {
45
- activeTab: figma.enum('active state', {
46
- left: {
47
- id: '1',
48
- label: 'Title'
49
- },
50
- center: {
51
- id: '2',
52
- label: 'Title'
53
- },
54
- right: {
55
- id: '3',
56
- label: 'Title'
57
- }
58
- }),
59
- disabled: figma.boolean('disabled')
60
- },
61
- example: props => /*#__PURE__*/_jsx(SegmentedTabs, _objectSpread({
62
- onChange: () => {},
63
- tabs: [{
64
- id: '1',
65
- label: 'Title'
66
- }, {
67
- id: '2',
68
- label: 'Title'
69
- }, {
70
- id: '3',
71
- label: 'Title'
72
- }]
73
- }, props))
74
- });
75
- figma.connect(SegmentedTabs, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=20859-3073&m=dev', {
76
- imports: ["import { SegmentedTab } from '@coinbase/cds-web/tabs/SegmentedTab'"],
77
- props: {
78
- id: figma.string('title'),
79
- label: figma.string('title')
80
- },
81
- example: props => /*#__PURE__*/_jsx(SegmentedTab, _objectSpread({}, props))
82
- });
@@ -1,82 +0,0 @@
1
- import { useMemo, useState } from 'react';
2
- import { figma } from '@figma/code-connect';
3
- import { TabNavigation } from '../TabNavigation';
4
- import { jsx as _jsx } from "react/jsx-runtime";
5
- figma.connect(TabNavigation, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=240-8930&m=dev', {
6
- imports: ["import { TabNavigation } from '@coinbase/cds-web/tabs/TabNavigation'"],
7
- props: {
8
- tab1: figma.nestedProps('1 Primary Tab', {
9
- count: figma.boolean('dot count', {
10
- true: 1,
11
- false: undefined
12
- }),
13
- label: figma.textContent('Label'),
14
- id: figma.textContent('Label')
15
- }),
16
- tab2: figma.nestedProps('2 Primary Tab', {
17
- count: figma.boolean('dot count', {
18
- true: 1,
19
- false: undefined
20
- }),
21
- label: figma.textContent('Label'),
22
- id: figma.textContent('Label')
23
- }),
24
- tab3: figma.nestedProps('3 Primary Tab', {
25
- count: figma.boolean('dot count', {
26
- true: 1,
27
- false: undefined
28
- }),
29
- label: figma.textContent('Label'),
30
- id: figma.textContent('Label')
31
- }),
32
- tab4: figma.nestedProps('4 Primary Tab', {
33
- count: figma.boolean('dot count', {
34
- true: 1,
35
- false: undefined
36
- }),
37
- label: figma.textContent('Label'),
38
- id: figma.textContent('Label')
39
- }),
40
- tab5: figma.nestedProps('5 Primary Tab', {
41
- count: figma.boolean('dot count', {
42
- true: 1,
43
- false: undefined
44
- }),
45
- label: figma.textContent('Label'),
46
- id: figma.textContent('Label')
47
- }),
48
- tab6: figma.nestedProps('6 Primary Tab', {
49
- count: figma.boolean('dot count', {
50
- true: 1,
51
- false: undefined
52
- }),
53
- label: figma.textContent('Label'),
54
- id: figma.textContent('Label')
55
- })
56
- },
57
- example: function Example() {
58
- const tabs = useMemo(() => [{
59
- id: 'first_primary_tab',
60
- label: 'Primary tab',
61
- count: 1
62
- }, {
63
- id: 'second_primary_tab',
64
- label: 'Primary tab'
65
- }, {
66
- id: 'third_primary_tab',
67
- label: 'Primary tab'
68
- }, {
69
- id: 'fourth_primary_tab',
70
- label: 'Primary tab'
71
- }, {
72
- id: 'fifth_primary_tab',
73
- label: 'Primary tab'
74
- }], []);
75
- const [value, setValue] = useState(tabs[0].id);
76
- return /*#__PURE__*/_jsx(TabNavigation, {
77
- onChange: setValue,
78
- tabs: tabs,
79
- value: value
80
- });
81
- }
82
- });
@@ -1,90 +0,0 @@
1
- const _excluded = ["children"],
2
- _excluded2 = ["children"];
3
- 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; }
4
- 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; }
5
- 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; }
6
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
7
- 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); }
8
- 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; }
9
- 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; }
10
- import { figma } from '@figma/code-connect';
11
- import { Tag } from '../Tag';
12
- import { jsx as _jsx } from "react/jsx-runtime";
13
- figma.connect(Tag, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=68%3A996', {
14
- imports: ["import { Tag } from '@coinbase/cds-web/tag/Tag'"],
15
- variant: {
16
- intent: 'informational'
17
- },
18
- props: {
19
- emphasis: figma.enum('emphasis', {
20
- high: 'high',
21
- low: 'low'
22
- }),
23
- colorScheme: figma.enum('colorScheme', {
24
- green: 'green',
25
- purple: 'purple',
26
- blue: 'blue',
27
- yellow: 'yellow',
28
- red: 'red',
29
- gray: 'gray'
30
- }),
31
- children: figma.nestedProps('string.info tags', {
32
- node: figma.enum('Ready-made', {
33
- Custom: figma.string('string'),
34
- 'Most popular': figma.textContent('tag-label'),
35
- New: figma.textContent('tag-label'),
36
- 'Needs review': figma.textContent('tag-label'),
37
- 'Not verified': figma.textContent('tag-label'),
38
- Recommended: figma.textContent('tag-label')
39
- })
40
- })
41
- },
42
- example: _ref => {
43
- let {
44
- children
45
- } = _ref,
46
- props = _objectWithoutProperties(_ref, _excluded);
47
- return /*#__PURE__*/_jsx(Tag, _objectSpread(_objectSpread({}, props), {}, {
48
- children: children.node
49
- }));
50
- }
51
- });
52
- figma.connect(Tag, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=68%3A996', {
53
- imports: ["import { Tag } from '@coinbase/cds-web/tag/Tag'"],
54
- variant: {
55
- intent: 'promotional'
56
- },
57
- props: {
58
- emphasis: figma.enum('emphasis', {
59
- high: 'high',
60
- low: 'low'
61
- }),
62
- colorScheme: figma.enum('colorScheme', {
63
- green: 'green',
64
- purple: 'purple',
65
- blue: 'blue',
66
- yellow: 'yellow',
67
- red: 'red',
68
- gray: 'gray'
69
- }),
70
- children: figma.nestedProps('string.promo tags', {
71
- node: figma.enum('Ready-made', {
72
- Custom: figma.string('string'),
73
- 'Most popular': figma.textContent('tag-label'),
74
- New: figma.textContent('tag-label'),
75
- Recommended: figma.textContent('tag-label')
76
- })
77
- })
78
- },
79
- example: _ref2 => {
80
- let {
81
- children
82
- } = _ref2,
83
- props = _objectWithoutProperties(_ref2, _excluded2);
84
- return /*#__PURE__*/_jsx(Tag, _objectSpread(_objectSpread({
85
- intent: "promotional"
86
- }, props), {}, {
87
- children: children.node
88
- }));
89
- }
90
- });
@@ -1,32 +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 { figma } from '@figma/code-connect';
10
- import { Link } from '../Link';
11
- import { jsx as _jsx } from "react/jsx-runtime";
12
- figma.connect(Link, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=324-14982&m=dev', {
13
- imports: ["import { Link } from '@coinbase/cds-web/typography/Link'"],
14
- props: {
15
- children: figma.string('string'),
16
- color: figma.enum('variant', {
17
- primary: 'fgPrimary',
18
- foreground: 'fg',
19
- negativeForeground: 'fgNegative'
20
- }),
21
- underline: figma.boolean('underline')
22
- },
23
- example: _ref => {
24
- let {
25
- children
26
- } = _ref,
27
- props = _objectWithoutProperties(_ref, _excluded);
28
- return /*#__PURE__*/_jsx(Link, _objectSpread(_objectSpread({}, props), {}, {
29
- children: children
30
- }));
31
- }
32
- });
@@ -1,103 +0,0 @@
1
- const _excluded = ["floatLabel", "progress", "labelPlacement"],
2
- _excluded2 = ["showStartLabel", "showEndLabel", "progress", "labelPlacement"];
3
- 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; }
4
- 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; }
5
- 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; }
6
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
7
- 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); }
8
- 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; }
9
- 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; }
10
- import { figma } from '@figma/code-connect';
11
- import { ProgressBar } from '../ProgressBar';
12
- import { ProgressBarWithFixedLabels } from '../ProgressBarWithFixedLabels';
13
- import { ProgressBarWithFloatLabel } from '../ProgressBarWithFloatLabel';
14
- import { jsx as _jsx } from "react/jsx-runtime";
15
- figma.connect(ProgressBar, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=64-746&m=dev', {
16
- imports: ["import { ProgressBar } from '@coinbase/cds-web/visualizations/ProgressBar'", "import { ProgressBarWithFloatLabel } from '@coinbase/cds-web/visualizations/ProgressBarWithFloatLabel'"],
17
- props: {
18
- weight: figma.enum('weight', {
19
- normal: 'normal',
20
- heavy: 'heavy',
21
- thin: 'thin'
22
- }),
23
- disabled: figma.boolean('disabled'),
24
- progress: figma.enum('progress', {
25
- '100%': 1,
26
- '75%': 0.75,
27
- '50%': 0.5,
28
- '25%': 0.25,
29
- '0%': 0
30
- }),
31
- floatLabel: figma.enum('progress', {
32
- '100%': 100,
33
- '75%': 75,
34
- '50%': 50,
35
- '25%': 25,
36
- '0%': 0
37
- }),
38
- labelPlacement: figma.enum('label placement', {
39
- 'float above': 'above',
40
- 'float below': 'below'
41
- })
42
- },
43
- example: _ref => {
44
- let {
45
- floatLabel,
46
- progress,
47
- labelPlacement
48
- } = _ref,
49
- props = _objectWithoutProperties(_ref, _excluded);
50
- return /*#__PURE__*/_jsx(ProgressBarWithFloatLabel, {
51
- label: floatLabel,
52
- labelPlacement: labelPlacement,
53
- progress: progress,
54
- children: /*#__PURE__*/_jsx(ProgressBar, _objectSpread({
55
- progress: progress
56
- }, props))
57
- });
58
- }
59
- });
60
- figma.connect(ProgressBar, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=64-746&m=dev', {
61
- imports: ["import { ProgressBar } from '@coinbase/cds-web/visualizations/ProgressBar'", "import { ProgressBarWithFloatLabel } from '@coinbase/cds-web/visualizations/ProgressBarWithFloatLabel'"],
62
- props: {
63
- weight: figma.enum('weight', {
64
- normal: 'normal',
65
- heavy: 'heavy',
66
- thin: 'thin'
67
- }),
68
- disabled: figma.boolean('disabled'),
69
- progress: figma.enum('progress', {
70
- '100%': 1,
71
- '75%': 0.75,
72
- '50%': 0.5,
73
- '25%': 0.25,
74
- '0%': 0
75
- }),
76
- labelPlacement: figma.enum('label placement', {
77
- 'fixed above': 'above',
78
- 'fixed below': 'below',
79
- 'side-by-side': 'beside'
80
- }),
81
- showStartLabel: figma.boolean('show start label'),
82
- showEndLabel: figma.boolean('show end label')
83
- },
84
- example: _ref2 => {
85
- let {
86
- showStartLabel,
87
- showEndLabel,
88
- progress,
89
- labelPlacement
90
- } = _ref2,
91
- props = _objectWithoutProperties(_ref2, _excluded2);
92
- const startLabel = showStartLabel ? progress : undefined;
93
- const endLabel = showEndLabel ? progress : undefined;
94
- return /*#__PURE__*/_jsx(ProgressBarWithFixedLabels, {
95
- endLabel: endLabel,
96
- labelPlacement: labelPlacement,
97
- startLabel: startLabel,
98
- children: /*#__PURE__*/_jsx(ProgressBar, _objectSpread({
99
- progress: progress
100
- }, props))
101
- });
102
- }
103
- });
@@ -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
- import { figma } from '@figma/code-connect';
7
- import { ProgressCircle } from '../ProgressCircle';
8
- import { jsx as _jsx } from "react/jsx-runtime";
9
- figma.connect(ProgressCircle, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=64-917&m=dev', {
10
- imports: ["import { ProgressCircle } from '@coinbase/cds-web/visualizations/ProgressCircle'"],
11
- props: {
12
- hideText: figma.boolean('progress label', {
13
- true: undefined,
14
- false: true
15
- }),
16
- weight: figma.enum('weight', {
17
- normal: 'normal',
18
- heavy: 'heavy',
19
- thin: 'thin'
20
- }),
21
- progress: figma.enum('progress', {
22
- '100%': 1,
23
- '75%': 0.75,
24
- '50%': 0.5,
25
- '25%': 0.25
26
- })
27
- },
28
- example: props => /*#__PURE__*/_jsx(ProgressCircle, _objectSpread({}, props))
29
- });
@@ -1,24 +0,0 @@
1
- /* eslint-disable react-hooks/rules-of-hooks */
2
-
3
- import React from 'react';
4
- import { figma } from '@figma/code-connect';
5
- import { Sparkline } from '../Sparkline';
6
- import { jsx as _jsx } from "react/jsx-runtime";
7
- figma.connect(Sparkline, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=320-15040&m=dev', {
8
- imports: ["import { Sparkline } from '@coinbase/cds-web/visualizations/sparkline'", "import { useSparklinePath } from '@coinbase/cds-common/visualizations/useSparklinePath'"],
9
- example: () => {
10
- const data = [20, 30, 5, 45, 0];
11
- // @ts-expect-error: useSparklinePath is not typed correctly
12
- const path = useSparklinePath({
13
- height: 200,
14
- width: 200,
15
- data
16
- });
17
- return /*#__PURE__*/_jsx(Sparkline, {
18
- color: "auto",
19
- height: 200,
20
- path: path,
21
- width: 400
22
- });
23
- }
24
- });
@@ -1,89 +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 { SparklineInteractive } from '../SparklineInteractive';
9
- import { jsx as _jsx } from "react/jsx-runtime";
10
- figma.connect(SparklineInteractive, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=320-14858&m=dev', {
11
- imports: ["import { SparklineInteractive } from '@coinbase/cds-web/visualizations/sparkline'"],
12
- props: {
13
- compact: figma.boolean('compact'),
14
- disableScrubbing: figma.boolean('scrubbing', {
15
- false: true,
16
- true: false
17
- })
18
- },
19
- example: props => {
20
- const periods = [{
21
- label: '1H',
22
- value: 'hour'
23
- }, {
24
- label: '1D',
25
- value: 'day'
26
- }, {
27
- label: '1W',
28
- value: 'week'
29
- }, {
30
- label: '1M',
31
- value: 'month'
32
- }, {
33
- label: '1Y',
34
- value: 'year'
35
- }, {
36
- label: 'All',
37
- value: 'all'
38
- }];
39
- const data = {
40
- hour: [],
41
- day: [{
42
- value: 49259.38,
43
- date: new Date('2021-12-05T04:00:00.000Z')
44
- }, {
45
- value: 49163.79,
46
- date: new Date('2021-12-05T04:05:00.000Z')
47
- }, {
48
- value: 49146.66,
49
- date: new Date('2021-12-05T04:10:00.000Z')
50
- }, {
51
- value: 49083.92,
52
- date: new Date('2021-12-05T04:15:00.000Z')
53
- }, {
54
- value: 49115.3,
55
- date: new Date('2021-12-05T04:20:00.000Z')
56
- }, {
57
- value: 48992.14,
58
- date: new Date('2021-12-05T04:25:00.000Z')
59
- }, {
60
- value: 49075.75,
61
- date: new Date('2021-12-05T04:30:00.000Z')
62
- }, {
63
- value: 49025.78,
64
- date: new Date('2021-12-05T04:35:00.000Z')
65
- }, {
66
- value: 49066.23,
67
- date: new Date('2021-12-05T04:40:00.000Z')
68
- }, {
69
- value: 49247.82,
70
- date: new Date('2021-12-05T04:45:00.000Z')
71
- }],
72
- week: [],
73
- month: [],
74
- year: [],
75
- all: []
76
- };
77
- return /*#__PURE__*/_jsx(SparklineInteractive, _objectSpread({
78
- data: data,
79
- defaultPeriod: "day",
80
- formatDate: date => date.toLocaleString('en-US', {
81
- timeZone: 'America/New_York',
82
- hour: 'numeric',
83
- minute: 'numeric'
84
- }),
85
- periods: periods,
86
- strokeColor: "#cb51bb"
87
- }, props));
88
- }
89
- });