@cbinsights/fds/lib/dictionary/js/styleConstants.js

Form: A design system by CB Insights

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;

/**
* DO NOT EDIT
* Generated by fds-dictionary on Thu Nov 11 2021 15:24:47 GMT-0600 (Central Standard Time)
* github.com/cbinsights/form-design-system/
*/
var FDS = {
  BORDER_COLOR_INPUT: "rgba(64, 64, 64, 0.24)",
  BORDER_COLOR_FOCUS_RING: "rgba(76, 171, 206, 0.6)",
  BORDER_RADIUS_DEFAULT: "4px",
  COLOR_CHARCOAL: "#404040",
  COLOR_SLATE: "#757575",
  COLOR_GRAY: "#a2a0a0",
  COLOR_SILVER: "#c2bfbf",
  COLOR_TIMBERWOLF: "#d6d4d4",
  COLOR_LIGHT_GRAY: "#f2f2f2",
  COLOR_WHITE: "#ffffff",
  COLOR_NAVY: "#003366",
  COLOR_BLUE: "#006699",
  COLOR_AQUA: "#4cabce",
  COLOR_SKY: "#bbdbe5",
  COLOR_HAZE: "#f1f5f7",
  COLOR_RED: "#e5323e",
  COLOR_ORANGE: "#ff6633",
  COLOR_SIENNA: "#f9a862",
  COLOR_SAND: "#fcc89a",
  COLOR_GREEN: "#00986b",
  COLOR_MINT: "#70c390",
  COLOR_PURPLE: "#a02385",
  COLOR_VIOLET: "#d772ad",
  FONT_COLOR_LINK: "#006699",
  FONT_COLOR_LINK_INVERTED: "#4cabce",
  FONT_COLOR_HEADING: "#404040",
  FONT_COLOR_PRIMARY: "rgba(64, 64, 64, 0.87)",
  FONT_COLOR_SECONDARY: "rgba(64, 64, 64, 0.60)",
  FONT_COLOR_HINT: "rgba(64, 64, 64, 0.38)",
  FONT_COLOR_HEADING_INVERTED: "#ffffff",
  FONT_COLOR_PRIMARY_INVERTED: "rgba(255, 255, 255, 0.87)",
  FONT_COLOR_SECONDARY_INVERTED: "rgba(255, 255, 255, 0.60)",
  FONT_COLOR_HINT_INVERTED: "rgba(255, 255, 255, 0.38)",
  FONT_COLOR_ERROR: "#e5323e",
  FONT_COLOR_SUCCESS: "#00986b",
  FONT_COLOR_ERROR_INVERTED: "#e5323e",
  FONT_COLOR_SUCCESS_INVERTED: "#70c390",
  FONT_FAMILY_CONDENSED: "'Roboto Condensed', 'Helvetica Neue', Helvetica, 'Segoe UI', Arial, sans-serif",
  FONT_FAMILY_DEFAULT: "Roboto, 'Helvetica Neue', Helvetica, 'Segoe UI', Arial, sans-serif",
  FONT_FAMILY_MONO: "Monaco, Consolas, monospace",
  FONT_LINE_HEIGHT_BIG_TEXT: "1.2",
  FONT_LINE_HEIGHT_DEFAULT: "1.5",
  FONT_LINE_HEIGHT_SMALL_TEXT: "1.8",
  FONT_SIZE_XS: "10px",
  FONT_SIZE_S: "12px",
  FONT_SIZE_M: "14px",
  FONT_SIZE_DEFAULT: "14px",
  FONT_SIZE_L: "16px",
  FONT_SIZE_XL: "20px",
  FONT_SIZE_2XL: "24px",
  FONT_SIZE_3XL: "32px",
  FONT_SIZE_4XL: "38px",
  FONT_WEIGHT_DEFAULT: "400",
  FONT_WEIGHT_MEDIUM: "500",
  FONT_WEIGHT_BOLD: "700",
  MEDIA_XS: "18px",
  MEDIA_S: "24px",
  MEDIA_M: "32px",
  MEDIA_L: "50px",
  MEDIA_XL: "72px",
  SPACE_XS: "4px",
  SPACE_S: "8px",
  SPACE_M: "16px",
  SPACE_L: "24px",
  SPACE_XL: "32px",
  SPACE_DEFAULT: "16px",
  ZINDEX_NAVIGATION: "10",
  ZINDEX_MODAL: "20",
  ZINDEX_CRAZY: "50",
  MOTION_EASING_DEFAULT: "cubic-bezier(0.4, 0, 0.2, 1)",
  MOTION_EASING_DECELERATE: "cubic-bezier(0, 0, 0.2, 1)",
  MOTION_EASING_ACCELERATE: "cubic-bezier(0.4, 0, 1, 1)"
};
var _default = FDS;
exports.default = _default;