@daiichi/design-system

Centralized Design System for Daiichi of Projects.

Installation

npm install @daiichi/design-system

Usage

Colors

import { COLORS } from '@daiichi/design-system';

const buttonStyle = {
  backgroundColor: COLORS.PRIMARY,
  color: COLORS.WHITE,
};

Fonts

import { FONT } from '@daiichi/design-system';

const textStyle = {
  fontFamily: FONT.PRIMARY,
  fontWeight: FONT.WEIGHT_BOLD,
  fontSize: FONT.SIZE_BASE,
};

CSS Variables

@import '@daiichi/design-system/dist/styles/common.css';

.button {
  background-color: var(--color-primary);
  font-family: var(--font-primary);
}