@helpscout/hsds-react
Version:
React component library for Help Scout's Design System
166 lines (149 loc) • 8.35 kB
JavaScript
;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports.default = void 0;
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _react = _interopRequireDefault(require("react"));
var _jsxRuntime = require("react/jsx-runtime");
var chat = function chat(props) {
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", (0, _extends2.default)({}, props, {
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
className: "c-Illo__pathFill c-Illo__pathFillSecondary",
d: "M67.5 23.3v2c0 1.3-2 1.3-2 0v-2h-2c-1.3 0-1.3-2 0-2h2v-2c0-1.3 2-1.3 2 0v2h2c1.3 0 1.3 2 0 2h-2zm-11-9v3c0 1.3-2 1.3-2 0v-3h-3c-1.3 0-1.3-2 0-2h3v-3c0-1.3 2-1.3 2 0v3h3c1.3 0 1.3 2 0 2h-3zm-6 20V39c0 10-8 17.3-18 17.3h-13c-.8-1.4-1-2.3-1-4v-2l14-.3c6.7 0 12.2-4.3 12.2-11l-.2-5.7h1.1c1.8 0 3.5.2 4.9 1z"
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
className: "c-Illo__pathFill c-Illo__pathFillPrimary",
d: "M32.5 18.3c7.2 0 13 5.6 13 12.5v8c0 6.9-5.8 12.5-13 12.5h-18c-1.4 0-2.7-.2-4-.6-1.2-.4-2.5-.4-3.6.1l-1.7.7c-2 .8-4-1-3.3-3l.6-1.9c.4-1 .3-2.2-.1-3.3-.6-1.4-.9-2.9-.9-4.4v-8c0-6.9 5.8-12.5 13-12.5h18v-.1zm0 2h-18c-6.1 0-11 4.7-11 10.5v8c0 1.3.2 2.5.7 3.7.6 1.6.7 3.2.2 4.7l-.6 1.9c-.1.3.3.7.7.5l1.6-.6c1.6-.6 3.3-.7 5-.1 1.1.3 2.2.5 3.4.5h18c6.1 0 11-4.7 11-10.5v-8c0-5.8-4.9-10.6-11-10.6zm13.2 14c-.6 0-1-.4-1-1s.4-1 1-1c6.5 0 11.8 5.3 11.8 11.8l-.2 7.4c0 1.4-.3 2.9-.8 4.2-.4 1-.4 2.1-.1 3.1l.6 1.7c.6 1.9-1.3 3.7-3.1 2.9l-1.5-.6c-1-.4-2.1-.4-3.2-.1-1.2.4-2.4.6-3.7.6H29.2c-6.5 0-11.8-5.3-11.8-11.8 0-.6.4-1 1-1s1 .4 1 1c0 5.4 4.4 9.8 9.8 9.8h16.3c1 0 2.1-.2 3-.5 1.5-.5 3.2-.5 4.6.1l1.5.6c.3.1.6-.1.5-.4l-.6-1.7c-.5-1.4-.4-3 .2-4.4.4-1.1.6-2.3.6-3.5l.2-7.4c0-5.4-4.4-9.8-9.8-9.8zm-22.2 3c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm7 0c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm-14 0c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z"
})]
}));
};
chat.defaultProps = {
xmlns: "http://www.w3.org/2000/svg",
width: "72",
height: "72",
viewBox: "0 0 72 72"
};
var cross = function cross(props) {
return /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", (0, _extends2.default)({}, props, {
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("g", {
fill: "none",
fillRule: "evenodd",
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("circle", {
cx: "36",
cy: "36",
r: "26",
fill: "#FFF"
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
className: "c-Illo__pathFill c-Illo__pathFillUILight",
d: "M36 72C16.118 72 0 55.882 0 36S16.118 0 36 0s36 16.118 36 36-16.118 36-36 36zm0-10c14.36 0 26-11.64 26-26S50.36 10 36 10 10 21.64 10 36s11.64 26 26 26z"
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
className: "c-Illo__pathFill c-Illo__pathFillUI",
d: "M37.414 36l3.89 3.89a1 1 0 0 1-1.415 1.413L36 37.414l-3.89 3.89a1 1 0 0 1-1.413-1.415L34.586 36l-3.89-3.89a1 1 0 1 1 1.415-1.413L36 34.586l3.89-3.89a1 1 0 0 1 1.413 1.415L37.414 36zM36 62c-14.36 0-26-11.64-26-26s11.64-26 26-26 26 11.64 26 26-11.64 26-26 26zm0-2c13.255 0 24-10.745 24-24S49.255 12 36 12 12 22.745 12 36s10.745 24 24 24z"
})]
})
}));
};
cross.defaultProps = {
xmlns: "http://www.w3.org/2000/svg",
width: "72",
height: "72",
viewBox: "0 0 72 72"
};
var crossWhite = function crossWhite(props) {
return /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", (0, _extends2.default)({}, props, {
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("g", {
fill: "none",
fillRule: "evenodd",
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("circle", {
cx: "36",
cy: "36",
r: "26",
fill: "transparent"
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
fill: "transparent",
d: "M36 72C16.118 72 0 55.882 0 36S16.118 0 36 0s36 16.118 36 36-16.118 36-36 36zm0-10c14.36 0 26-11.64 26-26S50.36 10 36 10 10 21.64 10 36s11.64 26 26 26z"
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
className: "c-Illo__pathFill c-Illo__pathFillUI",
d: "M37.414 36l3.89 3.89a1 1 0 0 1-1.415 1.413L36 37.414l-3.89 3.89a1 1 0 0 1-1.413-1.415L34.586 36l-3.89-3.89a1 1 0 1 1 1.415-1.413L36 34.586l3.89-3.89a1 1 0 0 1 1.413 1.415L37.414 36zM36 62c-14.36 0-26-11.64-26-26s11.64-26 26-26 26 11.64 26 26-11.64 26-26 26zm0-2c13.255 0 24-10.745 24-24S49.255 12 36 12 12 22.745 12 36s10.745 24 24 24z"
})]
})
}));
};
crossWhite.defaultProps = {
xmlns: "http://www.w3.org/2000/svg",
width: "72",
height: "72",
viewBox: "0 0 72 72"
};
var plane = function plane(props) {
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", (0, _extends2.default)({}, props, {
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
className: "c-Illo__pathFill c-Illo__pathFillSecondary",
d: "M41.5 38l-28-22 37 17.1L48.1 51 37.4 40.8l4.1-2.8zm20.4 18.5c-.5-.3-.6-.9-.3-1.4.3-.5.9-.6 1.4-.3l3.6 2.1c.5.3.6.9.3 1.4-.3.5-.9.6-1.4.3l-3.6-2.1zm-4.5 3.3l1.8 3.6c.6 1.2-1.2 2.1-1.8.9l-1.8-3.6c-.6-1.2 1.2-2.1 1.8-.9zM64.5 48h4c1.3 0 1.3 2 0 2h-4c-1.3 0-1.3-2 0-2z"
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
className: "c-Illo__pathFill c-Illo__pathFillPrimary",
d: "M37.3 42.1L28 47.5c-2.3 1.4-5.3.5-6.4-2l-14-32c-.2-.3-.2-.6-.1-.9 0-.1.1-.1.1-.2.2-.3.6-.5 1.1-.4l51.6 11.7c2.4.5 2.9 3.8.7 4.9l-9.5 5L49.1 51c0 .1 0 .1-.1.2-.1.4-.4.7-.7.8-.3.1-.7 0-.9-.3l-10.1-9.6zm1.8-1l6 5.8-3.3-7.3c0-.1-2.7 1.5-2.7 1.5zm8.5 6.5l1.9-13.9-32.2-15.4 25.6 19.1c.1.1.2.2.3.4l4.4 9.8zM50.5 32l9.6-5.1c.5-.3.4-1-.2-1.2L17 16l33.5 16zM10.9 16.1l12.5 28.7c.6 1.3 2.2 1.8 3.5 1L40.3 38 10.9 16.1z"
})]
}));
};
plane.defaultProps = {
xmlns: "http://www.w3.org/2000/svg",
width: "72",
height: "72",
viewBox: "0 0 72 72"
};
var search = function search(props) {
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", (0, _extends2.default)({}, props, {
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("circle", {
className: "st0",
cx: "36",
cy: "36",
r: "26",
fill: "#FFF"
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
className: "c-Illo__pathFill c-Illo__pathFillUILight",
d: "M36 72C16.1 72 0 55.9 0 36S16.1 0 36 0s36 16.1 36 36-16.1 36-36 36zm0-10c14.4 0 26-11.6 26-26S50.4 10 36 10 10 21.6 10 36s11.6 26 26 26z"
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
className: "c-Illo__pathFill c-Illo__pathFillUI",
d: "M30 34.5c0-2.5 2-4.5 4.5-4.5s4.5 2 4.5 4.5-2 4.5-4.5 4.5-4.5-2-4.5-4.5m13.7 7.8l-4-4c.8-1.1 1.3-2.4 1.3-3.8 0-3.6-2.9-6.5-6.5-6.5S28 30.9 28 34.5s2.9 6.5 6.5 6.5c1.4 0 2.7-.4 3.8-1.3l4 4c.4.4 1 .4 1.4 0 .4-.4.4-1 0-1.4M36 10c-14.4 0-26 11.6-26 26s11.6 26 26 26 26-11.6 26-26-11.6-26-26-26zm0 50c-13.3 0-24-10.7-24-24s10.7-24 24-24 24 10.7 24 24-10.7 24-24 24z"
})]
}));
};
search.defaultProps = {
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 72 72"
};
var tick = function tick(props) {
return /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", (0, _extends2.default)({}, props, {
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("g", {
fill: "none",
fillRule: "evenodd",
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("circle", {
cx: "36",
cy: "36",
r: "26",
fill: "#FFF"
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
className: "c-Illo__pathFill c-Illo__pathFillUILight",
d: "M36 72C16.118 72 0 55.882 0 36S16.118 0 36 0s36 16.118 36 36-16.118 36-36 36zm0-10c14.36 0 26-11.64 26-26S50.36 10 36 10 10 21.64 10 36s11.64 26 26 26z"
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
className: "c-Illo__pathFill c-Illo__pathFillPrimary",
d: "M36 62c-14.36 0-26-11.64-26-26s11.64-26 26-26 26 11.64 26 26-11.64 26-26 26zm0-2c13.255 0 24-10.745 24-24S49.255 12 36 12 12 22.745 12 36s10.745 24 24 24zm5.008-28.642a1.128 1.128 0 0 1 1.65 0c.456.478.456 1.25 0 1.729l-8.166 8.555a1.137 1.137 0 0 1-.825.358c-.299 0-.598-.12-.825-.358l-3.5-3.667a1.262 1.262 0 0 1 0-1.728 1.128 1.128 0 0 1 1.65 0l2.675 2.803 7.341-7.692z"
})]
})
}));
};
tick.defaultProps = {
xmlns: "http://www.w3.org/2000/svg",
width: "72",
height: "72",
viewBox: "0 0 72 72"
};
var _default = {
chat: chat,
cross: cross,
'cross-white': crossWhite,
plane: plane,
search: search,
tick: tick
};
exports.default = _default;