@zohodesk/components/es/v1/Button/constants/index.js

Dot UI is a customizable React component library built to deliver a clean, accessible, and developer-friendly UI experience. It offers a growing set of reusable components designed to align with modern design systems and streamline application development

export const PALETTE = {
  DEFAULT: 'default',
  PRIMARY: 'primary',
  SECONDARY: 'secondary',
  DANGER: 'danger',
  SUCCESS: 'success'
};
export const BG_APPEARANCE = {
  DEFAULT: 'default',
  ON_HOVER: 'onHover',
  NONE: 'none'
};
export const BORDER_APPEARANCE = {
  DEFAULT: 'default',
  ON_HOVER: 'onHover',
  NONE: 'none'
};
export const VARIANT = {
  TEXT: 'text',
  ICON: 'icon',
  ICON_WITH_TEXT: 'iconWithText'
};
export const SIZE = {
  SMALL: 'small',
  MEDIUM: 'medium',
  LARGE: 'large',
  FULL: 'full'
};
export const STATUS = {
  DEFAULT: 'default',
  LOADING: 'loading',
  SUCCESS: 'success'
};
export const LOADER_PLACEMENT = {
  START: 'start',
  END: 'end',
  OVERLAY: 'overlay'
};
export const ICON_PLACEMENT = {
  LEFT: 'left',
  RIGHT: 'right'
};
export const PALETTE_SHADE = {
  DEFAULT: 'default',
  LIGHTER: 'lighter'
};
export const SHAPE = {
  PILL: 'pill',
  RECTANGLE: 'rectangle',
  ROUNDED_RECTANGLE: 'roundedRectangle'
};
export const DISABLED_APPEARANCE = {
  NONE: 'none',
  DULL: 'dull',
  STRIKE: 'strike'
};
export const BUTTON_TYPE = {
  BUTTON: 'button',
  SUBMIT: 'submit',
  RESET: 'reset'
};
export const TYPOGRAPHY_SIZE_MAP = {
  [SIZE.SMALL]: '10',
  [SIZE.MEDIUM]: '13',
  [SIZE.LARGE]: '14',
  [SIZE.FULL]: '14'
};
/** Default values referenced by both defaultProps and cssJSLogic */

export const DEFAULT_PALETTE = PALETTE.DEFAULT;
export const DEFAULT_BG_APPEARANCE = BG_APPEARANCE.DEFAULT;
export const DEFAULT_BORDER_APPEARANCE = BORDER_APPEARANCE.DEFAULT;
export const DEFAULT_VARIANT = VARIANT.TEXT;
export const DEFAULT_SIZE = SIZE.MEDIUM;
export const DEFAULT_STATUS = STATUS.DEFAULT;
export const DEFAULT_LOADER_PLACEMENT = LOADER_PLACEMENT.OVERLAY;
export const DEFAULT_ICON_PLACEMENT = ICON_PLACEMENT.LEFT;
export const DEFAULT_ICON_SIZE = 16;
export const DEFAULT_PALETTE_SHADE = PALETTE_SHADE.DEFAULT;
export const DEFAULT_SHAPE = SHAPE.ROUNDED_RECTANGLE;
export const DEFAULT_DISABLED_APPEARANCE = DISABLED_APPEARANCE.DULL;
export const DEFAULT_BUTTON_TYPE = BUTTON_TYPE.BUTTON;