@wix/design-system
Version:
@wix/design-system
292 lines (291 loc) • 7.91 kB
JavaScript
"use strict";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports.placeholderSVGs = void 0;
var _react = _interopRequireDefault(require("react"));
var _AvatarSt = require("./Avatar.st.css.js");
var _jsxFileName = "/home/builduser/work/57e038ea7326c1ec/packages/wix-design-system/dist/cjs/Avatar/assets.jsx";
var personSvg = /*#__PURE__*/_react["default"].createElement("svg", {
className: _AvatarSt.classes.placeholder,
viewBox: "0 0 48 48",
fill: "none",
xmlns: "http://www.w3.org/2000/svg",
__self: void 0,
__source: {
fileName: _jsxFileName,
lineNumber: 5,
columnNumber: 3
}
}, /*#__PURE__*/_react["default"].createElement("g", {
clipPath: "url(#avatarPersonClip0)",
__self: void 0,
__source: {
fileName: _jsxFileName,
lineNumber: 11,
columnNumber: 5
}
}, /*#__PURE__*/_react["default"].createElement("g", {
opacity: "0.5",
__self: void 0,
__source: {
fileName: _jsxFileName,
lineNumber: 12,
columnNumber: 7
}
}, /*#__PURE__*/_react["default"].createElement("g", {
clipPath: "url(#avatarPersonClip1)",
__self: void 0,
__source: {
fileName: _jsxFileName,
lineNumber: 13,
columnNumber: 9
}
}, /*#__PURE__*/_react["default"].createElement("rect", {
width: "48",
height: "48",
rx: "23.4032",
fill: "var(--wds-illustration-color-6, #002294)",
__self: void 0,
__source: {
fileName: _jsxFileName,
lineNumber: 14,
columnNumber: 11
}
}), /*#__PURE__*/_react["default"].createElement("g", {
filter: "url(#avatarPersonBlur)",
__self: void 0,
__source: {
fileName: _jsxFileName,
lineNumber: 20,
columnNumber: 11
}
}, /*#__PURE__*/_react["default"].createElement("path", {
d: "M27.494 -18.5711C25.7001 -18.2145 23.9293 -17.7199 22.2045 -17.0872C15.1213 -14.4645 8.843 -9.4722 4.70346 -2.44384C-4.76 13.6029 0.506418 34.1589 16.4667 43.4649C32.4269 52.7708 53.0326 47.2954 62.4961 31.2486C71.9596 15.1904 66.6931 -5.36561 50.7444 -14.6601C43.4542 -18.9162 35.2096 -20.078 27.494 -18.5711Z",
fill: "url(#avatarPersonGradient)",
__self: void 0,
__source: {
fileName: _jsxFileName,
lineNumber: 21,
columnNumber: 13
}
})))), /*#__PURE__*/_react["default"].createElement("circle", {
cx: "23.9999",
cy: "19.2",
r: "9.6",
fill: "var(--wds-illustration-color-6, #002294)",
__self: void 0,
__source: {
fileName: _jsxFileName,
lineNumber: 28,
columnNumber: 7
}
}), /*#__PURE__*/_react["default"].createElement("circle", {
cx: "24",
cy: "55.2",
r: "24",
fill: "var(--wds-illustration-color-6, #002294)",
__self: void 0,
__source: {
fileName: _jsxFileName,
lineNumber: 34,
columnNumber: 7
}
})), /*#__PURE__*/_react["default"].createElement("defs", {
__self: void 0,
__source: {
fileName: _jsxFileName,
lineNumber: 41,
columnNumber: 5
}
}, /*#__PURE__*/_react["default"].createElement("filter", {
id: "avatarPersonBlur",
x: "-14.4",
y: "-33.6",
width: "96",
height: "96",
filterUnits: "userSpaceOnUse",
colorInterpolationFilters: "sRGB",
__self: void 0,
__source: {
fileName: _jsxFileName,
lineNumber: 42,
columnNumber: 7
}
}, /*#__PURE__*/_react["default"].createElement("feFlood", {
floodOpacity: "0",
result: "BackgroundImageFix",
__self: void 0,
__source: {
fileName: _jsxFileName,
lineNumber: 51,
columnNumber: 9
}
}), /*#__PURE__*/_react["default"].createElement("feBlend", {
mode: "normal",
"in": "SourceGraphic",
in2: "BackgroundImageFix",
result: "shape",
__self: void 0,
__source: {
fileName: _jsxFileName,
lineNumber: 52,
columnNumber: 9
}
}), /*#__PURE__*/_react["default"].createElement("feGaussianBlur", {
stdDeviation: "7.2",
result: "effect1_foregroundBlur",
__self: void 0,
__source: {
fileName: _jsxFileName,
lineNumber: 58,
columnNumber: 9
}
})), /*#__PURE__*/_react["default"].createElement("linearGradient", {
id: "avatarPersonGradient",
x1: "57.6693",
y1: "-13.1682",
x2: "0.185771",
y2: "60.1835",
gradientUnits: "userSpaceOnUse",
__self: void 0,
__source: {
fileName: _jsxFileName,
lineNumber: 60,
columnNumber: 7
}
}, /*#__PURE__*/_react["default"].createElement("stop", {
offset: "0.176006",
stopColor: "var(--wds-illustration-color-5, #EAEFFF)",
__self: void 0,
__source: {
fileName: _jsxFileName,
lineNumber: 68,
columnNumber: 9
}
}), /*#__PURE__*/_react["default"].createElement("stop", {
offset: "0.576923",
stopColor: "var(--wds-illustration-color-3, #B8C4FF)",
__self: void 0,
__source: {
fileName: _jsxFileName,
lineNumber: 72,
columnNumber: 9
}
}), /*#__PURE__*/_react["default"].createElement("stop", {
offset: "0.85",
stopColor: "var(--wds-illustration-color-6, #002294)",
__self: void 0,
__source: {
fileName: _jsxFileName,
lineNumber: 76,
columnNumber: 9
}
})), /*#__PURE__*/_react["default"].createElement("clipPath", {
id: "avatarPersonClip0",
__self: void 0,
__source: {
fileName: _jsxFileName,
lineNumber: 81,
columnNumber: 7
}
}, /*#__PURE__*/_react["default"].createElement("rect", {
width: "48",
height: "48",
rx: "24",
fill: "white",
__self: void 0,
__source: {
fileName: _jsxFileName,
lineNumber: 82,
columnNumber: 9
}
})), /*#__PURE__*/_react["default"].createElement("clipPath", {
id: "avatarPersonClip1",
__self: void 0,
__source: {
fileName: _jsxFileName,
lineNumber: 84,
columnNumber: 7
}
}, /*#__PURE__*/_react["default"].createElement("rect", {
width: "48",
height: "48",
rx: "23.4032",
fill: "white",
__self: void 0,
__source: {
fileName: _jsxFileName,
lineNumber: 85,
columnNumber: 9
}
}))));
var businessSvg = /*#__PURE__*/_react["default"].createElement("svg", {
className: _AvatarSt.classes.placeholder,
viewBox: "0 0 48 48",
__self: void 0,
__source: {
fileName: _jsxFileName,
lineNumber: 92,
columnNumber: 3
}
}, /*#__PURE__*/_react["default"].createElement("path", {
d: "M21,13.387 C21,12.705 21.669,12.223 22.316,12.438 L22.316,12.438 L34.632,16.544 C35.449,16.816 36,17.581 36,18.441 L36,18.441 L36,34 L38,34 L38,36 L10,36 L10,34 L12,34 L12,21.659 C12,21.259 12.238,20.898 12.606,20.74 L12.606,20.74 L17.606,18.597 C18.266,18.314 19,18.799 19,19.517 L19,19.517 L19,34 L21,34 Z M32,29 L25,29 L25,31 L32,31 L32,29 Z M32,24 L25,24 L25,26 L32,26 L32,24 Z M32,19 L25,19 L25,21 L32,21 L32,19 Z",
__self: void 0,
__source: {
fileName: _jsxFileName,
lineNumber: 93,
columnNumber: 5
}
}));
var smallBusinessSvg = /*#__PURE__*/_react["default"].createElement("svg", {
className: _AvatarSt.classes.placeholder,
viewBox: "0 0 24 24",
__self: void 0,
__source: {
fileName: _jsxFileName,
lineNumber: 98,
columnNumber: 3
}
}, /*#__PURE__*/_react["default"].createElement("path", {
d: "M18,17 L18,8.754 C18,8.308 17.704,7.916 17.275,7.793 L11.637,6.182 C11.318,6.091 11,6.331 11,6.663 L11,17 L9,17 L9,8.934 C9,8.535 8.555,8.297 8.223,8.518 L6.223,9.852 C6.083,9.944 6,10.101 6,10.268 L6,17 L5,17 L5,18 L6,18 L9,18 L11,18 L18,18 L19,18 L19,17 L18,17 Z",
__self: void 0,
__source: {
fileName: _jsxFileName,
lineNumber: 99,
columnNumber: 5
}
}));
var placeholderSVGs = exports.placeholderSVGs = {
size90: {
circle: personSvg,
square: businessSvg
},
size72: {
circle: personSvg,
square: businessSvg
},
size60: {
circle: personSvg,
square: businessSvg
},
size48: {
circle: personSvg,
square: businessSvg
},
size36: {
circle: personSvg,
square: businessSvg
},
size30: {
circle: personSvg,
square: businessSvg
},
size24: {
circle: personSvg,
square: smallBusinessSvg
},
size18: {
circle: personSvg,
square: smallBusinessSvg
}
};