@littlespoon/icons
Version:
Little Spoon icons
44 lines • 3.6 kB
JavaScript
;
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
return cooked;
};
var __assign = (this && this.__assign) || function () {
__assign = Object.assign || function(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);
};
var __rest = (this && this.__rest) || function (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;
};
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.CartIconBase = void 0;
var jsx_runtime_1 = require("react/jsx-runtime");
var token_1 = require("@littlespoon/theme/lib/colors/token");
var styled_components_1 = __importDefault(require("styled-components"));
var css_helpers_1 = require("./utils/css-helpers");
function CartIcon(_a) {
var _b = _a.fill, fill = _b === void 0 ? token_1.shadeBlack : _b, _c = _a.size, size = _c === void 0 ? 'small' : _c, other = __rest(_a, ["fill", "size"]);
return ((0, jsx_runtime_1.jsxs)(exports.CartIconBase, __assign({ xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", size: size }, other, { children: [(0, jsx_runtime_1.jsx)("title", { children: "Cart icon" }), (0, jsx_runtime_1.jsx)("desc", { children: "Cart icon" }), (0, jsx_runtime_1.jsx)("path", { d: "M7.99777 17.9978C6.89818 17.9978 6.00851 18.8975 6.00851 19.997C6.00851 21.0966 6.89818 21.9963 7.99777 21.9963C9.09736 21.9963 9.99703 21.0966 9.99703 19.997C9.99703 18.8975 9.09736 17.9978 7.99777 17.9978ZM2 3.00335C2 3.55315 2.44983 4.00298 2.99963 4.00298H3.99926L7.59792 11.5902L6.24842 14.0293C5.51869 15.3688 6.47834 16.9982 7.99777 16.9982H18.9937C19.5435 16.9982 19.9933 16.5483 19.9933 15.9985C19.9933 15.4487 19.5435 14.9989 18.9937 14.9989H7.99777L9.09737 12.9996H16.5446C17.2943 12.9996 17.9541 12.5898 18.2939 11.97L21.8726 5.48243C22.2425 4.82268 21.7627 4.00298 21.0029 4.00298H6.20844L5.53869 2.57351C5.37875 2.22364 5.01888 2.00372 4.63902 2.00372H2.99963C2.44983 2.00372 2 2.45356 2 3.00335ZM17.9941 17.9978C16.8945 17.9978 16.0048 18.8975 16.0048 19.997C16.0048 21.0966 16.8945 21.9963 17.9941 21.9963C19.0937 21.9963 19.9933 21.0966 19.9933 19.997C19.9933 18.8975 19.0937 17.9978 17.9941 17.9978Z", fill: fill })] })));
}
exports.default = CartIcon;
exports.CartIconBase = styled_components_1.default.svg(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n justify-content: center;\n align-items: center;\n transition: transform 0.4s;\n transform: scale(", ");\n"], ["\n display: flex;\n justify-content: center;\n align-items: center;\n transition: transform 0.4s;\n transform: scale(", ");\n"])), function (props) { return (0, css_helpers_1.getScale)(props.size); });
var templateObject_1;
//# sourceMappingURL=CartIcon.js.map