@littlespoon/icons/lib/CaretIcon.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 });
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 CaretIcon(_a) {
    var _b = _a.direction, direction = _b === void 0 ? 'down' : _b, _c = _a.fill, fill = _c === void 0 ? token_1.shadeBlack : _c, _d = _a.size, size = _d === void 0 ? 'small' : _d, other = __rest(_a, ["direction", "fill", "size"]);
    return ((0, jsx_runtime_1.jsxs)(CaretIconBase, __assign({ xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", size: size, direction: direction }, other, { children: [(0, jsx_runtime_1.jsx)("title", { children: "Caret icon" }), (0, jsx_runtime_1.jsx)("desc", { children: "Caret icon" }), (0, jsx_runtime_1.jsx)("path", { fill: fill, fillRule: "evenodd", clipRule: "evenodd", d: "M3.71242 6.14214H20.2828C20.6222 6.14187 20.9541 6.2423 21.2365 6.43072C21.5189 6.61914 21.739 6.88708 21.8691 7.20064C21.9991 7.5142 22.0333 7.85929 21.9671 8.19226C21.901 8.52522 21.7376 8.83108 21.4976 9.07116L13.2116 17.3555C12.8898 17.6771 12.4534 17.8579 11.9985 17.8579C11.5435 17.8579 11.1071 17.6771 10.7853 17.3555L2.49757 9.07116C2.25914 8.83035 2.09718 8.52444 2.03205 8.19188C1.96692 7.85931 2.00153 7.51492 2.13151 7.20196C2.2615 6.88899 2.48108 6.62143 2.76266 6.43286C3.04423 6.2443 3.37526 6.14316 3.71414 6.14214H3.71242Z" })] })));
}
exports.default = CaretIcon;
var CaretIconBase = 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    rotate(", "deg);\n"], ["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  transition: transform 0.4s;\n  transform: scale(", ")\n    rotate(", "deg);\n"])), function (props) { return (0, css_helpers_1.getScale)(props.size); }, function (props) { return (0, css_helpers_1.getRotate)(props.direction); });
var templateObject_1;
//# sourceMappingURL=CaretIcon.js.map