@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,108 +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 '../../sparkline-interactive/SparklineInteractive';
9
- import { SparklineInteractiveHeader } from '../SparklineInteractiveHeader';
10
- import { jsx as _jsx } from "react/jsx-runtime";
11
- figma.connect(SparklineInteractiveHeader, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=320-14931&m=dev', {
12
- imports: ["import { SparklineInteractiveHeader } from '@coinbase/cds-web/visualizations/sparkline'", "import { SparklineInteractive } from '@coinbase/cds-web/visualizations/sparkline'"],
13
- props: {
14
- compact: figma.boolean('compact'),
15
- disableScrubbing: figma.boolean('scrubbing', {
16
- false: true,
17
- true: false
18
- })
19
- },
20
- example: props => {
21
- const periods = [{
22
- label: '1H',
23
- value: 'hour'
24
- }, {
25
- label: '1D',
26
- value: 'day'
27
- }, {
28
- label: '1W',
29
- value: 'week'
30
- }, {
31
- label: '1M',
32
- value: 'month'
33
- }, {
34
- label: '1Y',
35
- value: 'year'
36
- }, {
37
- label: 'All',
38
- value: 'all'
39
- }];
40
- const data = {
41
- hour: [],
42
- day: [{
43
- value: 49259.38,
44
- date: new Date('2021-12-05T04:00:00.000Z')
45
- }, {
46
- value: 49163.79,
47
- date: new Date('2021-12-05T04:05:00.000Z')
48
- }, {
49
- value: 49146.66,
50
- date: new Date('2021-12-05T04:10:00.000Z')
51
- }, {
52
- value: 49083.92,
53
- date: new Date('2021-12-05T04:15:00.000Z')
54
- }, {
55
- value: 49115.3,
56
- date: new Date('2021-12-05T04:20:00.000Z')
57
- }, {
58
- value: 48992.14,
59
- date: new Date('2021-12-05T04:25:00.000Z')
60
- }, {
61
- value: 49075.75,
62
- date: new Date('2021-12-05T04:30:00.000Z')
63
- }, {
64
- value: 49025.78,
65
- date: new Date('2021-12-05T04:35:00.000Z')
66
- }, {
67
- value: 49066.23,
68
- date: new Date('2021-12-05T04:40:00.000Z')
69
- }, {
70
- value: 49247.82,
71
- date: new Date('2021-12-05T04:45:00.000Z')
72
- }],
73
- week: [],
74
- month: [],
75
- year: [],
76
- all: []
77
- };
78
- const defaultSubHead = {
79
- percent: '1.35%',
80
- sign: 'upwardTrend',
81
- variant: 'positive',
82
- accessibilityLabel: 'on Sunday, December 5, 2021 at 10:55 PM, up',
83
- priceChange: '$21.36'
84
- };
85
- const header = /*#__PURE__*/_jsx(SparklineInteractiveHeader, {
86
- defaultLabel: "Portfolio balance"
87
- // @ts-expect-error: defaultSubHead is not part of the type definition
88
- ,
89
- defaultSubHead: defaultSubHead,
90
- defaultTitle: "$10,023.82"
91
- });
92
- return /*#__PURE__*/_jsx(SparklineInteractive, _objectSpread({
93
- data: data,
94
- defaultPeriod: "day",
95
- formatDate: date => date.toLocaleString('en-US', {
96
- timeZone: 'America/New_York',
97
- hour: 'numeric',
98
- minute: 'numeric'
99
- }),
100
- headerNode: header,
101
- onPeriodChanged: () => {},
102
- onScrub: () => {},
103
- onScrubEnd: () => {},
104
- periods: periods,
105
- strokeColor: "#cb51bb"
106
- }, props));
107
- }
108
- });