diff --git a/packages/core/index.d.ts b/packages/core/index.d.ts index 3af6557703..ffe48cb297 100644 --- a/packages/core/index.d.ts +++ b/packages/core/index.d.ts @@ -68,6 +68,7 @@ declare module '@nivo/core' { tooltip: Partial<{ container: Partial basic: Partial + chip: Partial table: Partial tableCell: Partial }> diff --git a/packages/core/src/theming/defaultTheme.js b/packages/core/src/theming/defaultTheme.js index 32dc004199..b22f2b8c90 100644 --- a/packages/core/src/theming/defaultTheme.js +++ b/packages/core/src/theming/defaultTheme.js @@ -67,6 +67,9 @@ export const defaultTheme = { display: 'flex', alignItems: 'center', }, + chip: { + marginRight: 7, + }, table: {}, tableCell: { padding: '3px 5px', diff --git a/packages/tooltip/src/components/BasicTooltip.js b/packages/tooltip/src/components/BasicTooltip.js index 06e66b51d8..edf9520071 100644 --- a/packages/tooltip/src/components/BasicTooltip.js +++ b/packages/tooltip/src/components/BasicTooltip.js @@ -11,8 +11,6 @@ import PropTypes from 'prop-types' import { useTheme, useValueFormatter } from '@nivo/core' import Chip from './Chip' -const chipStyle = { marginRight: 7 } - const BasicTooltip = memo(({ id, value: _value, format, enableChip, color, renderContent }) => { const theme = useTheme() const formatValue = useValueFormatter(format) @@ -27,7 +25,7 @@ const BasicTooltip = memo(({ id, value: _value, format, enableChip, color, rende } content = (
- {enableChip && } + {enableChip && } {value !== undefined ? ( {id}: {isNaN(value) ? String(value) : value}