"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.GlobalStyles = GlobalStyles;
exports.zIndex = exports.transitions = exports.text = exports.shadows = exports.reactSelectStyles = exports.lengths = exports.fonts = exports.effects = exports.components = exports.colorsRaw = exports.colors = exports.buttons = exports.borders = void 0;
var _react = _interopRequireDefault(require("react"));
var _react2 = require("@emotion/react");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; } /**
 * Font Stacks
 */
const fonts = exports.fonts = {
  primary: `
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Helvetica,
    Arial,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol"
  `,
  mono: `
    'SFMono-Regular',
    Consolas,
    "Liberation Mono",
    Menlo,
    Courier,
    monospace;
  `
};

/**
 * Theme Colors
 */
const colorsRaw = exports.colorsRaw = {
  white: '#fff',
  grayLight: '#eff0f4',
  gray: '#798291',
  grayDark: '#313d3e',
  blue: '#3a69c7',
  blueLight: '#e8f5fe',
  green: '#005614',
  greenLight: '#caef6f',
  brown: '#754e00',
  yellow: '#ffee9c',
  red: '#ff003b',
  redDark: '#D60032',
  redLight: '#fcefea',
  purple: '#70399f',
  purpleLight: '#f6d8ff',
  teal: '#17a2b8',
  tealDark: '#117888',
  tealLight: '#ddf5f9'
};
const colors = exports.colors = {
  statusDraftText: colorsRaw.purple,
  statusDraftBackground: colorsRaw.purpleLight,
  statusReviewText: colorsRaw.brown,
  statusReviewBackground: colorsRaw.yellow,
  statusReadyText: colorsRaw.green,
  statusReadyBackground: colorsRaw.greenLight,
  text: colorsRaw.gray,
  textLight: colorsRaw.white,
  textLead: colorsRaw.grayDark,
  background: colorsRaw.grayLight,
  foreground: colorsRaw.white,
  active: colorsRaw.blue,
  activeBackground: colorsRaw.blueLight,
  inactive: colorsRaw.gray,
  button: colorsRaw.grayDark,
  buttonText: colorsRaw.white,
  inputBackground: colorsRaw.white,
  infoText: colorsRaw.blue,
  infoBackground: colorsRaw.blueLight,
  successText: colorsRaw.green,
  successBackground: colorsRaw.greenLight,
  warnText: colorsRaw.brown,
  warnBackground: colorsRaw.yellow,
  errorText: colorsRaw.red,
  errorBackground: colorsRaw.redLight,
  textFieldBorder: '#dfdfe3',
  controlLabel: '#5D626F',
  checkerboardLight: '#f2f2f2',
  checkerboardDark: '#e6e6e6',
  mediaDraftText: colorsRaw.purple,
  mediaDraftBackground: colorsRaw.purpleLight
};
const lengths = exports.lengths = {
  topBarHeight: '56px',
  inputPadding: '16px 20px',
  borderRadius: '5px',
  richTextEditorMinHeight: '300px',
  borderWidth: '2px',
  topCardWidth: '682px',
  pageMargin: '28px 18px',
  objectWidgetTopBarContainerPadding: '0 14px 14px'
};
const borders = exports.borders = {
  textField: `solid  ${lengths.borderWidth} ${colors.textFieldBorder}`
};
const transitions = exports.transitions = {
  main: '.2s ease'
};
const shadows = exports.shadows = {
  drop: `
    box-shadow: 0 2px 4px 0 rgba(19, 39, 48, 0.12);
  `,
  dropMain: `
    box-shadow: 0 2px 6px 0 rgba(68, 74, 87, 0.05), 0 1px 3px 0 rgba(68, 74, 87, 0.1);
  `,
  dropMiddle: `
    box-shadow: 0 2px 6px 0 rgba(68, 74, 87, 0.15), 0 1px 3px 0 rgba(68, 74, 87, 0.3);
  `,
  dropDeep: `
    box-shadow: 0 4px 12px 0 rgba(68, 74, 87, 0.15), 0 1px 3px 0 rgba(68, 74, 87, 0.25);
  `,
  inset: `
    box-shadow: inset 0 0 4px rgba(68, 74, 87, 0.3);
  `
};
const text = exports.text = {
  fieldLabel: /*#__PURE__*/(0, _react2.css)("font-size:12px;text-transform:uppercase;font-weight:600;color:", colors.controlLabel, ";;label:fieldLabel;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,[encoded data, 15660 characters] */"))
};
const gradients = {
  checkerboard: `
    linear-gradient(
      45deg,
      ${colors.checkerboardDark} 25%,
      transparent 25%,
      transparent 75%,
      ${colors.checkerboardDark} 75%,
      ${colors.checkerboardDark}
    )
  `
};
const effects = exports.effects = {
  checkerboard: /*#__PURE__*/(0, _react2.css)("background-color:", colors.checkerboardLight, ";background-size:16px 16px;background-position:0 0,8px 8px;background-image:", gradients.checkerboard, ",", gradients.checkerboard, ";;label:checkerboard;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,[encoded data, 15660 characters] */"))
};
const badge = process.env.NODE_ENV === "production" ? {
  name: "1bvw0ad-badge",
  styles: "font-size:13px;line-height:1;label:badge;"
} : {
  name: "1bvw0ad-badge",
  styles: "font-size:13px;line-height:1;label:badge;",
  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,[encoded data, 15660 characters] */",
  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
};
const backgroundBadge = /*#__PURE__*/(0, _react2.css)(badge, ";display:block;border-radius:", lengths.borderRadius, ";padding:4px 10px;text-align:center;;label:backgroundBadge;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,[encoded data, 15660 characters] */"));
const textBadge = /*#__PURE__*/(0, _react2.css)(badge, ";display:inline-block;font-weight:700;text-transform:uppercase;;label:textBadge;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,[encoded data, 15660 characters] */"));
const card = /*#__PURE__*/(0, _react2.css)(shadows.dropMain, ";border-radius:5px;background-color:#fff;;label:card;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,[encoded data, 15660 characters] */"));
const buttons = exports.buttons = {
  button: /*#__PURE__*/(0, _react2.css)("border:0;border-radius:", lengths.borderRadius, ";cursor:pointer;;label:button;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,[encoded data, 15656 characters] */")),
  default: /*#__PURE__*/(0, _react2.css)("height:36px;line-height:36px;font-weight:500;padding:0 15px;background-color:", colorsRaw.gray, ";color:", colorsRaw.white, ";;label:default;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,[encoded data, 15656 characters] */")),
  widget: process.env.NODE_ENV === "production" ? {
    name: "ffqcjd-widget",
    styles: "display:flex;justify-content:center;align-items:center;padding:2px 12px;font-size:12px;font-weight:bold;border-radius:3px;label:widget;"
  } : {
    name: "ffqcjd-widget",
    styles: "display:flex;justify-content:center;align-items:center;padding:2px 12px;font-size:12px;font-weight:bold;border-radius:3px;label:widget;",
    map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,[encoded data, 15656 characters] */",
    toString: _EMOTION_STRINGIFIED_CSS_ERROR__
  },
  medium: process.env.NODE_ENV === "production" ? {
    name: "xdagg1-medium",
    styles: "height:27px;line-height:27px;font-size:12px;font-weight:600;border-radius:3px;padding:0 24px 0 14px;label:medium;"
  } : {
    name: "xdagg1-medium",
    styles: "height:27px;line-height:27px;font-size:12px;font-weight:600;border-radius:3px;padding:0 24px 0 14px;label:medium;",
    map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,[encoded data, 15656 characters] */",
    toString: _EMOTION_STRINGIFIED_CSS_ERROR__
  },
  small: process.env.NODE_ENV === "production" ? {
    name: "eopypj-small",
    styles: "font-size:13px;height:23px;line-height:23px;label:small;"
  } : {
    name: "eopypj-small",
    styles: "font-size:13px;height:23px;line-height:23px;label:small;",
    map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,[encoded data, 15656 characters] */",
    toString: _EMOTION_STRINGIFIED_CSS_ERROR__
  },
  gray: /*#__PURE__*/(0, _react2.css)("background-color:", colors.button, ";color:", colors.buttonText, ";&:focus,&:hover{color:", colorsRaw.white, ";background-color:#555a65;};label:gray;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,[encoded data, 15656 characters] */")),
  grayText: /*#__PURE__*/(0, _react2.css)("background-color:transparent;color:", colorsRaw.gray, ";;label:grayText;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,[encoded data, 15656 characters] */")),
  green: /*#__PURE__*/(0, _react2.css)("background-color:#aae31f;color:", colorsRaw.green, ";;label:green;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,[encoded data, 15656 characters] */")),
  lightRed: /*#__PURE__*/(0, _react2.css)("background-color:", colorsRaw.redLight, ";color:", colorsRaw.redDark, ";;label:lightRed;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,[encoded data, 15656 characters] */")),
  lightBlue: /*#__PURE__*/(0, _react2.css)("background-color:", colorsRaw.blueLight, ";color:", colorsRaw.blue, ";;label:lightBlue;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,[encoded data, 15660 characters] */")),
  lightTeal: /*#__PURE__*/(0, _react2.css)("background-color:", colorsRaw.tealLight, ";color:#1195aa;;label:lightTeal;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,[encoded data, 15660 characters] */")),
  teal: /*#__PURE__*/(0, _react2.css)("background-color:", colorsRaw.teal, ";color:", colorsRaw.white, ";;label:teal;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,[encoded data, 15656 characters] */")),
  disabled: /*#__PURE__*/(0, _react2.css)("background-color:", colorsRaw.grayLight, ";color:", colorsRaw.gray, ";cursor:default;;label:disabled;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,[encoded data, 15656 characters] */"))
};
const caret = /*#__PURE__*/(0, _react2.css)("color:", colorsRaw.white, ";width:0;height:0;border:5px solid transparent;border-radius:2px;;label:caret;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,[encoded data, 15660 characters] */"));
const components = exports.components = {
  card,
  caretDown: /*#__PURE__*/(0, _react2.css)(caret, ";border-top:6px solid currentColor;border-bottom:0;;label:caretDown;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,[encoded data, 15660 characters] */")),
  caretRight: /*#__PURE__*/(0, _react2.css)(caret, ";border-left:6px solid currentColor;border-right:0;;label:caretRight;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,[encoded data, 15660 characters] */")),
  badge: /*#__PURE__*/(0, _react2.css)(backgroundBadge, ";color:", colors.infoText, ";background-color:", colors.infoBackground, ";;label:badge;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,[encoded data, 15656 characters] */")),
  badgeSuccess: /*#__PURE__*/(0, _react2.css)(backgroundBadge, ";color:", colors.successText, ";background-color:", colors.successBackground, ";;label:badgeSuccess;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,[encoded data, 15660 characters] */")),
  badgeDanger: /*#__PURE__*/(0, _react2.css)(backgroundBadge, ";color:", colorsRaw.red, ";background-color:#fbe0d7;;label:badgeDanger;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,[encoded data, 15660 characters] */")),
  textBadge: /*#__PURE__*/(0, _react2.css)(textBadge, ";color:", colors.infoText, ";;label:textBadge;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,[encoded data, 15660 characters] */")),
  textBadgeSuccess: /*#__PURE__*/(0, _react2.css)(textBadge, ";color:", colors.successText, ";;label:textBadgeSuccess;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,[encoded data, 15660 characters] */")),
  textBadgeDanger: /*#__PURE__*/(0, _react2.css)(textBadge, ";color:", colorsRaw.red, ";;label:textBadgeDanger;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,[encoded data, 15660 characters] */")),
  loaderSize: process.env.NODE_ENV === "production" ? {
    name: "1vt2zqf-loaderSize",
    styles: "width:2.2857rem;height:2.2857rem;label:loaderSize;"
  } : {
    name: "1vt2zqf-loaderSize",
    styles: "width:2.2857rem;height:2.2857rem;label:loaderSize;",
    map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,[encoded data, 15660 characters] */",
    toString: _EMOTION_STRINGIFIED_CSS_ERROR__
  },
  cardTop: /*#__PURE__*/(0, _react2.css)(card, ";width:", lengths.topCardWidth, ";max-width:100%;padding:18px 20px;margin-bottom:28px;;label:cardTop;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,[encoded data, 15656 characters] */")),
  cardTopHeading: process.env.NODE_ENV === "production" ? {
    name: "1jf7yv6-cardTopHeading",
    styles: "font-size:22px;font-weight:600;line-height:37px;margin:0;padding:0;label:cardTopHeading;"
  } : {
    name: "1jf7yv6-cardTopHeading",
    styles: "font-size:22px;font-weight:600;line-height:37px;margin:0;padding:0;label:cardTopHeading;",
    map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,[encoded data, 15660 characters] */",
    toString: _EMOTION_STRINGIFIED_CSS_ERROR__
  },
  cardTopDescription: /*#__PURE__*/(0, _react2.css)("max-width:480px;color:", colors.text, ";font-size:14px;margin-top:8px;;label:cardTopDescription;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,[encoded data, 15660 characters] */")),
  objectWidgetTopBarContainer: /*#__PURE__*/(0, _react2.css)("padding:", lengths.objectWidgetTopBarContainerPadding, ";;label:objectWidgetTopBarContainer;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,[encoded data, 15660 characters] */")),
  dropdownList: /*#__PURE__*/(0, _react2.css)(shadows.dropDeep, ";background-color:", colorsRaw.white, ";border-radius:", lengths.borderRadius, ";overflow:hidden;;label:dropdownList;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,[encoded data, 15660 characters] */")),
  dropdownItem: /*#__PURE__*/(0, _react2.css)(buttons.button, ";background-color:transparent;border-radius:0;color:", colorsRaw.grayDark, ";font-weight:500;border-bottom:1px solid #eaebf1;padding:8px 14px;display:flex;justify-content:space-between;align-items:center;min-width:max-content;&:last-of-type{border-bottom:0;}&.active,&:hover,&:active,&:focus{color:", colors.active, ";background-color:", colors.activeBackground, ";};label:dropdownItem;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,[encoded data, 15660 characters] */")),
  viewControlsText: /*#__PURE__*/(0, _react2.css)("font-size:14px;color:", colors.text, ";margin-right:12px;white-space:nowrap;;label:viewControlsText;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,[encoded data, 15660 characters] */"))
};
const reactSelectStyles = exports.reactSelectStyles = {
  control: styles => _objectSpread(_objectSpread({}, styles), {}, {
    border: 0,
    boxShadow: 'none',
    padding: '9px 0 9px 12px'
  }),
  option: (styles, state) => _objectSpread(_objectSpread({}, styles), {}, {
    backgroundColor: state.isSelected ? `${colors.active}` : state.isFocused ? `${colors.activeBackground}` : 'transparent',
    paddingLeft: '22px'
  }),
  menu: styles => _objectSpread(_objectSpread({}, styles), {}, {
    right: 0,
    zIndex: zIndex.zIndex300
  }),
  container: styles => _objectSpread(_objectSpread({}, styles), {}, {
    padding: '0 !important'
  }),
  indicatorSeparator: (styles, state) => state.hasValue && state.selectProps.isClearable ? _objectSpread(_objectSpread({}, styles), {}, {
    backgroundColor: `${colors.textFieldBorder}`
  }) : {
    display: 'none'
  },
  dropdownIndicator: styles => _objectSpread(_objectSpread({}, styles), {}, {
    color: `${colors.controlLabel}`
  }),
  clearIndicator: styles => _objectSpread(_objectSpread({}, styles), {}, {
    color: `${colors.controlLabel}`
  }),
  multiValue: styles => _objectSpread(_objectSpread({}, styles), {}, {
    backgroundColor: colors.background
  }),
  multiValueLabel: styles => _objectSpread(_objectSpread({}, styles), {}, {
    color: colors.textLead,
    fontWeight: 500
  }),
  multiValueRemove: styles => _objectSpread(_objectSpread({}, styles), {}, {
    color: colors.controlLabel,
    ':hover': {
      color: colors.errorText,
      backgroundColor: colors.errorBackground
    }
  })
};
const zIndex = exports.zIndex = {
  zIndex0: 0,
  zIndex1: 1,
  zIndex2: 2,
  zIndex10: 10,
  zIndex100: 100,
  zIndex200: 200,
  zIndex299: 299,
  zIndex300: 300,
  zIndex1000: 1000,
  zIndex10000: 10000,
  zIndex99999: 99999
};
function GlobalStyles() {
  return (0, _react2.jsx)(_react2.Global, {
    styles: /*#__PURE__*/(0, _react2.css)("*,*:before,*:after{box-sizing:border-box;}:focus{outline:-webkit-focus-ring-color auto ", lengths.borderRadius, ";}[data-whatintent='mouse'] *:focus{outline:none;}input{border:0;}body{font-family:", fonts.primary, ";font-weight:normal;background-color:", colors.background, ";color:", colors.text, ";margin:0;}ul,ol{padding-left:0;}h1,h2,h3,h4,h5,h6,p{font-family:", fonts.primary, ";color:", colors.textLead, ";font-size:15px;line-height:1.5;margin-top:0;}h1,h2,h3,h4,h5,h6{font-weight:500;}h1{font-size:24px;letter-spacing:0.4px;color:", colors.textLead, ";}a,button{font-size:14px;font-weight:500;}a{color:", colors.text, ";text-decoration:none;}button{font-family:inherit;}img{max-width:100%;}textarea{resize:none;};label:GlobalStyles;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,[encoded data, 15660 characters] */"))
  });
}