@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,27 +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 { CheckboxGroup } from '../CheckboxGroup';
11
- import { jsx as _jsx } from "react/jsx-runtime";
12
- figma.connect(CheckboxGroup, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=155%3A10032', {
13
- imports: ["import { CheckboxGroup } from '@coinbase/cds-web/controls/CheckboxGroup'"],
14
- props: {
15
- children: figma.children('*')
16
- },
17
- example: _ref => {
18
- let {
19
- children
20
- } = _ref,
21
- props = _objectWithoutProperties(_ref, _excluded);
22
- // @ts-expect-error: Checkbox expects multiple children but only 1 was provided
23
- return /*#__PURE__*/_jsx(CheckboxGroup, _objectSpread(_objectSpread({}, props), {}, {
24
- children: children
25
- }));
26
- }
27
- });
@@ -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 { figma } from '@figma/code-connect';
7
- import { NativeTextArea } from '../NativeTextArea';
8
- import { TextInput } from '../TextInput';
9
- import { jsx as _jsx } from "react/jsx-runtime";
10
- figma.connect(NativeTextArea, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=14089%3A46502', {
11
- imports: ["import { TextInput } from '@coinbase/cds-web/controls/TextInput'", "import { NativeTextArea } from '@coinbase/cds-web/controls/NativeTextArea'"],
12
- props: {
13
- label: figma.boolean('show label', {
14
- true: figma.string('↳ label string'),
15
- false: undefined
16
- }),
17
- helperText: figma.boolean('show helper text', {
18
- true: figma.string('↳ helper text'),
19
- false: undefined
20
- }),
21
- disabled: figma.boolean('disabled'),
22
- variant: figma.enum('state', {
23
- positive: 'positive',
24
- negative: 'negative'
25
- })
26
- },
27
- example: props => /*#__PURE__*/_jsx(TextInput, _objectSpread({
28
- inputNode: /*#__PURE__*/_jsx(NativeTextArea, {})
29
- }, props))
30
- });
@@ -1,83 +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 { RadioCell } from '../RadioCell';
10
- import { jsx as _jsx } from "react/jsx-runtime";
11
- figma.connect(RadioCell, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/%E2%9C%A8-CDS-Components?node-id=54927-2624', {
12
- imports: ["import { RadioCell } from '@coinbase/cds-web/controls/RadioCell'"],
13
- props: {
14
- title: figma.string('title text'),
15
- description: figma.boolean('description', {
16
- true: figma.string('description text'),
17
- false: undefined
18
- })
19
- },
20
- example: _ref => {
21
- let props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
22
- return /*#__PURE__*/_jsx(RadioCell, _objectSpread({}, props));
23
- }
24
- });
25
- figma.connect(RadioCell, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/%E2%9C%A8-CDS-Components?node-id=54927-2624', {
26
- imports: ["import { RadioCell } from '@coinbase/cds-web/controls/RadioCell'"],
27
- variant: {
28
- selected: true
29
- },
30
- props: {
31
- title: figma.string('title text'),
32
- description: figma.boolean('description', {
33
- true: figma.string('description text'),
34
- false: undefined
35
- })
36
- },
37
- example: _ref2 => {
38
- let props = _extends({}, (_objectDestructuringEmpty(_ref2), _ref2));
39
- return /*#__PURE__*/_jsx(RadioCell, _objectSpread({
40
- checked: true
41
- }, props));
42
- }
43
- });
44
- figma.connect(RadioCell, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/%E2%9C%A8-CDS-Components?node-id=54927-2624', {
45
- imports: ["import { RadioCell } from '@coinbase/cds-web/controls/RadioCell'"],
46
- variant: {
47
- state: 'disabled'
48
- },
49
- props: {
50
- title: figma.string('title text'),
51
- description: figma.boolean('description', {
52
- true: figma.string('description text'),
53
- false: undefined
54
- })
55
- },
56
- example: _ref3 => {
57
- let props = _extends({}, (_objectDestructuringEmpty(_ref3), _ref3));
58
- return /*#__PURE__*/_jsx(RadioCell, _objectSpread({
59
- disabled: true
60
- }, props));
61
- }
62
- });
63
- figma.connect(RadioCell, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/%E2%9C%A8-CDS-Components?node-id=54927-2624', {
64
- imports: ["import { RadioCell } from '@coinbase/cds-web/controls/RadioCell'"],
65
- variant: {
66
- state: 'disabled',
67
- selected: true
68
- },
69
- props: {
70
- title: figma.string('title text'),
71
- description: figma.boolean('description', {
72
- true: figma.string('description text'),
73
- false: undefined
74
- })
75
- },
76
- example: _ref4 => {
77
- let props = _extends({}, (_objectDestructuringEmpty(_ref4), _ref4));
78
- return /*#__PURE__*/_jsx(RadioCell, _objectSpread({
79
- checked: true,
80
- disabled: true
81
- }, props));
82
- }
83
- });
@@ -1,47 +0,0 @@
1
- import { useState } from 'react';
2
- import { figma } from '@figma/code-connect';
3
- import { ControlGroup } from '../ControlGroup';
4
- import { Radio } from '../Radio';
5
- import { RadioGroup } from '../RadioGroup';
6
- import { jsx as _jsx } from "react/jsx-runtime";
7
- figma.connect(RadioGroup, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=355-14414&m=dev', {
8
- imports: ["import { ControlGroup } from '@coinbase/cds-web/controls/ControlGroup'", "import { Radio } from '@coinbase/cds-web/controls/Radio'"],
9
- props: {
10
- options: figma.enum('quantity', {
11
- '1': [{
12
- value: '1',
13
- children: 'Label'
14
- }],
15
- '2': [{
16
- value: '2',
17
- children: 'Label'
18
- }],
19
- '3': [{
20
- value: '3',
21
- children: 'Label'
22
- }],
23
- '4': [{
24
- value: '4',
25
- children: 'Label'
26
- }],
27
- '5': [{
28
- value: '5',
29
- children: 'Label'
30
- }]
31
- })
32
- },
33
- example: function Example(_ref) {
34
- let {
35
- options
36
- } = _ref;
37
- const [value, setValue] = useState('1');
38
- const onChange = e => setValue(e.target.value);
39
- return /*#__PURE__*/_jsx(ControlGroup, {
40
- ControlComponent: Radio,
41
- onChange: onChange,
42
- options: options,
43
- role: "radiogroup",
44
- value: value
45
- });
46
- }
47
- });
@@ -1,44 +0,0 @@
1
- const _excluded = ["text"];
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 { SearchInput } from '../SearchInput';
11
- import { jsx as _jsx } from "react/jsx-runtime";
12
- figma.connect(SearchInput, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=67-767&m=dev', {
13
- imports: ["import { SearchInput } from '@coinbase/cds-web/controls/SearchInput'"],
14
- props: {
15
- // state: figma.enum('state', {
16
- // active: 'active',
17
- // focus: 'focus',
18
- // typing: 'typing',
19
- // }),
20
- compact: figma.boolean('compact'),
21
- disabled: figma.boolean('disabled'),
22
- text: figma.nestedProps('string.search input', {
23
- placeholder: figma.enum('Ready-made', {
24
- Custom: figma.string('string'),
25
- 'Retail search': figma.textContent('search-input-label'),
26
- 'Retail send': figma.textContent('search-input-label'),
27
- 'Web3 search': figma.textContent('search-input-label'),
28
- 'Wallet search': figma.textContent('search-input-label'),
29
- 'Wallet send': figma.textContent('search-input-label')
30
- })
31
- })
32
- },
33
- example: _ref => {
34
- let {
35
- text
36
- } = _ref,
37
- props = _objectWithoutProperties(_ref, _excluded);
38
- return /*#__PURE__*/_jsx(SearchInput, _objectSpread({
39
- onChangeText: () => {},
40
- placeholder: text.placeholder,
41
- value: ""
42
- }, props));
43
- }
44
- });
@@ -1,38 +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 { SelectOption } from '../SelectOption';
8
- import { jsx as _jsx } from "react/jsx-runtime";
9
- figma.connect(SelectOption, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=244-11050&m=dev', {
10
- imports: ["import { SelectOption } from '@coinbase/cds-web/controls'"],
11
- props: {
12
- disabled: figma.boolean('disabled'),
13
- compact: figma.boolean('compact'),
14
- media: figma.boolean('show media', {
15
- true: figma.instance('media'),
16
- false: undefined
17
- }),
18
- title: figma.boolean('show title', {
19
- true: figma.string('title string'),
20
- false: undefined
21
- }),
22
- description: figma.boolean('show description', {
23
- true: figma.string('description string'),
24
- false: undefined
25
- }),
26
- detail: figma.boolean('show detail', {
27
- true: 'Detail',
28
- false: undefined
29
- }),
30
- accessory: figma.boolean('show accessory', {
31
- true: figma.instance('accessory'),
32
- false: undefined
33
- })
34
- },
35
- example: props => /*#__PURE__*/_jsx(SelectOption, _objectSpread({
36
- value: ""
37
- }, props))
38
- });
@@ -1,20 +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 { Switch } from '../Switch';
8
- import { jsx as _jsx } from "react/jsx-runtime";
9
- figma.connect(Switch, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=155%3A9924', {
10
- imports: ["import { Switch } from '@coinbase/cds-web/controls/Switch'"],
11
- props: {
12
- children: figma.boolean('show label', {
13
- true: figma.string('↳ label'),
14
- false: undefined
15
- }),
16
- checked: figma.boolean('checked'),
17
- disabled: figma.boolean('disabled')
18
- },
19
- example: props => /*#__PURE__*/_jsx(Switch, _objectSpread({}, props))
20
- });
@@ -1,130 +0,0 @@
1
- const _excluded = ["placeholder"],
2
- _excluded2 = ["placeholder", "endIcon"];
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 { HStack } from '../../layout';
12
- import { Link } from '../../typography';
13
- import { TextInput } from '../TextInput';
14
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
15
- figma.connect(TextInput, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=252%3A16679', {
16
- imports: ["import { TextInput } from '@coinbase/cds-web/controls/TextInput'"],
17
- props: {
18
- align: figma.boolean('right align text', {
19
- true: 'end',
20
- false: undefined
21
- }),
22
- disabled: figma.boolean('disabled'),
23
- compact: figma.boolean('compact'),
24
- label: figma.boolean('show label', {
25
- true: figma.string('↳ label string'),
26
- false: undefined
27
- }),
28
- labelVariant: figma.enum('label inside', {
29
- inside: 'inside',
30
- outside: 'outside'
31
- }),
32
- start: figma.boolean('show start', {
33
- true: figma.instance('↳ start icon'),
34
- false: undefined
35
- }),
36
- end: figma.boolean('show end', {
37
- true: figma.boolean('↳ show end icon', {
38
- true: figma.instance('↳ end icon'),
39
- false: undefined
40
- }),
41
- false: undefined
42
- }),
43
- helperText: figma.boolean('show helper text', {
44
- true: 'Assistive message',
45
- false: undefined
46
- }),
47
- placeholder: figma.nestedProps('string.text input', {
48
- text: figma.enum('Ready-made', {
49
- Custom: figma.string('string'),
50
- Email: figma.textContent('text-input-label'),
51
- Password: figma.textContent('text-input-label'),
52
- 'Legal name': figma.textContent('text-input-label')
53
- })
54
- }),
55
- variant: figma.enum('state', {
56
- positive: 'positive',
57
- negative: 'negative'
58
- })
59
- },
60
- example: _ref => {
61
- let {
62
- placeholder
63
- } = _ref,
64
- props = _objectWithoutProperties(_ref, _excluded);
65
- return /*#__PURE__*/_jsx(TextInput, _objectSpread({
66
- placeholder: placeholder.text
67
- }, props));
68
- }
69
- });
70
- figma.connect(TextInput, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=252%3A16679', {
71
- imports: ["import { TextInput } from '@coinbase/cds-web/controls/TextInput'"],
72
- variant: {
73
- 'show end': true,
74
- '↳ show suffix': true
75
- },
76
- props: {
77
- align: figma.boolean('right align text', {
78
- true: 'end',
79
- false: undefined
80
- }),
81
- disabled: figma.boolean('disabled'),
82
- compact: figma.boolean('compact'),
83
- label: figma.boolean('show label', {
84
- true: figma.string('↳ label string'),
85
- false: undefined
86
- }),
87
- labelVariant: figma.boolean('label inside', {
88
- true: 'inside',
89
- false: 'outside'
90
- }),
91
- start: figma.boolean('show start', {
92
- true: figma.instance('↳ start icon'),
93
- false: undefined
94
- }),
95
- endIcon: figma.instance('↳ end icon'),
96
- helperText: figma.boolean('show helper text', {
97
- true: 'Assistive message',
98
- false: undefined
99
- }),
100
- placeholder: figma.nestedProps('string.text input', {
101
- text: figma.enum('Ready-made', {
102
- Custom: figma.string('string'),
103
- Email: figma.textContent('text-input-label'),
104
- Password: figma.textContent('text-input-label'),
105
- 'Legal name': figma.textContent('text-input-label')
106
- })
107
- }),
108
- variant: figma.enum('state', {
109
- positive: 'positive',
110
- negative: 'negative'
111
- })
112
- },
113
- example: _ref2 => {
114
- let {
115
- placeholder,
116
- endIcon
117
- } = _ref2,
118
- props = _objectWithoutProperties(_ref2, _excluded2);
119
- return /*#__PURE__*/_jsx(TextInput, _objectSpread({
120
- end: /*#__PURE__*/_jsxs(HStack, {
121
- children: [/*#__PURE__*/_jsx(Link, {
122
- color: "fgPrimary",
123
- onClick: () => {},
124
- children: "copy"
125
- }), endIcon]
126
- }),
127
- placeholder: placeholder.text
128
- }, props));
129
- }
130
- });
@@ -1,46 +0,0 @@
1
- const _excluded = ["helperText"];
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 { useState } from 'react';
10
- import { figma } from '@figma/code-connect';
11
- import { DatePicker } from '../DatePicker';
12
- import { jsx as _jsx } from "react/jsx-runtime";
13
- figma.connect(DatePicker, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=14743-53206&m=dev', {
14
- imports: ["import { DatePicker } from '@coinbase/cds-web/dates/DatePicker'"],
15
- props: {
16
- disabled: figma.boolean('disabled'),
17
- compact: figma.boolean('compact'),
18
- label: figma.string('label'),
19
- helperText: figma.nestedProps('.assistive text', {
20
- string: figma.textContent('Assistive text')
21
- })
22
- },
23
- example: function Example(_ref) {
24
- let {
25
- helperText
26
- } = _ref,
27
- props = _objectWithoutProperties(_ref, _excluded);
28
- const [date, setDate] = useState(null);
29
- const [error, setError] = useState(null);
30
- // @ts-expect-error not typed
31
- const handleChangeDate = date => {
32
- setDate(date);
33
- };
34
- // @ts-expect-error not typed
35
- const handleErrorDate = error => {
36
- setError(error);
37
- };
38
- return /*#__PURE__*/_jsx(DatePicker, _objectSpread({
39
- date: date,
40
- error: error,
41
- helperText: helperText.string,
42
- onChangeDate: handleChangeDate,
43
- onErrorDate: handleErrorDate
44
- }, props));
45
- }
46
- });
@@ -1,19 +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 { DotCount } from '../DotCount';
8
- import { jsx as _jsx } from "react/jsx-runtime";
9
- figma.connect(DotCount, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=155%3A11976', {
10
- imports: ["import { DotCount } from '@coinbase/cds-web/dots/DotCount'"],
11
- props: {
12
- count: figma.enum('type', {
13
- 'single digit': 1,
14
- '2 digits': 12,
15
- '3+ digits': 123
16
- })
17
- },
18
- example: props => /*#__PURE__*/_jsx(DotCount, _objectSpread({}, props))
19
- });
@@ -1,27 +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 { DotStatusColor } from '../DotStatusColor';
9
- import { jsx as _jsx } from "react/jsx-runtime";
10
- figma.connect(DotStatusColor, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=155%3A11983', {
11
- imports: ["import { DotStatusColor } from '@coinbase/cds-web/dots/DotStatusColor'"],
12
- props: {
13
- variant: figma.enum('variant', {
14
- positive: 'positive',
15
- negative: 'negative',
16
- primary: 'primary',
17
- foregroundMuted: 'foregroundMuted'
18
- }),
19
- size: figma.enum('size', {
20
- l: 'l',
21
- m: 'm',
22
- s: 's',
23
- xs: 'xs'
24
- })
25
- },
26
- example: props => /*#__PURE__*/_jsx(DotStatusColor, _objectSpread({}, props))
27
- });
@@ -1,49 +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 { DotSymbol } from '../DotSymbol';
11
- import { jsx as _jsx } from "react/jsx-runtime";
12
- figma.connect(DotSymbol, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=155%3A12033', {
13
- imports: ["import { DotSymbol } from'@coinbase/cds-web/dots/DotSymbol'"],
14
- props: {
15
- children: figma.enum('symbol size', {
16
- l: figma.instance('48 media'),
17
- m: figma.instance('32 media'),
18
- s: figma.instance('32 media'),
19
- xs: figma.instance('24 media')
20
- }),
21
- symbol: figma.enum('symbol size', {
22
- l: figma.instance('l dot'),
23
- m: figma.instance('m dot'),
24
- s: figma.instance('s dot'),
25
- xs: figma.instance('xs dot')
26
- }),
27
- pin: figma.enum('pin', {
28
- 'bottom-end': 'bottom-end',
29
- 'bottom-start': 'bottom-start',
30
- 'top-start': 'top-start',
31
- 'top-end': 'top-end'
32
- }),
33
- size: figma.enum('symbol size', {
34
- l: 'l',
35
- m: 'm',
36
- s: 's',
37
- xs: 'xs'
38
- })
39
- },
40
- example: _ref => {
41
- let {
42
- children
43
- } = _ref,
44
- props = _objectWithoutProperties(_ref, _excluded);
45
- return /*#__PURE__*/_jsx(DotSymbol, _objectSpread(_objectSpread({}, props), {}, {
46
- children: children
47
- }));
48
- }
49
- });
@@ -1,20 +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 { Button } from '../../buttons/Button';
8
- import { Dropdown } from '../Dropdown';
9
- import { jsx as _jsx } from "react/jsx-runtime";
10
- figma.connect(Dropdown, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=696-13841&m=dev', {
11
- imports: ["import { Dropdown } from '@coinbase/cds-web/dropdown'", "import {Button} from '@coinbase/cds-web/buttons/Button'"],
12
- props: {
13
- content: figma.children('*')
14
- },
15
- example: props => /*#__PURE__*/_jsx(Dropdown, _objectSpread(_objectSpread({}, props), {}, {
16
- children: /*#__PURE__*/_jsx(Button, {
17
- children: "Button"
18
- })
19
- }))
20
- });