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

package/src/generated/CheckmarkWithCircle.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 893c3136891c43b283b94d6bdd16398c
- */
-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 0a139a951de047d6a8d112bf57d152f8
+*/
+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 CheckmarkWithCircleProps extends LGGlyph.ComponentProps {}
@@ -22,46 +21,25 @@ const CheckmarkWithCircle = ({
   ...props
 }: CheckmarkWithCircleProps) => {
   const fillStyle = css`
-    color: ${fill};
-  `;
+        color: ${fill};
+      `;
   const noFlexShrink = css`
-    flex-shrink: 0;
-  `;
+        flex-shrink: 0;
+      `;
   const accessibleProps = generateAccessibleProps(role, 'CheckmarkWithCircle', {
     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 15ZM10.4485 4.89583C10.8275 4.45816 11.4983 4.43411 11.9077 4.84352C12.2777 5.21345 12.2989 5.80633 11.9564 6.2018L7.38365 11.4818C7.31367 11.5739 7.22644 11.6552 7.12309 11.7208C6.65669 12.0166 6.03882 11.8783 5.74302 11.4119L3.9245 8.54448C3.6287 8.07809 3.767 7.46021 4.2334 7.16442C4.69979 6.86863 5.31767 7.00693 5.61346 7.47332L6.71374 9.20819L10.4485 4.89583Z"
-        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 15ZM10.4485 4.89583C10.8275 4.45816 11.4983 4.43411 11.9077 4.84352C12.2777 5.21345 12.2989 5.80633 11.9564 6.2018L7.38365 11.4818C7.31367 11.5739 7.22644 11.6552 7.12309 11.7208C6.65669 12.0166 6.03882 11.8783 5.74302 11.4119L3.9245 8.54448C3.6287 8.07809 3.767 7.46021 4.2334 7.16442C4.69979 6.86863 5.31767 7.00693 5.61346 7.47332L6.71374 9.20819L10.4485 4.89583Z" fill={'currentColor'} /></svg>;
 };
 CheckmarkWithCircle.displayName = 'CheckmarkWithCircle';
 CheckmarkWithCircle.isGlyph = true;
 CheckmarkWithCircle.propTypes = {
   fill: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-  className: PropTypes.string,
+  className: PropTypes.string
 };
-export default CheckmarkWithCircle;
+export default CheckmarkWithCircle;

package/src/generated/ChevronDown.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 dc022044e4d0f93c4f7b84d5961e30cc
- */
-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 8ef40ece7aa106122681ca83d78697a5
+*/
+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 ChevronDownProps extends LGGlyph.ComponentProps {}
@@ -22,46 +21,25 @@ const ChevronDown = ({
   ...props
 }: ChevronDownProps) => {
   const fillStyle = css`
-    color: ${fill};
-  `;
+        color: ${fill};
+      `;
   const noFlexShrink = css`
-    flex-shrink: 0;
-  `;
+        flex-shrink: 0;
+      `;
   const accessibleProps = generateAccessibleProps(role, 'ChevronDown', {
     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="M1.63604 5.36396C1.24551 5.75449 1.24551 6.38765 1.63604 6.77817L6.58579 11.7279L7.29289 12.435C7.68342 12.8256 8.31658 12.8256 8.70711 12.435L9.41421 11.7279L14.364 6.77817C14.7545 6.38765 14.7545 5.75449 14.364 5.36396L13.6569 4.65685C13.2663 4.26633 12.6332 4.26633 12.2426 4.65685L8 8.89949L3.75736 4.65685C3.36684 4.26633 2.73367 4.26633 2.34315 4.65685L1.63604 5.36396Z"
-        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="M1.63604 5.36396C1.24551 5.75449 1.24551 6.38765 1.63604 6.77817L6.58579 11.7279L7.29289 12.435C7.68342 12.8256 8.31658 12.8256 8.70711 12.435L9.41421 11.7279L14.364 6.77817C14.7545 6.38765 14.7545 5.75449 14.364 5.36396L13.6569 4.65685C13.2663 4.26633 12.6332 4.26633 12.2426 4.65685L8 8.89949L3.75736 4.65685C3.36684 4.26633 2.73367 4.26633 2.34315 4.65685L1.63604 5.36396Z" fill={'currentColor'} /></svg>;
 };
 ChevronDown.displayName = 'ChevronDown';
 ChevronDown.isGlyph = true;
 ChevronDown.propTypes = {
   fill: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-  className: PropTypes.string,
+  className: PropTypes.string
 };
-export default ChevronDown;
+export default ChevronDown;

package/src/generated/ChevronLeft.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 d79e7d96aa98907406ae7e0de5b83dc9
- */
-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 f25908e25521f4d52309c7652ca3c22b
+*/
+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 ChevronLeftProps extends LGGlyph.ComponentProps {}
@@ -22,46 +21,25 @@ const ChevronLeft = ({
   ...props
 }: ChevronLeftProps) => {
   const fillStyle = css`
-    color: ${fill};
-  `;
+        color: ${fill};
+      `;
   const noFlexShrink = css`
-    flex-shrink: 0;
-  `;
+        flex-shrink: 0;
+      `;
   const accessibleProps = generateAccessibleProps(role, 'ChevronLeft', {
     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="M10.7782 1.63604C10.3877 1.24551 9.75449 1.24551 9.36396 1.63604L4.41421 6.58579L3.70711 7.29289C3.31658 7.68342 3.31658 8.31658 3.70711 8.70711L4.41421 9.41421L9.36396 14.364C9.75448 14.7545 10.3876 14.7545 10.7782 14.364L11.4853 13.6569C11.8758 13.2663 11.8758 12.6332 11.4853 12.2426L7.24264 8L11.4853 3.75736C11.8758 3.36684 11.8758 2.73367 11.4853 2.34315L10.7782 1.63604Z"
-        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="M10.7782 1.63604C10.3877 1.24551 9.75449 1.24551 9.36396 1.63604L4.41421 6.58579L3.70711 7.29289C3.31658 7.68342 3.31658 8.31658 3.70711 8.70711L4.41421 9.41421L9.36396 14.364C9.75448 14.7545 10.3876 14.7545 10.7782 14.364L11.4853 13.6569C11.8758 13.2663 11.8758 12.6332 11.4853 12.2426L7.24264 8L11.4853 3.75736C11.8758 3.36684 11.8758 2.73367 11.4853 2.34315L10.7782 1.63604Z" fill={'currentColor'} /></svg>;
 };
 ChevronLeft.displayName = 'ChevronLeft';
 ChevronLeft.isGlyph = true;
 ChevronLeft.propTypes = {
   fill: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-  className: PropTypes.string,
+  className: PropTypes.string
 };
-export default ChevronLeft;
+export default ChevronLeft;

package/src/generated/ChevronRight.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 5d7bc307467ef2c93ee60e3d76227461
- */
-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 73f42d213a0413474f1b711e3e8d6bd7
+*/
+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 ChevronRightProps extends LGGlyph.ComponentProps {}
@@ -22,46 +21,25 @@ const ChevronRight = ({
   ...props
 }: ChevronRightProps) => {
   const fillStyle = css`
-    color: ${fill};
-  `;
+        color: ${fill};
+      `;
   const noFlexShrink = css`
-    flex-shrink: 0;
-  `;
+        flex-shrink: 0;
+      `;
   const accessibleProps = generateAccessibleProps(role, 'ChevronRight', {
     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="M5.36396 14.364C5.75449 14.7545 6.38765 14.7545 6.77818 14.364L11.7279 9.41421L12.435 8.70711C12.8256 8.31658 12.8256 7.68342 12.435 7.29289L11.7279 6.58579L6.77817 1.63604C6.38765 1.24552 5.75449 1.24551 5.36396 1.63604L4.65685 2.34315C4.26633 2.73367 4.26633 3.36684 4.65685 3.75736L8.89949 8L4.65685 12.2426C4.26633 12.6332 4.26633 13.2663 4.65686 13.6569L5.36396 14.364Z"
-        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="M5.36396 14.364C5.75449 14.7545 6.38765 14.7545 6.77818 14.364L11.7279 9.41421L12.435 8.70711C12.8256 8.31658 12.8256 7.68342 12.435 7.29289L11.7279 6.58579L6.77817 1.63604C6.38765 1.24552 5.75449 1.24551 5.36396 1.63604L4.65685 2.34315C4.26633 2.73367 4.26633 3.36684 4.65685 3.75736L8.89949 8L4.65685 12.2426C4.26633 12.6332 4.26633 13.2663 4.65686 13.6569L5.36396 14.364Z" fill={'currentColor'} /></svg>;
 };
 ChevronRight.displayName = 'ChevronRight';
 ChevronRight.isGlyph = true;
 ChevronRight.propTypes = {
   fill: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-  className: PropTypes.string,
+  className: PropTypes.string
 };
-export default ChevronRight;
+export default ChevronRight;

package/src/generated/ChevronUp.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 f1de80612523e71d4571d84c256d1337
- */
-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 30b135bc33cb751f13a152e10fa08bf2
+*/
+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 ChevronUpProps extends LGGlyph.ComponentProps {}
@@ -22,46 +21,25 @@ const ChevronUp = ({
   ...props
 }: ChevronUpProps) => {
   const fillStyle = css`
-    color: ${fill};
-  `;
+        color: ${fill};
+      `;
   const noFlexShrink = css`
-    flex-shrink: 0;
-  `;
+        flex-shrink: 0;
+      `;
   const accessibleProps = generateAccessibleProps(role, 'ChevronUp', {
     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="M14.364 10.7782C14.7545 10.3877 14.7545 9.75449 14.364 9.36396L9.41421 4.41421L8.70711 3.70711C8.31658 3.31658 7.68342 3.31658 7.29289 3.70711L6.58579 4.41421L1.63604 9.36396C1.24552 9.75448 1.24551 10.3876 1.63604 10.7782L2.34315 11.4853C2.73367 11.8758 3.36684 11.8758 3.75736 11.4853L8 7.24264L12.2426 11.4853C12.6332 11.8758 13.2663 11.8758 13.6569 11.4853L14.364 10.7782Z"
-        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="M14.364 10.7782C14.7545 10.3877 14.7545 9.75449 14.364 9.36396L9.41421 4.41421L8.70711 3.70711C8.31658 3.31658 7.68342 3.31658 7.29289 3.70711L6.58579 4.41421L1.63604 9.36396C1.24552 9.75448 1.24551 10.3876 1.63604 10.7782L2.34315 11.4853C2.73367 11.8758 3.36684 11.8758 3.75736 11.4853L8 7.24264L12.2426 11.4853C12.6332 11.8758 13.2663 11.8758 13.6569 11.4853L14.364 10.7782Z" fill={'currentColor'} /></svg>;
 };
 ChevronUp.displayName = 'ChevronUp';
 ChevronUp.isGlyph = true;
 ChevronUp.propTypes = {
   fill: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-  className: PropTypes.string,
+  className: PropTypes.string
 };
-export default ChevronUp;
+export default ChevronUp;

package/src/generated/Clock.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 3af4a0b3992c7dde4c156efa6a4d2919
- */
-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 f9ac5e36f8cc3b2a5d97a850a82ac44d
+*/
+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 ClockProps extends LGGlyph.ComponentProps {}
@@ -22,46 +21,25 @@ const Clock = ({
   ...props
 }: ClockProps) => {
   const fillStyle = css`
-    color: ${fill};
-  `;
+        color: ${fill};
+      `;
   const noFlexShrink = css`
-    flex-shrink: 0;
-  `;
+        flex-shrink: 0;
+      `;
   const accessibleProps = generateAccessibleProps(role, 'Clock', {
     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 14C11.3137 14 14 11.3137 14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14ZM7.25 4.75C7.25 4.33579 7.58579 4 8 4C8.41421 4 8.75 4.33579 8.75 4.75V7.90966L10.4939 9.43556C10.8056 9.70832 10.8372 10.1821 10.5644 10.4939C10.2917 10.8056 9.81786 10.8372 9.50613 10.5644L7.51059 8.81833C7.5014 8.8104 7.4924 8.80226 7.48361 8.79391C7.41388 8.7278 7.35953 8.65117 7.32087 8.56867C7.27541 8.47195 7.25 8.36394 7.25 8.25V4.75Z"
-        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 14C11.3137 14 14 11.3137 14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14ZM7.25 4.75C7.25 4.33579 7.58579 4 8 4C8.41421 4 8.75 4.33579 8.75 4.75V7.90966L10.4939 9.43556C10.8056 9.70832 10.8372 10.1821 10.5644 10.4939C10.2917 10.8056 9.81786 10.8372 9.50613 10.5644L7.51059 8.81833C7.5014 8.8104 7.4924 8.80226 7.48361 8.79391C7.41388 8.7278 7.35953 8.65117 7.32087 8.56867C7.27541 8.47195 7.25 8.36394 7.25 8.25V4.75Z" fill={'currentColor'} /></svg>;
 };
 Clock.displayName = 'Clock';
 Clock.isGlyph = true;
 Clock.propTypes = {
   fill: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-  className: PropTypes.string,
+  className: PropTypes.string
 };
-export default Clock;
+export default Clock;

package/src/generated/ClockWithArrow.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 de3ae28e42908cab638db9212e49dae9
- */
-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 25f52ae7f74db9d20c4d22c1ad503c51
+*/
+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 ClockWithArrowProps extends LGGlyph.ComponentProps {}
@@ -22,48 +21,25 @@ const ClockWithArrow = ({
   ...props
 }: ClockWithArrowProps) => {
   const fillStyle = css`
-    color: ${fill};
-  `;
+        color: ${fill};
+      `;
   const noFlexShrink = css`
-    flex-shrink: 0;
-  `;
+        flex-shrink: 0;
+      `;
   const accessibleProps = generateAccessibleProps(role, 'ClockWithArrow', {
     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="M13 8C13 10.7614 10.7614 13 8 13C7.16895 13 6.38526 12.7973 5.69568 12.4385C5.34783 12.2576 4.90944 12.3087 4.65841 12.6099L4.32712 13.0075C4.05174 13.3379 4.1087 13.8355 4.48034 14.0521C5.51438 14.6548 6.71687 15 8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C6.05606 1 4.2972 1.7924 3.02879 3.07181L1.96954 2.14618C1.56206 1.7901 0.931193 2.13127 1.00611 2.66721L1.4606 5.9185C1.50083 6.20624 1.7463 6.4287 2.03684 6.43H5.31972C5.86086 6.43241 6.1144 5.76821 5.70691 5.41212L4.53896 4.3915C5.4373 3.52965 6.65679 3 8 3C10.7614 3 13 5.23858 13 8Z"
-        fill={'currentColor'}
-      />
-      <path
-        d="M7.25 5.25C7.25 4.83579 7.58579 4.5 8 4.5C8.41421 4.5 8.75 4.83579 8.75 5.25V7.91793L10.4294 9.44169C10.7412 9.71445 10.7728 10.1883 10.5 10.5C10.2272 10.8117 9.75342 10.8433 9.44169 10.5706L7.50697 8.81519C7.49904 8.80826 7.49125 8.80117 7.48361 8.79391C7.41388 8.72781 7.35954 8.65118 7.32088 8.56868C7.27541 8.47196 7.25 8.36395 7.25 8.25V5.25Z"
-        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="M13 8C13 10.7614 10.7614 13 8 13C7.16895 13 6.38526 12.7973 5.69568 12.4385C5.34783 12.2576 4.90944 12.3087 4.65841 12.6099L4.32712 13.0075C4.05174 13.3379 4.1087 13.8355 4.48034 14.0521C5.51438 14.6548 6.71687 15 8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C6.05606 1 4.2972 1.7924 3.02879 3.07181L1.96954 2.14618C1.56206 1.7901 0.931193 2.13127 1.00611 2.66721L1.4606 5.9185C1.50083 6.20624 1.7463 6.4287 2.03684 6.43H5.31972C5.86086 6.43241 6.1144 5.76821 5.70691 5.41212L4.53896 4.3915C5.4373 3.52965 6.65679 3 8 3C10.7614 3 13 5.23858 13 8Z" fill={'currentColor'} /><path d="M7.25 5.25C7.25 4.83579 7.58579 4.5 8 4.5C8.41421 4.5 8.75 4.83579 8.75 5.25V7.91793L10.4294 9.44169C10.7412 9.71445 10.7728 10.1883 10.5 10.5C10.2272 10.8117 9.75342 10.8433 9.44169 10.5706L7.50697 8.81519C7.49904 8.80826 7.49125 8.80117 7.48361 8.79391C7.41388 8.72781 7.35954 8.65118 7.32088 8.56868C7.27541 8.47196 7.25 8.36395 7.25 8.25V5.25Z" fill={'currentColor'} /></svg>;
 };
 ClockWithArrow.displayName = 'ClockWithArrow';
 ClockWithArrow.isGlyph = true;
 ClockWithArrow.propTypes = {
   fill: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-  className: PropTypes.string,
+  className: PropTypes.string
 };
-export default ClockWithArrow;
+export default ClockWithArrow;

package/src/generated/Clone.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 de1ab700a5ce35dee95abe4c4f528c2a
- */
-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 ca559c1f5e0851871b9498534db24a1d
+*/
+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 CloneProps extends LGGlyph.ComponentProps {}
@@ -22,48 +21,25 @@ const Clone = ({
   ...props
 }: CloneProps) => {
   const fillStyle = css`
-    color: ${fill};
-  `;
+        color: ${fill};
+      `;
   const noFlexShrink = css`
-    flex-shrink: 0;
-  `;
+        flex-shrink: 0;
+      `;
   const accessibleProps = generateAccessibleProps(role, 'Clone', {
     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="M5.5 12C5.5 13.1046 6.39543 14 7.5 14H12.5C13.6046 14 14.5 13.1046 14.5 12V8C14.5 6.89543 13.6046 6 12.5 6H7.5C6.39543 6 5.5 6.89543 5.5 8V12Z"
-        fill={'currentColor'}
-      />
-      <path
-        d="M4.25 10H3.5C2.39543 10 1.5 9.10457 1.5 8V4C1.5 2.89543 2.39543 2 3.5 2H8.5C9.60457 2 10.5 2.89543 10.5 4V4.75H8.5V4H3.5L3.5 8H4.25V10Z"
-        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="M5.5 12C5.5 13.1046 6.39543 14 7.5 14H12.5C13.6046 14 14.5 13.1046 14.5 12V8C14.5 6.89543 13.6046 6 12.5 6H7.5C6.39543 6 5.5 6.89543 5.5 8V12Z" fill={'currentColor'} /><path d="M4.25 10H3.5C2.39543 10 1.5 9.10457 1.5 8V4C1.5 2.89543 2.39543 2 3.5 2H8.5C9.60457 2 10.5 2.89543 10.5 4V4.75H8.5V4H3.5L3.5 8H4.25V10Z" fill={'currentColor'} /></svg>;
 };
 Clone.displayName = 'Clone';
 Clone.isGlyph = true;
 Clone.propTypes = {
   fill: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-  className: PropTypes.string,
+  className: PropTypes.string
 };
-export default Clone;
+export default Clone;