@zohodesk/components/lib/v1/Button/constants/index.js

Dot UI is a customizable React component library built to deliver a clean, accessible, and developer-friendly UI experience. It offers a growing set of reusable components designed to align with modern design systems and streamline application development

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.VARIANT = exports.TYPOGRAPHY_SIZE_MAP = exports.STATUS = exports.SIZE = exports.SHAPE = exports.PALETTE_SHADE = exports.PALETTE = exports.LOADER_PLACEMENT = exports.ICON_PLACEMENT = exports.DISABLED_APPEARANCE = exports.DEFAULT_VARIANT = exports.DEFAULT_STATUS = exports.DEFAULT_SIZE = exports.DEFAULT_SHAPE = exports.DEFAULT_PALETTE_SHADE = exports.DEFAULT_PALETTE = exports.DEFAULT_LOADER_PLACEMENT = exports.DEFAULT_ICON_SIZE = exports.DEFAULT_ICON_PLACEMENT = exports.DEFAULT_DISABLED_APPEARANCE = exports.DEFAULT_BUTTON_TYPE = exports.DEFAULT_BORDER_APPEARANCE = exports.DEFAULT_BG_APPEARANCE = exports.BUTTON_TYPE = exports.BORDER_APPEARANCE = exports.BG_APPEARANCE = void 0;

var _TYPOGRAPHY_SIZE_MAP;

function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }

var PALETTE = {
  DEFAULT: 'default',
  PRIMARY: 'primary',
  SECONDARY: 'secondary',
  DANGER: 'danger',
  SUCCESS: 'success'
};
exports.PALETTE = PALETTE;
var BG_APPEARANCE = {
  DEFAULT: 'default',
  ON_HOVER: 'onHover',
  NONE: 'none'
};
exports.BG_APPEARANCE = BG_APPEARANCE;
var BORDER_APPEARANCE = {
  DEFAULT: 'default',
  ON_HOVER: 'onHover',
  NONE: 'none'
};
exports.BORDER_APPEARANCE = BORDER_APPEARANCE;
var VARIANT = {
  TEXT: 'text',
  ICON: 'icon',
  ICON_WITH_TEXT: 'iconWithText'
};
exports.VARIANT = VARIANT;
var SIZE = {
  SMALL: 'small',
  MEDIUM: 'medium',
  LARGE: 'large',
  FULL: 'full'
};
exports.SIZE = SIZE;
var STATUS = {
  DEFAULT: 'default',
  LOADING: 'loading',
  SUCCESS: 'success'
};
exports.STATUS = STATUS;
var LOADER_PLACEMENT = {
  START: 'start',
  END: 'end',
  OVERLAY: 'overlay'
};
exports.LOADER_PLACEMENT = LOADER_PLACEMENT;
var ICON_PLACEMENT = {
  LEFT: 'left',
  RIGHT: 'right'
};
exports.ICON_PLACEMENT = ICON_PLACEMENT;
var PALETTE_SHADE = {
  DEFAULT: 'default',
  LIGHTER: 'lighter'
};
exports.PALETTE_SHADE = PALETTE_SHADE;
var SHAPE = {
  PILL: 'pill',
  RECTANGLE: 'rectangle',
  ROUNDED_RECTANGLE: 'roundedRectangle'
};
exports.SHAPE = SHAPE;
var DISABLED_APPEARANCE = {
  NONE: 'none',
  DULL: 'dull',
  STRIKE: 'strike'
};
exports.DISABLED_APPEARANCE = DISABLED_APPEARANCE;
var BUTTON_TYPE = {
  BUTTON: 'button',
  SUBMIT: 'submit',
  RESET: 'reset'
};
exports.BUTTON_TYPE = BUTTON_TYPE;
var TYPOGRAPHY_SIZE_MAP = (_TYPOGRAPHY_SIZE_MAP = {}, _defineProperty(_TYPOGRAPHY_SIZE_MAP, SIZE.SMALL, '10'), _defineProperty(_TYPOGRAPHY_SIZE_MAP, SIZE.MEDIUM, '13'), _defineProperty(_TYPOGRAPHY_SIZE_MAP, SIZE.LARGE, '14'), _defineProperty(_TYPOGRAPHY_SIZE_MAP, SIZE.FULL, '14'), _TYPOGRAPHY_SIZE_MAP);
/** Default values referenced by both defaultProps and cssJSLogic */

exports.TYPOGRAPHY_SIZE_MAP = TYPOGRAPHY_SIZE_MAP;
var DEFAULT_PALETTE = PALETTE.DEFAULT;
exports.DEFAULT_PALETTE = DEFAULT_PALETTE;
var DEFAULT_BG_APPEARANCE = BG_APPEARANCE.DEFAULT;
exports.DEFAULT_BG_APPEARANCE = DEFAULT_BG_APPEARANCE;
var DEFAULT_BORDER_APPEARANCE = BORDER_APPEARANCE.DEFAULT;
exports.DEFAULT_BORDER_APPEARANCE = DEFAULT_BORDER_APPEARANCE;
var DEFAULT_VARIANT = VARIANT.TEXT;
exports.DEFAULT_VARIANT = DEFAULT_VARIANT;
var DEFAULT_SIZE = SIZE.MEDIUM;
exports.DEFAULT_SIZE = DEFAULT_SIZE;
var DEFAULT_STATUS = STATUS.DEFAULT;
exports.DEFAULT_STATUS = DEFAULT_STATUS;
var DEFAULT_LOADER_PLACEMENT = LOADER_PLACEMENT.OVERLAY;
exports.DEFAULT_LOADER_PLACEMENT = DEFAULT_LOADER_PLACEMENT;
var DEFAULT_ICON_PLACEMENT = ICON_PLACEMENT.LEFT;
exports.DEFAULT_ICON_PLACEMENT = DEFAULT_ICON_PLACEMENT;
var DEFAULT_ICON_SIZE = 16;
exports.DEFAULT_ICON_SIZE = DEFAULT_ICON_SIZE;
var DEFAULT_PALETTE_SHADE = PALETTE_SHADE.DEFAULT;
exports.DEFAULT_PALETTE_SHADE = DEFAULT_PALETTE_SHADE;
var DEFAULT_SHAPE = SHAPE.ROUNDED_RECTANGLE;
exports.DEFAULT_SHAPE = DEFAULT_SHAPE;
var DEFAULT_DISABLED_APPEARANCE = DISABLED_APPEARANCE.DULL;
exports.DEFAULT_DISABLED_APPEARANCE = DEFAULT_DISABLED_APPEARANCE;
var DEFAULT_BUTTON_TYPE = BUTTON_TYPE.BUTTON;
exports.DEFAULT_BUTTON_TYPE = DEFAULT_BUTTON_TYPE;