@gitlab/ui/dist/utils/constants.js

GitLab UI Components

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;
}

function _objectSpread(target) {
  for (var i = 1; i < arguments.length; i++) {
    var source = arguments[i] != null ? arguments[i] : {};
    var ownKeys = Object.keys(source);

    if (typeof Object.getOwnPropertySymbols === 'function') {
      ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) {
        return Object.getOwnPropertyDescriptor(source, sym).enumerable;
      }));
    }

    ownKeys.forEach(function (key) {
      _defineProperty(target, key, source[key]);
    });
  }

  return target;
}

var glThemes = 'indigo ,  blue ,  light-blue ,  green ,  red ,  light-red';
var glIconSizes = '8 10 12 14 16 18 24 32 48 72';

function appendDefaultOption(options) {
  return _objectSpread({}, options, {
    default: ''
  });
}

var glThemes$1 = glThemes.split(',').map(function (glTheme) {
  return glTheme.trim();
});
var variantOptions = {
  primary: 'primary',
  secondary: 'secondary',
  success: 'success',
  warning: 'warning',
  danger: 'danger',
  info: 'info',
  light: 'light',
  dark: 'dark'
};
var variantCssColorMap = {
  info: 'gl-text-blue-500',
  success: 'gl-text-green-500',
  warning: 'gl-text-orange-500',
  danger: 'gl-text-red-500'
};
var targetOptions = ['_self', '_blank', '_parent', '_top', null];
var sizeOptions = {
  default: null,
  sm: 'sm',
  lg: 'lg'
};
var labelSizeOptions = {
  default: null,
  sm: 'sm'
};
var labelColorOptions = {
  dark: 'dark',
  light: 'light'
};
var avatarSizeOptions = [96, 64, 48, 32, 24, 16];
var avatarsInlineSizeOptions = [32, 24];
var avatarShapeOptions = {
  circle: 'circle',
  rect: 'rect'
};
var formStateOptions = {
  default: null,
  valid: 'valid',
  invalid: 'invalid'
};
var newButtonCategoryOptions = {
  tertiary: 'tertiary',
  primary: 'primary',
  secondary: 'secondary'
};
var newButtonVariantOptions = {
  default: 'default',
  dashed: 'dashed',
  info: 'info',
  success: 'success',
  warning: 'warning',
  danger: 'danger',
  link: 'link'
};
var newDropdownVariantOptions = {
  default: 'default',
  info: 'info',
  success: 'success',
  warning: 'warning',
  danger: 'danger'
};
var newButtonSizeOptions = {
  small: 'small',
  medium: 'medium'
};
var newButtonSizeOptionsMap = {
  small: 'sm',
  medium: 'md'
};
var dropdownIconSizeOptions = [12, 16]; // size options all have corresponding styles (e.g. .s12 defined in icon.scss)

var iconSizeOptions = glIconSizes.split(' ').map(Number);
var triggerVariantOptions = {
  click: 'click',
  hover: 'hover',
  focus: 'focus'
};
var tooltipPlacements = {
  top: 'top',
  left: 'left',
  right: 'right',
  bottom: 'bottom'
}; // in milliseconds

var tooltipDelay = {
  show: 200,
  hide: 0
};
var popoverPlacements = {
  top: 'top',
  topleft: 'topleft',
  topright: 'topright',
  right: 'right',
  righttop: 'righttop',
  rightbottom: 'rightbottom',
  bottom: 'bottom',
  bottomleft: 'bottomleft',
  bottomright: 'bottomright',
  left: 'left',
  lefttop: 'lefttop',
  leftbottom: 'leftbottom'
};
var columnOptions = {
  stacked: 'stacked',
  tiled: 'tiled'
};
var alignOptions = {
  left: 'left',
  center: 'center',
  right: 'right',
  fill: 'fill'
};
var alertVariantOptions = {
  success: 'success',
  warning: 'warning',
  danger: 'danger',
  info: 'info',
  tip: 'tip'
};
var alertButtonVariantMap = {
  success: {
    primary: 'success',
    secondary: 'success'
  },
  warning: {
    primary: 'warning',
    secondary: 'warning'
  },
  danger: {
    primary: 'danger',
    secondary: 'danger'
  },
  info: {
    primary: 'info',
    secondary: 'info'
  },
  tip: {
    primary: 'info',
    secondary: 'default'
  }
};
var alertVariantIconMap = {
  success: 'check-circle',
  warning: 'warning',
  danger: 'error',
  info: 'information-o',
  tip: 'bulb'
};
var colorThemes = {
  indigo: 'theme-indigo-900',
  'light-indigo': 'theme-indigo-700',
  blue: 'theme-blue-900',
  'light-blue': 'theme-blue-700',
  green: 'theme-green-900',
  'light-green': 'theme-green-700',
  red: 'theme-red-900',
  'light-red': 'theme-red-700',
  dark: 'gray-900',
  light: 'gray-700'
};
var modalButtonDefaults = {
  actionPrimary: {
    variant: 'success'
  },
  actionSecondary: {
    variant: 'outline-warning'
  },
  actionCancel: {
    variant: 'secondary'
  }
};
var tokenVariants = ['default', 'search-type', 'search-value'];
var resizeDebounceTime = 200;
var variantOptionsWithNoDefault = appendDefaultOption(variantOptions);
var sizeOptionsWithNoDefault = appendDefaultOption(sizeOptions); // Datetime constants

var defaultDateFormat = 'YYYY-MM-DD';
var bannerVariants = ['promotion', 'introduction'];
var maxZIndex = 10; // Button constants

var buttonCategoryOptions = {
  tertiary: 'tertiary',
  primary: 'primary',
  secondary: 'secondary'
};
var deprecatedButtonVariantCategoryMap = {
  default: 'tertiary',
  primary: 'primary',
  secondary: 'primary',
  dark: 'primary',
  light: 'primary',
  info: 'primary',
  success: 'primary',
  warning: 'primary',
  danger: 'primary',
  'outline-info': 'secondary',
  'outline-success': 'secondary',
  'outline-warning': 'secondary',
  'outline-danger': 'secondary'
};
var deprecatedButtonVariantOptions = {
  primary: 'primary',
  secondary: 'secondary',
  dark: 'dark',
  light: 'light'
};
var deprecatedButtonOutlineVariantOptions = {
  'outline-info': 'outline-info',
  'outline-success': 'outline-success',
  'outline-warning': 'outline-warning',
  'outline-danger': 'outline-danger'
};
var buttonVariantOptions = {
  default: 'default',
  info: 'info',
  success: 'success',
  warning: 'warning',
  danger: 'danger',
  link: 'link',
  loading: 'loading'
};
var availableButtonVariantOptions = _objectSpread({}, buttonVariantOptions, {}, deprecatedButtonVariantOptions, {}, deprecatedButtonOutlineVariantOptions);
var buttonSizeOptions = {
  sm: 'sm',
  md: 'md',
  lg: 'lg'
};
var modalSizeOptions = {
  sm: 'sm',
  md: 'md',
  lg: 'lg'
};
var focusableTags = ['INPUT', 'TEXTAREA', 'A', 'BUTTON', 'SELECT'];

export { alertButtonVariantMap, alertVariantIconMap, alertVariantOptions, alignOptions, availableButtonVariantOptions, avatarShapeOptions, avatarSizeOptions, avatarsInlineSizeOptions, bannerVariants, buttonCategoryOptions, buttonSizeOptions, buttonVariantOptions, colorThemes, columnOptions, defaultDateFormat, deprecatedButtonOutlineVariantOptions, deprecatedButtonVariantCategoryMap, deprecatedButtonVariantOptions, dropdownIconSizeOptions, focusableTags, formStateOptions, glThemes$1 as glThemes, iconSizeOptions, labelColorOptions, labelSizeOptions, maxZIndex, modalButtonDefaults, modalSizeOptions, newButtonCategoryOptions, newButtonSizeOptions, newButtonSizeOptionsMap, newButtonVariantOptions, newDropdownVariantOptions, popoverPlacements, resizeDebounceTime, sizeOptions, sizeOptionsWithNoDefault, targetOptions, tokenVariants, tooltipDelay, tooltipPlacements, triggerVariantOptions, variantCssColorMap, variantOptions, variantOptionsWithNoDefault };