@leafygreen-ui/icon - npm Package Compare versions

Comparing version 4.0.0 to 4.1.0

CHANGELOG.md

 # @leafygreen-ui/icon
 
+## 4.1.0
+
+### Minor Changes
+
+- 71327dd: Adds ActivityFeed, ArrowUp, ArrowDown, ArrowLeft, ArrowRight, Folder, InviteUser, and Megaphone icons
+
 ## 4.0.0
@@ -4,0 +10,0 @@

dist/createIconComponent.d.ts

 import React from 'react';
-interface GlyphMap {
+interface GlyphObject {
     [glyph: string]: SVGR.Component;
@@ -12,7 +12,7 @@ }
 export declare type Size = typeof Size[keyof typeof Size];
-export interface IconProps<G extends GlyphMap> extends Omit<SVGR.ComponentProps, 'size'> {
+export interface IconProps<G extends GlyphObject> extends Omit<SVGR.ComponentProps, 'size'> {
     glyph: keyof G;
     size?: number | Size;
 }
-export default function createIconComponent<G extends GlyphMap>(glyphs: G): React.ComponentType<IconProps<G>>;
+export default function createIconComponent<G extends GlyphObject>(glyphs: G): React.ComponentType<IconProps<G>>;
 export {};

dist/glyphs/index.d.ts

 /// <reference types="react" />
+/// <reference types="@storybook/theming/node_modules/@emotion/core" />
 /// <reference types="@emotion/core" />
 declare const _default: {
-    readonly [K: string]: import("react").ComponentType<SVGR.ComponentProps>;
+    readonly ActivityFeed: import("react").ComponentType<SVGR.ComponentProps>;
+    readonly ArrowDown: import("react").ComponentType<SVGR.ComponentProps>;
+    readonly ArrowLeft: import("react").ComponentType<SVGR.ComponentProps>;
+    readonly ArrowRight: import("react").ComponentType<SVGR.ComponentProps>;
+    readonly ArrowUp: import("react").ComponentType<SVGR.ComponentProps>;
+    readonly Copy: import("react").ComponentType<SVGR.ComponentProps>;
+    readonly Bell: import("react").ComponentType<SVGR.ComponentProps>;
+    readonly Building: import("react").ComponentType<SVGR.ComponentProps>;
+    readonly CaretUp: import("react").ComponentType<SVGR.ComponentProps>;
+    readonly CaretDown: import("react").ComponentType<SVGR.ComponentProps>;
+    readonly CaretRight: import("react").ComponentType<SVGR.ComponentProps>;
+    readonly CaretLeft: import("react").ComponentType<SVGR.ComponentProps>;
+    readonly Checkmark: import("react").ComponentType<SVGR.ComponentProps>;
+    readonly CheckmarkWithCircle: import("react").ComponentType<SVGR.ComponentProps>;
+    readonly ChevronUp: import("react").ComponentType<SVGR.ComponentProps>;
+    readonly ChevronDown: import("react").ComponentType<SVGR.ComponentProps>;
+    readonly ChevronRight: import("react").ComponentType<SVGR.ComponentProps>;
+    readonly ChevronLeft: import("react").ComponentType<SVGR.ComponentProps>;
+    readonly Charts: import("react").ComponentType<SVGR.ComponentProps>;
+    readonly Cloud: import("react").ComponentType<SVGR.ComponentProps>;
+    readonly CreditCard: import("react").ComponentType<SVGR.ComponentProps>;
+    readonly Edit: import("react").ComponentType<SVGR.ComponentProps>;
+    readonly Ellipsis: import("react").ComponentType<SVGR.ComponentProps>;
+    readonly Folder: import("react").ComponentType<SVGR.ComponentProps>;
+    readonly InfoWithCircle: import("react").ComponentType<SVGR.ComponentProps>;
+    readonly InviteUser: import("react").ComponentType<SVGR.ComponentProps>;
+    readonly Laptop: import("react").ComponentType<SVGR.ComponentProps>;
+    readonly Lock: import("react").ComponentType<SVGR.ComponentProps>;
+    readonly MagnifyingGlass: import("react").ComponentType<SVGR.ComponentProps>;
+    readonly Megaphone: import("react").ComponentType<SVGR.ComponentProps>;
+    readonly Menu: import("react").ComponentType<SVGR.ComponentProps>;
+    readonly NotAllowed: import("react").ComponentType<SVGR.ComponentProps>;
+    readonly Person: import("react").ComponentType<SVGR.ComponentProps>;
+    readonly PersonWithLock: import("react").ComponentType<SVGR.ComponentProps>;
+    readonly Plus: import("react").ComponentType<SVGR.ComponentProps>;
+    readonly PlusWithCircle: import("react").ComponentType<SVGR.ComponentProps>;
+    readonly QuestionMarkWithCircle: import("react").ComponentType<SVGR.ComponentProps>;
+    readonly Refresh: import("react").ComponentType<SVGR.ComponentProps>;
+    readonly Save: import("react").ComponentType<SVGR.ComponentProps>;
+    readonly Settings: import("react").ComponentType<SVGR.ComponentProps>;
+    readonly Stitch: import("react").ComponentType<SVGR.ComponentProps>;
+    readonly Support: import("react").ComponentType<SVGR.ComponentProps>;
+    readonly Trash: import("react").ComponentType<SVGR.ComponentProps>;
+    readonly Warning: import("react").ComponentType<SVGR.ComponentProps>;
+    readonly X: import("react").ComponentType<SVGR.ComponentProps>;
+    readonly XWithCircle: import("react").ComponentType<SVGR.ComponentProps>;
 };
 export default _default;

dist/index.d.ts

 /// <reference path="../typings/svgr.d.ts" />
 /// <reference types="react" />
+/// <reference types="@storybook/theming/node_modules/@emotion/core" />
 /// <reference types="@emotion/core" />
@@ -9,4 +10,49 @@ import createIconComponent from './createIconComponent';
 declare const _default: import("react").ComponentType<import("./createIconComponent").IconProps<{
-    readonly [K: string]: import("react").ComponentType<SVGR.ComponentProps>;
+    readonly ActivityFeed: import("react").ComponentType<SVGR.ComponentProps>;
+    readonly ArrowDown: import("react").ComponentType<SVGR.ComponentProps>;
+    readonly ArrowLeft: import("react").ComponentType<SVGR.ComponentProps>;
+    readonly ArrowRight: import("react").ComponentType<SVGR.ComponentProps>;
+    readonly ArrowUp: import("react").ComponentType<SVGR.ComponentProps>;
+    readonly Copy: import("react").ComponentType<SVGR.ComponentProps>;
+    readonly Bell: import("react").ComponentType<SVGR.ComponentProps>;
+    readonly Building: import("react").ComponentType<SVGR.ComponentProps>;
+    readonly CaretUp: import("react").ComponentType<SVGR.ComponentProps>;
+    readonly CaretDown: import("react").ComponentType<SVGR.ComponentProps>;
+    readonly CaretRight: import("react").ComponentType<SVGR.ComponentProps>;
+    readonly CaretLeft: import("react").ComponentType<SVGR.ComponentProps>;
+    readonly Checkmark: import("react").ComponentType<SVGR.ComponentProps>;
+    readonly CheckmarkWithCircle: import("react").ComponentType<SVGR.ComponentProps>;
+    readonly ChevronUp: import("react").ComponentType<SVGR.ComponentProps>;
+    readonly ChevronDown: import("react").ComponentType<SVGR.ComponentProps>;
+    readonly ChevronRight: import("react").ComponentType<SVGR.ComponentProps>;
+    readonly ChevronLeft: import("react").ComponentType<SVGR.ComponentProps>;
+    readonly Charts: import("react").ComponentType<SVGR.ComponentProps>;
+    readonly Cloud: import("react").ComponentType<SVGR.ComponentProps>;
+    readonly CreditCard: import("react").ComponentType<SVGR.ComponentProps>;
+    readonly Edit: import("react").ComponentType<SVGR.ComponentProps>;
+    readonly Ellipsis: import("react").ComponentType<SVGR.ComponentProps>;
+    readonly Folder: import("react").ComponentType<SVGR.ComponentProps>;
+    readonly InfoWithCircle: import("react").ComponentType<SVGR.ComponentProps>;
+    readonly InviteUser: import("react").ComponentType<SVGR.ComponentProps>;
+    readonly Laptop: import("react").ComponentType<SVGR.ComponentProps>;
+    readonly Lock: import("react").ComponentType<SVGR.ComponentProps>;
+    readonly MagnifyingGlass: import("react").ComponentType<SVGR.ComponentProps>;
+    readonly Megaphone: import("react").ComponentType<SVGR.ComponentProps>;
+    readonly Menu: import("react").ComponentType<SVGR.ComponentProps>;
+    readonly NotAllowed: import("react").ComponentType<SVGR.ComponentProps>;
+    readonly Person: import("react").ComponentType<SVGR.ComponentProps>;
+    readonly PersonWithLock: import("react").ComponentType<SVGR.ComponentProps>;
+    readonly Plus: import("react").ComponentType<SVGR.ComponentProps>;
+    readonly PlusWithCircle: import("react").ComponentType<SVGR.ComponentProps>;
+    readonly QuestionMarkWithCircle: import("react").ComponentType<SVGR.ComponentProps>;
+    readonly Refresh: import("react").ComponentType<SVGR.ComponentProps>;
+    readonly Save: import("react").ComponentType<SVGR.ComponentProps>;
+    readonly Settings: import("react").ComponentType<SVGR.ComponentProps>;
+    readonly Stitch: import("react").ComponentType<SVGR.ComponentProps>;
+    readonly Support: import("react").ComponentType<SVGR.ComponentProps>;
+    readonly Trash: import("react").ComponentType<SVGR.ComponentProps>;
+    readonly Warning: import("react").ComponentType<SVGR.ComponentProps>;
+    readonly X: import("react").ComponentType<SVGR.ComponentProps>;
+    readonly XWithCircle: import("react").ComponentType<SVGR.ComponentProps>;
 }>>;
 export default _default;

package.json

 {
   "name": "@leafygreen-ui/icon",
-  "version": "4.0.0",
+  "version": "4.1.0",
   "description": "LeafyGreen UI Kit Icons",
@@ -5,0 +5,0 @@ "browser": "./dist/index.web.js",

README.md

@@ -38,7 +38,7 @@ # Icon
 
-| Prop    | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | Description                                                                                                                                  | Default     |
-| ------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | -------------------------------------------------------------------------------------------------------------------------------------------- | ----------- |
-| `glyph` | **Required**: `'Copy'`, `'Bell'`, `'Building'`, `'CaretUp'`, `'CaretDown'`, `'CaretRight'`, `'CaretLeft'`, `'Checkmark'`, `'CheckmarkWithCircle'`, `'ChevronUp'`, `'ChevronDown'`, `'ChevronRight'`, `'ChevronLeft'`, `'Charts'`, `'Cloud'`, `'CreditCard'`, `'Edit'`, `'Ellipsis'`, `'InfoWithCircle'`, `'Laptop'`, `'Lock'`, `'MagnifyingGlass'`, `'Menu'`, `'NotAllowed'`, `'Person'`, `'PersonWithLock'`, `'Plus'`, `'PlusWithCircle'`, `'QuestionMarkWithCircle'`, `'Refresh'`, `'Save'`, `'Settings'`, `'Stitch'`, `'Support'`, `'Trash'`, `'Warning'`, `'X'`, `'XWithCircle'` | Specifies the glyph to use.                                                                                                                  |             |
-| `size`  | `string` or `number`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | The height and width of the glyph's viewBox. This can be any `number` or one of the following `'small'`, `'default'`, `'large'`, `'xlarge'`  | `'default'` |
-| `fill`  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | The fill color that is passed to the glyph. By default, the glyph will inherit its fill from the CSS color property of its nearest ancestor. |             |
+| Prop    | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         | Description                                                                                                                                  | Default     |
+| ------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | -------------------------------------------------------------------------------------------------------------------------------------------- | ----------- |
+| `glyph` | **Required**: `'ActivityFeed'`, `'ArrowDown'`, `'ArrowLeft'`, `'ArrowRight'`, `'ArrowUp'`, `'Copy'`, `'Bell'`, `'Building'`, `'CaretUp'`, `'CaretDown'`, `'CaretRight'`, `'CaretLeft'`, `'Checkmark'`, `'CheckmarkWithCircle'`, `'ChevronUp'`, `'ChevronDown'`, `'ChevronRight'`, `'ChevronLeft'`, `'Charts'`, `'Cloud'`, `'CreditCard'`, `'Edit'`, `'Ellipsis'`, `'Folder'`, `'InfoWithCircle'`, `'InviteUser'`, `'Laptop'`, `'Lock'`, `'MagnifyingGlass'`, `'Megaphone'`, `'Menu'`, `'NotAllowed'`, `'Person'`, `'PersonWithLock'`, `'Plus'`, `'PlusWithCircle'`, `'QuestionMarkWithCircle'`, `'Refresh'`, `'Save'`, `'Settings'`, `'Stitch'`, `'Support'`, `'Trash'`, `'Warning'`, `'X'`, `'XWithCircle'` | Specifies the glyph to use.                                                                                                                  |             |
+| `size`  | `string` or `number`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         | The height and width of the glyph's viewBox. This can be any `number` or one of the following `'small'`, `'default'`, `'large'`, `'xlarge'`  | `'default'` |
+| `fill`  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | The fill color that is passed to the glyph. By default, the glyph will inherit its fill from the CSS color property of its nearest ancestor. |             |
 
@@ -45,0 +45,0 @@ ## Advanced Usage (Registering custom icon sets)

src/glyphs/index.ts

@@ -0,1 +1,6 @@
+import ActivityFeed from './ActivityFeed.svg';
+import ArrowDown from './ArrowDown.svg';
+import ArrowLeft from './ArrowLeft.svg';
+import ArrowRight from './ArrowRight.svg';
+import ArrowUp from './ArrowUp.svg';
 import Copy from './Copy.svg';
@@ -19,6 +24,9 @@ import Bell from './Bell.svg';
 import Ellipsis from './Ellipsis.svg';
+import Folder from './Folder.svg';
 import InfoWithCircle from './InfoWithCircle.svg';
+import InviteUser from './InviteUser.svg';
 import Laptop from './Laptop.svg';
 import Lock from './Lock.svg';
 import MagnifyingGlass from './MagnifyingGlass.svg';
+import Megaphone from './Megaphone.svg';
 import Menu from './Menu.svg';
@@ -42,2 +50,7 @@ import NotAllowed from './NotAllowed.svg';
 export default {
+  ActivityFeed,
+  ArrowDown,
+  ArrowLeft,
+  ArrowRight,
+  ArrowUp,
   Copy,
@@ -61,6 +74,9 @@ Bell,
   Ellipsis,
+  Folder,
   InfoWithCircle,
+  InviteUser,
   Laptop,
   Lock,
   MagnifyingGlass,
+  Megaphone,
   Menu,
@@ -82,2 +98,2 @@ NotAllowed,
   XWithCircle,
-} as { readonly [K: string]: SVGR.Component };
+} as const;

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

1010208

increased by16.19%

Number of package files

67

increased by13.56%

Lines of code

1050

increased by26.35%

No dependency changes