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 | 1x 1x 1x 1x 1x 1x 13x 1x 1x | /**
* Base class for the component
*/
export const BASE_CLASS = 'sui-AtomActionButton'
/**
* Available colors for the Action Button
*/
export const COLORS = {PRIMARY: 'primary', ACCENT: 'accent', NEUTRAL: 'neutral'}
/**
* Available modifiers for the Action Button
*/
export const MODIFIERS = {
ACTIVE_FOCUSED: 'active',
DISABLED: 'disabled',
LINK: 'link'
}
/**
* Available sizes for the Action Button
*/
export const SIZES = {SMALL: 'small', MEDIUM: 'medium', LARGE: 'large'}
/**
* Available styles for the Action Button
*/
export const STYLES = {
FILLED_NEGATIVE: 'filledNegative',
FILLED_POSITIVE: 'filledPositive',
OUTLINE: 'outline',
FLAT: 'flat'
}
export const createClasses = (array, sufix = '') =>
array.reduce((res, key) => ({...res, [key]: `${BASE_CLASS}--${key}${sufix}`}), {})
export const CLASSES = createClasses([...Object.values(SIZES), ...Object.values(STYLES), ...Object.values(MODIFIERS)])
export const COLOR_CLASSES = createClasses([...Object.values(COLORS)], 'Color')
|