Function ThemeProvider

Parameters

• __namedParameters: {
      children: ReactNode;
      theme: string | {
          colors?: {
              black?: string | number | boolean;
              buttonAltFocusBorder?: string | number | boolean;
              buttonAltFocusRing1?: string | number | boolean;
              buttonAltFocusRing2?: string | number | boolean;
              buttonAltFocusShadow1?: string | number | boolean;
              buttonAltFocusShadow2?: string | number | boolean;
              buttonAltHoverBg?: string | number | boolean;
              buttonAltHoverBorder?: string | number | boolean;
              buttonAltHoverRing1?: string | number | boolean;
              buttonAltHoverRing2?: string | number | boolean;
              buttonAltHoverShadow1?: string | number | boolean;
              buttonAltHoverShadow2?: string | number | boolean;
              buttonAltHoverText?: string | number | boolean;
              buttonAltIdleBg?: string | number | boolean;
              buttonAltIdleBorder?: string | number | boolean;
              buttonAltIdleShadow1?: string | number | boolean;
              buttonAltIdleShadow2?: string | number | boolean;
              buttonAltIdleText?: string | number | boolean;
              buttonAltPassiveBg?: string | number | boolean;
              buttonFocusBorder?: string | number | boolean;
              buttonFocusRing1?: string | number | boolean;
              buttonFocusRing2?: string | number | boolean;
              buttonFocusShadow1?: string | number | boolean;
              buttonFocusShadow2?: string | number | boolean;
              buttonHoverBg?: string | number | boolean;
              buttonHoverBorder?: string | number | boolean;
              buttonHoverShadow1?: string | number | boolean;
              buttonHoverShadow2?: string | number | boolean;
              buttonHoverText?: string | number | boolean;
              buttonIconColor?: string | number | boolean;
              buttonIdleBg?: string | number | boolean;
              buttonIdleBorder?: string | number | boolean;
              buttonIdleShadow1?: string | number | boolean;
              buttonIdleShadow2?: string | number | boolean;
              buttonIdleText?: string | number | boolean;
              buttonPassiveBg?: string | number | boolean;
              cardBg?: string | number | boolean;
              cardBorder?: string | number | boolean;
              cardShadow?: string | number | boolean;
              contrast0?: string | number | boolean;
              contrast1?: string | number | boolean;
              contrast10?: string | number | boolean;
              contrast2?: string | number | boolean;
              contrast3?: string | number | boolean;
              contrast4?: string | number | boolean;
              contrast5?: string | number | boolean;
              contrast6?: string | number | boolean;
              contrast7?: string | number | boolean;
              contrast8?: string | number | boolean;
              contrast9?: string | number | boolean;
              errorColor?: string | number | boolean;
              focusColor?: string | number | boolean;
              focusColorLight?: string | number | boolean;
              headingColor?: string | number | boolean;
              hiContrast?: string | number | boolean;
              loContrast?: string | number | boolean;
              panel?: string | number | boolean;
              panelShadow?: string | number | boolean;
              textColor?: string | number | boolean;
          };
          fontSizes?: {
              0?: string | number | boolean;
              1?: string | number | boolean;
              2?: string | number | boolean;
              3?: string | number | boolean;
          };
          fonts?: {
              main?: string | number | boolean;
              mono?: string | number | boolean;
          };
          radii?: {
              1?: string | number | boolean;
              2?: string | number | boolean;
              3?: string | number | boolean;
              4?: string | number | boolean;
              pill?: string | number | boolean;
              round?: string | number | boolean;
          };
          sizes?: {
              1?: string | number | boolean;
              10?: string | number | boolean;
              2?: string | number | boolean;
              3?: string | number | boolean;
              4?: string | number | boolean;
              5?: string | number | boolean;
              6?: string | number | boolean;
              7?: string | number | boolean;
              8?: string | number | boolean;
              9?: string | number | boolean;
          };
          space?: {
              1?: string | number | boolean;
              2?: string | number | boolean;
              3?: string | number | boolean;
              4?: string | number | boolean;
              5?: string | number | boolean;
              6?: string | number | boolean;
              7?: string | number | boolean;
              8?: string | number | boolean;
              9?: string | number | boolean;
          };
      } & {
          [x: string]: {
              [x: string]: string | number | boolean;
          };
      };
  }

  • children: ReactNode

  • theme: string | {
        colors?: {
            black?: string | number | boolean;
            buttonAltFocusBorder?: string | number | boolean;
            buttonAltFocusRing1?: string | number | boolean;
            buttonAltFocusRing2?: string | number | boolean;
            buttonAltFocusShadow1?: string | number | boolean;
            buttonAltFocusShadow2?: string | number | boolean;
            buttonAltHoverBg?: string | number | boolean;
            buttonAltHoverBorder?: string | number | boolean;
            buttonAltHoverRing1?: string | number | boolean;
            buttonAltHoverRing2?: string | number | boolean;
            buttonAltHoverShadow1?: string | number | boolean;
            buttonAltHoverShadow2?: string | number | boolean;
            buttonAltHoverText?: string | number | boolean;
            buttonAltIdleBg?: string | number | boolean;
            buttonAltIdleBorder?: string | number | boolean;
            buttonAltIdleShadow1?: string | number | boolean;
            buttonAltIdleShadow2?: string | number | boolean;
            buttonAltIdleText?: string | number | boolean;
            buttonAltPassiveBg?: string | number | boolean;
            buttonFocusBorder?: string | number | boolean;
            buttonFocusRing1?: string | number | boolean;
            buttonFocusRing2?: string | number | boolean;
            buttonFocusShadow1?: string | number | boolean;
            buttonFocusShadow2?: string | number | boolean;
            buttonHoverBg?: string | number | boolean;
            buttonHoverBorder?: string | number | boolean;
            buttonHoverShadow1?: string | number | boolean;
            buttonHoverShadow2?: string | number | boolean;
            buttonHoverText?: string | number | boolean;
            buttonIconColor?: string | number | boolean;
            buttonIdleBg?: string | number | boolean;
            buttonIdleBorder?: string | number | boolean;
            buttonIdleShadow1?: string | number | boolean;
            buttonIdleShadow2?: string | number | boolean;
            buttonIdleText?: string | number | boolean;
            buttonPassiveBg?: string | number | boolean;
            cardBg?: string | number | boolean;
            cardBorder?: string | number | boolean;
            cardShadow?: string | number | boolean;
            contrast0?: string | number | boolean;
            contrast1?: string | number | boolean;
            contrast10?: string | number | boolean;
            contrast2?: string | number | boolean;
            contrast3?: string | number | boolean;
            contrast4?: string | number | boolean;
            contrast5?: string | number | boolean;
            contrast6?: string | number | boolean;
            contrast7?: string | number | boolean;
            contrast8?: string | number | boolean;
            contrast9?: string | number | boolean;
            errorColor?: string | number | boolean;
            focusColor?: string | number | boolean;
            focusColorLight?: string | number | boolean;
            headingColor?: string | number | boolean;
            hiContrast?: string | number | boolean;
            loContrast?: string | number | boolean;
            panel?: string | number | boolean;
            panelShadow?: string | number | boolean;
            textColor?: string | number | boolean;
        };
        fontSizes?: {
            0?: string | number | boolean;
            1?: string | number | boolean;
            2?: string | number | boolean;
            3?: string | number | boolean;
        };
        fonts?: {
            main?: string | number | boolean;
            mono?: string | number | boolean;
        };
        radii?: {
            1?: string | number | boolean;
            2?: string | number | boolean;
            3?: string | number | boolean;
            4?: string | number | boolean;
            pill?: string | number | boolean;
            round?: string | number | boolean;
        };
        sizes?: {
            1?: string | number | boolean;
            10?: string | number | boolean;
            2?: string | number | boolean;
            3?: string | number | boolean;
            4?: string | number | boolean;
            5?: string | number | boolean;
            6?: string | number | boolean;
            7?: string | number | boolean;
            8?: string | number | boolean;
            9?: string | number | boolean;
        };
        space?: {
            1?: string | number | boolean;
            2?: string | number | boolean;
            3?: string | number | boolean;
            4?: string | number | boolean;
            5?: string | number | boolean;
            6?: string | number | boolean;
            7?: string | number | boolean;
            8?: string | number | boolean;
            9?: string | number | boolean;
        };
    } & {
        [x: string]: {
            [x: string]: string | number | boolean;
        };
    }