@krowdy/kds-assets
Version:
React components that implement Google's Material Design.
188 lines (151 loc) • 17 kB
JavaScript
"use strict";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = void 0;
var _react = _interopRequireDefault(require("react"));
var _Svg = _interopRequireDefault(require("../../Svg"));
var _useGetColor = _interopRequireDefault(require("../../useGetColor"));
var _ref2 = /*#__PURE__*/_react["default"].createElement("path", {
d: "M264.034 285.427a.504.504 0 01-.487-.518l1.532-37.727a.506.506 0 01.369-.472.466.466 0 01.21-.005l25.152 3.806a.509.509 0 01.426.518l-1.137 33.495a.492.492 0 01-.163.353.506.506 0 01-.557.088.516.516 0 01-.264-.286.504.504 0 01-.031-.196l1.106-33.028-24.146-3.654-1.503 37.149a.506.506 0 01-.507.477zM188.589 276.282a.518.518 0 01-.466-.315.51.51 0 010-.385.507.507 0 01.111-.163l32.145-32.896-24.553-6.009-28.562 33.871a.526.526 0 01-.721.061.52.52 0 01-.061-.721l28.826-34.104a.493.493 0 01.508-.162l25.72 6.282a.542.542 0 01.365.356.525.525 0 01-.121.497l-32.775 33.495a.525.525 0 01-.416.193z",
fill: "#262626"
});
var _ref3 = /*#__PURE__*/_react["default"].createElement("path", {
d: "M251.062 134.182a.449.449 0 01-.193 0 .528.528 0 01-.284-.68c3.685-9.064 9.237-22.889 9.389-23.853a.512.512 0 01.159-.359.5.5 0 01.369-.138.536.536 0 01.517.538c0 .873-6.617 17.255-9.47 24.207a.52.52 0 01-.487.285z",
fill: "#262626"
});
var _ref4 = /*#__PURE__*/_react["default"].createElement("path", {
d: "M282.598 92.435l-3.978 11.957s-.102 7.105 7.785 6.486a15.777 15.777 0 0011.652-6.862l3.329-21.437a6.396 6.396 0 01-2.152-4.11 10.369 10.369 0 01.102-3.583 17.406 17.406 0 011.756-4.527 16.73 16.73 0 01-9.755-5.227 27.154 27.154 0 01-1.705-2.325c-.243-.375-5.247 1.97-5.775 2.233a14.72 14.72 0 00-6.334 5.34 18.75 18.75 0 00-1.928 6.495 50.849 50.849 0 00-.893 9.44c.061 6.039 7.896 6.12 7.896 6.12z",
fill: "#fff"
});
var _ref5 = /*#__PURE__*/_react["default"].createElement("path", {
d: "M285.42 111.385a7.168 7.168 0 01-5.075-1.776 7.584 7.584 0 01-2.172-5.217.674.674 0 010-.142l3.786-11.379c-1.929-.182-7.663-1.167-7.714-6.526a51.27 51.27 0 01.903-9.51 19.202 19.202 0 012.03-6.68 15.005 15.005 0 016.435-5.53c5.837-2.883 6.222-2.295 6.364-2.03 0 0 1.015 1.582 1.665 2.273a16.117 16.117 0 009.5 5.075.456.456 0 01.315.67 16.971 16.971 0 00-1.715 4.405 10.266 10.266 0 00-.092 3.43 5.878 5.878 0 001.969 3.807.43.43 0 01.183.436l-3.329 21.437a.498.498 0 01-.061.172 16.067 16.067 0 01-12.018 7.105c-.314-.02-.649-.02-.974-.02zm-6.354-6.912a6.711 6.711 0 001.878 4.466 6.786 6.786 0 005.4 1.482 15.428 15.428 0 0011.246-6.557l3.278-21.092a6.974 6.974 0 01-2.111-4.232 10.813 10.813 0 01.081-3.695c.327-1.414.839-2.78 1.523-4.06a16.978 16.978 0 01-9.419-5.237c-.528-.6-1.31-1.756-1.614-2.203a44.031 44.031 0 00-5.309 2.213 14.433 14.433 0 00-6.09 5.156 18.692 18.692 0 00-1.908 6.364 51.444 51.444 0 00-.893 9.348c.061 5.502 7.105 5.644 7.43 5.654a.447.447 0 01.365.193.459.459 0 01.071.416l-3.928 11.784z",
fill: "#262626"
});
var _ref6 = /*#__PURE__*/_react["default"].createElement("path", {
d: "M297.184 80.661a4.466 4.466 0 011.837-2.03 7.628 7.628 0 012.507-.792 3.105 3.105 0 011.431 0c.325.105.625.275.883.498a3.35 3.35 0 011.33 1.918 4.074 4.074 0 01-.213 1.908 7.93 7.93 0 01-.833 1.929 5.3 5.3 0 01-7.368 1.624",
fill: "#fff"
});
var _ref7 = /*#__PURE__*/_react["default"].createElement("path", {
d: "M299.65 86.893a5.756 5.756 0 01-3.116-.913.406.406 0 01.29-.74c.052.01.102.03.147.06a4.923 4.923 0 003.725.67 4.975 4.975 0 003.045-2.173 7.46 7.46 0 00.791-1.837 3.789 3.789 0 00.203-1.705 3.042 3.042 0 00-1.177-1.685 2.46 2.46 0 00-.751-.426 2.916 2.916 0 00-1.249 0 7.434 7.434 0 00-2.375.75 3.988 3.988 0 00-1.664 1.879.405.405 0 01-.219.218.395.395 0 01-.309-.005.383.383 0 01-.251-.374.394.394 0 01.038-.154 4.76 4.76 0 012.03-2.263 8.248 8.248 0 012.629-.843 3.655 3.655 0 011.624 0c.368.126.711.315 1.015.558a3.763 3.763 0 011.471 2.172 4.325 4.325 0 01-.223 2.091 8.305 8.305 0 01-.873 2.03 5.733 5.733 0 01-3.603 2.538 5.529 5.529 0 01-1.198.152zM280.568 98.748a12.627 12.627 0 008.232-2.03c3.857-2.69 4.06-6.09 4.06-6.09a22.441 22.441 0 01-10.262 1.807l-2.03 6.313z",
fill: "#262626"
});
var _ref8 = /*#__PURE__*/_react["default"].createElement("path", {
d: "M281.726 99.256a9.037 9.037 0 01-1.239-.072.45.45 0 01-.383-.385.448.448 0 01.018-.193l2.03-6.303a.467.467 0 01.446-.315 22.234 22.234 0 0010.018-1.847.471.471 0 01.447 0 .46.46 0 01.203.396c0 .152-.244 3.694-4.232 6.485a12.903 12.903 0 01-7.308 2.234zm-.579-.914a12.18 12.18 0 007.369-2.03 8.93 8.93 0 003.715-5.014 23.792 23.792 0 01-9.328 1.614l-1.756 5.43z",
fill: "#262626"
});
var _ref9 = /*#__PURE__*/_react["default"].createElement("path", {
d: "M287.887 71.922s-5.075 5.075-4.365 6.334c.711 1.258 3.502 1.014 3.502 1.014",
fill: "#fff"
});
var _ref10 = /*#__PURE__*/_react["default"].createElement("path", {
d: "M286.658 79.757c-.873 0-2.822-.132-3.512-1.268-.832-1.36 2.822-5.268 4.436-6.882a.44.44 0 01.32-.135.448.448 0 01.319.135.456.456 0 010 .64c-2.578 2.598-4.608 5.247-4.313 5.775.477.802 2.436.862 3.045.832a.469.469 0 01.477.426.461.461 0 01-.117.322.44.44 0 01-.31.145l-.345.01zM280.101 82.244l9.876-.132s-.446 6.7-6.191 7.105c-5.745.406-3.685-6.973-3.685-6.973z",
fill: "#262626"
});
var _ref11 = /*#__PURE__*/_react["default"].createElement("path", {
d: "M290.221 71.932a1.763 1.763 0 011.431-1.015c1.137-.183 1.715 1.147 1.715 1.147",
fill: "#fff"
});
var _ref12 = /*#__PURE__*/_react["default"].createElement("path", {
d: "M293.368 72.47a.446.446 0 01-.417-.264s-.446-1.015-1.228-.883a1.344 1.344 0 00-1.076.751.456.456 0 01-.578.274.447.447 0 01-.274-.558 2.184 2.184 0 011.776-1.35c1.462-.244 2.172 1.34 2.203 1.41a.456.456 0 01.005.344.437.437 0 01-.239.245l-.172.031z",
fill: "#262626"
});
var _ref13 = /*#__PURE__*/_react["default"].createElement("path", {
d: "M281.076 71.07a1.76 1.76 0 011.431-1.016c1.137-.193 1.715 1.147 1.715 1.147",
fill: "#fff"
});
var _ref14 = /*#__PURE__*/_react["default"].createElement("path", {
d: "M284.222 71.617a.448.448 0 01-.416-.274s-.447-1.015-1.228-.873a1.32 1.32 0 00-1.076.751.456.456 0 01-.579.274.455.455 0 01-.274-.568 2.205 2.205 0 011.777-1.35c1.461-.243 2.172 1.35 2.202 1.41a.442.442 0 01.01.345.438.438 0 01-.243.244.387.387 0 01-.173.041zM308.877 167.606l-8.08 107.803-134.305-27.456 89.28-91.594 53.105 11.247zM251.062 88.527l-157.73 26.289 69.385-70.523 88.345 44.234z",
fill: "#262626"
});
var _ref15 = /*#__PURE__*/_react["default"].createElement("path", {
d: "M93.331 115.323a.503.503 0 01-.502-.602.512.512 0 01.137-.261l69.385-70.532a.508.508 0 01.589-.091l88.305 44.243a.475.475 0 01.274.528.51.51 0 01-.386.447l-157.72 26.258-.082.01zm69.497-70.41l-68.005 69.141 154.615-25.77-86.61-43.372zM265.627 194.341l-148.788 26.765-23.305-105.357 157.65-26.288 14.443 104.88z",
fill: "#262626"
});
var _ref16 = /*#__PURE__*/_react["default"].createElement("path", {
d: "M116.849 221.614a.5.5 0 01-.498-.396L93.006 115.851a.518.518 0 01.22-.535.497.497 0 01.197-.074l157.71-26.289a.528.528 0 01.386.092.516.516 0 01.203.345l14.443 104.88a.489.489 0 01-.09.37.487.487 0 01-.326.198L116.93 221.604l-.081.01zM94.143 116.155l23.091 104.373 147.825-26.603L250.758 90.07 94.143 116.155z",
fill: "#262626"
});
var _ref17 = /*#__PURE__*/_react["default"].createElement("path", {
d: "M114.464 90.73a.5.5 0 01-.488-.386.507.507 0 01.356-.619l108.026-28.004a.523.523 0 11.254 1.015L114.585 90.71l-.121.02zM119.031 108.441a.484.484 0 01-.487-.396.506.506 0 01.204-.522.504.504 0 01.182-.076L223.525 83.98a.518.518 0 11.213 1.015L119.183 108.43l-.152.01zM127.993 125.016a.496.496 0 01-.497-.406.507.507 0 01.396-.599l100.028-19.427a.497.497 0 01.589.396.494.494 0 01-.211.525.497.497 0 01-.185.074l-100.028 19.427-.092.01zM132.754 146.169a.507.507 0 01-.548-.467.508.508 0 01.467-.548l94.882-15.438a.516.516 0 01.497.809c-.08.11-.2.184-.335.206l-94.882 15.428-.081.01z",
fill: "#fff"
});
var _ref18 = /*#__PURE__*/_react["default"].createElement("path", {
d: "M182.773 156.502l-89.239-40.753 23.305 105.357 148.788-26.765-14.443-104.88-68.411 67.041z",
fill: "#fff"
});
var _ref19 = /*#__PURE__*/_react["default"].createElement("path", {
d: "M116.849 221.614a.5.5 0 01-.498-.396L93.006 115.851a.507.507 0 01.71-.569l88.925 40.6 68.188-66.827a.504.504 0 01.752.037c.06.074.098.163.11.257l14.444 104.88a.506.506 0 01-.09.371.51.51 0 01-.326.198L116.93 221.604l-.081.01zM94.245 116.632l22.989 103.896 147.825-26.603-14.21-103.398-67.721 66.34a.502.502 0 01-.568.091l-88.315-40.326z",
fill: "#262626"
});
var _ref20 = /*#__PURE__*/_react["default"].createElement("path", {
d: "M265.638 194.341l-148.789 26.765 65.934-64.605 82.855 37.84z",
fill: "#fff"
});
var _ref21 = /*#__PURE__*/_react["default"].createElement("path", {
d: "M116.849 221.614a.502.502 0 01-.267-.073.495.495 0 01-.088-.79l65.975-64.615a.502.502 0 01.568-.091l82.844 37.829c.098.046.18.122.233.216a.529.529 0 01.062.312.516.516 0 01-.132.284.513.513 0 01-.274.152l-148.83 26.776h-.091zm66.036-64.503l-64.503 63.204 145.561-26.187-81.058-37.017z",
fill: "#262626"
});
var _ref22 = /*#__PURE__*/_react["default"].createElement("path", {
d: "M265.638 194.341l-148.789 26.765 65.934-64.605 82.855 37.84z",
fill: "#fff"
});
var _ref23 = /*#__PURE__*/_react["default"].createElement("path", {
d: "M116.849 221.614a.502.502 0 01-.267-.073.495.495 0 01-.088-.79l65.975-64.615a.502.502 0 01.568-.091l82.844 37.829c.098.046.18.122.233.216a.529.529 0 01.062.312.516.516 0 01-.132.284.513.513 0 01-.274.152l-148.83 26.776h-.091zm66.036-64.503l-64.503 63.204 145.561-26.187-81.058-37.017z",
fill: "#262626"
});
var _ref24 = /*#__PURE__*/_react["default"].createElement("path", {
d: "M255.285 49.166s-2.162 8.12-8.993 8.323c0 0 7.206 2.03 8.719 8.79a12.526 12.526 0 018.363-7.826 14.144 14.144 0 01-8.089-9.288zM59.126 110.867s5.45 7.796.619 13.825c0 0 6.993-4.75 13.936-1.127a14.129 14.129 0 01-.66-12.911s-5.938 3.593-13.895.213zM108.018 47.308s1.147 13.58-9.135 17.57c0 0 12.069-.853 18.067 8.627 0 0-.426-10.393 8.465-16.453-.081 0-10.007.183-17.397-9.744z",
fill: "#D1D3D4"
});
var _ref25 = /*#__PURE__*/_react["default"].createElement("path", {
d: "M303.365 115.658s-78.875 40.001-90.883 42.295c-12.007 2.294-26.288-1.715-25.72 1.716.568 3.43 7.43 5.136 7.43 5.136s-21.711 3.43-20.574 5.724c1.137 2.294 15.438-.578 15.438-.578s-17.722 5.146-13.723 7.429c3.999 2.284 16.575-2.852 16.575-2.852s-18.859 9.714-13.713 10.282c5.147.569 14.292-4.567 14.292-4.567s-14.292 7.429-8.577 7.998c5.714.568 90.873-29.719 119.455-46.863",
fill: "#fff"
});
var _ref26 = /*#__PURE__*/_react["default"].createElement("path", {
d: "M184.082 188.758h-.223c-1.066-.111-1.675-.477-1.786-1.086-.173-.913 1.096-2.192 2.862-3.491a17.11 17.11 0 01-6.8 1.147c-.782-.092-1.229-.386-1.32-.904-.284-1.522 4.71-4.74 9.348-7.369-3.928 1.147-8.769 2.101-11.084.782a1.357 1.357 0 01-.832-1.36c.193-1.604 4.314-3.482 8.282-4.923-4.161.518-8.617.69-9.368-.792a.906.906 0 010-.842c1.015-2.03 13.347-4.334 18.859-5.258-2.183-.822-5.359-2.436-5.776-4.902a1.36 1.36 0 01.325-1.178c1.015-1.126 4.121-.944 8.851-.67 4.994.285 11.165.64 16.95-.446 11.795-2.254 89.96-41.859 90.741-42.255a.52.52 0 01.691.224.507.507 0 01-.224.68c-3.227 1.634-79.078 40.072-91.015 42.345-5.866 1.117-12.18.752-17.255.467-3.786-.223-7.358-.426-8.038.325a.362.362 0 00-.072.335c.427 2.548 5.228 4.283 7.055 4.74a.509.509 0 01-.051 1.015c-9.348 1.472-19.732 3.827-20.199 5.075.599 1.117 8.192.416 14.88-.923a.52.52 0 01.544.2.521.521 0 01-.3.815c-6.587 1.908-13.784 4.8-13.946 6.15 0 .132.203.274.335.356 3.106 1.776 12.697-1.482 16.128-2.893a.515.515 0 01.66.264.505.505 0 01-.234.66c-6.83 3.522-14.21 8.038-14.331 9.246.143.04.289.07.436.092 3.837.426 10.15-2.548 12.799-3.888l1.198-.639a.507.507 0 01.68.213.505.505 0 01.045.38.504.504 0 01-.238.3c-.081 0-.548.315-1.279.69-4.74 2.578-8.536 5.319-8.384 6.09 0 0 .183.193.894.264h.253c3.045 0 23.863-6.618 50.75-16.768 14.698-5.542 50.75-19.559 68.218-30.034a.519.519 0 01.399-.089.52.52 0 01.335.234.518.518 0 01.055.404.52.52 0 01-.261.314c-27.567 16.484-111.528 46.903-119.557 46.903z",
fill: "#262626"
});
var _ref27 = /*#__PURE__*/_react["default"].createElement("path", {
d: "M291.835 149.61a.533.533 0 01-.498-.355.532.532 0 01.335-.66c.173-.061 17.083-5.765 23.762-14.312a.524.524 0 01.348-.192.51.51 0 01.382.111.51.51 0 01.092.731c-6.872 8.79-23.548 14.423-24.249 14.657a.527.527 0 01-.172.02zM305.344 87.522a.518.518 0 01-.132-1.015 13.194 13.194 0 008.455-7.683 20.659 20.659 0 001.015-11.784 20.013 20.013 0 00-4.77-10.272 12.52 12.52 0 00-10.15-4.06l-.741.102c-.554.092-1.114.143-1.675.152a10.728 10.728 0 01-2.03-.295l-.436-.09a21.66 21.66 0 00-25.274 26.44c.244 1.015.833 2.629 2.081 2.78a.507.507 0 01.457.58.532.532 0 01-.194.349.52.52 0 01-.385.107c-1.39-.172-2.446-1.43-2.974-3.562a22.72 22.72 0 015.61-21.185 22.718 22.718 0 0120.902-6.586l.457.092a9.317 9.317 0 001.867.274c.504-.014 1.006-.061 1.503-.142.263 0 .517-.082.781-.102a13.32 13.32 0 0110.993 4.395 21.001 21.001 0 015.075 10.81 21.66 21.66 0 01-1.107 12.383 14.219 14.219 0 01-9.135 8.282l-.193.03z",
fill: "#262626"
});
var _ref28 = /*#__PURE__*/_react["default"].createElement("path", {
d: "M297.417 52.413s5.278-3.917 13.855-1.827c8.577 2.091 11.815 17.722 3.806 26.106 0 0 1.249-22.847-17.661-24.279z",
fill: "#262626"
});
var _ref29 = /*#__PURE__*/_react["default"].createElement("path", {
d: "M327.938 101.417h-.05a20.234 20.234 0 01-11.165-4.212 13.327 13.327 0 01-5.075-10.688.498.498 0 01.166-.367.507.507 0 01.382-.13.52.52 0 01.497.548 12.286 12.286 0 004.669 9.825 18.377 18.377 0 008.536 3.715 6.354 6.354 0 01-1.563-3.43c-.166-1.924.13-3.858.863-5.644a54.972 54.972 0 014.456-8.719c2.527-4.314 4.912-8.384 5.44-13.114a16.845 16.845 0 00-5.774-14.678 16.843 16.843 0 00-15.389-3.46.537.537 0 01-.649-.365.51.51 0 01.183-.55.517.517 0 01.182-.09 17.897 17.897 0 0121.368 10.72 17.886 17.886 0 011.124 8.565c-.558 4.944-3.116 9.298-5.582 13.52a54.74 54.74 0 00-4.314 8.516 10.711 10.711 0 00-.812 5.146 4.805 4.805 0 002.71 3.877.531.531 0 01.316.586.528.528 0 01-.509.429h-.01zM281.36 124.752a.527.527 0 01-.274-1.015l20.858-12.86a.528.528 0 01.787.569.511.511 0 01-.239.324l-20.858 12.86a.538.538 0 01-.274.122z",
fill: "#262626"
});
var _ref30 = /*#__PURE__*/_react["default"].createElement("path", {
d: "M54.467 162.683a.465.465 0 01-.467-.467.465.465 0 01.467-.467l31.465-1.715a.437.437 0 01.349.111.442.442 0 01.148.335.468.468 0 01-.436.487l-31.465 1.716h-.061zM129.912 259.281a.465.465 0 01-.254-.071.48.48 0 01-.142-.65l15.438-24.005a.485.485 0 01.124-.143.492.492 0 01.171-.082.463.463 0 01.501.196.486.486 0 01.071.175.475.475 0 01-.085.362l-15.388 24.004a.463.463 0 01-.436.214zM71.61 220.416a.469.469 0 01-.463-.416.457.457 0 01.24-.457l23.436-13.154a.477.477 0 01.687.538.467.467 0 01-.22.284l-23.436 13.195a.468.468 0 01-.244.01zM245.368 38.082a.469.469 0 01-.462-.409.475.475 0 01.026-.22l5.714-15.388a.467.467 0 01.873.325l-5.714 15.428a.458.458 0 01-.437.264zM331.674 131.248a.459.459 0 01-.376-.734.466.466 0 01.305-.189l24.573-4.06a.479.479 0 01.538.385.47.47 0 01-.386.538l-24.583 4.01-.071.05zM331.105 232.992a.443.443 0 01-.365-.183l-15.438-19.427a.478.478 0 01.241-.744.455.455 0 01.489.156l15.439 19.437a.47.47 0 01-.366.761zM90.844 67.973a.457.457 0 01-.304-.111l-11.033-9.48a.477.477 0 010-.66.457.457 0 01.66-.05l11.033 9.48a.458.458 0 01.05.659.448.448 0 01-.406.162z",
fill: "#D1D3D4"
});
var NewMessageSvg = function NewMessageSvg(_ref) {
var width = _ref.width,
height = _ref.height,
color = _ref.color;
var colorCustom = (0, _useGetColor["default"])({
color: color
});
return /*#__PURE__*/_react["default"].createElement(_Svg["default"], {
height: height,
width: width
}, _ref2, /*#__PURE__*/_react["default"].createElement("path", {
d: "M278.356 98.362s-39.098 10.719-38.723 12.241c.376 1.523 8.009 29.719 8.009 29.719l24.36-6.09 6.354-35.87z",
fill: colorCustom
}), /*#__PURE__*/_react["default"].createElement("path", {
d: "M279.147 98.129s-12.413 3.329-20.026 7.714c-7.612 4.385-5.521 51.115-5.521 51.115l56.403 11.368s10.739-30.348 10.008-44.203c-.731-13.855-9.297-33.505-40.864-25.994z",
fill: colorCustom
}), _ref3, _ref4, _ref5, _ref6, _ref7, _ref8, _ref9, _ref10, _ref11, _ref12, _ref13, _ref14, _ref15, _ref16, /*#__PURE__*/_react["default"].createElement("path", {
d: "M129.333 186.241s-27.405-84.59-40.6-110.31L235.634 35.92l9.135 130.935-115.436 19.386z",
fill: colorCustom
}), _ref17, _ref18, _ref19, _ref20, _ref21, _ref22, _ref23, _ref24, _ref25, _ref26, /*#__PURE__*/_react["default"].createElement("path", {
d: "M289.5 150s-12.89-29.105-11.763-29.49c1.126-.386 24.36-15.621 26.298-14.474 1.939 1.147 11.749 23.488 9.465 29.964-2.284 6.475-24 14-24 14z",
fill: colorCustom
}), _ref27, _ref28, _ref29, _ref30);
};
var _default = _react["default"].memo(NewMessageSvg);
exports["default"] = _default;