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 %}

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

      Type Alias DashboardCardMenuCustomElement

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

      Type declaration

      +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

        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

          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