@littlespoon/icons
Advanced tools
Comparing version 1.8.0 to 1.9.0
"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 () { | ||
@@ -24,11 +28,17 @@ __assign = Object.assign || function(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 ArrowBase_1 = require("./ArrowBase"); | ||
var styled_components_1 = __importDefault(require("styled-components")); | ||
var css_helpers_1 = require("./utils/css-helpers"); | ||
function ArrowIcon(_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)(ArrowBase_1.ArrowBase, __assign({ xmlns: "http://www.w3.org/2000/svg", width: "15", height: "10", viewBox: "0 0 15 10", size: size, direction: direction }, other, { children: [(0, jsx_runtime_1.jsx)("title", { children: "Arrow icon" }), (0, jsx_runtime_1.jsx)("desc", { children: "Arrow icon" }), (0, jsx_runtime_1.jsx)("path", { fill: fill, fillRule: "evenodd", d: "M7.754 9.392l6.644-6.861a.365.365 0 000-.507L13.027.608a.353.353 0 00-.508 0L7.5 5.791 2.481.608a.353.353 0 00-.508 0L.603 2.024a.365.365 0 000 .507l6.643 6.86c.14.145.368.145.508 0z" })] }))); | ||
return ((0, jsx_runtime_1.jsxs)(ArrowBase, __assign({ xmlns: "http://www.w3.org/2000/svg", width: "15", height: "10", viewBox: "0 0 15 10", size: size, direction: direction }, other, { children: [(0, jsx_runtime_1.jsx)("title", { children: "Arrow icon" }), (0, jsx_runtime_1.jsx)("desc", { children: "Arrow icon" }), (0, jsx_runtime_1.jsx)("path", { fill: fill, fillRule: "evenodd", d: "M7.754 9.392l6.644-6.861a.365.365 0 000-.507L13.027.608a.353.353 0 00-.508 0L7.5 5.791 2.481.608a.353.353 0 00-.508 0L.603 2.024a.365.365 0 000 .507l6.643 6.86c.14.145.368.145.508 0z" })] }))); | ||
} | ||
exports.default = ArrowIcon; | ||
var ArrowBase = 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=ArrowIcon.js.map |
"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 () { | ||
@@ -24,11 +28,17 @@ __assign = Object.assign || function(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 CheckBase_1 = require("./CheckBase"); | ||
var styled_components_1 = __importDefault(require("styled-components")); | ||
var css_helpers_1 = require("./utils/css-helpers"); | ||
function CheckIcon(_a) { | ||
var _b = _a.fill, fill = _b === void 0 ? token_1.shadeWhite : _b, _c = _a.stroke, stroke = _c === void 0 ? token_1.shadeBlack : _c, _d = _a.size, size = _d === void 0 ? 'small' : _d, other = __rest(_a, ["fill", "stroke", "size"]); | ||
return ((0, jsx_runtime_1.jsxs)(CheckBase_1.CheckIconBase, __assign({ width: "24", height: "24", viewBox: "0 0 24 24", size: size, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, other, { children: [(0, jsx_runtime_1.jsx)("circle", { cx: "12", cy: "12", r: "12", fill: fill }), (0, jsx_runtime_1.jsx)("title", { children: "Check icon" }), (0, jsx_runtime_1.jsx)("desc", { children: "Check icon" }), (0, jsx_runtime_1.jsx)("path", { d: "m17.454 8.25-7.5 7.5-3.409-3.41", stroke: stroke, strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })] }))); | ||
return ((0, jsx_runtime_1.jsxs)(CheckIconBase, __assign({ width: "24", height: "24", viewBox: "0 0 24 24", size: size, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, other, { children: [(0, jsx_runtime_1.jsx)("circle", { cx: "12", cy: "12", r: "12", fill: fill }), (0, jsx_runtime_1.jsx)("title", { children: "Check icon" }), (0, jsx_runtime_1.jsx)("desc", { children: "Check icon" }), (0, jsx_runtime_1.jsx)("path", { d: "m17.454 8.25-7.5 7.5-3.409-3.41", stroke: stroke, strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })] }))); | ||
} | ||
exports.default = CheckIcon; | ||
var CheckIconBase = styled_components_1.default.svg(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n transition: transform 0.4s;\n transform: scale(", ");\n"], ["\n transition: transform 0.4s;\n transform: scale(", ");\n"])), function (props) { return (0, css_helpers_1.getScale)(props.size); }); | ||
var templateObject_1; | ||
//# sourceMappingURL=CheckIcon.js.map |
@@ -17,2 +17,3 @@ /// <reference types="react" /> | ||
export default function ExclamationIcon({ fill, stroke, size, ...other }: ExclamationIconProps): React.ReactElement; | ||
export declare const ExclamationBase: import("styled-components").StyledComponent<"svg", any, ExclamationIconProps, never>; | ||
//# sourceMappingURL=ExclamationIcon.d.ts.map |
"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 () { | ||
@@ -24,11 +28,18 @@ __assign = Object.assign || function(t) { | ||
}; | ||
var __importDefault = (this && this.__importDefault) || function (mod) { | ||
return (mod && mod.__esModule) ? mod : { "default": mod }; | ||
}; | ||
Object.defineProperty(exports, "__esModule", { value: true }); | ||
exports.ExclamationBase = void 0; | ||
var jsx_runtime_1 = require("react/jsx-runtime"); | ||
var token_1 = require("@littlespoon/theme/lib/colors/token"); | ||
var ExclamationBase_1 = require("./ExclamationBase"); | ||
var styled_components_1 = __importDefault(require("styled-components")); | ||
var css_helpers_1 = require("./utils/css-helpers"); | ||
function ExclamationIcon(_a) { | ||
var _b = _a.fill, fill = _b === void 0 ? token_1.shadeWhite : _b, _c = _a.stroke, stroke = _c === void 0 ? token_1.shadeBlack : _c, _d = _a.size, size = _d === void 0 ? 'small' : _d, other = __rest(_a, ["fill", "stroke", "size"]); | ||
return ((0, jsx_runtime_1.jsxs)(ExclamationBase_1.ExclamationBase, __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)("circle", { cx: "12", cy: "12", r: "12", fill: fill }), (0, jsx_runtime_1.jsx)("title", { children: "Exclamation icon" }), (0, jsx_runtime_1.jsx)("desc", { children: "Exclamation icon" }), (0, jsx_runtime_1.jsx)("path", { d: "M11.876 16.276H12v.124h-.124v-.124ZM11.938 7.6v4.958", stroke: stroke, strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })] }))); | ||
return ((0, jsx_runtime_1.jsxs)(exports.ExclamationBase, __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)("circle", { cx: "12", cy: "12", r: "12", fill: fill }), (0, jsx_runtime_1.jsx)("title", { children: "Exclamation icon" }), (0, jsx_runtime_1.jsx)("desc", { children: "Exclamation icon" }), (0, jsx_runtime_1.jsx)("path", { d: "M11.876 16.276H12v.124h-.124v-.124ZM11.938 7.6v4.958", stroke: stroke, strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })] }))); | ||
} | ||
exports.default = ExclamationIcon; | ||
exports.ExclamationBase = 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=ExclamationIcon.js.map |
@@ -17,2 +17,3 @@ /// <reference types="react" /> | ||
export default function FilterIcon({ fill, size, stroke, ...other }: FilterIconProps): React.ReactElement; | ||
export declare const FilterBase: import("styled-components").StyledComponent<"svg", any, FilterIconProps, never>; | ||
//# sourceMappingURL=FilterIcon.d.ts.map |
"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 () { | ||
@@ -24,11 +28,18 @@ __assign = Object.assign || function(t) { | ||
}; | ||
var __importDefault = (this && this.__importDefault) || function (mod) { | ||
return (mod && mod.__esModule) ? mod : { "default": mod }; | ||
}; | ||
Object.defineProperty(exports, "__esModule", { value: true }); | ||
exports.FilterBase = void 0; | ||
var jsx_runtime_1 = require("react/jsx-runtime"); | ||
var token_1 = require("@littlespoon/theme/lib/colors/token"); | ||
var FilterBase_1 = require("./FilterBase"); | ||
var styled_components_1 = __importDefault(require("styled-components")); | ||
var css_helpers_1 = require("./utils/css-helpers"); | ||
function FilterIcon(_a) { | ||
var _b = _a.fill, fill = _b === void 0 ? token_1.shadeWhite : _b, _c = _a.size, size = _c === void 0 ? 'small' : _c, _d = _a.stroke, stroke = _d === void 0 ? token_1.shadeBlack : _d, other = __rest(_a, ["fill", "size", "stroke"]); | ||
return ((0, jsx_runtime_1.jsxs)(FilterBase_1.FilterBase, __assign({ xmlns: "http://www.w3.org/2000/svg", size: size, viewBox: "0 0 44 44" }, other, { children: [(0, jsx_runtime_1.jsx)("title", { children: "Filter icon" }), (0, jsx_runtime_1.jsx)("desc", { children: "Filter icon" }), (0, jsx_runtime_1.jsx)("path", { d: "M0 5a5 5 0 0 1 5-5h34a5 5 0 0 1 5 5v34a5 5 0 0 1-5 5H5a5 5 0 0 1-5-5V5Z", fill: fill }), (0, jsx_runtime_1.jsx)("path", { stroke: stroke, strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", d: "M13.584 28.38h16.833" }), (0, jsx_runtime_1.jsx)("circle", { cx: "27.562", cy: "28.666", r: "1.583", fill: fill, stroke: stroke, strokeWidth: "1.5" }), (0, jsx_runtime_1.jsx)("path", { stroke: stroke, strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", d: "M13.584 15.047h16.833" }), (0, jsx_runtime_1.jsx)("path", { d: "M27.562 16.917a1.583 1.583 0 1 0 0-3.167 1.583 1.583 0 0 0 0 3.167Z", fill: fill, stroke: stroke, strokeWidth: "1.5" }), (0, jsx_runtime_1.jsx)("path", { stroke: stroke, strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", d: "M30.418 21.714H13.585" }), (0, jsx_runtime_1.jsx)("path", { d: "M16.44 23.584a1.583 1.583 0 1 1 0-3.167 1.583 1.583 0 0 1 0 3.167Z", fill: fill, stroke: stroke, strokeWidth: "1.5" })] }))); | ||
return ((0, jsx_runtime_1.jsxs)(exports.FilterBase, __assign({ xmlns: "http://www.w3.org/2000/svg", size: size, viewBox: "0 0 44 44" }, other, { children: [(0, jsx_runtime_1.jsx)("title", { children: "Filter icon" }), (0, jsx_runtime_1.jsx)("desc", { children: "Filter icon" }), (0, jsx_runtime_1.jsx)("path", { d: "M0 5a5 5 0 0 1 5-5h34a5 5 0 0 1 5 5v34a5 5 0 0 1-5 5H5a5 5 0 0 1-5-5V5Z", fill: fill }), (0, jsx_runtime_1.jsx)("path", { stroke: stroke, strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", d: "M13.584 28.38h16.833" }), (0, jsx_runtime_1.jsx)("circle", { cx: "27.562", cy: "28.666", r: "1.583", fill: fill, stroke: stroke, strokeWidth: "1.5" }), (0, jsx_runtime_1.jsx)("path", { stroke: stroke, strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", d: "M13.584 15.047h16.833" }), (0, jsx_runtime_1.jsx)("path", { d: "M27.562 16.917a1.583 1.583 0 1 0 0-3.167 1.583 1.583 0 0 0 0 3.167Z", fill: fill, stroke: stroke, strokeWidth: "1.5" }), (0, jsx_runtime_1.jsx)("path", { stroke: stroke, strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", d: "M30.418 21.714H13.585" }), (0, jsx_runtime_1.jsx)("path", { d: "M16.44 23.584a1.583 1.583 0 1 1 0-3.167 1.583 1.583 0 0 1 0 3.167Z", fill: fill, stroke: stroke, strokeWidth: "1.5" })] }))); | ||
} | ||
exports.default = FilterIcon; | ||
exports.FilterBase = 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 height: ", ";\n width: ", ";\n"], ["\n display: flex;\n justify-content: center;\n align-items: center;\n transition: transform 0.4s;\n height: ", ";\n width: ", ";\n"])), function (props) { return (0, css_helpers_1.getSvgSize)(props.size); }, function (props) { return (0, css_helpers_1.getSvgSize)(props.size); }); | ||
var templateObject_1; | ||
//# sourceMappingURL=FilterIcon.js.map |
"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 () { | ||
@@ -24,11 +28,16 @@ __assign = Object.assign || function(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 OpenIconBase_1 = require("./OpenIconBase"); | ||
var styled_components_1 = __importDefault(require("styled-components")); | ||
function OpenIcon(_a) { | ||
var _b = _a.fill, fill = _b === void 0 ? token_1.shadeWhite : _b, _c = _a.stroke, stroke = _c === void 0 ? token_1.shadeBlack : _c, other = __rest(_a, ["fill", "stroke"]); | ||
return ((0, jsx_runtime_1.jsxs)(OpenIconBase_1.OpenIconBase, __assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, other, { children: [(0, jsx_runtime_1.jsx)("circle", { cx: "12", cy: "12", r: "12", fill: fill }), (0, jsx_runtime_1.jsx)("title", { children: "Open icon" }), (0, jsx_runtime_1.jsx)("path", { d: "m7.566 7.566 8.868 8.868m-8.868 0 8.868-8.868", stroke: stroke, strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })] }))); | ||
return ((0, jsx_runtime_1.jsxs)(OpenIconBase, __assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, other, { children: [(0, jsx_runtime_1.jsx)("circle", { cx: "12", cy: "12", r: "12", fill: fill }), (0, jsx_runtime_1.jsx)("title", { children: "Open icon" }), (0, jsx_runtime_1.jsx)("path", { d: "m7.566 7.566 8.868 8.868m-8.868 0 8.868-8.868", stroke: stroke, strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })] }))); | ||
} | ||
exports.default = OpenIcon; | ||
var OpenIconBase = styled_components_1.default.svg(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n transform: rotate(45deg);\n"], ["\n transform: rotate(45deg);\n"]))); | ||
var templateObject_1; | ||
//# sourceMappingURL=OpenIcon.js.map |
"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 () { | ||
@@ -24,11 +28,17 @@ __assign = Object.assign || function(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 SubtractIconBase_1 = require("./SubtractIconBase"); | ||
var styled_components_1 = __importDefault(require("styled-components")); | ||
var css_helpers_1 = require("./utils/css-helpers"); | ||
function SubtractIcon(_a) { | ||
var _b = _a.fill, fill = _b === void 0 ? token_1.shadeWhite : _b, _c = _a.stroke, stroke = _c === void 0 ? token_1.shadeBlack : _c, _d = _a.size, size = _d === void 0 ? 'small' : _d, other = __rest(_a, ["fill", "stroke", "size"]); | ||
return ((0, jsx_runtime_1.jsxs)(SubtractIconBase_1.SubtractIconBase, __assign({ width: "24", height: "24", viewBox: "0 0 24 24", size: size, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, other, { children: [(0, jsx_runtime_1.jsx)("circle", { cx: "12", cy: "12", r: "12", fill: fill }), (0, jsx_runtime_1.jsx)("title", { children: "Subtract icon" }), (0, jsx_runtime_1.jsx)("path", { d: "M3 12h18.5", stroke: stroke, strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })] }))); | ||
return ((0, jsx_runtime_1.jsxs)(SubtractIconBase, __assign({ width: "24", height: "24", viewBox: "0 0 24 24", size: size, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, other, { children: [(0, jsx_runtime_1.jsx)("circle", { cx: "12", cy: "12", r: "12", fill: fill }), (0, jsx_runtime_1.jsx)("title", { children: "Subtract icon" }), (0, jsx_runtime_1.jsx)("path", { d: "M3 12h18.5", stroke: stroke, strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })] }))); | ||
} | ||
exports.default = SubtractIcon; | ||
var SubtractIconBase = styled_components_1.default.svg(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n transition: transform 0.4s;\n transform: scale(", ");\n"], ["\n transition: transform 0.4s;\n transform: scale(", ");\n"])), function (props) { return (0, css_helpers_1.getScale)(props.size); }); | ||
var templateObject_1; | ||
//# sourceMappingURL=SubtractIcon.js.map |
{ | ||
"name": "@littlespoon/icons", | ||
"version": "1.8.0", | ||
"version": "1.9.0", | ||
"description": "Little Spoon icons", | ||
@@ -42,3 +42,3 @@ "main": "lib/index.js", | ||
"license": "UNLICENSED", | ||
"gitHead": "92afe212afc68c4d7badff9dfae7bf3e9d85eeba" | ||
"gitHead": "5912a54adcf83381c4b6a76d488217f0f3fe1df3" | ||
} |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
47669
47
531