outline-icons - npm Package Compare versions

Comparing version 2.3.0 to 2.4.0

lib/components/DocumentIcon.d.ts

 import React from "react";
 import { Props } from "./Icon";
-export default function DocumentIcon(props: Props): React.ReactElement<React.ComponentProps<any>, any>;
+export default function DocumentIcon({ outline, ...rest }: Props & {
+    outline?: boolean;
+}): React.ReactElement<React.ComponentProps<any>, any>;

lib/components/DocumentIcon.js

 "use strict";
+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) {
@@ -8,6 +19,6 @@ return (mod && mod.__esModule) ? mod : { "default": mod };
 const Icon_1 = __importDefault(require("./Icon"));
-function DocumentIcon(props) {
-    return (react_1.default.createElement(Icon_1.default, Object.assign({}, props),
-        react_1.default.createElement("path", { d: "M12,4 L12,9 C12,10.1045695 12.8954305,11 14,11 L19,11 L19,18 C19,19.1045695 18.1045695,20 17,20 L7,20 C5.8954305,20 5,19.1045695 5,18 L5,6 C5,4.8954305 5.8954305,4 7,4 L12,4 Z M14,4 L19,9 L14,9 L14,4 Z" })));
+function DocumentIcon(_a) {
+    var { outline = false } = _a, rest = __rest(_a, ["outline"]);
+    return (react_1.default.createElement(Icon_1.default, Object.assign({}, rest), outline ? (react_1.default.createElement("path", { d: "M7 18H8H16H17V17V11H14C12.8954 11 12 10.1046 12 9V6H8H7V7V17L7 18ZM14 6V9H17V8.82843L14.1716 6H14ZM15 4L19 8V18C19 19.1046 18.1046 20 17 20H7C5.89543 20 5 19.1046 5 18V6C5 4.89543 5.89543 4 7 4H15Z" })) : (react_1.default.createElement("path", { d: "M12,4 L12,9 C12,10.1045695 12.8954305,11 14,11 L19,11 L19,18 C19,19.1045695 18.1045695,20 17,20 L7,20 C5.8954305,20 5,19.1045695 5,18 L5,6 C5,4.8954305 5.8954305,4 7,4 L12,4 Z M14,4 L19,9 L14,9 L14,4 Z" }))));
 }
 exports.default = DocumentIcon;

lib/index.d.ts

@@ -116,2 +116,3 @@ export { default as AcademicCapIcon } from "./components/AcademicCapIcon";
 export { default as ShuffleIcon } from "./components/ShuffleIcon";
+export { default as SidebarIcon } from "./components/SidebarIcon";
 export { default as SmileyIcon } from "./components/SmileyIcon";
@@ -118,0 +119,0 @@ export { default as StarredIcon } from "./components/StarredIcon";

lib/index.js

@@ -8,3 +8,3 @@ "use strict";
 exports.PlusIcon = exports.PinIcon = exports.PaletteIcon = exports.PageBreakIcon = exports.PadlockIcon = exports.OutdentIcon = exports.OrderedListIcon = exports.OpenIcon = exports.NotepadIcon = exports.NextIcon = exports.NewDocumentIcon = exports.MoveIcon = exports.MoreIcon = exports.MoonIcon = exports.MenuIcon = exports.MathIcon = exports.MarkAsReadIcon = exports.ManualSortIcon = exports.LogoutIcon = exports.LinkIcon = exports.LightningIcon = exports.LightBulbIcon = exports.LeafIcon = exports.KeyboardIcon = exports.JournalIcon = exports.ItalicIcon = exports.InsertRightIcon = exports.InsertLeftIcon = exports.InsertBelowIcon = exports.InsertAboveIcon = exports.InputIcon = exports.InfoIcon = exports.IndentIcon = exports.ImportIcon = exports.ImageIcon = exports.Icon = exports.HorizontalRuleIcon = exports.HomeIcon = exports.HistoryIcon = exports.HighlightIcon = exports.Heading3Icon = exports.Heading2Icon = exports.Heading1Icon = exports.HashtagIcon = exports.GroupIcon = exports.GoToIcon = exports.GlobeIcon = exports.FeedbackIcon = exports.EyeIcon = exports.ExportIcon = void 0;
-exports.WebhooksIcon = exports.WarningIcon = exports.VehicleIcon = exports.UnsubscribeIcon = exports.UserIcon = exports.UnstarredIcon = exports.UnpublishIcon = exports.TrashIcon = exports.ToolsIcon = exports.TodoListIcon = exports.TerminalIcon = exports.TeamIcon = exports.TargetIcon = exports.TableOfContentsIcon = exports.TableIcon = exports.SubscribeIcon = exports.SunIcon = exports.StrikethroughIcon = exports.StarredIcon = exports.SmileyIcon = exports.ShuffleIcon = exports.SportIcon = exports.ShapesIcon = exports.SettingsIcon = exports.ServerRackIcon = exports.SearchIcon = exports.RestoreIcon = exports.ReplaceIcon = exports.RegexIcon = exports.QuestionMarkIcon = exports.PublishIcon = exports.PromoteIcon = exports.ProfileIcon = exports.PrivateCollectionIcon = exports.PrintIcon = void 0;
+exports.WebhooksIcon = exports.WarningIcon = exports.VehicleIcon = exports.UnsubscribeIcon = exports.UserIcon = exports.UnstarredIcon = exports.UnpublishIcon = exports.TrashIcon = exports.ToolsIcon = exports.TodoListIcon = exports.TerminalIcon = exports.TeamIcon = exports.TargetIcon = exports.TableOfContentsIcon = exports.TableIcon = exports.SubscribeIcon = exports.SunIcon = exports.StrikethroughIcon = exports.StarredIcon = exports.SmileyIcon = exports.SidebarIcon = exports.ShuffleIcon = exports.SportIcon = exports.ShapesIcon = exports.SettingsIcon = exports.ServerRackIcon = exports.SearchIcon = exports.RestoreIcon = exports.ReplaceIcon = exports.RegexIcon = exports.QuestionMarkIcon = exports.PublishIcon = exports.PromoteIcon = exports.ProfileIcon = exports.PrivateCollectionIcon = exports.PrintIcon = void 0;
 var AcademicCapIcon_1 = require("./components/AcademicCapIcon");
@@ -240,2 +240,4 @@ Object.defineProperty(exports, "AcademicCapIcon", { enumerable: true, get: function () { return __importDefault(AcademicCapIcon_1).default; } });
 Object.defineProperty(exports, "ShuffleIcon", { enumerable: true, get: function () { return __importDefault(ShuffleIcon_1).default; } });
+var SidebarIcon_1 = require("./components/SidebarIcon");
+Object.defineProperty(exports, "SidebarIcon", { enumerable: true, get: function () { return __importDefault(SidebarIcon_1).default; } });
 var SmileyIcon_1 = require("./components/SmileyIcon");
@@ -242,0 +244,0 @@ Object.defineProperty(exports, "SmileyIcon", { enumerable: true, get: function () { return __importDefault(SmileyIcon_1).default; } });

lib/stories/index.stories.d.ts

@@ -23,2 +23,10 @@ import React from "react";
 };
+export declare const DocumentOutline: {
+    render: () => React.JSX.Element;
+    parameters: {
+        docs: {
+            storyDescription: string;
+        };
+    };
+};
 export declare const ArchiveOpen: {
@@ -25,0 +33,0 @@ render: () => React.JSX.Element;

lib/stories/index.stories.js

@@ -29,3 +29,3 @@ "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.TrashOpen = exports.ArchiveOpen = exports.CollectionExpanded = exports.Light = exports.Dark = void 0;
+exports.TrashOpen = exports.ArchiveOpen = exports.DocumentOutline = exports.CollectionExpanded = exports.Light = exports.Dark = void 0;
 const react_1 = __importDefault(require("react"));
@@ -36,26 +36,36 @@ const Icons = __importStar(require("../index"));
 exports.default = {
-    title: 'Icons',
+    title: "Icons",
 };
 const Dark = () => (react_1.default.createElement(react_1.default.Fragment, null,
-    react_1.default.createElement("div", { style: { display: 'flex', flexWrap: 'wrap' } }, names.map((name) => {
+    react_1.default.createElement("div", { style: { display: "flex", flexWrap: "wrap" } }, names.map((name) => {
         if (name === "default" || name === "Icon")
             return null;
         const Component = TypedIcons[name];
-        return (react_1.default.createElement("div", { key: name, style: { margin: '10px', textAlign: 'center' } },
+        return (react_1.default.createElement("div", { key: name, style: { margin: "10px", textAlign: "center" } },
             react_1.default.createElement(Component, { size: 64 }),
-            react_1.default.createElement("div", { style: { textAlign: 'center', fontFamily: 'sans-serif', fontSize: '14px', opacity: '50%' } }, name)));
+            react_1.default.createElement("div", { style: {
+                    textAlign: "center",
+                    fontFamily: "sans-serif",
+                    fontSize: "14px",
+                    opacity: "50%",
+                } }, name)));
     }))));
 exports.Dark = Dark;
 const Light = () => (react_1.default.createElement(react_1.default.Fragment, null,
-    react_1.default.createElement("div", { style: { display: 'flex', flexWrap: 'wrap' } }, names.map((name) => {
+    react_1.default.createElement("div", { style: { display: "flex", flexWrap: "wrap" } }, names.map((name) => {
         if (name === "default" || name === "Icon")
             return null;
         const Component = TypedIcons[name];
-        return (react_1.default.createElement("div", { key: name, style: { margin: '10px', textAlign: 'center' } },
+        return (react_1.default.createElement("div", { key: name, style: { margin: "10px", textAlign: "center" } },
             react_1.default.createElement(Component, { color: "#FFF", size: 64 }),
-            react_1.default.createElement("div", { style: { fontFamily: 'sans-serif', fontSize: '14px', opacity: '50%', color: '#fff' } }, name)));
+            react_1.default.createElement("div", { style: {
+                    fontFamily: "sans-serif",
+                    fontSize: "14px",
+                    opacity: "50%",
+                    color: "#fff",
+                } }, name)));
     }))));
 exports.Light = Light;
 exports.Light.parameters = {
-    backgrounds: { default: 'dark' }
+    backgrounds: { default: "dark" },
 };
@@ -66,6 +76,14 @@ exports.CollectionExpanded = {
         docs: {
-            storyDescription: 'CollectionIcon expanded',
+            storyDescription: "CollectionIcon expanded",
         },
     },
 };
+exports.DocumentOutline = {
+    render: () => react_1.default.createElement(Icons.DocumentIcon, { outline: true, size: 64 }),
+    parameters: {
+        docs: {
+            storyDescription: "DocumentIcon outline",
+        },
+    },
+};
 exports.ArchiveOpen = {
@@ -75,3 +93,3 @@ render: () => react_1.default.createElement(Icons.ArchiveIcon, { open: true, size: 64 }),
         docs: {
-            storyDescription: 'ArchiveIcon open',
+            storyDescription: "ArchiveIcon open",
         },
@@ -84,5 +102,5 @@ },
         docs: {
-            storyDescription: 'TrashIcon open',
+            storyDescription: "TrashIcon open",
         },
     },
 };

package.json

 {
   "name": "outline-icons",
-  "version": "2.3.0",
+  "version": "2.4.0",
   "description": "An iconset designed for the Outline editor and knowledge base",
@@ -5,0 +5,0 @@ "main": "lib/index.js",

No alert changes

Improved metrics

Total package byte prevSize

274378

increased by1.06%

Number of package files

284

increased by0.71%

Lines of code

3218

increased by1.93%

No dependency changes