czifui
Version:
2021 Create-a-thon Science Initiative Component Library
937 lines (897 loc) • 453 kB
JavaScript
'use strict';
Object.defineProperty(exports, '__esModule', { value: true });
var React = require('react');
var react = require('@emotion/react');
var material = require('@mui/material');
var styles = require('@mui/material/styles');
var css = require('@emotion/css');
var iconsMaterial = require('@mui/icons-material');
var Autocomplete = require('@mui/material/Autocomplete');
var ToggleButton = require('@mui/material/ToggleButton');
var ToggleButtonGroup = require('@mui/material/ToggleButtonGroup');
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
function _interopNamespace(e) {
if (e && e.__esModule) return e;
var n = Object.create(null);
if (e) {
Object.keys(e).forEach(function (k) {
if (k !== 'default') {
var d = Object.getOwnPropertyDescriptor(e, k);
Object.defineProperty(n, k, d.get ? d : {
enumerable: true,
get: function () { return e[k]; }
});
}
});
}
n["default"] = e;
return Object.freeze(n);
}
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
var React__namespace = /*#__PURE__*/_interopNamespace(React);
var Autocomplete__default = /*#__PURE__*/_interopDefaultLegacy(Autocomplete);
var ToggleButton__default = /*#__PURE__*/_interopDefaultLegacy(ToggleButton);
var ToggleButtonGroup__default = /*#__PURE__*/_interopDefaultLegacy(ToggleButtonGroup);
/******************************************************************************
Copyright (c) Microsoft Corporation.
Permission to use, copy, modify, and/or distribute this software for any
purpose with or without fee is hereby granted.
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
PERFORMANCE OF THIS SOFTWARE.
***************************************************************************** */
var __assign = function() {
__assign = Object.assign || function __assign(t) {
for (var s, i = 1, n = arguments.length; i < n; i++) {
s = arguments[i];
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
}
return t;
};
return __assign.apply(this, arguments);
};
function __rest(s, e) {
var t = {};
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
t[p] = s[p];
if (s != null && typeof Object.getOwnPropertySymbols === "function")
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
t[p[i]] = s[p[i]];
}
return t;
}
function __spreadArray(to, from, pack) {
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
if (ar || !(i in from)) {
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
ar[i] = from[i];
}
}
return to.concat(ar || Array.prototype.slice.call(from));
}
function __makeTemplateObject(cooked, raw) {
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
return cooked;
}
var createThemeAdaptor = styles.createTheme;
var common = material.colors.common;
var FontWeight;
(function (FontWeight) {
FontWeight[FontWeight["bold"] = 700] = "bold";
FontWeight[FontWeight["light"] = 300] = "light";
FontWeight[FontWeight["medium"] = 800] = "medium";
FontWeight[FontWeight["regular"] = 400] = "regular";
FontWeight[FontWeight["semibold"] = 600] = "semibold";
})(FontWeight || (FontWeight = {}));
var defaultThemeColors = {
beta: {
"100": "#F4F0F9",
"200": "#F0EBF6",
"400": "#7A41CE",
"500": "#703CBE",
"600": "#693BAC",
},
error: {
"100": "#FEF2F2",
"200": "#FBE8E8",
"400": "#DC132C",
"500": "#C61128",
"600": "#B70016",
},
gray: {
"100": "#F8F8F8",
"200": "#EAEAEA",
"300": "#CCCCCC",
"400": "#999999",
"500": "#767676",
"600": "#545454",
},
info: {
"100": "#EFF2FC",
"200": "#EBEFFC",
"400": "#3867FA",
"500": "#2B52CD",
"600": "#223F9C",
},
primary: {
"100": "#F8F9FE",
"200": "#EFF2FC",
"300": "#A9BDFC",
"400": "#3867FA",
"500": "#2B52CD",
"600": "#223F9C",
},
secondary: {
"400": "#9BC74E",
},
success: {
"100": "#ECF5F0",
"200": "#E6F7ED",
"400": "#3CB371",
"500": "#349A61",
"600": "#1C7F48",
},
warning: {
"100": "#FCF6EC",
"200": "#FFF3E1",
"400": "#F5A623",
"500": "#D8921F",
"600": "#946314",
},
};
var defaultAppTheme = {
colors: defaultThemeColors,
corners: {
l: 20,
m: 4,
none: 0,
s: 2,
},
fontWeights: {
bold: 700,
light: 300,
medium: 800,
regular: 400,
semibold: 600,
},
iconSizes: {
input: { height: 16, width: 16 },
l: { height: 22, width: 22 },
s: { height: 14, width: 14 },
xl: { height: 32, width: 32 },
xs: { height: 10, width: 10 },
},
shadows: {
l: "0 2px 12px 0 rgba(0,0,0, 0.3)",
m: "0 2px 4px 0 rgba(0,0,0, 0.15), 0 2px 10px 0 rgba(0,0,0, 0.15)",
none: "none",
s: "0 2px 4px 0 rgba(0,0,0, 0.25)",
},
spacing: {
default: 10,
l: 14,
m: 10,
s: 8,
xl: 22,
xs: 6,
xxl: 38,
xxs: 4,
xxxs: 2,
},
typography: {
fontFamily: "Open Sans",
styles: {
body: {
button: {
fontSize: 13,
fontWeight: FontWeight.semibold,
letterSpacing: "0.3px",
lineHeight: "20px",
textTransform: "none",
},
l: {
fontSize: 18,
fontWeight: FontWeight.regular,
letterSpacing: "0.3px",
lineHeight: "28px",
},
m: {
fontSize: 16,
fontWeight: FontWeight.regular,
letterSpacing: "0.3px",
lineHeight: "26px",
},
s: {
fontSize: 14,
fontWeight: FontWeight.regular,
letterSpacing: "0.3px",
lineHeight: "24px",
},
xs: {
fontSize: 13,
fontWeight: FontWeight.regular,
letterSpacing: "0.3px",
lineHeight: "20px",
},
xxs: {
fontSize: 12,
fontWeight: FontWeight.regular,
letterSpacing: "0.3px",
lineHeight: "18px",
},
xxxs: {
fontSize: 11,
fontWeight: FontWeight.regular,
letterSpacing: "0.3px",
lineHeight: "16px",
},
},
caps: {
xxs: {
fontSize: 12,
fontWeight: FontWeight.semibold,
letterSpacing: "1.0px",
lineHeight: "18px",
textTransform: "uppercase",
},
xxxs: {
fontSize: 11,
fontWeight: FontWeight.semibold,
letterSpacing: "1.0px",
lineHeight: "16px",
textTransform: "uppercase",
},
xxxxs: {
fontSize: 10,
fontWeight: FontWeight.semibold,
letterSpacing: "1.0px",
lineHeight: "14px",
textTransform: "uppercase",
},
},
header: {
l: {
fontSize: 18,
fontWeight: FontWeight.semibold,
letterSpacing: "0.3px",
lineHeight: "24px",
},
m: {
fontSize: 16,
fontWeight: FontWeight.semibold,
letterSpacing: "0.3px",
lineHeight: "22px",
},
s: {
fontSize: 14,
fontWeight: FontWeight.semibold,
letterSpacing: "0.3px",
lineHeight: "20px",
},
xl: {
fontSize: 22,
fontWeight: FontWeight.semibold,
letterSpacing: "0.3px",
lineHeight: "30px",
},
xs: {
fontSize: 13,
fontWeight: FontWeight.semibold,
letterSpacing: "0.3px",
lineHeight: "18px",
},
xxl: {
fontSize: 26,
fontWeight: FontWeight.semibold,
letterSpacing: "0.3px",
lineHeight: "34px",
},
xxs: {
fontSize: 12,
fontWeight: FontWeight.semibold,
letterSpacing: "0.3px",
lineHeight: "18px",
},
xxxs: {
fontSize: 11,
fontWeight: FontWeight.semibold,
letterSpacing: "0.3px",
lineHeight: "16px",
},
},
},
},
};
// (mlila) whenever our theme uses colors, we need to make sure we allow consuming
// applications to override those colors using their own custom theme.
// By defining borders using defaultAppTheme.colors instead of defaultThemeColors,
// we allow other apps to specify their colors once, and have them apply
// throughtout the application, such as in borders, etc without having to manually
// override every theme property that makes use of colors.
defaultAppTheme.borders = {
error: {
"400": "1px solid ".concat(defaultAppTheme.colors.error[400]),
},
gray: {
"100": "1px solid ".concat(defaultAppTheme.colors.gray[100]),
"200": "1px solid ".concat(defaultAppTheme.colors.gray[200]),
"300": "1px solid ".concat(defaultAppTheme.colors.gray[300]),
"400": "1px solid ".concat(defaultAppTheme.colors.gray[400]),
"500": "1px solid ".concat(defaultAppTheme.colors.gray[500]),
dashed: "2px dashed ".concat(defaultAppTheme.colors.gray[400]),
},
link: {
dashed: "1px dashed",
solid: "1px solid",
},
primary: {
"300": "1px solid ".concat(defaultAppTheme.colors.primary[300]),
"400": "1px solid ".concat(defaultAppTheme.colors.primary[400]),
"500": "1px solid ".concat(defaultAppTheme.colors.primary[500]),
"600": "1px solid".concat(defaultAppTheme.colors.primary[600]),
dashed: "2px dashed ".concat(defaultAppTheme.colors.primary[400]),
},
success: {
"400": "1px solid ".concat(defaultAppTheme.colors.success[400]),
},
warning: {
"400": "1px solid ".concat(defaultAppTheme.colors.warning[400]),
},
};
function makeThemeOptions(appTheme) {
return {
app: appTheme,
components: {
MuiButtonBase: {
defaultProps: {
disableRipple: true,
},
},
MuiLink: {
defaultProps: {
underline: "hover",
},
},
},
palette: {
divider: appTheme.colors.gray[200],
error: {
dark: appTheme.colors.error[600],
light: appTheme.colors.error[200],
main: appTheme.colors.error[400],
},
grey: {
"100": appTheme.colors.gray[100],
"200": appTheme.colors.gray[200],
"300": appTheme.colors.gray[300],
"400": appTheme.colors.gray[400],
"500": appTheme.colors.gray[500],
"600": appTheme.colors.gray[600],
},
info: {
dark: appTheme.colors.info[600],
light: appTheme.colors.info[200],
main: appTheme.colors.info[400],
},
mode: "light",
primary: {
dark: appTheme.colors.primary[600],
light: appTheme.colors.primary[300],
main: appTheme.colors.primary[400],
},
secondary: {
main: appTheme.colors.secondary[400],
},
success: {
dark: appTheme.colors.success[600],
light: appTheme.colors.success[200],
main: appTheme.colors.success[400],
},
text: {
disabled: appTheme.colors.gray[300],
primary: common.black,
secondary: appTheme.colors.gray[500],
},
warning: {
dark: appTheme.colors.warning[600],
light: appTheme.colors.warning[200],
main: appTheme.colors.warning[400],
},
},
shadows: [
appTheme.shadows.none,
appTheme.shadows.s,
appTheme.shadows.s,
appTheme.shadows.s,
appTheme.shadows.s,
appTheme.shadows.s,
appTheme.shadows.s,
appTheme.shadows.s,
appTheme.shadows.s,
appTheme.shadows.m,
appTheme.shadows.m,
appTheme.shadows.m,
appTheme.shadows.m,
appTheme.shadows.m,
appTheme.shadows.m,
appTheme.shadows.m,
appTheme.shadows.m,
appTheme.shadows.l,
appTheme.shadows.l,
appTheme.shadows.l,
appTheme.shadows.l,
appTheme.shadows.l,
appTheme.shadows.l,
appTheme.shadows.l,
appTheme.shadows.l,
],
shape: {
borderRadius: appTheme.corners.m,
},
spacing: [
appTheme.spacing.default,
appTheme.spacing.xxxs,
appTheme.spacing.xxs,
appTheme.spacing.xs,
appTheme.spacing.s,
appTheme.spacing.m,
appTheme.spacing.l,
appTheme.spacing.xl,
appTheme.spacing.xxl,
],
transitions: {
duration: {
complex: 200,
enteringScreen: 20,
leavingScreen: 10,
short: 150,
shorter: 100,
shortest: 50,
standard: 200,
},
easing: {
easeIn: "cubic-bezier(0, 0, 0.2, 1)",
easeInOut: "cubic-bezier(0, 0, 0.2, 1)",
easeOut: "cubic-bezier(0.0, 0, 0.2, 1)",
sharp: "cubic-bezier(0, 0.2, 0.6, 1)",
},
},
typography: {
body1: appTheme.typography.styles.body.xs,
body2: appTheme.typography.styles.body.xxs,
button: appTheme.typography.styles.body.button,
caption: appTheme.typography.styles.body.xxxs,
fontFamily: "".concat(appTheme.typography.fontFamily, ", -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Helvetica, Arial, sans-serif"),
h1: appTheme.typography.styles.header.xxl,
h2: appTheme.typography.styles.header.xl,
h3: appTheme.typography.styles.header.l,
h4: appTheme.typography.styles.header.m,
h5: appTheme.typography.styles.header.s,
h6: appTheme.typography.styles.header.xs,
overline: appTheme.typography.styles.caps.xxxs,
subtitle1: appTheme.typography.styles.body.xs,
subtitle2: appTheme.typography.styles.header.xxs,
},
};
}
var defaultThemeOptions = makeThemeOptions(defaultAppTheme);
var defaultTheme = createThemeAdaptor(defaultThemeOptions);
var getSpaces = function (_a) {
var _b;
var theme = _a.theme;
return ((_b = theme === null || theme === void 0 ? void 0 : theme.app) === null || _b === void 0 ? void 0 : _b.spacing) || null;
};
var getSpacings = function (_a) {
var _b;
var theme = _a.theme;
console.warn("getSpacings() is deprecated and may be removed in a future release. Please use getSpaces()");
return ((_b = theme === null || theme === void 0 ? void 0 : theme.app) === null || _b === void 0 ? void 0 : _b.spacing) || null;
};
var getTypography = function (_a) {
var _b;
var theme = _a.theme;
return ((_b = theme === null || theme === void 0 ? void 0 : theme.app) === null || _b === void 0 ? void 0 : _b.typography) || null;
};
var getPalette = function (_a) {
var theme = _a.theme;
return theme === null || theme === void 0 ? void 0 : theme.palette;
};
var getColors = function (_a) {
var _b;
var theme = _a.theme;
return ((_b = theme === null || theme === void 0 ? void 0 : theme.app) === null || _b === void 0 ? void 0 : _b.colors) || null;
};
var getShadows = function (_a) {
var _b;
var theme = _a.theme;
return ((_b = theme === null || theme === void 0 ? void 0 : theme.app) === null || _b === void 0 ? void 0 : _b.shadows) || null;
};
var getCorners = function (_a) {
var _b;
var theme = _a.theme;
return ((_b = theme === null || theme === void 0 ? void 0 : theme.app) === null || _b === void 0 ? void 0 : _b.corners) || null;
};
var getFontWeights = function (_a) {
var _b;
var theme = _a.theme;
return ((_b = theme === null || theme === void 0 ? void 0 : theme.app) === null || _b === void 0 ? void 0 : _b.fontWeights) || null;
};
var getIconSizes = function (_a) {
var _b;
var theme = _a.theme;
return ((_b = theme === null || theme === void 0 ? void 0 : theme.app) === null || _b === void 0 ? void 0 : _b.iconSizes) || null;
};
var getBorders = function (_a) {
var _b;
var theme = _a.theme;
return ((_b = theme === null || theme === void 0 ? void 0 : theme.app) === null || _b === void 0 ? void 0 : _b.borders) || null;
};
var fontBody = function (fontSize) {
return function (props) {
var typography = getTypography(props);
if (!typography)
return null;
var body = typography.styles.body;
return themeToCss(body[fontSize]);
};
};
var fontBodyL$1 = fontBody("l");
var fontBodyM$1 = fontBody("m");
var fontBodyS$2 = fontBody("s");
var fontBodyXs$5 = fontBody("xs");
var fontBodyXxs$1 = fontBody("xxs");
var fontBodyXxxs$1 = fontBody("xxxs");
var fontCaps = function (fontSize) {
return function (props) {
var typography = getTypography(props);
if (!typography)
return null;
var caps = typography.styles.caps;
return react.css(templateObject_1$Q || (templateObject_1$Q = __makeTemplateObject(["\n ", "\n text-transform: uppercase;\n "], ["\n ", "\n text-transform: uppercase;\n "])), themeToCss(caps[fontSize]));
};
};
var fontCapsXxs = fontCaps("xxs");
var fontCapsXxxs = fontCaps("xxxs");
var fontCapsXxxxs = fontCaps("xxxxs");
var fontHeader = function (fontSize) {
return function (props) {
var typography = getTypography(props);
if (!typography)
return null;
var header = typography.styles.header;
return themeToCss(header[fontSize]);
};
};
var fontHeaderXxl = fontHeader("xxl");
var fontHeaderXl = fontHeader("xl");
var fontHeaderL = fontHeader("l");
var fontHeaderM$1 = fontHeader("m");
var fontHeaderS = fontHeader("s");
var fontHeaderXs = fontHeader("xs");
var fontHeaderXxs = fontHeader("xxs");
var fontHeaderXxxs = fontHeader("xxxs");
function themeToCss(fontTheme) {
return react.css(templateObject_2$x || (templateObject_2$x = __makeTemplateObject(["\n font-size: ", "px;\n line-height: ", ";\n letter-spacing: ", ";\n font-weight: ", ";\n text-transform: ", ";\n "], ["\n font-size: ", "px;\n line-height: ", ";\n letter-spacing: ", ";\n font-weight: ", ";\n text-transform: ", ";\n "])), fontTheme.fontSize, fontTheme.lineHeight, fontTheme.letterSpacing, fontTheme.fontWeight, fontTheme.textTransform);
}
var templateObject_1$Q, templateObject_2$x;
var StyledAccordionDetails = styles.styled(material.AccordionDetails)(templateObject_2$w || (templateObject_2$w = __makeTemplateObject(["\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n"])), fontBodyS$2, function (props) {
var spaces = getSpaces(props);
return react.css(templateObject_1$P || (templateObject_1$P = __makeTemplateObject(["\n padding: ", "px;\n padding-top: ", "px;\n "], ["\n padding: ", "px;\n padding-top: ", "px;\n "])), spaces === null || spaces === void 0 ? void 0 : spaces.m, spaces === null || spaces === void 0 ? void 0 : spaces.xxs);
});
var templateObject_1$P, templateObject_2$w;
var AccordionDetails = function (props) {
var children = props.children;
return React__default["default"].createElement(StyledAccordionDetails, null, children);
};
var _path$1O, _path2$s, _path3$3;
function _extends$1S() { _extends$1S = 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$1S.apply(this, arguments); }
function SvgIconBacteriaLarge(props) {
return /*#__PURE__*/React__namespace.createElement("svg", _extends$1S({
width: 22,
height: 22,
xmlns: "http://www.w3.org/2000/svg"
}, props), _path$1O || (_path$1O = /*#__PURE__*/React__namespace.createElement("path", {
fillRule: "evenodd",
clipRule: "evenodd",
d: "M11.188 13.473a1.793 1.793 0 11-3.585 0 1.793 1.793 0 013.585 0zm-1.792.693a.693.693 0 100-1.385.693.693 0 000 1.385z"
})), _path2$s || (_path2$s = /*#__PURE__*/React__namespace.createElement("path", {
d: "M13.06 7.332a.938.938 0 100-1.877.938.938 0 000 1.877zM11.72 11.128a.693.693 0 01.221-.954l.947-.59a.693.693 0 11.733 1.176l-.947.59a.693.693 0 01-.954-.222zM9.312 8.534a.693.693 0 101.366-.228L10.45 6.94a.693.693 0 10-1.366.228l.228 1.367z"
})), _path3$3 || (_path3$3 = /*#__PURE__*/React__namespace.createElement("path", {
fillRule: "evenodd",
clipRule: "evenodd",
d: "M13.932 2.232a5.174 5.174 0 00-2.462-.28L10.944.808a.693.693 0 10-1.259.58l.429.93a5.23 5.23 0 00-.518.253l-.582-.692a.693.693 0 00-1.061.891l.532.633c-.187.184-.36.382-.52.595l-.822-.269a.693.693 0 00-.431 1.317l.573.187-.028.073-2 5.413-.38-.32a.693.693 0 00-.89 1.06l.869.732c-.05.394-.054.789-.015 1.175l-.934.159a.693.693 0 10.232 1.366l1.026-.174a5.19 5.19 0 002.18 2.588c-.078.16-.168.327-.265.506l-.013.026c-.158.292-.34.628-.465.962-.13.346-.23.766-.144 1.21.089.468.363.86.785 1.174.45.336.924.45 1.397.393.434-.053.818-.248 1.118-.419.14-.08.256-.15.364-.216.162-.099.304-.185.476-.272.254-.128.45-.186.626-.186.477 0 .681.16.77.252a.565.565 0 01.113.172.7.7 0 001.354-.355l-.675.166.675-.166v-.002l-.001-.002-.001-.004-.003-.01-.006-.022a1.72 1.72 0 00-.095-.243 1.967 1.967 0 00-.349-.501c-.359-.376-.933-.685-1.782-.685-.487 0-.912.162-1.256.336-.211.106-.449.25-.649.37-.096.059-.184.111-.255.152-.27.154-.451.228-.595.245-.104.013-.22.002-.39-.125-.198-.148-.235-.255-.246-.314-.016-.084-.007-.222.08-.457.089-.236.227-.493.4-.813l.006-.013c.1-.186.212-.393.316-.61a5.184 5.184 0 003.84-.435l.708.844a.693.693 0 001.062-.89l-.645-.77a5.16 5.16 0 00.94-1.211l1.127.096a.693.693 0 10.118-1.38l-.68-.059 1.9-5.142a5.14 5.14 0 00.066-.191l.605.223a.693.693 0 10.48-1.3l-.832-.307a5.175 5.175 0 00-.05-.968l.807-.123a.693.693 0 10-.21-1.37l-.98.15a5.222 5.222 0 00-.516-.913l.684-.578a.693.693 0 00-.895-1.058l-.733.62a5.187 5.187 0 00-1.5-.86zm-.36 11.927l2.12-5.737A3.796 3.796 0 008.57 5.79l-2.12 5.738a3.796 3.796 0 007.121 2.63z"
})));
}
var _path$1N, _path2$r;
function _extends$1R() { _extends$1R = 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$1R.apply(this, arguments); }
function SvgIconBacteriaSmall(props) {
return /*#__PURE__*/React__namespace.createElement("svg", _extends$1R({
width: 14,
height: 14,
xmlns: "http://www.w3.org/2000/svg"
}, props), _path$1N || (_path$1N = /*#__PURE__*/React__namespace.createElement("path", {
fillRule: "evenodd",
clipRule: "evenodd",
d: "M2.87 3.263a4.615 4.615 0 00-.093.231L1.423 7.161a4.542 4.542 0 006.626 5.452l.7.61a1 1 0 001.315-1.506l-.574-.501c.18-.279.334-.582.454-.907L11.3 6.642c.307-.83.355-1.694.186-2.501l.573-.116a1 1 0 00-.398-1.96l-1.04.21a4.541 4.541 0 00-6.566-.634l-.548-.478A1 1 0 102.19 2.668l.68.595zm2.408 7.747a1.5 1.5 0 100-3 1.5 1.5 0 000 3zm3.677-6.537a1 1 0 11-2 0 1 1 0 012 0z"
})), _path2$r || (_path2$r = /*#__PURE__*/React__namespace.createElement("path", {
fillRule: "evenodd",
clipRule: "evenodd",
d: "M4.459 3.18l-.28.648a3.186 3.186 0 00-.065.16l-1.337-.494c.03-.078.06-.155.093-.231l-.68-.595a1 1 0 111.317-1.505l.548.479a4.541 4.541 0 016.566.634l1.04-.211a1 1 0 11.397 1.96l-.573.116.012.058a4.52 4.52 0 01-.198 2.443L9.944 10.31c-.12.325-.273.628-.454.907l.574.501a1 1 0 11-1.315 1.507l-.7-.611a4.542 4.542 0 01-6.626-5.452l1.354-3.667 1.337.494L2.76 7.655a3.126 3.126 0 00-.17.7 2.926 2.926 0 115.104 2.805l.217-.132.384-.59c.123-.19.229-.398.312-.623l1.355-3.667c.069-.188.12-.377.151-.567A2.425 2.425 0 117.82 2.05a3.117 3.117 0 00-2.83.667l-.531.461zm2.319 6.33a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0zm1.177-4.037a1 1 0 100-2 1 1 0 000 2z"
})));
}
var _path$1M;
function _extends$1Q() { _extends$1Q = 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$1Q.apply(this, arguments); }
function SvgIconBarChartHorizontal3Small(props) {
return /*#__PURE__*/React__namespace.createElement("svg", _extends$1Q({
width: 14,
height: 14,
fill: "none",
xmlns: "http://www.w3.org/2000/svg"
}, props), _path$1M || (_path$1M = /*#__PURE__*/React__namespace.createElement("path", {
clipRule: "evenodd",
d: "M1 2.13a1 1 0 011-1h6.4a1 1 0 011 1v.75a1 1 0 01-1 1H2a1 1 0 01-1-1v-.75zm0 4.5a1 1 0 011-1h10a1 1 0 011 1v.75a1 1 0 01-1 1H2a1 1 0 01-1-1v-.75zm0 4.5a1 1 0 011-1h2.8a1 1 0 011 1v.75a1 1 0 01-1 1H2a1 1 0 01-1-1v-.75z"
})));
}
var _path$1L;
function _extends$1P() { _extends$1P = 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$1P.apply(this, arguments); }
function SvgIconBarChartVertical3Small(props) {
return /*#__PURE__*/React__namespace.createElement("svg", _extends$1P({
width: 14,
height: 14,
xmlns: "http://www.w3.org/2000/svg"
}, props), _path$1L || (_path$1L = /*#__PURE__*/React__namespace.createElement("path", {
d: "M1.13 12V5.6a1 1 0 011-1h.75a1 1 0 011 1V12a1 1 0 01-1 1h-.75a1 1 0 01-1-1zm4.5 0V2a1 1 0 011-1h.75a1 1 0 011 1v10a1 1 0 01-1 1h-.75a1 1 0 01-1-1zm4.5 0V9.2a1 1 0 011-1h.75a1 1 0 011 1V12a1 1 0 01-1 1h-.75a1 1 0 01-1-1z",
fillRule: "evenodd"
})));
}
var _path$1K;
function _extends$1O() { _extends$1O = 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$1O.apply(this, arguments); }
function SvgIconBarChartVertical4Small(props) {
return /*#__PURE__*/React__namespace.createElement("svg", _extends$1O({
width: 14,
height: 14,
xmlns: "http://www.w3.org/2000/svg"
}, props), _path$1K || (_path$1K = /*#__PURE__*/React__namespace.createElement("path", {
d: "M5.61 2.707c.477 0 .864.387.864.864v8.715a.864.864 0 11-1.727 0V3.571c0-.477.387-.864.864-.864zm-2.746 2.23c.476 0 .863.387.863.864v6.474a.864.864 0 11-1.727 0V5.801c0-.477.387-.863.864-.863zM8.358.9c.477 0 .863.387.863.864v10.511a.864.864 0 11-1.727 0V1.764c0-.477.387-.864.864-.864zm2.747 4.22c.477 0 .863.387.863.864v6.291a.864.864 0 01-1.727 0v-6.29c0-.478.387-.864.864-.864z",
fillRule: "evenodd"
})));
}
var _path$1J;
function _extends$1N() { _extends$1N = 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$1N.apply(this, arguments); }
function SvgIconBookLarge(props) {
return /*#__PURE__*/React__namespace.createElement("svg", _extends$1N({
width: 22,
height: 22,
fill: "none",
xmlns: "http://www.w3.org/2000/svg"
}, props), _path$1J || (_path$1J = /*#__PURE__*/React__namespace.createElement("path", {
d: "M17.322 1.42H5.378A2.787 2.787 0 002.59 4.207V17.911a.754.754 0 00.022.111 2.788 2.788 0 002.765 2.565h11.945a2.091 2.091 0 002.09-2.091V3.511a2.09 2.09 0 00-2.09-2.091zm.697 2.09v11.614H7.552V2.814h9.77a.696.696 0 01.697.697zM5.378 2.815h.78v12.31h-.78c-.491.002-.972.136-1.394.387V4.208a1.394 1.394 0 011.394-1.394zm11.944 16.379H5.378a1.34 1.34 0 110-2.676h12.64v1.98a.697.697 0 01-.696.696zM9.988 5.707c0-.385.312-.697.697-.697h4.2a.697.697 0 110 1.394h-4.2a.697.697 0 01-.697-.697z"
})));
}
var _path$1I, _path2$q;
function _extends$1M() { _extends$1M = 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$1M.apply(this, arguments); }
function SvgIconCheckCircleLarge(props) {
return /*#__PURE__*/React__namespace.createElement("svg", _extends$1M({
width: 22,
height: 22,
xmlns: "http://www.w3.org/2000/svg"
}, props), _path$1I || (_path$1I = /*#__PURE__*/React__namespace.createElement("path", {
d: "M15.92 7.982a.825.825 0 00-1.34-.964l-4.801 6.67-2.916-3.24a.825.825 0 10-1.226 1.104l3.662 4.069a.75.75 0 001.166-.063l5.455-7.576z"
})), _path2$q || (_path2$q = /*#__PURE__*/React__namespace.createElement("path", {
fillRule: "evenodd",
clipRule: "evenodd",
d: "M20.5 11a9.5 9.5 0 11-19 0 9.5 9.5 0 0119 0zm-1.45 0a8.05 8.05 0 11-16.1 0 8.05 8.05 0 0116.1 0z"
})));
}
var _path$1H;
function _extends$1L() { _extends$1L = 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$1L.apply(this, arguments); }
function SvgIconCheckCircleSmall(props) {
return /*#__PURE__*/React__namespace.createElement("svg", _extends$1L({
width: 14,
height: 14,
xmlns: "http://www.w3.org/2000/svg"
}, props), _path$1H || (_path$1H = /*#__PURE__*/React__namespace.createElement("path", {
fillRule: "evenodd",
clipRule: "evenodd",
d: "M12.6 7A5.6 5.6 0 111.4 7a5.6 5.6 0 0111.2 0zM14 7A7 7 0 110 7a7 7 0 0114 0zm-3.662-1.826a.725.725 0 10-1.176-.848l-3.075 4.27L4.29 6.598a.725.725 0 10-1.078.97l2.587 2.875a.5.5 0 00.777-.043l3.763-5.226z"
})));
}
var _path$1G;
function _extends$1K() { _extends$1K = 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$1K.apply(this, arguments); }
function SvgIconCheckSmall(props) {
return /*#__PURE__*/React__namespace.createElement("svg", _extends$1K({
width: 14,
height: 14,
xmlns: "http://www.w3.org/2000/svg"
}, props), _path$1G || (_path$1G = /*#__PURE__*/React__namespace.createElement("path", {
d: "M12.415 1.011a.78.78 0 00-.484.334L5.65 9.862l-3.248-3.67c-.207-.287-.55-.399-.86-.258-.294.132-.497.462-.535.848-.038.38.087.76.333.985l3.826 4.325c.33.37.833.338 1.131-.066l6.825-9.257c.233-.307.294-.774.153-1.166-.148-.411-.492-.66-.86-.592z",
fillRule: "evenodd"
})));
}
var _path$1F;
function _extends$1J() { _extends$1J = 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$1J.apply(this, arguments); }
function SvgIconChevronDownLarge(props) {
return /*#__PURE__*/React__namespace.createElement("svg", _extends$1J({
width: 22,
height: 22,
fill: "none",
xmlns: "http://www.w3.org/2000/svg"
}, props), _path$1F || (_path$1F = /*#__PURE__*/React__namespace.createElement("path", {
clipRule: "evenodd",
d: "M11.562 16.106a.75.75 0 01-1.067.002L1.972 7.517a.75.75 0 01.004-1.061l.568-.563a.75.75 0 011.06.004l6.886 6.94a.75.75 0 001.067-.002L18.39 5.9a.75.75 0 011.06-.007l.57.561a.75.75 0 01.008 1.06l-8.466 8.591z"
})));
}
var _path$1E;
function _extends$1I() { _extends$1I = 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$1I.apply(this, arguments); }
function SvgIconChevronDownSmall(props) {
return /*#__PURE__*/React__namespace.createElement("svg", _extends$1I({
width: 14,
height: 14,
fill: "none",
xmlns: "http://www.w3.org/2000/svg"
}, props), _path$1E || (_path$1E = /*#__PURE__*/React__namespace.createElement("path", {
clipRule: "evenodd",
d: "M7.374 10.461a.5.5 0 01-.711.001L1.116 4.871a.5.5 0 01.002-.707l.64-.634a.5.5 0 01.706.003L6.658 7.76a.5.5 0 00.711-.001l4.162-4.223a.5.5 0 01.707-.005l.641.632a.5.5 0 01.005.707l-5.51 5.591z"
})));
}
var _path$1D;
function _extends$1H() { _extends$1H = 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$1H.apply(this, arguments); }
function SvgIconChevronLeftLarge(props) {
return /*#__PURE__*/React__namespace.createElement("svg", _extends$1H({
width: 22,
height: 22,
fill: "none",
xmlns: "http://www.w3.org/2000/svg"
}, props), _path$1D || (_path$1D = /*#__PURE__*/React__namespace.createElement("path", {
clipRule: "evenodd",
d: "M5.611 11.316a.75.75 0 01-.002-1.067l8.582-8.532a.749.749 0 011.06.003l.565.567a.751.751 0 01-.004 1.061L8.88 10.24a.75.75 0 00.002 1.067l6.941 6.826a.751.751 0 01.009 1.061l-.562.57a.75.75 0 01-1.061.009l-8.598-8.457z"
})));
}
var _path$1C;
function _extends$1G() { _extends$1G = 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$1G.apply(this, arguments); }
function SvgIconChevronLeftSmall(props) {
return /*#__PURE__*/React__namespace.createElement("svg", _extends$1G({
width: 14,
height: 14,
fill: "none",
xmlns: "http://www.w3.org/2000/svg"
}, props), _path$1C || (_path$1C = /*#__PURE__*/React__namespace.createElement("path", {
clipRule: "evenodd",
d: "M3.536 7.373a.5.5 0 01-.001-.71l5.59-5.548a.5.5 0 01.708.003l.634.639a.5.5 0 01-.003.707L6.237 6.658a.5.5 0 00.001.71l4.223 4.162a.5.5 0 01.005.708l-.632.64a.5.5 0 01-.707.006l-5.591-5.51z"
})));
}
var _path$1B;
function _extends$1F() { _extends$1F = 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$1F.apply(this, arguments); }
function SvgIconChevronRightLarge(props) {
return /*#__PURE__*/React__namespace.createElement("svg", _extends$1F({
width: 22,
height: 22,
fill: "none",
xmlns: "http://www.w3.org/2000/svg"
}, props), _path$1B || (_path$1B = /*#__PURE__*/React__namespace.createElement("path", {
clipRule: "evenodd",
d: "M16.389 10.686a.75.75 0 01.002 1.068l-8.586 8.528a.749.749 0 01-1.06-.004l-.564-.568a.749.749 0 01.003-1.06l6.936-6.889a.75.75 0 00-.002-1.067l-6.937-6.83a.749.749 0 01-.009-1.06l.561-.57a.748.748 0 011.06-.008l8.596 8.46z"
})));
}
var _path$1A;
function _extends$1E() { _extends$1E = 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$1E.apply(this, arguments); }
function SvgIconChevronRightSmall(props) {
return /*#__PURE__*/React__namespace.createElement("svg", _extends$1E({
width: 14,
height: 14,
fill: "none",
xmlns: "http://www.w3.org/2000/svg"
}, props), _path$1A || (_path$1A = /*#__PURE__*/React__namespace.createElement("path", {
clipRule: "evenodd",
d: "M10.463 6.624a.5.5 0 01.001.711l-5.591 5.548a.5.5 0 01-.707-.003l-.634-.64a.5.5 0 01.003-.706L7.762 7.34a.5.5 0 00-.001-.711L3.538 2.467a.5.5 0 01-.005-.707l.632-.641a.5.5 0 01.707-.005l5.59 5.51z"
})));
}
var _path$1z;
function _extends$1D() { _extends$1D = 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$1D.apply(this, arguments); }
function SvgIconChevronUpLarge(props) {
return /*#__PURE__*/React__namespace.createElement("svg", _extends$1D({
width: 22,
height: 22,
fill: "none",
xmlns: "http://www.w3.org/2000/svg"
}, props), _path$1z || (_path$1z = /*#__PURE__*/React__namespace.createElement("path", {
clipRule: "evenodd",
d: "M10.432 5.894a.75.75 0 011.067-.002l8.523 8.59a.75.75 0 01-.004 1.062l-.568.563a.75.75 0 01-1.06-.004l-6.886-6.94a.75.75 0 00-1.066.002l-6.834 6.933a.75.75 0 01-1.06.008l-.57-.562a.75.75 0 01-.008-1.06l8.466-8.59z"
})));
}
var _path$1y;
function _extends$1C() { _extends$1C = 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$1C.apply(this, arguments); }
function SvgIconChevronUpSmall(props) {
return /*#__PURE__*/React__namespace.createElement("svg", _extends$1C({
width: 14,
height: 14,
fill: "none",
xmlns: "http://www.w3.org/2000/svg"
}, props), _path$1y || (_path$1y = /*#__PURE__*/React__namespace.createElement("path", {
clipRule: "evenodd",
d: "M6.624 3.539a.5.5 0 01.711-.001l5.548 5.591a.5.5 0 01-.003.707l-.64.634a.5.5 0 01-.706-.003L7.34 6.24a.5.5 0 00-.711.001l-4.162 4.223a.5.5 0 01-.707.005l-.641-.632a.5.5 0 01-.005-.707l5.51-5.591z"
})));
}
var _path$1x;
function _extends$1B() { _extends$1B = 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$1B.apply(this, arguments); }
function SvgIconCirclesOverlapLarge(props) {
return /*#__PURE__*/React__namespace.createElement("svg", _extends$1B({
width: 22,
height: 22,
xmlns: "http://www.w3.org/2000/svg"
}, props), _path$1x || (_path$1x = /*#__PURE__*/React__namespace.createElement("path", {
fillRule: "evenodd",
clipRule: "evenodd",
d: "M7.219 18.219c1.386 0 2.681-.391 3.781-1.069a7.219 7.219 0 100-12.3 7.219 7.219 0 10-3.781 13.37zm0-1.45c.91 0 1.771-.211 2.537-.587A7.197 7.197 0 017.562 11c0-2.033.841-3.87 2.194-5.182a5.769 5.769 0 10-2.537 10.951zM14.78 5.23c-.91 0-1.771.211-2.537.587A7.198 7.198 0 0114.438 11c0 2.033-.841 3.87-2.194 5.182a5.769 5.769 0 102.537-10.951zM11.37 6.994l-1.19.526c-.235.312-.44.648-.61 1.004l2.255-.998a5.795 5.795 0 00-.455-.532zm1.18 1.797l-3.492 1.545-.005-.012a5.828 5.828 0 00-.039.764l3.757-1.663a5.713 5.713 0 00-.22-.634zm.438 2.124L9.23 12.577c.062.22.137.433.223.64l3.495-1.546a5.823 5.823 0 00.038-.756zm-.562 2.573l-2.244.993c.143.188.296.367.46.537l1.16-.514c.242-.314.45-.655.624-1.016z"
})));
}
var _path$1w, _path2$p;
function _extends$1A() { _extends$1A = 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$1A.apply(this, arguments); }
function SvgIconCirclesOverlapSmall(props) {
return /*#__PURE__*/React__namespace.createElement("svg", _extends$1A({
width: 14,
height: 14,
xmlns: "http://www.w3.org/2000/svg"
}, props), _path$1w || (_path$1w = /*#__PURE__*/React__namespace.createElement("path", {
fillRule: "evenodd",
clipRule: "evenodd",
d: "M7 10.914a4.594 4.594 0 110-7.828 4.594 4.594 0 110 7.828zm-1.099-.945a3.244 3.244 0 110-5.939A4.576 4.576 0 004.813 7c0 1.132.41 2.169 1.088 2.97zM8.1 4.031a3.244 3.244 0 110 5.939A4.575 4.575 0 009.187 7c0-1.132-.41-2.169-1.088-2.97zM7 4.825c.52.575.838 1.338.838 2.175 0 .837-.318 1.6-.838 2.175A3.232 3.232 0 016.162 7c0-.837.318-1.6.838-2.175z"
})), _path2$p || (_path2$p = /*#__PURE__*/React__namespace.createElement("path", {
d: "M7.838 7c0-.837-.318-1.6-.838-2.175A3.232 3.232 0 006.162 7c0 .837.318 1.6.838 2.175.52-.575.838-1.338.838-2.175z"
})));
}
var _path$1v;
function _extends$1z() { _extends$1z = 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$1z.apply(this, arguments); }
function SvgIconCompassLarge(props) {
return /*#__PURE__*/React__namespace.createElement("svg", _extends$1z({
width: 22,
height: 22,
xmlns: "http://www.w3.org/2000/svg"
}, props), _path$1v || (_path$1v = /*#__PURE__*/React__namespace.createElement("path", {
fillRule: "evenodd",
clipRule: "evenodd",
d: "M12.403 2.71a.7.7 0 00-.628-.696l-.071-.004h-1.399a.7.7 0 00-.695.628v.077a9.465 9.465 0 012.793 0V2.71zm-4.195 0s-.008.204-.007.327a9.393 9.393 0 00-6.585 8.964 9.39 9.39 0 1012.183-8.967v-.432a2.1 2.1 0 00-2.095-1.99h-1.399l-.107.003a2.1 2.1 0 00-1.99 2.095zm-5.056 8.503a7.894 7.894 0 017.064-7.065.867.867 0 00-.012.146v.831c0 .46.359.831.8.831.443 0 .801-.372.801-.831v-.831a.867.867 0 00-.012-.146 7.894 7.894 0 017.064 7.065.875.875 0 00-.147-.013h-.833c-.46 0-.833.359-.833.8 0 .443.373.801.833.801h.833c.05 0 .1-.004.147-.012a7.894 7.894 0 01-7.064 7.064.866.866 0 00.012-.145v-.832c0-.459-.358-.831-.8-.831-.442 0-.8.372-.8.831v.832c0 .05.003.098.011.145a7.894 7.894 0 01-7.064-7.064.875.875 0 00.147.012h.833c.46 0 .833-.358.833-.8 0-.442-.373-.8-.833-.8H3.3c-.05 0-.099.003-.147.011zM14.6 7.786a.45.45 0 01.652.558l-.033.061-2.541 5.047a.42.42 0 01-.136.16l-.062.037-5.082 2.541a.448.448 0 01-.197.05.449.449 0 01-.319-.135.449.449 0 01-.112-.45l.027-.066 2.54-5.065a.422.422 0 01.137-.16l.061-.037 5.064-2.541zm-1.15 1.768l-2.59 1.298 1.293 1.293 1.298-2.59z"
})));
}
var _path$1u, _path2$o;
function _extends$1y() { _extends$1y = 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$1y.apply(this, arguments); }
function SvgIconCopyLarge(props) {
return /*#__PURE__*/React__namespace.createElement("svg", _extends$1y({
width: 22,
height: 22,
xmlns: "http://www.w3.org/2000/svg"
}, props), _path$1u || (_path$1u = /*#__PURE__*/React__namespace.createElement("path", {
d: "M5.526 16.883h6.566c.445 0 .794-.271.794-.617s-.349-.617-.794-.617H5.526c-.445 0-.794.271-.794.617s.35.617.794.617zM12.092 14.287H5.526c-.438 0-.794-.28-.794-.626 0-.34.35-.608.794-.608h6.566c.438 0 .794.28.794.625 0 .341-.349.609-.794.609z"
})), _path2$o || (_path2$o = /*#__PURE__*/React__namespace.createElement("path", {
fillRule: "evenodd",
clipRule: "evenodd",
d: "M20.247 5.2c0-.202-.083-.4-.229-.544L16.053.657a.78.78 0 00-.544-.227H7.731c-.879 0-1.621.744-1.621 1.625v2.764H3.35c-.894 0-1.621.728-1.621 1.625V19.94c0 .897.727 1.626 1.621 1.626h10.916c.895 0 1.623-.73 1.623-1.626v-2.764h2.756c.88 0 1.624-.745 1.624-1.624l-.023-10.353zM3.295 6.421c0-.03.026-.056.056-.056h7.006v3.2c0 .427.346.774.773.774h3.193v9.58c0 .028-.026.055-.056.055H3.35a.058.058 0 01-.056-.056V6.422zm12.366 2.601l-3.966-3.998a.779.779 0 00-.543-.228H7.675V2.055c0-.03.025-.056.056-.056h7.006v3.2c0 .427.346.774.772.774h3.194v9.579c0 .029-.026.056-.057.056H15.89V9.567c0-.2-.084-.4-.23-.544zm-3.737-.252V7.455l1.314 1.316h-1.314zm4.357-4.367V3.087l1.315 1.317H16.28z"
})));
}
var _path$1t;
function _extends$1x() { _extends$1x = 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$1x.apply(this, arguments); }
function SvgIconCopySmall(props) {
return /*#__PURE__*/React__namespace.createElement("svg", _extends$1x({
width: 14,
height: 14,
xmlns: "http://www.w3.org/2000/svg"
}, props), _path$1t || (_path$1t = /*#__PURE__*/React__namespace.createElement("path", {
fillRule: "evenodd",
clipRule: "evenodd",
d: "M9.87.75c.13 0 .257.031.388.102l.098.06.096.081 2.196 2.213a.826.826 0 01.233.453l.01.129.013 5.738c0 .603-.432 1.128-1.028 1.264l-.13.024-.137.008-1.99-.001v1.136c0 .565-.362 1.052-.89 1.229l-.136.038-.131.022-.138.008h-5.93c-.61 0-1.13-.427-1.264-1.028l-.022-.131-.008-.138V4.48c0-.612.425-1.132 1.026-1.266l.13-.023.138-.008h1.99V2.046c0-.557.368-1.047.893-1.227l.135-.038.13-.023.136-.008H9.87zM6.15 4.581H2.5v7.273h5.72l-.002-5.241H7.057a.902.902 0 01-.858-.62l-.036-.132-.012-.136V4.581zm3.277-2.43H5.786v1.225h.963c.142 0 .282.034.426.11l.108.064.106.088 1.964 1.978a.87.87 0 01.225.373l.031.121.012.133v3.18h1.869l.003-5.241h-1.16a.901.901 0 01-.857-.62L9.44 3.43l-.011-.135-.002-1.144z"
})));
}
var _path$1s;
function _extends$1w() { _extends$1w = 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$1w.apply(this, arguments); }
function SvgIconDnaLarge(props) {
return /*#__PURE__*/React__namespace.createElement("svg", _extends$1w({
width: 22,
height: 22,
xmlns: "http://www.w3.org/2000/svg"
}, props), _path$1s || (_path$1s = /*#__PURE__*/React__namespace.createElement("path", {
d: "M15.515 1.502a.684.684 0 01.733.63c.158 2.11.007 3.557-.231 4.552-.224.935-.522 1.452-.666 1.7l-.032.057c-.17.3-.638.89-1.31 1.497-.392.355-.87.729-1.421 1.064.551.335 1.029.71 1.421 1.064.672.607 1.14 1.198 1.31 1.498l.032.055c.143.25.442.766.666 1.701.238.996.389 2.442.23 4.552h.002a.684.684 0 01-.734.63l-.032-.002a.684.684 0 01-.63-.73h-.002c.063-.84.074-1.557.05-2.166H9.66a.7.7 0 110-1.4h5.106a7.824 7.824 0 00-.112-.558 4.761 4.761 0 00-.406-1.127h-2.884a.7.7 0 010-1.4h1.72l-.014-.014c-.542-.49-1.248-1-2.072-1.35-.822.35-1.528.86-2.07 1.35-.605.546-.958 1.023-1.03 1.149l-.032.056c-.124.214-.345.595-.522 1.336-.198.826-.347 2.123-.196 4.124a.685.685 0 01-.63.729l-.032.002a.684.684 0 01-.735-.629c-.159-2.11-.007-3.5