@coinbase/cds-web 8.61.0 → 8.62.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 +6 -0
- package/dts/accordion/Accordion.d.ts +1 -9
- package/dts/accordion/Accordion.d.ts.map +1 -1
- package/dts/alpha/combobox/Combobox.d.ts.map +1 -1
- package/dts/alpha/select/Select.d.ts.map +1 -1
- package/dts/alpha/select-chip/SelectChip.d.ts.map +1 -1
- package/dts/alpha/tabbed-chips/TabbedChips.d.ts.map +1 -1
- package/dts/banner/Banner.d.ts.map +1 -1
- package/dts/buttons/AvatarButton.d.ts.map +1 -1
- package/dts/buttons/Button.d.ts +2 -4
- package/dts/buttons/Button.d.ts.map +1 -1
- package/dts/buttons/ButtonGroup.d.ts.map +1 -1
- package/dts/buttons/IconButton.d.ts.map +1 -1
- package/dts/buttons/IconCounterButton.d.ts.map +1 -1
- package/dts/buttons/Tile.d.ts +1 -1
- package/dts/buttons/Tile.d.ts.map +1 -1
- package/dts/buttons/TileButton.d.ts.map +1 -1
- package/dts/cards/LikeButton.d.ts.map +1 -1
- package/dts/carousel/Carousel.d.ts.map +1 -1
- package/dts/cells/Cell.d.ts.map +1 -1
- package/dts/cells/CellAccessory.d.ts.map +1 -1
- package/dts/cells/ListCell.d.ts.map +1 -1
- package/dts/cells/ListCellFallback.d.ts.map +1 -1
- package/dts/chips/Chip.d.ts.map +1 -1
- package/dts/chips/ChipProps.d.ts +10 -8
- package/dts/chips/ChipProps.d.ts.map +1 -1
- package/dts/chips/InputChip.d.ts.map +1 -1
- package/dts/chips/MediaChip.d.ts +4 -4
- package/dts/chips/MediaChip.d.ts.map +1 -1
- package/dts/chips/TabbedChips.d.ts.map +1 -1
- package/dts/coachmark/Coachmark.d.ts.map +1 -1
- package/dts/collapsible/Collapsible.d.ts.map +1 -1
- package/dts/collapsible/useCollapsibleMotionProps.d.ts +221 -221
- package/dts/controls/Checkbox.d.ts.map +1 -1
- package/dts/controls/CheckboxCell.d.ts.map +1 -1
- package/dts/controls/Control.d.ts.map +1 -1
- package/dts/controls/ControlGroup.d.ts +13 -4
- package/dts/controls/ControlGroup.d.ts.map +1 -1
- package/dts/controls/InputStack.d.ts.map +1 -1
- package/dts/controls/Radio.d.ts.map +1 -1
- package/dts/controls/RadioCell.d.ts.map +1 -1
- package/dts/controls/SearchInput.d.ts.map +1 -1
- package/dts/controls/SelectOption.d.ts +1 -14
- package/dts/controls/SelectOption.d.ts.map +1 -1
- package/dts/controls/Switch.d.ts +2 -1
- package/dts/controls/Switch.d.ts.map +1 -1
- package/dts/controls/TextInput.d.ts.map +1 -1
- package/dts/core/componentConfig.d.ts +192 -0
- package/dts/core/componentConfig.d.ts.map +1 -0
- package/dts/dates/Calendar.d.ts.map +1 -1
- package/dts/dates/DateInput.d.ts.map +1 -1
- package/dts/dates/DatePicker.d.ts.map +1 -1
- package/dts/dots/DotCount.d.ts +1 -15
- package/dts/dots/DotCount.d.ts.map +1 -1
- package/dts/dots/DotStatusColor.d.ts +1 -10
- package/dts/dots/DotStatusColor.d.ts.map +1 -1
- package/dts/dots/DotSymbol.d.ts +1 -22
- package/dts/dots/DotSymbol.d.ts.map +1 -1
- package/dts/dropdown/Dropdown.d.ts +30 -29
- package/dts/dropdown/Dropdown.d.ts.map +1 -1
- package/dts/dropdown/DropdownProps.d.ts +53 -51
- package/dts/dropdown/DropdownProps.d.ts.map +1 -1
- package/dts/hooks/useComponentConfig.d.ts +22 -0
- package/dts/hooks/useComponentConfig.d.ts.map +1 -0
- package/dts/hooks/useIsoEffect.d.ts +2 -2
- package/dts/hooks/useIsoEffect.d.ts.map +1 -1
- package/dts/icons/Icon.d.ts.map +1 -1
- package/dts/index.d.ts +2 -0
- package/dts/index.d.ts.map +1 -1
- package/dts/layout/Divider.d.ts +1 -6
- package/dts/layout/Divider.d.ts.map +1 -1
- package/dts/layout/Fallback.d.ts.map +1 -1
- package/dts/media/Avatar.d.ts +1 -15
- package/dts/media/Avatar.d.ts.map +1 -1
- package/dts/media/RemoteImage.d.ts +1 -15
- package/dts/media/RemoteImage.d.ts.map +1 -1
- package/dts/media/RemoteImageGroup.d.ts +3 -10
- package/dts/media/RemoteImageGroup.d.ts.map +1 -1
- package/dts/motion/useMotionProps.d.ts +457 -457
- package/dts/motion/utils.d.ts +211 -211
- package/dts/navigation/NavigationBar.d.ts +1 -25
- package/dts/navigation/NavigationBar.d.ts.map +1 -1
- package/dts/navigation/NavigationTitle.d.ts +4 -3
- package/dts/navigation/NavigationTitle.d.ts.map +1 -1
- package/dts/navigation/NavigationTitleSelect.d.ts +5 -12
- package/dts/navigation/NavigationTitleSelect.d.ts.map +1 -1
- package/dts/navigation/Sidebar.d.ts.map +1 -1
- package/dts/navigation/SidebarItem.d.ts +40 -34
- package/dts/navigation/SidebarItem.d.ts.map +1 -1
- package/dts/navigation/SidebarMoreMenu.d.ts +13 -12
- package/dts/navigation/SidebarMoreMenu.d.ts.map +1 -1
- package/dts/numbers/RollingNumber/RollingNumber.d.ts.map +1 -1
- package/dts/overlays/Alert.d.ts.map +1 -1
- package/dts/overlays/FocusTrap.d.ts +9 -12
- package/dts/overlays/FocusTrap.d.ts.map +1 -1
- package/dts/overlays/FullscreenAlert.d.ts +10 -7
- package/dts/overlays/FullscreenAlert.d.ts.map +1 -1
- package/dts/overlays/Toast.d.ts.map +1 -1
- package/dts/overlays/modal/FullscreenModal.d.ts +47 -45
- package/dts/overlays/modal/FullscreenModal.d.ts.map +1 -1
- package/dts/overlays/modal/FullscreenModalHeader.d.ts.map +1 -1
- package/dts/overlays/modal/FullscreenModalLayout.d.ts +2 -2
- package/dts/overlays/modal/Modal.d.ts.map +1 -1
- package/dts/overlays/modal/ModalBody.d.ts +6 -3
- package/dts/overlays/modal/ModalBody.d.ts.map +1 -1
- package/dts/overlays/modal/ModalFooter.d.ts +3 -10
- package/dts/overlays/modal/ModalFooter.d.ts.map +1 -1
- package/dts/overlays/modal/ModalHeader.d.ts +3 -12
- package/dts/overlays/modal/ModalHeader.d.ts.map +1 -1
- package/dts/overlays/modal/ModalWrapper.d.ts.map +1 -1
- package/dts/overlays/overlay/Overlay.d.ts +2 -1
- package/dts/overlays/overlay/Overlay.d.ts.map +1 -1
- package/dts/overlays/overlay/OverlayContent.d.ts +7 -5
- package/dts/overlays/overlay/OverlayContent.d.ts.map +1 -1
- package/dts/overlays/popover/PopoverProps.d.ts +46 -46
- package/dts/overlays/popover/PopoverProps.d.ts.map +1 -1
- package/dts/overlays/tooltip/Tooltip.d.ts +4 -22
- package/dts/overlays/tooltip/Tooltip.d.ts.map +1 -1
- package/dts/overlays/tooltip/TooltipContent.d.ts +7 -1
- package/dts/overlays/tooltip/TooltipContent.d.ts.map +1 -1
- package/dts/overlays/tray/Tray.d.ts.map +1 -1
- package/dts/page/PageFooter.d.ts.map +1 -1
- package/dts/page/PageHeader.d.ts.map +1 -1
- package/dts/pagination/Pagination.d.ts +3 -19
- package/dts/pagination/Pagination.d.ts.map +1 -1
- package/dts/perf/component-config/Button.component-config.perf-test.d.ts +2 -0
- package/dts/perf/component-config/Button.component-config.perf-test.d.ts.map +1 -0
- package/dts/perf/component-config/ComponentConfigProvider.perf-test.d.ts +2 -0
- package/dts/perf/component-config/ComponentConfigProvider.perf-test.d.ts.map +1 -0
- package/dts/perf/component-config/ComponentConfigStickerSheet.perf-test.d.ts +2 -0
- package/dts/perf/component-config/ComponentConfigStickerSheet.perf-test.d.ts.map +1 -0
- package/dts/section-header/SectionHeader.d.ts.map +1 -1
- package/dts/stepper/Stepper.d.ts.map +1 -1
- package/dts/system/ComponentConfigProvider.d.ts +26 -0
- package/dts/system/ComponentConfigProvider.d.ts.map +1 -0
- package/dts/system/index.d.ts +1 -0
- package/dts/system/index.d.ts.map +1 -1
- package/dts/tables/Table.d.ts +7 -5
- package/dts/tables/Table.d.ts.map +1 -1
- package/dts/tables/TableCaption.d.ts +32 -41
- package/dts/tables/TableCaption.d.ts.map +1 -1
- package/dts/tables/TableCell.d.ts +26 -48
- package/dts/tables/TableCell.d.ts.map +1 -1
- package/dts/tables/TableCellFallback.d.ts +10 -17
- package/dts/tables/TableCellFallback.d.ts.map +1 -1
- package/dts/tables/TableRow.d.ts +44 -53
- package/dts/tables/TableRow.d.ts.map +1 -1
- package/dts/tabs/SegmentedTab.d.ts +6 -3
- package/dts/tabs/SegmentedTab.d.ts.map +1 -1
- package/dts/tabs/SegmentedTabs.d.ts +9 -3
- package/dts/tabs/SegmentedTabs.d.ts.map +1 -1
- package/dts/tabs/Tabs.d.ts +16 -15
- package/dts/tabs/Tabs.d.ts.map +1 -1
- package/dts/tabs/hooks/useAnimateTabIndicator.d.ts +457 -457
- package/dts/tag/Tag.d.ts.map +1 -1
- package/dts/tour/Tour.d.ts +54 -53
- package/dts/tour/Tour.d.ts.map +1 -1
- package/dts/typography/Link.d.ts.map +1 -1
- package/dts/utils/mergeComponentProps.d.ts +34 -0
- package/dts/utils/mergeComponentProps.d.ts.map +1 -0
- package/dts/visualizations/ProgressBar.d.ts.map +1 -1
- package/dts/visualizations/ProgressBarWithFixedLabels.d.ts +5 -3
- package/dts/visualizations/ProgressBarWithFixedLabels.d.ts.map +1 -1
- package/dts/visualizations/ProgressBarWithFloatLabel.d.ts +3 -1
- package/dts/visualizations/ProgressBarWithFloatLabel.d.ts.map +1 -1
- package/dts/visualizations/ProgressCircle.d.ts.map +1 -1
- package/esm/accordion/Accordion.js +5 -3
- package/esm/alpha/combobox/Combobox.js +6 -4
- package/esm/alpha/select/Select.js +5 -3
- package/esm/alpha/select-chip/SelectChip.js +6 -4
- package/esm/alpha/tabbed-chips/TabbedChips.js +6 -4
- package/esm/banner/Banner.js +6 -4
- package/esm/buttons/AvatarButton.js +6 -4
- package/esm/buttons/Button.js +6 -4
- package/esm/buttons/ButtonGroup.js +5 -3
- package/esm/buttons/IconButton.js +6 -4
- package/esm/buttons/IconCounterButton.js +6 -4
- package/esm/buttons/Tile.js +5 -3
- package/esm/buttons/TileButton.js +6 -4
- package/esm/cards/LikeButton.js +6 -4
- package/esm/carousel/Carousel.js +8 -6
- package/esm/cells/Cell.js +8 -6
- package/esm/cells/CellAccessory.js +6 -4
- package/esm/cells/ListCell.js +6 -4
- package/esm/cells/ListCellFallback.js +6 -4
- package/esm/chips/Chip.js +6 -4
- package/esm/chips/InputChip.js +6 -4
- package/esm/chips/MediaChip.js +6 -4
- package/esm/chips/TabbedChips.js +6 -4
- package/esm/coachmark/Coachmark.js +6 -4
- package/esm/collapsible/Collapsible.js +5 -3
- package/esm/controls/Checkbox.js +6 -4
- package/esm/controls/CheckboxCell.js +6 -4
- package/esm/controls/Control.js +6 -4
- package/esm/controls/ControlGroup.js +6 -4
- package/esm/controls/InputStack.js +6 -4
- package/esm/controls/Radio.js +6 -4
- package/esm/controls/RadioCell.js +6 -4
- package/esm/controls/SearchInput.js +6 -4
- package/esm/controls/SelectOption.js +6 -4
- package/esm/controls/Switch.js +6 -4
- package/esm/controls/TextInput.js +6 -4
- package/esm/core/componentConfig.js +1 -0
- package/esm/dates/Calendar.js +6 -4
- package/esm/dates/DateInput.js +6 -4
- package/esm/dates/DatePicker.js +6 -4
- package/esm/dots/DotCount.js +6 -4
- package/esm/dots/DotStatusColor.js +6 -4
- package/esm/dots/DotSymbol.js +6 -4
- package/esm/dropdown/Dropdown.js +6 -4
- package/esm/hooks/useComponentConfig.js +27 -0
- package/esm/icons/Icon.js +6 -4
- package/esm/index.js +2 -0
- package/esm/layout/Divider.js +6 -4
- package/esm/layout/Fallback.js +6 -4
- package/esm/media/Avatar.js +8 -6
- package/esm/media/RemoteImage.js +6 -4
- package/esm/media/RemoteImageGroup.js +6 -4
- package/esm/navigation/NavigationBar.js +6 -4
- package/esm/navigation/NavigationTitle.js +6 -4
- package/esm/navigation/NavigationTitleSelect.js +6 -4
- package/esm/navigation/Sidebar.js +6 -4
- package/esm/navigation/SidebarItem.js +6 -4
- package/esm/navigation/SidebarMoreMenu.js +6 -4
- package/esm/numbers/RollingNumber/RollingNumber.js +6 -4
- package/esm/overlays/Alert.js +6 -4
- package/esm/overlays/FocusTrap.js +5 -3
- package/esm/overlays/FullscreenAlert.js +5 -3
- package/esm/overlays/Toast.js +6 -4
- package/esm/overlays/modal/FullscreenModal.js +5 -3
- package/esm/overlays/modal/FullscreenModalHeader.js +6 -4
- package/esm/overlays/modal/Modal.js +6 -4
- package/esm/overlays/modal/ModalBody.js +9 -6
- package/esm/overlays/modal/ModalFooter.js +8 -6
- package/esm/overlays/modal/ModalHeader.js +6 -4
- package/esm/overlays/modal/ModalWrapper.js +6 -4
- package/esm/overlays/overlay/Overlay.js +4 -2
- package/esm/overlays/tooltip/Tooltip.js +9 -7
- package/esm/overlays/tooltip/TooltipContent.js +16 -9
- package/esm/overlays/tray/Tray.js +5 -3
- package/esm/page/PageFooter.js +6 -4
- package/esm/page/PageHeader.js +6 -4
- package/esm/pagination/Pagination.js +6 -4
- package/esm/perf/component-config/Button.component-config.perf-test.js +43 -0
- package/esm/perf/component-config/ComponentConfigProvider.perf-test.js +134 -0
- package/esm/perf/component-config/ComponentConfigStickerSheet.perf-test.js +332 -0
- package/esm/perf/component-config/README.md +8 -0
- package/esm/section-header/SectionHeader.js +6 -4
- package/esm/stepper/Stepper.js +12 -10
- package/esm/system/ComponentConfigProvider.js +41 -0
- package/esm/system/index.js +1 -0
- package/esm/tables/Table.js +6 -4
- package/esm/tables/TableCaption.js +6 -4
- package/esm/tables/TableCell.js +9 -7
- package/esm/tables/TableCellFallback.js +6 -4
- package/esm/tables/TableRow.js +6 -4
- package/esm/tabs/SegmentedTab.js +6 -4
- package/esm/tabs/SegmentedTabs.js +6 -4
- package/esm/tabs/Tabs.js +12 -10
- package/esm/tag/Tag.js +6 -4
- package/esm/tour/Tour.js +5 -3
- package/esm/typography/Link.js +6 -4
- package/esm/utils/mergeComponentProps.js +39 -0
- package/esm/visualizations/ProgressBar.js +5 -3
- package/esm/visualizations/ProgressBarWithFixedLabels.js +5 -3
- package/esm/visualizations/ProgressBarWithFloatLabel.js +5 -3
- package/esm/visualizations/ProgressCircle.js +7 -5
- package/package.json +4 -3
|
@@ -8,7 +8,7 @@ export type TableCellTag = 'td' | 'th' | 'div';
|
|
|
8
8
|
type TableCellSharedProps = (React.TdHTMLAttributes<HTMLTableCellElement> &
|
|
9
9
|
React.ThHTMLAttributes<HTMLTableCellElement>) &
|
|
10
10
|
SharedProps;
|
|
11
|
-
type TableCellBaseProps = TableCellSharedProps & {
|
|
11
|
+
export type TableCellBaseProps = TableCellSharedProps & {
|
|
12
12
|
/**
|
|
13
13
|
* Element (icon, asset, image, etc) to display at the start of the cell
|
|
14
14
|
* @default undefined
|
|
@@ -44,11 +44,6 @@ type TableCellBaseProps = TableCellSharedProps & {
|
|
|
44
44
|
* Used for <th> elements. Defines the cells that the header element relates to
|
|
45
45
|
*/
|
|
46
46
|
scope?: 'col' | 'row' | 'colgroup' | 'rowgroup';
|
|
47
|
-
/**
|
|
48
|
-
* Callback to fire when pressed
|
|
49
|
-
* @default noop
|
|
50
|
-
*/
|
|
51
|
-
onClick?: React.MouseEventHandler;
|
|
52
47
|
/**
|
|
53
48
|
* Should the title/subtitle text truncate
|
|
54
49
|
* @default false
|
|
@@ -60,14 +55,6 @@ type TableCellBaseProps = TableCellSharedProps & {
|
|
|
60
55
|
* @default vertical
|
|
61
56
|
*/
|
|
62
57
|
direction?: 'vertical' | 'horizontal';
|
|
63
|
-
/**
|
|
64
|
-
* @deprecated. This will be removed in a future major release.
|
|
65
|
-
* @deprecationExpectedRemoval v9
|
|
66
|
-
* HTML width attribute to help with column layout.
|
|
67
|
-
* This prop should _only_ be used to unblock migration efforts
|
|
68
|
-
* @default undefined
|
|
69
|
-
*/
|
|
70
|
-
dangerouslySetHtmlWidth?: TableCellSharedProps['width'];
|
|
71
58
|
/**
|
|
72
59
|
* As a convenience, the width prop will set the css width and maxWidth props
|
|
73
60
|
* @default undefined
|
|
@@ -82,15 +69,6 @@ type TableCellBaseProps = TableCellSharedProps & {
|
|
|
82
69
|
* @default { spacingHorizontal: 0 }
|
|
83
70
|
*/
|
|
84
71
|
innerSpacing?: CellBaseProps['innerSpacing'];
|
|
85
|
-
/**
|
|
86
|
-
* Use as="th" to mark this cell as a header for screen readers
|
|
87
|
-
* @default `th` when rendered inside a TableHeader, `td` when rendered inside a TableBody or TableFooter
|
|
88
|
-
*/
|
|
89
|
-
as?: 'td' | 'th';
|
|
90
|
-
/**
|
|
91
|
-
* @danger This is a migration escape hatch. It is not intended to be used normally.
|
|
92
|
-
*/
|
|
93
|
-
className?: string;
|
|
94
72
|
};
|
|
95
73
|
type TableCellPropsWithInputs = TableCellBaseProps & {
|
|
96
74
|
/** Children to render within the cell. */
|
|
@@ -122,32 +100,32 @@ type TableCellPropsWithChildren = TableCellBaseProps & {
|
|
|
122
100
|
subtitle?: never;
|
|
123
101
|
subtitleColor?: never;
|
|
124
102
|
};
|
|
125
|
-
export type TableCellProps = TableCellPropsWithInputs | TableCellPropsWithChildren
|
|
103
|
+
export type TableCellProps = (TableCellPropsWithInputs | TableCellPropsWithChildren) & {
|
|
104
|
+
/**
|
|
105
|
+
* Callback to fire when pressed
|
|
106
|
+
* @default noop
|
|
107
|
+
*/
|
|
108
|
+
onClick?: React.MouseEventHandler;
|
|
109
|
+
/**
|
|
110
|
+
* Use as="th" to mark this cell as a header for screen readers
|
|
111
|
+
* @default `th` when rendered inside a TableHeader, `td` when rendered inside a TableBody or TableFooter
|
|
112
|
+
*/
|
|
113
|
+
as?: 'td' | 'th';
|
|
114
|
+
/**
|
|
115
|
+
* @danger This is a migration escape hatch. It is not intended to be used normally.
|
|
116
|
+
*/
|
|
117
|
+
className?: string;
|
|
118
|
+
/**
|
|
119
|
+
* @deprecated. This will be removed in a future major release.
|
|
120
|
+
* @deprecationExpectedRemoval v9
|
|
121
|
+
* HTML width attribute to help with column layout.
|
|
122
|
+
* This prop should _only_ be used to unblock migration efforts
|
|
123
|
+
* @default undefined
|
|
124
|
+
*/
|
|
125
|
+
dangerouslySetHtmlWidth?: TableCellSharedProps['width'];
|
|
126
|
+
};
|
|
126
127
|
export declare const TableCell: React.MemoExoticComponent<
|
|
127
|
-
(
|
|
128
|
-
alignItems,
|
|
129
|
-
children,
|
|
130
|
-
colSpan,
|
|
131
|
-
scope,
|
|
132
|
-
color,
|
|
133
|
-
direction,
|
|
134
|
-
end,
|
|
135
|
-
justifyContent,
|
|
136
|
-
onClick,
|
|
137
|
-
start,
|
|
138
|
-
testID,
|
|
139
|
-
overflow,
|
|
140
|
-
title,
|
|
141
|
-
titleColor,
|
|
142
|
-
subtitle,
|
|
143
|
-
subtitleColor,
|
|
144
|
-
width,
|
|
145
|
-
innerSpacing,
|
|
146
|
-
outerSpacing,
|
|
147
|
-
as,
|
|
148
|
-
className,
|
|
149
|
-
...props
|
|
150
|
-
}: TableCellProps) => import('react/jsx-runtime').JSX.Element
|
|
128
|
+
(_props: TableCellProps) => import('react/jsx-runtime').JSX.Element
|
|
151
129
|
>;
|
|
152
130
|
export {};
|
|
153
131
|
//# sourceMappingURL=TableCell.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableCell.d.ts","sourceRoot":"","sources":["../../src/tables/TableCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAC7C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,KAAK,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,yCAAyC,CAAC;AAC9F,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAC;AAI1E,OAAO,EAAQ,KAAK,aAAa,EAAE,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"TableCell.d.ts","sourceRoot":"","sources":["../../src/tables/TableCell.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,8 +2,8 @@ import type { FallbackRectWidthProps } from '@coinbase/cds-common/types/Fallback
|
|
|
2
2
|
import type { SharedAccessibilityProps } from '@coinbase/cds-common/types/SharedAccessibilityProps';
|
|
3
3
|
import type { SharedProps } from '@coinbase/cds-common/types/SharedProps';
|
|
4
4
|
import type { CellMediaType } from '../cells/CellMedia';
|
|
5
|
-
import type { TableCellProps } from './TableCell';
|
|
6
|
-
export type
|
|
5
|
+
import type { TableCellBaseProps, TableCellProps } from './TableCell';
|
|
6
|
+
export type TableCellFallbackBaseProps = {
|
|
7
7
|
/** Display title shimmer. */
|
|
8
8
|
title?: boolean;
|
|
9
9
|
/** Display subtitle shimmer. */
|
|
@@ -15,21 +15,14 @@ export type TableCellFallbackProps = {
|
|
|
15
15
|
} & SharedProps &
|
|
16
16
|
FallbackRectWidthProps &
|
|
17
17
|
Pick<SharedAccessibilityProps, 'accessibilityLabel'> &
|
|
18
|
-
Pick<
|
|
18
|
+
Pick<TableCellBaseProps, 'width' | 'outerSpacing' | 'innerSpacing'>;
|
|
19
|
+
type TableCellFallbackSharedProps = React.TdHTMLAttributes<HTMLTableCellElement> &
|
|
20
|
+
React.ThHTMLAttributes<HTMLTableCellElement>;
|
|
21
|
+
export type TableCellFallbackProps = TableCellFallbackBaseProps &
|
|
22
|
+
Omit<TableCellFallbackSharedProps, 'dangerouslySetInnerHTML' | 'title'> &
|
|
23
|
+
Pick<TableCellProps, 'as'>;
|
|
19
24
|
export declare const TableCellFallback: import('react').MemoExoticComponent<
|
|
20
|
-
(
|
|
21
|
-
title,
|
|
22
|
-
start,
|
|
23
|
-
end,
|
|
24
|
-
subtitle,
|
|
25
|
-
testID,
|
|
26
|
-
as,
|
|
27
|
-
outerSpacing,
|
|
28
|
-
innerSpacing,
|
|
29
|
-
disableRandomRectWidth,
|
|
30
|
-
rectWidthVariant,
|
|
31
|
-
accessibilityLabel,
|
|
32
|
-
...props
|
|
33
|
-
}: TableCellFallbackProps) => import('react/jsx-runtime').JSX.Element
|
|
25
|
+
(_props: TableCellFallbackProps) => import('react/jsx-runtime').JSX.Element
|
|
34
26
|
>;
|
|
27
|
+
export {};
|
|
35
28
|
//# sourceMappingURL=TableCellFallback.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableCellFallback.d.ts","sourceRoot":"","sources":["../../src/tables/TableCellFallback.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,8CAA8C,CAAC;AAC3F,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,qDAAqD,CAAC;AACpG,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAC;AAK1E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"TableCellFallback.d.ts","sourceRoot":"","sources":["../../src/tables/TableCellFallback.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,8CAA8C,CAAC;AAC3F,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,qDAAqD,CAAC;AACpG,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAC;AAK1E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAMxD,OAAO,KAAK,EAAE,kBAAkB,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AActE,MAAM,MAAM,0BAA0B,GAAG;IACvC,6BAA6B;IAC7B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,gCAAgC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4DAA4D;IAC5D,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,0DAA0D;IAC1D,GAAG,CAAC,EAAE,aAAa,CAAC;CACrB,GAAG,WAAW,GACb,sBAAsB,GACtB,IAAI,CAAC,wBAAwB,EAAE,oBAAoB,CAAC,GACpD,IAAI,CAAC,kBAAkB,EAAE,OAAO,GAAG,cAAc,GAAG,cAAc,CAAC,CAAC;AAEtE,KAAK,4BAA4B,GAAG,KAAK,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,GAC9E,KAAK,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,CAAC;AAE/C,MAAM,MAAM,sBAAsB,GAAG,0BAA0B,GAC7D,IAAI,CAAC,4BAA4B,EAAE,yBAAyB,GAAG,OAAO,CAAC,GACvE,IAAI,CAAC,cAAc,EAAE,IAAI,CAAC,CAAC;AAS7B,eAAO,MAAM,iBAAiB,+CAAiB,sBAAsB,6CAoEnE,CAAC"}
|
package/dts/tables/TableRow.d.ts
CHANGED
|
@@ -3,65 +3,56 @@ import type { ThemeVars } from '@coinbase/cds-common/core/theme';
|
|
|
3
3
|
import type { SharedProps } from '@coinbase/cds-common/types/SharedProps';
|
|
4
4
|
import { type TableCellProps } from './TableCell';
|
|
5
5
|
export type TableRowRef = React.MutableRefObject<HTMLTableRowElement | null>;
|
|
6
|
-
export type
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
6
|
+
export type TableRowBaseProps = SharedProps & {
|
|
7
|
+
/**
|
|
8
|
+
* Children are required, and should always include TableCell | TableCell[].
|
|
9
|
+
*/
|
|
10
|
+
children: NonNullable<React.ReactNode>;
|
|
11
|
+
/**
|
|
12
|
+
* Should this row span the entire width of the table?
|
|
13
|
+
* Useful for treating a row as a Control Strip.
|
|
14
|
+
* @default undefined
|
|
15
|
+
*/
|
|
16
|
+
fullWidth?: boolean;
|
|
17
|
+
/**
|
|
18
|
+
* Set the background color for this entire row
|
|
19
|
+
* to some CDS Palette background color name
|
|
20
|
+
* @default undefined
|
|
21
|
+
*/
|
|
22
|
+
backgroundColor?: ThemeVars.Color;
|
|
23
|
+
/**
|
|
24
|
+
* Set the text color for this entire row to some
|
|
25
|
+
* CDS Palette foreground color name
|
|
26
|
+
* @default undefined
|
|
27
|
+
*/
|
|
28
|
+
color?: ThemeVars.Color;
|
|
29
|
+
/**
|
|
30
|
+
* By default, we set a hover background color of
|
|
31
|
+
* palette.backgroundAlternate on hover for the row.
|
|
32
|
+
* Use this prop to disable this behavior
|
|
33
|
+
* @default false
|
|
34
|
+
*/
|
|
35
|
+
disableHoverIndicator?: boolean;
|
|
36
|
+
/**
|
|
37
|
+
* The spacing to use on the parent wrapper of Cell.
|
|
38
|
+
* Will only take effect when fullWidth is set to true
|
|
39
|
+
*/
|
|
40
|
+
outerSpacing?: TableCellProps['outerSpacing'];
|
|
41
|
+
/**
|
|
42
|
+
* The spacing to use on the inner content of Cell.
|
|
43
|
+
* Will only take effect when fullWidth is set to true
|
|
44
|
+
*/
|
|
45
|
+
innerSpacing?: TableCellProps['innerSpacing'];
|
|
46
|
+
};
|
|
47
|
+
export type TableRowProps = TableRowBaseProps &
|
|
48
|
+
Omit<React.HTMLAttributes<HTMLTableRowElement>, 'dangerouslySetInnerHTML' | 'onClick'> & {
|
|
37
49
|
/**
|
|
38
50
|
* Callback to fire when pressed
|
|
39
51
|
* @default noop
|
|
40
52
|
*/
|
|
41
53
|
onClick?: React.MouseEventHandler<Element> | (() => void);
|
|
42
|
-
/**
|
|
43
|
-
* The spacing to use on the parent wrapper of Cell.
|
|
44
|
-
* Will only take effect when fullWidth is set to true
|
|
45
|
-
*/
|
|
46
|
-
outerSpacing?: TableCellProps['outerSpacing'];
|
|
47
|
-
/**
|
|
48
|
-
* The spacing to use on the inner content of Cell.
|
|
49
|
-
* Will only take effect when fullWidth is set to true
|
|
50
|
-
*/
|
|
51
|
-
innerSpacing?: TableCellProps['innerSpacing'];
|
|
52
54
|
};
|
|
53
55
|
export declare const TableRow: React.MemoExoticComponent<
|
|
54
|
-
(
|
|
55
|
-
fullWidth,
|
|
56
|
-
disableHoverIndicator,
|
|
57
|
-
children,
|
|
58
|
-
backgroundColor,
|
|
59
|
-
color,
|
|
60
|
-
testID,
|
|
61
|
-
onClick,
|
|
62
|
-
outerSpacing,
|
|
63
|
-
innerSpacing,
|
|
64
|
-
...props
|
|
65
|
-
}: TableRowProps) => import('react/jsx-runtime').JSX.Element
|
|
56
|
+
(_props: TableRowProps) => import('react/jsx-runtime').JSX.Element
|
|
66
57
|
>;
|
|
67
58
|
//# sourceMappingURL=TableRow.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableRow.d.ts","sourceRoot":"","sources":["../../src/tables/TableRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AACrD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAC;
|
|
1
|
+
{"version":3,"file":"TableRow.d.ts","sourceRoot":"","sources":["../../src/tables/TableRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AACrD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAC;AAS1E,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAE7D,MAAM,MAAM,WAAW,GAAG,KAAK,CAAC,gBAAgB,CAAC,mBAAmB,GAAG,IAAI,CAAC,CAAC;AAE7E,MAAM,MAAM,iBAAiB,GAAG,WAAW,GAAG;IAC5C;;OAEG;IACH,QAAQ,EAAE,WAAW,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;IACvC;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,eAAe,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IAClC;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IACxB;;;;;OAKG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC;;;OAGG;IACH,YAAY,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,CAAC;IAC9C;;;OAGG;IACH,YAAY,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,CAAC;CAC/C,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,iBAAiB,GAC3C,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,mBAAmB,CAAC,EAAE,yBAAyB,GAAG,SAAS,CAAC,GAAG;IACvF;;;OAGG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,OAAO,CAAC,GAAG,CAAC,MAAM,IAAI,CAAC,CAAC;CAC3D,CAAC;AA0BJ,eAAO,MAAM,QAAQ,qCAAiB,aAAa,6CA0DjD,CAAC"}
|
|
@@ -2,7 +2,7 @@ import React from 'react';
|
|
|
2
2
|
import type { ThemeVars } from '@coinbase/cds-common/core/theme';
|
|
3
3
|
import { type TabValue } from '@coinbase/cds-common/tabs/useTabs';
|
|
4
4
|
import { type PressableBaseProps } from '../system/Pressable';
|
|
5
|
-
export type
|
|
5
|
+
export type SegmentedTabBaseProps<TabId extends string = string> = PressableBaseProps &
|
|
6
6
|
TabValue<TabId> & {
|
|
7
7
|
/**
|
|
8
8
|
* Text color when the SegmentedTab is active.
|
|
@@ -14,9 +14,11 @@ export type SegmentedTabProps<TabId extends string = string> = PressableBaseProp
|
|
|
14
14
|
* @default foreground
|
|
15
15
|
*/
|
|
16
16
|
color?: ThemeVars.Color;
|
|
17
|
-
/** Callback that is fired when the SegmentedTab is clicked. */
|
|
18
|
-
onClick?: (id: TabId, event: React.MouseEvent) => void;
|
|
19
17
|
};
|
|
18
|
+
export type SegmentedTabProps<TabId extends string = string> = SegmentedTabBaseProps<TabId> & {
|
|
19
|
+
/** Callback that is fired when the SegmentedTab is clicked. */
|
|
20
|
+
onClick?: (id: TabId, event: React.MouseEvent) => void;
|
|
21
|
+
};
|
|
20
22
|
type SegmentedTabComponent = <TabId extends string = string>(
|
|
21
23
|
props: SegmentedTabProps<TabId> & {
|
|
22
24
|
ref?: React.ForwardedRef<HTMLButtonElement>;
|
|
@@ -44,6 +46,7 @@ declare const SegmentedTabComponent: React.MemoExoticComponent<
|
|
|
44
46
|
* @default foreground
|
|
45
47
|
*/
|
|
46
48
|
color?: ThemeVars.Color;
|
|
49
|
+
} & {
|
|
47
50
|
/** Callback that is fired when the SegmentedTab is clicked. */
|
|
48
51
|
onClick?: ((id: string, event: React.MouseEvent) => void) | undefined;
|
|
49
52
|
} & React.RefAttributes<HTMLButtonElement>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SegmentedTab.d.ts","sourceRoot":"","sources":["../../src/tabs/SegmentedTab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiD,MAAM,OAAO,CAAC;AACtE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAEjE,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,mCAAmC,CAAC;
|
|
1
|
+
{"version":3,"file":"SegmentedTab.d.ts","sourceRoot":"","sources":["../../src/tabs/SegmentedTab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiD,MAAM,OAAO,CAAC;AACtE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAEjE,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,mCAAmC,CAAC;AAOlE,OAAO,EAAa,KAAK,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAkCzE,MAAM,MAAM,qBAAqB,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,IAAI,kBAAkB,GACnF,QAAQ,CAAC,KAAK,CAAC,GAAG;IAChB;;;OAGG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IAC9B;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;CACzB,CAAC;AAEJ,MAAM,MAAM,iBAAiB,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,IAAI,qBAAqB,CAAC,KAAK,CAAC,GAAG;IAC5F,+DAA+D;IAC/D,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;CACxD,CAAC;AAMF,KAAK,qBAAqB,GAAG,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,EACzD,KAAK,EAAE,iBAAiB,CAAC,KAAK,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,iBAAiB,CAAC,CAAA;CAAE,KAC9E,KAAK,CAAC,YAAY,CAAC;AAExB,QAAA,MAAM,qBAAqB;;;;IAzBvB;;;OAGG;kBACW,SAAS,CAAC,KAAK;IAC7B;;;OAGG;YACK,SAAS,CAAC,KAAK;;IAIzB,+DAA+D;mCAClC,KAAK,CAAC,UAAU,KAAK,IAAI;4CAyGvD,CAAC;AAIF,eAAO,MAAM,YAAY,EAA4B,qBAAqB,CAAC"}
|
|
@@ -1,8 +1,14 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { type TabsProps } from './Tabs';
|
|
3
|
-
export type
|
|
4
|
-
Pick<
|
|
2
|
+
import { type TabsBaseProps, type TabsProps } from './Tabs';
|
|
3
|
+
export type SegmentedTabsBaseProps<TabId extends string = string> = Partial<
|
|
4
|
+
Pick<TabsBaseProps<TabId>, 'TabComponent' | 'TabsActiveIndicatorComponent'>
|
|
5
5
|
> &
|
|
6
|
+
Omit<
|
|
7
|
+
TabsBaseProps<TabId>,
|
|
8
|
+
'TabComponent' | 'TabsActiveIndicatorComponent' | 'styles' | 'classNames'
|
|
9
|
+
>;
|
|
10
|
+
export type SegmentedTabsProps<TabId extends string = string> = SegmentedTabsBaseProps<TabId> &
|
|
11
|
+
Partial<Pick<TabsProps<TabId>, 'TabComponent' | 'TabsActiveIndicatorComponent'>> &
|
|
6
12
|
Omit<
|
|
7
13
|
TabsProps<TabId>,
|
|
8
14
|
'TabComponent' | 'TabsActiveIndicatorComponent' | 'styles' | 'classNames'
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SegmentedTabs.d.ts","sourceRoot":"","sources":["../../src/tabs/SegmentedTabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"SegmentedTabs.d.ts","sourceRoot":"","sources":["../../src/tabs/SegmentedTabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAOhD,OAAO,EAAQ,KAAK,aAAa,EAAE,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAC;AAElE,MAAM,MAAM,sBAAsB,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,IAAI,OAAO,CACzE,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,EAAE,cAAc,GAAG,8BAA8B,CAAC,CAC5E,GACC,IAAI,CACF,aAAa,CAAC,KAAK,CAAC,EACpB,cAAc,GAAG,8BAA8B,GAAG,QAAQ,GAAG,YAAY,CAC1E,CAAC;AAEJ,MAAM,MAAM,kBAAkB,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,IAAI,sBAAsB,CAAC,KAAK,CAAC,GAC3F,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,cAAc,GAAG,8BAA8B,CAAC,CAAC,GAChF,IAAI,CACF,SAAS,CAAC,KAAK,CAAC,EAChB,cAAc,GAAG,8BAA8B,GAAG,QAAQ,GAAG,YAAY,CAC1E,GAAG;IACF,2EAA2E;IAC3E,MAAM,CAAC,EAAE;QACP,mBAAmB;QACnB,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAC3B,kBAAkB;QAClB,GAAG,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAC1B,+BAA+B;QAC/B,eAAe,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;KACvC,CAAC;IACF,gFAAgF;IAChF,UAAU,CAAC,EAAE;QACX,mBAAmB;QACnB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,kBAAkB;QAClB,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,+BAA+B;QAC/B,eAAe,CAAC,EAAE,MAAM,CAAC;KAC1B,CAAC;CACH,CAAC;AAEJ,KAAK,eAAe,GAAG,CAAC,KAAK,SAAS,MAAM,EAC1C,KAAK,EAAE,kBAAkB,CAAC,KAAK,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,WAAW,CAAC,CAAA;CAAE,KACzE,KAAK,CAAC,YAAY,CAAC;AAiDxB,eAAO,MAAM,aAAa,EAA6B,eAAe,CAAC"}
|
package/dts/tabs/Tabs.d.ts
CHANGED
|
@@ -3,7 +3,7 @@ import type { ThemeVars } from '@coinbase/cds-common/core/theme';
|
|
|
3
3
|
import { type TabsOptions, type TabValue } from '@coinbase/cds-common/tabs/useTabs';
|
|
4
4
|
import { type Rect } from '@coinbase/cds-common/types/Rect';
|
|
5
5
|
import { type MotionProps } from 'framer-motion';
|
|
6
|
-
import { type BoxDefaultElement, type BoxProps } from '../layout/Box';
|
|
6
|
+
import { type BoxBaseProps, type BoxDefaultElement, type BoxProps } from '../layout/Box';
|
|
7
7
|
import { type HStackDefaultElement, type HStackProps } from '../layout/HStack';
|
|
8
8
|
export declare const tabsTransitionConfig: {
|
|
9
9
|
readonly type: 'spring';
|
|
@@ -29,20 +29,21 @@ export type TabComponentProps<TabId extends string = string> = TabValue<TabId> &
|
|
|
29
29
|
};
|
|
30
30
|
export type TabComponent<TabId extends string = string> = React.FC<TabComponentProps<TabId>>;
|
|
31
31
|
export type TabsActiveIndicatorComponent = React.FC<TabsActiveIndicatorProps>;
|
|
32
|
-
export type TabsBaseProps<TabId extends string = string> =
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
32
|
+
export type TabsBaseProps<TabId extends string = string> = Omit<BoxBaseProps, 'onChange' | 'ref'> &
|
|
33
|
+
Omit<TabsOptions<TabId>, 'tabs'> & {
|
|
34
|
+
/** The array of tabs data. Each tab may optionally define a custom Component to render. */
|
|
35
|
+
tabs: (TabValue<TabId> & {
|
|
36
|
+
Component?: TabComponent<TabId>;
|
|
37
|
+
})[];
|
|
38
|
+
/** The default Component to render each tab. */
|
|
39
|
+
TabComponent: TabComponent<TabId>;
|
|
40
|
+
/** The default Component to render the tabs active indicator. */
|
|
41
|
+
TabsActiveIndicatorComponent: TabsActiveIndicatorComponent;
|
|
42
|
+
/** Background color passed to the TabsActiveIndicatorComponent. */
|
|
43
|
+
activeBackground?: ThemeVars.Color;
|
|
44
|
+
/** Optional callback to receive the active tab element. */
|
|
45
|
+
onActiveTabElementChange?: (element: HTMLElement | null) => void;
|
|
46
|
+
};
|
|
46
47
|
export type TabsProps<TabId extends string = string> = TabsBaseProps<TabId> &
|
|
47
48
|
Omit<HStackProps<HStackDefaultElement>, 'onChange' | 'ref'> & {
|
|
48
49
|
/** Custom styles for individual elements of the Tabs component */
|
package/dts/tabs/Tabs.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../src/tabs/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiD,MAAM,OAAO,CAAC;AAEtE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAIjE,OAAO,EAEL,KAAK,WAAW,EAChB,KAAK,QAAQ,EAEd,MAAM,mCAAmC,CAAC;AAE3C,OAAO,EAAe,KAAK,IAAI,EAAE,MAAM,iCAAiC,CAAC;AACzE,OAAO,EAAe,KAAK,WAAW,EAAmB,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../src/tabs/Tabs.tsx"],"names":[],"mappings":"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"}
|