@coinbase/cds-web 9.1.2 → 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 +11 -0
- 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 +16 -2
- package/dts/alpha/select/types.d.ts.map +1 -1
- package/esm/alpha/select/DefaultSelectControl.js +30 -12
- package/esm/alpha/select/Select.js +17 -3
- 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__/TileButton.figma.d.ts +0 -2
- package/dts/buttons/__figma__/TileButton.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/ContentCard/__figma__/ContentCardBody.figma.d.ts +0 -2
- package/dts/cards/ContentCard/__figma__/ContentCardBody.figma.d.ts.map +0 -1
- package/dts/cards/ContentCard/__figma__/ContentCardFooter.figma.d.ts +0 -2
- package/dts/cards/ContentCard/__figma__/ContentCardFooter.figma.d.ts.map +0 -1
- package/dts/cards/ContentCard/__figma__/ContentCardHeader.figma.d.ts +0 -2
- package/dts/cards/ContentCard/__figma__/ContentCardHeader.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__/NativeTextArea.figma.d.ts +0 -2
- package/dts/controls/__figma__/NativeTextArea.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/dropdown/__figma__/Dropdown.figma.d.ts +0 -2
- package/dts/dropdown/__figma__/Dropdown.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__/NavLink.figma.d.ts +0 -2
- package/dts/navigation/__figma__/NavLink.figma.d.ts.map +0 -1
- package/dts/navigation/__figma__/NavigationBar.figma.d.ts +0 -2
- package/dts/navigation/__figma__/NavigationBar.figma.d.ts.map +0 -1
- package/dts/navigation/__figma__/NavigationTitle.figma.d.ts +0 -2
- package/dts/navigation/__figma__/NavigationTitle.figma.d.ts.map +0 -1
- package/dts/navigation/__figma__/Sidebar.figma.d.ts +0 -2
- package/dts/navigation/__figma__/Sidebar.figma.d.ts.map +0 -1
- package/dts/navigation/__figma__/SidebarItem.figma.d.ts +0 -2
- package/dts/navigation/__figma__/SidebarItem.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__/FullscreenModal.figma.d.ts +0 -2
- package/dts/overlays/modal/__figma__/FullscreenModal.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/pagination/__figma__/Pagination.figma.d.ts +0 -2
- package/dts/pagination/__figma__/Pagination.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/tables/__figma__/TableCell.figma.d.ts +0 -2
- package/dts/tables/__figma__/TableCell.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 -47
- package/esm/alpha/__figma__/Select.figma.js +0 -68
- package/esm/alpha/data-card/__figma__/DataCard.figma.js +0 -29
- package/esm/buttons/__figma__/AvatarButton.figma.js +0 -30
- package/esm/buttons/__figma__/Button.figma.js +0 -63
- package/esm/buttons/__figma__/ButtonGroup.figma.js +0 -54
- package/esm/buttons/__figma__/IconButton.figma.js +0 -35
- package/esm/buttons/__figma__/TileButton.figma.js +0 -29
- package/esm/cards/ContentCard/__figma__/ContentCard.figma.js +0 -37
- package/esm/cards/ContentCard/__figma__/ContentCardBody.figma.js +0 -55
- package/esm/cards/ContentCard/__figma__/ContentCardFooter.figma.js +0 -150
- package/esm/cards/ContentCard/__figma__/ContentCardHeader.figma.js +0 -29
- package/esm/cards/MediaCard/__figma__/MediaCard.figma.js +0 -50
- package/esm/cards/MessagingCard/__figma__/MessagingCard.figma.js +0 -42
- package/esm/cards/__figma__/AnnouncementCard.figma.js +0 -20
- package/esm/cards/__figma__/ContainedAssetCard.figma.js +0 -45
- package/esm/cards/__figma__/FloatingAssetCard.figma.js +0 -36
- package/esm/cards/__figma__/NudgeCard.figma.js +0 -60
- package/esm/cards/__figma__/UpsellCard.figma.js +0 -59
- package/esm/carousel/__figma__/Carousel.figma.js +0 -36
- package/esm/cells/__figma__/ContentCell.figma.js +0 -40
- package/esm/cells/__figma__/ListCell.figma.js +0 -79
- package/esm/chips/__figma__/InputChip.figma.js +0 -31
- package/esm/chips/__figma__/SelectChip.figma.js +0 -46
- package/esm/chips/__figma__/TabbedChips.figma.js +0 -55
- package/esm/coachmark/__figma__/Coachmark.figma.js +0 -49
- package/esm/controls/__figma__/Checkbox.figma.js +0 -32
- package/esm/controls/__figma__/CheckboxCell.figma.js +0 -43
- package/esm/controls/__figma__/CheckboxGroup.figma.js +0 -27
- package/esm/controls/__figma__/NativeTextArea.figma.js +0 -30
- package/esm/controls/__figma__/RadioCell.figma.js +0 -83
- package/esm/controls/__figma__/RadioGroup.figma.js +0 -47
- package/esm/controls/__figma__/SearchInput.figma.js +0 -44
- package/esm/controls/__figma__/SelectOption.figma.js +0 -38
- package/esm/controls/__figma__/Switch.figma.js +0 -20
- package/esm/controls/__figma__/TextInput.figma.js +0 -130
- package/esm/dates/__figma__/DatePicker.figma.js +0 -46
- package/esm/dots/__figma__/DotCount.figma.js +0 -19
- package/esm/dots/__figma__/DotStatusColor.figma.js +0 -27
- package/esm/dots/__figma__/DotSymbol.figma.js +0 -49
- package/esm/dropdown/__figma__/Dropdown.figma.js +0 -20
- package/esm/icons/__figma__/Icon.figma.js +0 -3909
- package/esm/icons/__figma__/LogoMark.figma.js +0 -23
- package/esm/icons/__figma__/LogoWordmark.figma.js +0 -35
- package/esm/icons/__figma__/SubBrandLogoMark.figma.js +0 -51
- package/esm/icons/__figma__/SubBrandLogoWordmark.figma.js +0 -52
- package/esm/illustrations/__figma__/HeroSquare.figma.js +0 -2103
- package/esm/illustrations/__figma__/Pictogram.figma.js +0 -1773
- package/esm/illustrations/__figma__/SpotIcon.figma.js +0 -339
- package/esm/illustrations/__figma__/SpotRectangle.figma.js +0 -1101
- package/esm/illustrations/__figma__/SpotSquare.figma.js +0 -1191
- package/esm/layout/__figma__/Divider.figma.js +0 -31
- package/esm/layout/__figma__/Fallback.figma.js +0 -25
- package/esm/media/__figma__/Avatar.figma.js +0 -61
- package/esm/multi-content-module/__figma__/MultiContentModule.figma.js +0 -39
- package/esm/navigation/__figma__/NavLink.figma.js +0 -58
- package/esm/navigation/__figma__/NavigationBar.figma.js +0 -284
- package/esm/navigation/__figma__/NavigationTitle.figma.js +0 -18
- package/esm/navigation/__figma__/Sidebar.figma.js +0 -40
- package/esm/navigation/__figma__/SidebarItem.figma.js +0 -24
- package/esm/overlays/__figma__/Alert.figma.js +0 -37
- package/esm/overlays/__figma__/Toast.figma.js +0 -51
- package/esm/overlays/modal/__figma__/FullscreenModal.figma.css +0 -1
- package/esm/overlays/modal/__figma__/FullscreenModal.figma.js +0 -104
- package/esm/overlays/modal/__figma__/Modal.figma.js +0 -81
- package/esm/overlays/tooltip/__figma__/Tooltip.figma.js +0 -93
- package/esm/overlays/tray/__figma__/Tray.figma.js +0 -191
- package/esm/page/__figma__/PageFooter.figma.js +0 -61
- package/esm/page/__figma__/PageHeader.figma.js +0 -57
- package/esm/pagination/__figma__/Pagination.figma.js +0 -22
- package/esm/perf/component-config/Button.component-config.perf-test.js +0 -43
- package/esm/perf/component-config/ComponentConfigProvider.perf-test.js +0 -134
- package/esm/perf/component-config/ComponentConfigStickerSheet.perf-test.js +0 -332
- package/esm/perf/component-config/README.md +0 -8
- package/esm/section-header/__figma__/SectionHeader.figma.js +0 -58
- package/esm/tables/__figma__/TableCell.figma.js +0 -116
- package/esm/tabs/__figma__/SegmentedTabs.figma.js +0 -82
- package/esm/tabs/__figma__/TabNavigation.figma.js +0 -82
- package/esm/tag/__figma__/Tag.figma.js +0 -90
- package/esm/typography/__figma__/Link.figma.js +0 -32
- package/esm/visualizations/__figma__/ProgressBar.figma.js +0 -103
- package/esm/visualizations/__figma__/ProgressCircle.figma.js +0 -29
- package/esm/visualizations/sparkline/__figma__/Sparkline.figma.js +0 -24
- package/esm/visualizations/sparkline/sparkline-interactive/__figma__/SparklineInteractive.figma.js +0 -89
- package/esm/visualizations/sparkline/sparkline-interactive-header/__figma__/SparklineInteractiveHeader.figma.js +0 -108
|
@@ -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-web/alpha/data-card'", "import { Avatar } from '@coinbase/cds-web/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,30 +0,0 @@
|
|
|
1
|
-
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
3
|
-
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
4
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
|
|
5
|
-
function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
6
|
-
import React from 'react';
|
|
7
|
-
import { figma } from '@figma/code-connect';
|
|
8
|
-
import { AvatarButton } from '../AvatarButton';
|
|
9
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
10
|
-
figma.connect(AvatarButton, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=276-23400&m=dev', {
|
|
11
|
-
imports: ["import {AvatarButton} from '@coinbase/cds-web/buttons/AvatarButton'"],
|
|
12
|
-
props: {
|
|
13
|
-
// state: figma.enum('state', {
|
|
14
|
-
// active: 'active',
|
|
15
|
-
// focus: 'focus',
|
|
16
|
-
// hover: 'hover',
|
|
17
|
-
// pressed: 'pressed',
|
|
18
|
-
// selected: 'selected',
|
|
19
|
-
// }),
|
|
20
|
-
selected: figma.enum('state', {
|
|
21
|
-
selected: true
|
|
22
|
-
}),
|
|
23
|
-
compact: figma.boolean('compact'),
|
|
24
|
-
loading: figma.boolean('disabled')
|
|
25
|
-
},
|
|
26
|
-
example: props => /*#__PURE__*/_jsx(AvatarButton, _objectSpread(_objectSpread({}, props), {}, {
|
|
27
|
-
accessibilityLabel: "Avatar button",
|
|
28
|
-
name: "A"
|
|
29
|
-
}))
|
|
30
|
-
});
|
|
@@ -1,63 +0,0 @@
|
|
|
1
|
-
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
3
|
-
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
4
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
|
|
5
|
-
function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
6
|
-
function _objectDestructuringEmpty(t) { if (null == t) throw new TypeError("Cannot destructure " + t); }
|
|
7
|
-
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
8
|
-
import React from 'react';
|
|
9
|
-
import { figma } from '@figma/code-connect';
|
|
10
|
-
import { Button } from '../Button';
|
|
11
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
12
|
-
figma.connect(Button, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=89-3096&m=dev', {
|
|
13
|
-
imports: ["import { Button } from '@coinbase/cds-web/buttons/Button'"],
|
|
14
|
-
props: {
|
|
15
|
-
variant: figma.enum('variant', {
|
|
16
|
-
primary: 'primary',
|
|
17
|
-
secondary: 'secondary',
|
|
18
|
-
negative: 'negative'
|
|
19
|
-
}),
|
|
20
|
-
transparent: figma.boolean('transparent'),
|
|
21
|
-
loading: figma.enum('state', {
|
|
22
|
-
loading: true,
|
|
23
|
-
default: false,
|
|
24
|
-
hover: false,
|
|
25
|
-
pressed: false,
|
|
26
|
-
disabled: false
|
|
27
|
-
}),
|
|
28
|
-
disabled: figma.enum('state', {
|
|
29
|
-
disabled: true,
|
|
30
|
-
default: false,
|
|
31
|
-
hover: false,
|
|
32
|
-
pressed: false,
|
|
33
|
-
loading: false
|
|
34
|
-
}),
|
|
35
|
-
compact: figma.boolean('compact'),
|
|
36
|
-
block: figma.enum('width', {
|
|
37
|
-
hug: false,
|
|
38
|
-
full: true,
|
|
39
|
-
flush: false
|
|
40
|
-
}),
|
|
41
|
-
startIcon: figma.enum('icon', {
|
|
42
|
-
leading: figma.instance('↳ icon'),
|
|
43
|
-
trailing: undefined,
|
|
44
|
-
none: undefined
|
|
45
|
-
}),
|
|
46
|
-
endIcon: figma.enum('icon', {
|
|
47
|
-
trailing: figma.instance('↳ icon'),
|
|
48
|
-
leading: undefined,
|
|
49
|
-
none: undefined
|
|
50
|
-
}),
|
|
51
|
-
flush: figma.enum('width', {
|
|
52
|
-
hug: undefined,
|
|
53
|
-
full: undefined,
|
|
54
|
-
flush: 'start'
|
|
55
|
-
})
|
|
56
|
-
},
|
|
57
|
-
example: _ref => {
|
|
58
|
-
let props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
|
|
59
|
-
return /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({}, props), {}, {
|
|
60
|
-
children: "Button"
|
|
61
|
-
}));
|
|
62
|
-
}
|
|
63
|
-
});
|
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
const _excluded = ["children"];
|
|
2
|
-
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
3
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
4
|
-
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
5
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
|
|
6
|
-
function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
7
|
-
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
|
8
|
-
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
|
|
9
|
-
import React from 'react';
|
|
10
|
-
import { figma } from '@figma/code-connect';
|
|
11
|
-
import { Button } from '../Button';
|
|
12
|
-
import { ButtonGroup } from '../ButtonGroup';
|
|
13
|
-
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
14
|
-
figma.connect(ButtonGroup, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=283-19617&m=dev', {
|
|
15
|
-
imports: ["import {ButtonGroup} from '@coinbase/cds-web/buttons/ButtonGroup'"],
|
|
16
|
-
props: {
|
|
17
|
-
direction: figma.enum('orientation', {
|
|
18
|
-
stacked: 'vertical',
|
|
19
|
-
'side-by-side': 'horizontal'
|
|
20
|
-
}),
|
|
21
|
-
children: figma.enum('# of actions', {
|
|
22
|
-
'2': /*#__PURE__*/_jsxs(_Fragment, {
|
|
23
|
-
children: [/*#__PURE__*/_jsx(Button, {
|
|
24
|
-
variant: "primary",
|
|
25
|
-
children: "Button"
|
|
26
|
-
}), /*#__PURE__*/_jsx(Button, {
|
|
27
|
-
variant: "secondary",
|
|
28
|
-
children: "Button"
|
|
29
|
-
})]
|
|
30
|
-
}),
|
|
31
|
-
'3': /*#__PURE__*/_jsxs(_Fragment, {
|
|
32
|
-
children: [/*#__PURE__*/_jsx(Button, {
|
|
33
|
-
variant: "primary",
|
|
34
|
-
children: "Button"
|
|
35
|
-
}), /*#__PURE__*/_jsx(Button, {
|
|
36
|
-
variant: "secondary",
|
|
37
|
-
children: "Button"
|
|
38
|
-
}), /*#__PURE__*/_jsx(Button, {
|
|
39
|
-
variant: "negative",
|
|
40
|
-
children: "Button"
|
|
41
|
-
})]
|
|
42
|
-
})
|
|
43
|
-
})
|
|
44
|
-
},
|
|
45
|
-
example: _ref => {
|
|
46
|
-
let {
|
|
47
|
-
children
|
|
48
|
-
} = _ref,
|
|
49
|
-
props = _objectWithoutProperties(_ref, _excluded);
|
|
50
|
-
return /*#__PURE__*/_jsx(ButtonGroup, _objectSpread(_objectSpread({}, props), {}, {
|
|
51
|
-
children: children
|
|
52
|
-
}));
|
|
53
|
-
}
|
|
54
|
-
});
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
3
|
-
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
4
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
|
|
5
|
-
function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
6
|
-
function _objectDestructuringEmpty(t) { if (null == t) throw new TypeError("Cannot destructure " + t); }
|
|
7
|
-
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
8
|
-
import React from 'react';
|
|
9
|
-
import { figma } from '@figma/code-connect';
|
|
10
|
-
import { IconButton } from '../IconButton';
|
|
11
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
12
|
-
figma.connect(IconButton, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=47-358&m=dev', {
|
|
13
|
-
imports: ["import {IconButton} from '@coinbase/cds-web/buttons/IconButton'"],
|
|
14
|
-
props: {
|
|
15
|
-
variant: figma.enum('variant', {
|
|
16
|
-
primary: 'primary',
|
|
17
|
-
secondary: 'secondary'
|
|
18
|
-
}),
|
|
19
|
-
disabled: figma.enum('state', {
|
|
20
|
-
disabled: true,
|
|
21
|
-
default: false,
|
|
22
|
-
hover: false,
|
|
23
|
-
pressed: false,
|
|
24
|
-
loading: false
|
|
25
|
-
}),
|
|
26
|
-
compact: figma.boolean('compact'),
|
|
27
|
-
transparent: figma.boolean('transparent')
|
|
28
|
-
},
|
|
29
|
-
example: _ref => {
|
|
30
|
-
let props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
|
|
31
|
-
return /*#__PURE__*/_jsx(IconButton, _objectSpread({
|
|
32
|
-
name: "add"
|
|
33
|
-
}, props));
|
|
34
|
-
}
|
|
35
|
-
});
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
const _excluded = ["children"];
|
|
2
|
-
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
3
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
4
|
-
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
5
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
|
|
6
|
-
function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
7
|
-
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
|
8
|
-
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
|
|
9
|
-
import React from 'react';
|
|
10
|
-
import { figma } from '@figma/code-connect';
|
|
11
|
-
import { TileButton } from '../TileButton';
|
|
12
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
13
|
-
figma.connect(TileButton, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=286%3A18370', {
|
|
14
|
-
imports: ["import { TileButton } from '@coinbase/cds-web/buttons/TileButton'"],
|
|
15
|
-
props: {
|
|
16
|
-
title: figma.string('product text'),
|
|
17
|
-
children: figma.instance('product logo'),
|
|
18
|
-
disabled: figma.boolean('disabled')
|
|
19
|
-
},
|
|
20
|
-
example: _ref => {
|
|
21
|
-
let {
|
|
22
|
-
children
|
|
23
|
-
} = _ref,
|
|
24
|
-
props = _objectWithoutProperties(_ref, _excluded);
|
|
25
|
-
return /*#__PURE__*/_jsx(TileButton, _objectSpread(_objectSpread({}, props), {}, {
|
|
26
|
-
children: children
|
|
27
|
-
}));
|
|
28
|
-
}
|
|
29
|
-
});
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
const _excluded = ["header", "footer", "body"];
|
|
2
|
-
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
3
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
4
|
-
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
5
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
|
|
6
|
-
function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
7
|
-
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
|
8
|
-
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
|
|
9
|
-
import React from 'react';
|
|
10
|
-
import { figma } from '@figma/code-connect';
|
|
11
|
-
import { ContentCard } from '../ContentCard';
|
|
12
|
-
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
|
-
figma.connect(ContentCard, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=14705%3A22920', {
|
|
14
|
-
imports: ["import { ContentCard } from '@coinbase/cds-web/cards/ContentCard/ContentCard'"],
|
|
15
|
-
props: {
|
|
16
|
-
header: figma.boolean('show card header', {
|
|
17
|
-
true: figma.children('.📦 ContentCardHeader'),
|
|
18
|
-
false: undefined
|
|
19
|
-
}),
|
|
20
|
-
body: figma.children('.📦 ContentCardBody'),
|
|
21
|
-
footer: figma.boolean('show card footer', {
|
|
22
|
-
true: figma.children('.📦 ContentCardFooter'),
|
|
23
|
-
false: undefined
|
|
24
|
-
})
|
|
25
|
-
},
|
|
26
|
-
example: _ref => {
|
|
27
|
-
let {
|
|
28
|
-
header,
|
|
29
|
-
footer,
|
|
30
|
-
body
|
|
31
|
-
} = _ref,
|
|
32
|
-
props = _objectWithoutProperties(_ref, _excluded);
|
|
33
|
-
return /*#__PURE__*/_jsxs(ContentCard, _objectSpread(_objectSpread({}, props), {}, {
|
|
34
|
-
children: [header, body, footer]
|
|
35
|
-
}));
|
|
36
|
-
}
|
|
37
|
-
});
|
|
@@ -1,55 +0,0 @@
|
|
|
1
|
-
const _excluded = ["children"];
|
|
2
|
-
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
3
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
4
|
-
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
5
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
|
|
6
|
-
function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
7
|
-
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
|
8
|
-
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
|
|
9
|
-
import React from 'react';
|
|
10
|
-
import { figma } from '@figma/code-connect';
|
|
11
|
-
import { ContentCardBody } from '../ContentCardBody';
|
|
12
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
13
|
-
figma.connect(ContentCardBody, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=14705-24336', {
|
|
14
|
-
imports: ["import { ContentCardBody } from '@coinbase/cds-web/cards/ContentCard/ContentCardBody'"],
|
|
15
|
-
props: {
|
|
16
|
-
body: figma.string('body'),
|
|
17
|
-
label: figma.string('label'),
|
|
18
|
-
children: figma.enum('type', {
|
|
19
|
-
custom: figma.children('*')
|
|
20
|
-
}),
|
|
21
|
-
media: figma.enum('type', {
|
|
22
|
-
'image right': /*#__PURE__*/_jsx("img", {
|
|
23
|
-
alt: "",
|
|
24
|
-
src: ""
|
|
25
|
-
}),
|
|
26
|
-
'image top': /*#__PURE__*/_jsx("img", {
|
|
27
|
-
alt: "",
|
|
28
|
-
src: ""
|
|
29
|
-
}),
|
|
30
|
-
'image bottom': /*#__PURE__*/_jsx("img", {
|
|
31
|
-
alt: "",
|
|
32
|
-
src: ""
|
|
33
|
-
}),
|
|
34
|
-
'image left': /*#__PURE__*/_jsx("img", {
|
|
35
|
-
alt: "",
|
|
36
|
-
src: ""
|
|
37
|
-
})
|
|
38
|
-
}),
|
|
39
|
-
mediaPosition: figma.enum('type', {
|
|
40
|
-
'image right': 'right',
|
|
41
|
-
'image top': 'top',
|
|
42
|
-
'image bottom': 'bottom',
|
|
43
|
-
'image left': 'left'
|
|
44
|
-
})
|
|
45
|
-
},
|
|
46
|
-
example: _ref => {
|
|
47
|
-
let {
|
|
48
|
-
children
|
|
49
|
-
} = _ref,
|
|
50
|
-
props = _objectWithoutProperties(_ref, _excluded);
|
|
51
|
-
return /*#__PURE__*/_jsx(ContentCardBody, _objectSpread(_objectSpread({}, props), {}, {
|
|
52
|
-
children: children
|
|
53
|
-
}));
|
|
54
|
-
}
|
|
55
|
-
});
|
|
@@ -1,150 +0,0 @@
|
|
|
1
|
-
const _excluded = ["children"],
|
|
2
|
-
_excluded2 = ["children"],
|
|
3
|
-
_excluded3 = ["children"],
|
|
4
|
-
_excluded4 = ["children"];
|
|
5
|
-
function _objectDestructuringEmpty(t) { if (null == t) throw new TypeError("Cannot destructure " + t); }
|
|
6
|
-
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); }
|
|
7
|
-
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; }
|
|
8
|
-
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; }
|
|
9
|
-
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; }
|
|
10
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
|
|
11
|
-
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); }
|
|
12
|
-
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
|
13
|
-
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; }
|
|
14
|
-
import React from 'react';
|
|
15
|
-
import { figma } from '@figma/code-connect';
|
|
16
|
-
import { IconCounterButton } from '../../../buttons';
|
|
17
|
-
import { HStack, VStack } from '../../../layout';
|
|
18
|
-
import { Avatar, RemoteImageGroup } from '../../../media';
|
|
19
|
-
import { Text } from '../../../typography';
|
|
20
|
-
import { ContentCardFooter } from '../ContentCardFooter';
|
|
21
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
22
|
-
const URL = 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=14705-24360';
|
|
23
|
-
figma.connect(ContentCardFooter, URL, {
|
|
24
|
-
imports: ["import { ContentCardFooter } from '@coinbase/cds-web/cards/ContentCard/ContentCardFooter'"],
|
|
25
|
-
variant: {
|
|
26
|
-
type: 'button'
|
|
27
|
-
},
|
|
28
|
-
props: {
|
|
29
|
-
children: figma.children('action')
|
|
30
|
-
},
|
|
31
|
-
example: _ref => {
|
|
32
|
-
let {
|
|
33
|
-
children
|
|
34
|
-
} = _ref,
|
|
35
|
-
props = _objectWithoutProperties(_ref, _excluded);
|
|
36
|
-
return /*#__PURE__*/_jsx(ContentCardFooter, _objectSpread(_objectSpread({
|
|
37
|
-
justifyContent: "flex-end"
|
|
38
|
-
}, props), {}, {
|
|
39
|
-
children: children
|
|
40
|
-
}));
|
|
41
|
-
}
|
|
42
|
-
});
|
|
43
|
-
figma.connect(ContentCardFooter, URL, {
|
|
44
|
-
imports: ["import { ContentCardFooter } from '@coinbase/cds-web/cards/ContentCard/ContentCardFooter'", "import { RemoteImageGroup } from '@coinbase/cds-web/media/RemoteImageGroup'"],
|
|
45
|
-
variant: {
|
|
46
|
-
type: 'media + button'
|
|
47
|
-
},
|
|
48
|
-
props: {
|
|
49
|
-
children: figma.children('action')
|
|
50
|
-
},
|
|
51
|
-
example: _ref2 => {
|
|
52
|
-
let {
|
|
53
|
-
children
|
|
54
|
-
} = _ref2,
|
|
55
|
-
props = _objectWithoutProperties(_ref2, _excluded2);
|
|
56
|
-
return /*#__PURE__*/_jsxs(ContentCardFooter, _objectSpread(_objectSpread({}, props), {}, {
|
|
57
|
-
children: [/*#__PURE__*/_jsx(RemoteImageGroup, {}), children]
|
|
58
|
-
}));
|
|
59
|
-
}
|
|
60
|
-
});
|
|
61
|
-
figma.connect(ContentCardFooter, URL, {
|
|
62
|
-
imports: ["import { ContentCardFooter } from '@coinbase/cds-web/cards/ContentCard/ContentCardFooter'", "import { Avatar } from '@coinbase/cds-web/media/Avatar'", "import { VStack } from '@coinbase/cds-web/layout/VStack'", "import { HStack } from '@coinbase/cds-web/layout/HStack'", "import { Text } from '@coinbase/cds-web/typography/Text'", "import { Text } from '@coinbase/cds-web/typography/Text'"],
|
|
63
|
-
variant: {
|
|
64
|
-
type: 'custom'
|
|
65
|
-
},
|
|
66
|
-
props: {
|
|
67
|
-
children: figma.children('action')
|
|
68
|
-
},
|
|
69
|
-
example: _ref3 => {
|
|
70
|
-
let {
|
|
71
|
-
children
|
|
72
|
-
} = _ref3,
|
|
73
|
-
props = _objectWithoutProperties(_ref3, _excluded3);
|
|
74
|
-
return /*#__PURE__*/_jsxs(ContentCardFooter, _objectSpread(_objectSpread({}, props), {}, {
|
|
75
|
-
children: [/*#__PURE__*/_jsxs(HStack, {
|
|
76
|
-
gap: 1,
|
|
77
|
-
children: [/*#__PURE__*/_jsx(Avatar, {
|
|
78
|
-
alt: "",
|
|
79
|
-
shape: "circle",
|
|
80
|
-
size: "xl",
|
|
81
|
-
src: ""
|
|
82
|
-
}), /*#__PURE__*/_jsxs(VStack, {
|
|
83
|
-
children: [/*#__PURE__*/_jsx(Text, {
|
|
84
|
-
as: "span",
|
|
85
|
-
color: "fgMuted",
|
|
86
|
-
children: "Reward"
|
|
87
|
-
}), /*#__PURE__*/_jsx(Text, {
|
|
88
|
-
as: "span",
|
|
89
|
-
children: "+$15 ACS"
|
|
90
|
-
})]
|
|
91
|
-
})]
|
|
92
|
-
}), children]
|
|
93
|
-
}));
|
|
94
|
-
}
|
|
95
|
-
});
|
|
96
|
-
figma.connect(ContentCardFooter, URL, {
|
|
97
|
-
imports: ["import { ContentCardFooter } from '@coinbase/cds-web/cards/ContentCard/ContentCardFooter'", "import { IconCounterButton } from '@coinbase/cds-web/buttons/IconCounterButton'", "import { HStack } from '@coinbase/cds-web/layout/HStack'"],
|
|
98
|
-
variant: {
|
|
99
|
-
type: 'engagement + button'
|
|
100
|
-
},
|
|
101
|
-
props: {
|
|
102
|
-
children: figma.children('action')
|
|
103
|
-
},
|
|
104
|
-
example: _ref4 => {
|
|
105
|
-
let {
|
|
106
|
-
children
|
|
107
|
-
} = _ref4,
|
|
108
|
-
props = _objectWithoutProperties(_ref4, _excluded4);
|
|
109
|
-
return /*#__PURE__*/_jsxs(ContentCardFooter, _objectSpread(_objectSpread({}, props), {}, {
|
|
110
|
-
children: [/*#__PURE__*/_jsxs(HStack, {
|
|
111
|
-
gap: 1,
|
|
112
|
-
children: [/*#__PURE__*/_jsx(IconCounterButton, {
|
|
113
|
-
active: true,
|
|
114
|
-
accessibilityLabel: "20 likes, like",
|
|
115
|
-
color: "fgNegative",
|
|
116
|
-
count: 20,
|
|
117
|
-
icon: "heart"
|
|
118
|
-
}), /*#__PURE__*/_jsx(IconCounterButton, {
|
|
119
|
-
accessibilityLabel: "share",
|
|
120
|
-
icon: "share"
|
|
121
|
-
})]
|
|
122
|
-
}), children]
|
|
123
|
-
}));
|
|
124
|
-
}
|
|
125
|
-
});
|
|
126
|
-
figma.connect(ContentCardFooter, URL, {
|
|
127
|
-
imports: ["import { ContentCardFooter } from '@coinbase/cds-web/cards/ContentCard/ContentCardFooter'", "import { IconCounterButton } from '@coinbase/cds-web/buttons/IconCounterButton'", "import { HStack } from '@coinbase/cds-web/layout/HStack'"],
|
|
128
|
-
variant: {
|
|
129
|
-
type: 'engagement'
|
|
130
|
-
},
|
|
131
|
-
props: {},
|
|
132
|
-
example: _ref5 => {
|
|
133
|
-
let props = _extends({}, (_objectDestructuringEmpty(_ref5), _ref5));
|
|
134
|
-
return /*#__PURE__*/_jsxs(ContentCardFooter, _objectSpread(_objectSpread({}, props), {}, {
|
|
135
|
-
children: [/*#__PURE__*/_jsx(IconCounterButton, {
|
|
136
|
-
accessibilityLabel: "20 likes, like",
|
|
137
|
-
count: 20,
|
|
138
|
-
icon: "heartInactive"
|
|
139
|
-
}), /*#__PURE__*/_jsx(IconCounterButton, {
|
|
140
|
-
accessibilityLabel: "40 comments, comment",
|
|
141
|
-
count: 40,
|
|
142
|
-
icon: "comment"
|
|
143
|
-
}), /*#__PURE__*/_jsx(IconCounterButton, {
|
|
144
|
-
accessibilityLabel: "32 shares, share",
|
|
145
|
-
count: 32,
|
|
146
|
-
icon: "wireTransfer"
|
|
147
|
-
})]
|
|
148
|
-
}));
|
|
149
|
-
}
|
|
150
|
-
});
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
3
|
-
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
4
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
|
|
5
|
-
function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
6
|
-
function _objectDestructuringEmpty(t) { if (null == t) throw new TypeError("Cannot destructure " + t); }
|
|
7
|
-
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
8
|
-
import { figma } from '@figma/code-connect';
|
|
9
|
-
import { ContentCardHeader } from '../ContentCardHeader';
|
|
10
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
11
|
-
figma.connect(ContentCardHeader, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=14705%3A24320', {
|
|
12
|
-
imports: ["import { ContentCardHeader } from '@coinbase/cds-web/cards/ContentCard/ContentCardHeader'"],
|
|
13
|
-
props: {
|
|
14
|
-
title: figma.string('metadata label'),
|
|
15
|
-
meta: figma.string('metadata'),
|
|
16
|
-
avatar: figma.boolean('show start', {
|
|
17
|
-
true: figma.instance('↳ media'),
|
|
18
|
-
false: undefined
|
|
19
|
-
}),
|
|
20
|
-
end: figma.enum('type', {
|
|
21
|
-
default: figma.children(['action']),
|
|
22
|
-
'with tag': figma.children(['Tag'])
|
|
23
|
-
})
|
|
24
|
-
},
|
|
25
|
-
example: _ref => {
|
|
26
|
-
let props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
|
|
27
|
-
return /*#__PURE__*/_jsx(ContentCardHeader, _objectSpread({}, props));
|
|
28
|
-
}
|
|
29
|
-
});
|
|
@@ -1,50 +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 { ethBackground } from '@coinbase/cds-common/internal/data/assets';
|
|
8
|
-
import { figma } from '@figma/code-connect';
|
|
9
|
-
import { RemoteImage } from '../../../media';
|
|
10
|
-
import { MediaCard } from '../';
|
|
11
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
12
|
-
figma.connect(MediaCard, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/%E2%9C%A8-CDS-Components?node-id=72941-18302&m=dev', {
|
|
13
|
-
imports: ["import { MediaCard } from '@coinbase/cds-web/cards/MediaCard'", "import { Avatar } from '@coinbase/cds-web/media/Avatar'"],
|
|
14
|
-
props: {
|
|
15
|
-
title: figma.string('title'),
|
|
16
|
-
subtitle: figma.boolean('show subtitle', {
|
|
17
|
-
true: figma.string('↳ subtitle'),
|
|
18
|
-
false: undefined
|
|
19
|
-
}),
|
|
20
|
-
description: figma.boolean('show subdetail', {
|
|
21
|
-
true: figma.instance('↳ subdetail'),
|
|
22
|
-
false: undefined
|
|
23
|
-
}),
|
|
24
|
-
thumbnail: figma.boolean('show media', {
|
|
25
|
-
true: figma.instance('↳ media'),
|
|
26
|
-
false: undefined
|
|
27
|
-
}),
|
|
28
|
-
mediaPlacement: figma.enum('image placement', {
|
|
29
|
-
left: 'start',
|
|
30
|
-
right: 'end',
|
|
31
|
-
none: undefined
|
|
32
|
-
}),
|
|
33
|
-
media: figma.enum('image placement', {
|
|
34
|
-
left: /*#__PURE__*/_jsx(RemoteImage, {
|
|
35
|
-
alt: "Media",
|
|
36
|
-
shape: "rectangle",
|
|
37
|
-
source: ethBackground,
|
|
38
|
-
width: "100%"
|
|
39
|
-
}),
|
|
40
|
-
right: /*#__PURE__*/_jsx(RemoteImage, {
|
|
41
|
-
alt: "Media",
|
|
42
|
-
shape: "rectangle",
|
|
43
|
-
source: ethBackground,
|
|
44
|
-
width: "100%"
|
|
45
|
-
}),
|
|
46
|
-
none: undefined
|
|
47
|
-
})
|
|
48
|
-
},
|
|
49
|
-
example: props => /*#__PURE__*/_jsx(MediaCard, _objectSpread({}, props))
|
|
50
|
-
});
|
|
@@ -1,42 +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 { MessagingCard } from '../';
|
|
9
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
10
|
-
figma.connect(MessagingCard, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/%E2%9C%A8-CDS-Components?node-id=72941-20711&m=dev', {
|
|
11
|
-
imports: ["import { MessagingCard } from '@coinbase/cds-web/cards/MessagingCard'"],
|
|
12
|
-
props: {
|
|
13
|
-
type: figma.enum('type', {
|
|
14
|
-
upsell: 'upsell',
|
|
15
|
-
nudge: 'nudge'
|
|
16
|
-
}),
|
|
17
|
-
title: figma.boolean('show title', {
|
|
18
|
-
true: figma.string('↳ title'),
|
|
19
|
-
false: undefined
|
|
20
|
-
}),
|
|
21
|
-
description: figma.boolean('show subtitle', {
|
|
22
|
-
true: figma.string('↳ subtitle'),
|
|
23
|
-
false: undefined
|
|
24
|
-
}),
|
|
25
|
-
tag: figma.boolean('show tag', {
|
|
26
|
-
true: figma.instance('↳ tag'),
|
|
27
|
-
false: undefined
|
|
28
|
-
}),
|
|
29
|
-
media: figma.instance('media'),
|
|
30
|
-
mediaPlacement: figma.enum('media placement', {
|
|
31
|
-
left: 'start',
|
|
32
|
-
right: 'end'
|
|
33
|
-
}),
|
|
34
|
-
onDismissButtonClick: figma.boolean('show dismiss', {
|
|
35
|
-
true: () => {},
|
|
36
|
-
false: undefined
|
|
37
|
-
})
|
|
38
|
-
},
|
|
39
|
-
example: props => /*#__PURE__*/_jsx(MessagingCard, _objectSpread({
|
|
40
|
-
action: "Button"
|
|
41
|
-
}, props))
|
|
42
|
-
});
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { figma } from '@figma/code-connect';
|
|
3
|
-
import { AnnouncementCard } from '../AnnouncementCard';
|
|
4
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
5
|
-
figma.connect(AnnouncementCard, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=61%3A956', {
|
|
6
|
-
imports: ["import { AnnouncementCard } from '@coinbase/cds-web/cards/AnnouncementCard'"],
|
|
7
|
-
props: {
|
|
8
|
-
showtopdivider29390: figma.boolean('show top divider'),
|
|
9
|
-
illustration5960: figma.instance('illustration'),
|
|
10
|
-
description110511: figma.string('description'),
|
|
11
|
-
showbottomdivider59619: figma.boolean('show bottom divider'),
|
|
12
|
-
title110512: figma.string('title'),
|
|
13
|
-
showbutton15215: figma.boolean('show button'),
|
|
14
|
-
platform: figma.enum('platform', {
|
|
15
|
-
'📱 mobile': '---mobile',
|
|
16
|
-
'🖥 desktop': '---desktop'
|
|
17
|
-
})
|
|
18
|
-
},
|
|
19
|
-
example: () => /*#__PURE__*/_jsx(AnnouncementCard, {})
|
|
20
|
-
});
|