@coinbase/cds-mobile 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 +13 -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/sticky-footer/StickyFooter.d.ts +8 -0
- package/dts/sticky-footer/StickyFooter.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/dates/DatePicker.js +0 -2
- package/esm/overlays/__stories__/TrayAction.stories.js +0 -1
- package/esm/overlays/__stories__/TrayInformational.stories.js +0 -2
- package/esm/overlays/__stories__/TrayMessaging.stories.js +0 -1
- package/esm/overlays/__stories__/TrayPromotional.stories.js +0 -1
- package/esm/overlays/__stories__/TrayRedesign.stories.js +0 -7
- package/esm/sticky-footer/StickyFooter.js +6 -3
- 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 -223
- 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 -25
- 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
|
@@ -126,7 +126,6 @@ const TrayWithStickyFooter = () => {
|
|
|
126
126
|
} = _ref;
|
|
127
127
|
return /*#__PURE__*/_jsx(StickyFooter, {
|
|
128
128
|
background: "bgElevation2",
|
|
129
|
-
paddingX: 3,
|
|
130
129
|
children: /*#__PURE__*/_jsx(Button, {
|
|
131
130
|
block: true,
|
|
132
131
|
onPress: handleClose,
|
|
@@ -222,7 +221,6 @@ const TrayWithListCellsStickyFooter = () => {
|
|
|
222
221
|
return /*#__PURE__*/_jsx(StickyFooter, {
|
|
223
222
|
background: "bgElevation2",
|
|
224
223
|
elevation: isScrolled ? 2 : 0,
|
|
225
|
-
paddingX: 3,
|
|
226
224
|
children: /*#__PURE__*/_jsx(Button, {
|
|
227
225
|
block: true,
|
|
228
226
|
onPress: handleClose,
|
|
@@ -376,7 +374,6 @@ const IllustrationTrayWithStickyFooter = () => {
|
|
|
376
374
|
} = _ref3;
|
|
377
375
|
return /*#__PURE__*/_jsx(StickyFooter, {
|
|
378
376
|
background: "bgElevation2",
|
|
379
|
-
paddingX: 3,
|
|
380
377
|
children: /*#__PURE__*/_jsx(Button, {
|
|
381
378
|
block: true,
|
|
382
379
|
onPress: handleClose,
|
|
@@ -433,7 +430,6 @@ const IllustrationTrayWithListCellsStickyFooter = () => {
|
|
|
433
430
|
return /*#__PURE__*/_jsx(StickyFooter, {
|
|
434
431
|
background: "bgElevation2",
|
|
435
432
|
elevation: isScrolled ? 2 : 0,
|
|
436
|
-
paddingX: 3,
|
|
437
433
|
children: /*#__PURE__*/_jsx(Button, {
|
|
438
434
|
block: true,
|
|
439
435
|
onPress: handleClose,
|
|
@@ -639,7 +635,6 @@ const FullBleedImageTrayWithStickyFooter = () => {
|
|
|
639
635
|
} = _ref5;
|
|
640
636
|
return /*#__PURE__*/_jsx(StickyFooter, {
|
|
641
637
|
background: "bgElevation2",
|
|
642
|
-
paddingX: 3,
|
|
643
638
|
children: /*#__PURE__*/_jsx(Button, {
|
|
644
639
|
block: true,
|
|
645
640
|
onPress: handleClose,
|
|
@@ -720,7 +715,6 @@ const FullBleedImageTrayWithListCellsStickyFooter = () => {
|
|
|
720
715
|
return /*#__PURE__*/_jsx(StickyFooter, {
|
|
721
716
|
background: "bgElevation2",
|
|
722
717
|
elevation: isScrolled ? 2 : 0,
|
|
723
|
-
paddingX: 3,
|
|
724
718
|
children: /*#__PURE__*/_jsx(Button, {
|
|
725
719
|
block: true,
|
|
726
720
|
onPress: handleClose,
|
|
@@ -1023,7 +1017,6 @@ function ResponsiveTray(_ref1) {
|
|
|
1023
1017
|
} = _ref10;
|
|
1024
1018
|
return /*#__PURE__*/_jsx(StickyFooter, {
|
|
1025
1019
|
background: "bgElevation2",
|
|
1026
|
-
paddingX: 3,
|
|
1027
1020
|
children: /*#__PURE__*/_jsx(Button, {
|
|
1028
1021
|
block: true,
|
|
1029
1022
|
onPress: handleClose,
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
const _excluded = ["elevated", "elevation", "children", "testID", "role", "accessibilityLabel", "
|
|
1
|
+
const _excluded = ["elevated", "elevation", "children", "testID", "role", "accessibilityLabel", "compact", "paddingX", "paddingTop", "flexShrink"];
|
|
2
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
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
4
|
import React, { forwardRef, memo } from 'react';
|
|
@@ -13,7 +13,9 @@ export const StickyFooter = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((_ref, for
|
|
|
13
13
|
testID = 'sticky-footer',
|
|
14
14
|
role = 'toolbar',
|
|
15
15
|
accessibilityLabel = 'footer',
|
|
16
|
-
|
|
16
|
+
compact,
|
|
17
|
+
paddingX = 3,
|
|
18
|
+
paddingTop = compact ? 2 : 3,
|
|
17
19
|
flexShrink = 0
|
|
18
20
|
} = _ref,
|
|
19
21
|
props = _objectWithoutPropertiesLoose(_ref, _excluded);
|
|
@@ -22,7 +24,8 @@ export const StickyFooter = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((_ref, for
|
|
|
22
24
|
accessibilityLabel: accessibilityLabel,
|
|
23
25
|
elevation: elevation,
|
|
24
26
|
flexShrink: flexShrink,
|
|
25
|
-
|
|
27
|
+
paddingTop: paddingTop,
|
|
28
|
+
paddingX: paddingX,
|
|
26
29
|
role: role,
|
|
27
30
|
testID: testID
|
|
28
31
|
}, props, {
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
const _excluded = ["label", "labelNode", "readOnly"]
|
|
1
|
+
const _excluded = ["label", "labelNode", "readOnly"],
|
|
2
|
+
_excluded2 = ["readOnly"];
|
|
2
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; }
|
|
3
4
|
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); }
|
|
4
5
|
export const customComponentConfig = {
|
|
@@ -99,16 +100,21 @@ export const customComponentConfig = {
|
|
|
99
100
|
borderRadius: 200,
|
|
100
101
|
height: props.compact ? 24 : 32
|
|
101
102
|
}),
|
|
102
|
-
Select:
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
103
|
+
Select: _ref2 => {
|
|
104
|
+
let {
|
|
105
|
+
readOnly
|
|
106
|
+
} = _ref2,
|
|
107
|
+
props = _objectWithoutPropertiesLoose(_ref2, _excluded2);
|
|
108
|
+
return {
|
|
109
|
+
bordered: false,
|
|
110
|
+
variant: 'foregroundMuted',
|
|
111
|
+
inputBackground: readOnly ? 'bgSecondary' : 'bgAlternate',
|
|
112
|
+
focusedBorderWidth: 100,
|
|
113
|
+
font: props.compact ? props.align === 'end' ? 'label1' : 'label2' : 'body',
|
|
114
|
+
labelColor: 'fgMuted',
|
|
115
|
+
labelFont: 'label2'
|
|
116
|
+
};
|
|
117
|
+
},
|
|
112
118
|
ListCell: props => {
|
|
113
119
|
var _props$spacingVariant;
|
|
114
120
|
const spacingVariant = (_props$spacingVariant = props.spacingVariant) != null ? _props$spacingVariant : props.compact ? 'compact' : 'normal';
|
|
@@ -36,6 +36,13 @@ export const SelectExample = /*#__PURE__*/memo(() => {
|
|
|
36
36
|
options: stickerSheetSelectOptions,
|
|
37
37
|
placeholder: "Compact end align",
|
|
38
38
|
value: selectValue
|
|
39
|
+
}), /*#__PURE__*/_jsx(Select, {
|
|
40
|
+
readOnly: true,
|
|
41
|
+
label: "Label",
|
|
42
|
+
onChange: setSelectValue,
|
|
43
|
+
options: stickerSheetSelectOptions,
|
|
44
|
+
placeholder: "Read only select",
|
|
45
|
+
value: selectValue
|
|
39
46
|
})]
|
|
40
47
|
});
|
|
41
48
|
});
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@coinbase/cds-mobile",
|
|
3
|
-
"version": "9.
|
|
3
|
+
"version": "9.2.0",
|
|
4
4
|
"description": "Coinbase Design System - Mobile",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -202,8 +202,8 @@
|
|
|
202
202
|
"react-native-worklets": "0.5.2"
|
|
203
203
|
},
|
|
204
204
|
"dependencies": {
|
|
205
|
-
"@coinbase/cds-common": "^9.
|
|
206
|
-
"@coinbase/cds-icons": "^5.
|
|
205
|
+
"@coinbase/cds-common": "^9.2.0",
|
|
206
|
+
"@coinbase/cds-icons": "^5.18.0",
|
|
207
207
|
"@coinbase/cds-illustrations": "^4.40.1",
|
|
208
208
|
"@coinbase/cds-lottie-files": "^3.3.4",
|
|
209
209
|
"@coinbase/cds-utils": "^2.3.5",
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Accordion.figma.d.ts","sourceRoot":"","sources":["../../../src/accordion/__figma__/Accordion.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Select.figma.d.ts","sourceRoot":"","sources":["../../../src/alpha/__figma__/Select.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DataCard.figma.d.ts","sourceRoot":"","sources":["../../../../src/alpha/data-card/__figma__/DataCard.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"AvatarButton.figma.d.ts","sourceRoot":"","sources":["../../../src/buttons/__figma__/AvatarButton.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Button.figma.d.ts","sourceRoot":"","sources":["../../../src/buttons/__figma__/Button.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonGroup.figma.d.ts","sourceRoot":"","sources":["../../../src/buttons/__figma__/ButtonGroup.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"IconButton.figma.d.ts","sourceRoot":"","sources":["../../../src/buttons/__figma__/IconButton.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SlideButton.figma.d.ts","sourceRoot":"","sources":["../../../src/buttons/__figma__/SlideButton.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ContentCard.figma.d.ts","sourceRoot":"","sources":["../../../../src/cards/ContentCard/__figma__/ContentCard.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MediaCard.figma.d.ts","sourceRoot":"","sources":["../../../../src/cards/MediaCard/__figma__/MediaCard.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MessagingCard.figma.d.ts","sourceRoot":"","sources":["../../../../src/cards/MessagingCard/__figma__/MessagingCard.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"AnnouncementCard.figma.d.ts","sourceRoot":"","sources":["../../../src/cards/__figma__/AnnouncementCard.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ContainedAssetCard.figma.d.ts","sourceRoot":"","sources":["../../../src/cards/__figma__/ContainedAssetCard.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"FloatingAssetCard.figma.d.ts","sourceRoot":"","sources":["../../../src/cards/__figma__/FloatingAssetCard.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"NudgeCard.figma.d.ts","sourceRoot":"","sources":["../../../src/cards/__figma__/NudgeCard.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"UpsellCard.figma.d.ts","sourceRoot":"","sources":["../../../src/cards/__figma__/UpsellCard.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Carousel.figma.d.ts","sourceRoot":"","sources":["../../../src/carousel/__figma__/Carousel.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ContentCell.figma.d.ts","sourceRoot":"","sources":["../../../src/cells/__figma__/ContentCell.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ListCell.figma.d.ts","sourceRoot":"","sources":["../../../src/cells/__figma__/ListCell.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"InputChip.figma.d.ts","sourceRoot":"","sources":["../../../src/chips/__figma__/InputChip.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SelectChip.figma.d.ts","sourceRoot":"","sources":["../../../src/chips/__figma__/SelectChip.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TabbedChips.figma.d.ts","sourceRoot":"","sources":["../../../src/chips/__figma__/TabbedChips.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Coachmark.figma.d.ts","sourceRoot":"","sources":["../../../src/coachmark/__figma__/Coachmark.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.figma.d.ts","sourceRoot":"","sources":["../../../src/controls/__figma__/Checkbox.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CheckboxCell.figma.d.ts","sourceRoot":"","sources":["../../../src/controls/__figma__/CheckboxCell.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CheckboxGroup.figma.d.ts","sourceRoot":"","sources":["../../../src/controls/__figma__/CheckboxGroup.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"RadioCell.figma.d.ts","sourceRoot":"","sources":["../../../src/controls/__figma__/RadioCell.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"RadioGroup.figma.d.ts","sourceRoot":"","sources":["../../../src/controls/__figma__/RadioGroup.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SearchInput.figma.d.ts","sourceRoot":"","sources":["../../../src/controls/__figma__/SearchInput.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SelectOption.figma.d.ts","sourceRoot":"","sources":["../../../src/controls/__figma__/SelectOption.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Switch.figma.d.ts","sourceRoot":"","sources":["../../../src/controls/__figma__/Switch.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TextInput.figma.d.ts","sourceRoot":"","sources":["../../../src/controls/__figma__/TextInput.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.figma.d.ts","sourceRoot":"","sources":["../../../src/dates/__figma__/DatePicker.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DotCount.figma.d.ts","sourceRoot":"","sources":["../../../src/dots/__figma__/DotCount.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DotStatusColor.figma.d.ts","sourceRoot":"","sources":["../../../src/dots/__figma__/DotStatusColor.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DotSymbol.figma.d.ts","sourceRoot":"","sources":["../../../src/dots/__figma__/DotSymbol.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Icon.figma.d.ts","sourceRoot":"","sources":["../../../src/icons/__figma__/Icon.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"LogoMark.figma.d.ts","sourceRoot":"","sources":["../../../src/icons/__figma__/LogoMark.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"LogoWordmark.figma.d.ts","sourceRoot":"","sources":["../../../src/icons/__figma__/LogoWordmark.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SubBrandLogoMark.figma.d.ts","sourceRoot":"","sources":["../../../src/icons/__figma__/SubBrandLogoMark.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SubBrandLogoWordmark.figma.d.ts","sourceRoot":"","sources":["../../../src/icons/__figma__/SubBrandLogoWordmark.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"HeroSquare.figma.d.ts","sourceRoot":"","sources":["../../../src/illustrations/__figma__/HeroSquare.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Pictogram.figma.d.ts","sourceRoot":"","sources":["../../../src/illustrations/__figma__/Pictogram.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SpotIcon.figma.d.ts","sourceRoot":"","sources":["../../../src/illustrations/__figma__/SpotIcon.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SpotRectangle.figma.d.ts","sourceRoot":"","sources":["../../../src/illustrations/__figma__/SpotRectangle.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SpotSquare.figma.d.ts","sourceRoot":"","sources":["../../../src/illustrations/__figma__/SpotSquare.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Divider.figma.d.ts","sourceRoot":"","sources":["../../../src/layout/__figma__/Divider.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Fallback.figma.d.ts","sourceRoot":"","sources":["../../../src/layout/__figma__/Fallback.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Avatar.figma.d.ts","sourceRoot":"","sources":["../../../src/media/__figma__/Avatar.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MultiContentModule.figma.d.ts","sourceRoot":"","sources":["../../../src/multi-content-module/__figma__/MultiContentModule.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"BrowserBar.figma.d.ts","sourceRoot":"","sources":["../../../src/navigation/__figma__/BrowserBar.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TopNavBar.figma.d.ts","sourceRoot":"","sources":["../../../src/navigation/__figma__/TopNavBar.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Numpad.figma.d.ts","sourceRoot":"","sources":["../../../src/numpad/__figma__/Numpad.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Alert.figma.d.ts","sourceRoot":"","sources":["../../../src/overlays/__figma__/Alert.figma.tsx"],"names":[],"mappings":""}
|