@kiwicom/orbit-components
Version:
Orbit-components is a React component library which provides developers with the easiest possible way of building Kiwi.com’s products.
52 lines • 1.76 kB
JavaScript
export const TYPE_OPTIONS = {
PRIMARY: "primary",
SECONDARY: "secondary",
INFO: "info",
SUCCESS: "success",
WARNING: "warning",
CRITICAL: "critical",
FACEBOOK: "facebook",
GOOGLE: "google",
WHITE: "white"
};
export const SIZE_OPTIONS = {
SMALL: "small",
NORMAL: "normal",
LARGE: "large"
};
export const TOKENS = {
// Size tokens
heightButton: "heightButton",
loadingWidth: "loadingWidth",
loadingHeight: "loadingHeight",
fontSizeButton: "fontSizeButton",
paddingButton: "paddingButton",
paddingButtonWithIcons: "paddingButtonWithIcons",
paddingButtonWithLeftIcon: "paddingButtonWithLeftIcon",
paddingButtonWithRightIcon: "paddingButtonWithRightIcon",
marginRightIcon: "marginRightIcon",
// Type tokens
backgroundButton: "backgroundButton",
backgroundButtonHover: "backgroundButtonHover",
backgroundButtonActive: "backgroundButtonActive",
backgroundButtonFocus: "backgroundButtonFocus",
backgroundButtonBordered: "backgroundButtonBordered",
backgroundButtonBorderedHover: "backgroundButtonBorderedHover",
backgroundButtonBorderedActive: "backgroundButtonBorderedActive",
colorTextButton: "colorTextButton",
colorTextButtonBordered: "colorTextButtonBordered",
colorTextButtonHover: "colorTextButtonHover",
colorTextButtonBorderedHover: "colorTextButtonBorderedHover",
colorTextButtonActive: "colorTextButtonActive",
colorTextButtonBorderedActive: "colorTextButtonBorderedActive",
borderColorButton: "borderColorButton",
borderColorButtonHover: "borderColorButtonHover",
borderColorButtonActive: "borderColorButtonActive",
borderColorButtonFocus: "borderColorButtonFocus"
};
export const BUTTON_STATES = {
DEFAULT: "default",
HOVER: "hover",
ACTIVE: "active",
FOCUS: "focus"
};