@equinor/eds-core-react
Version:
The React implementation of the Equinor Design System
75 lines (72 loc) • 1.15 kB
JavaScript
import { tokens } from '@equinor/eds-tokens';
const {
spacings: {
comfortable: {
medium: spacingMedium
}
},
typography: {
ui: {
accordion_header
},
paragraph: {
body_long
}
},
colors: {
ui: {
background__default: {
rgba: background
},
background__scrim: {
rgba: backdrop
}
}
},
shape: {
corners: {
borderRadius
}
}
} = tokens;
const dialog = {
width: '252px',
background,
typography: accordion_header,
border: {
type: 'border',
radius: borderRadius
},
spacings: {
bottom: spacingMedium
},
entities: {
children: {
spacings: {
top: spacingMedium,
bottom: spacingMedium,
left: spacingMedium,
right: spacingMedium
}
},
title: {
minHeight: '24px',
typography: accordion_header
},
content: {
minHeight: '80px',
height: '104px',
typography: body_long
},
actions: {
minHeight: '48px'
},
scrim: {
background: backdrop
}
},
modes: {
compact: {}
}
};
export { dialog };