@leafygreen-ui/icon 11.18.0 → 12.0.0-alpha.0

package/src/generated/Highlight.tsx

@@ -1,13 +1,12 @@
 /**
- * This is a generated file. Do not modify it manually.
- *
- * @script ./node_modules/.bin/ts-node packages/icon/scripts/build.ts
- * @checksum 77ae77d69ea448b9b7a93be70b1c81cb
- */
-import { css, cx } from '@leafygreen-ui/emotion';
+* This is a generated file. Do not modify it manually.
+*
+* @script ./node_modules/.bin/ts-node packages/icon/scripts/build.ts
+* @checksum d80a6992819bcd97a003e3f401311184
+*/
+import * as React from "react";
 import PropTypes from 'prop-types';
-import * as React from 'react';
-
+import { css, cx } from '@leafygreen-ui/emotion';
 import { generateAccessibleProps, sizeMap } from '../glyphCommon';
 import { LGGlyph } from '../types';
 export interface HighlightProps extends LGGlyph.ComponentProps {}
@@ -22,56 +21,25 @@ const Highlight = ({
   ...props
 }: HighlightProps) => {
   const fillStyle = css`
-    color: ${fill};
-  `;
+        color: ${fill};
+      `;
   const noFlexShrink = css`
-    flex-shrink: 0;
-  `;
+        flex-shrink: 0;
+      `;
   const accessibleProps = generateAccessibleProps(role, 'Highlight', {
     title,
     ['aria-label']: ariaLabel,
-    ['aria-labelledby']: ariaLabelledby,
+    ['aria-labelledby']: ariaLabelledby
   });
-  return (
-    <svg
-      className={cx(
-        {
-          [fillStyle]: fill != null,
-        },
-        noFlexShrink,
-        className,
-      )}
-      height={typeof size === 'number' ? size : sizeMap[size]}
-      width={typeof size === 'number' ? size : sizeMap[size]}
-      role={role}
-      {...accessibleProps}
-      {...props}
-      viewBox="0 0 16 16"
-    >
-      <path
-        d="M8.85275 12.0315C8.87165 12.0114 8.89799 12 8.92557 12H14.75C14.8881 12 15 12.1119 15 12.25V13.75C15 13.8881 14.8881 14 14.75 14H7.23145C7.14381 14 7.09857 13.8953 7.15863 13.8315L8.85275 12.0315Z"
-        fill={'currentColor'}
-      />
-      <path
-        d="M4.01887 9.19347L4.39384 8.8185L7.57582 12.0005L7.20114 12.3752C6.99596 12.5803 6.71178 12.6863 6.42236 12.6655L5.84842 12.6242C5.55901 12.6034 5.27482 12.7094 5.06964 12.9146L4.92888 13.0553L3.33789 11.4643L3.47895 11.3233C3.68396 11.1183 3.7899 10.8344 3.76932 10.5452L3.7285 9.97156C3.70792 9.68237 3.81386 9.39848 4.01887 9.19347Z"
-        fill={'currentColor'}
-      />
-      <path
-        d="M11.4334 1.77892C11.8239 1.38839 12.4571 1.38839 12.8476 1.77892L14.6154 3.54668C15.0059 3.93721 15.0059 4.57037 14.6154 4.9609L8.28006 11.2962L5.09808 8.11425L11.4334 1.77892Z"
-        fill={'currentColor'}
-      />
-      <path
-        d="M2.63228 12.1672L4.22462 13.7596L4.05424 13.9317C4.00728 13.9792 3.9433 14.0059 3.87655 14.0059L1.38588 14.0059C1.16267 14.0059 1.05135 13.7356 1.20981 13.5784L2.63228 12.1672Z"
-        fill={'currentColor'}
-      />
-    </svg>
-  );
+  return <svg className={cx({
+    [fillStyle]: fill != null
+  }, noFlexShrink, className)} height={typeof size === 'number' ? size : sizeMap[size]} width={typeof size === 'number' ? size : sizeMap[size]} role={role} {...accessibleProps} {...props} viewBox="0 0 16 16"><path d="M8.85275 12.0315C8.87165 12.0114 8.89799 12 8.92557 12H14.75C14.8881 12 15 12.1119 15 12.25V13.75C15 13.8881 14.8881 14 14.75 14H7.23145C7.14381 14 7.09857 13.8953 7.15863 13.8315L8.85275 12.0315Z" fill={'currentColor'} /><path d="M4.01887 9.19347L4.39384 8.8185L7.57582 12.0005L7.20114 12.3752C6.99596 12.5803 6.71178 12.6863 6.42236 12.6655L5.84842 12.6242C5.55901 12.6034 5.27482 12.7094 5.06964 12.9146L4.92888 13.0553L3.33789 11.4643L3.47895 11.3233C3.68396 11.1183 3.7899 10.8344 3.76932 10.5452L3.7285 9.97156C3.70792 9.68237 3.81386 9.39848 4.01887 9.19347Z" fill={'currentColor'} /><path d="M11.4334 1.77892C11.8239 1.38839 12.4571 1.38839 12.8476 1.77892L14.6154 3.54668C15.0059 3.93721 15.0059 4.57037 14.6154 4.9609L8.28006 11.2962L5.09808 8.11425L11.4334 1.77892Z" fill={'currentColor'} /><path d="M2.63228 12.1672L4.22462 13.7596L4.05424 13.9317C4.00728 13.9792 3.9433 14.0059 3.87655 14.0059L1.38588 14.0059C1.16267 14.0059 1.05135 13.7356 1.20981 13.5784L2.63228 12.1672Z" fill={'currentColor'} /></svg>;
 };
 Highlight.displayName = 'Highlight';
 Highlight.isGlyph = true;
 Highlight.propTypes = {
   fill: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-  className: PropTypes.string,
+  className: PropTypes.string
 };
-export default Highlight;
+export default Highlight;

package/src/generated/Home.tsx

@@ -1,13 +1,12 @@
 /**
- * This is a generated file. Do not modify it manually.
- *
- * @script ./node_modules/.bin/ts-node packages/icon/scripts/build.ts
- * @checksum 899bafd33bb991c6f6588191e4048e7b
- */
-import { css, cx } from '@leafygreen-ui/emotion';
+* This is a generated file. Do not modify it manually.
+*
+* @script ./node_modules/.bin/ts-node packages/icon/scripts/build.ts
+* @checksum e7fbff4ceb0bbca8fcd6ffca7a80ac38
+*/
+import * as React from "react";
 import PropTypes from 'prop-types';
-import * as React from 'react';
-
+import { css, cx } from '@leafygreen-ui/emotion';
 import { generateAccessibleProps, sizeMap } from '../glyphCommon';
 import { LGGlyph } from '../types';
 export interface HomeProps extends LGGlyph.ComponentProps {}
@@ -22,48 +21,25 @@ const Home = ({
   ...props
 }: HomeProps) => {
   const fillStyle = css`
-    color: ${fill};
-  `;
+        color: ${fill};
+      `;
   const noFlexShrink = css`
-    flex-shrink: 0;
-  `;
+        flex-shrink: 0;
+      `;
   const accessibleProps = generateAccessibleProps(role, 'Home', {
     title,
     ['aria-label']: ariaLabel,
-    ['aria-labelledby']: ariaLabelledby,
+    ['aria-labelledby']: ariaLabelledby
   });
-  return (
-    <svg
-      className={cx(
-        {
-          [fillStyle]: fill != null,
-        },
-        noFlexShrink,
-        className,
-      )}
-      height={typeof size === 'number' ? size : sizeMap[size]}
-      width={typeof size === 'number' ? size : sizeMap[size]}
-      role={role}
-      {...accessibleProps}
-      {...props}
-      viewBox="0 0 16 16"
-    >
-      <path
-        d="M7.51983 2.40012C7.79797 2.16834 8.20197 2.16834 8.48011 2.40012L13.6105 6.67544C13.8247 6.85396 13.8515 7.17322 13.67 7.38494L13.4531 7.63803C13.2794 7.84067 12.9772 7.87116 12.7665 7.70731L8.30694 4.23876C8.12638 4.09833 7.87356 4.09833 7.693 4.23876L3.23344 7.70731C3.02277 7.87116 2.72054 7.84067 2.54684 7.63803L2.32992 7.38494C2.14844 7.17322 2.17523 6.85396 2.38945 6.67544L7.51983 2.40012Z"
-        fill={'currentColor'}
-      />
-      <path
-        d="M7.68467 5.42969L3.99997 8.31593V13.2378C3.99997 13.6587 4.33576 14 4.74997 14H6.49997C6.77611 14 6.99997 13.7762 6.99997 13.5V11.4593C6.99997 11.1786 7.22383 10.9511 7.49997 10.9511H8.49997C8.77611 10.9511 8.99997 11.1786 8.99997 11.4593V13.5C8.99997 13.7762 9.22383 14 9.49997 14H11.25C11.6642 14 12 13.6587 12 13.2378V8.31593L8.31527 5.42969C8.13157 5.27801 7.86838 5.27801 7.68467 5.42969Z"
-        fill={'currentColor'}
-      />
-    </svg>
-  );
+  return <svg className={cx({
+    [fillStyle]: fill != null
+  }, noFlexShrink, className)} height={typeof size === 'number' ? size : sizeMap[size]} width={typeof size === 'number' ? size : sizeMap[size]} role={role} {...accessibleProps} {...props} viewBox="0 0 16 16"><path d="M7.51983 2.40012C7.79797 2.16834 8.20197 2.16834 8.48011 2.40012L13.6105 6.67544C13.8247 6.85396 13.8515 7.17322 13.67 7.38494L13.4531 7.63803C13.2794 7.84067 12.9772 7.87116 12.7665 7.70731L8.30694 4.23876C8.12638 4.09833 7.87356 4.09833 7.693 4.23876L3.23344 7.70731C3.02277 7.87116 2.72054 7.84067 2.54684 7.63803L2.32992 7.38494C2.14844 7.17322 2.17523 6.85396 2.38945 6.67544L7.51983 2.40012Z" fill={'currentColor'} /><path d="M7.68467 5.42969L3.99997 8.31593V13.2378C3.99997 13.6587 4.33576 14 4.74997 14H6.49997C6.77611 14 6.99997 13.7762 6.99997 13.5V11.4593C6.99997 11.1786 7.22383 10.9511 7.49997 10.9511H8.49997C8.77611 10.9511 8.99997 11.1786 8.99997 11.4593V13.5C8.99997 13.7762 9.22383 14 9.49997 14H11.25C11.6642 14 12 13.6587 12 13.2378V8.31593L8.31527 5.42969C8.13157 5.27801 7.86838 5.27801 7.68467 5.42969Z" fill={'currentColor'} /></svg>;
 };
 Home.displayName = 'Home';
 Home.isGlyph = true;
 Home.propTypes = {
   fill: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-  className: PropTypes.string,
+  className: PropTypes.string
 };
-export default Home;
+export default Home;

package/src/generated/Import.tsx

@@ -1,13 +1,12 @@
 /**
- * This is a generated file. Do not modify it manually.
- *
- * @script ./node_modules/.bin/ts-node packages/icon/scripts/build.ts
- * @checksum 1ac1c07c3788f4ae4ba257aedf499843
- */
-import { css, cx } from '@leafygreen-ui/emotion';
+* This is a generated file. Do not modify it manually.
+*
+* @script ./node_modules/.bin/ts-node packages/icon/scripts/build.ts
+* @checksum 5911c32f808ef936ad3910fb071b7a7e
+*/
+import * as React from "react";
 import PropTypes from 'prop-types';
-import * as React from 'react';
-
+import { css, cx } from '@leafygreen-ui/emotion';
 import { generateAccessibleProps, sizeMap } from '../glyphCommon';
 import { LGGlyph } from '../types';
 export interface ImportProps extends LGGlyph.ComponentProps {}
@@ -22,48 +21,25 @@ const Import = ({
   ...props
 }: ImportProps) => {
   const fillStyle = css`
-    color: ${fill};
-  `;
+        color: ${fill};
+      `;
   const noFlexShrink = css`
-    flex-shrink: 0;
-  `;
+        flex-shrink: 0;
+      `;
   const accessibleProps = generateAccessibleProps(role, 'Import', {
     title,
     ['aria-label']: ariaLabel,
-    ['aria-labelledby']: ariaLabelledby,
+    ['aria-labelledby']: ariaLabelledby
   });
-  return (
-    <svg
-      className={cx(
-        {
-          [fillStyle]: fill != null,
-        },
-        noFlexShrink,
-        className,
-      )}
-      height={typeof size === 'number' ? size : sizeMap[size]}
-      width={typeof size === 'number' ? size : sizeMap[size]}
-      role={role}
-      {...accessibleProps}
-      {...props}
-      viewBox="0 0 16 16"
-    >
-      <path
-        d="M11.6225 8.79871C11.7258 8.69129 11.7258 8.52138 11.6225 8.41396L8.81811 5.49829C8.64501 5.31832 8.34095 5.4409 8.34095 5.69066V7.09645C6.48177 7.0133 5 5.47969 5 3.6V3.5C5 2.67157 4.32843 2 3.5 2C2.67157 2 2 2.67157 2 3.5V3.6C2 7.13668 4.82458 10.0136 8.34095 10.0981V11.522C8.34095 11.7718 8.64501 11.8944 8.81811 11.7144L11.6225 8.79871Z"
-        fill={'currentColor'}
-      />
-      <path
-        d="M3.95001 11C3.95001 10.5858 4.2858 10.25 4.70001 10.25C5.11423 10.25 5.45001 10.5858 5.45001 11L5.45001 12.75C5.45001 13.0262 5.67387 13.25 5.95001 13.25H12.814C13.0901 13.25 13.314 13.0262 13.314 12.75V5.88602C13.314 5.60988 13.0901 5.38602 12.814 5.38602L10.8711 5.38602C10.4569 5.38602 10.1211 5.05024 10.1211 4.63602C10.1211 4.22181 10.4569 3.88602 10.8711 3.88602H12.814C13.9186 3.88602 14.814 4.78145 14.814 5.88602V12.75C14.814 13.8546 13.9186 14.75 12.814 14.75H5.95001C4.84544 14.75 3.95001 13.8546 3.95001 12.75V11Z"
-        fill={'currentColor'}
-      />
-    </svg>
-  );
+  return <svg className={cx({
+    [fillStyle]: fill != null
+  }, noFlexShrink, className)} height={typeof size === 'number' ? size : sizeMap[size]} width={typeof size === 'number' ? size : sizeMap[size]} role={role} {...accessibleProps} {...props} viewBox="0 0 16 16"><path d="M11.6225 8.79871C11.7258 8.69129 11.7258 8.52138 11.6225 8.41396L8.81811 5.49829C8.64501 5.31832 8.34095 5.4409 8.34095 5.69066V7.09645C6.48177 7.0133 5 5.47969 5 3.6V3.5C5 2.67157 4.32843 2 3.5 2C2.67157 2 2 2.67157 2 3.5V3.6C2 7.13668 4.82458 10.0136 8.34095 10.0981V11.522C8.34095 11.7718 8.64501 11.8944 8.81811 11.7144L11.6225 8.79871Z" fill={'currentColor'} /><path d="M3.95001 11C3.95001 10.5858 4.2858 10.25 4.70001 10.25C5.11423 10.25 5.45001 10.5858 5.45001 11L5.45001 12.75C5.45001 13.0262 5.67387 13.25 5.95001 13.25H12.814C13.0901 13.25 13.314 13.0262 13.314 12.75V5.88602C13.314 5.60988 13.0901 5.38602 12.814 5.38602L10.8711 5.38602C10.4569 5.38602 10.1211 5.05024 10.1211 4.63602C10.1211 4.22181 10.4569 3.88602 10.8711 3.88602H12.814C13.9186 3.88602 14.814 4.78145 14.814 5.88602V12.75C14.814 13.8546 13.9186 14.75 12.814 14.75H5.95001C4.84544 14.75 3.95001 13.8546 3.95001 12.75V11Z" fill={'currentColor'} /></svg>;
 };
 Import.displayName = 'Import';
 Import.isGlyph = true;
 Import.propTypes = {
   fill: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-  className: PropTypes.string,
+  className: PropTypes.string
 };
-export default Import;
+export default Import;

package/src/generated/ImportantWithCircle.tsx

@@ -1,13 +1,12 @@
 /**
- * This is a generated file. Do not modify it manually.
- *
- * @script ./node_modules/.bin/ts-node packages/icon/scripts/build.ts
- * @checksum d6fdeef1aeefb8601f7742db9afb29e0
- */
-import { css, cx } from '@leafygreen-ui/emotion';
+* This is a generated file. Do not modify it manually.
+*
+* @script ./node_modules/.bin/ts-node packages/icon/scripts/build.ts
+* @checksum 4c894bdcd33cc9b00cc186c717ee369f
+*/
+import * as React from "react";
 import PropTypes from 'prop-types';
-import * as React from 'react';
-
+import { css, cx } from '@leafygreen-ui/emotion';
 import { generateAccessibleProps, sizeMap } from '../glyphCommon';
 import { LGGlyph } from '../types';
 export interface ImportantWithCircleProps extends LGGlyph.ComponentProps {}
@@ -22,46 +21,25 @@ const ImportantWithCircle = ({
   ...props
 }: ImportantWithCircleProps) => {
   const fillStyle = css`
-    color: ${fill};
-  `;
+        color: ${fill};
+      `;
   const noFlexShrink = css`
-    flex-shrink: 0;
-  `;
+        flex-shrink: 0;
+      `;
   const accessibleProps = generateAccessibleProps(role, 'ImportantWithCircle', {
     title,
     ['aria-label']: ariaLabel,
-    ['aria-labelledby']: ariaLabelledby,
+    ['aria-labelledby']: ariaLabelledby
   });
-  return (
-    <svg
-      className={cx(
-        {
-          [fillStyle]: fill != null,
-        },
-        noFlexShrink,
-        className,
-      )}
-      height={typeof size === 'number' ? size : sizeMap[size]}
-      width={typeof size === 'number' ? size : sizeMap[size]}
-      role={role}
-      {...accessibleProps}
-      {...props}
-      viewBox="0 0 16 16"
-    >
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM7 4.5C7 3.94772 7.44772 3.5 8 3.5C8.55228 3.5 9 3.94772 9 4.5V8.5C9 9.05228 8.55228 9.5 8 9.5C7.44772 9.5 7 9.05228 7 8.5V4.5ZM9 11.5C9 12.0523 8.55228 12.5 8 12.5C7.44772 12.5 7 12.0523 7 11.5C7 10.9477 7.44772 10.5 8 10.5C8.55228 10.5 9 10.9477 9 11.5Z"
-        fill={'currentColor'}
-      />
-    </svg>
-  );
+  return <svg className={cx({
+    [fillStyle]: fill != null
+  }, noFlexShrink, className)} height={typeof size === 'number' ? size : sizeMap[size]} width={typeof size === 'number' ? size : sizeMap[size]} role={role} {...accessibleProps} {...props} viewBox="0 0 16 16"><path fillRule="evenodd" clipRule="evenodd" d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM7 4.5C7 3.94772 7.44772 3.5 8 3.5C8.55228 3.5 9 3.94772 9 4.5V8.5C9 9.05228 8.55228 9.5 8 9.5C7.44772 9.5 7 9.05228 7 8.5V4.5ZM9 11.5C9 12.0523 8.55228 12.5 8 12.5C7.44772 12.5 7 12.0523 7 11.5C7 10.9477 7.44772 10.5 8 10.5C8.55228 10.5 9 10.9477 9 11.5Z" fill={'currentColor'} /></svg>;
 };
 ImportantWithCircle.displayName = 'ImportantWithCircle';
 ImportantWithCircle.isGlyph = true;
 ImportantWithCircle.propTypes = {
   fill: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-  className: PropTypes.string,
+  className: PropTypes.string
 };
-export default ImportantWithCircle;
+export default ImportantWithCircle;

package/src/generated/InfoWithCircle.tsx

@@ -1,13 +1,12 @@
 /**
- * This is a generated file. Do not modify it manually.
- *
- * @script ./node_modules/.bin/ts-node packages/icon/scripts/build.ts
- * @checksum 1f1243f4a7f521cf47675cccb2dba065
- */
-import { css, cx } from '@leafygreen-ui/emotion';
+* This is a generated file. Do not modify it manually.
+*
+* @script ./node_modules/.bin/ts-node packages/icon/scripts/build.ts
+* @checksum cc969cc26f91e02ebf9757b008aed50d
+*/
+import * as React from "react";
 import PropTypes from 'prop-types';
-import * as React from 'react';
-
+import { css, cx } from '@leafygreen-ui/emotion';
 import { generateAccessibleProps, sizeMap } from '../glyphCommon';
 import { LGGlyph } from '../types';
 export interface InfoWithCircleProps extends LGGlyph.ComponentProps {}
@@ -22,46 +21,25 @@ const InfoWithCircle = ({
   ...props
 }: InfoWithCircleProps) => {
   const fillStyle = css`
-    color: ${fill};
-  `;
+        color: ${fill};
+      `;
   const noFlexShrink = css`
-    flex-shrink: 0;
-  `;
+        flex-shrink: 0;
+      `;
   const accessibleProps = generateAccessibleProps(role, 'InfoWithCircle', {
     title,
     ['aria-label']: ariaLabel,
-    ['aria-labelledby']: ariaLabelledby,
+    ['aria-labelledby']: ariaLabelledby
   });
-  return (
-    <svg
-      className={cx(
-        {
-          [fillStyle]: fill != null,
-        },
-        noFlexShrink,
-        className,
-      )}
-      height={typeof size === 'number' ? size : sizeMap[size]}
-      width={typeof size === 'number' ? size : sizeMap[size]}
-      role={role}
-      {...accessibleProps}
-      {...props}
-      viewBox="0 0 16 16"
-    >
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM9 4C9 4.55228 8.55228 5 8 5C7.44772 5 7 4.55228 7 4C7 3.44772 7.44772 3 8 3C8.55228 3 9 3.44772 9 4ZM8 6C8.55228 6 9 6.44772 9 7V11H9.5C9.77614 11 10 11.2239 10 11.5C10 11.7761 9.77614 12 9.5 12H6.5C6.22386 12 6 11.7761 6 11.5C6 11.2239 6.22386 11 6.5 11H7V7H6.5C6.22386 7 6 6.77614 6 6.5C6 6.22386 6.22386 6 6.5 6H8Z"
-        fill={'currentColor'}
-      />
-    </svg>
-  );
+  return <svg className={cx({
+    [fillStyle]: fill != null
+  }, noFlexShrink, className)} height={typeof size === 'number' ? size : sizeMap[size]} width={typeof size === 'number' ? size : sizeMap[size]} role={role} {...accessibleProps} {...props} viewBox="0 0 16 16"><path fillRule="evenodd" clipRule="evenodd" d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM9 4C9 4.55228 8.55228 5 8 5C7.44772 5 7 4.55228 7 4C7 3.44772 7.44772 3 8 3C8.55228 3 9 3.44772 9 4ZM8 6C8.55228 6 9 6.44772 9 7V11H9.5C9.77614 11 10 11.2239 10 11.5C10 11.7761 9.77614 12 9.5 12H6.5C6.22386 12 6 11.7761 6 11.5C6 11.2239 6.22386 11 6.5 11H7V7H6.5C6.22386 7 6 6.77614 6 6.5C6 6.22386 6.22386 6 6.5 6H8Z" fill={'currentColor'} /></svg>;
 };
 InfoWithCircle.displayName = 'InfoWithCircle';
 InfoWithCircle.isGlyph = true;
 InfoWithCircle.propTypes = {
   fill: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-  className: PropTypes.string,
+  className: PropTypes.string
 };
-export default InfoWithCircle;
+export default InfoWithCircle;

package/src/generated/InviteUser.tsx

@@ -1,13 +1,12 @@
 /**
- * This is a generated file. Do not modify it manually.
- *
- * @script ./node_modules/.bin/ts-node packages/icon/scripts/build.ts
- * @checksum f15cfe6d1851eefd6b3ea475074c00d4
- */
-import { css, cx } from '@leafygreen-ui/emotion';
+* This is a generated file. Do not modify it manually.
+*
+* @script ./node_modules/.bin/ts-node packages/icon/scripts/build.ts
+* @checksum 1cb2485b10576295ea5d4b1b1b30e06b
+*/
+import * as React from "react";
 import PropTypes from 'prop-types';
-import * as React from 'react';
-
+import { css, cx } from '@leafygreen-ui/emotion';
 import { generateAccessibleProps, sizeMap } from '../glyphCommon';
 import { LGGlyph } from '../types';
 export interface InviteUserProps extends LGGlyph.ComponentProps {}
@@ -22,52 +21,25 @@ const InviteUser = ({
   ...props
 }: InviteUserProps) => {
   const fillStyle = css`
-    color: ${fill};
-  `;
+        color: ${fill};
+      `;
   const noFlexShrink = css`
-    flex-shrink: 0;
-  `;
+        flex-shrink: 0;
+      `;
   const accessibleProps = generateAccessibleProps(role, 'InviteUser', {
     title,
     ['aria-label']: ariaLabel,
-    ['aria-labelledby']: ariaLabelledby,
+    ['aria-labelledby']: ariaLabelledby
   });
-  return (
-    <svg
-      className={cx(
-        {
-          [fillStyle]: fill != null,
-        },
-        noFlexShrink,
-        className,
-      )}
-      height={typeof size === 'number' ? size : sizeMap[size]}
-      width={typeof size === 'number' ? size : sizeMap[size]}
-      role={role}
-      {...accessibleProps}
-      {...props}
-      viewBox="0 0 16 16"
-    >
-      <path
-        d="M8.41809 7.42809C9.37085 6.8027 10 5.72482 10 4.5C10 2.567 8.433 1 6.5 1C4.567 1 3 2.567 3 4.5C3 5.76853 3.67485 6.87944 4.68512 7.49329C5.21431 7.81484 5.83553 8 6.5 8C7.20817 8 7.86722 7.78968 8.41809 7.42809Z"
-        fill={'currentColor'}
-      />
-      <path
-        d="M3.091 8.56241C3.39921 8.20507 3.92858 8.22348 4.34253 8.45005C4.98309 8.80067 5.71827 9 6.5 9C7.28173 9 8.01691 8.80067 8.65747 8.45005C9.07142 8.22348 9.60079 8.20507 9.909 8.56241C10.0194 8.6904 10.1227 8.82467 10.2183 8.96461C9.77928 9.33148 9.5 9.88313 9.5 10.5C8.39543 10.5 7.5 11.3954 7.5 12.5C7.5 13.0973 7.76188 13.6335 8.17709 14H2V11.5C2 10.3773 2.41111 9.3507 3.091 8.56241Z"
-        fill={'currentColor'}
-      />
-      <path
-        d="M10.5 10.5C10.5 10.272 10.5763 10.0618 10.7048 9.89357C10.8875 9.65434 11.1757 9.5 11.5 9.5C12.0523 9.5 12.5 9.94772 12.5 10.5V11.5H13.5C14.0523 11.5 14.5 11.9477 14.5 12.5C14.5 13.0523 14.0523 13.5 13.5 13.5H12.5V14.5C12.5 15.0523 12.0523 15.5 11.5 15.5C10.9477 15.5 10.5 15.0523 10.5 14.5V13.5H9.5C8.94772 13.5 8.5 13.0523 8.5 12.5C8.5 11.9477 8.94772 11.5 9.5 11.5H10.5V10.5Z"
-        fill={'currentColor'}
-      />
-    </svg>
-  );
+  return <svg className={cx({
+    [fillStyle]: fill != null
+  }, noFlexShrink, className)} height={typeof size === 'number' ? size : sizeMap[size]} width={typeof size === 'number' ? size : sizeMap[size]} role={role} {...accessibleProps} {...props} viewBox="0 0 16 16"><path d="M8.41809 7.42809C9.37085 6.8027 10 5.72482 10 4.5C10 2.567 8.433 1 6.5 1C4.567 1 3 2.567 3 4.5C3 5.76853 3.67485 6.87944 4.68512 7.49329C5.21431 7.81484 5.83553 8 6.5 8C7.20817 8 7.86722 7.78968 8.41809 7.42809Z" fill={'currentColor'} /><path d="M3.091 8.56241C3.39921 8.20507 3.92858 8.22348 4.34253 8.45005C4.98309 8.80067 5.71827 9 6.5 9C7.28173 9 8.01691 8.80067 8.65747 8.45005C9.07142 8.22348 9.60079 8.20507 9.909 8.56241C10.0194 8.6904 10.1227 8.82467 10.2183 8.96461C9.77928 9.33148 9.5 9.88313 9.5 10.5C8.39543 10.5 7.5 11.3954 7.5 12.5C7.5 13.0973 7.76188 13.6335 8.17709 14H2V11.5C2 10.3773 2.41111 9.3507 3.091 8.56241Z" fill={'currentColor'} /><path d="M10.5 10.5C10.5 10.272 10.5763 10.0618 10.7048 9.89357C10.8875 9.65434 11.1757 9.5 11.5 9.5C12.0523 9.5 12.5 9.94772 12.5 10.5V11.5H13.5C14.0523 11.5 14.5 11.9477 14.5 12.5C14.5 13.0523 14.0523 13.5 13.5 13.5H12.5V14.5C12.5 15.0523 12.0523 15.5 11.5 15.5C10.9477 15.5 10.5 15.0523 10.5 14.5V13.5H9.5C8.94772 13.5 8.5 13.0523 8.5 12.5C8.5 11.9477 8.94772 11.5 9.5 11.5H10.5V10.5Z" fill={'currentColor'} /></svg>;
 };
 InviteUser.displayName = 'InviteUser';
 InviteUser.isGlyph = true;
 InviteUser.propTypes = {
   fill: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-  className: PropTypes.string,
+  className: PropTypes.string
 };
-export default InviteUser;
+export default InviteUser;

package/src/generated/Key.tsx

@@ -1,13 +1,12 @@
 /**
- * This is a generated file. Do not modify it manually.
- *
- * @script ./node_modules/.bin/ts-node packages/icon/scripts/build.ts
- * @checksum 75d7256e3a346c3759ac90e9a3b8e8f5
- */
-import { css, cx } from '@leafygreen-ui/emotion';
+* This is a generated file. Do not modify it manually.
+*
+* @script ./node_modules/.bin/ts-node packages/icon/scripts/build.ts
+* @checksum 041a3d00ad207ef5b3f0cbcb57ab9bd8
+*/
+import * as React from "react";
 import PropTypes from 'prop-types';
-import * as React from 'react';
-
+import { css, cx } from '@leafygreen-ui/emotion';
 import { generateAccessibleProps, sizeMap } from '../glyphCommon';
 import { LGGlyph } from '../types';
 export interface KeyProps extends LGGlyph.ComponentProps {}
@@ -22,46 +21,25 @@ const Key = ({
   ...props
 }: KeyProps) => {
   const fillStyle = css`
-    color: ${fill};
-  `;
+        color: ${fill};
+      `;
   const noFlexShrink = css`
-    flex-shrink: 0;
-  `;
+        flex-shrink: 0;
+      `;
   const accessibleProps = generateAccessibleProps(role, 'Key', {
     title,
     ['aria-label']: ariaLabel,
-    ['aria-labelledby']: ariaLabelledby,
+    ['aria-labelledby']: ariaLabelledby
   });
-  return (
-    <svg
-      className={cx(
-        {
-          [fillStyle]: fill != null,
-        },
-        noFlexShrink,
-        className,
-      )}
-      height={typeof size === 'number' ? size : sizeMap[size]}
-      width={typeof size === 'number' ? size : sizeMap[size]}
-      role={role}
-      {...accessibleProps}
-      {...props}
-      viewBox="0 0 16 16"
-    >
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M6 10C6.55427 10 7.08222 9.88726 7.56215 9.68347L8.87868 11L8.43934 11.4393C7.85355 12.0251 7.85355 12.9749 8.43934 13.5607C9.02513 14.1464 9.97487 14.1464 10.5607 13.5607L11 13.1213L11.4393 13.5607C12.0251 14.1464 12.9749 14.1464 13.5607 13.5607C14.1464 12.9749 14.1464 12.0251 13.5607 11.4393L9.68347 7.56215C9.88726 7.08222 10 6.55427 10 6C10 3.79086 8.20914 2 6 2C3.79086 2 2 3.79086 2 6C2 8.20914 3.79086 10 6 10ZM5.25 6.5C5.94036 6.5 6.5 5.94036 6.5 5.25C6.5 4.55964 5.94036 4 5.25 4C4.55964 4 4 4.55964 4 5.25C4 5.94036 4.55964 6.5 5.25 6.5Z"
-        fill={'currentColor'}
-      />
-    </svg>
-  );
+  return <svg className={cx({
+    [fillStyle]: fill != null
+  }, noFlexShrink, className)} height={typeof size === 'number' ? size : sizeMap[size]} width={typeof size === 'number' ? size : sizeMap[size]} role={role} {...accessibleProps} {...props} viewBox="0 0 16 16"><path fillRule="evenodd" clipRule="evenodd" d="M6 10C6.55427 10 7.08222 9.88726 7.56215 9.68347L8.87868 11L8.43934 11.4393C7.85355 12.0251 7.85355 12.9749 8.43934 13.5607C9.02513 14.1464 9.97487 14.1464 10.5607 13.5607L11 13.1213L11.4393 13.5607C12.0251 14.1464 12.9749 14.1464 13.5607 13.5607C14.1464 12.9749 14.1464 12.0251 13.5607 11.4393L9.68347 7.56215C9.88726 7.08222 10 6.55427 10 6C10 3.79086 8.20914 2 6 2C3.79086 2 2 3.79086 2 6C2 8.20914 3.79086 10 6 10ZM5.25 6.5C5.94036 6.5 6.5 5.94036 6.5 5.25C6.5 4.55964 5.94036 4 5.25 4C4.55964 4 4 4.55964 4 5.25C4 5.94036 4.55964 6.5 5.25 6.5Z" fill={'currentColor'} /></svg>;
 };
 Key.displayName = 'Key';
 Key.isGlyph = true;
 Key.propTypes = {
   fill: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-  className: PropTypes.string,
+  className: PropTypes.string
 };
-export default Key;
+export default Key;