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 | 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x | export const BASE_CLASS = 'sui-AtomCard'
export const BASE_CLASS_WRAPPER = `${BASE_CLASS}-Wrapper`
export const BASE_CLASS_CONTAINER = `${BASE_CLASS}-Container`
export const BASE_CLASS_CONTAINER_CONTENT = `${BASE_CLASS}-Container-Content`
export const BASE_CLASS_PANEL = `${BASE_CLASS}-Panel`
export const CLASS_MEDIA = `${BASE_CLASS}-media`
export const CLASS_INFO = `${BASE_CLASS}-info`
export const CLASS_VERTICAL = `${BASE_CLASS}--vertical`
export const CLASS_RESPONSIVE = `${BASE_CLASS}--responsive`
export const CLASS_HIGHLIGHT = `${BASE_CLASS}--highlight`
export const CLASS_LINK = `${BASE_CLASS}-link`
export const CORNER_SIZE = {
NONE: 'none',
S: 's',
M: 'm',
L: 'l',
XL: 'xl',
XXL: 'xxl',
XXXL: 'xxxl'
}
export const BORDER_RADIUS = Object.freeze(CORNER_SIZE)
export const ELEVATION = {
XL: 'xl',
L: 'l',
M: 'm',
S: 's',
XS: 'xs',
NONE: 'none',
'-XS': '-xs',
'-S': '-s',
'-M': '-m',
'-L': '-l',
'-XL': '-xl'
}
export const redirectToHref = ({href, blank}) => {
if (href && blank) return window.open(href, '_blank')
if (href) window.location.href = href
}
export const DESIGN = {
FILLED: 'filled',
TINTED: 'tinted',
OUTLINED: 'outlined',
DASHED: 'dashed',
GHOSTED: 'ghosted',
GLASSED: 'glassed'
}
export const COLOR = {
SURFACE: 'surface',
PRIMARY: 'primary',
ACCENT: 'accent',
NEUTRAL: 'neutral',
SUCCESS: 'success',
ALERT: 'alert',
ERROR: 'error'
}
|