outline-icons 2.2.0 → 2.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (17) hide show
  1. package/.babelrc +1 -4
  2. package/.storybook/main.js +8 -6
  3. package/lib/components/CaretDownIcon.d.ts +3 -0
  4. package/lib/components/CaretDownIcon.js +12 -0
  5. package/lib/components/CaretUpIcon.d.ts +3 -0
  6. package/lib/components/CaretUpIcon.js +12 -0
  7. package/lib/components/CaseSensitiveIcon.d.ts +3 -0
  8. package/lib/components/CaseSensitiveIcon.js +13 -0
  9. package/lib/components/Icon.d.ts +2 -2
  10. package/lib/components/Icon.js +5 -1
  11. package/lib/components/RegexIcon.d.ts +3 -0
  12. package/lib/components/RegexIcon.js +12 -0
  13. package/lib/index.d.ts +4 -0
  14. package/lib/index.js +11 -3
  15. package/lib/stories/index.stories.d.ts +38 -1
  16. package/lib/stories/index.stories.js +58 -26
  17. package/package.json +19 -23
package/.babelrc CHANGED
@@ -4,8 +4,5 @@
4
4
  "@babel/preset-typescript",
5
5
  "@babel/preset-env"
6
6
  ],
7
- "plugins": [
8
- "styled-components",
9
- "@babel/plugin-transform-destructuring"
10
- ]
7
+ "plugins": []
11
8
  }
package/.storybook/main.js CHANGED
@@ -1,6 +1,8 @@
1
- module.exports = {
2
- "stories": [
3
- "../src/**/*.stories.mdx",
4
- "../src/**/*.stories.@(js|jsx|ts|tsx)"
5
- ]
6
- }
1
+ export default {
2
+ "stories": ["../src/**/*.stories.mdx", "../src/**/*.stories.@(js|jsx|ts|tsx)"],
3
+ addons: ['@storybook/addon-backgrounds'],
4
+ framework: {
5
+ name: "@storybook/react-webpack5",
6
+ options: {}
7
+ },
8
+ };
package/lib/components/CaretDownIcon.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ import React from "react";
2
+ import { Props } from "./Icon";
3
+ export default function CaretDownIcon(props: Props): React.ReactElement<React.ComponentProps<any>, any>;
package/lib/components/CaretDownIcon.js ADDED
@@ -0,0 +1,12 @@
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ const react_1 = __importDefault(require("react"));
7
+ const Icon_1 = __importDefault(require("./Icon"));
8
+ function CaretDownIcon(props) {
9
+ return (react_1.default.createElement(Icon_1.default, Object.assign({}, props),
10
+ react_1.default.createElement("path", { d: "M7.29289 9.29289C7.68342 8.90237 8.31658 8.90237 8.70711 9.29289L12 12.5858L15.2929 9.29289C15.6834 8.90237 16.3166 8.90237 16.7071 9.29289C17.0976 9.68342 17.0976 10.3166 16.7071 10.7071L12.7071 14.7071C12.3166 15.0976 11.6834 15.0976 11.2929 14.7071L7.29289 10.7071C6.90237 10.3166 6.90237 9.68342 7.29289 9.29289Z" })));
11
+ }
12
+ exports.default = CaretDownIcon;
package/lib/components/CaretUpIcon.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ import React from "react";
2
+ import { Props } from "./Icon";
3
+ export default function CaretUpIcon(props: Props): React.ReactElement<React.ComponentProps<any>, any>;
package/lib/components/CaretUpIcon.js ADDED
@@ -0,0 +1,12 @@
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ const react_1 = __importDefault(require("react"));
7
+ const Icon_1 = __importDefault(require("./Icon"));
8
+ function CaretUpIcon(props) {
9
+ return (react_1.default.createElement(Icon_1.default, Object.assign({}, props),
10
+ react_1.default.createElement("path", { d: "M16.7071 14.7071C16.3166 15.0976 15.6834 15.0976 15.2929 14.7071L12 11.4142L8.70711 14.7071C8.31658 15.0976 7.68342 15.0976 7.29289 14.7071C6.90237 14.3166 6.90237 13.6834 7.29289 13.2929L11.2929 9.29289C11.6834 8.90237 12.3166 8.90237 12.7071 9.29289L16.7071 13.2929C17.0976 13.6834 17.0976 14.3166 16.7071 14.7071Z" })));
11
+ }
12
+ exports.default = CaretUpIcon;
package/lib/components/CaseSensitiveIcon.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ import React from "react";
2
+ import { Props } from "./Icon";
3
+ export default function CaseSensitiveIcon(props: Props): React.ReactElement<React.ComponentProps<any>, any>;
package/lib/components/CaseSensitiveIcon.js ADDED
@@ -0,0 +1,13 @@
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ const react_1 = __importDefault(require("react"));
7
+ const Icon_1 = __importDefault(require("./Icon"));
8
+ function CaseSensitiveIcon(props) {
9
+ return (react_1.default.createElement(Icon_1.default, Object.assign({}, props),
10
+ react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.50917 5.86489C5.57673 5.3694 5.99993 5 6.5 5H9.5C10.0001 5 10.4233 5.3694 10.4908 5.86489L11.6899 14.6582L11.9889 16.6517C12.0709 17.1978 11.6945 17.707 11.1483 17.7889C10.6022 17.8709 10.093 17.4945 10.0111 16.9483L9.83881 15.8H6.16119L5.98894 16.9483C5.90701 17.4945 5.39783 17.8709 4.85166 17.7889C4.30548 17.707 3.92914 17.1978 4.01106 16.6517L4.31007 14.6583L5.50917 5.86489ZM6.44562 13.8H9.55438L8.62711 7H7.37289L6.44562 13.8Z" }),
11
+ react_1.default.createElement("path", { d: "M18.8558 18C18.4429 18 18.1109 17.7138 17.8596 17.4907C17.6083 17.2579 17.4603 16.928 17.4154 16.5012H17.3481C17.2224 16.9959 16.9712 17.3694 16.5942 17.6217C16.2263 17.8739 15.7731 18 15.2346 18C14.5615 18 14.0186 17.806 13.6058 17.4179C13.2019 17.0202 13 16.4672 13 15.759C13 14.9732 13.2647 14.3911 13.7942 14.0128C14.3237 13.6344 15.1 13.4452 16.1231 13.4452H17.2404V13.0669C17.2404 12.6206 17.1417 12.2859 16.9442 12.0628C16.7558 11.83 16.4327 11.7136 15.975 11.7136C15.5532 11.7136 13.5 12.0628 13.5 12.0628V10C13.5 10 15 10 16.2038 10.1419C16.2038 10.1419 17.8955 10.3796 18.425 10.855C18.9635 11.3207 19.2327 12.0288 19.2327 12.9796V16.2683H20V18H18.8558ZM15.9885 16.5885C16.3385 16.5885 16.6346 16.4963 16.8769 16.312C17.1192 16.1277 17.2404 15.8609 17.2404 15.5116V14.6094H16.1769C15.3603 14.6094 14.9519 14.9053 14.9519 15.4971V15.7881C14.9519 16.05 15.0462 16.2489 15.2346 16.3847C15.4231 16.5206 15.6744 16.5885 15.9885 16.5885Z" })));
12
+ }
13
+ exports.default = CaseSensitiveIcon;
package/lib/components/Icon.d.ts CHANGED
@@ -1,12 +1,12 @@
1
1
  import * as React from "react";
2
- export declare type Props = {
2
+ export type Props = {
3
3
  className?: string;
4
4
  color?: string;
5
5
  size?: number;
6
6
  onClick?: (ev: React.MouseEvent<SVGElement>) => void;
7
7
  theme?: Record<string, any>;
8
8
  };
9
- declare type BaseProps = {
9
+ type BaseProps = {
10
10
  children?: React.ReactNode;
11
11
  };
12
12
  declare function Icon({ children, className, onClick, theme, color, ...rest }: Props & BaseProps): React.ReactElement<React.ComponentProps<any>, any>;
package/lib/components/Icon.js CHANGED
@@ -1,7 +1,11 @@
1
1
  "use strict";
2
2
  var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
3
  if (k2 === undefined) k2 = k;
4
- Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
4
+ var desc = Object.getOwnPropertyDescriptor(m, k);
5
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
+ desc = { enumerable: true, get: function() { return m[k]; } };
7
+ }
8
+ Object.defineProperty(o, k2, desc);
5
9
  }) : (function(o, m, k, k2) {
6
10
  if (k2 === undefined) k2 = k;
7
11
  o[k2] = m[k];
package/lib/components/RegexIcon.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ import React from "react";
2
+ import { Props } from "./Icon";
3
+ export default function RegexIcon(props: Props): React.ReactElement<React.ComponentProps<any>, any>;
package/lib/components/RegexIcon.js ADDED
@@ -0,0 +1,12 @@
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ const react_1 = __importDefault(require("react"));
7
+ const Icon_1 = __importDefault(require("./Icon"));
8
+ function RegexIcon(props) {
9
+ return (react_1.default.createElement(Icon_1.default, Object.assign({}, props),
10
+ react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9 15L5 15L5 19L9 19L9 15ZM15 14C15.5523 14 16 13.5523 16 13L16 10.7321L17.9641 11.866C18.4424 12.1422 19.054 11.9783 19.3301 11.5C19.6063 11.0217 19.4424 10.4101 18.9641 10.134L17 9.00001L18.9641 7.86603C19.4424 7.58989 19.6063 6.97829 19.3301 6.5C19.054 6.02171 18.4424 5.85784 17.9641 6.13398L16 7.26795L16 5C16 4.44772 15.5523 4 15 4C14.4477 4 14 4.44772 14 5L14 7.26796L12.0359 6.13398C11.5576 5.85784 10.946 6.02171 10.6699 6.5C10.3937 6.9783 10.5576 7.58989 11.0359 7.86603L13 9.00001L11.0359 10.134C10.5576 10.4101 10.3937 11.0217 10.6699 11.5C10.946 11.9783 11.5576 12.1422 12.0359 11.866L14 10.7321L14 13C14 13.5523 14.4477 14 15 14Z" })));
11
+ }
12
+ exports.default = RegexIcon;
package/lib/index.d.ts CHANGED
@@ -24,6 +24,9 @@ export { default as BuildingBlocksIcon } from "./components/BuildingBlocksIcon";
24
24
  export { default as BulletedListIcon } from "./components/BulletedListIcon";
25
25
  export { default as CalendarIcon } from "./components/CalendarIcon";
26
26
  export { default as CameraIcon } from "./components/CameraIcon";
27
+ export { default as CaretDownIcon } from "./components/CaretDownIcon";
28
+ export { default as CaretUpIcon } from "./components/CaretUpIcon";
29
+ export { default as CaseSensitiveIcon } from "./components/CaseSensitiveIcon";
27
30
  export { default as CheckboxIcon } from "./components/CheckboxIcon";
28
31
  export { default as CheckmarkIcon } from "./components/CheckmarkIcon";
29
32
  export { default as ClockIcon } from "./components/ClockIcon";
@@ -101,6 +104,7 @@ export { default as ProfileIcon } from "./components/ProfileIcon";
101
104
  export { default as PromoteIcon } from "./components/PromoteIcon";
102
105
  export { default as PublishIcon } from "./components/PublishIcon";
103
106
  export { default as QuestionMarkIcon } from "./components/QuestionMarkIcon";
107
+ export { default as RegexIcon } from "./components/RegexIcon";
104
108
  export { default as ReplaceIcon } from "./components/ReplaceIcon";
105
109
  export { default as RestoreIcon } from "./components/RestoreIcon";
106
110
  export { default as SearchIcon } from "./components/SearchIcon";
package/lib/index.js CHANGED
@@ -3,9 +3,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
3
3
  return (mod && mod.__esModule) ? mod : { "default": mod };
4
4
  };
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
- 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;
7
- 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;
8
- 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;
6
+ 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;
7
+ 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;
8
+ 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;
9
9
  var AcademicCapIcon_1 = require("./components/AcademicCapIcon");
10
10
  Object.defineProperty(exports, "AcademicCapIcon", { enumerable: true, get: function () { return __importDefault(AcademicCapIcon_1).default; } });
11
11
  var AlignCenterIcon_1 = require("./components/AlignCenterIcon");
@@ -58,6 +58,12 @@ var CalendarIcon_1 = require("./components/CalendarIcon");
58
58
  Object.defineProperty(exports, "CalendarIcon", { enumerable: true, get: function () { return __importDefault(CalendarIcon_1).default; } });
59
59
  var CameraIcon_1 = require("./components/CameraIcon");
60
60
  Object.defineProperty(exports, "CameraIcon", { enumerable: true, get: function () { return __importDefault(CameraIcon_1).default; } });
61
+ var CaretDownIcon_1 = require("./components/CaretDownIcon");
62
+ Object.defineProperty(exports, "CaretDownIcon", { enumerable: true, get: function () { return __importDefault(CaretDownIcon_1).default; } });
63
+ var CaretUpIcon_1 = require("./components/CaretUpIcon");
64
+ Object.defineProperty(exports, "CaretUpIcon", { enumerable: true, get: function () { return __importDefault(CaretUpIcon_1).default; } });
65
+ var CaseSensitiveIcon_1 = require("./components/CaseSensitiveIcon");
66
+ Object.defineProperty(exports, "CaseSensitiveIcon", { enumerable: true, get: function () { return __importDefault(CaseSensitiveIcon_1).default; } });
61
67
  var CheckboxIcon_1 = require("./components/CheckboxIcon");
62
68
  Object.defineProperty(exports, "CheckboxIcon", { enumerable: true, get: function () { return __importDefault(CheckboxIcon_1).default; } });
63
69
  var CheckmarkIcon_1 = require("./components/CheckmarkIcon");
@@ -212,6 +218,8 @@ var PublishIcon_1 = require("./components/PublishIcon");
212
218
  Object.defineProperty(exports, "PublishIcon", { enumerable: true, get: function () { return __importDefault(PublishIcon_1).default; } });
213
219
  var QuestionMarkIcon_1 = require("./components/QuestionMarkIcon");
214
220
  Object.defineProperty(exports, "QuestionMarkIcon", { enumerable: true, get: function () { return __importDefault(QuestionMarkIcon_1).default; } });
221
+ var RegexIcon_1 = require("./components/RegexIcon");
222
+ Object.defineProperty(exports, "RegexIcon", { enumerable: true, get: function () { return __importDefault(RegexIcon_1).default; } });
215
223
  var ReplaceIcon_1 = require("./components/ReplaceIcon");
216
224
  Object.defineProperty(exports, "ReplaceIcon", { enumerable: true, get: function () { return __importDefault(ReplaceIcon_1).default; } });
217
225
  var RestoreIcon_1 = require("./components/RestoreIcon");
package/lib/stories/index.stories.d.ts CHANGED
@@ -1 +1,38 @@
1
- export {};
1
+ import React from "react";
2
+ declare const _default: {
3
+ title: string;
4
+ };
5
+ export default _default;
6
+ export declare const Dark: () => React.JSX.Element;
7
+ export declare const Light: {
8
+ (): React.JSX.Element;
9
+ parameters: {
10
+ backgrounds: {
11
+ default: string;
12
+ };
13
+ };
14
+ };
15
+ export declare const CollectionExpanded: {
16
+ render: () => React.JSX.Element;
17
+ parameters: {
18
+ docs: {
19
+ storyDescription: string;
20
+ };
21
+ };
22
+ };
23
+ export declare const ArchiveOpen: {
24
+ render: () => React.JSX.Element;
25
+ parameters: {
26
+ docs: {
27
+ storyDescription: string;
28
+ };
29
+ };
30
+ };
31
+ export declare const TrashOpen: {
32
+ render: () => React.JSX.Element;
33
+ parameters: {
34
+ docs: {
35
+ storyDescription: string;
36
+ };
37
+ };
38
+ };
package/lib/stories/index.stories.js CHANGED
@@ -1,7 +1,11 @@
1
1
  "use strict";
2
2
  var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
3
  if (k2 === undefined) k2 = k;
4
- Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
4
+ var desc = Object.getOwnPropertyDescriptor(m, k);
5
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
+ desc = { enumerable: true, get: function() { return m[k]; } };
7
+ }
8
+ Object.defineProperty(o, k2, desc);
5
9
  }) : (function(o, m, k, k2) {
6
10
  if (k2 === undefined) k2 = k;
7
11
  o[k2] = m[k];
@@ -22,30 +26,58 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
22
26
  return (mod && mod.__esModule) ? mod : { "default": mod };
23
27
  };
24
28
  Object.defineProperty(exports, "__esModule", { value: true });
29
+ exports.TrashOpen = exports.ArchiveOpen = exports.CollectionExpanded = exports.Light = exports.Dark = void 0;
25
30
  const react_1 = __importDefault(require("react"));
26
- const react_2 = require("@storybook/react");
27
31
  const Icons = __importStar(require("../index"));
28
- const ArchiveIcon_1 = __importDefault(require("../components/ArchiveIcon"));
29
- const CollectionIcon_1 = __importDefault(require("../components/CollectionIcon"));
30
- const TrashIcon_1 = __importDefault(require("../components/TrashIcon"));
31
- const names = Object.keys(Icons);
32
- (0, react_2.storiesOf)("All", module).add("default", () => (react_1.default.createElement(react_1.default.Fragment, null, names.map((name) => {
33
- if (name === "default" || name === "Icon")
34
- return null;
35
- const Component = Icons[name];
36
- return react_1.default.createElement(Component, { key: name, size: 64 });
37
- }))));
38
- for (const name of names) {
39
- if (name === "default") {
40
- continue;
41
- }
42
- const Component = Icons[name];
43
- (0, react_2.storiesOf)(name, module)
44
- .add("default", () => react_1.default.createElement(Component, null))
45
- .add("large", () => react_1.default.createElement(Component, { size: 64 }))
46
- .add("black", () => react_1.default.createElement(Component, { color: "#000" }))
47
- .add("light", () => react_1.default.createElement(Component, { color: "#FFF" }));
48
- }
49
- (0, react_2.storiesOf)("CollectionIcon", module).add("expanded", () => (react_1.default.createElement(CollectionIcon_1.default, { expanded: true })));
50
- (0, react_2.storiesOf)("ArchiveIcon", module).add("open", () => react_1.default.createElement(ArchiveIcon_1.default, { open: true }));
51
- (0, react_2.storiesOf)("TrashIcon", module).add("open", () => react_1.default.createElement(TrashIcon_1.default, { open: true }));
32
+ const TypedIcons = Icons;
33
+ const names = Object.keys(TypedIcons);
34
+ exports.default = {
35
+ title: 'Icons',
36
+ };
37
+ const Dark = () => (react_1.default.createElement(react_1.default.Fragment, null,
38
+ react_1.default.createElement("div", { style: { display: 'flex', flexWrap: 'wrap' } }, names.map((name) => {
39
+ if (name === "default" || name === "Icon")
40
+ return null;
41
+ const Component = TypedIcons[name];
42
+ return (react_1.default.createElement("div", { key: name, style: { margin: '10px', textAlign: 'center' } },
43
+ react_1.default.createElement(Component, { size: 64 }),
44
+ react_1.default.createElement("div", { style: { textAlign: 'center', fontFamily: 'sans-serif', fontSize: '14px', opacity: '50%' } }, name)));
45
+ }))));
46
+ exports.Dark = Dark;
47
+ const Light = () => (react_1.default.createElement(react_1.default.Fragment, null,
48
+ react_1.default.createElement("div", { style: { display: 'flex', flexWrap: 'wrap' } }, names.map((name) => {
49
+ if (name === "default" || name === "Icon")
50
+ return null;
51
+ const Component = TypedIcons[name];
52
+ return (react_1.default.createElement("div", { key: name, style: { margin: '10px', textAlign: 'center' } },
53
+ react_1.default.createElement(Component, { color: "#FFF", size: 64 }),
54
+ react_1.default.createElement("div", { style: { fontFamily: 'sans-serif', fontSize: '14px', opacity: '50%', color: '#fff' } }, name)));
55
+ }))));
56
+ exports.Light = Light;
57
+ exports.Light.parameters = {
58
+ backgrounds: { default: 'dark' }
59
+ };
60
+ exports.CollectionExpanded = {
61
+ render: () => react_1.default.createElement(Icons.CollectionIcon, { expanded: true, size: 64 }),
62
+ parameters: {
63
+ docs: {
64
+ storyDescription: 'CollectionIcon expanded',
65
+ },
66
+ },
67
+ };
68
+ exports.ArchiveOpen = {
69
+ render: () => react_1.default.createElement(Icons.ArchiveIcon, { open: true, size: 64 }),
70
+ parameters: {
71
+ docs: {
72
+ storyDescription: 'ArchiveIcon open',
73
+ },
74
+ },
75
+ };
76
+ exports.TrashOpen = {
77
+ render: () => react_1.default.createElement(Icons.TrashIcon, { open: true, size: 64 }),
78
+ parameters: {
79
+ docs: {
80
+ storyDescription: 'TrashIcon open',
81
+ },
82
+ },
83
+ };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "outline-icons",
3
- "version": "2.2.0",
3
+ "version": "2.3.0",
4
4
  "description": "An iconset designed for the Outline editor and knowledge base",
5
5
  "main": "lib/index.js",
6
6
  "license": "BSD-3-Clause",
@@ -8,32 +8,28 @@
8
8
  "scripts": {
9
9
  "build": "yarn tsc",
10
10
  "prepublish": "yarn build",
11
- "start": "start-storybook -p 6006",
12
- "build-storybook": "build-storybook"
11
+ "start": "storybook dev -p 6006",
12
+ "build-storybook": "storybook build"
13
13
  },
14
14
  "browserslist": "> 0.25%, not dead",
15
15
  "devDependencies": {
16
- "@babel/cli": "^7.12.10",
17
- "@babel/core": "^7.12.10",
18
- "@babel/plugin-transform-destructuring": "^7.12.1",
19
- "@babel/polyfill": "^7.10.4",
20
- "@babel/preset-env": "^7.12.11",
21
- "@babel/preset-react": "^7.12.10",
22
- "@babel/preset-typescript": "^7.16.0",
23
- "@storybook/addon-actions": "^6.5.9",
24
- "@storybook/addon-essentials": "^6.5.9",
25
- "@storybook/addon-links": "^6.5.9",
26
- "@storybook/react": "^6.5.9",
27
- "@types/react": "^17.0.37",
28
- "@types/react-dom": "^17.0.11",
29
- "babel-loader": "^8.2.2",
30
- "babel-plugin-styled-components": "^1.12.0",
31
- "react": "^17.0.0",
32
- "react-dom": "^17.0.0",
33
- "typescript": "^4.5.2"
16
+ "@babel/core": "^7.22.1",
17
+ "@babel/preset-env": "^7.22.4",
18
+ "@babel/preset-react": "^7.22.3",
19
+ "@babel/preset-typescript": "^7.21.5",
20
+ "@storybook/addon-backgrounds": "^7.0.18",
21
+ "@storybook/react": "^7.0.18",
22
+ "@storybook/react-webpack5": "^7.0.18",
23
+ "@types/react": "^18.2.8",
24
+ "@types/react-dom": "^18.2.4",
25
+ "babel-loader": "^9.1.2",
26
+ "react": "^18.2.0",
27
+ "react-dom": "^18.2.0",
28
+ "storybook": "^7.0.18",
29
+ "typescript": "^5.1.3",
30
+ "webpack": "^5.85.0"
34
31
  },
35
32
  "peerDependencies": {
36
- "react": "^17.0.1",
37
- "react-dom": "^17.0.1"
33
+ "react": "^17.0.0 || ^18.0.0"
38
34
  }
39
35
  }