export enum FlexJustifyContent {
  flexStart = "flex-start",
  flexEnd = "flex-end",
  center = "center",
  spaceBetween = "space-between",
  spaceArround = "space-arround",
  spaceEvenly = "space-evenly",
  initial = "initial",
  inherit = "inherit"
}

export enum FlexAlignItems {
  flexStart = "flex-start",
  flexEnd = "flex-end",
  center = "center",
  baseline = "baseline",
  stretch = "stretch",
  initial = "initial",
  inherit = "inherit"
}

export enum FlexDirection {
  vertical = "column",
  horizontal = "row",
  v = "column",
  h = "row",
  column = "column",
  row = "row"
}

export enum Align {
  left = "left",
  right = "right",
  center = "center"
}

export enum Valign {
  top = "top",
  bottom = "bottom",
  center = "center"
}

export enum ColorVariations {
  light = "light",
  lighter = "lighter",
  lightest = "lightest",
  inv = "inv",
  invDark = "inv-dark",
  invDarker = "inv-darker",
  invDarkest = "inv-darkest"
}

export enum InputTypes {
  button = 'button',
  checkbox = 'checkbox',
  color = 'color',
  date = 'date',
  datetimeLocal = 'datetime-local',
  email = 'email',
  file = 'file',
  hidden = 'hidden',
  image = 'image',
  month = 'month',
  number = 'number',
  password = 'password',
  radio = 'radio',
  range = 'range',
  reset = 'reset',
  search = 'search',
  submit = 'submit',
  tel = 'tel',
  text = 'text',
  time = 'time',
  url = 'url',
  week = 'week'
}

export enum InputValidateOn {
  blur = 'blur',
  input = 'input',
  focus = 'focus'
}