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 %}
Embedded analytics SDK API
    Preparing search index...

    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 %}
    Embedded analytics SDK API
      Preparing search index...

      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? closeMenuOnClick? color? disabled? @@ -18,13 +18,13 @@ leftSection? onClick rightSection? -

      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

      Settings

      On This Page

      Properties
      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 %}
      Embedded analytics SDK API
        Preparing search index...

        Type Alias DashboardCardMenuCustomElement

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

        Type declaration

        Settings

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

          Type Alias DashboardCardMenuCustomElement

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

          Type declaration

          Settings

          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 %}
          Embedded analytics SDK API
            Preparing search index...

            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

            cartesian +
            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

            cartesian collectionBrowser dashboard number? @@ -24,13 +24,13 @@

            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 %}
                Embedded analytics SDK API
                  Preparing search index...

                  Type Alias SdkErrorComponentProps

                  type SdkErrorComponentProps = {
                      message: ReactNode;
                  }
                  Index

                  Properties

                  message -

                  Properties

                  message: ReactNode

                  Settings

                  On This Page

                  Properties

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

                    Type Alias SdkErrorComponentProps

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

                    Properties

                    message +

                    Properties

                    message: React.ReactNode

                    Settings

                    On This Page

                    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 %}
                    Embedded analytics SDK API
                      Preparing search index...

                      Type Alias SdkQuestionTitleProps

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

                      Settings

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

                        Type Alias SdkQuestionTitleProps

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

                        Settings

                        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 @@ -
                        Embedded analytics SDK API
                          Preparing search index...

                          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? +
                          Embedded analytics SDK API
                            Preparing search index...

                            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? closeMenuOnClick? color? disabled? @@ -32,15 +32,15 @@ leftSection? onClick rightSection? -

                            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

                            Settings

                            On This Page

                            Properties

                            \ 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 @@ -
                            Embedded analytics SDK API
                              Preparing search index...

                              Type Alias DashboardCardMenuCustomElement

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

                              Type declaration

                              Settings

                              +
                              Embedded analytics SDK API
                                Preparing search index...

                                Type Alias DashboardCardMenuCustomElement

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

                                Type declaration

                                Settings

                                \ 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 @@
                                Embedded analytics SDK API
                                  Preparing search index...

                                  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

                                  cartesian +
                                  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

                                  cartesian collectionBrowser dashboard number? @@ -38,13 +38,13 @@

                                  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