@equinor/eds-core-react
Version:
The React implementation of the Equinor Design System
97 lines (94 loc) • 1.5 kB
JavaScript
import { tokens } from '@equinor/eds-tokens';
/* eslint-disable camelcase */
const {
typography: {
paragraph: {
body_long: messageTypography
}
},
spacings: {
comfortable: {
medium
}
},
colors: {
infographic: {
primary__moss_green_13: {
rgba: infoBackground
},
primary__energy_red_13: {
rgba: warningBackground
},
primary__moss_green_100: {
rgba: infoColor
},
primary__energy_red_100: {
rgba: warningColor
}
},
ui: {
background__default: {
rgba: backgroundColor
}
}
},
shape: {
circle: {
minHeight,
minWidth,
borderRadius
}
}
} = tokens;
const enabled = {
typography: {
...messageTypography
},
background: backgroundColor,
spacings: {
left: medium,
right: medium,
top: medium,
bottom: medium
},
entities: {
icon: {
height: minHeight,
width: minWidth,
border: {
type: 'border',
radius: borderRadius
}
}
},
modes: {
compact: {}
}
};
const info = {
entities: {
icon: {
background: infoBackground,
typography: {
color: infoColor
}
}
},
modes: {
compact: {}
}
};
const warning = {
entities: {
icon: {
background: warningBackground,
typography: {
color: warningColor
}
}
},
modes: {
compact: {}
}
};
export { enabled, info, warning };