uikit-docs.md

R&D

Table of contents:

• Text Config
• Color Config
• Typography

Text Config

type textConfig = {
  fontType: FontType.HEADING,
  fontSize: 24,
  fontWeight: FontWeights.EXTRA_BOLD,
};

Color Config

type colorConfig={
    backgroundColor:string;
    color:string;
    borderColor:string;
    edgeColor:{
        right:string;
        left:string;
        buttom:string;
        top:string;
    }
    disabledColor:{
        backgroundColor: string,
        color: string,
        edgeColors: {
            top: string,
            left: string,
            right: colorPalette.white[70],
            bottom: colorPalette.white[50],
        },
    }
}

Typography

• always import <GlobalFonts /> on the root level

export enum FontType {
  HEADING = "heading",
  CAPS = "caps",
  BODY = "body",
}

export enum FontWeights {
  EXTRA_BOLD = 800,
  BOLD = 700,
  SEMI_BOLD = 600,
  MEDIUM = 500,
  REGULAR = 400,
  THIN = 300,
}

export enum FontOverflowType {
  ELLIPSIS = "ellipsis",
  CLIP = "clip",
}