@littlespoon/icons/lib/BoxIcon.js

Little Spoon icons

"use strict";
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.BoxIconBase = 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 BoxIcon(_a) {
    var _b = _a.fill, fill = _b === void 0 ? token_1.shadeBlack : _b, notificationColor = _a.notificationColor, _c = _a.size, size = _c === void 0 ? 'small' : _c, other = __rest(_a, ["fill", "notificationColor", "size"]);
    return ((0, jsx_runtime_1.jsxs)(exports.BoxIconBase, __assign({ xmlns: "http://www.w3.org/2000/svg", width: "26", height: "26", viewBox: "0 0 26 26", size: size }, other, { children: [(0, jsx_runtime_1.jsx)("title", { children: "Box icon" }), (0, jsx_runtime_1.jsx)("desc", { children: "Box icon" }), (0, jsx_runtime_1.jsx)("path", { d: "M13.409 4.51299C12.5054 4.14663 11.4946 4.14663 10.591 4.51299L8.401 5.40099L17.993 9.13099L21.367 7.82799C21.2287 7.71321 21.0736 7.62045 20.907 7.55299L13.409 4.51299V4.51299ZM22 9.19099L12.75 12.765V23.688C12.974 23.643 13.194 23.576 13.409 23.489L20.907 20.449C21.23 20.3182 21.5065 20.0939 21.7013 19.8049C21.896 19.516 22 19.1754 22 18.827V9.19199V9.19099ZM11.25 23.688V12.765L2 9.19099V18.828C2.0002 19.1763 2.10431 19.5166 2.29903 19.8054C2.49374 20.0941 2.77019 20.3182 3.093 20.449L10.591 23.489C10.806 23.576 11.026 23.642 11.25 23.689V23.688ZM2.633 7.82799L12 11.447L15.917 9.93299L6.374 6.22299L3.093 7.55299C2.923 7.62199 2.769 7.71499 2.633 7.82799V7.82799Z", fill: fill }), notificationColor && (0, jsx_runtime_1.jsx)("circle", { cx: "19.3943", cy: "6.69098", r: "6", fill: notificationColor })] })));
}
exports.default = BoxIcon;
exports.BoxIconBase = 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=BoxIcon.js.map