gather-content-ui
Version:
GatherContent UI Library
1,022 lines (1,021 loc) • 135 kB
JavaScript
"use strict";
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.Icon = Icon;
exports["default"] = void 0;
var _react = _interopRequireWildcard(require("react"));
var _v = _interopRequireDefault(require("uuid/v1"));
var _classnames = _interopRequireDefault(require("classnames"));
var _classes = require("../helpers/classes");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); } // @ts-expect-error TS(7016): Could not find a declaration file for module 'uuid... Remove this comment to see the full error message
var arrowDownSVG = function arrowDownSVG(props) {
return /*#__PURE__*/_react["default"].createElement("svg", _extends({
width: "14",
height: "16",
viewBox: "0 0 14 16",
xmlns: "http://www.w3.org/2000/svg"
}, props), /*#__PURE__*/_react["default"].createElement("path", {
d: "M13.7 9.3l-1.4-1.4L8 12.2V0H6v12.2L1.7 7.9.3 9.3 7 16l6.7-6.7z"
}));
};
var arrowRightSVG = function arrowRightSVG(props) {
return /*#__PURE__*/_react["default"].createElement("svg", _extends({
width: "16",
height: "14",
viewBox: "0 0 16 14",
fill: "none",
xmlns: "http://www.w3.org/2000/svg"
}, props), /*#__PURE__*/_react["default"].createElement("path", {
d: "M10 1a.99.99 0 1 0-1.4 1.4L12.2 6H1a1 1 0 0 0 0 2h11.2l-3.6 3.6A.99.99 0 1 0 10 13l5.293-5.293a1 1 0 0 0 0-1.414L10 1z",
fill: "#29333D"
}));
};
var arrowUpSVG = function arrowUpSVG(props) {
return /*#__PURE__*/_react["default"].createElement("svg", _extends({
width: "14",
height: "16",
viewBox: "0 0 14 16",
xmlns: "http://www.w3.org/2000/svg"
}, props), /*#__PURE__*/_react["default"].createElement("path", {
d: "M.3 6.7l1.4 1.4L6 3.8V16h2V3.8l4.3 4.3 1.4-1.4L7 0 .3 6.7z"
}));
};
var commentSVG = function commentSVG(props) {
return /*#__PURE__*/_react["default"].createElement("svg", _extends({
xmlns: "http://www.w3.org/2000/svg",
width: "16",
height: "16",
viewBox: "0 0 16 16"
}, props), /*#__PURE__*/_react["default"].createElement("path", {
fillRule: "evenodd",
d: "M0 7c0 3.9 3.6 7 8 7h.6l4.053 1.501A1 1 0 0 0 14 14.563V11.6c1.2-1.2 2-2.8 2-4.6 0-3.9-3.6-7-8-7S0 3.1 0 7zm12 3.8v2.3L8.9 12H8c-3.3 0-6-2.2-6-5s2.7-5 6-5 6 2.2 6 5c0 2.2-2 3.8-2 3.8z"
}));
};
var plusCircleSVG = function plusCircleSVG(props) {
return /*#__PURE__*/_react["default"].createElement("svg", _extends({
xmlns: "http://www.w3.org/2000/svg",
width: "24",
height: "24",
viewBox: "0 0 24 24"
}, props), /*#__PURE__*/_react["default"].createElement("path", {
d: "M11 7v10a1 1 0 0 0 2 0V7a1 1 0 0 0-2 0z"
}), /*#__PURE__*/_react["default"].createElement("path", {
d: "M17 11H7a1 1 0 0 0 0 2h10a1 1 0 0 0 0-2z"
}), /*#__PURE__*/_react["default"].createElement("path", {
d: "M2 12c0 5.523 4.477 10 10 10s10-4.477 10-10S17.523 2 12 2 2 6.477 2 12zm-2 0C0 5.373 5.373 0 12 0s12 5.373 12 12-5.373 12-12 12S0 18.627 0 12z"
}));
};
var caretSVG = function caretSVG(props) {
return /*#__PURE__*/_react["default"].createElement("svg", _extends({
width: "10",
height: "6",
viewBox: "0 0 10 6",
xmlns: "http://www.w3.org/2000/svg"
}, props), /*#__PURE__*/_react["default"].createElement("path", {
d: "M4.556 5.69c.353.423.928.419 1.277 0l3.466-4.16C10.003.685 9.675 0 8.576 0H1.813C.71 0 .39.69 1.09 1.53l3.466 4.16z",
fill: "#4B5761",
fillRule: "evenodd"
}));
};
var caretUpSVG = function caretUpSVG(props) {
return /*#__PURE__*/_react["default"].createElement("svg", _extends({
xmlns: "http://www.w3.org/2000/svg",
width: "10",
height: "6",
viewBox: "0 0 10 6"
}, props), /*#__PURE__*/_react["default"].createElement("path", {
fill: "#4B5761",
d: "M4.556.31c.353-.423.928-.419 1.277 0l3.466 4.16c.704.845.376 1.53-.723 1.53H1.813C.71 6 .39 5.31 1.09 4.47L4.556.31z"
}));
};
var cogSVG = function cogSVG(props) {
return /*#__PURE__*/_react["default"].createElement("svg", _extends({
xmlns: "http://www.w3.org/2000/svg",
width: "13",
height: "13",
viewBox: "0 0 13 13"
}, props), /*#__PURE__*/_react["default"].createElement("path", {
fill: "#3D8AEB",
fillRule: "evenodd",
d: "M10.806 4.225l.894-1.706-1.137-1.138-1.707.894c-.244-.163-.569-.244-.893-.325L7.313 0H5.688l-.65 1.869c-.244.081-.57.162-.813.325L2.519 1.3 1.3 2.519l.894 1.706c-.163.244-.244.569-.325.813L0 5.688v1.625l1.869.65c.081.324.243.568.325.893L1.3 10.563 2.437 11.7l1.707-.894c.244.163.569.244.893.325L5.687 13h1.625l.65-1.869c.325-.081.57-.244.894-.325l1.707.894 1.137-1.137-.894-1.707c.163-.243.244-.569.325-.893L13 7.313V5.688l-1.869-.65c-.081-.244-.162-.57-.325-.813zM6.5 9C5.083 9 4 7.917 4 6.5S5.083 4 6.5 4 9 5.083 9 6.5 7.917 9 6.5 9z"
}));
};
var plusSVG = function plusSVG(props) {
return /*#__PURE__*/_react["default"].createElement("svg", _extends({
width: "16",
height: "16",
viewBox: "4 4 16 16",
fill: "none",
xmlns: "http://www.w3.org/2000/svg"
}, props), /*#__PURE__*/_react["default"].createElement("path", {
fill: "#678099",
d: "M12 6a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1 1 1 0 0 1-1-1V7a1 1 0 0 1 1-1z"
}), /*#__PURE__*/_react["default"].createElement("path", {
fill: "#678099",
d: "M7 11h10a1 1 0 0 1 1 1 1 1 0 0 1-1 1H7a1 1 0 0 1-1-1 1 1 0 0 1 1-1z"
}));
};
var menuSVG = function menuSVG(props) {
return /*#__PURE__*/_react["default"].createElement("svg", _extends({
xmlns: "http://www.w3.org/2000/svg",
width: "24",
height: "20",
viewBox: "0 0 24 20"
}, props), /*#__PURE__*/_react["default"].createElement("path", {
d: "M1 2h22a1 1 0 0 0 0-2H1a1 1 0 1 0 0 2zm0 6h12a1 1 0 0 0 0-2H1a1 1 0 1 0 0 2zm0 6h22a1 1 0 0 0 0-2H1a1 1 0 0 0 0 2zm0 6h12a1 1 0 0 0 0-2H1a1 1 0 0 0 0 2z",
fill: "#5D6871"
}));
};
var loaderSVG = function loaderSVG(props) {
return /*#__PURE__*/_react["default"].createElement("svg", _extends({
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 32 32",
width: "32",
height: "32"
}, props), /*#__PURE__*/_react["default"].createElement("path", {
opacity: ".25",
d: "M16 0a16 16 0 0 0 0 32 16 16 0 0 0 0-32m0 4a12 12 0 0 1 0 24 12 12 0 0 1 0-24"
}), /*#__PURE__*/_react["default"].createElement("path", {
d: "M16 0a16 16 0 0 1 16 16h-4A12 12 0 0 0 16 4z"
}, /*#__PURE__*/_react["default"].createElement("animateTransform", {
attributeName: "transform",
type: "rotate",
from: "0 16 16",
to: "360 16 16",
dur: "0.8s",
repeatCount: "indefinite"
})));
};
var loader16SVG = function loader16SVG(props) {
return /*#__PURE__*/_react["default"].createElement("svg", _extends({
width: "16",
height: "16",
viewBox: "0 0 16 16",
fill: "none",
xmlns: "http://www.w3.org/2000/svg"
}, props), /*#__PURE__*/_react["default"].createElement("path", {
opacity: ".25",
d: "M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0zm0 2a6 6 0 1 1 0 12A6 6 0 0 1 8 2",
fill: "#000"
}), /*#__PURE__*/_react["default"].createElement("path", {
d: "M8 0a8 8 0 0 1 8 8h-2a6 6 0 0 0-6-6V0z",
fill: "#000"
}), /*#__PURE__*/_react["default"].createElement("animateTransform", {
xmlns: "http://www.w3.org/2000/svg",
attributeName: "transform",
type: "rotate",
from: "0 0 0",
to: "360 0 0",
dur: "0.8s",
repeatCount: "indefinite"
}));
};
var tickSVG = function tickSVG(props) {
return /*#__PURE__*/_react["default"].createElement("svg", _extends({
xmlns: "http://www.w3.org/2000/svg",
width: "16",
height: "16",
viewBox: "0 0 16 16"
}, props), /*#__PURE__*/_react["default"].createElement("path", {
fill: "#4B5761",
fillRule: "evenodd",
d: "M4.432 8.463a.814.814 0 0 0-1.18 0 .814.814 0 0 0 0 1.18l1.685 1.683a.764.764 0 0 0 .59.253.764.764 0 0 0 .589-.253l5.895-5.894a.814.814 0 0 0 0-1.18.814.814 0 0 0-1.18 0L5.527 9.559 4.432 8.463"
}));
};
var tickCircleSVG = function tickCircleSVG(props) {
return /*#__PURE__*/_react["default"].createElement("svg", _extends({
width: "24",
height: "24",
viewBox: "0 0 24 24",
fill: "none",
xmlns: "http://www.w3.org/2000/svg"
}, props), /*#__PURE__*/_react["default"].createElement("path", {
d: "M7.586 12L11 15.414 16.414 10 15 8.586l-4 4-2-2L7.586 12z",
fill: "#A4B3C2"
}), /*#__PURE__*/_react["default"].createElement("path", {
fillRule: "evenodd",
clipRule: "evenodd",
d: "M4 12c0-4.411 3.589-8 8-8s8 3.589 8 8-3.589 8-8 8-8-3.589-8-8zm2 0c0 3.309 2.691 6 6 6s6-2.691 6-6-2.691-6-6-6-6 2.691-6 6z",
fill: "#A4B3C2"
}));
};
var emptyCircle = function emptyCircle(props) {
return /*#__PURE__*/_react["default"].createElement("svg", _extends({
width: "30",
height: "30",
viewBox: "0 0 30 30",
xmlns: "http://www.w3.org/2000/svg"
}, props), /*#__PURE__*/_react["default"].createElement("title", null, "F91929B7-F9D5-4F45-B361-1A29A1DB4BFE@1.00x"), /*#__PURE__*/_react["default"].createElement("circle", {
cx: "15",
cy: "15",
r: "14",
stroke: "#E6EAED",
strokeWidth: "2",
fill: "none",
fillRule: "evenodd"
}));
};
var menuDottedSVG = function menuDottedSVG(props) {
return /*#__PURE__*/_react["default"].createElement("svg", _extends({
width: "24",
height: "24",
viewBox: "0 0 24 24",
fill: "none",
xmlns: "http://www.w3.org/2000/svg"
}, props), /*#__PURE__*/_react["default"].createElement("path", {
fillRule: "evenodd",
clipRule: "evenodd",
d: "M12 4a2 2 0 1 1 .001 3.999A2 2 0 0 1 12 4zm0 6a2 2 0 1 1 .001 3.999A2 2 0 0 1 12 10zm2 8a2 2 0 1 0-3.999-.001A2 2 0 0 0 14 18z",
fill: "#678099"
}));
};
var backArrowSVG = function backArrowSVG(props) {
return /*#__PURE__*/_react["default"].createElement("svg", _extends({
xmlns: "http://www.w3.org/2000/svg",
width: "12",
height: "22",
viewBox: "0 0 12 22"
}, props), /*#__PURE__*/_react["default"].createElement("path", {
fillRule: "evenodd",
d: "M11.707.293a.999.999 0 0 0-1.414 0l-10 10a.999.999 0 0 0 0 1.414l10 10a.997.997 0 0 0 1.414 0 .999.999 0 0 0 0-1.414L2.414 11l9.293-9.293a.999.999 0 0 0 0-1.414"
}));
};
var backArrow2SVG = function backArrow2SVG(props) {
return /*#__PURE__*/_react["default"].createElement("svg", _extends({
width: "16",
height: "16",
viewBox: "0 0 16 16",
fill: "none",
xmlns: "http://www.w3.org/2000/svg"
}, props), /*#__PURE__*/_react["default"].createElement("path", {
d: "M10 1H2v2h8c1.7 0 3 1.3 3 3s-1.3 3-3 3H4.4l3-3L6 4.6.6 10 6 15.4 7.4 14l-3-3H10c2.8 0 5-2.2 5-5s-2.2-5-5-5z",
fill: "#8599AD"
}));
};
var pencilSVG = function pencilSVG(props) {
return /*#__PURE__*/_react["default"].createElement("svg", _extends({
xmlns: "http://www.w3.org/2000/svg",
width: "18",
height: "18",
viewBox: "0 0 18 18"
}, props), /*#__PURE__*/_react["default"].createElement("path", {
fill: "#8492A6",
d: "M10.14 2.446a1.02 1.02 0 0 1 .031-.032l1.122-1.121a3.828 3.828 0 0 1 5.414 5.414l-1.5 1.5-8.247 8.247a3 3 0 0 1-1.628.837l-4.168.695a1 1 0 0 1-1.15-1.15l.694-4.169a3 3 0 0 1 .838-1.628l8.247-8.246.347-.347zm2.137.691l2.586 2.586.43-.43a1.828 1.828 0 1 0-2.586-2.586l-.43.43zm1.171 4l-2.585-2.585-7.903 7.902a1 1 0 0 0-.279.542l-.464 2.787 2.786-.465a1 1 0 0 0 .543-.279l7.902-7.902z"
}));
};
var uploadSVG = function uploadSVG(props) {
return /*#__PURE__*/_react["default"].createElement("svg", _extends({
xmlns: "http://www.w3.org/2000/svg",
width: "32",
height: "22",
viewBox: "0 0 32 22"
}, props), /*#__PURE__*/_react["default"].createElement("g", {
fill: "none",
fillRule: "evenodd",
stroke: "#4B5761",
strokeLinecap: "round",
strokeLinejoin: "round",
strokeWidth: "2"
}, /*#__PURE__*/_react["default"].createElement("path", {
d: "M16 19V8M11 13l5-5 5 5"
}), /*#__PURE__*/_react["default"].createElement("path", {
d: "M20 21h6c2.803-.253 5-2.631 5-5.5a5.497 5.497 0 0 0-5.05-5.477C25.46 4.959 21.194 1 16 1c-4.512 0-8.323 2.99-9.568 7.095A6.497 6.497 0 0 0 1 14.5c0 3.421 2.644 6.244 6 6.5h5"
})));
};
var trashSVG = function trashSVG(props) {
return /*#__PURE__*/_react["default"].createElement("svg", _extends({
width: "16",
height: "16",
viewBox: "0 0 16 16",
xmlns: "http://www.w3.org/2000/svg"
}, props), /*#__PURE__*/_react["default"].createElement("g", {
fill: "#FFF",
fillRule: "evenodd"
}, /*#__PURE__*/_react["default"].createElement("path", {
d: "M5 7h2v6H5z"
}), /*#__PURE__*/_react["default"].createElement("path", {
d: "M12 1c0-.6-.4-1-1-1H5c-.6 0-1 .4-1 1v2H0v2h1v10c0 .6.4 1 1 1h12c.6 0 1-.4 1-1V5h1V3h-4V1zM6 2h4v1H6V2zM3 5h10v9H3V5z"
}), /*#__PURE__*/_react["default"].createElement("path", {
d: "M9 7h2v6H9z"
})));
};
var fullScreenSVG = function fullScreenSVG(props) {
return /*#__PURE__*/_react["default"].createElement("svg", _extends({
width: "16",
height: "16",
viewBox: "0 0 16 16",
xmlns: "http://www.w3.org/2000/svg"
}, props), /*#__PURE__*/_react["default"].createElement("g", {
fill: "#FFF",
fillRule: "evenodd"
}, /*#__PURE__*/_react["default"].createElement("path", {
d: "M12.6 2L9.3 5.3a.99.99 0 0 0 1.4 1.4L14 3.4V6a1 1 0 0 0 2 0V1a1 1 0 0 0-1-1h-5a1 1 0 1 0 0 2h2.6zM2 12.6V10a1 1 0 1 0-2 0v5a1 1 0 0 0 1 1h5a1 1 0 0 0 0-2H3.4l3.3-3.3a.99.99 0 0 0-1.4-1.4L2 12.6z"
})));
};
var downloadSVG = function downloadSVG(props) {
return /*#__PURE__*/_react["default"].createElement("svg", _extends({
width: "13",
height: "16",
viewBox: "0 0 13 16",
xmlns: "http://www.w3.org/2000/svg"
}, props), /*#__PURE__*/_react["default"].createElement("g", {
fill: "#FFF",
fillRule: "evenodd"
}, /*#__PURE__*/_react["default"].createElement("path", {
d: "M7.1 11.7l5-5a.99.99 0 0 0-1.4-1.4L7.4 8.6V1a1 1 0 1 0-2 0v7.6L2.1 5.3A.99.99 0 1 0 .7 6.7l5 5c.2.2.4.3.7.3.3 0 .5-.1.7-.3zM1 14h11a1 1 0 0 1 0 2H1a1 1 0 0 1 0-2z"
})));
};
var personSVG = function personSVG(props) {
return /*#__PURE__*/_react["default"].createElement("svg", _extends({
width: "14",
height: "16",
viewBox: "0 0 14 16",
xmlns: "http://www.w3.org/2000/svg"
}, props), /*#__PURE__*/_react["default"].createElement("g", {
fill: "#4B5761",
fillRule: "evenodd"
}, /*#__PURE__*/_react["default"].createElement("path", {
d: "M7 9C4.8 9 3 7.2 3 5V4c0-2.2 1.8-4 4-4s4 1.8 4 4v1c0 2.2-1.8 4-4 4M9 11H5c-2.8 0-5 2.2-5 5h14c0-2.8-2.2-5-5-5"
})));
};
var keyboardSVG = function keyboardSVG(props) {
return /*#__PURE__*/_react["default"].createElement("svg", _extends({
xmlns: "http://www.w3.org/2000/svg",
width: "23",
height: "16",
viewBox: "0 0 23 16"
}, props), /*#__PURE__*/_react["default"].createElement("g", {
fill: "none",
fillRule: "evenodd"
}, /*#__PURE__*/_react["default"].createElement("path", {
fill: "#9BA9BB",
d: "M4 4h3v2H4zM8 4h3v2H8zM12 4h3v2h-3zM10 7h3v2h-3zM4 10h2v2H4zM16 4h3v2h-3zM14 7h5v2h-5zM7 10h9v2H7zM17 10h2v2h-2zM4 7h5v2H4z"
}), /*#__PURE__*/_react["default"].createElement("rect", {
width: "21",
height: "14",
x: "1",
y: "1",
stroke: "#9BA9BB",
strokeWidth: "2",
rx: "2"
})));
};
var closeSVG = function closeSVG(props) {
return /*#__PURE__*/_react["default"].createElement("svg", _extends({
xmlns: "http://www.w3.org/2000/svg",
width: "16",
height: "16",
viewBox: "0 0 16 16"
}, props), /*#__PURE__*/_react["default"].createElement("g", {
fillRule: "evenodd"
}, /*#__PURE__*/_react["default"].createElement("path", {
fillRule: "nonzero",
d: "M8 6.293L4.568 2.86a1.19 1.19 0 0 0-1.707 0 1.19 1.19 0 0 0 0 1.707L6.293 8 2.86 11.432a1.19 1.19 0 0 0 0 1.707c.24.241.51.361.853.361.343 0 .613-.12.854-.36L8 9.706l3.432 3.432c.226.227.563.361.854.361.29 0 .627-.134.853-.36a1.19 1.19 0 0 0 0-1.708L9.707 8l3.432-3.432a1.19 1.19 0 0 0 0-1.707l-.707.707c.09.09.09.202 0 .293L8.292 8l4.14 4.14c.09.09.09.202 0 .292a.292.292 0 0 1-.146.068.292.292 0 0 1-.147-.068L8 8.292l-4.14 4.14c-.059.06-.078.068-.146.068-.068 0-.087-.009-.146-.068-.09-.09-.09-.202 0-.293L7.708 8l-4.14-4.14c-.09-.09-.09-.202 0-.292.09-.09.202-.09.293 0L8 7.708l4.14-4.14c.09-.09.202-.09.292 0l.707-.707a1.19 1.19 0 0 0-1.707 0L8 6.293z"
}), /*#__PURE__*/_react["default"].createElement("path", {
d: "M12.786 3.214a.69.69 0 0 0-1 0L8 7 4.214 3.214a.69.69 0 0 0-1 0 .69.69 0 0 0 0 1L7 8l-3.786 3.786a.69.69 0 0 0 0 1 .648.648 0 0 0 .5.214.648.648 0 0 0 .5-.214L8 9l3.786 3.786a.772.772 0 0 0 .5.214.772.772 0 0 0 .5-.214.69.69 0 0 0 0-1L9 8l3.786-3.786a.69.69 0 0 0 0-1"
})));
};
var linkSVG = function linkSVG(props) {
return /*#__PURE__*/_react["default"].createElement("svg", _extends({
xmlns: "http://www.w3.org/2000/svg",
width: "16",
height: "16",
viewBox: "0 0 16 16"
}, props), /*#__PURE__*/_react["default"].createElement("g", {
fillRule: "evenodd"
}, /*#__PURE__*/_react["default"].createElement("path", {
d: "M4.282 15.059c-1.13 0-2.164-.47-3.011-1.224-1.695-1.694-1.695-4.33 0-6.023l.658-.66 1.318 1.319-.659.658a2.386 2.386 0 0 0 0 3.389 2.386 2.386 0 0 0 3.388 0L8.8 9.694a2.386 2.386 0 0 0 0-3.388l-.659-.659L9.46 4.33l.659.66c1.694 1.693 1.694 4.329 0 6.023l-2.824 2.823c-.753.753-1.882 1.224-3.012 1.224"
}), /*#__PURE__*/_react["default"].createElement("path", {
d: "M5.694 10.73l-.659-.66c-1.694-1.694-1.694-4.329 0-6.023L7.86 1.224C8.706.376 9.74 0 10.87 0 12 0 13.035.47 13.882 1.224c1.694 1.694 1.694 4.329 0 6.023l-.658.659-1.318-1.318.659-.659a2.386 2.386 0 0 0 0-3.388 2.386 2.386 0 0 0-3.389 0L6.353 5.365a2.386 2.386 0 0 0 0 3.388l.659.659-1.318 1.317"
})));
};
var externalLinkSVG = function externalLinkSVG(props) {
return /*#__PURE__*/_react["default"].createElement("svg", _extends({
xmlns: "http://www.w3.org/2000/svg",
width: "16",
height: "16",
viewBox: "0 0 16 16"
}, props), /*#__PURE__*/_react["default"].createElement("g", {
fillRule: "evenodd"
}, /*#__PURE__*/_react["default"].createElement("path", {
d: "M14.125 1H8v1.75h4.025L6.512 8.263l1.226 1.224 5.512-5.512V8H15V1.875C15 1.35 14.65 1 14.125 1"
}), /*#__PURE__*/_react["default"].createElement("path", {
d: "M13.25 15H1.875C1.35 15 1 14.65 1 14.125V2.75c0-.525.35-.875.875-.875h3.5v1.75H2.75v9.625h9.625v-2.625h1.75v3.5c0 .525-.35.875-.875.875"
})));
};
var whiteLinkSVG = function whiteLinkSVG(props) {
return /*#__PURE__*/_react["default"].createElement("svg", _extends({
width: "12",
height: "12",
viewBox: "0 0 12 12",
fill: "none",
xmlns: "http://www.w3.org/2000/svg"
}, props), /*#__PURE__*/_react["default"].createElement("path", {
d: "M6.245.965L4.727 2.446a.75.75 0 0 0 1.046 1.075L7.3 2.033a1.875 1.875 0 1 1 2.644 2.658L8.464 6.21a.75.75 0 1 0 1.073 1.047l1.475-1.512a3.38 3.38 0 0 0 0-4.773A3.462 3.462 0 0 0 6.245.965zM6.227 8.446L4.7 9.935a1.875 1.875 0 1 1-2.644-2.659l1.481-1.519A.75.75 0 0 0 2.463 4.71L.988 6.222A3.375 3.375 0 0 0 5.755 11l1.518-1.479a.75.75 0 0 0-1.046-1.075z",
fill: "#fff"
}), /*#__PURE__*/_react["default"].createElement("path", {
d: "M3.47 8.514a.748.748 0 0 0 1.06 0l4-4a.75.75 0 1 0-1.06-1.061l-4 4a.75.75 0 0 0 0 1.061z",
fill: "#fff"
}));
};
var attachmentSVG = function attachmentSVG(props) {
return /*#__PURE__*/_react["default"].createElement("svg", _extends({
width: "24",
height: "24",
viewBox: "0 -1 24 24",
fill: "none",
xmlns: "http://www.w3.org/2000/svg"
}, props), /*#__PURE__*/_react["default"].createElement("path", {
fillRule: "evenodd",
clipRule: "evenodd",
d: "M1 0a1 1 0 0 0-1 1v18a3 3 0 0 0 3 3h5a1 1 0 1 0 0-2H3a1 1 0 0 1-1-1V2h6.5l2.7 3.6a1 1 0 0 0 .8.4h10v13a1 1 0 0 1-1 1h-5a1 1 0 1 0 0 2h5a3 3 0 0 0 3-3V5a1 1 0 0 0-1-1H12.5L9.8.4A1 1 0 0 0 9 0H1zm10.3 10.286a.996.996 0 0 1 .697-.286h.006c.272 0 .518.11.697.286l.008.008 4 3.999a1 1 0 0 1-1.415 1.414L13 13.414V21a1 1 0 1 1-2 0v-7.586l-2.293 2.293a1 1 0 0 1-1.414-1.414l4-4 .007-.007z",
fill: "#678099"
}));
};
var checkboxSVG = function checkboxSVG(props) {
return /*#__PURE__*/_react["default"].createElement("svg", _extends({
width: "24",
height: "24",
viewBox: "0 0 24 24",
fill: "none",
xmlns: "http://www.w3.org/2000/svg"
}, props), /*#__PURE__*/_react["default"].createElement("path", {
xmlns: "http://www.w3.org/2000/svg",
fill: "#678099",
d: "M4 2a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H4zm0-2h16a4 4 0 0 1 4 4v16a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4z"
}), /*#__PURE__*/_react["default"].createElement("path", {
d: "M18 9.853L16.09 8l-5.454 5.294-2.727-2.647L6 12.5l4.636 4.5L18 9.853z",
fill: "#678099"
}));
};
var guidelineSVG = function guidelineSVG(props) {
return /*#__PURE__*/_react["default"].createElement("svg", _extends({
width: "24",
height: "24",
viewBox: "0 0 24 24",
fill: "none",
xmlns: "http://www.w3.org/2000/svg"
}, props), /*#__PURE__*/_react["default"].createElement("path", {
d: "M2 12c0 5.523 4.477 10 10 10s10-4.477 10-10S17.523 2 12 2 2 6.477 2 12zm-2 0C0 5.373 5.373 0 12 0s12 5.373 12 12-5.373 12-12 12S0 18.627 0 12z",
fill: "#678099"
}), /*#__PURE__*/_react["default"].createElement("path", {
d: "M11 17a1 1 0 0 0 2 0v-6a1 1 0 0 0-1-1h-2a1 1 0 0 0 0 2h1v5z",
fill: "#678099"
}), /*#__PURE__*/_react["default"].createElement("path", {
d: "M10 18h4a1 1 0 0 0 0-2h-4a1 1 0 0 0 0 2zm1-11v1a1 1 0 0 0 2 0V7a1 1 0 0 0-2 0z",
fill: "#678099"
}));
};
var radioSVG = function radioSVG(props) {
return /*#__PURE__*/_react["default"].createElement("svg", _extends({
width: "24",
height: "24",
viewBox: "0 0 24 24",
fill: "none",
xmlns: "http://www.w3.org/2000/svg"
}, props), /*#__PURE__*/_react["default"].createElement("path", {
d: "M2 12c0 5.523 4.477 10 10 10s10-4.477 10-10S17.523 2 12 2 2 6.477 2 12zm-2 0C0 5.373 5.373 0 12 0s12 5.373 12 12-5.373 12-12 12S0 18.627 0 12z",
fill: "#678099"
}), /*#__PURE__*/_react["default"].createElement("path", {
d: "M7 12a5 5 0 1 1 10 0 5 5 0 0 1-10 0z",
fill: "#678099"
}));
};
var textSVG = function textSVG(props) {
return /*#__PURE__*/_react["default"].createElement("svg", _extends({
width: "24",
height: "24",
viewBox: "0 -1 24 24",
fill: "none",
xmlns: "http://www.w3.org/2000/svg"
}, props), /*#__PURE__*/_react["default"].createElement("path", {
d: "M2.857 7h5.286a1 1 0 0 0 0-2H2.857a1 1 0 0 0 0 2zM13 3h10a1 1 0 1 0 0-2H13a1 1 0 1 0 0 2zm0 6h10a1 1 0 1 0 0-2H13a1 1 0 1 0 0 2zM1 15h22a1 1 0 0 0 0-2H1a1 1 0 0 0 0 2zm0 6h22a1 1 0 0 0 0-2H1a1 1 0 0 0 0 2z",
fill: "#678099"
}), /*#__PURE__*/_react["default"].createElement("path", {
d: "M5.5 2.372l2.58 6.022a1 1 0 1 0 1.84-.788l-3-7A1 1 0 0 0 6 0H5a1 1 0 0 0-.92.606l-3 7a1 1 0 0 0 1.84.788L5.5 2.372z",
fill: "#678099"
}));
};
var componentFieldSVG = function componentFieldSVG(props) {
return /*#__PURE__*/_react["default"].createElement("svg", _extends({
width: "24",
height: "24",
viewBox: "-2 -1 24 24",
fill: "none",
xmlns: "http://www.w3.org/2000/svg"
}, props), /*#__PURE__*/_react["default"].createElement("path", {
fillRule: "evenodd",
clipRule: "evenodd",
d: "M10.406.086a1 1 0 0 0-.812 0L.597 4.085A.996.996 0 0 0 0 5.022V17a1 1 0 0 0 .594.914l8.98 3.991a.996.996 0 0 0 .852 0l8.98-3.991A1 1 0 0 0 20 17V5.022a.998.998 0 0 0-.597-.937L10.406.086zM16.538 5L10 2.094 3.462 5 10 7.906 16.538 5zM2 6.539v9.811l7 3.111V9.65L2 6.539zm9 12.922l7-3.11V6.538l-7 3.11v9.812z",
fill: "#678099"
}));
};
var upSVG = function upSVG(props) {
return /*#__PURE__*/_react["default"].createElement("svg", _extends({
xmlns: "http://www.w3.org/2000/svg",
width: "10",
height: "6",
viewBox: "0 0 10 6"
}, props), /*#__PURE__*/_react["default"].createElement("path", {
fill: "#8492A6",
d: "M1.707 5.707A1 1 0 0 1 .293 4.293l4-4a1 1 0 0 1 1.414 0l4 4a1 1 0 0 1-1.414 1.414L5 2.414 1.707 5.707z"
}));
};
var downSVG = function downSVG(props) {
return /*#__PURE__*/_react["default"].createElement("svg", _extends({
xmlns: "http://www.w3.org/2000/svg",
width: "10",
height: "6",
viewBox: "0 0 10 6"
}, props), /*#__PURE__*/_react["default"].createElement("path", {
fill: "#8492A6",
d: "M8.293.293a1 1 0 0 1 1.414 1.414l-4 4a1 1 0 0 1-1.414 0l-4-4A1 1 0 0 1 1.707.293L5 3.586 8.293.293z"
}));
};
var crossSVG = function crossSVG(props) {
return /*#__PURE__*/_react["default"].createElement("svg", _extends({
xmlns: "http://www.w3.org/2000/svg",
width: "10",
height: "10",
viewBox: "0 0 10 10"
}, props), /*#__PURE__*/_react["default"].createElement("title", null, "Cross Icon"), /*#__PURE__*/_react["default"].createElement("g", {
fill: "#FFF"
}, /*#__PURE__*/_react["default"].createElement("path", {
d: "M7.828.757a1 1 0 1 1 1.415 1.415l-7.071 7.07A1 1 0 0 1 .757 7.829L7.828.758z"
}), /*#__PURE__*/_react["default"].createElement("path", {
d: "M9.243 7.828a1 1 0 0 1-1.415 1.415L.758 2.172A1 1 0 1 1 2.171.757l7.07 7.071z"
})));
};
var clockSVG = function clockSVG(props) {
return /*#__PURE__*/_react["default"].createElement("svg", _extends({
xmlns: "http://www.w3.org/2000/svg",
width: "16",
height: "16",
viewBox: "0 0 16 16"
}, props), /*#__PURE__*/_react["default"].createElement("path", {
fill: "#8599AD",
fillRule: "evenodd",
d: "M8 0c4.4 0 8 3.6 8 8s-3.6 8-8 8-8-3.6-8-8 3.6-8 8-8zm0 14c3.3 0 6-2.7 6-6s-2.7-6-6-6-6 2.7-6 6 2.7 6 6 6zM9 4v3h3v2H7V4h2z"
}));
};
var warningSVG = function warningSVG(props) {
return /*#__PURE__*/_react["default"].createElement("svg", _extends({
width: "16",
height: "16",
viewBox: "0 0 16 16",
xmlns: "http://www.w3.org/2000/svg"
}, props), /*#__PURE__*/_react["default"].createElement("path", {
d: "M8 0C3.6 0 0 3.6 0 8s3.6 8 8 8 8-3.6 8-8-3.6-8-8-8zm0 12c-.6 0-1-.4-1-1s.4-1 1-1 1 .4 1 1-.4 1-1 1zM7 4h2v5H7V4z",
fill: "#FC5C54",
fillRule: "evenodd"
}));
};
var triangleWarningSVG = function triangleWarningSVG(props) {
return /*#__PURE__*/_react["default"].createElement("svg", _extends({
width: "16",
height: "14",
viewBox: "0 0 16 14",
fill: "none",
xmlns: "http://www.w3.org/2000/svg"
}, props), /*#__PURE__*/_react["default"].createElement("path", {
d: "M15.216 12.529L8.882.654a1 1 0 0 0-1.765 0L.784 12.529A1 1 0 0 0 1.667 14h12.667a1 1 0 0 0 .882-1.471zM8 12a1 1 0 1 1 0-2 1 1 0 0 1 0 2zm1-3H7V5h2v4z",
fill: "#EB5547"
}));
};
var dragHandleSVG = function dragHandleSVG(props) {
return /*#__PURE__*/_react["default"].createElement("svg", _extends({
width: "10",
height: "16",
viewBox: "0 0 10 16",
xmlns: "http://www.w3.org/2000/svg"
}, props), /*#__PURE__*/_react["default"].createElement("g", {
fill: "#4B5760",
fillRule: "evenodd"
}, /*#__PURE__*/_react["default"].createElement("path", {
d: "M2.518 9.932a2 2 0 1 1-1.036-3.863 2 2 0 0 1 1.036 3.863M2.518 3.932A2 2 0 1 1 1.482.069a2 2 0 0 1 1.036 3.863M2.518 15.932a2 2 0 1 1-1.036-3.863 2 2 0 0 1 1.036 3.863"
}), /*#__PURE__*/_react["default"].createElement("g", null, /*#__PURE__*/_react["default"].createElement("path", {
d: "M8.518 9.932a2 2 0 1 1-1.036-3.863 2 2 0 0 1 1.036 3.863M8.518 3.932A2 2 0 1 1 7.482.069a2 2 0 0 1 1.036 3.863M8.518 15.932a2 2 0 1 1-1.036-3.863 2 2 0 0 1 1.036 3.863"
}))));
};
var bulletListSVG = function bulletListSVG(props) {
return /*#__PURE__*/_react["default"].createElement("svg", _extends({
xmlns: "http://www.w3.org/2000/svg",
width: "21",
height: "18",
viewBox: "0 0 21 18"
}, props), /*#__PURE__*/_react["default"].createElement("g", {
fill: "#8492A6",
fillRule: "evenodd"
}, /*#__PURE__*/_react["default"].createElement("path", {
d: "M2 0a2 2 0 1 1 .001 3.999A2 2 0 0 1 2 0zm0 7a2 2 0 1 1 .001 3.999A2 2 0 0 1 2 7zm0 7a2 2 0 1 1 .001 3.999A2 2 0 0 1 2 14z"
}), /*#__PURE__*/_react["default"].createElement("path", {
fillRule: "nonzero",
d: "M7 3V1h14v2zM7 10V8h14v2zM7 17v-2h14v2z"
})));
};
var numberedListSVG = function numberedListSVG(props) {
return /*#__PURE__*/_react["default"].createElement("svg", _extends({
xmlns: "http://www.w3.org/2000/svg",
width: "22",
height: "20",
viewBox: "0 0 22 20"
}, props), /*#__PURE__*/_react["default"].createElement("g", {
fill: "#8492A6",
fillRule: "evenodd"
}, /*#__PURE__*/_react["default"].createElement("path", {
fillRule: "nonzero",
d: "M8 4V2h14v2zM8 11V9h14v2zM8 18v-2h14v2z"
}), /*#__PURE__*/_react["default"].createElement("path", {
d: "M.599 5.186v-.711l.774-.063c.126-.009.144-.045.144-.18V1.09c0-.108-.026-.162-.117-.189L.617.739.716 0h2.16v4.232c0 .144.01.171.145.18l.738.063v.711H.599zM.13 12.254v-.837l1.207-1.18c.909-.882 1.296-1.242 1.296-1.755 0-.333-.162-.576-.64-.576-.495 0-.702.162-.702.8L.068 8.6C.077 7.168 1.166 6.933 2.11 6.933c1.396 0 1.89.594 1.89 1.44 0 .847-.584 1.405-1.241 2.035l-1.018.973h1.324c.09 0 .126-.018.144-.108l.126-.711h.954v1.692H.13zm3.038 4.24c.766.117 1.188.576 1.188 1.386 0 1.19-.891 1.747-2.178 1.747-.909 0-1.719-.324-2.179-.828l.72-.792c.343.333.72.593 1.351.593.504 0 .936-.179.936-.81 0-.549-.342-.774-.9-.774-.225 0-.396.018-.667.063v-.9l.442-.054c.648-.08.999-.396.999-.972 0-.343-.153-.62-.657-.62-.486 0-.72.161-.72.8l-1.233-.109c0-1.422 1.071-1.665 2.016-1.665 1.386 0 1.918.531 1.918 1.495 0 .756-.469 1.233-1.036 1.404v.036z"
})));
};
var tableSVG = function tableSVG(props) {
return /*#__PURE__*/_react["default"].createElement("svg", _extends({
xmlns: "http://www.w3.org/2000/svg",
width: "23",
height: "23",
viewBox: "0 0 23 23"
}, props), /*#__PURE__*/_react["default"].createElement("g", {
fill: "#8492A6"
}, /*#__PURE__*/_react["default"].createElement("path", {
d: "M20 21a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v17a1 1 0 0 0 1 1h17zm0 2H3a3 3 0 0 1-3-3V3a3 3 0 0 1 3-3h17a3 3 0 0 1 3 3v17a3 3 0 0 1-3 3z"
}), /*#__PURE__*/_react["default"].createElement("path", {
d: "M7 1a1 1 0 1 1 2 0v21a1 1 0 0 1-2 0V1zm7 0a1 1 0 0 1 2 0v21a1 1 0 0 1-2 0V1z"
}), /*#__PURE__*/_react["default"].createElement("path", {
d: "M1 9a1 1 0 1 1 0-2h21a1 1 0 0 1 0 2H1zm0 7a1 1 0 0 1 0-2h21a1 1 0 0 1 0 2H1z"
})));
};
var quoteSVG = function quoteSVG(props) {
return /*#__PURE__*/_react["default"].createElement("svg", _extends({
xmlns: "http://www.w3.org/2000/svg",
width: "20",
height: "14"
}, props), /*#__PURE__*/_react["default"].createElement("path", {
fill: "#8492A6",
d: "M.276 4.996C.576 7 2.28 8.427 4.214 8.52c-.484 1.796-1.658 2.51-3.086 2.924-.138.046-.115.184-.115.184l.23 1.428s.023.115.208.092c4.927-.553 8.265-4.306 7.644-8.864C8.519 1.128 6.055-.092 3.776.23 1.496.6-.069 2.717.276 4.996zM15.05 8.52c-.46 1.796-1.681 2.51-3.086 2.924-.138.046-.115.184-.115.184l.208 1.428s.023.115.207.092c4.95-.553 8.243-4.306 7.667-8.864-.599-3.155-3.085-4.375-5.342-4.053-2.28.369-3.845 2.487-3.476 4.766A4.11 4.11 0 0 0 15.05 8.52z"
}));
};
var helpSVG = function helpSVG(props) {
return /*#__PURE__*/_react["default"].createElement("svg", _extends({
width: "16",
height: "16",
viewBox: "0 0 16 16",
xmlns: "http://www.w3.org/2000/svg"
}, props), /*#__PURE__*/_react["default"].createElement("path", {
d: "M13 0v6l-2-1-2 1V0H3C1.3 0 0 1.3 0 3v10c0 1.7 1.3 3 3 3h10c1.7 0 3-1.3 3-3V3c0-1.7-1.3-3-3-3zm1 13c0 .6-.4 1-1 1H3c-.6 0-1-.4-1-1s.4-1 1-1h10c.6 0 .9-.1 1-.2V13z"
}));
};
var infoSVG = function infoSVG(props) {
return /*#__PURE__*/_react["default"].createElement("svg", _extends({
xmlns: "http://www.w3.org/2000/svg",
width: "16",
height: "16",
viewBox: "0 0 16 16"
}, props), /*#__PURE__*/_react["default"].createElement("path", {
fill: "#E6EAED",
fillRule: "evenodd",
d: "M8 0C3.6 0 0 3.6 0 8s3.6 8 8 8 8-3.6 8-8-3.6-8-8-8zm0 13c-.6 0-1-.4-1-1s.4-1 1-1 1 .4 1 1-.4 1-1 1zm1.5-4.6c-.5.3-.5.4-.5.6v1H7V9c0-1.3.8-1.9 1.4-2.3.5-.3.6-.4.6-.7 0-.6-.4-1-1-1-.4 0-.7.2-.9.5l-.5.9-1.7-1 .5-.9C5.9 3.6 6.9 3 8 3c1.7 0 3 1.3 3 3 0 1.4-.9 2-1.5 2.4z"
}));
};
var lockSVG = function lockSVG(props) {
return /*#__PURE__*/_react["default"].createElement("svg", _extends({
xmlns: "http://www.w3.org/2000/svg",
width: "12",
height: "16",
viewBox: "0 0 12 16"
}, props), /*#__PURE__*/_react["default"].createElement("path", {
fill: "#4B5761",
fillRule: "evenodd",
d: "M6 0C3.8 0 2 1.8 2 4v1.5C.8 6.6 0 8.2 0 10c0 3.3 2.7 6 6 6s6-2.7 6-6c0-1.8-.8-3.4-2-4.5V4c0-2.2-1.8-4-4-4zm1 10.7V13H5v-2.3c-.6-.3-1-1-1-1.7 0-1.1.9-2 2-2s2 .9 2 2c0 .7-.4 1.4-1 1.7zm1-6.3C7.4 4.1 6.7 4 6 4s-1.4.1-2 .4V4c0-1.1.9-2 2-2s2 .9 2 2v.4z"
}));
};
var searchSVG = function searchSVG(props) {
return /*#__PURE__*/_react["default"].createElement("svg", _extends({
xmlns: "http://www.w3.org/2000/svg",
width: "16",
height: "17",
viewBox: "0 0 16 17"
}, props), /*#__PURE__*/_react["default"].createElement("path", {
fill: "#8492A6",
fillRule: "evenodd",
d: "M12.7 11.3c.9-1.2 1.4-2.6 1.4-4.2 0-3.9-3.1-7.1-7-7.1S0 3.2 0 7.1c0 3.9 3.2 7.1 7.1 7.1 1.6 0 3.1-.5 4.2-1.4l3 3c.2.2.5.3.7.3.2 0 .5-.1.7-.3.4-.4.4-1 0-1.4l-3-3.1zm-5.6.8c-2.8 0-5.1-2.2-5.1-5S4.3 2 7.1 2s5.1 2.3 5.1 5.1-2.3 5-5.1 5z"
}));
};
var cancelSVG = function cancelSVG(props) {
return /*#__PURE__*/_react["default"].createElement("svg", _extends({
xmlns: "http://www.w3.org/2000/svg",
width: "14",
height: "14",
viewBox: "0 0 14 14"
}, props), /*#__PURE__*/_react["default"].createElement("path", {
fill: "#3D8AEB",
fillRule: "evenodd",
d: "M13.7.3c-.4-.4-1-.4-1.4 0L7 5.6 1.7.3C1.3-.1.7-.1.3.3c-.4.4-.4 1 0 1.4L5.6 7 .3 12.3c-.4.4-.4 1 0 1.4.2.2.4.3.7.3.3 0 .5-.1.7-.3L7 8.4l5.3 5.3c.2.2.5.3.7.3.2 0 .5-.1.7-.3.4-.4.4-1 0-1.4L8.4 7l5.3-5.3c.4-.4.4-1 0-1.4"
}));
};
var noteSVG = function noteSVG(props) {
return /*#__PURE__*/_react["default"].createElement("svg", _extends({
xmlns: "http://www.w3.org/2000/svg",
width: "16",
height: "16",
viewBox: "0 0 16 16"
}, props), /*#__PURE__*/_react["default"].createElement("g", {
fill: "#8492A6",
fillRule: "evenodd"
}, /*#__PURE__*/_react["default"].createElement("path", {
d: "M12.7.3c-.4-.4-1-.4-1.4 0l-7 7c-.2.2-.3.4-.3.7v3c0 .6.4 1 1 1h3c.3 0 .5-.1.7-.3l7-7c.4-.4.4-1 0-1.4l-3-3zM7.6 10H6V8.4l6-6L13.6 4l-6 6z"
}), /*#__PURE__*/_react["default"].createElement("path", {
d: "M15 10c-.6 0-1 .4-1 1v3H2V2h3c.6 0 1-.4 1-1s-.4-1-1-1H1C.4 0 0 .4 0 1v14c0 .6.4 1 1 1h14c.6 0 1-.4 1-1v-4c0-.6-.4-1-1-1"
})));
};
var addPersonSVG = function addPersonSVG(props) {
return /*#__PURE__*/_react["default"].createElement("svg", _extends({
xmlns: "http://www.w3.org/2000/svg",
width: "16",
height: "16",
viewBox: "0 0 16 16"
}, props), /*#__PURE__*/_react["default"].createElement("g", {
fill: "#8492A6",
fillRule: "evenodd"
}, /*#__PURE__*/_react["default"].createElement("path", {
d: "M3 5V4c0-2.2 1.8-4 4-4s4 1.8 4 4v1c0 2.2-1.8 4-4 4S3 7.2 3 5zm2 6c-2.8 0-5 2.2-5 5h8v-5H5M14 10h-2v2h-2v2h2v2h2v-2h2v-2h-2v-2"
})));
};
var boldTickSVG = function boldTickSVG(props) {
return /*#__PURE__*/_react["default"].createElement("svg", _extends({
xmlns: "http://www.w3.org/2000/svg",
width: "16",
height: "13",
viewBox: "0 0 16 13"
}, props), /*#__PURE__*/_react["default"].createElement("path", {
fill: "#3D8AEB",
fillRule: "evenodd",
d: "M5.6 8L2.4 4.8 0 7.2l5.6 5.6L16 2.4 13.6 0l-8 8"
}));
};
var boldTickSmallSVG = function boldTickSmallSVG(props) {
return /*#__PURE__*/_react["default"].createElement("svg", _extends({
xmlns: "http://www.w3.org/2000/svg",
width: "10",
height: "8",
viewBox: "0 1 16 10"
}, props), /*#__PURE__*/_react["default"].createElement("path", {
fill: "#3D8AEB",
fillRule: "evenodd",
d: "M5.6 8L2.4 4.8 0 7.2l5.6 5.6L16 2.4 13.6 0l-8 8"
}));
};
var bellSVG = function bellSVG(props) {
return /*#__PURE__*/_react["default"].createElement("svg", _extends({
xmlns: "http://www.w3.org/2000/svg",
width: "16",
height: "16",
viewBox: "0 0 16 16"
}, props), /*#__PURE__*/_react["default"].createElement("title", null, "Notification Icon"), /*#__PURE__*/_react["default"].createElement("path", {
fill: "#FFF",
fillRule: "evenodd",
d: "M10 14H6c0 1.1.9 2 2 2s2-.9 2-2m5-3h-.5c-.7-.7-1.5-1.7-1.5-3V5c0-2.8-2.2-5-5-5S3 2.2 3 5v3c0 1.3-.8 2.3-1.5 3H1c-.6 0-1 .4-1 1s.4 1 1 1h14c.6 0 1-.4 1-1s-.4-1-1-1"
}));
};
var saveSVG = function saveSVG(props) {
return /*#__PURE__*/_react["default"].createElement("svg", _extends({
xmlns: "http://www.w3.org/2000/svg",
width: "16",
height: "16",
viewBox: "0 0 16 16"
}, props), /*#__PURE__*/_react["default"].createElement("g", {
fill: "#FFF",
fillRule: "evenodd"
}, /*#__PURE__*/_react["default"].createElement("path", {
d: "M11.7.3c-.2-.2-.4-.3-.7-.3h-1v3c0 .6-.4 1-1 1H4c-.6 0-1-.4-1-1V0H1C.4 0 0 .4 0 1v14c0 .6.4 1 1 1h14c.6 0 1-.4 1-1V5c0-.3-.1-.5-.3-.7l-4-4zM13 14H3v-3c0-.6.4-1 1-1h8c.6 0 1 .4 1 1v3z"
}), /*#__PURE__*/_react["default"].createElement("path", {
d: "M7 0h2v3H7z"
})));
};
var archiveSVG = function archiveSVG(props) {
return /*#__PURE__*/_react["default"].createElement("svg", _extends({
xmlns: "http://www.w3.org/2000/svg",
width: "18",
height: "16",
viewBox: "0 0 18 16"
}, props), /*#__PURE__*/_react["default"].createElement("path", {
fill: "#8492A6",
fillRule: "evenodd",
d: "M4 2c-.6 0-1-.4-1-1s.4-1 1-1h10c.6 0 1 .4 1 1s-.4 1-1 1H4zM0 6a2 2 0 0 1 2-2h3a1 1 0 0 1 1 1v3a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1V5a1 1 0 0 1 1-1h3a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V6z"
}));
};
var calendarSVG = function calendarSVG(props) {
return /*#__PURE__*/_react["default"].createElement("svg", _extends({
width: "16",
height: "16",
viewBox: "0 0 16 16",
fill: "none",
xmlns: "http://www.w3.org/2000/svg"
}, props), /*#__PURE__*/_react["default"].createElement("path", {
d: "M15 2h-2V0h-3v2H6V0H3v2H1a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1zm-1 12H2V5h12v9z",
fill: "#678099"
}), /*#__PURE__*/_react["default"].createElement("path", {
d: "M6 7H4v2h2V7zM9 7H7v2h2V7zM6 10H4v2h2v-2zM9 10H7v2h2v-2zM12 7h-2v2h2V7zM12 10h-2v2h2v-2z",
fill: "#678099"
}));
};
var contentMapSVG = function contentMapSVG(props) {
return /*#__PURE__*/_react["default"].createElement("svg", _extends({
xmlns: "http://www.w3.org/2000/svg",
width: "16",
height: "16",
viewBox: "0 0 16 16"
}, props), /*#__PURE__*/_react["default"].createElement("path", {
fill: "#8492A6",
fillRule: "evenodd",
d: "M7 12h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1v-2a1 1 0 0 1 1-1zM7 0h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V1a1 1 0 0 1 1-1zm6 12h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1v-2a1 1 0 0 1 1-1zM1 12h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1v-2a1 1 0 0 1 1-1zm8-5h5a1 1 0 0 1 1 1v2a1 1 0 0 1-2 0V9H9v1a1 1 0 0 1-2 0V9H3v1a1 1 0 0 1-2 0V8a1 1 0 0 1 1-1h5V6a1 1 0 1 1 2 0v1z"
}));
};
var exportSVG = function exportSVG(props) {
return /*#__PURE__*/_react["default"].createElement("svg", _extends({
xmlns: "http://www.w3.org/2000/svg",
width: "16",
height: "16",
viewBox: "0 0 16 16"
}, props), /*#__PURE__*/_react["default"].createElement("g", {
fill: "#8492A6",
fillRule: "evenodd"
}, /*#__PURE__*/_react["default"].createElement("path", {
d: "M15 16H1c-.6 0-1-.4-1-1V3c0-.6.4-1 1-1h3v2H2v10h12V9h2v6c0 .6-.4 1-1 1"
}), /*#__PURE__*/_react["default"].createElement("path", {
d: "M10 3c-3.2 0-6 2.5-6 7 1.1-1.7 2.4-3 6-3v3l6-5-6-5v3"
})));
};
var filesSVG = function filesSVG(props) {
return /*#__PURE__*/_react["default"].createElement("svg", _extends({
xmlns: "http://www.w3.org/2000/svg",
width: "16",
height: "16",
viewBox: "0 0 16 16"
}, props), /*#__PURE__*/_react["default"].createElement("path", {
fill: "#8492A6",
fillRule: "evenodd",
d: "M15 3H8V1c0-.6-.4-1-1-1H1C.4 0 0 .4 0 1v14c0 .6.4 1 1 1h14c.6 0 1-.4 1-1V4c0-.6-.4-1-1-1zM6 2v2c0 .6.4 1 1 1h7v2H2V2h4zM2 9h12v5H2V9z"
}));
};
var gridSVG = function gridSVG(props) {
return /*#__PURE__*/_react["default"].createElement("svg", _extends({
xmlns: "http://www.w3.org/2000/svg",
width: "16",
height: "16",
viewBox: "0 0 16 16"
}, props), /*#__PURE__*/_react["default"].createElement("path", {
fill: "#8492A6",
fillRule: "evenodd",
d: "M1 0h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V1a1 1 0 0 1 1-1zm0 6h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1zm0 6h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1v-2a1 1 0 0 1 1-1zM7 0h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V1a1 1 0 0 1 1-1zm0 6h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1zm0 6h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1v-2a1 1 0 0 1 1-1zm6-12h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1V1a1 1 0 0 1 1-1zm0 6h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1zm0 6h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1v-2a1 1 0 0 1 1-1z"
}));
};
var listSVG = function listSVG(props) {
return /*#__PURE__*/_react["default"].createElement("svg", _extends({
xmlns: "http://www.w3.org/2000/svg",
width: "16",
height: "16",
viewBox: "0 0 16 16"
}, props), /*#__PURE__*/_react["default"].createElement("path", {
fill: "#8492A6",
fillRule: "evenodd",
d: "M1 0h14a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V1a1 1 0 0 1 1-1zm0 6h14a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1zm0 6h14a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1v-2a1 1 0 0 1 1-1z"
}));
};
var itemsSVG = function itemsSVG(props) {
return /*#__PURE__*/_react["default"].createElement("svg", _extends({
xmlns: "http://www.w3.org/2000/svg",
width: "16",
height: "16",
viewBox: "0 0 16 16"
}, props), /*#__PURE__*/_react["default"].createElement("g", {
fill: "#8492A6",
fillRule: "evenodd"
}, /*#__PURE__*/_react["default"].createElement("path", {
d: "M9.123 14.14A2.099 2.099 0 0 1 8 14.468c-.396 0-.785-.115-1.124-.33L.329 10a.776.776 0 0 0-.329.637c0 .269.135.518.353.656l7.272 4.597a.702.702 0 0 0 .75 0l7.272-4.597a.777.777 0 0 0 .353-.656.777.777 0 0 0-.328-.637l-6.55 4.14z"
}), /*#__PURE__*/_react["default"].createElement("path", {
d: "M15.672 7l-6.55 4.14a2.095 2.095 0 0 1-2.247-.002L.33 7A.775.775 0 0 0 0 7.636c0 .27.135.519.353.657l7.273 4.598a.699.699 0 0 0 .749 0l7.272-4.598A.776.776 0 0 0 16 7.636.775.775 0 0 0 15.672 7"
}), /*#__PURE__*/_react["default"].createElement("path", {
d: "M15.647 4.388L8.375.102a.739.739 0 0 0-.749 0L.353 4.388A.712.712 0 0 0 0 5c0 .25.135.483.353.613l7.273 4.286a.737.737 0 0 0 .749 0l7.272-4.286A.713.713 0 0 0 16 5a.712.712 0 0 0-.353-.612"
})));
};
var templateSVG = function templateSVG(props) {
return /*#__PURE__*/_react["default"].createElement("svg", _extends({
width: "16",
height: "16",
viewBox: "0 0 16 16",
fill: "none",
xmlns: "http://www.w3.org/2000/svg"
}, props), /*#__PURE__*/_react["default"].createElement("path", {
d: "M3 0H1a1 1 0 0 0-1 1v14a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1V1a1 1 0 0 0-1-1zM15 0H7a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V1a1 1 0 0 0-1-1zM9 6H7a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1V7a1 1 0 0 0-1-1zM9 12H7a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1zM15 6h-2a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1V7a1 1 0 0 0-1-1z",
fill: "#52667A"
}));
};
var folderSVG = function folderSVG(props) {
return /*#__PURE__*/_react["default"].createElement("svg", _extends({
xmlns: "http://www.w3.org/2000/svg",
width: "18",
height: "16",
viewBox: "0 0 18 16"
}, props), /*#__PURE__*/_react["default"].createElement("path", {
fill: "#8492A6",
fillRule: "evenodd",
d: "M11.456 1.368L12 3h4a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h7.558a2 2 0 0 1 1.898 1.368z"
}));
};
var chevronRightSVG = function chevronRightSVG(props) {
return /*#__PURE__*/_react["default"].createElement("svg", _extends({
xmlns: "http://www.w3.org/2000/svg",
width: "7",
height: "11",
viewBox: "0 0 7 11"
}, props), /*#__PURE__*/_react["default"].createElement("path", {
fill: "#8492A6",
fillRule: "evenodd",
d: "M1.4 10.8L0 9.4l4-4-4-4L1.4 0l5.4 5.4-5.4 5.4"
}));
};
var homeSVG = function homeSVG(props) {
return /*#__PURE__*/_react["default"].createElement("svg", _extends({
xmlns: "http://www.w3.org/2000/svg",
width: "14",
height: "17",
viewBox: "0 0 14 17"
}, props), /*#__PURE__*/_react["default"].createElement("path", {
fill: "#8492A6",
fillRule: "evenodd",
d: "M13 16.025c.6 0 1-.4 1-1v-9c0-.3-.1-.6-.4-.8l-6-5c-.4-.3-.9-.3-1.3 0l-6 5c-.2.2-.3.5-.3.8v9c0 .6.4 1 1 1h4v-5h4v5h4"
}));
};
var changeSVG = function changeSVG(props) {
return /*#__PURE__*/_react["default"].createElement("svg", _extends({
xmlns: "http://www.w3.org/2000/svg",
width: "18",
height: "18",
viewBox: "0 0 18 18"
}, props), /*#__PURE__*/_react["default"].createElement("path", {
fill: "#8492A6",
d: "M2 2v4h4V2H2zm6-2v8H0V0h8zM3 13H1l3-3 3 3H5v1a2 2 0 0 0 2 2h1v2H7a4 4 0 0 1-4-4v-1zm12-8h2l-3 3-3-3h2V4a2 2 0 0 0-2-2h-1V0h1a4 4 0 0 1 4 4v1zm-1 11a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm0 2a4 4 0 1 1 0-8 4 4 0 0 1 0 8z"
}));
};
var export2SVG = function export2SVG(props) {
return /*#__PURE__*/_react["default"].createElement("svg", _extends({
xmlns: "http://www.w3.org/2000/svg",
width: "18",
height: "17",
viewBox: "0 0 18 17"
}, props), /*#__PURE__*/_react["default"].createElement("path", {
fill: "#8492A6",
d: "M2 8H0a1 1 0 0 1 2 0zm16 0h-2a1 1 0 1 1 2 0zm-3 7v2H3v-2h12zM2 14H0V8h2v6zm14-6h2v6h-2V8zM3 15v2a3 3 0 0 1-3-3h2a1 1 0 0 0 1 1zm12 2v-2a1 1 0 0 0 1-1h2a3 3 0 0 1-3 3zM10 3.414V11a1 1 0 0 1-2 0V3.414L5.707 5.707a1 1 0 0 1-1.414-1.414l4-4a1 1 0 0 1 1.414 0l4 4a1 1 0 0 1-1.414 1.414L10 3.414z"
}));
};
var folderGoSVG = function folderGoSVG(props) {
return /*#__PURE__*/_react["default"].createElement("svg", _extends({
xmlns: "http://www.w3.org/2000/svg",
width: "18",
height: "16",
viewBox: "0 0 18 16"
}, props), /*#__PURE__*/_react["default"].createElement("path", {
fill: "#8492A6",
fillRule: "evenodd",
d: "M11.456 1.368L12 3h4c1.105 0 2 .897 2 2.001V14A2.001 2.001 0 0 1 16 16H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h7.558a2 2 0 0 1 1.898 1.368zM4 10.25c0 .414.336.75.75.75h5.5v2.31c0 .233.292.34.442.16l3.041-3.65a.5.5 0 0 0 0-.64l-3.04-3.65a.25.25 0 0 0-.443.16V8h-5.5a.75.75 0 0 0-.75.75v1.5z"
}));
};
var folderOpenSVG = function folderOpenSVG(props) {
return /*#__PURE__*/_react["default"].createElement("svg", _extends({
xmlns: "http://www.w3.org/2000/svg",
width: "18",
height: "16",
viewBox: "0 0 18 16"
}, props), /*#__PURE__*/_react["default"].createElement("path", {
fill: "#8492A6",
fillRule: "evenodd",
d: "M1.602 6.699L0 10.157V2a2 2 0 0 1 2-2h7.559a2 2 0 0 1 1.897 1.368L12 3h4a2 2 0 0 1 2 2v.173A2.98 2.98 0 0 0 17.045 5H4.29c-1.155 0-2.21.667-2.688 1.699zm-1.52 8.04l3.334-7.2A.959.959 0 0 1 4.29 7h12.755c.705 0 1.167.697.857 1.295l-3.726 7.2a.963.963 0 0 1-.858.505H.955c-.688 0-1.149-.666-.874-1.26z"
}));
};
var imageSVG = function imageSVG(props) {
return /*#__PURE__*/_react["default"].createElement("svg", _extends({
xmlns: "http://www.w3.org/2000/svg",
width: "18",
height: "18",
viewBox: "0 0 18 18"
}, props), /*#__PURE__*/_react["default"].createElement("path", {
fill: "#8492A6",
fillRule: "evenodd",
d: "M2 0a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm.28 13.72A.75.75 0 0 0 2.81 15H15.28a.75.75 0 0 0 .55-1.26l-4.78-5.148a.75.75 0 0 0-1.1 0l-3.543 3.815-.877-.877a.75.75 0 0 0-1.06 0l-2.19 2.19zM7 8a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"
}));
};
var statusSVG = function statusSVG(props) {
return /*#__PURE__*/_react["default"].createElement("svg", _extends({
xmlns: "http://www.w3.org/2000/svg",
width: "18",
height: "18",
viewBox: "0 0 18 18"
}, props), /*#__PURE__*/_react["default"].createElement("path", {
fill: "#8492A6",
d: "M10.732 10a2 2 0 0 1-3.464 0H4.5a2.5 2.5 0 1 0 0 5H9v2H4.5a4.5 4.5 0 1 1 0-9h2.768a2 2 0 0 1 3.464 0H13.5a2.5 2.5 0 1 0 0-5H3.732a2 2 0 1 1 0-2H13.5a4.5 4.5 0 1 1 0 9h-2.768zM18 13.235L13.09 18 10 15l1.273-1.235 1.818 1.764