• Parameters

    • __namedParameters: ButtonTheme & DeepPartial<{
          borderRadii: {
              lg: number;
              md: number;
              sm: number;
              xl: number;
              xs: number;
              xxl: number;
          };
          colors: {
              accentButtonColor: string;
              accentButtonTextColor: string;
              background: string;
              backgroundHighlight: string;
              backgroundInverted: string;
              black: string;
              border: string;
              buttonBackgroundColor: string;
              buttonBorderColor: string;
              buttonTextColor: string;
              error: string;
              iconHighlight: string;
              iconPrimary: string;
              iconSecondary: string;
              labelBackground: string;
              linkPrimary: string;
              red: string;
              textPrimary: string;
              textSecondary: string;
              transparent: string;
              warning: string;
              white: string;
          };
          spacing: {
              lg: number;
              md: number;
              none: number;
              sm: number;
              xl: number;
              xmd: number;
              xs: number;
              xxl: number;
              xxs: number;
          };
          textVariants: {
              bodyLarge: {
                  color: string;
                  fontFamily: undefined | string;
                  fontSize: number;
                  fontWeight: string;
                  lineHeight: number;
                  textAlign: string;
              };
              bodyLargeBold: {
                  color: string;
                  fontFamily: undefined | string;
                  fontSize: number;
                  fontWeight: string;
                  lineHeight: number;
                  textAlign: string;
              };
              bodySmall: {
                  color: string;
                  fontFamily: undefined | string;
                  fontSize: number;
                  fontWeight: string;
                  lineHeight: number;
                  textAlign: string;
              };
              bodySmallBold: {
                  color: string;
                  fontFamily: undefined | string;
                  fontSize: number;
                  fontWeight: string;
                  lineHeight: number;
                  textAlign: string;
              };
              bodySmallSecondary: {
                  color: string;
                  fontFamily: undefined | string;
                  fontSize: number;
                  fontWeight: string;
                  lineHeight: number;
                  textAlign: string;
              };
              defaults: {
                  color: string;
                  fontFamily: undefined | string;
                  fontSize: number;
                  fontWeight: string;
                  lineHeight: number;
              };
              error: {
                  color: string;
                  fontFamily: undefined | string;
                  fontSize: number;
                  fontWeight: string;
                  lineHeight: number;
                  textAlign: string;
              };
              header: {
                  color: string;
                  fontFamily: undefined | string;
                  fontSize: number;
                  fontWeight: string;
                  lineHeight: number;
              };
              headerBold: {
                  color: string;
                  fontFamily: undefined | string;
                  fontSize: number;
                  fontWeight: string;
                  lineHeight: number;
              };
              link: {
                  color: string;
                  fontFamily: undefined | string;
                  fontSize: number;
                  fontWeight: string;
                  letterSpacing: number;
                  lineHeight: number;
              };
              subHeader: {
                  color: string;
                  fontFamily: undefined | string;
                  fontSize: number;
                  fontWeight: string;
                  lineHeight: number;
              };
          };
      }> = _lightTheme

    Returns {
        borderRadii: {
            lg: number;
            md: number;
            sm: number;
            xl: number;
            xs: number;
            xxl: number;
        };
        colors: {
            accentButtonColor: string;
            accentButtonTextColor: string;
            background: string;
            backgroundHighlight: string;
            backgroundInverted: string;
            black: string;
            border: string;
            buttonBackgroundColor: string;
            buttonBorderColor: string;
            buttonTextColor: string;
            error: string;
            iconHighlight: string;
            iconPrimary: string;
            iconSecondary: string;
            labelBackground: string;
            linkPrimary: string;
            red: string;
            textPrimary: string;
            textSecondary: string;
            transparent: string;
            warning: string;
            white: string;
        };
        spacing: {
            lg: number;
            md: number;
            none: number;
            sm: number;
            xl: number;
            xmd: number;
            xs: number;
            xxl: number;
            xxs: number;
        };
        textVariants: {
            bodyLarge: {
                color: string;
                fontFamily: undefined | string;
                fontSize: number;
                fontWeight: string;
                lineHeight: number;
                textAlign: string;
            };
            bodyLargeBold: {
                color: string;
                fontFamily: undefined | string;
                fontSize: number;
                fontWeight: string;
                lineHeight: number;
                textAlign: string;
            };
            bodySmall: {
                color: string;
                fontFamily: undefined | string;
                fontSize: number;
                fontWeight: string;
                lineHeight: number;
                textAlign: string;
            };
            bodySmallBold: {
                color: string;
                fontFamily: undefined | string;
                fontSize: number;
                fontWeight: string;
                lineHeight: number;
                textAlign: string;
            };
            bodySmallSecondary: {
                color: string;
                fontFamily: undefined | string;
                fontSize: number;
                fontWeight: string;
                lineHeight: number;
                textAlign: string;
            };
            defaults: {
                color: string;
                fontFamily: undefined | string;
                fontSize: number;
                fontWeight: string;
                lineHeight: number;
            };
            error: {
                color: string;
                fontFamily: undefined | string;
                fontSize: number;
                fontWeight: string;
                lineHeight: number;
                textAlign: string;
            };
            header: {
                color: string;
                fontFamily: undefined | string;
                fontSize: number;
                fontWeight: string;
                lineHeight: number;
            };
            headerBold: {
                color: string;
                fontFamily: undefined | string;
                fontSize: number;
                fontWeight: string;
                lineHeight: number;
            };
            link: {
                color: string;
                fontFamily: undefined | string;
                fontSize: number;
                fontWeight: string;
                letterSpacing: number;
                lineHeight: number;
            };
            subHeader: {
                color: string;
                fontFamily: undefined | string;
                fontSize: number;
                fontWeight: string;
                lineHeight: number;
            };
        };
    }

    • borderRadii: {
          lg: number;
          md: number;
          sm: number;
          xl: number;
          xs: number;
          xxl: number;
      }
      • lg: number
      • md: number
      • sm: number
      • xl: number
      • xs: number
      • xxl: number
    • colors: {
          accentButtonColor: string;
          accentButtonTextColor: string;
          background: string;
          backgroundHighlight: string;
          backgroundInverted: string;
          black: string;
          border: string;
          buttonBackgroundColor: string;
          buttonBorderColor: string;
          buttonTextColor: string;
          error: string;
          iconHighlight: string;
          iconPrimary: string;
          iconSecondary: string;
          labelBackground: string;
          linkPrimary: string;
          red: string;
          textPrimary: string;
          textSecondary: string;
          transparent: string;
          warning: string;
          white: string;
      }
      • accentButtonColor: string
      • accentButtonTextColor: string
      • background: string
      • backgroundHighlight: string
      • backgroundInverted: string
      • black: string
      • border: string
      • buttonBackgroundColor: string
      • buttonBorderColor: string
      • buttonTextColor: string
      • error: string
      • iconHighlight: string
      • iconPrimary: string
      • iconSecondary: string
      • labelBackground: string
      • linkPrimary: string
      • red: string
      • textPrimary: string
      • textSecondary: string
      • transparent: string
      • warning: string
      • white: string
    • spacing: {
          lg: number;
          md: number;
          none: number;
          sm: number;
          xl: number;
          xmd: number;
          xs: number;
          xxl: number;
          xxs: number;
      }
      • lg: number
      • md: number
      • none: number
      • sm: number
      • xl: number
      • xmd: number
      • xs: number
      • xxl: number
      • xxs: number
    • textVariants: {
          bodyLarge: {
              color: string;
              fontFamily: undefined | string;
              fontSize: number;
              fontWeight: string;
              lineHeight: number;
              textAlign: string;
          };
          bodyLargeBold: {
              color: string;
              fontFamily: undefined | string;
              fontSize: number;
              fontWeight: string;
              lineHeight: number;
              textAlign: string;
          };
          bodySmall: {
              color: string;
              fontFamily: undefined | string;
              fontSize: number;
              fontWeight: string;
              lineHeight: number;
              textAlign: string;
          };
          bodySmallBold: {
              color: string;
              fontFamily: undefined | string;
              fontSize: number;
              fontWeight: string;
              lineHeight: number;
              textAlign: string;
          };
          bodySmallSecondary: {
              color: string;
              fontFamily: undefined | string;
              fontSize: number;
              fontWeight: string;
              lineHeight: number;
              textAlign: string;
          };
          defaults: {
              color: string;
              fontFamily: undefined | string;
              fontSize: number;
              fontWeight: string;
              lineHeight: number;
          };
          error: {
              color: string;
              fontFamily: undefined | string;
              fontSize: number;
              fontWeight: string;
              lineHeight: number;
              textAlign: string;
          };
          header: {
              color: string;
              fontFamily: undefined | string;
              fontSize: number;
              fontWeight: string;
              lineHeight: number;
          };
          headerBold: {
              color: string;
              fontFamily: undefined | string;
              fontSize: number;
              fontWeight: string;
              lineHeight: number;
          };
          link: {
              color: string;
              fontFamily: undefined | string;
              fontSize: number;
              fontWeight: string;
              letterSpacing: number;
              lineHeight: number;
          };
          subHeader: {
              color: string;
              fontFamily: undefined | string;
              fontSize: number;
              fontWeight: string;
              lineHeight: number;
          };
      }
      • bodyLarge: {
            color: string;
            fontFamily: undefined | string;
            fontSize: number;
            fontWeight: string;
            lineHeight: number;
            textAlign: string;
        }
        • color: string
        • fontFamily: undefined | string
        • fontSize: number
        • fontWeight: string
        • lineHeight: number
        • textAlign: string
      • bodyLargeBold: {
            color: string;
            fontFamily: undefined | string;
            fontSize: number;
            fontWeight: string;
            lineHeight: number;
            textAlign: string;
        }
        • color: string
        • fontFamily: undefined | string
        • fontSize: number
        • fontWeight: string
        • lineHeight: number
        • textAlign: string
      • bodySmall: {
            color: string;
            fontFamily: undefined | string;
            fontSize: number;
            fontWeight: string;
            lineHeight: number;
            textAlign: string;
        }
        • color: string
        • fontFamily: undefined | string
        • fontSize: number
        • fontWeight: string
        • lineHeight: number
        • textAlign: string
      • bodySmallBold: {
            color: string;
            fontFamily: undefined | string;
            fontSize: number;
            fontWeight: string;
            lineHeight: number;
            textAlign: string;
        }
        • color: string
        • fontFamily: undefined | string
        • fontSize: number
        • fontWeight: string
        • lineHeight: number
        • textAlign: string
      • bodySmallSecondary: {
            color: string;
            fontFamily: undefined | string;
            fontSize: number;
            fontWeight: string;
            lineHeight: number;
            textAlign: string;
        }
        • color: string
        • fontFamily: undefined | string
        • fontSize: number
        • fontWeight: string
        • lineHeight: number
        • textAlign: string
      • defaults: {
            color: string;
            fontFamily: undefined | string;
            fontSize: number;
            fontWeight: string;
            lineHeight: number;
        }
        • color: string
        • fontFamily: undefined | string
        • fontSize: number
        • fontWeight: string
        • lineHeight: number
      • error: {
            color: string;
            fontFamily: undefined | string;
            fontSize: number;
            fontWeight: string;
            lineHeight: number;
            textAlign: string;
        }
        • color: string
        • fontFamily: undefined | string
        • fontSize: number
        • fontWeight: string
        • lineHeight: number
        • textAlign: string
      • header: {
            color: string;
            fontFamily: undefined | string;
            fontSize: number;
            fontWeight: string;
            lineHeight: number;
        }
        • color: string
        • fontFamily: undefined | string
        • fontSize: number
        • fontWeight: string
        • lineHeight: number
      • headerBold: {
            color: string;
            fontFamily: undefined | string;
            fontSize: number;
            fontWeight: string;
            lineHeight: number;
        }
        • color: string
        • fontFamily: undefined | string
        • fontSize: number
        • fontWeight: string
        • lineHeight: number
      • link: {
            color: string;
            fontFamily: undefined | string;
            fontSize: number;
            fontWeight: string;
            letterSpacing: number;
            lineHeight: number;
        }
        • color: string
        • fontFamily: undefined | string
        • fontSize: number
        • fontWeight: string
        • letterSpacing: number
        • lineHeight: number
      • subHeader: {
            color: string;
            fontFamily: undefined | string;
            fontSize: number;
            fontWeight: string;
            lineHeight: number;
        }
        • color: string
        • fontFamily: undefined | string
        • fontSize: number
        • fontWeight: string
        • lineHeight: number

Generated using TypeDoc