@equinor/eds-core-react
Version:
The React implementation of the Equinor Design System
68 lines (65 loc) • 1.02 kB
JavaScript
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 };