@orfeas126/box-ui-elements
Version:
Box UI Elements
425 lines • 14.3 kB
JavaScript
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : 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); }
import * as React from 'react';
import uniqueId from 'lodash/uniqueId';
import AccessibleSVG from '../accessible-svg';
const ICON_CLASS = 'file-circle-illustration';
class FileCircleIllustration extends React.PureComponent {
constructor(...args) {
super(...args);
_defineProperty(this, "idPrefix", `${uniqueId(ICON_CLASS)}-`);
}
render() {
const {
className,
height,
title,
width
} = this.props;
return /*#__PURE__*/React.createElement(AccessibleSVG, {
className: `${ICON_CLASS} ${className}`,
height: height,
title: title,
viewBox: "0 0 140 140",
width: width
}, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("rect", {
height: 18,
id: "b",
rx: 2,
width: 18
}), /*#__PURE__*/React.createElement("filter", {
filterUnits: "objectBoundingBox",
height: "272.2%",
id: "a",
width: "272.2%",
x: "-86.1%",
y: "-80.6%"
}, /*#__PURE__*/React.createElement("feOffset", {
dy: 1,
in: "SourceAlpha",
result: "shadowOffsetOuter1"
}), /*#__PURE__*/React.createElement("feGaussianBlur", {
in: "shadowOffsetOuter1",
result: "shadowBlurOuter1",
stdDeviation: 5
}), /*#__PURE__*/React.createElement("feColorMatrix", {
in: "shadowBlurOuter1",
values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0"
})), /*#__PURE__*/React.createElement("rect", {
height: 18,
id: "d",
rx: 2,
width: 18
}), /*#__PURE__*/React.createElement("filter", {
filterUnits: "objectBoundingBox",
height: "272.2%",
id: "c",
width: "272.2%",
x: "-86.1%",
y: "-80.6%"
}, /*#__PURE__*/React.createElement("feOffset", {
dy: 1,
in: "SourceAlpha",
result: "shadowOffsetOuter1"
}), /*#__PURE__*/React.createElement("feGaussianBlur", {
in: "shadowOffsetOuter1",
result: "shadowBlurOuter1",
stdDeviation: 5
}), /*#__PURE__*/React.createElement("feColorMatrix", {
in: "shadowBlurOuter1",
values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0"
})), /*#__PURE__*/React.createElement("rect", {
height: 18,
id: "f",
rx: 2,
width: 18
}), /*#__PURE__*/React.createElement("filter", {
filterUnits: "objectBoundingBox",
height: "272.2%",
id: "e",
width: "272.2%",
x: "-86.1%",
y: "-80.6%"
}, /*#__PURE__*/React.createElement("feOffset", {
dy: 1,
in: "SourceAlpha",
result: "shadowOffsetOuter1"
}), /*#__PURE__*/React.createElement("feGaussianBlur", {
in: "shadowOffsetOuter1",
result: "shadowBlurOuter1",
stdDeviation: 5
}), /*#__PURE__*/React.createElement("feColorMatrix", {
in: "shadowBlurOuter1",
values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0"
})), /*#__PURE__*/React.createElement("rect", {
height: 18,
id: "h",
rx: 2,
width: 18
}), /*#__PURE__*/React.createElement("filter", {
filterUnits: "objectBoundingBox",
height: "272.2%",
id: "g",
width: "272.2%",
x: "-86.1%",
y: "-80.6%"
}, /*#__PURE__*/React.createElement("feOffset", {
dy: 1,
in: "SourceAlpha",
result: "shadowOffsetOuter1"
}), /*#__PURE__*/React.createElement("feGaussianBlur", {
in: "shadowOffsetOuter1",
result: "shadowBlurOuter1",
stdDeviation: 5
}), /*#__PURE__*/React.createElement("feColorMatrix", {
in: "shadowBlurOuter1",
values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0"
})), /*#__PURE__*/React.createElement("rect", {
height: 18,
id: "j",
rx: 2,
width: 18
}), /*#__PURE__*/React.createElement("filter", {
filterUnits: "objectBoundingBox",
height: "272.2%",
id: "i",
width: "272.2%",
x: "-86.1%",
y: "-80.6%"
}, /*#__PURE__*/React.createElement("feOffset", {
dy: 1,
in: "SourceAlpha",
result: "shadowOffsetOuter1"
}), /*#__PURE__*/React.createElement("feGaussianBlur", {
in: "shadowOffsetOuter1",
result: "shadowBlurOuter1",
stdDeviation: 5
}), /*#__PURE__*/React.createElement("feColorMatrix", {
in: "shadowBlurOuter1",
values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0"
})), /*#__PURE__*/React.createElement("rect", {
height: 18,
id: "l",
rx: 2,
width: 18
}), /*#__PURE__*/React.createElement("filter", {
filterUnits: "objectBoundingBox",
height: "272.2%",
id: "k",
width: "272.2%",
x: "-86.1%",
y: "-80.6%"
}, /*#__PURE__*/React.createElement("feOffset", {
dy: 1,
in: "SourceAlpha",
result: "shadowOffsetOuter1"
}), /*#__PURE__*/React.createElement("feGaussianBlur", {
in: "shadowOffsetOuter1",
result: "shadowBlurOuter1",
stdDeviation: 5
}), /*#__PURE__*/React.createElement("feColorMatrix", {
in: "shadowBlurOuter1",
values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0"
})), /*#__PURE__*/React.createElement("rect", {
height: 18,
id: "n",
rx: 2,
width: 18
}), /*#__PURE__*/React.createElement("filter", {
filterUnits: "objectBoundingBox",
height: "272.2%",
id: "m",
width: "272.2%",
x: "-86.1%",
y: "-80.6%"
}, /*#__PURE__*/React.createElement("feOffset", {
dy: 1,
in: "SourceAlpha",
result: "shadowOffsetOuter1"
}), /*#__PURE__*/React.createElement("feGaussianBlur", {
in: "shadowOffsetOuter1",
result: "shadowBlurOuter1",
stdDeviation: 5
}), /*#__PURE__*/React.createElement("feColorMatrix", {
in: "shadowBlurOuter1",
values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0"
})), /*#__PURE__*/React.createElement("rect", {
height: 9,
id: "o",
rx: ".78",
width: "4.29",
x: ".86"
})), /*#__PURE__*/React.createElement("g", {
fill: "none",
fillRule: "evenodd",
transform: "translate(10 10)"
}, /*#__PURE__*/React.createElement("circle", {
cx: 60,
cy: 60,
fill: "#FC627A",
r: 60
}), /*#__PURE__*/React.createElement("path", {
d: "M36.6 41.4a1 1 0 0 0 .81.44h35.6a1 1 0 0 1 .99 1.01V82a1 1 0 0 1-1 1H15a1 1 0 0 1-1-1.01V38a1 1 0 0 1 1-1h18.05a1 1 0 0 1 .82.47l2.73 3.94z",
fill: "#F7D271",
fillRule: "nonzero"
}), /*#__PURE__*/React.createElement("g", {
transform: "translate(20 49)"
}, /*#__PURE__*/React.createElement("rect", {
fill: "#FFF",
height: 28,
opacity: ".24",
rx: 14,
width: 28
}), /*#__PURE__*/React.createElement("path", {
d: "M19.7 17a5.7 5.7 0 1 0-11.4 0 5.7 5.7 0 0 0 11.4 0z",
stroke: "#FFF",
strokeWidth: ".6"
}), /*#__PURE__*/React.createElement("path", {
d: "M10 12.8v-2.57C10 7.89 11.8 6 14 6s4 1.9 4 4.23v2.57M14 15v4",
stroke: "#FFF",
strokeLinecap: "round",
strokeLinejoin: "round",
strokeWidth: ".6"
})), /*#__PURE__*/React.createElement("g", {
transform: "translate(54 8)"
}, /*#__PURE__*/React.createElement("g", {
transform: "translate(44 44)"
}, /*#__PURE__*/React.createElement("use", {
fill: "#000",
filter: "url(#a)",
xlinkHref: "#b"
}), /*#__PURE__*/React.createElement("use", {
fill: "#FFF",
xlinkHref: "#b"
})), /*#__PURE__*/React.createElement("path", {
d: "M56.81 55v-2.95H51.1v4.29a1.43 1.43 0 1 1-1.43-1.43c.17-.02.33.01.48.1v-6.77h7.62v8.1a1.43 1.43 0 1 1-1.42-1.43c.16-.02.33.01.47.1zm-5.72-3.9h5.72v-1.91H51.1v1.9z",
fill: "#980DE0",
fillOpacity: ".6",
fillRule: "nonzero"
}), /*#__PURE__*/React.createElement("g", {
transform: "translate(0 44)"
}, /*#__PURE__*/React.createElement("use", {
fill: "#000",
filter: "url(#c)",
xlinkHref: "#d"
}), /*#__PURE__*/React.createElement("use", {
fill: "#FFF",
xlinkHref: "#d"
})), /*#__PURE__*/React.createElement("g", {
fill: "#FC627A",
fillRule: "nonzero"
}, /*#__PURE__*/React.createElement("path", {
d: "M3.18 55.65h11.64v1.06H3.18v-1.06zm0 2.11h11.64v1.06H3.18v-1.06zm5.3-9.52a3.12 3.12 0 0 0-3.19 3.17c0 1.8 1.38 3.18 3.18 3.18 1.8 0 3.18-1.38 3.18-3.18H8.47v-3.17z"
}), /*#__PURE__*/React.createElement("path", {
d: "M9.53 47.18v3.17h3.18c0-1.8-1.38-3.17-3.18-3.17z"
})), /*#__PURE__*/React.createElement("g", {
transform: "translate(10 66)"
}, /*#__PURE__*/React.createElement("use", {
fill: "#000",
filter: "url(#e)",
xlinkHref: "#f"
}), /*#__PURE__*/React.createElement("use", {
fill: "#FFF",
xlinkHref: "#f"
})), /*#__PURE__*/React.createElement("path", {
d: "M15.76 79.7c-.26.15-.47 0-.47-.29V70.6c0-.3.22-.44.47-.3l7.8 4.41c.12.04.2.15.2.27 0 .12-.08.23-.2.26l-7.8 4.48z",
fill: "#22A7F0",
fillRule: "nonzero"
}), /*#__PURE__*/React.createElement("g", {
transform: "translate(32 66)"
}, /*#__PURE__*/React.createElement("use", {
fill: "#000",
filter: "url(#g)",
xlinkHref: "#h"
}), /*#__PURE__*/React.createElement("use", {
fill: "#FFF",
xlinkHref: "#h"
})), /*#__PURE__*/React.createElement("path", {
d: "M43.24 73.62c-.99 0-1.8-.75-1.8-1.7 0-.93.81-1.68 1.8-1.68s1.8.75 1.8 1.69-.81 1.7-1.8 1.7zm-.54 3.47l-2.8-3.14a.38.38 0 0 0-.52-.05l-.05.05-4.15 4.76h11.64l-2.43-3.05a.32.32 0 0 0-.27-.15.32.32 0 0 0-.27.15l-1.15 1.43z",
fill: "#3FB87F",
fillRule: "nonzero"
}), /*#__PURE__*/React.createElement("g", {
transform: "translate(22 44)"
}, /*#__PURE__*/React.createElement("use", {
fill: "#000",
filter: "url(#i)",
xlinkHref: "#j"
}), /*#__PURE__*/React.createElement("use", {
fill: "#FFF",
xlinkHref: "#j"
})), /*#__PURE__*/React.createElement("path", {
d: "M25.18 48.24h11.64v1.36H25.18v-1.36zm0 2.72h11.64v1.36H25.18v-1.36zm0 2.72h11.64v1.36H25.18v-1.36zm0 2.72h8.47v1.36h-8.47V56.4z",
fill: "#4083F7",
fillRule: "nonzero"
}), /*#__PURE__*/React.createElement("g", {
transform: "translate(13 22)"
}, /*#__PURE__*/React.createElement("use", {
fill: "#000",
filter: "url(#k)",
xlinkHref: "#l"
}), /*#__PURE__*/React.createElement("use", {
fill: "#FFF",
xlinkHref: "#l"
})), /*#__PURE__*/React.createElement("path", {
d: "M26.85 25.18h-9.7c-.54 0-.97.52-.97 1.16v9.32c0 .64.43 1.16.97 1.16h9.7c.54 0 .97-.52.97-1.16v-9.32c0-.64-.43-1.16-.97-1.16zm-9.7 1.16h2.9v2.33h-2.9v-2.33zm0 3.5h2.9v2.32h-2.9v-2.32zm0 5.82v-2.33h2.9v2.33h-2.9zm9.7 0h-5.82v-2.33h5.82v2.33zm0-3.5h-5.82v-2.32h5.82v2.32zm-5.82-3.49v-2.33h5.82v2.33h-5.82z",
fill: "#3FB87F",
fillRule: "nonzero"
}), /*#__PURE__*/React.createElement("g", {
transform: "translate(35 22)"
}, /*#__PURE__*/React.createElement("use", {
fill: "#000",
filter: "url(#m)",
xlinkHref: "#n"
}), /*#__PURE__*/React.createElement("use", {
fill: "#FFF",
xlinkHref: "#n"
})), /*#__PURE__*/React.createElement("g", {
transform: "rotate(45 -9.1 67.5)"
}, /*#__PURE__*/React.createElement("use", {
fill: "#FFF",
xlinkHref: "#o"
}), /*#__PURE__*/React.createElement("rect", {
fill: "#BDC3C7",
fillOpacity: ".05",
height: "9.78",
rx: ".78",
stroke: "#FFF",
strokeWidth: ".78",
width: "5.06",
x: ".47",
y: "-.39"
}), /*#__PURE__*/React.createElement("rect", {
height: "9.78",
rx: ".78",
stroke: "#737F8B",
strokeWidth: ".78",
width: "5.06",
x: ".47",
y: "-.39"
})), /*#__PURE__*/React.createElement("path", {
d: "M42.17 29.09l4.24 4.24-.7.7-4.25-4.23z",
fill: "#FBFCFC"
}), /*#__PURE__*/React.createElement("path", {
d: "M45.15 29.75l.7.7-2.89 2.9-.7-.71z",
fill: "#737F8B"
}), /*#__PURE__*/React.createElement("rect", {
fill: "#FFF",
height: 18,
opacity: ".2",
rx: 2,
width: 18,
x: 22
}), /*#__PURE__*/React.createElement("rect", {
fill: "#FFF",
height: 18,
opacity: ".2",
rx: 2,
width: 18,
x: 44
}), /*#__PURE__*/React.createElement("rect", {
fill: "#FFF",
height: 18,
opacity: ".2",
rx: 2,
width: 18,
x: 57,
y: 22
}), /*#__PURE__*/React.createElement("rect", {
fill: "#FFF",
height: 18,
opacity: ".2",
rx: 2,
width: 18,
x: 54,
y: 66
}), /*#__PURE__*/React.createElement("rect", {
fill: "#FFF",
height: 18,
opacity: ".2",
rx: 2,
width: 18,
x: 57,
y: 88
}), /*#__PURE__*/React.createElement("rect", {
fill: "#FFF",
height: 18,
opacity: ".2",
rx: 2,
width: 18,
x: 66,
y: 44
}), /*#__PURE__*/React.createElement("rect", {
fill: "#FFF",
height: 18,
opacity: ".2",
rx: 2,
width: 18,
x: 35,
y: 88
}), /*#__PURE__*/React.createElement("rect", {
fill: "#FFF",
height: 18,
opacity: ".2",
rx: 2,
width: 18,
x: 13,
y: 88
}), /*#__PURE__*/React.createElement("rect", {
fill: "#FFF",
height: 18,
opacity: ".2",
rx: 2,
width: 18,
x: 21,
y: 110
}))));
}
}
_defineProperty(FileCircleIllustration, "defaultProps", {
className: '',
height: 200,
width: 200
});
export default FileCircleIllustration;
//# sourceMappingURL=FileCircleIllustration.js.map