@leafygreen-ui/icon 11.22.1 → 11.22.2

package/dist/isComponentGlyph.d.ts

@@ -1,8 +1,8 @@
 import { ComponentType, ReactNode } from 'react';
 import { LGGlyph } from './types';
-declare type ExtendedComponentType = ComponentType<any> & {
+declare type ExtendedComponentType = (ComponentType<any> & {
     [key: string]: any;
-};
+});
 /**
  * Helper type to check if element is a LeafyGreen UI Glyph
  * @internal

package/dist/isComponentGlyph.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"isComponentGlyph.d.ts","sourceRoot":"","sources":["../src/isComponentGlyph.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAkB,SAAS,EAAE,MAAM,OAAO,CAAC;AAEjE,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAElC,aAAK,qBAAqB,GAAG,aAAa,CAAC,GAAG,CAAC,GAAG;IAChD,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB,CAAC;AACF;;;GAGG;AACH,iBAAS,gBAAgB,CAAC,IAAI,EAAE,SAAS,GAAG,IAAI,IAAI,OAAO,CAAC,OAAO,CAAC;AACpE,iBAAS,gBAAgB,CACvB,SAAS,EAAE,qBAAqB,GAC/B,SAAS,IAAI,OAAO,CAAC,SAAS,CAAC;AAuBlC,OAAO,EAAE,gBAAgB,EAAE,CAAC"}
+{"version":3,"file":"isComponentGlyph.d.ts","sourceRoot":"","sources":["../src/isComponentGlyph.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAkB,SAAS,EAAE,MAAM,OAAO,CAAC;AAEjE,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAIlC,aAAK,qBAAqB,GACxB,CAAE,aAAa,CAAC,GAAG,CAAC,GAAG;IACnB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB,CAAA,CAAC;AACN;;;GAGG;AACH,iBAAS,gBAAgB,CAAC,IAAI,EAAE,SAAS,GAAG,IAAI,IAAI,OAAO,CAAC,OAAO,CAAC;AACpE,iBAAS,gBAAgB,CACvB,SAAS,EAAE,qBAAqB,GAC/B,SAAS,IAAI,OAAO,CAAC,SAAS,CAAC;AAuBlC,OAAO,EAAE,gBAAgB,EAAE,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leafygreen-ui/icon",
-  "version": "11.22.1",
+  "version": "11.22.2",
   "description": "LeafyGreen UI Kit Icons",
   "main": "./dist/index.js",
   "module": "./dist/esm/index.js",
@@ -26,7 +26,7 @@
     "@leafygreen-ui/palette": "^4.0.7",
     "@types/xml2json": "^0.11.0",
     "xml2json": "^0.12.0",
-    "@leafygreen-ui/lib": "^10.4.3"
+    "@leafygreen-ui/lib": "^11.0.0"
   },
   "dependencies": {
     "@leafygreen-ui/emotion": "^4.0.7",

package/src/Icon.spec.tsx

@@ -44,26 +44,26 @@ const customTestGlyphs = {
 
 describe('packages/Icon/isComponentGlyph', () => {
   test('returns `true` for a rendered component', () => {
-    const TestNode: React.ComponentType<any> & { isGlyph?: boolean } = () => (
-      <div />
-    );
+    const TestNode: React.ComponentType<any> & {
+      isGlyph?: boolean;
+    } = () => <div />;
     TestNode.isGlyph = true;
     const renderedTestNode = <TestNode />;
     expect(isComponentGlyph(renderedTestNode)).toBeTruthy();
   });
 
   test('returns `true` for a component function', () => {
-    const TestNode: React.ComponentType<any> & { isGlyph?: boolean } = () => (
-      <div />
-    );
+    const TestNode: React.ComponentType<any> & {
+      isGlyph?: boolean;
+    } = () => <div />;
     TestNode.isGlyph = true;
     expect(isComponentGlyph(TestNode)).toBeTruthy();
   });
 
   test('returns `false` if isGlyph is false', () => {
-    const TestNode: React.ComponentType<any> & { isGlyph?: boolean } = () => (
-      <div />
-    );
+    const TestNode: React.ComponentType<any> & {
+      isGlyph?: boolean;
+    } = () => <div />;
     TestNode.isGlyph = false;
     const renderedTestNode = <TestNode />;
     expect(isComponentGlyph(TestNode)).toBeFalsy();

package/src/isComponentGlyph.ts

@@ -2,9 +2,12 @@ import { ComponentType, isValidElement, ReactNode } from 'react';
 
 import { LGGlyph } from './types';
 
-type ExtendedComponentType = ComponentType<any> & {
-  [key: string]: any;
-};
+type Unknown = {} | null | undefined;
+
+type ExtendedComponentType =
+  | ComponentType<any> & {
+      [key: string]: any;
+    };
 /**
  * Helper type to check if element is a LeafyGreen UI Glyph
  * @internal
@@ -14,7 +17,7 @@ function isComponentGlyph(
   component: ExtendedComponentType,
 ): component is LGGlyph.Component;
 function isComponentGlyph(
-  child: ReactNode | ExtendedComponentType,
+  child: ReactNode | ExtendedComponentType | Unknown,
 ): child is LGGlyph.Element | LGGlyph.Component {
   // If we're received a rendered component (i.e. ReactNode)
   if (isValidElement(child)) {
@@ -26,7 +29,7 @@ function isComponentGlyph(
     );
   }
 
-  // If we've recieved a component function
+  // If we've received a component function
   return (
     child != null &&
     typeof child === 'function' &&