outline-icons - npm Package Compare versions

Comparing version 2.2.1 to 2.3.0

.storybook/main.js

@@ -1,6 +0,8 @@
-module.exports = {
-  "stories": [
-    "../src/**/*.stories.mdx",
-    "../src/**/*.stories.@(js|jsx|ts|tsx)"
-  ]
-}
+export default {
+  "stories": ["../src/**/*.stories.mdx", "../src/**/*.stories.@(js|jsx|ts|tsx)"],
+  addons: ['@storybook/addon-backgrounds'],
+  framework: {
+    name: "@storybook/react-webpack5",
+    options: {}
+  },
+};

lib/components/Icon.d.ts

 import * as React from "react";
-export declare type Props = {
+export type Props = {
     className?: string;
@@ -9,3 +9,3 @@ color?: string;
 };
-declare type BaseProps = {
+type BaseProps = {
     children?: React.ReactNode;
@@ -12,0 +12,0 @@ };

lib/components/Icon.js

 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
@@ -6,0 +10,0 @@ if (k2 === undefined) k2 = k;

lib/index.d.ts

@@ -27,2 +27,5 @@ export { default as AcademicCapIcon } from "./components/AcademicCapIcon";
 export { default as CameraIcon } from "./components/CameraIcon";
+export { default as CaretDownIcon } from "./components/CaretDownIcon";
+export { default as CaretUpIcon } from "./components/CaretUpIcon";
+export { default as CaseSensitiveIcon } from "./components/CaseSensitiveIcon";
 export { default as CheckboxIcon } from "./components/CheckboxIcon";
@@ -105,2 +108,3 @@ export { default as CheckmarkIcon } from "./components/CheckmarkIcon";
 export { default as QuestionMarkIcon } from "./components/QuestionMarkIcon";
+export { default as RegexIcon } from "./components/RegexIcon";
 export { default as ReplaceIcon } from "./components/ReplaceIcon";
@@ -107,0 +111,0 @@ export { default as RestoreIcon } from "./components/RestoreIcon";

lib/index.js

@@ -6,5 +6,5 @@ "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.FeedbackIcon = exports.EyeIcon = exports.ExportIcon = exports.ExpandedIcon = exports.EmailIcon = exports.EditIcon = exports.DuplicateIcon = exports.DownloadIcon = exports.DoneIcon = exports.DocumentIcon = exports.DisconnectedIcon = exports.DatabaseIcon = exports.CrossIcon = exports.CopyIcon = exports.CommentIcon = exports.CollectionIcon = exports.CollapsedIcon = exports.CoinsIcon = exports.CodeIcon = exports.CloudIcon = exports.CloseIcon = exports.ClockIcon = exports.CheckmarkIcon = exports.CheckboxIcon = exports.CameraIcon = exports.CalendarIcon = exports.BulletedListIcon = exports.BuildingBlocksIcon = exports.BugIcon = exports.BrowserIcon = exports.BookmarkedIcon = exports.BookmarkIcon = exports.BoldIcon = exports.BlockQuoteIcon = exports.BillingIcon = exports.BicycleIcon = exports.BeakerIcon = exports.BackIcon = exports.AttachmentIcon = exports.ArrowIcon = exports.ArchiveIcon = exports.AlphabeticalSortIcon = exports.AlignRightIcon = exports.AlignLeftIcon = exports.AlignImageRightIcon = exports.AlignImageLeftIcon = exports.AlignImageCenterIcon = exports.AlignFullWidthIcon = exports.AlignCenterIcon = exports.AcademicCapIcon = void 0;
-exports.ProfileIcon = exports.PrivateCollectionIcon = exports.PrintIcon = 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 = 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.QuestionMarkIcon = exports.PublishIcon = exports.PromoteIcon = void 0;
+exports.ExpandedIcon = exports.EmailIcon = exports.EditIcon = exports.DuplicateIcon = exports.DownloadIcon = exports.DoneIcon = exports.DocumentIcon = exports.DisconnectedIcon = exports.DatabaseIcon = exports.CrossIcon = exports.CopyIcon = exports.CommentIcon = exports.CollectionIcon = exports.CollapsedIcon = exports.CoinsIcon = exports.CodeIcon = exports.CloudIcon = exports.CloseIcon = exports.ClockIcon = exports.CheckmarkIcon = exports.CheckboxIcon = exports.CaseSensitiveIcon = exports.CaretUpIcon = exports.CaretDownIcon = exports.CameraIcon = exports.CalendarIcon = exports.BulletedListIcon = exports.BuildingBlocksIcon = exports.BugIcon = exports.BrowserIcon = exports.BookmarkedIcon = exports.BookmarkIcon = exports.BoldIcon = exports.BlockQuoteIcon = exports.BillingIcon = exports.BicycleIcon = exports.BeakerIcon = exports.BackIcon = exports.AttachmentIcon = exports.ArrowIcon = exports.ArchiveIcon = exports.AlphabeticalSortIcon = exports.AlignRightIcon = exports.AlignLeftIcon = exports.AlignImageRightIcon = exports.AlignImageLeftIcon = exports.AlignImageCenterIcon = exports.AlignFullWidthIcon = exports.AlignCenterIcon = exports.AcademicCapIcon = void 0;
+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;
 var AcademicCapIcon_1 = require("./components/AcademicCapIcon");
@@ -62,2 +62,8 @@ Object.defineProperty(exports, "AcademicCapIcon", { enumerable: true, get: function () { return __importDefault(AcademicCapIcon_1).default; } });
 Object.defineProperty(exports, "CameraIcon", { enumerable: true, get: function () { return __importDefault(CameraIcon_1).default; } });
+var CaretDownIcon_1 = require("./components/CaretDownIcon");
+Object.defineProperty(exports, "CaretDownIcon", { enumerable: true, get: function () { return __importDefault(CaretDownIcon_1).default; } });
+var CaretUpIcon_1 = require("./components/CaretUpIcon");
+Object.defineProperty(exports, "CaretUpIcon", { enumerable: true, get: function () { return __importDefault(CaretUpIcon_1).default; } });
+var CaseSensitiveIcon_1 = require("./components/CaseSensitiveIcon");
+Object.defineProperty(exports, "CaseSensitiveIcon", { enumerable: true, get: function () { return __importDefault(CaseSensitiveIcon_1).default; } });
 var CheckboxIcon_1 = require("./components/CheckboxIcon");
@@ -217,2 +223,4 @@ Object.defineProperty(exports, "CheckboxIcon", { enumerable: true, get: function () { return __importDefault(CheckboxIcon_1).default; } });
 Object.defineProperty(exports, "QuestionMarkIcon", { enumerable: true, get: function () { return __importDefault(QuestionMarkIcon_1).default; } });
+var RegexIcon_1 = require("./components/RegexIcon");
+Object.defineProperty(exports, "RegexIcon", { enumerable: true, get: function () { return __importDefault(RegexIcon_1).default; } });
 var ReplaceIcon_1 = require("./components/ReplaceIcon");
@@ -219,0 +227,0 @@ Object.defineProperty(exports, "ReplaceIcon", { enumerable: true, get: function () { return __importDefault(ReplaceIcon_1).default; } });

lib/stories/index.stories.d.ts

@@ -1,1 +0,38 @@
-export {};
+import React from "react";
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const Dark: () => React.JSX.Element;
+export declare const Light: {
+    (): React.JSX.Element;
+    parameters: {
+        backgrounds: {
+            default: string;
+        };
+    };
+};
+export declare const CollectionExpanded: {
+    render: () => React.JSX.Element;
+    parameters: {
+        docs: {
+            storyDescription: string;
+        };
+    };
+};
+export declare const ArchiveOpen: {
+    render: () => React.JSX.Element;
+    parameters: {
+        docs: {
+            storyDescription: string;
+        };
+    };
+};
+export declare const TrashOpen: {
+    render: () => React.JSX.Element;
+    parameters: {
+        docs: {
+            storyDescription: string;
+        };
+    };
+};

lib/stories/index.stories.js

 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
@@ -25,28 +29,56 @@ if (k2 === undefined) k2 = k;
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.TrashOpen = exports.ArchiveOpen = exports.CollectionExpanded = exports.Light = exports.Dark = void 0;
 const react_1 = __importDefault(require("react"));
-const react_2 = require("@storybook/react");
 const Icons = __importStar(require("../index"));
-const ArchiveIcon_1 = __importDefault(require("../components/ArchiveIcon"));
-const CollectionIcon_1 = __importDefault(require("../components/CollectionIcon"));
-const TrashIcon_1 = __importDefault(require("../components/TrashIcon"));
-const names = Object.keys(Icons);
-(0, react_2.storiesOf)("All", module).add("default", () => (react_1.default.createElement(react_1.default.Fragment, null, names.map((name) => {
-    if (name === "default" || name === "Icon")
-        return null;
-    const Component = Icons[name];
-    return react_1.default.createElement(Component, { key: name, size: 64 });
-}))));
-for (const name of names) {
-    if (name === "default") {
-        continue;
-    }
-    const Component = Icons[name];
-    (0, react_2.storiesOf)(name, module)
-        .add("default", () => react_1.default.createElement(Component, null))
-        .add("large", () => react_1.default.createElement(Component, { size: 64 }))
-        .add("black", () => react_1.default.createElement(Component, { color: "#000" }))
-        .add("light", () => react_1.default.createElement(Component, { color: "#FFF" }));
-}
-(0, react_2.storiesOf)("CollectionIcon", module).add("expanded", () => (react_1.default.createElement(CollectionIcon_1.default, { expanded: true })));
-(0, react_2.storiesOf)("ArchiveIcon", module).add("open", () => react_1.default.createElement(ArchiveIcon_1.default, { open: true }));
-(0, react_2.storiesOf)("TrashIcon", module).add("open", () => react_1.default.createElement(TrashIcon_1.default, { open: true }));
+const TypedIcons = Icons;
+const names = Object.keys(TypedIcons);
+exports.default = {
+    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) => {
+        if (name === "default" || name === "Icon")
+            return null;
+        const Component = TypedIcons[name];
+        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)));
+    }))));
+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) => {
+        if (name === "default" || name === "Icon")
+            return null;
+        const Component = TypedIcons[name];
+        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)));
+    }))));
+exports.Light = Light;
+exports.Light.parameters = {
+    backgrounds: { default: 'dark' }
+};
+exports.CollectionExpanded = {
+    render: () => react_1.default.createElement(Icons.CollectionIcon, { expanded: true, size: 64 }),
+    parameters: {
+        docs: {
+            storyDescription: 'CollectionIcon expanded',
+        },
+    },
+};
+exports.ArchiveOpen = {
+    render: () => react_1.default.createElement(Icons.ArchiveIcon, { open: true, size: 64 }),
+    parameters: {
+        docs: {
+            storyDescription: 'ArchiveIcon open',
+        },
+    },
+};
+exports.TrashOpen = {
+    render: () => react_1.default.createElement(Icons.TrashIcon, { open: true, size: 64 }),
+    parameters: {
+        docs: {
+            storyDescription: 'TrashIcon open',
+        },
+    },
+};

package.json

 {
   "name": "outline-icons",
-  "version": "2.2.1",
+  "version": "2.3.0",
   "description": "An iconset designed for the Outline editor and knowledge base",
@@ -11,25 +11,22 @@ "main": "lib/index.js",
     "prepublish": "yarn build",
-    "start": "start-storybook -p 6006",
-    "build-storybook": "build-storybook"
+    "start": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
   },
   "browserslist": "> 0.25%, not dead",
   "devDependencies": {
-    "@babel/cli": "^7.12.10",
-    "@babel/core": "^7.12.10",
-    "@babel/plugin-transform-destructuring": "^7.12.1",
-    "@babel/polyfill": "^7.10.4",
-    "@babel/preset-env": "^7.12.11",
-    "@babel/preset-react": "^7.12.10",
-    "@babel/preset-typescript": "^7.16.0",
-    "@storybook/addon-actions": "^6.5.9",
-    "@storybook/addon-essentials": "^6.5.9",
-    "@storybook/addon-links": "^6.5.9",
-    "@storybook/react": "^6.5.9",
-    "@types/react": "^17.0.37",
-    "@types/react-dom": "^17.0.11",
-    "babel-loader": "^8.2.2",
-    "babel-plugin-styled-components": "^1.12.0",
-    "react": "^17.0.0",
-    "react-dom": "^17.0.0",
-    "typescript": "^4.5.2"
+    "@babel/core": "^7.22.1",
+    "@babel/preset-env": "^7.22.4",
+    "@babel/preset-react": "^7.22.3",
+    "@babel/preset-typescript": "^7.21.5",
+    "@storybook/addon-backgrounds": "^7.0.18",
+    "@storybook/react": "^7.0.18",
+    "@storybook/react-webpack5": "^7.0.18",
+    "@types/react": "^18.2.8",
+    "@types/react-dom": "^18.2.4",
+    "babel-loader": "^9.1.2",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "storybook": "^7.0.18",
+    "typescript": "^5.1.3",
+    "webpack": "^5.85.0"
   },
@@ -36,0 +33,0 @@ "peerDependencies": {

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

271506

increased by3.24%

Dev dependency count

15

decreased by-16.67%

Number of package files

282

increased by2.92%

Lines of code

3157

increased by5.2%

No dependency changes