From 775a53055a23bd8bab115c61fc97162dbf425ad9 Mon Sep 17 00:00:00 2001 From: Metabase Docs bot Date: Thu, 26 Jun 2025 23:01:46 +0000 Subject: [PATCH] [auto] adding content to drop-unused-react-types-import->master --- .../embedding/sdk/api/DashCardMenuItem.html | 8 +- .../api/DashboardCardMenuCustomElement.html | 2 +- .../sdk/api/MetabaseComponentTheme.html | 8 +- .../sdk/api/SdkErrorComponentProps.html | 4 +- .../sdk/api/SdkQuestionTitleProps.html | 2 +- .../sdk/api/snippets/DashCardMenuItem.md | 28 ++-- .../DashboardCardMenuCustomElement.md | 4 +- .../api/snippets/MetabaseComponentTheme.md | 130 +++++++++--------- .../api/snippets/SdkErrorComponentProps.md | 8 +- .../sdk/api/snippets/SdkQuestionTitleProps.md | 4 +- .../embedding/sdk/api/DashCardMenuItem.html | 8 +- .../api/DashboardCardMenuCustomElement.html | 2 +- .../sdk/api/MetabaseComponentTheme.html | 8 +- .../sdk/api/SdkErrorComponentProps.html | 4 +- .../sdk/api/SdkQuestionTitleProps.html | 2 +- 15 files changed, 111 insertions(+), 111 deletions(-) diff --git a/_docs/master/embedding/sdk/api/DashCardMenuItem.html b/_docs/master/embedding/sdk/api/DashCardMenuItem.html index ad917fd37f..46e81f2ffd 100644 --- a/_docs/master/embedding/sdk/api/DashCardMenuItem.html +++ b/_docs/master/embedding/sdk/api/DashCardMenuItem.html @@ -9,7 +9,7 @@ layout: docs-api --- -DashCardMenuItem | Embedded analytics SDK API{% include docs/embedded-analytics-sdk-metadata.html %}

Type Alias DashCardMenuItem

type DashCardMenuItem = {
    children?: ReactNode;
    closeMenuOnClick?: boolean;
    color?: MantineColor;
    disabled?: boolean;
    iconName: IconName;
    label: string;
    leftSection?: ReactNode;
    onClick: () => void;
    rightSection?: ReactNode;
}
Index

Properties

children? +DashCardMenuItem | Embedded analytics SDK API{% include docs/embedded-analytics-sdk-metadata.html %}

Type Alias DashCardMenuItem

type DashCardMenuItem = {
    children?: React.ReactNode;
    closeMenuOnClick?: boolean;
    color?: MantineColor;
    disabled?: boolean;
    iconName: IconName;
    label: string;
    leftSection?: React.ReactNode;
    onClick: () => void;
    rightSection?: React.ReactNode;
}
Index

Properties

children?: ReactNode

Item children

+

Properties

children?: React.ReactNode

Item children

closeMenuOnClick?: boolean

Determines whether the menu should be closed when the item is clicked, overrides closeOnItemClick prop on the Menu component

color?: MantineColor

Key of theme.colors or any valid CSS color

disabled?: boolean

Disables item

iconName: IconName

Icon name

label: string

Item label

-
leftSection?: ReactNode

Section displayed on the left side of the label

+
leftSection?: React.ReactNode

Section displayed on the left side of the label

onClick: () => void

Click handler

-
rightSection?: ReactNode

Section displayed on the right side of the label

+
rightSection?: React.ReactNode

Section displayed on the right side of the label

diff --git a/_docs/master/embedding/sdk/api/DashboardCardMenuCustomElement.html b/_docs/master/embedding/sdk/api/DashboardCardMenuCustomElement.html index 59134a20fa..9b9a54afc5 100644 --- a/_docs/master/embedding/sdk/api/DashboardCardMenuCustomElement.html +++ b/_docs/master/embedding/sdk/api/DashboardCardMenuCustomElement.html @@ -9,4 +9,4 @@ layout: docs-api --- -DashboardCardMenuCustomElement | Embedded analytics SDK API{% include docs/embedded-analytics-sdk-metadata.html %}

Type Alias DashboardCardMenuCustomElement

DashboardCardMenuCustomElement: (
    { question, }: { question: MetabaseQuestion },
) => ReactNode

Type declaration

+DashboardCardMenuCustomElement | Embedded analytics SDK API{% include docs/embedded-analytics-sdk-metadata.html %}

Type Alias DashboardCardMenuCustomElement

DashboardCardMenuCustomElement: (
    { question, }: { question: MetabaseQuestion },
) => React.ReactNode

Type declaration

diff --git a/_docs/master/embedding/sdk/api/MetabaseComponentTheme.html b/_docs/master/embedding/sdk/api/MetabaseComponentTheme.html index ac431aaa75..eea28afe09 100644 --- a/_docs/master/embedding/sdk/api/MetabaseComponentTheme.html +++ b/_docs/master/embedding/sdk/api/MetabaseComponentTheme.html @@ -11,7 +11,7 @@ MetabaseComponentTheme | Embedded analytics SDK API{% include docs/embedded-analytics-sdk-metadata.html %}

Type Alias MetabaseComponentTheme

Theme options for customizing specific Metabase components and visualizations.

-
type MetabaseComponentTheme = {
    cartesian: {
        goalLine: { label: { fontSize: string } };
        label: { fontSize: string };
        padding?: string;
    };
    collectionBrowser: {
        breadcrumbs: {
            expandButton: {
                backgroundColor: {};
                hoverBackgroundColor: {};
                hoverTextColor: {};
                textColor: {};
            };
        };
        emptyContent: {
            icon: {
                height: CSSProperties["width"];
                width: CSSProperties["width"];
            };
            subtitle: { fontSize: CSSProperties["fontSize"] };
            title: { fontSize: CSSProperties["fontSize"] };
        };
    };
    dashboard: {
        backgroundColor: string;
        card: { backgroundColor: string; border?: string };
        gridBorderColor?: string;
    };
    number?: {
        value?: { fontSize?: CSSProperties["fontSize"]; lineHeight?: string };
    };
    pivotTable: {
        cell: { fontSize: string };
        rowToggle: { backgroundColor: string; textColor: string };
    };
    popover: { zIndex?: number };
    question: {
        backgroundColor: string;
        toolbar?: { backgroundColor?: string };
    };
    table: {
        cell: { backgroundColor?: string; fontSize: string; textColor: string };
        idColumn?: { backgroundColor?: string; textColor: string };
        stickyBackgroundColor?: string;
    };
    tooltip?: {
        backgroundColor?: string;
        focusedBackgroundColor?: string;
        secondaryTextColor?: string;
        textColor?: string;
    };
}
Index

Properties

type MetabaseComponentTheme = {
    cartesian: {
        goalLine: { label: { fontSize: string } };
        label: { fontSize: string };
        padding?: string;
    };
    collectionBrowser: {
        breadcrumbs: {
            expandButton: {
                backgroundColor: {};
                hoverBackgroundColor: {};
                hoverTextColor: {};
                textColor: {};
            };
        };
        emptyContent: {
            icon: {
                height: React.CSSProperties["width"];
                width: React.CSSProperties["width"];
            };
            subtitle: { fontSize: React.CSSProperties["fontSize"] };
            title: { fontSize: React.CSSProperties["fontSize"] };
        };
    };
    dashboard: {
        backgroundColor: string;
        card: { backgroundColor: string; border?: string };
        gridBorderColor?: string;
    };
    number?: {
        value?: {
            fontSize?: React.CSSProperties["fontSize"];
            lineHeight?: string;
        };
    };
    pivotTable: {
        cell: { fontSize: string };
        rowToggle: { backgroundColor: string; textColor: string };
    };
    popover: { zIndex?: number };
    question: {
        backgroundColor: string;
        toolbar?: { backgroundColor?: string };
    };
    table: {
        cell: { backgroundColor?: string; fontSize: string; textColor: string };
        idColumn?: { backgroundColor?: string; textColor: string };
        stickyBackgroundColor?: string;
    };
    tooltip?: {
        backgroundColor?: string;
        focusedBackgroundColor?: string;
        secondaryTextColor?: string;
        textColor?: string;
    };
}
Index

Properties

Type declaration

  • goalLine: { label: { fontSize: string } }
    • label: { fontSize: string }
      • fontSize: string

        Font size of goal line labels

  • label: { fontSize: string }
    • fontSize: string

      Labels used in cartesian charts, such as axis ticks and series.

  • Optionalpadding?: string

    Padding around the chart.

    -
collectionBrowser: {
    breadcrumbs: {
        expandButton: {
            backgroundColor: {};
            hoverBackgroundColor: {};
            hoverTextColor: {};
            textColor: {};
        };
    };
    emptyContent: {
        icon: { height: CSSProperties["width"]; width: CSSProperties["width"] };
        subtitle: { fontSize: CSSProperties["fontSize"] };
        title: { fontSize: CSSProperties["fontSize"] };
    };
}
dashboard: {
    backgroundColor: string;
    card: { backgroundColor: string; border?: string };
    gridBorderColor?: string;
}

Type declaration

  • backgroundColor: string
  • card: { backgroundColor: string; border?: string }
    • backgroundColor: string
    • Optionalborder?: string

      Add custom borders to dashboard cards when set. +

collectionBrowser: {
    breadcrumbs: {
        expandButton: {
            backgroundColor: {};
            hoverBackgroundColor: {};
            hoverTextColor: {};
            textColor: {};
        };
    };
    emptyContent: {
        icon: {
            height: React.CSSProperties["width"];
            width: React.CSSProperties["width"];
        };
        subtitle: { fontSize: React.CSSProperties["fontSize"] };
        title: { fontSize: React.CSSProperties["fontSize"] };
    };
}
dashboard: {
    backgroundColor: string;
    card: { backgroundColor: string; border?: string };
    gridBorderColor?: string;
}

Type declaration

  • backgroundColor: string
  • card: { backgroundColor: string; border?: string }
    • backgroundColor: string
    • Optionalborder?: string

      Add custom borders to dashboard cards when set. Value is the same as the border property in CSS, such as "1px solid #ff0000". This will replace the card's drop shadow.

  • OptionalgridBorderColor?: string

    Border color of the dashboard grid, shown only when editing dashboards. Defaults to colors.border

    -
number?: {
    value?: { fontSize?: CSSProperties["fontSize"]; lineHeight?: string };
}

Number chart

-

Type declaration

  • Optionalvalue?: { fontSize?: CSSProperties["fontSize"]; lineHeight?: string }

    Value displayed on number charts. +

number?: {
    value?: {
        fontSize?: React.CSSProperties["fontSize"];
        lineHeight?: string;
    };
}

Number chart

+

Type declaration

  • Optionalvalue?: { fontSize?: React.CSSProperties["fontSize"]; lineHeight?: string }

    Value displayed on number charts. This also applies to the primary value in trend charts.

pivotTable: {
    cell: { fontSize: string };
    rowToggle: { backgroundColor: string; textColor: string };
}

Pivot table *

Type declaration

  • cell: { fontSize: string }
    • fontSize: string

      Font size of cell values, defaults to ~12px

      diff --git a/_docs/master/embedding/sdk/api/SdkErrorComponentProps.html b/_docs/master/embedding/sdk/api/SdkErrorComponentProps.html index 932377ce08..878704abb0 100644 --- a/_docs/master/embedding/sdk/api/SdkErrorComponentProps.html +++ b/_docs/master/embedding/sdk/api/SdkErrorComponentProps.html @@ -9,5 +9,5 @@ layout: docs-api --- -SdkErrorComponentProps | Embedded analytics SDK API{% include docs/embedded-analytics-sdk-metadata.html %}

      Type Alias SdkErrorComponentProps

      type SdkErrorComponentProps = {
          message: ReactNode;
      }
      Index

      Properties

      Properties

      message: ReactNode

      +SdkErrorComponentProps | Embedded analytics SDK API{% include docs/embedded-analytics-sdk-metadata.html %}

      Type Alias SdkErrorComponentProps

      type SdkErrorComponentProps = {
          message: React.ReactNode;
      }
      Index

      Properties

      Properties

      diff --git a/_docs/master/embedding/sdk/api/SdkQuestionTitleProps.html b/_docs/master/embedding/sdk/api/SdkQuestionTitleProps.html index 0e2ddd5309..7a356ae1c5 100644 --- a/_docs/master/embedding/sdk/api/SdkQuestionTitleProps.html +++ b/_docs/master/embedding/sdk/api/SdkQuestionTitleProps.html @@ -9,4 +9,4 @@ layout: docs-api --- -SdkQuestionTitleProps | Embedded analytics SDK API{% include docs/embedded-analytics-sdk-metadata.html %}

      Type Alias SdkQuestionTitleProps

      SdkQuestionTitleProps: boolean | undefined | ReactNode | (() => ReactNode)

      +SdkQuestionTitleProps | Embedded analytics SDK API{% include docs/embedded-analytics-sdk-metadata.html %}

      Type Alias SdkQuestionTitleProps

      SdkQuestionTitleProps:
          | boolean
          | undefined
          | React.ReactNode
          | (() => React.ReactNode)

      diff --git a/_docs/master/embedding/sdk/api/snippets/DashCardMenuItem.md b/_docs/master/embedding/sdk/api/snippets/DashCardMenuItem.md index cf33038240..c4f95af530 100644 --- a/_docs/master/embedding/sdk/api/snippets/DashCardMenuItem.md +++ b/_docs/master/embedding/sdk/api/snippets/DashCardMenuItem.md @@ -11,15 +11,15 @@ layout: new-docs ```ts type DashCardMenuItem = { - children?: ReactNode; + children?: React.ReactNode; closeMenuOnClick?: boolean; color?: MantineColor; disabled?: boolean; iconName: IconName; label: string; - leftSection?: ReactNode; + leftSection?: React.ReactNode; onClick: () => void; - rightSection?: ReactNode; + rightSection?: React.ReactNode; }; ``` @@ -27,16 +27,16 @@ type DashCardMenuItem = { -| Property | Type | Description | -| :------------------------------------------------ | :------------------------------------------------------------------------------------------------------------------------------------------ | :------------------------------------------------------------------------------------------------------------------------------- | -| `children?` | [`ReactNode`](https://github.com/DefinitelyTyped/DefinitelyTyped/blob/0b728411cd1dfb4bd26992bb35a73cf8edaa22e7/types/react/index.d.ts#L478) | Item children | -| `closeMenuOnClick?` | `boolean` | Determines whether the menu should be closed when the item is clicked, overrides `closeOnItemClick` prop on the `Menu` component | -| `color?` | [`MantineColor`](https://v7.mantine.dev/overview) | Key of `theme.colors` or any valid CSS color | -| `disabled?` | `boolean` | Disables item | -| `iconName` | [`IconName`](./api/IconName) | Icon name | -| `label` | `string` | Item label | -| `leftSection?` | [`ReactNode`](https://github.com/DefinitelyTyped/DefinitelyTyped/blob/0b728411cd1dfb4bd26992bb35a73cf8edaa22e7/types/react/index.d.ts#L478) | Section displayed on the left side of the label | -| `onClick` | () => `void` | Click handler | -| `rightSection?` | [`ReactNode`](https://github.com/DefinitelyTyped/DefinitelyTyped/blob/0b728411cd1dfb4bd26992bb35a73cf8edaa22e7/types/react/index.d.ts#L478) | Section displayed on the right side of the label | +| Property | Type | Description | +| :------------------------------------------------ | :------------------------------------------------------------------------------------------------------------------------------------------------ | :------------------------------------------------------------------------------------------------------------------------------- | +| `children?` | [`React.ReactNode`](https://github.com/DefinitelyTyped/DefinitelyTyped/blob/0b728411cd1dfb4bd26992bb35a73cf8edaa22e7/types/react/index.d.ts#L478) | Item children | +| `closeMenuOnClick?` | `boolean` | Determines whether the menu should be closed when the item is clicked, overrides `closeOnItemClick` prop on the `Menu` component | +| `color?` | [`MantineColor`](https://v7.mantine.dev/overview) | Key of `theme.colors` or any valid CSS color | +| `disabled?` | `boolean` | Disables item | +| `iconName` | [`IconName`](./api/IconName) | Icon name | +| `label` | `string` | Item label | +| `leftSection?` | [`React.ReactNode`](https://github.com/DefinitelyTyped/DefinitelyTyped/blob/0b728411cd1dfb4bd26992bb35a73cf8edaa22e7/types/react/index.d.ts#L478) | Section displayed on the left side of the label | +| `onClick` | () => `void` | Click handler | +| `rightSection?` | [`React.ReactNode`](https://github.com/DefinitelyTyped/DefinitelyTyped/blob/0b728411cd1dfb4bd26992bb35a73cf8edaa22e7/types/react/index.d.ts#L478) | Section displayed on the right side of the label | diff --git a/_docs/master/embedding/sdk/api/snippets/DashboardCardMenuCustomElement.md b/_docs/master/embedding/sdk/api/snippets/DashboardCardMenuCustomElement.md index db281e3e38..421758a429 100644 --- a/_docs/master/embedding/sdk/api/snippets/DashboardCardMenuCustomElement.md +++ b/_docs/master/embedding/sdk/api/snippets/DashboardCardMenuCustomElement.md @@ -14,7 +14,7 @@ type DashboardCardMenuCustomElement = ({ question, }: { question: MetabaseQuestion; -}) => ReactNode; +}) => React.ReactNode; ``` ## Parameters @@ -32,6 +32,6 @@ type DashboardCardMenuCustomElement = ({ -[`ReactNode`](https://github.com/DefinitelyTyped/DefinitelyTyped/blob/0b728411cd1dfb4bd26992bb35a73cf8edaa22e7/types/react/index.d.ts#L478) +[`React.ReactNode`](https://github.com/DefinitelyTyped/DefinitelyTyped/blob/0b728411cd1dfb4bd26992bb35a73cf8edaa22e7/types/react/index.d.ts#L478) diff --git a/_docs/master/embedding/sdk/api/snippets/MetabaseComponentTheme.md b/_docs/master/embedding/sdk/api/snippets/MetabaseComponentTheme.md index eaaf572f65..bd668f9256 100644 --- a/_docs/master/embedding/sdk/api/snippets/MetabaseComponentTheme.md +++ b/_docs/master/embedding/sdk/api/snippets/MetabaseComponentTheme.md @@ -33,14 +33,14 @@ type MetabaseComponentTheme = { }; emptyContent: { icon: { - height: CSSProperties["width"]; - width: CSSProperties["width"]; + height: React.CSSProperties["width"]; + width: React.CSSProperties["width"]; }; subtitle: { - fontSize: CSSProperties["fontSize"]; + fontSize: React.CSSProperties["fontSize"]; }; title: { - fontSize: CSSProperties["fontSize"]; + fontSize: React.CSSProperties["fontSize"]; }; }; }; @@ -54,7 +54,7 @@ type MetabaseComponentTheme = { }; number?: { value?: { - fontSize?: CSSProperties["fontSize"]; + fontSize?: React.CSSProperties["fontSize"]; lineHeight?: string; }; }; @@ -104,65 +104,65 @@ components and visualizations. -| Property | Type | Description | -| :---------------------------------------------------------------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | :---------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -| `cartesian` | \{ `goalLine`: \{ `label`: \{ `fontSize`: `string`; \}; \}; `label`: \{ `fontSize`: `string`; \}; `padding?`: `string`; \} | Cartesian charts | -| `cartesian.goalLine` | \{ `label`: \{ `fontSize`: `string`; \}; \} | - | -| `cartesian.goalLine.label` | \{ `fontSize`: `string`; \} | - | -| `cartesian.goalLine.label.fontSize` | `string` | Font size of goal line labels | -| `cartesian.label` | \{ `fontSize`: `string`; \} | - | -| `cartesian.label.fontSize` | `string` | Labels used in cartesian charts, such as axis ticks and series. | -| `cartesian.padding?` | `string` | Padding around the chart. | -| `collectionBrowser` | \{ `breadcrumbs`: \{ `expandButton`: \{ `backgroundColor`: \{ \}; `hoverBackgroundColor`: \{ \}; `hoverTextColor`: \{ \}; `textColor`: \{ \}; \}; \}; `emptyContent`: \{ `icon`: \{ `height`: [`CSSProperties`](https://github.com/DefinitelyTyped/DefinitelyTyped/blob/0b728411cd1dfb4bd26992bb35a73cf8edaa22e7/types/react/index.d.ts#L2579)\[`"width"`\]; `width`: [`CSSProperties`](https://github.com/DefinitelyTyped/DefinitelyTyped/blob/0b728411cd1dfb4bd26992bb35a73cf8edaa22e7/types/react/index.d.ts#L2579)\[`"width"`\]; \}; `subtitle`: \{ `fontSize`: [`CSSProperties`](https://github.com/DefinitelyTyped/DefinitelyTyped/blob/0b728411cd1dfb4bd26992bb35a73cf8edaa22e7/types/react/index.d.ts#L2579)\[`"fontSize"`\]; \}; `title`: \{ `fontSize`: [`CSSProperties`](https://github.com/DefinitelyTyped/DefinitelyTyped/blob/0b728411cd1dfb4bd26992bb35a73cf8edaa22e7/types/react/index.d.ts#L2579)\[`"fontSize"`\]; \}; \}; \} | - | -| `collectionBrowser.breadcrumbs` | \{ `expandButton`: \{ `backgroundColor`: \{ \}; `hoverBackgroundColor`: \{ \}; `hoverTextColor`: \{ \}; `textColor`: \{ \}; \}; \} | - | -| `collectionBrowser.breadcrumbs.expandButton` | \{ `backgroundColor`: \{ \}; `hoverBackgroundColor`: \{ \}; `hoverTextColor`: \{ \}; `textColor`: \{ \}; \} | - | -| `collectionBrowser.breadcrumbs.expandButton.backgroundColor` | \{ \} | - | -| `collectionBrowser.breadcrumbs.expandButton.hoverBackgroundColor` | \{ \} | - | -| `collectionBrowser.breadcrumbs.expandButton.hoverTextColor` | \{ \} | - | -| `collectionBrowser.breadcrumbs.expandButton.textColor` | \{ \} | - | -| `collectionBrowser.emptyContent` | \{ `icon`: \{ `height`: [`CSSProperties`](https://github.com/DefinitelyTyped/DefinitelyTyped/blob/0b728411cd1dfb4bd26992bb35a73cf8edaa22e7/types/react/index.d.ts#L2579)\[`"width"`\]; `width`: [`CSSProperties`](https://github.com/DefinitelyTyped/DefinitelyTyped/blob/0b728411cd1dfb4bd26992bb35a73cf8edaa22e7/types/react/index.d.ts#L2579)\[`"width"`\]; \}; `subtitle`: \{ `fontSize`: [`CSSProperties`](https://github.com/DefinitelyTyped/DefinitelyTyped/blob/0b728411cd1dfb4bd26992bb35a73cf8edaa22e7/types/react/index.d.ts#L2579)\[`"fontSize"`\]; \}; `title`: \{ `fontSize`: [`CSSProperties`](https://github.com/DefinitelyTyped/DefinitelyTyped/blob/0b728411cd1dfb4bd26992bb35a73cf8edaa22e7/types/react/index.d.ts#L2579)\[`"fontSize"`\]; \}; \} | - | -| `collectionBrowser.emptyContent.icon` | \{ `height`: [`CSSProperties`](https://github.com/DefinitelyTyped/DefinitelyTyped/blob/0b728411cd1dfb4bd26992bb35a73cf8edaa22e7/types/react/index.d.ts#L2579)\[`"width"`\]; `width`: [`CSSProperties`](https://github.com/DefinitelyTyped/DefinitelyTyped/blob/0b728411cd1dfb4bd26992bb35a73cf8edaa22e7/types/react/index.d.ts#L2579)\[`"width"`\]; \} | - | -| `collectionBrowser.emptyContent.icon.height` | [`CSSProperties`](https://github.com/DefinitelyTyped/DefinitelyTyped/blob/0b728411cd1dfb4bd26992bb35a73cf8edaa22e7/types/react/index.d.ts#L2579)\[`"width"`\] | - | -| `collectionBrowser.emptyContent.icon.width` | [`CSSProperties`](https://github.com/DefinitelyTyped/DefinitelyTyped/blob/0b728411cd1dfb4bd26992bb35a73cf8edaa22e7/types/react/index.d.ts#L2579)\[`"width"`\] | - | -| `collectionBrowser.emptyContent.subtitle` | \{ `fontSize`: [`CSSProperties`](https://github.com/DefinitelyTyped/DefinitelyTyped/blob/0b728411cd1dfb4bd26992bb35a73cf8edaa22e7/types/react/index.d.ts#L2579)\[`"fontSize"`\]; \} | - | -| `collectionBrowser.emptyContent.subtitle.fontSize` | [`CSSProperties`](https://github.com/DefinitelyTyped/DefinitelyTyped/blob/0b728411cd1dfb4bd26992bb35a73cf8edaa22e7/types/react/index.d.ts#L2579)\[`"fontSize"`\] | - | -| `collectionBrowser.emptyContent.title` | \{ `fontSize`: [`CSSProperties`](https://github.com/DefinitelyTyped/DefinitelyTyped/blob/0b728411cd1dfb4bd26992bb35a73cf8edaa22e7/types/react/index.d.ts#L2579)\[`"fontSize"`\]; \} | - | -| `collectionBrowser.emptyContent.title.fontSize` | [`CSSProperties`](https://github.com/DefinitelyTyped/DefinitelyTyped/blob/0b728411cd1dfb4bd26992bb35a73cf8edaa22e7/types/react/index.d.ts#L2579)\[`"fontSize"`\] | - | -| `dashboard` | \{ `backgroundColor`: `string`; `card`: \{ `backgroundColor`: `string`; `border?`: `string`; \}; `gridBorderColor?`: `string`; \} | - | -| `dashboard.backgroundColor` | `string` | - | -| `dashboard.card` | \{ `backgroundColor`: `string`; `border?`: `string`; \} | - | -| `dashboard.card.backgroundColor` | `string` | - | -| `dashboard.card.border?` | `string` | Add custom borders to dashboard cards when set. Value is the same as the border property in CSS, such as "1px solid #ff0000". This will replace the card's drop shadow. | -| `dashboard.gridBorderColor?` | `string` | Border color of the dashboard grid, shown only when editing dashboards. Defaults to `colors.border` | -| `number?` | \{ `value?`: \{ `fontSize?`: [`CSSProperties`](https://github.com/DefinitelyTyped/DefinitelyTyped/blob/0b728411cd1dfb4bd26992bb35a73cf8edaa22e7/types/react/index.d.ts#L2579)\[`"fontSize"`\]; `lineHeight?`: `string`; \}; \} | Number chart | -| `number.value?` | \{ `fontSize?`: [`CSSProperties`](https://github.com/DefinitelyTyped/DefinitelyTyped/blob/0b728411cd1dfb4bd26992bb35a73cf8edaa22e7/types/react/index.d.ts#L2579)\[`"fontSize"`\]; `lineHeight?`: `string`; \} | Value displayed on number charts. This also applies to the primary value in trend charts. | -| `number.value.fontSize?` | [`CSSProperties`](https://github.com/DefinitelyTyped/DefinitelyTyped/blob/0b728411cd1dfb4bd26992bb35a73cf8edaa22e7/types/react/index.d.ts#L2579)\[`"fontSize"`\] | - | -| `number.value.lineHeight?` | `string` | - | -| `pivotTable` | \{ `cell`: \{ `fontSize`: `string`; \}; `rowToggle`: \{ `backgroundColor`: `string`; `textColor`: `string`; \}; \} | Pivot table \* | -| `pivotTable.cell` | \{ `fontSize`: `string`; \} | - | -| `pivotTable.cell.fontSize` | `string` | Font size of cell values, defaults to ~12px | -| `pivotTable.rowToggle` | \{ `backgroundColor`: `string`; `textColor`: `string`; \} | Button to toggle pivot table rows | -| `pivotTable.rowToggle.backgroundColor` | `string` | - | -| `pivotTable.rowToggle.textColor` | `string` | - | -| `popover` | \{ `zIndex?`: `number`; \} | Popover | -| `popover.zIndex?` | `number` | z-index of overlays. Useful for embedding components in a modal. Defaults to 200. | -| `question` | \{ `backgroundColor`: `string`; `toolbar?`: \{ `backgroundColor?`: `string`; \}; \} | - | -| `question.backgroundColor` | `string` | Background color for all questions | -| `question.toolbar?` | \{ `backgroundColor?`: `string`; \} | Toolbar of the default interactive question layout | -| `question.toolbar.backgroundColor?` | `string` | - | -| `table` | \{ `cell`: \{ `backgroundColor?`: `string`; `fontSize`: `string`; `textColor`: `string`; \}; `idColumn?`: \{ `backgroundColor?`: `string`; `textColor`: `string`; \}; `stickyBackgroundColor?`: `string`; \} | Data tables \* | -| `table.cell` | \{ `backgroundColor?`: `string`; `fontSize`: `string`; `textColor`: `string`; \} | - | -| `table.cell.backgroundColor?` | `string` | Default background color of cells, defaults to `background` | -| `table.cell.fontSize` | `string` | Font size of cell values, defaults to ~12.5px | -| `table.cell.textColor` | `string` | Text color of cells, defaults to `text-primary`. | -| `table.idColumn?` | \{ `backgroundColor?`: `string`; `textColor`: `string`; \} | - | -| `table.idColumn.backgroundColor?` | `string` | Background color of ID column, defaults to `lighten(brand)` | -| `table.idColumn.textColor` | `string` | Text color of ID column, defaults to `brand`. | -| `table.stickyBackgroundColor?` | `string` | Background color of the table header that stays fixed while scrolling. Defaults to `white` if no cell background color is set | -| `tooltip?` | \{ `backgroundColor?`: `string`; `focusedBackgroundColor?`: `string`; `secondaryTextColor?`: `string`; `textColor?`: `string`; \} | Tooltip | -| `tooltip.backgroundColor?` | `string` | Tooltip background color. | -| `tooltip.focusedBackgroundColor?` | `string` | Tooltip background color for focused rows. | -| `tooltip.secondaryTextColor?` | `string` | Secondary text color shown in the tooltip, e.g. for tooltip headers and percentage changes. | -| `tooltip.textColor?` | `string` | Tooltip text color. | +| Property | Type | Description | +| :---------------------------------------------------------------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | :---------------------------------------------------------------------------------------------------------------------------------------------------------------------- | +| `cartesian` | \{ `goalLine`: \{ `label`: \{ `fontSize`: `string`; \}; \}; `label`: \{ `fontSize`: `string`; \}; `padding?`: `string`; \} | Cartesian charts | +| `cartesian.goalLine` | \{ `label`: \{ `fontSize`: `string`; \}; \} | - | +| `cartesian.goalLine.label` | \{ `fontSize`: `string`; \} | - | +| `cartesian.goalLine.label.fontSize` | `string` | Font size of goal line labels | +| `cartesian.label` | \{ `fontSize`: `string`; \} | - | +| `cartesian.label.fontSize` | `string` | Labels used in cartesian charts, such as axis ticks and series. | +| `cartesian.padding?` | `string` | Padding around the chart. | +| `collectionBrowser` | \{ `breadcrumbs`: \{ `expandButton`: \{ `backgroundColor`: \{ \}; `hoverBackgroundColor`: \{ \}; `hoverTextColor`: \{ \}; `textColor`: \{ \}; \}; \}; `emptyContent`: \{ `icon`: \{ `height`: [`React.CSSProperties`](https://github.com/DefinitelyTyped/DefinitelyTyped/blob/0b728411cd1dfb4bd26992bb35a73cf8edaa22e7/types/react/index.d.ts#L2579)\[`"width"`\]; `width`: [`React.CSSProperties`](https://github.com/DefinitelyTyped/DefinitelyTyped/blob/0b728411cd1dfb4bd26992bb35a73cf8edaa22e7/types/react/index.d.ts#L2579)\[`"width"`\]; \}; `subtitle`: \{ `fontSize`: [`React.CSSProperties`](https://github.com/DefinitelyTyped/DefinitelyTyped/blob/0b728411cd1dfb4bd26992bb35a73cf8edaa22e7/types/react/index.d.ts#L2579)\[`"fontSize"`\]; \}; `title`: \{ `fontSize`: [`React.CSSProperties`](https://github.com/DefinitelyTyped/DefinitelyTyped/blob/0b728411cd1dfb4bd26992bb35a73cf8edaa22e7/types/react/index.d.ts#L2579)\[`"fontSize"`\]; \}; \}; \} | - | +| `collectionBrowser.breadcrumbs` | \{ `expandButton`: \{ `backgroundColor`: \{ \}; `hoverBackgroundColor`: \{ \}; `hoverTextColor`: \{ \}; `textColor`: \{ \}; \}; \} | - | +| `collectionBrowser.breadcrumbs.expandButton` | \{ `backgroundColor`: \{ \}; `hoverBackgroundColor`: \{ \}; `hoverTextColor`: \{ \}; `textColor`: \{ \}; \} | - | +| `collectionBrowser.breadcrumbs.expandButton.backgroundColor` | \{ \} | - | +| `collectionBrowser.breadcrumbs.expandButton.hoverBackgroundColor` | \{ \} | - | +| `collectionBrowser.breadcrumbs.expandButton.hoverTextColor` | \{ \} | - | +| `collectionBrowser.breadcrumbs.expandButton.textColor` | \{ \} | - | +| `collectionBrowser.emptyContent` | \{ `icon`: \{ `height`: [`React.CSSProperties`](https://github.com/DefinitelyTyped/DefinitelyTyped/blob/0b728411cd1dfb4bd26992bb35a73cf8edaa22e7/types/react/index.d.ts#L2579)\[`"width"`\]; `width`: [`React.CSSProperties`](https://github.com/DefinitelyTyped/DefinitelyTyped/blob/0b728411cd1dfb4bd26992bb35a73cf8edaa22e7/types/react/index.d.ts#L2579)\[`"width"`\]; \}; `subtitle`: \{ `fontSize`: [`React.CSSProperties`](https://github.com/DefinitelyTyped/DefinitelyTyped/blob/0b728411cd1dfb4bd26992bb35a73cf8edaa22e7/types/react/index.d.ts#L2579)\[`"fontSize"`\]; \}; `title`: \{ `fontSize`: [`React.CSSProperties`](https://github.com/DefinitelyTyped/DefinitelyTyped/blob/0b728411cd1dfb4bd26992bb35a73cf8edaa22e7/types/react/index.d.ts#L2579)\[`"fontSize"`\]; \}; \} | - | +| `collectionBrowser.emptyContent.icon` | \{ `height`: [`React.CSSProperties`](https://github.com/DefinitelyTyped/DefinitelyTyped/blob/0b728411cd1dfb4bd26992bb35a73cf8edaa22e7/types/react/index.d.ts#L2579)\[`"width"`\]; `width`: [`React.CSSProperties`](https://github.com/DefinitelyTyped/DefinitelyTyped/blob/0b728411cd1dfb4bd26992bb35a73cf8edaa22e7/types/react/index.d.ts#L2579)\[`"width"`\]; \} | - | +| `collectionBrowser.emptyContent.icon.height` | [`React.CSSProperties`](https://github.com/DefinitelyTyped/DefinitelyTyped/blob/0b728411cd1dfb4bd26992bb35a73cf8edaa22e7/types/react/index.d.ts#L2579)\[`"width"`\] | - | +| `collectionBrowser.emptyContent.icon.width` | [`React.CSSProperties`](https://github.com/DefinitelyTyped/DefinitelyTyped/blob/0b728411cd1dfb4bd26992bb35a73cf8edaa22e7/types/react/index.d.ts#L2579)\[`"width"`\] | - | +| `collectionBrowser.emptyContent.subtitle` | \{ `fontSize`: [`React.CSSProperties`](https://github.com/DefinitelyTyped/DefinitelyTyped/blob/0b728411cd1dfb4bd26992bb35a73cf8edaa22e7/types/react/index.d.ts#L2579)\[`"fontSize"`\]; \} | - | +| `collectionBrowser.emptyContent.subtitle.fontSize` | [`React.CSSProperties`](https://github.com/DefinitelyTyped/DefinitelyTyped/blob/0b728411cd1dfb4bd26992bb35a73cf8edaa22e7/types/react/index.d.ts#L2579)\[`"fontSize"`\] | - | +| `collectionBrowser.emptyContent.title` | \{ `fontSize`: [`React.CSSProperties`](https://github.com/DefinitelyTyped/DefinitelyTyped/blob/0b728411cd1dfb4bd26992bb35a73cf8edaa22e7/types/react/index.d.ts#L2579)\[`"fontSize"`\]; \} | - | +| `collectionBrowser.emptyContent.title.fontSize` | [`React.CSSProperties`](https://github.com/DefinitelyTyped/DefinitelyTyped/blob/0b728411cd1dfb4bd26992bb35a73cf8edaa22e7/types/react/index.d.ts#L2579)\[`"fontSize"`\] | - | +| `dashboard` | \{ `backgroundColor`: `string`; `card`: \{ `backgroundColor`: `string`; `border?`: `string`; \}; `gridBorderColor?`: `string`; \} | - | +| `dashboard.backgroundColor` | `string` | - | +| `dashboard.card` | \{ `backgroundColor`: `string`; `border?`: `string`; \} | - | +| `dashboard.card.backgroundColor` | `string` | - | +| `dashboard.card.border?` | `string` | Add custom borders to dashboard cards when set. Value is the same as the border property in CSS, such as "1px solid #ff0000". This will replace the card's drop shadow. | +| `dashboard.gridBorderColor?` | `string` | Border color of the dashboard grid, shown only when editing dashboards. Defaults to `colors.border` | +| `number?` | \{ `value?`: \{ `fontSize?`: [`React.CSSProperties`](https://github.com/DefinitelyTyped/DefinitelyTyped/blob/0b728411cd1dfb4bd26992bb35a73cf8edaa22e7/types/react/index.d.ts#L2579)\[`"fontSize"`\]; `lineHeight?`: `string`; \}; \} | Number chart | +| `number.value?` | \{ `fontSize?`: [`React.CSSProperties`](https://github.com/DefinitelyTyped/DefinitelyTyped/blob/0b728411cd1dfb4bd26992bb35a73cf8edaa22e7/types/react/index.d.ts#L2579)\[`"fontSize"`\]; `lineHeight?`: `string`; \} | Value displayed on number charts. This also applies to the primary value in trend charts. | +| `number.value.fontSize?` | [`React.CSSProperties`](https://github.com/DefinitelyTyped/DefinitelyTyped/blob/0b728411cd1dfb4bd26992bb35a73cf8edaa22e7/types/react/index.d.ts#L2579)\[`"fontSize"`\] | - | +| `number.value.lineHeight?` | `string` | - | +| `pivotTable` | \{ `cell`: \{ `fontSize`: `string`; \}; `rowToggle`: \{ `backgroundColor`: `string`; `textColor`: `string`; \}; \} | Pivot table \* | +| `pivotTable.cell` | \{ `fontSize`: `string`; \} | - | +| `pivotTable.cell.fontSize` | `string` | Font size of cell values, defaults to ~12px | +| `pivotTable.rowToggle` | \{ `backgroundColor`: `string`; `textColor`: `string`; \} | Button to toggle pivot table rows | +| `pivotTable.rowToggle.backgroundColor` | `string` | - | +| `pivotTable.rowToggle.textColor` | `string` | - | +| `popover` | \{ `zIndex?`: `number`; \} | Popover | +| `popover.zIndex?` | `number` | z-index of overlays. Useful for embedding components in a modal. Defaults to 200. | +| `question` | \{ `backgroundColor`: `string`; `toolbar?`: \{ `backgroundColor?`: `string`; \}; \} | - | +| `question.backgroundColor` | `string` | Background color for all questions | +| `question.toolbar?` | \{ `backgroundColor?`: `string`; \} | Toolbar of the default interactive question layout | +| `question.toolbar.backgroundColor?` | `string` | - | +| `table` | \{ `cell`: \{ `backgroundColor?`: `string`; `fontSize`: `string`; `textColor`: `string`; \}; `idColumn?`: \{ `backgroundColor?`: `string`; `textColor`: `string`; \}; `stickyBackgroundColor?`: `string`; \} | Data tables \* | +| `table.cell` | \{ `backgroundColor?`: `string`; `fontSize`: `string`; `textColor`: `string`; \} | - | +| `table.cell.backgroundColor?` | `string` | Default background color of cells, defaults to `background` | +| `table.cell.fontSize` | `string` | Font size of cell values, defaults to ~12.5px | +| `table.cell.textColor` | `string` | Text color of cells, defaults to `text-primary`. | +| `table.idColumn?` | \{ `backgroundColor?`: `string`; `textColor`: `string`; \} | - | +| `table.idColumn.backgroundColor?` | `string` | Background color of ID column, defaults to `lighten(brand)` | +| `table.idColumn.textColor` | `string` | Text color of ID column, defaults to `brand`. | +| `table.stickyBackgroundColor?` | `string` | Background color of the table header that stays fixed while scrolling. Defaults to `white` if no cell background color is set | +| `tooltip?` | \{ `backgroundColor?`: `string`; `focusedBackgroundColor?`: `string`; `secondaryTextColor?`: `string`; `textColor?`: `string`; \} | Tooltip | +| `tooltip.backgroundColor?` | `string` | Tooltip background color. | +| `tooltip.focusedBackgroundColor?` | `string` | Tooltip background color for focused rows. | +| `tooltip.secondaryTextColor?` | `string` | Secondary text color shown in the tooltip, e.g. for tooltip headers and percentage changes. | +| `tooltip.textColor?` | `string` | Tooltip text color. | diff --git a/_docs/master/embedding/sdk/api/snippets/SdkErrorComponentProps.md b/_docs/master/embedding/sdk/api/snippets/SdkErrorComponentProps.md index 5634b5a115..48174234b1 100644 --- a/_docs/master/embedding/sdk/api/snippets/SdkErrorComponentProps.md +++ b/_docs/master/embedding/sdk/api/snippets/SdkErrorComponentProps.md @@ -11,7 +11,7 @@ layout: new-docs ```ts type SdkErrorComponentProps = { - message: ReactNode; + message: React.ReactNode; }; ``` @@ -19,8 +19,8 @@ type SdkErrorComponentProps = { -| Property | Type | -| :----------------------------- | :------------------------------------------------------------------------------------------------------------------------------------------ | -| `message` | [`ReactNode`](https://github.com/DefinitelyTyped/DefinitelyTyped/blob/0b728411cd1dfb4bd26992bb35a73cf8edaa22e7/types/react/index.d.ts#L478) | +| Property | Type | +| :----------------------------- | :------------------------------------------------------------------------------------------------------------------------------------------------ | +| `message` | [`React.ReactNode`](https://github.com/DefinitelyTyped/DefinitelyTyped/blob/0b728411cd1dfb4bd26992bb35a73cf8edaa22e7/types/react/index.d.ts#L478) | diff --git a/_docs/master/embedding/sdk/api/snippets/SdkQuestionTitleProps.md b/_docs/master/embedding/sdk/api/snippets/SdkQuestionTitleProps.md index 789827aff4..04c12e12f7 100644 --- a/_docs/master/embedding/sdk/api/snippets/SdkQuestionTitleProps.md +++ b/_docs/master/embedding/sdk/api/snippets/SdkQuestionTitleProps.md @@ -13,6 +13,6 @@ layout: new-docs type SdkQuestionTitleProps = | boolean | undefined - | ReactNode - | () => ReactNode; + | React.ReactNode + | () => React.ReactNode; ``` diff --git a/_site/docs/master/embedding/sdk/api/DashCardMenuItem.html b/_site/docs/master/embedding/sdk/api/DashCardMenuItem.html index 797918f630..9e39fa89a5 100644 --- a/_site/docs/master/embedding/sdk/api/DashCardMenuItem.html +++ b/_site/docs/master/embedding/sdk/api/DashCardMenuItem.html @@ -23,7 +23,7 @@ -

      Type Alias DashCardMenuItem

      type DashCardMenuItem = {
          children?: ReactNode;
          closeMenuOnClick?: boolean;
          color?: MantineColor;
          disabled?: boolean;
          iconName: IconName;
          label: string;
          leftSection?: ReactNode;
          onClick: () => void;
          rightSection?: ReactNode;
      }
      Index

      Properties

      children? +

      Type Alias DashCardMenuItem

      type DashCardMenuItem = {
          children?: React.ReactNode;
          closeMenuOnClick?: boolean;
          color?: MantineColor;
          disabled?: boolean;
          iconName: IconName;
          label: string;
          leftSection?: React.ReactNode;
          onClick: () => void;
          rightSection?: React.ReactNode;
      }
      Index

      Properties

      children?: ReactNode

      Item children

      +

      Properties

      children?: React.ReactNode

      Item children

      closeMenuOnClick?: boolean

      Determines whether the menu should be closed when the item is clicked, overrides closeOnItemClick prop on the Menu component

      color?: MantineColor

      Key of theme.colors or any valid CSS color

      disabled?: boolean

      Disables item

      iconName: IconName

      Icon name

      label: string

      Item label

      -
      leftSection?: ReactNode

      Section displayed on the left side of the label

      +
      leftSection?: React.ReactNode

      Section displayed on the left side of the label

      onClick: () => void

      Click handler

      -
      rightSection?: ReactNode

      Section displayed on the right side of the label

      +
      rightSection?: React.ReactNode

      Section displayed on the right side of the label

      \ No newline at end of file diff --git a/_site/docs/master/embedding/sdk/api/DashboardCardMenuCustomElement.html b/_site/docs/master/embedding/sdk/api/DashboardCardMenuCustomElement.html index 471559a7e3..29a4226a4a 100644 --- a/_site/docs/master/embedding/sdk/api/DashboardCardMenuCustomElement.html +++ b/_site/docs/master/embedding/sdk/api/DashboardCardMenuCustomElement.html @@ -23,6 +23,6 @@ -

      Type Alias DashboardCardMenuCustomElement

      DashboardCardMenuCustomElement: (
          { question, }: { question: MetabaseQuestion },
      ) => ReactNode

      Type declaration

      +

      Type Alias DashboardCardMenuCustomElement

      DashboardCardMenuCustomElement: (
          { question, }: { question: MetabaseQuestion },
      ) => React.ReactNode

      Type declaration

      \ No newline at end of file diff --git a/_site/docs/master/embedding/sdk/api/MetabaseComponentTheme.html b/_site/docs/master/embedding/sdk/api/MetabaseComponentTheme.html index 32a2902171..597805dfa1 100644 --- a/_site/docs/master/embedding/sdk/api/MetabaseComponentTheme.html +++ b/_site/docs/master/embedding/sdk/api/MetabaseComponentTheme.html @@ -25,7 +25,7 @@

      Type Alias MetabaseComponentTheme

      Theme options for customizing specific Metabase components and visualizations.

      -
      type MetabaseComponentTheme = {
          cartesian: {
              goalLine: { label: { fontSize: string } };
              label: { fontSize: string };
              padding?: string;
          };
          collectionBrowser: {
              breadcrumbs: {
                  expandButton: {
                      backgroundColor: {};
                      hoverBackgroundColor: {};
                      hoverTextColor: {};
                      textColor: {};
                  };
              };
              emptyContent: {
                  icon: {
                      height: CSSProperties["width"];
                      width: CSSProperties["width"];
                  };
                  subtitle: { fontSize: CSSProperties["fontSize"] };
                  title: { fontSize: CSSProperties["fontSize"] };
              };
          };
          dashboard: {
              backgroundColor: string;
              card: { backgroundColor: string; border?: string };
              gridBorderColor?: string;
          };
          number?: {
              value?: { fontSize?: CSSProperties["fontSize"]; lineHeight?: string };
          };
          pivotTable: {
              cell: { fontSize: string };
              rowToggle: { backgroundColor: string; textColor: string };
          };
          popover: { zIndex?: number };
          question: {
              backgroundColor: string;
              toolbar?: { backgroundColor?: string };
          };
          table: {
              cell: { backgroundColor?: string; fontSize: string; textColor: string };
              idColumn?: { backgroundColor?: string; textColor: string };
              stickyBackgroundColor?: string;
          };
          tooltip?: {
              backgroundColor?: string;
              focusedBackgroundColor?: string;
              secondaryTextColor?: string;
              textColor?: string;
          };
      }
      Index

      Properties

      type MetabaseComponentTheme = {
          cartesian: {
              goalLine: { label: { fontSize: string } };
              label: { fontSize: string };
              padding?: string;
          };
          collectionBrowser: {
              breadcrumbs: {
                  expandButton: {
                      backgroundColor: {};
                      hoverBackgroundColor: {};
                      hoverTextColor: {};
                      textColor: {};
                  };
              };
              emptyContent: {
                  icon: {
                      height: React.CSSProperties["width"];
                      width: React.CSSProperties["width"];
                  };
                  subtitle: { fontSize: React.CSSProperties["fontSize"] };
                  title: { fontSize: React.CSSProperties["fontSize"] };
              };
          };
          dashboard: {
              backgroundColor: string;
              card: { backgroundColor: string; border?: string };
              gridBorderColor?: string;
          };
          number?: {
              value?: {
                  fontSize?: React.CSSProperties["fontSize"];
                  lineHeight?: string;
              };
          };
          pivotTable: {
              cell: { fontSize: string };
              rowToggle: { backgroundColor: string; textColor: string };
          };
          popover: { zIndex?: number };
          question: {
              backgroundColor: string;
              toolbar?: { backgroundColor?: string };
          };
          table: {
              cell: { backgroundColor?: string; fontSize: string; textColor: string };
              idColumn?: { backgroundColor?: string; textColor: string };
              stickyBackgroundColor?: string;
          };
          tooltip?: {
              backgroundColor?: string;
              focusedBackgroundColor?: string;
              secondaryTextColor?: string;
              textColor?: string;
          };
      }
      Index

      Properties

      Type declaration

      • goalLine: { label: { fontSize: string } }
        • label: { fontSize: string }
          • fontSize: string

            Font size of goal line labels

      • label: { fontSize: string }
        • fontSize: string

          Labels used in cartesian charts, such as axis ticks and series.

      • Optionalpadding?: string

        Padding around the chart.

        -
      collectionBrowser: {
          breadcrumbs: {
              expandButton: {
                  backgroundColor: {};
                  hoverBackgroundColor: {};
                  hoverTextColor: {};
                  textColor: {};
              };
          };
          emptyContent: {
              icon: { height: CSSProperties["width"]; width: CSSProperties["width"] };
              subtitle: { fontSize: CSSProperties["fontSize"] };
              title: { fontSize: CSSProperties["fontSize"] };
          };
      }
      dashboard: {
          backgroundColor: string;
          card: { backgroundColor: string; border?: string };
          gridBorderColor?: string;
      }

      Type declaration

      • backgroundColor: string
      • card: { backgroundColor: string; border?: string }
        • backgroundColor: string
        • Optionalborder?: string

          Add custom borders to dashboard cards when set. +

      collectionBrowser: {
          breadcrumbs: {
              expandButton: {
                  backgroundColor: {};
                  hoverBackgroundColor: {};
                  hoverTextColor: {};
                  textColor: {};
              };
          };
          emptyContent: {
              icon: {
                  height: React.CSSProperties["width"];
                  width: React.CSSProperties["width"];
              };
              subtitle: { fontSize: React.CSSProperties["fontSize"] };
              title: { fontSize: React.CSSProperties["fontSize"] };
          };
      }
      dashboard: {
          backgroundColor: string;
          card: { backgroundColor: string; border?: string };
          gridBorderColor?: string;
      }

      Type declaration

      • backgroundColor: string
      • card: { backgroundColor: string; border?: string }
        • backgroundColor: string
        • Optionalborder?: string

          Add custom borders to dashboard cards when set. Value is the same as the border property in CSS, such as "1px solid #ff0000". This will replace the card's drop shadow.

      • OptionalgridBorderColor?: string

        Border color of the dashboard grid, shown only when editing dashboards. Defaults to colors.border

        -
      number?: {
          value?: { fontSize?: CSSProperties["fontSize"]; lineHeight?: string };
      }

      Number chart

      -

      Type declaration

      • Optionalvalue?: { fontSize?: CSSProperties["fontSize"]; lineHeight?: string }

        Value displayed on number charts. +

      number?: {
          value?: {
              fontSize?: React.CSSProperties["fontSize"];
              lineHeight?: string;
          };
      }

      Number chart

      +

      Type declaration

      • Optionalvalue?: { fontSize?: React.CSSProperties["fontSize"]; lineHeight?: string }

        Value displayed on number charts. This also applies to the primary value in trend charts.

      pivotTable: {
          cell: { fontSize: string };
          rowToggle: { backgroundColor: string; textColor: string };
      }

      Pivot table *

      Type declaration