@equinor/eds-core-react
Version:
The React implementation of the Equinor Design System
79 lines (76 loc) • 1.18 kB
JavaScript
import { tokens } from '@equinor/eds-tokens';
const {
typography: {
ui: {
snackbar: typography
}
},
colors: {
ui: {
background__overlay: {
rgba: background
}
},
text: {
static_icons__primary_white: {
rgba: color
}
},
interactive: {
link_in_snackbars: {
rgba: buttonColor
}
}
},
spacings: {
comfortable: {
medium: spacingMedium,
x_large: spacingXLarge
}
},
clickbounds: {
default__base: clickbounds
},
shape: {
button: {
borderRadius: radius
}
}
} = tokens;
const snackbar = {
background,
minHeight: clickbounds,
border: {
type: 'border',
width: 0,
radius
},
entities: {
actions: {
spacings: {
left: spacingXLarge,
top: '-10px',
bottom: '-10px'
}
},
button: {
typography: {
color: buttonColor
}
}
},
spacings: {
left: spacingMedium,
bottom: spacingMedium,
right: spacingMedium,
top: spacingMedium
},
typography: {
...typography,
color
},
modes: {
compact: {}
}
};
export { snackbar };