@equinor/eds-core-react/dist/esm/components/Typography/Typography.tokens.js

The React implementation of the Equinor Design System

import { tokens } from '@equinor/eds-tokens';

const {
  typography,
  colors: colorsToken,
  interactions: {
    focused: {
      width: focusOutlineWidth
    }
  }
} = tokens;
const {
  heading,
  paragraph
} = typography;
const {
  interactive: {
    primary__resting: {
      rgba: primary
    },
    secondary__resting: {
      rgba: secondary
    },
    danger__resting: {
      rgba: danger
    },
    warning__resting: {
      rgba: warning
    },
    success__resting: {
      rgba: success
    },
    disabled__text: {
      rgba: disabled
    },
    focus: {
      rgba: focus
    }
  }
} = colorsToken;
const colors = {
  primary,
  secondary,
  danger,
  warning,
  success,
  disabled
};
const quickVariants = {
  ...heading,
  ...paragraph
};
const link = {
  states: {
    focus: {
      outline: {
        width: focusOutlineWidth,
        color: focus,
        style: 'dashed',
        type: 'outline',
        offset: '2px'
      }
    }
  }
};

export { colors, link, quickVariants, typography };