@littlespoon/icons - npm Package Compare versions

Comparing version 1.9.0 to 2.0.0

lib/CloseIcon.d.ts

@@ -11,8 +11,9 @@ /// <reference types="react" />
     stroke?: string;
+    /**
+     * The size of the component. Defaults to "small".
+     */
+    size?: 'xsmall' | 'small' | 'medium' | 'large';
 }
-export default function CloseIcon({ fill, stroke, ...other }: {
-    [x: string]: any;
-    fill?: string | undefined;
-    stroke?: string | undefined;
-}): JSX.Element;
+export default function CloseIcon({ fill, stroke, size, ...other }: CloseIconProps): React.ReactElement;
+export declare const CloseIconBase: import("styled-components").StyledComponent<"svg", any, CloseIconProps, never>;
 //# sourceMappingURL=CloseIcon.d.ts.map

lib/CloseIcon.js

 "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,10 +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.CloseIconBase = 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 CloseIcon(_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)("svg", __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: "Close icon" }), (0, jsx_runtime_1.jsx)("desc", { children: "Close icon" }), (0, jsx_runtime_1.jsx)("path", { d: "M7.56567 7.56583L16.4342 16.4343M7.56568 16.4343L16.4342 7.56583", stroke: stroke, strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })] })));
+    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)(exports.CloseIconBase, __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: "Close icon" }), (0, jsx_runtime_1.jsx)("desc", { children: "Close icon" }), (0, jsx_runtime_1.jsx)("circle", { cx: "12", cy: "12", r: "12", fill: fill }), (0, jsx_runtime_1.jsx)("path", { d: "M7.56567 7.56583L16.4342 16.4343M7.56568 16.4343L16.4342 7.56583", stroke: stroke, strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })] })));
 }
 exports.default = CloseIcon;
+exports.CloseIconBase = 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=CloseIcon.js.map

package.json

 {
   "name": "@littlespoon/icons",
-  "version": "1.9.0",
+  "version": "2.0.0",
   "description": "Little Spoon icons",
@@ -42,3 +42,3 @@ "main": "lib/index.js",
   "license": "UNLICENSED",
-  "gitHead": "5912a54adcf83381c4b6a76d488217f0f3fe1df3"
+  "gitHead": "81d6d89197a3af911b167a2079aacd44f1e7e65c"
 }

README.md

@@ -32,3 +32,3 @@ # @littlespoon/icons
 icons.FilterIcon
-icons.OpenIcon
+icons.AddIcon
 icons.SubtractIcon
@@ -45,4 +45,4 @@ ```
 import FilterIcoon from '@littlespoon/ui/icons/FilterIcon'
-import OpenIcon from '@littlespoon/ui/icons/OpenIcon'
+import AddIcon from '@littlespoon/ui/icons/AddIcon'
 import SubtractIcon from '@littlespoon/ui/icons/SubtractIcon'
 ```

New alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

105792

increased by121.93%

Number of package files

92

increased by95.74%

Lines of code

1118

increased by110.55%

Worsened metrics

Number of low supply chain risk alerts

2

increased byInfinity%

No dependency changes