Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 | 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x | import IconSuccess from '@s-ui/react-icons/lib/Linecheck'
import IconError from '@s-ui/react-icons/lib/Lineerror'
import IconInfo from '@s-ui/react-icons/lib/Lineinfo'
import IconWarning from '@s-ui/react-icons/lib/Linewarning'
export const CLASS = 'sui-MoleculeNotification'
export const EMPTY_METHOD = () => {}
export const POSITION = {
top: 'top',
bottom: 'bottom',
relative: 'relative'
}
export const TYPES = {
info: 'info',
error: 'error',
success: 'success',
system: 'system',
warning: 'warning'
}
export const ICONS = {
info: <IconInfo />,
error: <IconError />,
success: <IconSuccess />,
system: <IconInfo />,
warning: <IconWarning />
}
export const AUTO_CLOSE = {
short: 'short',
medium: 'medium',
long: 'long',
manual: 'manual'
}
export const AUTO_CLOSE_TIME = {
short: 3000,
medium: 6000,
long: 9000,
manual: null
}
export const TRANSITION_DELAY = 1000 // ms
export const BUTTONS_MAX = 3 // buttons
export const VARIATIONS = {
positive: 'positive',
negative: 'negative',
outline: 'outline'
}
export const BRDS_SIZE = {
extraLarge: 'xl',
large: 'l',
medium: 'm',
small: 's',
extraSmall: 'xs'
}
export const ALIGN_ITEMS = {
BASELINE: 'baseline',
CENTER: 'center',
FLEX_START: 'flex-start',
FLEX_END: 'flex-end',
STRETCH: 'stretch'
}
|