@coinbase/cds-mobile 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.
- package/CHANGELOG.md +7 -0
- package/dts/alpha/select/DefaultSelectControl.d.ts +9 -9
- package/dts/alpha/select/DefaultSelectControl.d.ts.map +1 -1
- package/dts/alpha/select/Select.d.ts.map +1 -1
- package/dts/alpha/select/types.d.ts +25 -8
- package/dts/alpha/select/types.d.ts.map +1 -1
- package/dts/visualizations/chart/bar/PercentageBarChart.d.ts +2 -2
- package/esm/alpha/select/DefaultSelectControl.js +34 -17
- package/esm/alpha/select/Select.js +59 -47
- package/esm/system/__stories__/componentConfigStickerSheet/customComponentConfig.js +17 -11
- package/esm/system/__stories__/componentConfigStickerSheet/examples/Select.js +7 -0
- package/package.json +3 -3
- package/dts/accordion/__figma__/Accordion.figma.d.ts +0 -2
- package/dts/accordion/__figma__/Accordion.figma.d.ts.map +0 -1
- package/dts/alpha/__figma__/Select.figma.d.ts +0 -2
- package/dts/alpha/__figma__/Select.figma.d.ts.map +0 -1
- package/dts/alpha/data-card/__figma__/DataCard.figma.d.ts +0 -2
- package/dts/alpha/data-card/__figma__/DataCard.figma.d.ts.map +0 -1
- package/dts/buttons/__figma__/AvatarButton.figma.d.ts +0 -2
- package/dts/buttons/__figma__/AvatarButton.figma.d.ts.map +0 -1
- package/dts/buttons/__figma__/Button.figma.d.ts +0 -2
- package/dts/buttons/__figma__/Button.figma.d.ts.map +0 -1
- package/dts/buttons/__figma__/ButtonGroup.figma.d.ts +0 -2
- package/dts/buttons/__figma__/ButtonGroup.figma.d.ts.map +0 -1
- package/dts/buttons/__figma__/IconButton.figma.d.ts +0 -2
- package/dts/buttons/__figma__/IconButton.figma.d.ts.map +0 -1
- package/dts/buttons/__figma__/SlideButton.figma.d.ts +0 -2
- package/dts/buttons/__figma__/SlideButton.figma.d.ts.map +0 -1
- package/dts/cards/ContentCard/__figma__/ContentCard.figma.d.ts +0 -2
- package/dts/cards/ContentCard/__figma__/ContentCard.figma.d.ts.map +0 -1
- package/dts/cards/MediaCard/__figma__/MediaCard.figma.d.ts +0 -2
- package/dts/cards/MediaCard/__figma__/MediaCard.figma.d.ts.map +0 -1
- package/dts/cards/MessagingCard/__figma__/MessagingCard.figma.d.ts +0 -2
- package/dts/cards/MessagingCard/__figma__/MessagingCard.figma.d.ts.map +0 -1
- package/dts/cards/__figma__/AnnouncementCard.figma.d.ts +0 -2
- package/dts/cards/__figma__/AnnouncementCard.figma.d.ts.map +0 -1
- package/dts/cards/__figma__/ContainedAssetCard.figma.d.ts +0 -2
- package/dts/cards/__figma__/ContainedAssetCard.figma.d.ts.map +0 -1
- package/dts/cards/__figma__/FloatingAssetCard.figma.d.ts +0 -2
- package/dts/cards/__figma__/FloatingAssetCard.figma.d.ts.map +0 -1
- package/dts/cards/__figma__/NudgeCard.figma.d.ts +0 -2
- package/dts/cards/__figma__/NudgeCard.figma.d.ts.map +0 -1
- package/dts/cards/__figma__/UpsellCard.figma.d.ts +0 -2
- package/dts/cards/__figma__/UpsellCard.figma.d.ts.map +0 -1
- package/dts/carousel/__figma__/Carousel.figma.d.ts +0 -2
- package/dts/carousel/__figma__/Carousel.figma.d.ts.map +0 -1
- package/dts/cells/__figma__/ContentCell.figma.d.ts +0 -2
- package/dts/cells/__figma__/ContentCell.figma.d.ts.map +0 -1
- package/dts/cells/__figma__/ListCell.figma.d.ts +0 -2
- package/dts/cells/__figma__/ListCell.figma.d.ts.map +0 -1
- package/dts/chips/__figma__/InputChip.figma.d.ts +0 -2
- package/dts/chips/__figma__/InputChip.figma.d.ts.map +0 -1
- package/dts/chips/__figma__/SelectChip.figma.d.ts +0 -2
- package/dts/chips/__figma__/SelectChip.figma.d.ts.map +0 -1
- package/dts/chips/__figma__/TabbedChips.figma.d.ts +0 -2
- package/dts/chips/__figma__/TabbedChips.figma.d.ts.map +0 -1
- package/dts/coachmark/__figma__/Coachmark.figma.d.ts +0 -2
- package/dts/coachmark/__figma__/Coachmark.figma.d.ts.map +0 -1
- package/dts/controls/__figma__/Checkbox.figma.d.ts +0 -2
- package/dts/controls/__figma__/Checkbox.figma.d.ts.map +0 -1
- package/dts/controls/__figma__/CheckboxCell.figma.d.ts +0 -2
- package/dts/controls/__figma__/CheckboxCell.figma.d.ts.map +0 -1
- package/dts/controls/__figma__/CheckboxGroup.figma.d.ts +0 -2
- package/dts/controls/__figma__/CheckboxGroup.figma.d.ts.map +0 -1
- package/dts/controls/__figma__/RadioCell.figma.d.ts +0 -2
- package/dts/controls/__figma__/RadioCell.figma.d.ts.map +0 -1
- package/dts/controls/__figma__/RadioGroup.figma.d.ts +0 -2
- package/dts/controls/__figma__/RadioGroup.figma.d.ts.map +0 -1
- package/dts/controls/__figma__/SearchInput.figma.d.ts +0 -2
- package/dts/controls/__figma__/SearchInput.figma.d.ts.map +0 -1
- package/dts/controls/__figma__/SelectOption.figma.d.ts +0 -2
- package/dts/controls/__figma__/SelectOption.figma.d.ts.map +0 -1
- package/dts/controls/__figma__/Switch.figma.d.ts +0 -2
- package/dts/controls/__figma__/Switch.figma.d.ts.map +0 -1
- package/dts/controls/__figma__/TextInput.figma.d.ts +0 -2
- package/dts/controls/__figma__/TextInput.figma.d.ts.map +0 -1
- package/dts/dates/__figma__/DatePicker.figma.d.ts +0 -2
- package/dts/dates/__figma__/DatePicker.figma.d.ts.map +0 -1
- package/dts/dots/__figma__/DotCount.figma.d.ts +0 -2
- package/dts/dots/__figma__/DotCount.figma.d.ts.map +0 -1
- package/dts/dots/__figma__/DotStatusColor.figma.d.ts +0 -2
- package/dts/dots/__figma__/DotStatusColor.figma.d.ts.map +0 -1
- package/dts/dots/__figma__/DotSymbol.figma.d.ts +0 -2
- package/dts/dots/__figma__/DotSymbol.figma.d.ts.map +0 -1
- package/dts/icons/__figma__/Icon.figma.d.ts +0 -2
- package/dts/icons/__figma__/Icon.figma.d.ts.map +0 -1
- package/dts/icons/__figma__/LogoMark.figma.d.ts +0 -2
- package/dts/icons/__figma__/LogoMark.figma.d.ts.map +0 -1
- package/dts/icons/__figma__/LogoWordmark.figma.d.ts +0 -2
- package/dts/icons/__figma__/LogoWordmark.figma.d.ts.map +0 -1
- package/dts/icons/__figma__/SubBrandLogoMark.figma.d.ts +0 -2
- package/dts/icons/__figma__/SubBrandLogoMark.figma.d.ts.map +0 -1
- package/dts/icons/__figma__/SubBrandLogoWordmark.figma.d.ts +0 -2
- package/dts/icons/__figma__/SubBrandLogoWordmark.figma.d.ts.map +0 -1
- package/dts/illustrations/__figma__/HeroSquare.figma.d.ts +0 -2
- package/dts/illustrations/__figma__/HeroSquare.figma.d.ts.map +0 -1
- package/dts/illustrations/__figma__/Pictogram.figma.d.ts +0 -2
- package/dts/illustrations/__figma__/Pictogram.figma.d.ts.map +0 -1
- package/dts/illustrations/__figma__/SpotIcon.figma.d.ts +0 -2
- package/dts/illustrations/__figma__/SpotIcon.figma.d.ts.map +0 -1
- package/dts/illustrations/__figma__/SpotRectangle.figma.d.ts +0 -2
- package/dts/illustrations/__figma__/SpotRectangle.figma.d.ts.map +0 -1
- package/dts/illustrations/__figma__/SpotSquare.figma.d.ts +0 -2
- package/dts/illustrations/__figma__/SpotSquare.figma.d.ts.map +0 -1
- package/dts/layout/__figma__/Divider.figma.d.ts +0 -2
- package/dts/layout/__figma__/Divider.figma.d.ts.map +0 -1
- package/dts/layout/__figma__/Fallback.figma.d.ts +0 -2
- package/dts/layout/__figma__/Fallback.figma.d.ts.map +0 -1
- package/dts/media/__figma__/Avatar.figma.d.ts +0 -2
- package/dts/media/__figma__/Avatar.figma.d.ts.map +0 -1
- package/dts/multi-content-module/__figma__/MultiContentModule.figma.d.ts +0 -2
- package/dts/multi-content-module/__figma__/MultiContentModule.figma.d.ts.map +0 -1
- package/dts/navigation/__figma__/BrowserBar.figma.d.ts +0 -2
- package/dts/navigation/__figma__/BrowserBar.figma.d.ts.map +0 -1
- package/dts/navigation/__figma__/TopNavBar.figma.d.ts +0 -2
- package/dts/navigation/__figma__/TopNavBar.figma.d.ts.map +0 -1
- package/dts/numpad/__figma__/Numpad.figma.d.ts +0 -2
- package/dts/numpad/__figma__/Numpad.figma.d.ts.map +0 -1
- package/dts/overlays/__figma__/Alert.figma.d.ts +0 -2
- package/dts/overlays/__figma__/Alert.figma.d.ts.map +0 -1
- package/dts/overlays/__figma__/Toast.figma.d.ts +0 -2
- package/dts/overlays/__figma__/Toast.figma.d.ts.map +0 -1
- package/dts/overlays/modal/__figma__/Modal.figma.d.ts +0 -2
- package/dts/overlays/modal/__figma__/Modal.figma.d.ts.map +0 -1
- package/dts/overlays/tooltip/__figma__/Tooltip.figma.d.ts +0 -2
- package/dts/overlays/tooltip/__figma__/Tooltip.figma.d.ts.map +0 -1
- package/dts/overlays/tray/__figma__/Tray.figma.d.ts +0 -2
- package/dts/overlays/tray/__figma__/Tray.figma.d.ts.map +0 -1
- package/dts/page/__figma__/PageFooter.figma.d.ts +0 -2
- package/dts/page/__figma__/PageFooter.figma.d.ts.map +0 -1
- package/dts/page/__figma__/PageHeader.figma.d.ts +0 -2
- package/dts/page/__figma__/PageHeader.figma.d.ts.map +0 -1
- package/dts/perf/component-config/Button.component-config.perf-test.d.ts +0 -2
- package/dts/perf/component-config/Button.component-config.perf-test.d.ts.map +0 -1
- package/dts/perf/component-config/ComponentConfigProvider.perf-test.d.ts +0 -2
- package/dts/perf/component-config/ComponentConfigProvider.perf-test.d.ts.map +0 -1
- package/dts/perf/component-config/ComponentConfigStickerSheet.perf-test.d.ts +0 -2
- package/dts/perf/component-config/ComponentConfigStickerSheet.perf-test.d.ts.map +0 -1
- package/dts/section-header/__figma__/SectionHeader.figma.d.ts +0 -2
- package/dts/section-header/__figma__/SectionHeader.figma.d.ts.map +0 -1
- package/dts/sticky-footer/__figma__/StickyFooter.figma.d.ts +0 -2
- package/dts/sticky-footer/__figma__/StickyFooter.figma.d.ts.map +0 -1
- package/dts/tabs/__figma__/SegmentedTabs.figma.d.ts +0 -2
- package/dts/tabs/__figma__/SegmentedTabs.figma.d.ts.map +0 -1
- package/dts/tabs/__figma__/TabNavigation.figma.d.ts +0 -2
- package/dts/tabs/__figma__/TabNavigation.figma.d.ts.map +0 -1
- package/dts/tag/__figma__/Tag.figma.d.ts +0 -2
- package/dts/tag/__figma__/Tag.figma.d.ts.map +0 -1
- package/dts/typography/__figma__/Link.figma.d.ts +0 -2
- package/dts/typography/__figma__/Link.figma.d.ts.map +0 -1
- package/dts/visualizations/__figma__/ProgressBar.figma.d.ts +0 -2
- package/dts/visualizations/__figma__/ProgressBar.figma.d.ts.map +0 -1
- package/dts/visualizations/__figma__/ProgressCircle.figma.d.ts +0 -2
- package/dts/visualizations/__figma__/ProgressCircle.figma.d.ts.map +0 -1
- package/dts/visualizations/sparkline/__figma__/Sparkline.figma.d.ts +0 -2
- package/dts/visualizations/sparkline/__figma__/Sparkline.figma.d.ts.map +0 -1
- package/dts/visualizations/sparkline/sparkline-interactive/__figma__/SparklineInteractive.figma.d.ts +0 -2
- package/dts/visualizations/sparkline/sparkline-interactive/__figma__/SparklineInteractive.figma.d.ts.map +0 -1
- package/dts/visualizations/sparkline/sparkline-interactive-header/__figma__/SparklineInteractiveHeader.figma.d.ts +0 -2
- package/dts/visualizations/sparkline/sparkline-interactive-header/__figma__/SparklineInteractiveHeader.figma.d.ts.map +0 -1
- package/esm/accordion/__figma__/Accordion.figma.js +0 -42
- package/esm/alpha/__figma__/Select.figma.js +0 -63
- package/esm/alpha/data-card/__figma__/DataCard.figma.js +0 -29
- package/esm/buttons/__figma__/AvatarButton.figma.js +0 -25
- package/esm/buttons/__figma__/Button.figma.js +0 -65
- package/esm/buttons/__figma__/ButtonGroup.figma.js +0 -48
- package/esm/buttons/__figma__/IconButton.figma.js +0 -29
- package/esm/buttons/__figma__/SlideButton.figma.js +0 -27
- package/esm/cards/ContentCard/__figma__/ContentCard.figma.js +0 -35
- package/esm/cards/MediaCard/__figma__/MediaCard.figma.js +0 -46
- package/esm/cards/MessagingCard/__figma__/MessagingCard.figma.js +0 -38
- package/esm/cards/__figma__/AnnouncementCard.figma.js +0 -19
- package/esm/cards/__figma__/ContainedAssetCard.figma.js +0 -39
- package/esm/cards/__figma__/FloatingAssetCard.figma.js +0 -30
- package/esm/cards/__figma__/NudgeCard.figma.js +0 -54
- package/esm/cards/__figma__/UpsellCard.figma.js +0 -48
- package/esm/carousel/__figma__/Carousel.figma.js +0 -36
- package/esm/cells/__figma__/ContentCell.figma.js +0 -35
- package/esm/cells/__figma__/ListCell.figma.js +0 -74
- package/esm/chips/__figma__/InputChip.figma.js +0 -27
- package/esm/chips/__figma__/SelectChip.figma.js +0 -38
- package/esm/chips/__figma__/TabbedChips.figma.js +0 -55
- package/esm/coachmark/__figma__/Coachmark.figma.js +0 -41
- package/esm/controls/__figma__/Checkbox.figma.js +0 -27
- package/esm/controls/__figma__/CheckboxCell.figma.js +0 -38
- package/esm/controls/__figma__/CheckboxGroup.figma.js +0 -23
- package/esm/controls/__figma__/RadioCell.figma.js +0 -78
- package/esm/controls/__figma__/RadioGroup.figma.js +0 -47
- package/esm/controls/__figma__/SearchInput.figma.js +0 -35
- package/esm/controls/__figma__/SelectOption.figma.js +0 -35
- package/esm/controls/__figma__/Switch.figma.js +0 -16
- package/esm/controls/__figma__/TextInput.figma.js +0 -125
- package/esm/dates/__figma__/DatePicker.figma.js +0 -43
- package/esm/dots/__figma__/DotCount.figma.js +0 -16
- package/esm/dots/__figma__/DotStatusColor.figma.js +0 -23
- package/esm/dots/__figma__/DotSymbol.figma.js +0 -45
- package/esm/icons/__figma__/Icon.figma.js +0 -3906
- package/esm/icons/__figma__/LogoMark.figma.js +0 -20
- package/esm/icons/__figma__/LogoWordmark.figma.js +0 -32
- package/esm/icons/__figma__/SubBrandLogoMark.figma.js +0 -47
- package/esm/icons/__figma__/SubBrandLogoWordmark.figma.js +0 -48
- package/esm/illustrations/__figma__/HeroSquare.figma.js +0 -2104
- package/esm/illustrations/__figma__/Pictogram.figma.js +0 -1774
- package/esm/illustrations/__figma__/SpotIcon.figma.js +0 -340
- package/esm/illustrations/__figma__/SpotRectangle.figma.js +0 -1102
- package/esm/illustrations/__figma__/SpotSquare.figma.js +0 -1192
- package/esm/jest.d.js +0 -12
- package/esm/layout/__figma__/Divider.figma.js +0 -27
- package/esm/layout/__figma__/Fallback.figma.js +0 -21
- package/esm/media/__figma__/Avatar.figma.js +0 -56
- package/esm/multi-content-module/__figma__/MultiContentModule.figma.js +0 -31
- package/esm/navigation/__figma__/BrowserBar.figma.js +0 -58
- package/esm/navigation/__figma__/TopNavBar.figma.js +0 -319
- package/esm/numpad/__figma__/Numpad.figma.js +0 -63
- package/esm/overlays/__figma__/Alert.figma.js +0 -32
- package/esm/overlays/__figma__/Toast.figma.js +0 -51
- package/esm/overlays/modal/__figma__/Modal.figma.js +0 -74
- package/esm/overlays/tooltip/__figma__/Tooltip.figma.js +0 -92
- package/esm/overlays/tray/__figma__/Tray.figma.js +0 -220
- package/esm/page/__figma__/PageFooter.figma.js +0 -61
- package/esm/page/__figma__/PageHeader.figma.js +0 -58
- package/esm/perf/component-config/Button.component-config.perf-test.js +0 -35
- package/esm/perf/component-config/ComponentConfigProvider.perf-test.js +0 -147
- package/esm/perf/component-config/ComponentConfigStickerSheet.perf-test.js +0 -326
- package/esm/perf/component-config/README.md +0 -8
- package/esm/section-header/__figma__/SectionHeader.figma.js +0 -50
- package/esm/sticky-footer/__figma__/StickyFooter.figma.js +0 -26
- package/esm/tabs/__figma__/SegmentedTabs.figma.js +0 -79
- package/esm/tabs/__figma__/TabNavigation.figma.js +0 -83
- package/esm/tag/__figma__/Tag.figma.js +0 -86
- package/esm/typography/__figma__/Link.figma.js +0 -28
- package/esm/visualizations/__figma__/ProgressBar.figma.js +0 -99
- package/esm/visualizations/__figma__/ProgressCircle.figma.js +0 -26
- package/esm/visualizations/sparkline/__figma__/Sparkline.figma.js +0 -22
- package/esm/visualizations/sparkline/sparkline-interactive/__figma__/SparklineInteractive.figma.js +0 -85
- package/esm/visualizations/sparkline/sparkline-interactive-header/__figma__/SparklineInteractiveHeader.figma.js +0 -104
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
const _excluded = ["defaultActiveKey", "itemContent"];
|
|
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 { Accordion } from '../Accordion';
|
|
7
|
-
import { AccordionItem } from '../AccordionItem';
|
|
8
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
9
|
-
figma.connect(Accordion, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=148%3A2954', {
|
|
10
|
-
imports: ["import { Accordion } from '@coinbase/cds-mobile/accordion/Accordion'", "import { AccordionItem } from '@coinbase/cds-mobile/accordion/AccordionItem'"],
|
|
11
|
-
props: {
|
|
12
|
-
subtitle: figma.boolean('show subtitle', {
|
|
13
|
-
true: figma.string('subtitle'),
|
|
14
|
-
false: undefined
|
|
15
|
-
}),
|
|
16
|
-
media: figma.boolean('show media', {
|
|
17
|
-
true: figma.instance('media'),
|
|
18
|
-
false: undefined
|
|
19
|
-
}),
|
|
20
|
-
title: figma.textContent('title'),
|
|
21
|
-
defaultActiveKey: figma.boolean('show panel', {
|
|
22
|
-
true: '1',
|
|
23
|
-
false: undefined
|
|
24
|
-
}),
|
|
25
|
-
itemContent: figma.instance('🔄 replace me')
|
|
26
|
-
},
|
|
27
|
-
example: _ref => {
|
|
28
|
-
let {
|
|
29
|
-
defaultActiveKey,
|
|
30
|
-
itemContent
|
|
31
|
-
} = _ref,
|
|
32
|
-
props = _objectWithoutPropertiesLoose(_ref, _excluded);
|
|
33
|
-
return /*#__PURE__*/_jsx(Accordion, {
|
|
34
|
-
defaultActiveKey: defaultActiveKey,
|
|
35
|
-
children: /*#__PURE__*/_jsx(AccordionItem, _extends({
|
|
36
|
-
itemKey: "1"
|
|
37
|
-
}, props, {
|
|
38
|
-
children: itemContent
|
|
39
|
-
}))
|
|
40
|
-
});
|
|
41
|
-
}
|
|
42
|
-
});
|
|
@@ -1,63 +0,0 @@
|
|
|
1
|
-
const _excluded = ["type", "value"];
|
|
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 { Select } from '../select/Select';
|
|
6
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
7
|
-
const selectOptions = [{
|
|
8
|
-
value: 'apple',
|
|
9
|
-
label: 'Apple'
|
|
10
|
-
}, {
|
|
11
|
-
value: 'banana',
|
|
12
|
-
label: 'Banana'
|
|
13
|
-
}, {
|
|
14
|
-
value: 'orange',
|
|
15
|
-
label: 'Orange',
|
|
16
|
-
description: 'Citrus'
|
|
17
|
-
}];
|
|
18
|
-
figma.connect(Select, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=71762-14938', {
|
|
19
|
-
imports: ["import { Select } from '@coinbase/cds-mobile/alpha/select/Select'"],
|
|
20
|
-
props: {
|
|
21
|
-
type: figma.enum('type', {
|
|
22
|
-
'single select': 'single',
|
|
23
|
-
'multi-select': 'multi'
|
|
24
|
-
}),
|
|
25
|
-
disabled: figma.boolean('disabled'),
|
|
26
|
-
compact: figma.boolean('compact'),
|
|
27
|
-
label: figma.boolean('show label', {
|
|
28
|
-
true: figma.boolean('show info icon') ? "<HStack alignItems=\"center\">\n <InputLabel>" + figma.string('label string') + "</InputLabel>\n <Tooltip content=\"This will be visible to other users.\">\n <Icon active color=\"fg\" name=\"info\" padding={0.75} size=\"xs\" tabIndex={0} />\n </Tooltip>\n </HStack>" : figma.string('label string'),
|
|
29
|
-
false: undefined
|
|
30
|
-
}),
|
|
31
|
-
start: figma.boolean('show start', {
|
|
32
|
-
true: figma.instance('start'),
|
|
33
|
-
false: undefined
|
|
34
|
-
}),
|
|
35
|
-
helperText: figma.boolean('show helper text', {
|
|
36
|
-
true: figma.string('helper text'),
|
|
37
|
-
false: undefined
|
|
38
|
-
}),
|
|
39
|
-
placeholder: figma.string('placeholderText'),
|
|
40
|
-
variant: figma.enum('state', {
|
|
41
|
-
default: undefined,
|
|
42
|
-
positive: 'positive',
|
|
43
|
-
negative: 'negative'
|
|
44
|
-
}),
|
|
45
|
-
value: figma.enum('type', {
|
|
46
|
-
'single select': 'Item 1',
|
|
47
|
-
'multi-select': ['Item 1', 'Item 2']
|
|
48
|
-
})
|
|
49
|
-
},
|
|
50
|
-
example: _ref => {
|
|
51
|
-
let {
|
|
52
|
-
type,
|
|
53
|
-
value
|
|
54
|
-
} = _ref,
|
|
55
|
-
props = _objectWithoutPropertiesLoose(_ref, _excluded);
|
|
56
|
-
return /*#__PURE__*/_jsx(Select, _extends({}, props, {
|
|
57
|
-
onChange: () => {},
|
|
58
|
-
options: selectOptions,
|
|
59
|
-
type: type,
|
|
60
|
-
value: value
|
|
61
|
-
}));
|
|
62
|
-
}
|
|
63
|
-
});
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { figma } from '@figma/code-connect';
|
|
3
|
-
import { DataCard } from '../DataCard';
|
|
4
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
5
|
-
figma.connect(DataCard, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/%E2%9C%A8-CDS-Components?node-id=72941-17832&m=dev', {
|
|
6
|
-
imports: ["import { DataCard } from '@coinbase/cds-mobile/alpha/data-card'", "import { Avatar } from '@coinbase/cds-mobile/media/Avatar'"],
|
|
7
|
-
props: {
|
|
8
|
-
subtitle: figma.boolean('show subtitle', {
|
|
9
|
-
true: figma.string('Subtitle'),
|
|
10
|
-
false: undefined
|
|
11
|
-
}),
|
|
12
|
-
thumbnail: figma.boolean('show media', {
|
|
13
|
-
true: figma.instance('↳ media'),
|
|
14
|
-
false: undefined
|
|
15
|
-
})
|
|
16
|
-
},
|
|
17
|
-
example: _ref => {
|
|
18
|
-
let {
|
|
19
|
-
thumbnail,
|
|
20
|
-
subtitle
|
|
21
|
-
} = _ref;
|
|
22
|
-
return /*#__PURE__*/_jsx(DataCard, {
|
|
23
|
-
layout: "vertical",
|
|
24
|
-
subtitle: subtitle,
|
|
25
|
-
thumbnail: thumbnail,
|
|
26
|
-
title: "Title"
|
|
27
|
-
});
|
|
28
|
-
}
|
|
29
|
-
});
|
|
@@ -1,25 +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 { AvatarButton } from '../AvatarButton';
|
|
4
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
5
|
-
figma.connect(AvatarButton, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=276-23400&m=dev', {
|
|
6
|
-
imports: ["import {AvatarButton} from '@coinbase/cds-mobile/buttons/AvatarButton'"],
|
|
7
|
-
props: {
|
|
8
|
-
// state: figma.enum('state', {
|
|
9
|
-
// active: 'active',
|
|
10
|
-
// focus: 'focus',
|
|
11
|
-
// hover: 'hover',
|
|
12
|
-
// pressed: 'pressed',
|
|
13
|
-
// selected: 'selected',
|
|
14
|
-
// }),
|
|
15
|
-
selected: figma.enum('state', {
|
|
16
|
-
selected: true
|
|
17
|
-
}),
|
|
18
|
-
compact: figma.boolean('compact'),
|
|
19
|
-
loading: figma.boolean('disabled')
|
|
20
|
-
},
|
|
21
|
-
example: props => /*#__PURE__*/_jsx(AvatarButton, _extends({}, props, {
|
|
22
|
-
accessibilityLabel: "Avatar button",
|
|
23
|
-
name: "A"
|
|
24
|
-
}))
|
|
25
|
-
});
|
|
@@ -1,65 +0,0 @@
|
|
|
1
|
-
const _excluded = ["startIcon", "endIcon"];
|
|
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 { Button } from '../Button';
|
|
6
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
7
|
-
figma.connect(Button, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=89-3096&m=dev', {
|
|
8
|
-
imports: ["import { Button } from '@coinbase/cds-mobile/buttons/Button'"],
|
|
9
|
-
props: {
|
|
10
|
-
variant: figma.enum('variant', {
|
|
11
|
-
primary: 'primary',
|
|
12
|
-
secondary: 'secondary',
|
|
13
|
-
negative: 'negative'
|
|
14
|
-
}),
|
|
15
|
-
transparent: figma.boolean('transparent'),
|
|
16
|
-
loading: figma.enum('state', {
|
|
17
|
-
loading: true,
|
|
18
|
-
default: false,
|
|
19
|
-
hover: false,
|
|
20
|
-
pressed: false,
|
|
21
|
-
disabled: false
|
|
22
|
-
}),
|
|
23
|
-
disabled: figma.enum('state', {
|
|
24
|
-
disabled: true,
|
|
25
|
-
default: false,
|
|
26
|
-
hover: false,
|
|
27
|
-
pressed: false,
|
|
28
|
-
loading: false
|
|
29
|
-
}),
|
|
30
|
-
compact: figma.boolean('compact'),
|
|
31
|
-
block: figma.enum('width', {
|
|
32
|
-
hug: false,
|
|
33
|
-
full: true,
|
|
34
|
-
flush: false
|
|
35
|
-
}),
|
|
36
|
-
startIcon: figma.enum('icon', {
|
|
37
|
-
leading: figma.instance('↳ icon').getProps(),
|
|
38
|
-
trailing: undefined,
|
|
39
|
-
none: undefined
|
|
40
|
-
}),
|
|
41
|
-
endIcon: figma.enum('icon', {
|
|
42
|
-
trailing: figma.instance('↳ icon').getProps(),
|
|
43
|
-
leading: undefined,
|
|
44
|
-
none: undefined
|
|
45
|
-
}),
|
|
46
|
-
flush: figma.enum('width', {
|
|
47
|
-
hug: undefined,
|
|
48
|
-
full: undefined,
|
|
49
|
-
flush: 'start'
|
|
50
|
-
})
|
|
51
|
-
},
|
|
52
|
-
example: _ref => {
|
|
53
|
-
let {
|
|
54
|
-
startIcon,
|
|
55
|
-
endIcon
|
|
56
|
-
} = _ref,
|
|
57
|
-
props = _objectWithoutPropertiesLoose(_ref, _excluded);
|
|
58
|
-
return /*#__PURE__*/_jsx(Button, _extends({
|
|
59
|
-
endIcon: endIcon.name,
|
|
60
|
-
startIcon: startIcon.name
|
|
61
|
-
}, props, {
|
|
62
|
-
children: "Button"
|
|
63
|
-
}));
|
|
64
|
-
}
|
|
65
|
-
});
|
|
@@ -1,48 +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 { figma } from '@figma/code-connect';
|
|
5
|
-
import { Button } from '../Button';
|
|
6
|
-
import { ButtonGroup } from '../ButtonGroup';
|
|
7
|
-
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
8
|
-
figma.connect(ButtonGroup, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=283-19617&m=dev', {
|
|
9
|
-
imports: ["import {ButtonGroup} from '@coinbase/cds-mobile/buttons/ButtonGroup'"],
|
|
10
|
-
props: {
|
|
11
|
-
direction: figma.enum('orientation', {
|
|
12
|
-
stacked: 'vertical',
|
|
13
|
-
'side-by-side': 'horizontal'
|
|
14
|
-
}),
|
|
15
|
-
children: figma.enum('# of actions', {
|
|
16
|
-
'2': /*#__PURE__*/_jsxs(_Fragment, {
|
|
17
|
-
children: [/*#__PURE__*/_jsx(Button, {
|
|
18
|
-
variant: "primary",
|
|
19
|
-
children: "Button"
|
|
20
|
-
}), /*#__PURE__*/_jsx(Button, {
|
|
21
|
-
variant: "secondary",
|
|
22
|
-
children: "Button"
|
|
23
|
-
})]
|
|
24
|
-
}),
|
|
25
|
-
'3': /*#__PURE__*/_jsxs(_Fragment, {
|
|
26
|
-
children: [/*#__PURE__*/_jsx(Button, {
|
|
27
|
-
variant: "primary",
|
|
28
|
-
children: "Button"
|
|
29
|
-
}), /*#__PURE__*/_jsx(Button, {
|
|
30
|
-
variant: "secondary",
|
|
31
|
-
children: "Button"
|
|
32
|
-
}), /*#__PURE__*/_jsx(Button, {
|
|
33
|
-
variant: "negative",
|
|
34
|
-
children: "Button"
|
|
35
|
-
})]
|
|
36
|
-
})
|
|
37
|
-
})
|
|
38
|
-
},
|
|
39
|
-
example: _ref => {
|
|
40
|
-
let {
|
|
41
|
-
children
|
|
42
|
-
} = _ref,
|
|
43
|
-
props = _objectWithoutPropertiesLoose(_ref, _excluded);
|
|
44
|
-
return /*#__PURE__*/_jsx(ButtonGroup, _extends({}, props, {
|
|
45
|
-
children: children
|
|
46
|
-
}));
|
|
47
|
-
}
|
|
48
|
-
});
|
|
@@ -1,29 +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 { IconButton } from '../IconButton';
|
|
5
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
6
|
-
figma.connect(IconButton, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=47-358&m=dev', {
|
|
7
|
-
imports: ["import {IconButton} from '@coinbase/cds-mobile/buttons/IconButton'"],
|
|
8
|
-
props: {
|
|
9
|
-
variant: figma.enum('variant', {
|
|
10
|
-
primary: 'primary',
|
|
11
|
-
secondary: 'secondary'
|
|
12
|
-
}),
|
|
13
|
-
disabled: figma.enum('state', {
|
|
14
|
-
disabled: true,
|
|
15
|
-
default: false,
|
|
16
|
-
hover: false,
|
|
17
|
-
pressed: false,
|
|
18
|
-
loading: false
|
|
19
|
-
}),
|
|
20
|
-
compact: figma.boolean('compact'),
|
|
21
|
-
transparent: figma.boolean('transparent')
|
|
22
|
-
},
|
|
23
|
-
example: _ref => {
|
|
24
|
-
let props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
|
|
25
|
-
return /*#__PURE__*/_jsx(IconButton, _extends({
|
|
26
|
-
name: "add"
|
|
27
|
-
}, props));
|
|
28
|
-
}
|
|
29
|
-
});
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
const _excluded = ["checked"];
|
|
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 { SlideButton } from '../SlideButton';
|
|
6
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
7
|
-
figma.connect(SlideButton, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/%E2%9C%A8-CDS-Components?node-id=49598-10283&m=dev', {
|
|
8
|
-
imports: ["import { SlideButton } from '@coinbase/cds-mobile/buttons/SlideButton';"],
|
|
9
|
-
props: {
|
|
10
|
-
checked: figma.enum('Position', {
|
|
11
|
-
// TODO: fix falsy values returning undefined. This is an existing issue in code connect https://github.com/figma/code-connect/issues/193
|
|
12
|
-
Start: false,
|
|
13
|
-
Middle: false,
|
|
14
|
-
End: true
|
|
15
|
-
}),
|
|
16
|
-
compact: figma.boolean('compact')
|
|
17
|
-
},
|
|
18
|
-
example: _ref => {
|
|
19
|
-
let {
|
|
20
|
-
checked = false
|
|
21
|
-
} = _ref,
|
|
22
|
-
props = _objectWithoutPropertiesLoose(_ref, _excluded);
|
|
23
|
-
return /*#__PURE__*/_jsx(SlideButton, _extends({
|
|
24
|
-
checked: checked
|
|
25
|
-
}, props));
|
|
26
|
-
}
|
|
27
|
-
});
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
const _excluded = ["header", "footer", "body"];
|
|
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 { ContentCard } from '../ContentCard';
|
|
7
|
-
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
8
|
-
figma.connect(ContentCard, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/%E2%9C%A8-CDS-Components?node-id=72941-16019&m=dev', {
|
|
9
|
-
imports: ["import { ContentCard } from '@coinbase/cds-mobile/cards/ContentCard/ContentCard'"],
|
|
10
|
-
props: {
|
|
11
|
-
header: figma.boolean('show header', {
|
|
12
|
-
true: figma.children('.cardHeader'),
|
|
13
|
-
false: undefined
|
|
14
|
-
}),
|
|
15
|
-
body: figma.boolean('show body', {
|
|
16
|
-
true: figma.children('.CardBody'),
|
|
17
|
-
false: undefined
|
|
18
|
-
}),
|
|
19
|
-
footer: figma.boolean('show footer', {
|
|
20
|
-
true: figma.children('.CardFooter'),
|
|
21
|
-
false: undefined
|
|
22
|
-
})
|
|
23
|
-
},
|
|
24
|
-
example: _ref => {
|
|
25
|
-
let {
|
|
26
|
-
header,
|
|
27
|
-
footer,
|
|
28
|
-
body
|
|
29
|
-
} = _ref,
|
|
30
|
-
props = _objectWithoutPropertiesLoose(_ref, _excluded);
|
|
31
|
-
return /*#__PURE__*/_jsxs(ContentCard, _extends({}, props, {
|
|
32
|
-
children: [header, body, footer]
|
|
33
|
-
}));
|
|
34
|
-
}
|
|
35
|
-
});
|
|
@@ -1,46 +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 { ethBackground } from '@coinbase/cds-common/internal/data/assets';
|
|
4
|
-
import { figma } from '@figma/code-connect';
|
|
5
|
-
import { RemoteImage } from '../../../media';
|
|
6
|
-
import { MediaCard } from '../';
|
|
7
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
8
|
-
figma.connect(MediaCard, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/%E2%9C%A8-CDS-Components?node-id=72941-18302&m=dev', {
|
|
9
|
-
imports: ["import { MediaCard } from '@coinbase/cds-mobile/cards/MediaCard'", "import { Avatar } from '@coinbase/cds-mobile/media/Avatar'"],
|
|
10
|
-
props: {
|
|
11
|
-
title: figma.string('title'),
|
|
12
|
-
subtitle: figma.boolean('show subtitle', {
|
|
13
|
-
true: figma.string('↳ subtitle'),
|
|
14
|
-
false: undefined
|
|
15
|
-
}),
|
|
16
|
-
description: figma.boolean('show subdetail', {
|
|
17
|
-
true: figma.instance('↳ subdetail'),
|
|
18
|
-
false: undefined
|
|
19
|
-
}),
|
|
20
|
-
thumbnail: figma.boolean('show media', {
|
|
21
|
-
true: figma.instance('↳ media'),
|
|
22
|
-
false: undefined
|
|
23
|
-
}),
|
|
24
|
-
mediaPlacement: figma.enum('image placement', {
|
|
25
|
-
left: 'start',
|
|
26
|
-
right: 'end',
|
|
27
|
-
none: undefined
|
|
28
|
-
}),
|
|
29
|
-
media: figma.enum('image placement', {
|
|
30
|
-
left: /*#__PURE__*/_jsx(RemoteImage, {
|
|
31
|
-
alt: "Media",
|
|
32
|
-
shape: "rectangle",
|
|
33
|
-
source: ethBackground,
|
|
34
|
-
width: "100%"
|
|
35
|
-
}),
|
|
36
|
-
right: /*#__PURE__*/_jsx(RemoteImage, {
|
|
37
|
-
alt: "Media",
|
|
38
|
-
shape: "rectangle",
|
|
39
|
-
source: ethBackground,
|
|
40
|
-
width: "100%"
|
|
41
|
-
}),
|
|
42
|
-
none: undefined
|
|
43
|
-
})
|
|
44
|
-
},
|
|
45
|
-
example: props => /*#__PURE__*/_jsx(MediaCard, _extends({}, props))
|
|
46
|
-
});
|
|
@@ -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
|
-
import React from 'react';
|
|
3
|
-
import { figma } from '@figma/code-connect';
|
|
4
|
-
import { MessagingCard } from '../';
|
|
5
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
6
|
-
figma.connect(MessagingCard, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/%E2%9C%A8-CDS-Components?node-id=72941-20711&m=dev', {
|
|
7
|
-
imports: ["import { MessagingCard } from '@coinbase/cds-mobile/cards/MessagingCard'"],
|
|
8
|
-
props: {
|
|
9
|
-
type: figma.enum('type', {
|
|
10
|
-
upsell: 'upsell',
|
|
11
|
-
nudge: 'nudge'
|
|
12
|
-
}),
|
|
13
|
-
title: figma.boolean('show title', {
|
|
14
|
-
true: figma.string('↳ title'),
|
|
15
|
-
false: undefined
|
|
16
|
-
}),
|
|
17
|
-
description: figma.boolean('show subtitle', {
|
|
18
|
-
true: figma.string('↳ subtitle'),
|
|
19
|
-
false: undefined
|
|
20
|
-
}),
|
|
21
|
-
tag: figma.boolean('show tag', {
|
|
22
|
-
true: figma.instance('↳ tag'),
|
|
23
|
-
false: undefined
|
|
24
|
-
}),
|
|
25
|
-
media: figma.instance('media'),
|
|
26
|
-
mediaPlacement: figma.enum('media placement', {
|
|
27
|
-
left: 'start',
|
|
28
|
-
right: 'end'
|
|
29
|
-
}),
|
|
30
|
-
onDismissButtonPress: figma.boolean('show dismiss', {
|
|
31
|
-
true: () => {},
|
|
32
|
-
false: undefined
|
|
33
|
-
})
|
|
34
|
-
},
|
|
35
|
-
example: props => /*#__PURE__*/_jsx(MessagingCard, _extends({
|
|
36
|
-
action: "Button"
|
|
37
|
-
}, props))
|
|
38
|
-
});
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { figma } from '@figma/code-connect';
|
|
2
|
-
import { AnnouncementCard } from '../AnnouncementCard';
|
|
3
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
4
|
-
figma.connect(AnnouncementCard, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=61%3A956', {
|
|
5
|
-
imports: ["import { AnnouncementCard } from '@coinbase/cds-mobile/cards/AnnouncementCard'"],
|
|
6
|
-
props: {
|
|
7
|
-
showtopdivider29390: figma.boolean('show top divider'),
|
|
8
|
-
illustration5960: figma.instance('illustration'),
|
|
9
|
-
description110511: figma.string('description'),
|
|
10
|
-
showbottomdivider59619: figma.boolean('show bottom divider'),
|
|
11
|
-
title110512: figma.string('title'),
|
|
12
|
-
showbutton15215: figma.boolean('show button'),
|
|
13
|
-
platform: figma.enum('platform', {
|
|
14
|
-
'📱 mobile': '---mobile',
|
|
15
|
-
'🖥 desktop': '---desktop'
|
|
16
|
-
})
|
|
17
|
-
},
|
|
18
|
-
example: () => /*#__PURE__*/_jsx(AnnouncementCard, {})
|
|
19
|
-
});
|
|
@@ -1,39 +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 { figma } from '@figma/code-connect';
|
|
5
|
-
import { ContainedAssetCard } from '../ContainedAssetCard';
|
|
6
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
7
|
-
figma.connect(ContainedAssetCard, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=10084%3A2875', {
|
|
8
|
-
imports: ["import { ContainedAssetCard } from '@coinbase/cds-mobile/cards/ContainedAssetCard'"],
|
|
9
|
-
props: {
|
|
10
|
-
// showverified1025912: figma.boolean('↳ show verified'),
|
|
11
|
-
header: figma.instance('header'),
|
|
12
|
-
subtitle: figma.boolean('show subtitle', {
|
|
13
|
-
true: figma.string('↳ subtitle'),
|
|
14
|
-
false: undefined
|
|
15
|
-
}),
|
|
16
|
-
title: figma.string('title'),
|
|
17
|
-
description: figma.boolean('show description', {
|
|
18
|
-
true: figma.instance('↳ description'),
|
|
19
|
-
false: undefined
|
|
20
|
-
}),
|
|
21
|
-
size: figma.enum('size', {
|
|
22
|
-
s: 's',
|
|
23
|
-
l: 'l'
|
|
24
|
-
}),
|
|
25
|
-
children: figma.enum('type', {
|
|
26
|
-
contained: undefined,
|
|
27
|
-
'half filled': 'right half content'
|
|
28
|
-
})
|
|
29
|
-
},
|
|
30
|
-
example: _ref => {
|
|
31
|
-
let {
|
|
32
|
-
children
|
|
33
|
-
} = _ref,
|
|
34
|
-
props = _objectWithoutPropertiesLoose(_ref, _excluded);
|
|
35
|
-
return /*#__PURE__*/_jsx(ContainedAssetCard, _extends({}, props, {
|
|
36
|
-
children: children
|
|
37
|
-
}));
|
|
38
|
-
}
|
|
39
|
-
});
|
|
@@ -1,30 +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 { FloatingAssetCard } from '../FloatingAssetCard';
|
|
5
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
6
|
-
figma.connect(FloatingAssetCard, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=10085%3A3012', {
|
|
7
|
-
imports: ["import { FloatingAssetCard } from '@coinbase/cds-mobile/cards/FloatingAssetCard'"],
|
|
8
|
-
props: {
|
|
9
|
-
// showverified1025919: figma.boolean('↳ show verified'),
|
|
10
|
-
title: figma.string('title'),
|
|
11
|
-
description: figma.boolean('show description', {
|
|
12
|
-
true: figma.instance('↳ description'),
|
|
13
|
-
false: undefined
|
|
14
|
-
}),
|
|
15
|
-
subtitle: figma.boolean('show subtitle', {
|
|
16
|
-
true: figma.string('↳ subtitle'),
|
|
17
|
-
false: undefined
|
|
18
|
-
}),
|
|
19
|
-
size: figma.enum('size', {
|
|
20
|
-
l: 'l',
|
|
21
|
-
s: 's'
|
|
22
|
-
})
|
|
23
|
-
},
|
|
24
|
-
example: _ref => {
|
|
25
|
-
let props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
|
|
26
|
-
return /*#__PURE__*/_jsx(FloatingAssetCard, _extends({
|
|
27
|
-
media: "<Image />"
|
|
28
|
-
}, props));
|
|
29
|
-
}
|
|
30
|
-
});
|
|
@@ -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
|
-
});
|