This object controls the styling of the Spiffy components. This object is of type SpiffyStyleProps.

Example Object

const theme: SpiffyStyleProps = {
    theme: {
      fonts: {
        body: '"Moderat", system-ui, sans-serif',
        heading: '"Moderat", system-ui, sans-serif',
        primary: '"Moderat", system-ui, sans-serif',
        secondary: '"Suisse Works", system-ui, sans-serif',
      },
      fontSizes: [12, 14, 16, 18, 20, 24, 32, 48, 64, 96],
      fontWeights: {
        regular: 400,
        body: 400,
        heading: 700,
        bold: 700,
      },
      lineHeights: {
        body: 1.5,
        heading: 1.125,
      },
    },
    components: {
      suggestionButton: {
        background: 'transparent',
      },
      assistantMessageCard: {
        fontSize: '16',
      },
      userMessageCard: {
        backgroundColor: 'red'
      }
    },
  };

Types

theme: https://github.com/system-ui/theme-specification

components: properties that can be applied to the following components https://v2.chakra-ui.com/docs/styled-system/style-props

chatContainer

suggestionButton

messageCardContainer

userMessageCard

assistantMessageCard

productViewButton

productDismissButton