@dialpad/dialtone
Version:
Dialpad's Dialtone design system monorepo
72 lines (71 loc) • 1.8 kB
JavaScript
const BUTTON_SIZE_MODIFIERS = {
xs: "d-btn--xs",
sm: "d-btn--sm",
md: "",
lg: "d-btn--lg",
xl: "d-btn--xl"
};
const BUTTON_KIND_MODIFIERS = {
default: "",
muted: "d-btn--muted",
danger: "d-btn--danger",
inverted: "d-btn--inverted"
};
const BUTTON_IMPORTANCE_MODIFIERS = {
clear: "",
primary: "d-btn--primary",
outlined: "d-btn--outlined"
};
const BUTTON_TYPES = ["submit", "reset", "button"];
const ICON_POSITION_MODIFIERS = {
left: "d-btn__icon--left",
right: "d-btn__icon--right",
top: "d-btn__icon--top",
bottom: "d-btn__icon--bottom"
};
const INVALID_COMBINATION = [
{
circle: true,
kind: "default",
importance: "primary",
message: _invalidCombinationMessage(true, "default", "primary")
},
{
circle: true,
kind: "danger",
importance: "outlined",
message: _invalidCombinationMessage(true, "danger", "outlined")
},
{
circle: true,
kind: "muted",
importance: "primary",
message: _invalidCombinationMessage(true, "muted", "primary")
},
{
circle: false,
kind: "muted",
importance: "primary",
message: _invalidCombinationMessage(false, "muted", "primary")
}
];
const BUTTON_ICON_SIZES = {
xs: "200",
sm: "200",
md: "300",
lg: "400",
xl: "500"
};
function _invalidCombinationMessage(circle, kind, importance) {
return `You cannot have a ${circle ? "circle " : ""}button with kind: ${kind} and importance: ${importance} as it does not exist in our design system. See https://dialtone.dialpad.com/components/button.html for a list of available button styles`;
}
export {
BUTTON_ICON_SIZES,
BUTTON_IMPORTANCE_MODIFIERS,
BUTTON_KIND_MODIFIERS,
BUTTON_SIZE_MODIFIERS,
BUTTON_TYPES,
ICON_POSITION_MODIFIERS,
INVALID_COMBINATION
};
//# sourceMappingURL=button_constants.js.map