@dialpad/dialtone-vue/dist/lib/button/button-constants.js

Vue component library for Dialpad's design system Dialtone

const d = "d-btn--unstyled", o = {
  xs: "d-btn--xs",
  sm: "d-btn--sm",
  md: "",
  lg: "d-btn--lg",
  xl: "d-btn--xl"
}, s = {
  default: "",
  muted: "d-btn--muted",
  danger: "d-btn--danger",
  positive: "d-btn--positive",
  inverted: "d-btn--inverted",
  unstyled: "d-btn--unstyled"
}, r = {
  clear: "",
  outlined: "d-btn--outlined",
  primary: "d-btn--primary"
}, a = ["submit", "reset", "button"], m = {
  left: "d-btn__icon--left",
  right: "d-btn__icon--right",
  top: "d-btn__icon--top",
  bottom: "d-btn__icon--bottom"
}, l = [
  {
    circle: !0,
    kind: "default",
    importance: "primary",
    message: t(!0, "default", "primary")
  },
  {
    circle: !0,
    kind: "danger",
    importance: "outlined",
    message: t(!0, "danger", "outlined")
  },
  {
    circle: !0,
    kind: "muted",
    importance: "primary",
    message: t(!0, "muted", "primary")
  },
  {
    circle: !1,
    kind: "muted",
    importance: "primary",
    message: t(!1, "muted", "primary")
  }
], c = {
  xs: "200",
  sm: "200",
  md: "300",
  lg: "400",
  xl: "500"
};
function t(n, e, i) {
  return `You cannot have a ${n ? "circle " : ""}button with kind: ${e} and importance: ${i} as it does not exist in our design system. See https://dialtone.dialpad.com/components/button.html for a list of available button styles`;
}
const u = {
  BUTTON_SIZE_MODIFIERS: o,
  BUTTON_KIND_MODIFIERS: s,
  BUTTON_IMPORTANCE_MODIFIERS: r,
  BUTTON_TYPES: a,
  BUTTON_UNSTYLED_CLASS: d,
  ICON_POSITION_MODIFIERS: m,
  INVALID_COMBINATION: l,
  BUTTON_ICON_SIZES: c
};
export {
  c as BUTTON_ICON_SIZES,
  r as BUTTON_IMPORTANCE_MODIFIERS,
  s as BUTTON_KIND_MODIFIERS,
  o as BUTTON_SIZE_MODIFIERS,
  a as BUTTON_TYPES,
  d as BUTTON_UNSTYLED_CLASS,
  m as ICON_POSITION_MODIFIERS,
  l as INVALID_COMBINATION,
  u as default
};
//# sourceMappingURL=button-constants.js.map