@coinbase/cds-mobile 9.1.3 → 9.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (242) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/dts/alpha/index.d.ts +1 -0
  3. package/dts/alpha/index.d.ts.map +1 -1
  4. package/dts/alpha/select/DefaultSelectControl.d.ts +9 -9
  5. package/dts/alpha/select/DefaultSelectControl.d.ts.map +1 -1
  6. package/dts/alpha/select/Select.d.ts.map +1 -1
  7. package/dts/alpha/select/types.d.ts +25 -8
  8. package/dts/alpha/select/types.d.ts.map +1 -1
  9. package/dts/alpha/tabbed-chips/index.d.ts +2 -0
  10. package/dts/alpha/tabbed-chips/index.d.ts.map +1 -0
  11. package/dts/visualizations/chart/bar/PercentageBarChart.d.ts +2 -2
  12. package/esm/alpha/index.js +2 -1
  13. package/esm/alpha/select/DefaultSelectControl.js +34 -17
  14. package/esm/alpha/select/Select.js +59 -47
  15. package/esm/alpha/tabbed-chips/index.js +1 -0
  16. package/esm/system/__stories__/componentConfigStickerSheet/customComponentConfig.js +17 -11
  17. package/esm/system/__stories__/componentConfigStickerSheet/examples/Select.js +7 -0
  18. package/package.json +7 -3
  19. package/dts/accordion/__figma__/Accordion.figma.d.ts +0 -2
  20. package/dts/accordion/__figma__/Accordion.figma.d.ts.map +0 -1
  21. package/dts/alpha/__figma__/Select.figma.d.ts +0 -2
  22. package/dts/alpha/__figma__/Select.figma.d.ts.map +0 -1
  23. package/dts/alpha/data-card/__figma__/DataCard.figma.d.ts +0 -2
  24. package/dts/alpha/data-card/__figma__/DataCard.figma.d.ts.map +0 -1
  25. package/dts/buttons/__figma__/AvatarButton.figma.d.ts +0 -2
  26. package/dts/buttons/__figma__/AvatarButton.figma.d.ts.map +0 -1
  27. package/dts/buttons/__figma__/Button.figma.d.ts +0 -2
  28. package/dts/buttons/__figma__/Button.figma.d.ts.map +0 -1
  29. package/dts/buttons/__figma__/ButtonGroup.figma.d.ts +0 -2
  30. package/dts/buttons/__figma__/ButtonGroup.figma.d.ts.map +0 -1
  31. package/dts/buttons/__figma__/IconButton.figma.d.ts +0 -2
  32. package/dts/buttons/__figma__/IconButton.figma.d.ts.map +0 -1
  33. package/dts/buttons/__figma__/SlideButton.figma.d.ts +0 -2
  34. package/dts/buttons/__figma__/SlideButton.figma.d.ts.map +0 -1
  35. package/dts/cards/ContentCard/__figma__/ContentCard.figma.d.ts +0 -2
  36. package/dts/cards/ContentCard/__figma__/ContentCard.figma.d.ts.map +0 -1
  37. package/dts/cards/MediaCard/__figma__/MediaCard.figma.d.ts +0 -2
  38. package/dts/cards/MediaCard/__figma__/MediaCard.figma.d.ts.map +0 -1
  39. package/dts/cards/MessagingCard/__figma__/MessagingCard.figma.d.ts +0 -2
  40. package/dts/cards/MessagingCard/__figma__/MessagingCard.figma.d.ts.map +0 -1
  41. package/dts/cards/__figma__/AnnouncementCard.figma.d.ts +0 -2
  42. package/dts/cards/__figma__/AnnouncementCard.figma.d.ts.map +0 -1
  43. package/dts/cards/__figma__/ContainedAssetCard.figma.d.ts +0 -2
  44. package/dts/cards/__figma__/ContainedAssetCard.figma.d.ts.map +0 -1
  45. package/dts/cards/__figma__/FloatingAssetCard.figma.d.ts +0 -2
  46. package/dts/cards/__figma__/FloatingAssetCard.figma.d.ts.map +0 -1
  47. package/dts/cards/__figma__/NudgeCard.figma.d.ts +0 -2
  48. package/dts/cards/__figma__/NudgeCard.figma.d.ts.map +0 -1
  49. package/dts/cards/__figma__/UpsellCard.figma.d.ts +0 -2
  50. package/dts/cards/__figma__/UpsellCard.figma.d.ts.map +0 -1
  51. package/dts/carousel/__figma__/Carousel.figma.d.ts +0 -2
  52. package/dts/carousel/__figma__/Carousel.figma.d.ts.map +0 -1
  53. package/dts/cells/__figma__/ContentCell.figma.d.ts +0 -2
  54. package/dts/cells/__figma__/ContentCell.figma.d.ts.map +0 -1
  55. package/dts/cells/__figma__/ListCell.figma.d.ts +0 -2
  56. package/dts/cells/__figma__/ListCell.figma.d.ts.map +0 -1
  57. package/dts/chips/__figma__/InputChip.figma.d.ts +0 -2
  58. package/dts/chips/__figma__/InputChip.figma.d.ts.map +0 -1
  59. package/dts/chips/__figma__/SelectChip.figma.d.ts +0 -2
  60. package/dts/chips/__figma__/SelectChip.figma.d.ts.map +0 -1
  61. package/dts/chips/__figma__/TabbedChips.figma.d.ts +0 -2
  62. package/dts/chips/__figma__/TabbedChips.figma.d.ts.map +0 -1
  63. package/dts/coachmark/__figma__/Coachmark.figma.d.ts +0 -2
  64. package/dts/coachmark/__figma__/Coachmark.figma.d.ts.map +0 -1
  65. package/dts/controls/__figma__/Checkbox.figma.d.ts +0 -2
  66. package/dts/controls/__figma__/Checkbox.figma.d.ts.map +0 -1
  67. package/dts/controls/__figma__/CheckboxCell.figma.d.ts +0 -2
  68. package/dts/controls/__figma__/CheckboxCell.figma.d.ts.map +0 -1
  69. package/dts/controls/__figma__/CheckboxGroup.figma.d.ts +0 -2
  70. package/dts/controls/__figma__/CheckboxGroup.figma.d.ts.map +0 -1
  71. package/dts/controls/__figma__/RadioCell.figma.d.ts +0 -2
  72. package/dts/controls/__figma__/RadioCell.figma.d.ts.map +0 -1
  73. package/dts/controls/__figma__/RadioGroup.figma.d.ts +0 -2
  74. package/dts/controls/__figma__/RadioGroup.figma.d.ts.map +0 -1
  75. package/dts/controls/__figma__/SearchInput.figma.d.ts +0 -2
  76. package/dts/controls/__figma__/SearchInput.figma.d.ts.map +0 -1
  77. package/dts/controls/__figma__/SelectOption.figma.d.ts +0 -2
  78. package/dts/controls/__figma__/SelectOption.figma.d.ts.map +0 -1
  79. package/dts/controls/__figma__/Switch.figma.d.ts +0 -2
  80. package/dts/controls/__figma__/Switch.figma.d.ts.map +0 -1
  81. package/dts/controls/__figma__/TextInput.figma.d.ts +0 -2
  82. package/dts/controls/__figma__/TextInput.figma.d.ts.map +0 -1
  83. package/dts/dates/__figma__/DatePicker.figma.d.ts +0 -2
  84. package/dts/dates/__figma__/DatePicker.figma.d.ts.map +0 -1
  85. package/dts/dots/__figma__/DotCount.figma.d.ts +0 -2
  86. package/dts/dots/__figma__/DotCount.figma.d.ts.map +0 -1
  87. package/dts/dots/__figma__/DotStatusColor.figma.d.ts +0 -2
  88. package/dts/dots/__figma__/DotStatusColor.figma.d.ts.map +0 -1
  89. package/dts/dots/__figma__/DotSymbol.figma.d.ts +0 -2
  90. package/dts/dots/__figma__/DotSymbol.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__/BrowserBar.figma.d.ts +0 -2
  120. package/dts/navigation/__figma__/BrowserBar.figma.d.ts.map +0 -1
  121. package/dts/navigation/__figma__/TopNavBar.figma.d.ts +0 -2
  122. package/dts/navigation/__figma__/TopNavBar.figma.d.ts.map +0 -1
  123. package/dts/numpad/__figma__/Numpad.figma.d.ts +0 -2
  124. package/dts/numpad/__figma__/Numpad.figma.d.ts.map +0 -1
  125. package/dts/overlays/__figma__/Alert.figma.d.ts +0 -2
  126. package/dts/overlays/__figma__/Alert.figma.d.ts.map +0 -1
  127. package/dts/overlays/__figma__/Toast.figma.d.ts +0 -2
  128. package/dts/overlays/__figma__/Toast.figma.d.ts.map +0 -1
  129. package/dts/overlays/modal/__figma__/Modal.figma.d.ts +0 -2
  130. package/dts/overlays/modal/__figma__/Modal.figma.d.ts.map +0 -1
  131. package/dts/overlays/tooltip/__figma__/Tooltip.figma.d.ts +0 -2
  132. package/dts/overlays/tooltip/__figma__/Tooltip.figma.d.ts.map +0 -1
  133. package/dts/overlays/tray/__figma__/Tray.figma.d.ts +0 -2
  134. package/dts/overlays/tray/__figma__/Tray.figma.d.ts.map +0 -1
  135. package/dts/page/__figma__/PageFooter.figma.d.ts +0 -2
  136. package/dts/page/__figma__/PageFooter.figma.d.ts.map +0 -1
  137. package/dts/page/__figma__/PageHeader.figma.d.ts +0 -2
  138. package/dts/page/__figma__/PageHeader.figma.d.ts.map +0 -1
  139. package/dts/perf/component-config/Button.component-config.perf-test.d.ts +0 -2
  140. package/dts/perf/component-config/Button.component-config.perf-test.d.ts.map +0 -1
  141. package/dts/perf/component-config/ComponentConfigProvider.perf-test.d.ts +0 -2
  142. package/dts/perf/component-config/ComponentConfigProvider.perf-test.d.ts.map +0 -1
  143. package/dts/perf/component-config/ComponentConfigStickerSheet.perf-test.d.ts +0 -2
  144. package/dts/perf/component-config/ComponentConfigStickerSheet.perf-test.d.ts.map +0 -1
  145. package/dts/section-header/__figma__/SectionHeader.figma.d.ts +0 -2
  146. package/dts/section-header/__figma__/SectionHeader.figma.d.ts.map +0 -1
  147. package/dts/sticky-footer/__figma__/StickyFooter.figma.d.ts +0 -2
  148. package/dts/sticky-footer/__figma__/StickyFooter.figma.d.ts.map +0 -1
  149. package/dts/tabs/__figma__/SegmentedTabs.figma.d.ts +0 -2
  150. package/dts/tabs/__figma__/SegmentedTabs.figma.d.ts.map +0 -1
  151. package/dts/tabs/__figma__/TabNavigation.figma.d.ts +0 -2
  152. package/dts/tabs/__figma__/TabNavigation.figma.d.ts.map +0 -1
  153. package/dts/tag/__figma__/Tag.figma.d.ts +0 -2
  154. package/dts/tag/__figma__/Tag.figma.d.ts.map +0 -1
  155. package/dts/typography/__figma__/Link.figma.d.ts +0 -2
  156. package/dts/typography/__figma__/Link.figma.d.ts.map +0 -1
  157. package/dts/visualizations/__figma__/ProgressBar.figma.d.ts +0 -2
  158. package/dts/visualizations/__figma__/ProgressBar.figma.d.ts.map +0 -1
  159. package/dts/visualizations/__figma__/ProgressCircle.figma.d.ts +0 -2
  160. package/dts/visualizations/__figma__/ProgressCircle.figma.d.ts.map +0 -1
  161. package/dts/visualizations/sparkline/__figma__/Sparkline.figma.d.ts +0 -2
  162. package/dts/visualizations/sparkline/__figma__/Sparkline.figma.d.ts.map +0 -1
  163. package/dts/visualizations/sparkline/sparkline-interactive/__figma__/SparklineInteractive.figma.d.ts +0 -2
  164. package/dts/visualizations/sparkline/sparkline-interactive/__figma__/SparklineInteractive.figma.d.ts.map +0 -1
  165. package/dts/visualizations/sparkline/sparkline-interactive-header/__figma__/SparklineInteractiveHeader.figma.d.ts +0 -2
  166. package/dts/visualizations/sparkline/sparkline-interactive-header/__figma__/SparklineInteractiveHeader.figma.d.ts.map +0 -1
  167. package/esm/accordion/__figma__/Accordion.figma.js +0 -42
  168. package/esm/alpha/__figma__/Select.figma.js +0 -63
  169. package/esm/alpha/data-card/__figma__/DataCard.figma.js +0 -29
  170. package/esm/buttons/__figma__/AvatarButton.figma.js +0 -25
  171. package/esm/buttons/__figma__/Button.figma.js +0 -65
  172. package/esm/buttons/__figma__/ButtonGroup.figma.js +0 -48
  173. package/esm/buttons/__figma__/IconButton.figma.js +0 -29
  174. package/esm/buttons/__figma__/SlideButton.figma.js +0 -27
  175. package/esm/cards/ContentCard/__figma__/ContentCard.figma.js +0 -35
  176. package/esm/cards/MediaCard/__figma__/MediaCard.figma.js +0 -46
  177. package/esm/cards/MessagingCard/__figma__/MessagingCard.figma.js +0 -38
  178. package/esm/cards/__figma__/AnnouncementCard.figma.js +0 -19
  179. package/esm/cards/__figma__/ContainedAssetCard.figma.js +0 -39
  180. package/esm/cards/__figma__/FloatingAssetCard.figma.js +0 -30
  181. package/esm/cards/__figma__/NudgeCard.figma.js +0 -54
  182. package/esm/cards/__figma__/UpsellCard.figma.js +0 -48
  183. package/esm/carousel/__figma__/Carousel.figma.js +0 -36
  184. package/esm/cells/__figma__/ContentCell.figma.js +0 -35
  185. package/esm/cells/__figma__/ListCell.figma.js +0 -74
  186. package/esm/chips/__figma__/InputChip.figma.js +0 -27
  187. package/esm/chips/__figma__/SelectChip.figma.js +0 -38
  188. package/esm/chips/__figma__/TabbedChips.figma.js +0 -55
  189. package/esm/coachmark/__figma__/Coachmark.figma.js +0 -41
  190. package/esm/controls/__figma__/Checkbox.figma.js +0 -27
  191. package/esm/controls/__figma__/CheckboxCell.figma.js +0 -38
  192. package/esm/controls/__figma__/CheckboxGroup.figma.js +0 -23
  193. package/esm/controls/__figma__/RadioCell.figma.js +0 -78
  194. package/esm/controls/__figma__/RadioGroup.figma.js +0 -47
  195. package/esm/controls/__figma__/SearchInput.figma.js +0 -35
  196. package/esm/controls/__figma__/SelectOption.figma.js +0 -35
  197. package/esm/controls/__figma__/Switch.figma.js +0 -16
  198. package/esm/controls/__figma__/TextInput.figma.js +0 -125
  199. package/esm/dates/__figma__/DatePicker.figma.js +0 -43
  200. package/esm/dots/__figma__/DotCount.figma.js +0 -16
  201. package/esm/dots/__figma__/DotStatusColor.figma.js +0 -23
  202. package/esm/dots/__figma__/DotSymbol.figma.js +0 -45
  203. package/esm/icons/__figma__/Icon.figma.js +0 -3906
  204. package/esm/icons/__figma__/LogoMark.figma.js +0 -20
  205. package/esm/icons/__figma__/LogoWordmark.figma.js +0 -32
  206. package/esm/icons/__figma__/SubBrandLogoMark.figma.js +0 -47
  207. package/esm/icons/__figma__/SubBrandLogoWordmark.figma.js +0 -48
  208. package/esm/illustrations/__figma__/HeroSquare.figma.js +0 -2104
  209. package/esm/illustrations/__figma__/Pictogram.figma.js +0 -1774
  210. package/esm/illustrations/__figma__/SpotIcon.figma.js +0 -340
  211. package/esm/illustrations/__figma__/SpotRectangle.figma.js +0 -1102
  212. package/esm/illustrations/__figma__/SpotSquare.figma.js +0 -1192
  213. package/esm/jest.d.js +0 -12
  214. package/esm/layout/__figma__/Divider.figma.js +0 -27
  215. package/esm/layout/__figma__/Fallback.figma.js +0 -21
  216. package/esm/media/__figma__/Avatar.figma.js +0 -56
  217. package/esm/multi-content-module/__figma__/MultiContentModule.figma.js +0 -31
  218. package/esm/navigation/__figma__/BrowserBar.figma.js +0 -58
  219. package/esm/navigation/__figma__/TopNavBar.figma.js +0 -319
  220. package/esm/numpad/__figma__/Numpad.figma.js +0 -63
  221. package/esm/overlays/__figma__/Alert.figma.js +0 -32
  222. package/esm/overlays/__figma__/Toast.figma.js +0 -51
  223. package/esm/overlays/modal/__figma__/Modal.figma.js +0 -74
  224. package/esm/overlays/tooltip/__figma__/Tooltip.figma.js +0 -92
  225. package/esm/overlays/tray/__figma__/Tray.figma.js +0 -220
  226. package/esm/page/__figma__/PageFooter.figma.js +0 -61
  227. package/esm/page/__figma__/PageHeader.figma.js +0 -58
  228. package/esm/perf/component-config/Button.component-config.perf-test.js +0 -35
  229. package/esm/perf/component-config/ComponentConfigProvider.perf-test.js +0 -147
  230. package/esm/perf/component-config/ComponentConfigStickerSheet.perf-test.js +0 -326
  231. package/esm/perf/component-config/README.md +0 -8
  232. package/esm/section-header/__figma__/SectionHeader.figma.js +0 -50
  233. package/esm/sticky-footer/__figma__/StickyFooter.figma.js +0 -26
  234. package/esm/tabs/__figma__/SegmentedTabs.figma.js +0 -79
  235. package/esm/tabs/__figma__/TabNavigation.figma.js +0 -83
  236. package/esm/tag/__figma__/Tag.figma.js +0 -86
  237. package/esm/typography/__figma__/Link.figma.js +0 -28
  238. package/esm/visualizations/__figma__/ProgressBar.figma.js +0 -99
  239. package/esm/visualizations/__figma__/ProgressCircle.figma.js +0 -26
  240. package/esm/visualizations/sparkline/__figma__/Sparkline.figma.js +0 -22
  241. package/esm/visualizations/sparkline/sparkline-interactive/__figma__/SparklineInteractive.figma.js +0 -85
  242. package/esm/visualizations/sparkline/sparkline-interactive-header/__figma__/SparklineInteractiveHeader.figma.js +0 -104
@@ -1,54 +0,0 @@
1
- const _excluded = ["action", "title", "description"];
2
- 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); }
3
- 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; }
4
- import { figma } from '@figma/code-connect';
5
- import { NudgeCard } from '../NudgeCard';
6
- import { jsx as _jsx } from "react/jsx-runtime";
7
- figma.connect(NudgeCard, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=10085%3A4433', {
8
- imports: ["import { NudgeCard } from '@coinbase/cds-mobile/cards/NudgeCard'"],
9
- props: {
10
- // onActionPress: figma.boolean('compact', {
11
- // true: undefined,
12
- // false: () => {},
13
- // }),
14
- // onDismissPress: figma.boolean('show dismiss', {
15
- // true: () => {},
16
- // false: undefined,
17
- // }),
18
- description: figma.nestedProps('string.nudge', {
19
- string: figma.enum('Ready-made', {
20
- Custom: figma.string('description'),
21
- 'Earn more': figma.textContent('description')
22
- })
23
- }),
24
- title: figma.nestedProps('string.nudge', {
25
- string: figma.enum('Ready-made', {
26
- Custom: figma.boolean('show title', {
27
- true: figma.string('↳ title'),
28
- false: undefined
29
- }),
30
- 'Earn more': figma.boolean('show title', {
31
- true: figma.textContent('title'),
32
- false: undefined
33
- })
34
- })
35
- }),
36
- media: figma.instance('media'),
37
- action: figma.nestedProps('string.nudge', {
38
- button: figma.children('Button')
39
- })
40
- },
41
- example: _ref => {
42
- let {
43
- action,
44
- title,
45
- description
46
- } = _ref,
47
- props = _objectWithoutPropertiesLoose(_ref, _excluded);
48
- return /*#__PURE__*/_jsx(NudgeCard, _extends({
49
- action: action.button,
50
- description: description.string,
51
- title: title.string
52
- }, props));
53
- }
54
- });
@@ -1,48 +0,0 @@
1
- const _excluded = ["title", "description"];
2
- 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); }
3
- 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; }
4
- import { figma } from '@figma/code-connect';
5
- import { useTheme } from '../../hooks/useTheme';
6
- import { UpsellCard } from '../UpsellCard';
7
- import { jsx as _jsx } from "react/jsx-runtime";
8
- figma.connect(UpsellCard, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=10085%3A6279', {
9
- imports: ["import { useTheme } from '@coinbase/cds-mobile/hooks/useTheme'", "import { UpsellCard } from '@coinbase/cds-mobile/cards/UpsellCard'"],
10
- props: {
11
- media: figma.instance('media'),
12
- title: figma.nestedProps('string.upsell', {
13
- string: figma.enum('Ready-made', {
14
- Custom: figma.boolean('show title', {
15
- true: figma.string('↳ title'),
16
- false: undefined
17
- }),
18
- Quests: figma.boolean('show title', {
19
- true: figma.textContent('title'),
20
- false: undefined
21
- })
22
- })
23
- }),
24
- description: figma.nestedProps('string.upsell', {
25
- string: figma.enum('Ready-made', {
26
- Custom: figma.string('description'),
27
- Quests: figma.textContent('description')
28
- })
29
- }),
30
- action: figma.children('Button')
31
- },
32
- example: function Example(_ref) {
33
- let {
34
- title,
35
- description
36
- } = _ref,
37
- props = _objectWithoutPropertiesLoose(_ref, _excluded);
38
- const theme = useTheme();
39
- const green60 = "rgb" + theme.spectrum.green60;
40
- return /*#__PURE__*/_jsx(UpsellCard, _extends({}, props, {
41
- description: description.string,
42
- style: {
43
- backgroundColor: green60
44
- },
45
- title: title.string
46
- }));
47
- }
48
- });
@@ -1,36 +0,0 @@
1
- import { Carousel, CarouselItem } from '@coinbase/cds-mobile/carousel';
2
- import figma from '@figma/code-connect/react';
3
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
4
- figma.connect(Carousel, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/%E2%9C%A8-CDS-Components?node-id=48671-10433', {
5
- variant: {
6
- platform: 'mobile'
7
- },
8
- imports: ["import { Carousel, CarouselItem } from '@coinbase/cds-mobile/carousel'"],
9
- props: {
10
- title: figma.boolean('show header', {
11
- true: figma.string('title'),
12
- false: undefined
13
- }),
14
- hidePagination: figma.boolean('show pagination', {
15
- true: undefined,
16
- false: true
17
- })
18
- },
19
- example: _ref => {
20
- let {
21
- title,
22
- hidePagination
23
- } = _ref;
24
- return /*#__PURE__*/_jsxs(Carousel, {
25
- hidePagination: hidePagination,
26
- title: title,
27
- children: [/*#__PURE__*/_jsx(CarouselItem, {
28
- id: "1"
29
- }), /*#__PURE__*/_jsx(CarouselItem, {
30
- id: "2"
31
- }), /*#__PURE__*/_jsx(CarouselItem, {
32
- id: "3"
33
- })]
34
- });
35
- }
36
- });
@@ -1,35 +0,0 @@
1
- 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); }
2
- import { figma } from '@figma/code-connect';
3
- import { ContentCell } from '../ContentCell';
4
- import { jsx as _jsx } from "react/jsx-runtime";
5
- figma.connect(ContentCell, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=237-16238&m=dev', {
6
- imports: ["import { ContentCell } from '@coinbase/cds-mobile/cells/ContentCell"],
7
- props: {
8
- selected: figma.enum('state', {
9
- selected: true
10
- }),
11
- disabled: figma.boolean('disabled'),
12
- title: figma.boolean('title', {
13
- true: figma.string('title string'),
14
- false: undefined
15
- }),
16
- subtitle: figma.boolean('show subtitle', {
17
- true: figma.string('subtitle string'),
18
- false: undefined
19
- }),
20
- media: figma.instance('🔄 start'),
21
- meta: figma.boolean('show meta', {
22
- true: figma.string('meta string'),
23
- false: undefined
24
- }),
25
- description: figma.boolean('show description', {
26
- true: figma.string('description string'),
27
- false: undefined
28
- }),
29
- accessory: figma.boolean('show accessory', {
30
- true: 'arrow',
31
- false: undefined
32
- })
33
- },
34
- example: props => /*#__PURE__*/_jsx(ContentCell, _extends({}, props))
35
- });
@@ -1,74 +0,0 @@
1
- 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); }
2
- import { figma } from '@figma/code-connect';
3
- import { ListCell } from '../ListCell';
4
- import { jsx as _jsx } from "react/jsx-runtime";
5
- figma.connect(ListCell, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=236-27897&m=dev', {
6
- imports: ["import { ListCell } from '@coinbase/cds-mobile/cells/ListCell'"],
7
- props: {
8
- selected: figma.enum('state', {
9
- selected: true
10
- }),
11
- disabled: figma.boolean('disabled'),
12
- compact: figma.boolean('compact'),
13
- media: figma.boolean('show media', {
14
- true: figma.instance('media'),
15
- false: undefined
16
- }),
17
- title: figma.boolean('show title', {
18
- true: figma.textContent('Title'),
19
- false: undefined
20
- }),
21
- description: figma.boolean('show description', {
22
- true: figma.textContent('Description'),
23
- false: undefined
24
- }),
25
- action: figma.boolean('show end', {
26
- true: figma.instance('end'),
27
- false: undefined
28
- }),
29
- accessory: figma.boolean('show accessory', {
30
- true: 'more',
31
- false: undefined
32
- })
33
- },
34
- example: props => /*#__PURE__*/_jsx(ListCell, _extends({}, props))
35
- });
36
- figma.connect(ListCell, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=236-28162&m=dev', {
37
- imports: ["import { ListCell } from '@coinbase/cds-mobile/cells/ListCell'"],
38
- props: {
39
- selected: figma.enum('state', {
40
- selected: true
41
- }),
42
- disabled: figma.boolean('disabled'),
43
- compact: figma.boolean('compact'),
44
- media: figma.boolean('show media', {
45
- true: figma.instance('media'),
46
- false: undefined
47
- }),
48
- title: figma.boolean('show title', {
49
- true: figma.textContent('Title'),
50
- false: undefined
51
- }),
52
- description: figma.boolean('show description', {
53
- true: figma.textContent('Description'),
54
- false: undefined
55
- }),
56
- intermediary: figma.boolean('show sparkline', {
57
- true: figma.children('Sparkline'),
58
- false: undefined
59
- }),
60
- detail: figma.boolean('show detail', {
61
- true: figma.string('detail string'),
62
- false: undefined
63
- }),
64
- subdetail: figma.boolean('show subDetail', {
65
- true: figma.string('subDetail string'),
66
- false: undefined
67
- }),
68
- accessory: figma.boolean('show accessory', {
69
- true: 'more',
70
- false: undefined
71
- })
72
- },
73
- example: props => /*#__PURE__*/_jsx(ListCell, _extends({}, props))
74
- });
@@ -1,27 +0,0 @@
1
- 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); }
2
- import { figma } from '@figma/code-connect';
3
- import { InputChip } from '../InputChip';
4
- import { jsx as _jsx } from "react/jsx-runtime";
5
- figma.connect(InputChip, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=10177-5161&m=dev', {
6
- imports: ["import { InputChip } from '@coinbase/cds-mobile/chips/InputChip'"],
7
- props: {
8
- children: figma.textContent('value'),
9
- start: figma.boolean('show start', {
10
- true: figma.instance('start'),
11
- false: undefined
12
- }),
13
- disabled: figma.enum('state', {
14
- disabled: true,
15
- default: false,
16
- focused: false,
17
- hovered: false,
18
- pressed: false
19
- }),
20
- compact: figma.boolean('compact')
21
- // NOTE: The Figma 'show label' property doesn't have a direct mapping.
22
- // To hide the label in React, omit the `children` prop or pass undefined.
23
- },
24
- example: props => /*#__PURE__*/_jsx(InputChip, _extends({
25
- onPress: () => {}
26
- }, props))
27
- });
@@ -1,38 +0,0 @@
1
- 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); }
2
- /* eslint-disable react-hooks/rules-of-hooks */
3
- import React, { useState } from 'react';
4
- import { figma } from '@figma/code-connect';
5
- import { SelectOption } from '../../controls';
6
- import { SelectChip } from '../SelectChip';
7
- import { jsx as _jsx } from "react/jsx-runtime";
8
- figma.connect(SelectChip, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=10177-5222&m=dev', {
9
- imports: ["import { SelectChip } from '@coinbase/cds-mobile/chips'"],
10
- props: {
11
- // 'disabled' is derived from state='disabled' in Figma (not a separate boolean)
12
- disabled: figma.enum('state', {
13
- disabled: true
14
- }),
15
- active: figma.boolean('active'),
16
- compact: figma.boolean('compact'),
17
- start: figma.boolean('show start', {
18
- true: figma.instance('start'),
19
- false: undefined
20
- }),
21
- end: figma.instance('end')
22
- // Note: 'show label' property not mapped - React component always renders
23
- // valueLabel, value, or placeholder text (no prop to hide the label).
24
- },
25
- example: props => {
26
- const options = ['USD', 'CAD', 'GBP', 'JPY'];
27
- const [value, setValue] = useState(options[0]);
28
- return /*#__PURE__*/_jsx(SelectChip, _extends({}, props, {
29
- disabled: props.disabled,
30
- onChange: setValue,
31
- value: value,
32
- children: options.map(option => /*#__PURE__*/_jsx(SelectOption, {
33
- title: option,
34
- value: option
35
- }, option))
36
- }));
37
- }
38
- });
@@ -1,55 +0,0 @@
1
- /* eslint-disable react-hooks/rules-of-hooks */
2
- import React, { useState } from 'react';
3
- import { figma } from '@figma/code-connect';
4
- import { TabbedChips } from '../TabbedChips';
5
- import { jsx as _jsx } from "react/jsx-runtime";
6
- figma.connect(TabbedChips, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=10188%3A4476', {
7
- imports: ["import { TabbedChips } from '@coinbase/cds-mobile/chips/TabbedChips'"],
8
- props: {
9
- overflow: figma.boolean('overflowing'),
10
- platform: figma.enum('platform', {
11
- mobile: 'mobile',
12
- desktop: 'desktop'
13
- }),
14
- compact: figma.boolean('compact')
15
- },
16
- example: () => {
17
- const tabs = [{
18
- id: '0',
19
- label: '0'
20
- }, {
21
- id: '1',
22
- label: '1'
23
- }, {
24
- id: '2',
25
- label: '2'
26
- }, {
27
- id: '3',
28
- label: '3'
29
- }, {
30
- id: '4',
31
- label: '4'
32
- }, {
33
- id: '5',
34
- label: '5'
35
- }, {
36
- id: '6',
37
- label: '6'
38
- }, {
39
- id: '7',
40
- label: '7'
41
- }, {
42
- id: '8',
43
- label: '8'
44
- }, {
45
- id: '9',
46
- label: '9'
47
- }];
48
- const [value, setValue] = useState(tabs[0].id);
49
- return /*#__PURE__*/_jsx(TabbedChips, {
50
- onChange: setValue,
51
- tabs: tabs,
52
- value: value
53
- });
54
- }
55
- });
@@ -1,41 +0,0 @@
1
- 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); }
2
- import React from 'react';
3
- import { Image } from 'react-native';
4
- import { figma } from '@figma/code-connect';
5
- import { Button } from '../../buttons';
6
- import { Checkbox } from '../../controls';
7
- import { Coachmark } from '../Coachmark';
8
- import { jsx as _jsx } from "react/jsx-runtime";
9
- figma.connect(Coachmark, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=24997-8568', {
10
- imports: ["import { Coachmark } from '@coinbase/cds-mobile/tour/Coachmark'"],
11
- props: {
12
- // onClose: figma.boolean('dismissable', {
13
- // true: () => {},
14
- // false: undefined,
15
- // }),
16
- media: figma.boolean('show media', {
17
- true: /*#__PURE__*/_jsx(Image, {
18
- alt: "",
19
- src: ""
20
- }),
21
- false: undefined
22
- }),
23
- action: figma.boolean('action bar', {
24
- true: /*#__PURE__*/_jsx(Button, {
25
- compact: true,
26
- variant: "secondary",
27
- children: "Button"
28
- }),
29
- false: undefined
30
- })
31
- },
32
- example: props => /*#__PURE__*/_jsx(Coachmark, _extends({
33
- checkbox: /*#__PURE__*/_jsx(Checkbox, {
34
- checked: false,
35
- onChange: () => {},
36
- children: "Checkbox label"
37
- }),
38
- content: "Add up to 3 lines of body copy. Deliver your message with clarity and impact",
39
- title: "Headline"
40
- }, props))
41
- });
@@ -1,27 +0,0 @@
1
- function _objectDestructuringEmpty(t) { if (null == t) throw new TypeError("Cannot destructure " + t); }
2
- 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); }
3
- import React from 'react';
4
- import { figma } from '@figma/code-connect';
5
- import { Checkbox } from '../Checkbox';
6
- import { jsx as _jsx } from "react/jsx-runtime";
7
- figma.connect(Checkbox, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=155-9873&m=dev', {
8
- imports: ["import { Checkbox } from '@coinbase/cds-mobile/controls/Checkbox'"],
9
- props: {
10
- checked: figma.boolean('checked'),
11
- disabled: figma.boolean('disabled'),
12
- indeterminate: figma.boolean('indeterminate')
13
- // state: figma.enum('state', {
14
- // active: 'active',
15
- // hover: 'hover',
16
- // pressed: 'pressed',
17
- // focus: 'focus',
18
- // }),
19
- // children: figma.string('label'), TODO: fix, Mele to deprecate string library},
20
- },
21
- example: _ref => {
22
- let props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
23
- return /*#__PURE__*/_jsx(Checkbox, _extends({}, props, {
24
- children: "Checkbox label"
25
- }));
26
- }
27
- });
@@ -1,38 +0,0 @@
1
- function _objectDestructuringEmpty(t) { if (null == t) throw new TypeError("Cannot destructure " + t); }
2
- 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); }
3
- import { figma } from '@figma/code-connect';
4
- import { CheckboxCell } from '../CheckboxCell';
5
- import { jsx as _jsx } from "react/jsx-runtime";
6
- figma.connect(CheckboxCell, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/%E2%9C%A8-CDS-Components?node-id=54927-2772&t=pdfsCDffPYWTRujC-4', {
7
- imports: ["import { CheckboxCell } from '@coinbase/cds-mobile/controls/CheckboxCell'"],
8
- props: {
9
- title: figma.string('title text'),
10
- description: figma.boolean('description', {
11
- true: figma.string('description text'),
12
- false: undefined
13
- })
14
- },
15
- example: _ref => {
16
- let props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
17
- return /*#__PURE__*/_jsx(CheckboxCell, _extends({}, props));
18
- }
19
- });
20
- figma.connect(CheckboxCell, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/%E2%9C%A8-CDS-Components?node-id=54927-2772&t=pdfsCDffPYWTRujC-4', {
21
- imports: ["import { CheckboxCell } from '@coinbase/cds-mobile/controls/CheckboxCell'"],
22
- variant: {
23
- state: 'selected'
24
- },
25
- props: {
26
- title: figma.string('title text'),
27
- description: figma.boolean('description', {
28
- true: figma.string('description text'),
29
- false: undefined
30
- })
31
- },
32
- example: _ref2 => {
33
- let props = _extends({}, (_objectDestructuringEmpty(_ref2), _ref2));
34
- return /*#__PURE__*/_jsx(CheckboxCell, _extends({
35
- checked: true
36
- }, props));
37
- }
38
- });
@@ -1,23 +0,0 @@
1
- const _excluded = ["children"];
2
- 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); }
3
- 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; }
4
- import React from 'react';
5
- import { figma } from '@figma/code-connect';
6
- import { CheckboxGroup } from '../CheckboxGroup';
7
- import { jsx as _jsx } from "react/jsx-runtime";
8
- figma.connect(CheckboxGroup, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=155%3A10032', {
9
- imports: ["import { CheckboxGroup } from '@coinbase/cds-mobile/controls/CheckboxGroup'"],
10
- props: {
11
- children: figma.children('*')
12
- },
13
- example: _ref => {
14
- let {
15
- children
16
- } = _ref,
17
- props = _objectWithoutPropertiesLoose(_ref, _excluded);
18
- // @ts-expect-error: Checkbox expects multiple children but only 1 was provided
19
- return /*#__PURE__*/_jsx(CheckboxGroup, _extends({}, props, {
20
- children: children
21
- }));
22
- }
23
- });
@@ -1,78 +0,0 @@
1
- function _objectDestructuringEmpty(t) { if (null == t) throw new TypeError("Cannot destructure " + t); }
2
- 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); }
3
- import { figma } from '@figma/code-connect';
4
- import { RadioCell } from '../RadioCell';
5
- import { jsx as _jsx } from "react/jsx-runtime";
6
- figma.connect(RadioCell, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/%E2%9C%A8-CDS-Components?node-id=54927-2624', {
7
- imports: ["import { RadioCell } from '@coinbase/cds-mobile/controls/RadioCell'"],
8
- props: {
9
- title: figma.string('title text'),
10
- description: figma.boolean('description', {
11
- true: figma.string('description text'),
12
- false: undefined
13
- })
14
- },
15
- example: _ref => {
16
- let props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
17
- return /*#__PURE__*/_jsx(RadioCell, _extends({}, props));
18
- }
19
- });
20
- figma.connect(RadioCell, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/%E2%9C%A8-CDS-Components?node-id=54927-2624', {
21
- imports: ["import { RadioCell } from '@coinbase/cds-mobile/controls/RadioCell'"],
22
- variant: {
23
- selected: true
24
- },
25
- props: {
26
- title: figma.string('title text'),
27
- description: figma.boolean('description', {
28
- true: figma.string('description text'),
29
- false: undefined
30
- })
31
- },
32
- example: _ref2 => {
33
- let props = _extends({}, (_objectDestructuringEmpty(_ref2), _ref2));
34
- return /*#__PURE__*/_jsx(RadioCell, _extends({
35
- checked: true
36
- }, props));
37
- }
38
- });
39
- figma.connect(RadioCell, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/%E2%9C%A8-CDS-Components?node-id=54927-2624', {
40
- imports: ["import { RadioCell } from '@coinbase/cds-mobile/controls/RadioCell'"],
41
- variant: {
42
- state: 'disabled'
43
- },
44
- props: {
45
- title: figma.string('title text'),
46
- description: figma.boolean('description', {
47
- true: figma.string('description text'),
48
- false: undefined
49
- })
50
- },
51
- example: _ref3 => {
52
- let props = _extends({}, (_objectDestructuringEmpty(_ref3), _ref3));
53
- return /*#__PURE__*/_jsx(RadioCell, _extends({
54
- disabled: true
55
- }, props));
56
- }
57
- });
58
- figma.connect(RadioCell, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/%E2%9C%A8-CDS-Components?node-id=54927-2624', {
59
- imports: ["import { RadioCell } from '@coinbase/cds-mobile/controls/RadioCell'"],
60
- variant: {
61
- state: 'disabled',
62
- selected: true
63
- },
64
- props: {
65
- title: figma.string('title text'),
66
- description: figma.boolean('description', {
67
- true: figma.string('description text'),
68
- false: undefined
69
- })
70
- },
71
- example: _ref4 => {
72
- let props = _extends({}, (_objectDestructuringEmpty(_ref4), _ref4));
73
- return /*#__PURE__*/_jsx(RadioCell, _extends({
74
- checked: true,
75
- disabled: true
76
- }, props));
77
- }
78
- });
@@ -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-mobile/controls/ControlGroup'", "import { Radio } from '@coinbase/cds-mobile/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 = value => value && setValue(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,35 +0,0 @@
1
- const _excluded = ["text"];
2
- 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); }
3
- 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; }
4
- import React from 'react';
5
- import { figma } from '@figma/code-connect';
6
- import { SearchInput } from '../SearchInput';
7
- import { jsx as _jsx } from "react/jsx-runtime";
8
- figma.connect(SearchInput, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=252-12575&m=dev', {
9
- imports: ["import { SearchInput } from '@coinbase/cds-mobile/controls/SearchInput'"],
10
- props: {
11
- compact: figma.boolean('compact'),
12
- disabled: figma.boolean('disabled'),
13
- text: figma.nestedProps('string.search input', {
14
- placeholder: figma.enum('Ready-made', {
15
- Custom: figma.string('string'),
16
- 'Retail search': figma.textContent('search-input-label'),
17
- 'Retail send': figma.textContent('search-input-label'),
18
- 'Web3 search': figma.textContent('search-input-label'),
19
- 'Wallet search': figma.textContent('search-input-label'),
20
- 'Wallet send': figma.textContent('search-input-label')
21
- })
22
- })
23
- },
24
- example: _ref => {
25
- let {
26
- text
27
- } = _ref,
28
- props = _objectWithoutPropertiesLoose(_ref, _excluded);
29
- return /*#__PURE__*/_jsx(SearchInput, _extends({
30
- onChangeText: () => {},
31
- placeholder: text.placeholder,
32
- value: ""
33
- }, props));
34
- }
35
- });