@leafygreen-ui/icon 14.6.1-next.0 → 14.7.0

package/src/generated/Diagram3.tsx

@@ -2,10 +2,11 @@
 * This is a generated file. Do not modify it manually.
 *
 * @script packages/icon/scripts/prebuild/index.ts
-* @checksum 703675a1797ecdf19ce09182c94e05c4
+* @checksum 383bbfa70722f01eb8c7e1e6bed91194
 */
 import * as React from "react";
 import { css, cx } from '@leafygreen-ui/emotion';
+import { useIdAllocator } from '@leafygreen-ui/hooks';
 import { generateAccessibleProps, sizeMap } from '../glyphCommon';
 import { LGGlyph } from '../types';
 export interface Diagram3Props extends LGGlyph.ComponentProps {}
@@ -19,6 +20,9 @@ const Diagram3 = ({
   role = 'img',
   ...props
 }: Diagram3Props) => {
+  const titleId = useIdAllocator({
+    prefix: 'icon-title'
+  });
   const fillStyle = css`
         color: ${fill};
       `;
@@ -27,12 +31,13 @@ const Diagram3 = ({
       `;
   const accessibleProps = generateAccessibleProps(role, 'Diagram3', {
     title,
+    titleId,
     ['aria-label']: ariaLabel,
     ['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.75 1C1.33579 1 1 1.33579 1 1.75V3.25C1 3.66421 1.33579 4 1.75 4H4.25C4.66421 4 5 3.66421 5 3.25V1.75C5 1.33579 4.66421 1 4.25 1H1.75ZM11 1.75C11 1.33579 11.3358 1 11.75 1H14.25C14.6642 1 15 1.33579 15 1.75V3.25C15 3.66421 14.6642 4 14.25 4H11.75C11.3358 4 11 3.66421 11 3.25V1.75ZM11 10.75C11 10.3358 11.3358 10 11.75 10H14.25C14.6642 10 15 10.3358 15 10.75V12.25C15 12.6642 14.6642 13 14.25 13H11.75C11.3358 13 11 12.6642 11 12.25V10.75ZM1 10.75C1 10.3358 1.33579 10 1.75 10H4.25C4.66421 10 5 10.3358 5 10.75V12.25C5 12.6642 4.66421 13 4.25 13H1.75C1.33579 13 1 12.6642 1 12.25V10.75ZM6 5C5.44772 5 5 5.44772 5 6V8C5 8.55228 5.44772 9 6 9H10C10.5523 9 11 8.55228 11 8V6C11 5.44772 10.5523 5 10 5H6Z" fill={'currentColor'} /></svg>;
+  }, 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">{title && <title id={titleId}>{title}</title>}<path fillRule="evenodd" clipRule="evenodd" d="M1.75 1C1.33579 1 1 1.33579 1 1.75V3.25C1 3.66421 1.33579 4 1.75 4H4.25C4.66421 4 5 3.66421 5 3.25V1.75C5 1.33579 4.66421 1 4.25 1H1.75ZM11 1.75C11 1.33579 11.3358 1 11.75 1H14.25C14.6642 1 15 1.33579 15 1.75V3.25C15 3.66421 14.6642 4 14.25 4H11.75C11.3358 4 11 3.66421 11 3.25V1.75ZM11 10.75C11 10.3358 11.3358 10 11.75 10H14.25C14.6642 10 15 10.3358 15 10.75V12.25C15 12.6642 14.6642 13 14.25 13H11.75C11.3358 13 11 12.6642 11 12.25V10.75ZM1 10.75C1 10.3358 1.33579 10 1.75 10H4.25C4.66421 10 5 10.3358 5 10.75V12.25C5 12.6642 4.66421 13 4.25 13H1.75C1.33579 13 1 12.6642 1 12.25V10.75ZM6 5C5.44772 5 5 5.44772 5 6V8C5 8.55228 5.44772 9 6 9H10C10.5523 9 11 8.55228 11 8V6C11 5.44772 10.5523 5 10 5H6Z" fill={'currentColor'} /></svg>;
 };
 Diagram3.displayName = 'Diagram3';
 Diagram3.isGlyph = true;

package/src/generated/Disconnect.tsx

@@ -2,10 +2,11 @@
 * This is a generated file. Do not modify it manually.
 *
 * @script packages/icon/scripts/prebuild/index.ts
-* @checksum 2c0de1f29e6f85707ac47516d174ff52
+* @checksum 9fc9990a94ba151cbac6ba7938afa23d
 */
 import * as React from "react";
 import { css, cx } from '@leafygreen-ui/emotion';
+import { useIdAllocator } from '@leafygreen-ui/hooks';
 import { generateAccessibleProps, sizeMap } from '../glyphCommon';
 import { LGGlyph } from '../types';
 export interface DisconnectProps extends LGGlyph.ComponentProps {}
@@ -19,6 +20,9 @@ const Disconnect = ({
   role = 'img',
   ...props
 }: DisconnectProps) => {
+  const titleId = useIdAllocator({
+    prefix: 'icon-title'
+  });
   const fillStyle = css`
         color: ${fill};
       `;
@@ -27,12 +31,13 @@ const Disconnect = ({
       `;
   const accessibleProps = generateAccessibleProps(role, 'Disconnect', {
     title,
+    titleId,
     ['aria-label']: ariaLabel,
     ['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.09293 3.67136C6.96902 3.54745 6.96902 3.34652 7.09293 3.22258L8.14018 2.17538C9.70733 0.608258 12.2573 0.608152 13.8246 2.17538C15.3918 3.74259 15.3918 6.29263 13.8246 7.85981L12.7773 8.90702C12.6534 9.03093 12.4525 9.03093 12.3286 8.90702L11.2814 7.85989C11.1575 7.73597 11.1575 7.53505 11.2814 7.41111L12.3287 6.36392C13.071 5.62155 13.071 4.41366 12.3287 3.6713C11.5864 2.92896 10.3785 2.92893 9.63606 3.6713L8.58882 4.71849C8.4649 4.84241 8.26398 4.84241 8.14004 4.71849L7.09293 3.67136Z" fill={'currentColor'} /><path fillRule="evenodd" clipRule="evenodd" d="M1.29322 1.29322C1.68419 0.902259 2.31807 0.902259 2.70903 1.29322L14.7068 13.291C15.0977 13.6819 15.0977 14.3158 14.7068 14.7068C14.3158 15.0977 13.6819 15.0977 13.291 14.7068L10.132 11.5478L7.85982 13.8245C6.29267 15.3917 3.74267 15.3918 2.17538 13.8245C0.608205 12.2573 0.608205 9.70733 2.17538 8.14015L4.44761 5.86342L1.29322 2.70903C0.902259 2.31807 0.902259 1.68419 1.29322 1.29322ZM5.94352 7.35933L3.6713 9.63604C2.92896 10.3784 2.92896 11.5863 3.6713 12.3287C4.41363 13.071 5.62155 13.071 6.36394 12.3287L8.63614 10.0519L5.94352 7.35933Z" fill={'currentColor'} /></svg>;
+  }, 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">{title && <title id={titleId}>{title}</title>}<path d="M7.09293 3.67136C6.96902 3.54745 6.96902 3.34652 7.09293 3.22258L8.14018 2.17538C9.70733 0.608258 12.2573 0.608152 13.8246 2.17538C15.3918 3.74259 15.3918 6.29263 13.8246 7.85981L12.7773 8.90702C12.6534 9.03093 12.4525 9.03093 12.3286 8.90702L11.2814 7.85989C11.1575 7.73597 11.1575 7.53505 11.2814 7.41111L12.3287 6.36392C13.071 5.62155 13.071 4.41366 12.3287 3.6713C11.5864 2.92896 10.3785 2.92893 9.63606 3.6713L8.58882 4.71849C8.4649 4.84241 8.26398 4.84241 8.14004 4.71849L7.09293 3.67136Z" fill={'currentColor'} /><path fillRule="evenodd" clipRule="evenodd" d="M1.29322 1.29322C1.68419 0.902259 2.31807 0.902259 2.70903 1.29322L14.7068 13.291C15.0977 13.6819 15.0977 14.3158 14.7068 14.7068C14.3158 15.0977 13.6819 15.0977 13.291 14.7068L10.132 11.5478L7.85982 13.8245C6.29267 15.3917 3.74267 15.3918 2.17538 13.8245C0.608205 12.2573 0.608205 9.70733 2.17538 8.14015L4.44761 5.86342L1.29322 2.70903C0.902259 2.31807 0.902259 1.68419 1.29322 1.29322ZM5.94352 7.35933L3.6713 9.63604C2.92896 10.3784 2.92896 11.5863 3.6713 12.3287C4.41363 13.071 5.62155 13.071 6.36394 12.3287L8.63614 10.0519L5.94352 7.35933Z" fill={'currentColor'} /></svg>;
 };
 Disconnect.displayName = 'Disconnect';
 Disconnect.isGlyph = true;

package/src/generated/Download.tsx

@@ -2,10 +2,11 @@
 * This is a generated file. Do not modify it manually.
 *
 * @script packages/icon/scripts/prebuild/index.ts
-* @checksum e3557fcbfdcc2f05665dab6cb7c73753
+* @checksum ecd0dc351a44588f395b93c39d47fe01
 */
 import * as React from "react";
 import { css, cx } from '@leafygreen-ui/emotion';
+import { useIdAllocator } from '@leafygreen-ui/hooks';
 import { generateAccessibleProps, sizeMap } from '../glyphCommon';
 import { LGGlyph } from '../types';
 export interface DownloadProps extends LGGlyph.ComponentProps {}
@@ -19,6 +20,9 @@ const Download = ({
   role = 'img',
   ...props
 }: DownloadProps) => {
+  const titleId = useIdAllocator({
+    prefix: 'icon-title'
+  });
   const fillStyle = css`
         color: ${fill};
       `;
@@ -27,12 +31,13 @@ const Download = ({
       `;
   const accessibleProps = generateAccessibleProps(role, 'Download', {
     title,
+    titleId,
     ['aria-label']: ariaLabel,
     ['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.86193 2.74973L8.86193 7.95618L10.0128 6.80534C10.3056 6.51255 10.7803 6.51255 11.0731 6.80534L11.2522 6.98446C11.545 7.27725 11.545 7.75195 11.2522 8.04474L8.71611 10.5808C8.70969 10.5877 8.70311 10.5946 8.69638 10.6013L8.51726 10.7804C8.22447 11.0732 7.74976 11.0732 7.45698 10.7804L4.71959 8.04302C4.4268 7.75024 4.4268 7.27553 4.71959 6.98274L4.89871 6.80362C5.1915 6.51083 5.66621 6.51083 5.95899 6.80362L7.10914 7.95377V2.74973C7.10914 2.33567 7.44481 2 7.85888 2L8.1122 2C8.52626 2 8.86193 2.33567 8.86193 2.74973Z" fill={'currentColor'} /><path fillRule="evenodd" clipRule="evenodd" d="M3 10.25C3.41421 10.25 3.75 10.5858 3.75 11V12C3.75 12.1381 3.86193 12.25 4 12.25H12C12.1381 12.25 12.25 12.1381 12.25 12V11C12.25 10.5858 12.5858 10.25 13 10.25C13.4142 10.25 13.75 10.5858 13.75 11V12C13.75 12.9665 12.9665 13.75 12 13.75H4C3.0335 13.75 2.25 12.9665 2.25 12V11C2.25 10.5858 2.58579 10.25 3 10.25Z" fill={'currentColor'} /></svg>;
+  }, 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">{title && <title id={titleId}>{title}</title>}<path d="M8.86193 2.74973L8.86193 7.95618L10.0128 6.80534C10.3056 6.51255 10.7803 6.51255 11.0731 6.80534L11.2522 6.98446C11.545 7.27725 11.545 7.75195 11.2522 8.04474L8.71611 10.5808C8.70969 10.5877 8.70311 10.5946 8.69638 10.6013L8.51726 10.7804C8.22447 11.0732 7.74976 11.0732 7.45698 10.7804L4.71959 8.04302C4.4268 7.75024 4.4268 7.27553 4.71959 6.98274L4.89871 6.80362C5.1915 6.51083 5.66621 6.51083 5.95899 6.80362L7.10914 7.95377V2.74973C7.10914 2.33567 7.44481 2 7.85888 2L8.1122 2C8.52626 2 8.86193 2.33567 8.86193 2.74973Z" fill={'currentColor'} /><path fillRule="evenodd" clipRule="evenodd" d="M3 10.25C3.41421 10.25 3.75 10.5858 3.75 11V12C3.75 12.1381 3.86193 12.25 4 12.25H12C12.1381 12.25 12.25 12.1381 12.25 12V11C12.25 10.5858 12.5858 10.25 13 10.25C13.4142 10.25 13.75 10.5858 13.75 11V12C13.75 12.9665 12.9665 13.75 12 13.75H4C3.0335 13.75 2.25 12.9665 2.25 12V11C2.25 10.5858 2.58579 10.25 3 10.25Z" fill={'currentColor'} /></svg>;
 };
 Download.displayName = 'Download';
 Download.isGlyph = true;

package/src/generated/Drag.tsx

@@ -2,10 +2,11 @@
 * This is a generated file. Do not modify it manually.
 *
 * @script packages/icon/scripts/prebuild/index.ts
-* @checksum 315987e344984b22a0951bc7bec2ac20
+* @checksum c6d5c97459805c76728763d0049b1755
 */
 import * as React from "react";
 import { css, cx } from '@leafygreen-ui/emotion';
+import { useIdAllocator } from '@leafygreen-ui/hooks';
 import { generateAccessibleProps, sizeMap } from '../glyphCommon';
 import { LGGlyph } from '../types';
 export interface DragProps extends LGGlyph.ComponentProps {}
@@ -19,6 +20,9 @@ const Drag = ({
   role = 'img',
   ...props
 }: DragProps) => {
+  const titleId = useIdAllocator({
+    prefix: 'icon-title'
+  });
   const fillStyle = css`
         color: ${fill};
       `;
@@ -27,12 +31,13 @@ const Drag = ({
       `;
   const accessibleProps = generateAccessibleProps(role, 'Drag', {
     title,
+    titleId,
     ['aria-label']: ariaLabel,
     ['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 4C7 4.55228 6.55228 5 6 5C5.44772 5 5 4.55228 5 4C5 3.44772 5.44772 3 6 3C6.55228 3 7 3.44772 7 4Z" fill={'currentColor'} /><path d="M11 4C11 4.55228 10.5523 5 10 5C9.44772 5 9 4.55228 9 4C9 3.44772 9.44772 3 10 3C10.5523 3 11 3.44772 11 4Z" fill={'currentColor'} /><path d="M7 8C7 8.55228 6.55228 9 6 9C5.44772 9 5 8.55228 5 8C5 7.44772 5.44772 7 6 7C6.55228 7 7 7.44772 7 8Z" fill={'currentColor'} /><path d="M7 12C7 12.5523 6.55228 13 6 13C5.44772 13 5 12.5523 5 12C5 11.4477 5.44772 11 6 11C6.55228 11 7 11.4477 7 12Z" fill={'currentColor'} /><path d="M11 8C11 8.55228 10.5523 9 10 9C9.44772 9 9 8.55228 9 8C9 7.44772 9.44772 7 10 7C10.5523 7 11 7.44772 11 8Z" fill={'currentColor'} /><path d="M11 12C11 12.5523 10.5523 13 10 13C9.44772 13 9 12.5523 9 12C9 11.4477 9.44772 11 10 11C10.5523 11 11 11.4477 11 12Z" fill={'currentColor'} /></svg>;
+  }, 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">{title && <title id={titleId}>{title}</title>}<path d="M7 4C7 4.55228 6.55228 5 6 5C5.44772 5 5 4.55228 5 4C5 3.44772 5.44772 3 6 3C6.55228 3 7 3.44772 7 4Z" fill={'currentColor'} /><path d="M11 4C11 4.55228 10.5523 5 10 5C9.44772 5 9 4.55228 9 4C9 3.44772 9.44772 3 10 3C10.5523 3 11 3.44772 11 4Z" fill={'currentColor'} /><path d="M7 8C7 8.55228 6.55228 9 6 9C5.44772 9 5 8.55228 5 8C5 7.44772 5.44772 7 6 7C6.55228 7 7 7.44772 7 8Z" fill={'currentColor'} /><path d="M7 12C7 12.5523 6.55228 13 6 13C5.44772 13 5 12.5523 5 12C5 11.4477 5.44772 11 6 11C6.55228 11 7 11.4477 7 12Z" fill={'currentColor'} /><path d="M11 8C11 8.55228 10.5523 9 10 9C9.44772 9 9 8.55228 9 8C9 7.44772 9.44772 7 10 7C10.5523 7 11 7.44772 11 8Z" fill={'currentColor'} /><path d="M11 12C11 12.5523 10.5523 13 10 13C9.44772 13 9 12.5523 9 12C9 11.4477 9.44772 11 10 11C10.5523 11 11 11.4477 11 12Z" fill={'currentColor'} /></svg>;
 };
 Drag.displayName = 'Drag';
 Drag.isGlyph = true;

package/src/generated/Edit.tsx

@@ -2,10 +2,11 @@
 * This is a generated file. Do not modify it manually.
 *
 * @script packages/icon/scripts/prebuild/index.ts
-* @checksum b7cab0d99453146719f7da2929c44003
+* @checksum 7e5327d531eb7c4ab9f74f0f8d5168d0
 */
 import * as React from "react";
 import { css, cx } from '@leafygreen-ui/emotion';
+import { useIdAllocator } from '@leafygreen-ui/hooks';
 import { generateAccessibleProps, sizeMap } from '../glyphCommon';
 import { LGGlyph } from '../types';
 export interface EditProps extends LGGlyph.ComponentProps {}
@@ -19,6 +20,9 @@ const Edit = ({
   role = 'img',
   ...props
 }: EditProps) => {
+  const titleId = useIdAllocator({
+    prefix: 'icon-title'
+  });
   const fillStyle = css`
         color: ${fill};
       `;
@@ -27,12 +31,13 @@ const Edit = ({
       `;
   const accessibleProps = generateAccessibleProps(role, 'Edit', {
     title,
+    titleId,
     ['aria-label']: ariaLabel,
     ['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="M10.9219 0.681233C11.2981 0.304986 11.9082 0.304986 12.2844 0.681233L13.6469 2.04375C14.0232 2.41999 14.0232 3.03001 13.6469 3.40626L12.2844 4.76877L9.55939 2.04375L8.5375 3.06563L11.2625 5.79066L4.10934 12.9438L0.362427 13.9657L1.38431 10.2188L10.9219 0.681233Z" fill={'currentColor'} /></svg>;
+  }, 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">{title && <title id={titleId}>{title}</title>}<path d="M10.9219 0.681233C11.2981 0.304986 11.9082 0.304986 12.2844 0.681233L13.6469 2.04375C14.0232 2.41999 14.0232 3.03001 13.6469 3.40626L12.2844 4.76877L9.55939 2.04375L8.5375 3.06563L11.2625 5.79066L4.10934 12.9438L0.362427 13.9657L1.38431 10.2188L10.9219 0.681233Z" fill={'currentColor'} /></svg>;
 };
 Edit.displayName = 'Edit';
 Edit.isGlyph = true;

package/src/generated/Ellipsis.tsx

@@ -2,10 +2,11 @@
 * This is a generated file. Do not modify it manually.
 *
 * @script packages/icon/scripts/prebuild/index.ts
-* @checksum 7660d6fb3d24577cfced3bb912ead720
+* @checksum 7279f3d19ae1847bdeb83bf6d4c6f6eb
 */
 import * as React from "react";
 import { css, cx } from '@leafygreen-ui/emotion';
+import { useIdAllocator } from '@leafygreen-ui/hooks';
 import { generateAccessibleProps, sizeMap } from '../glyphCommon';
 import { LGGlyph } from '../types';
 export interface EllipsisProps extends LGGlyph.ComponentProps {}
@@ -19,6 +20,9 @@ const Ellipsis = ({
   role = 'img',
   ...props
 }: EllipsisProps) => {
+  const titleId = useIdAllocator({
+    prefix: 'icon-title'
+  });
   const fillStyle = css`
         color: ${fill};
       `;
@@ -27,12 +31,13 @@ const Ellipsis = ({
       `;
   const accessibleProps = generateAccessibleProps(role, 'Ellipsis', {
     title,
+    titleId,
     ['aria-label']: ariaLabel,
     ['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="M2.75 6C3.7165 6 4.5 6.7835 4.5 7.75C4.5 8.7165 3.7165 9.5 2.75 9.5C1.7835 9.5 1 8.7165 1 7.75C1 6.7835 1.7835 6 2.75 6ZM7.75 6C8.7165 6 9.5 6.7835 9.5 7.75C9.5 8.7165 8.7165 9.5 7.75 9.5C6.7835 9.5 6 8.7165 6 7.75C6 6.7835 6.7835 6 7.75 6ZM14.5 7.75C14.5 6.7835 13.7165 6 12.75 6C11.7835 6 11 6.7835 11 7.75C11 8.7165 11.7835 9.5 12.75 9.5C13.7165 9.5 14.5 8.7165 14.5 7.75Z" fill={'currentColor'} /></svg>;
+  }, 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">{title && <title id={titleId}>{title}</title>}<path fillRule="evenodd" clipRule="evenodd" d="M2.75 6C3.7165 6 4.5 6.7835 4.5 7.75C4.5 8.7165 3.7165 9.5 2.75 9.5C1.7835 9.5 1 8.7165 1 7.75C1 6.7835 1.7835 6 2.75 6ZM7.75 6C8.7165 6 9.5 6.7835 9.5 7.75C9.5 8.7165 8.7165 9.5 7.75 9.5C6.7835 9.5 6 8.7165 6 7.75C6 6.7835 6.7835 6 7.75 6ZM14.5 7.75C14.5 6.7835 13.7165 6 12.75 6C11.7835 6 11 6.7835 11 7.75C11 8.7165 11.7835 9.5 12.75 9.5C13.7165 9.5 14.5 8.7165 14.5 7.75Z" fill={'currentColor'} /></svg>;
 };
 Ellipsis.displayName = 'Ellipsis';
 Ellipsis.isGlyph = true;

package/src/generated/Email.tsx

@@ -2,10 +2,11 @@
 * This is a generated file. Do not modify it manually.
 *
 * @script packages/icon/scripts/prebuild/index.ts
-* @checksum 0f01463681c2106e89d98ca898c9a2a0
+* @checksum 4ccf39e2832b7958413f5dcf1e8b92d9
 */
 import * as React from "react";
 import { css, cx } from '@leafygreen-ui/emotion';
+import { useIdAllocator } from '@leafygreen-ui/hooks';
 import { generateAccessibleProps, sizeMap } from '../glyphCommon';
 import { LGGlyph } from '../types';
 export interface EmailProps extends LGGlyph.ComponentProps {}
@@ -19,6 +20,9 @@ const Email = ({
   role = 'img',
   ...props
 }: EmailProps) => {
+  const titleId = useIdAllocator({
+    prefix: 'icon-title'
+  });
   const fillStyle = css`
         color: ${fill};
       `;
@@ -27,12 +31,13 @@ const Email = ({
       `;
   const accessibleProps = generateAccessibleProps(role, 'Email', {
     title,
+    titleId,
     ['aria-label']: ariaLabel,
     ['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="M2.49388 4L7.20766 9.05051C7.64505 9.51914 8.35419 9.51914 8.79158 9.05051L13.5054 4H2.49388Z" fill={'currentColor'} /><path d="M1.13324 4.25647C1.04729 4.48631 1 4.73721 1 4.99995V11C1 11.369 1.09326 11.7146 1.25591 12.0114L4.8135 8.19963L1.13324 4.25647Z" fill={'currentColor'} /><path d="M2.86667 13C2.5187 13 2.19297 12.898 1.91411 12.7204L5.47346 8.90674L6.69282 10.2132C7.42179 10.9943 8.6037 10.9943 9.33268 10.2132L10.6793 8.77044L14.2535 12.6C13.9415 12.8512 13.5536 13 13.1333 13H2.86667Z" fill={'currentColor'} /><path d="M14.8392 11.8133C14.9425 11.5648 15 11.2896 15 11V4.99995C15 4.74466 14.9554 4.50054 14.874 4.27606L11.3392 8.06332L14.8392 11.8133Z" fill={'currentColor'} /></svg>;
+  }, 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">{title && <title id={titleId}>{title}</title>}<path d="M2.49388 4L7.20766 9.05051C7.64505 9.51914 8.35419 9.51914 8.79158 9.05051L13.5054 4H2.49388Z" fill={'currentColor'} /><path d="M1.13324 4.25647C1.04729 4.48631 1 4.73721 1 4.99995V11C1 11.369 1.09326 11.7146 1.25591 12.0114L4.8135 8.19963L1.13324 4.25647Z" fill={'currentColor'} /><path d="M2.86667 13C2.5187 13 2.19297 12.898 1.91411 12.7204L5.47346 8.90674L6.69282 10.2132C7.42179 10.9943 8.6037 10.9943 9.33268 10.2132L10.6793 8.77044L14.2535 12.6C13.9415 12.8512 13.5536 13 13.1333 13H2.86667Z" fill={'currentColor'} /><path d="M14.8392 11.8133C14.9425 11.5648 15 11.2896 15 11V4.99995C15 4.74466 14.9554 4.50054 14.874 4.27606L11.3392 8.06332L14.8392 11.8133Z" fill={'currentColor'} /></svg>;
 };
 Email.displayName = 'Email';
 Email.isGlyph = true;

package/src/generated/EmptyDatabase.tsx

@@ -2,10 +2,11 @@
 * This is a generated file. Do not modify it manually.
 *
 * @script packages/icon/scripts/prebuild/index.ts
-* @checksum 191affe38345c5ac4e8dade5731ed200
+* @checksum 10a062116ea680566514b7bbd6a23543
 */
 import * as React from "react";
 import { css, cx } from '@leafygreen-ui/emotion';
+import { useIdAllocator } from '@leafygreen-ui/hooks';
 import { generateAccessibleProps, sizeMap } from '../glyphCommon';
 import { LGGlyph } from '../types';
 export interface EmptyDatabaseProps extends LGGlyph.ComponentProps {}
@@ -19,6 +20,9 @@ const EmptyDatabase = ({
   role = 'img',
   ...props
 }: EmptyDatabaseProps) => {
+  const titleId = useIdAllocator({
+    prefix: 'icon-title'
+  });
   const fillStyle = css`
         color: ${fill};
       `;
@@ -27,12 +31,13 @@ const EmptyDatabase = ({
       `;
   const accessibleProps = generateAccessibleProps(role, 'EmptyDatabase', {
     title,
+    titleId,
     ['aria-label']: ariaLabel,
     ['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="M7.5076 1.60749C7.65108 1.60258 7.79684 1.6001 7.94477 1.6001C8.09386 1.6001 8.24086 1.60262 8.38565 1.6076C8.79962 1.62183 9.12367 1.96896 9.10944 2.38293C9.09521 2.7969 8.74808 3.12094 8.33411 3.10671C8.20677 3.10233 8.07695 3.1001 7.94477 3.1001C7.81361 3.1001 7.68494 3.1023 7.55885 3.10661C7.14487 3.12076 6.79781 2.79664 6.78366 2.38267C6.76951 1.9687 7.09363 1.62164 7.5076 1.60749ZM6.22702 2.44453C6.33363 2.84479 6.09558 3.25569 5.69532 3.3623C5.44384 3.42928 5.21813 3.50667 5.01884 3.59163C4.6378 3.75406 4.19723 3.57685 4.0348 3.19582C3.87236 2.81478 4.04957 2.37421 4.4306 2.21178C4.70259 2.09583 4.99664 1.99609 5.30926 1.91283C5.70952 1.80622 6.12041 2.04427 6.22702 2.44453ZM9.68375 2.4478C9.7895 2.04731 10.1999 1.80839 10.6004 1.91415C10.9145 1.9971 11.2105 2.09628 11.4846 2.21139C11.8665 2.37176 12.0461 2.81136 11.8858 3.19327C11.7254 3.57518 11.2858 3.75478 10.9039 3.59442C10.7008 3.50916 10.4717 3.43158 10.2174 3.36443C9.81691 3.25868 9.57799 2.84829 9.68375 2.4478ZM12.462 3.52915C12.8556 3.40016 13.2793 3.61467 13.4083 4.00828C13.4757 4.21408 13.5109 4.42898 13.5109 4.64941C13.5109 4.86988 13.4764 5.08588 13.4029 5.293C13.2643 5.68335 12.8355 5.88747 12.4452 5.74892C12.0548 5.61036 11.8507 5.1816 11.9893 4.79125C12.0016 4.75666 12.0109 4.71148 12.0109 4.64941C12.0109 4.59034 12.0018 4.533 11.9829 4.47543C11.8539 4.08181 12.0684 3.65815 12.462 3.52915ZM3.47822 3.52968C3.87322 3.65438 4.09235 4.07567 3.96765 4.47067C3.94918 4.52918 3.94 4.58817 3.94 4.64941C3.94 4.70884 3.94906 4.7523 3.96103 4.78591C4.1 5.17611 3.89634 5.60509 3.50613 5.74406C3.11593 5.88304 2.68695 5.67937 2.54797 5.28917C2.47477 5.08363 2.44 4.86895 2.44 4.64941C2.44 4.4333 2.47316 4.22209 2.53723 4.01912C2.66193 3.62412 3.08322 3.40499 3.47822 3.52968ZM4.10042 5.91355C4.21305 5.51494 4.6275 5.28312 5.0261 5.39575C5.23484 5.45474 5.46953 5.50827 5.73012 5.55697C6.13729 5.63306 6.40567 6.02482 6.32958 6.43199C6.25348 6.83915 5.86172 7.10753 5.45456 7.03144C5.16019 6.97643 4.87998 6.9132 4.61821 6.83923C4.2196 6.72659 3.98778 6.31215 4.10042 5.91355ZM11.8289 5.92656C11.9389 6.32588 11.7045 6.73883 11.3051 6.8489C11.0414 6.92162 10.7584 6.9838 10.46 7.03795C10.0525 7.11192 9.66211 6.84149 9.58814 6.43394C9.51417 6.02638 9.7846 5.63603 10.1922 5.56206C10.4572 5.51395 10.6952 5.46109 10.9065 5.40284C11.3058 5.29276 11.7188 5.52724 11.8289 5.92656ZM6.80347 6.4788C6.84074 6.06627 7.20537 5.76205 7.6179 5.79932C7.72557 5.80904 7.83491 5.81847 7.94587 5.82766C8.05862 5.81866 8.16958 5.80942 8.27873 5.7999C8.69138 5.76392 9.05507 6.06926 9.09105 6.48191C9.12704 6.89456 8.82169 7.25825 8.40904 7.29423C8.27596 7.30584 8.14077 7.317 8.00358 7.32779C7.96371 7.33092 7.92366 7.33087 7.8838 7.32762C7.74838 7.31657 7.61472 7.30514 7.48295 7.29323C7.07042 7.25597 6.7662 6.89133 6.80347 6.4788Z" fill={'currentColor'} /><path fillRule="evenodd" clipRule="evenodd" d="M3.76945 9.31366C3.93133 8.93239 4.37164 8.75454 4.75291 8.91641C4.98254 9.01391 5.23645 9.09728 5.50262 9.16779C5.90302 9.27387 6.14162 9.68445 6.03554 10.0849C5.92946 10.4853 5.51888 10.7239 5.11848 10.6178C4.80042 10.5335 4.47639 10.4286 4.1667 10.2971C3.78543 10.1352 3.60757 9.69494 3.76945 9.31366ZM12.2243 9.32973C12.3825 9.71254 12.2005 10.1511 11.8177 10.3093C11.5048 10.4386 11.1774 10.5418 10.8559 10.6246C10.4548 10.728 10.0459 10.4867 9.94248 10.0855C9.83911 9.68444 10.0805 9.27548 10.4816 9.1721C10.7523 9.10232 11.0108 9.01974 11.2447 8.92307C11.6275 8.76486 12.0661 8.94693 12.2243 9.32973ZM6.77957 10.1849C6.80522 9.77144 7.16116 9.45709 7.57458 9.48275C7.70493 9.49083 7.80922 9.4952 7.87976 9.49752C7.915 9.49869 7.94174 9.49934 7.95902 9.49969L7.97456 9.49997L7.99052 9.49969C8.00809 9.49934 8.03523 9.4987 8.07097 9.49755C8.14249 9.49525 8.24816 9.49094 8.38021 9.48297C8.79367 9.45799 9.14909 9.77292 9.17406 10.1864C9.19904 10.5998 8.88411 10.9553 8.47065 10.9802C8.32308 10.9892 8.20324 10.9941 8.11916 10.9968C8.0771 10.9981 8.04391 10.9989 8.02061 10.9994L7.99316 10.9999L7.98522 11L7.98272 11L7.98151 11H7.96737L7.96593 11L7.96343 11L7.95548 10.9999L7.92816 10.9994C7.90499 10.9989 7.87203 10.9981 7.83029 10.9967C7.74684 10.994 7.62799 10.9889 7.48168 10.9799C7.06827 10.9542 6.75392 10.5983 6.77957 10.1849Z" fill={'currentColor'} /><path fillRule="evenodd" clipRule="evenodd" d="M3 6.85005C3.41421 6.85005 3.75 7.18584 3.75 7.60005V8.22861C3.75 8.64282 3.41421 8.97861 3 8.97861C2.58579 8.97861 2.25 8.64282 2.25 8.22861V7.60005C2.25 7.18584 2.58579 6.85005 3 6.85005ZM13 6.85005C13.4142 6.85005 13.75 7.18584 13.75 7.60005V8.22861C13.75 8.64282 13.4142 8.97861 13 8.97861C12.5858 8.97861 12.25 8.64282 12.25 8.22861V7.60005C12.25 7.18584 12.5858 6.85005 13 6.85005ZM3 10.6214C3.41421 10.6214 3.75 10.9572 3.75 11.3714V11.7228C3.75972 11.7327 3.76966 11.7425 3.77984 11.7524C4.0771 12.0409 4.08424 12.5157 3.79578 12.8129C3.50732 13.1102 3.0325 13.1173 2.73524 12.8289C2.61288 12.7102 2.50042 12.5838 2.4 12.45C2.30263 12.3201 2.25 12.1622 2.25 12V11.3714C2.25 10.9572 2.58579 10.6214 3 10.6214ZM13 10.6214C13.4142 10.6214 13.75 10.9572 13.75 11.3714V12C13.75 12.1622 13.6974 12.3201 13.6 12.45C13.494 12.5912 13.3727 12.7208 13.2422 12.8393C12.9355 13.1177 12.4612 13.0949 12.1827 12.7883C11.9043 12.4816 11.9271 12.0073 12.2337 11.7288C12.2393 11.7238 12.2447 11.7188 12.25 11.7139V11.3714C12.25 10.9572 12.5858 10.6214 13 10.6214ZM11.7533 12.9525C11.8873 13.3444 11.6783 13.7708 11.2864 13.9049C11.0264 13.9938 10.7562 14.0727 10.4803 14.1409C10.0782 14.2403 9.67167 13.9949 9.57228 13.5928C9.4729 13.1907 9.7183 12.7841 10.1204 12.6847C10.3566 12.6264 10.5847 12.5596 10.8009 12.4857C11.1928 12.3516 11.6192 12.5606 11.7533 12.9525ZM4.22533 13.0017C4.35896 12.6096 4.78512 12.4001 5.17719 12.5338C5.38606 12.605 5.61107 12.6688 5.85122 12.7239C6.25496 12.8164 6.50721 13.2188 6.41464 13.6225C6.32206 14.0262 5.91972 14.2785 5.51599 14.1859C5.22886 14.1201 4.95403 14.0424 4.69326 13.9536C4.3012 13.8199 4.0917 13.3938 4.22533 13.0017ZM9.13633 13.6577C9.15486 14.0715 8.83443 14.422 8.42063 14.4405C8.2798 14.4468 8.13941 14.4501 8 14.4501C7.8606 14.4501 7.72277 14.4478 7.5866 14.4434C7.1726 14.4301 6.84782 14.0836 6.86118 13.6696C6.87455 13.2556 7.22099 12.9308 7.63499 12.9442C7.75487 12.9481 7.87657 12.9501 8 12.9501C8.11625 12.9501 8.23426 12.9474 8.35353 12.942C8.76733 12.9235 9.1178 13.2439 9.13633 13.6577Z" fill={'currentColor'} /></svg>;
+  }, 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">{title && <title id={titleId}>{title}</title>}<path fillRule="evenodd" clipRule="evenodd" d="M7.5076 1.60749C7.65108 1.60258 7.79684 1.6001 7.94477 1.6001C8.09386 1.6001 8.24086 1.60262 8.38565 1.6076C8.79962 1.62183 9.12367 1.96896 9.10944 2.38293C9.09521 2.7969 8.74808 3.12094 8.33411 3.10671C8.20677 3.10233 8.07695 3.1001 7.94477 3.1001C7.81361 3.1001 7.68494 3.1023 7.55885 3.10661C7.14487 3.12076 6.79781 2.79664 6.78366 2.38267C6.76951 1.9687 7.09363 1.62164 7.5076 1.60749ZM6.22702 2.44453C6.33363 2.84479 6.09558 3.25569 5.69532 3.3623C5.44384 3.42928 5.21813 3.50667 5.01884 3.59163C4.6378 3.75406 4.19723 3.57685 4.0348 3.19582C3.87236 2.81478 4.04957 2.37421 4.4306 2.21178C4.70259 2.09583 4.99664 1.99609 5.30926 1.91283C5.70952 1.80622 6.12041 2.04427 6.22702 2.44453ZM9.68375 2.4478C9.7895 2.04731 10.1999 1.80839 10.6004 1.91415C10.9145 1.9971 11.2105 2.09628 11.4846 2.21139C11.8665 2.37176 12.0461 2.81136 11.8858 3.19327C11.7254 3.57518 11.2858 3.75478 10.9039 3.59442C10.7008 3.50916 10.4717 3.43158 10.2174 3.36443C9.81691 3.25868 9.57799 2.84829 9.68375 2.4478ZM12.462 3.52915C12.8556 3.40016 13.2793 3.61467 13.4083 4.00828C13.4757 4.21408 13.5109 4.42898 13.5109 4.64941C13.5109 4.86988 13.4764 5.08588 13.4029 5.293C13.2643 5.68335 12.8355 5.88747 12.4452 5.74892C12.0548 5.61036 11.8507 5.1816 11.9893 4.79125C12.0016 4.75666 12.0109 4.71148 12.0109 4.64941C12.0109 4.59034 12.0018 4.533 11.9829 4.47543C11.8539 4.08181 12.0684 3.65815 12.462 3.52915ZM3.47822 3.52968C3.87322 3.65438 4.09235 4.07567 3.96765 4.47067C3.94918 4.52918 3.94 4.58817 3.94 4.64941C3.94 4.70884 3.94906 4.7523 3.96103 4.78591C4.1 5.17611 3.89634 5.60509 3.50613 5.74406C3.11593 5.88304 2.68695 5.67937 2.54797 5.28917C2.47477 5.08363 2.44 4.86895 2.44 4.64941C2.44 4.4333 2.47316 4.22209 2.53723 4.01912C2.66193 3.62412 3.08322 3.40499 3.47822 3.52968ZM4.10042 5.91355C4.21305 5.51494 4.6275 5.28312 5.0261 5.39575C5.23484 5.45474 5.46953 5.50827 5.73012 5.55697C6.13729 5.63306 6.40567 6.02482 6.32958 6.43199C6.25348 6.83915 5.86172 7.10753 5.45456 7.03144C5.16019 6.97643 4.87998 6.9132 4.61821 6.83923C4.2196 6.72659 3.98778 6.31215 4.10042 5.91355ZM11.8289 5.92656C11.9389 6.32588 11.7045 6.73883 11.3051 6.8489C11.0414 6.92162 10.7584 6.9838 10.46 7.03795C10.0525 7.11192 9.66211 6.84149 9.58814 6.43394C9.51417 6.02638 9.7846 5.63603 10.1922 5.56206C10.4572 5.51395 10.6952 5.46109 10.9065 5.40284C11.3058 5.29276 11.7188 5.52724 11.8289 5.92656ZM6.80347 6.4788C6.84074 6.06627 7.20537 5.76205 7.6179 5.79932C7.72557 5.80904 7.83491 5.81847 7.94587 5.82766C8.05862 5.81866 8.16958 5.80942 8.27873 5.7999C8.69138 5.76392 9.05507 6.06926 9.09105 6.48191C9.12704 6.89456 8.82169 7.25825 8.40904 7.29423C8.27596 7.30584 8.14077 7.317 8.00358 7.32779C7.96371 7.33092 7.92366 7.33087 7.8838 7.32762C7.74838 7.31657 7.61472 7.30514 7.48295 7.29323C7.07042 7.25597 6.7662 6.89133 6.80347 6.4788Z" fill={'currentColor'} /><path fillRule="evenodd" clipRule="evenodd" d="M3.76945 9.31366C3.93133 8.93239 4.37164 8.75454 4.75291 8.91641C4.98254 9.01391 5.23645 9.09728 5.50262 9.16779C5.90302 9.27387 6.14162 9.68445 6.03554 10.0849C5.92946 10.4853 5.51888 10.7239 5.11848 10.6178C4.80042 10.5335 4.47639 10.4286 4.1667 10.2971C3.78543 10.1352 3.60757 9.69494 3.76945 9.31366ZM12.2243 9.32973C12.3825 9.71254 12.2005 10.1511 11.8177 10.3093C11.5048 10.4386 11.1774 10.5418 10.8559 10.6246C10.4548 10.728 10.0459 10.4867 9.94248 10.0855C9.83911 9.68444 10.0805 9.27548 10.4816 9.1721C10.7523 9.10232 11.0108 9.01974 11.2447 8.92307C11.6275 8.76486 12.0661 8.94693 12.2243 9.32973ZM6.77957 10.1849C6.80522 9.77144 7.16116 9.45709 7.57458 9.48275C7.70493 9.49083 7.80922 9.4952 7.87976 9.49752C7.915 9.49869 7.94174 9.49934 7.95902 9.49969L7.97456 9.49997L7.99052 9.49969C8.00809 9.49934 8.03523 9.4987 8.07097 9.49755C8.14249 9.49525 8.24816 9.49094 8.38021 9.48297C8.79367 9.45799 9.14909 9.77292 9.17406 10.1864C9.19904 10.5998 8.88411 10.9553 8.47065 10.9802C8.32308 10.9892 8.20324 10.9941 8.11916 10.9968C8.0771 10.9981 8.04391 10.9989 8.02061 10.9994L7.99316 10.9999L7.98522 11L7.98272 11L7.98151 11H7.96737L7.96593 11L7.96343 11L7.95548 10.9999L7.92816 10.9994C7.90499 10.9989 7.87203 10.9981 7.83029 10.9967C7.74684 10.994 7.62799 10.9889 7.48168 10.9799C7.06827 10.9542 6.75392 10.5983 6.77957 10.1849Z" fill={'currentColor'} /><path fillRule="evenodd" clipRule="evenodd" d="M3 6.85005C3.41421 6.85005 3.75 7.18584 3.75 7.60005V8.22861C3.75 8.64282 3.41421 8.97861 3 8.97861C2.58579 8.97861 2.25 8.64282 2.25 8.22861V7.60005C2.25 7.18584 2.58579 6.85005 3 6.85005ZM13 6.85005C13.4142 6.85005 13.75 7.18584 13.75 7.60005V8.22861C13.75 8.64282 13.4142 8.97861 13 8.97861C12.5858 8.97861 12.25 8.64282 12.25 8.22861V7.60005C12.25 7.18584 12.5858 6.85005 13 6.85005ZM3 10.6214C3.41421 10.6214 3.75 10.9572 3.75 11.3714V11.7228C3.75972 11.7327 3.76966 11.7425 3.77984 11.7524C4.0771 12.0409 4.08424 12.5157 3.79578 12.8129C3.50732 13.1102 3.0325 13.1173 2.73524 12.8289C2.61288 12.7102 2.50042 12.5838 2.4 12.45C2.30263 12.3201 2.25 12.1622 2.25 12V11.3714C2.25 10.9572 2.58579 10.6214 3 10.6214ZM13 10.6214C13.4142 10.6214 13.75 10.9572 13.75 11.3714V12C13.75 12.1622 13.6974 12.3201 13.6 12.45C13.494 12.5912 13.3727 12.7208 13.2422 12.8393C12.9355 13.1177 12.4612 13.0949 12.1827 12.7883C11.9043 12.4816 11.9271 12.0073 12.2337 11.7288C12.2393 11.7238 12.2447 11.7188 12.25 11.7139V11.3714C12.25 10.9572 12.5858 10.6214 13 10.6214ZM11.7533 12.9525C11.8873 13.3444 11.6783 13.7708 11.2864 13.9049C11.0264 13.9938 10.7562 14.0727 10.4803 14.1409C10.0782 14.2403 9.67167 13.9949 9.57228 13.5928C9.4729 13.1907 9.7183 12.7841 10.1204 12.6847C10.3566 12.6264 10.5847 12.5596 10.8009 12.4857C11.1928 12.3516 11.6192 12.5606 11.7533 12.9525ZM4.22533 13.0017C4.35896 12.6096 4.78512 12.4001 5.17719 12.5338C5.38606 12.605 5.61107 12.6688 5.85122 12.7239C6.25496 12.8164 6.50721 13.2188 6.41464 13.6225C6.32206 14.0262 5.91972 14.2785 5.51599 14.1859C5.22886 14.1201 4.95403 14.0424 4.69326 13.9536C4.3012 13.8199 4.0917 13.3938 4.22533 13.0017ZM9.13633 13.6577C9.15486 14.0715 8.83443 14.422 8.42063 14.4405C8.2798 14.4468 8.13941 14.4501 8 14.4501C7.8606 14.4501 7.72277 14.4478 7.5866 14.4434C7.1726 14.4301 6.84782 14.0836 6.86118 13.6696C6.87455 13.2556 7.22099 12.9308 7.63499 12.9442C7.75487 12.9481 7.87657 12.9501 8 12.9501C8.11625 12.9501 8.23426 12.9474 8.35353 12.942C8.76733 12.9235 9.1178 13.2439 9.13633 13.6577Z" fill={'currentColor'} /></svg>;
 };
 EmptyDatabase.displayName = 'EmptyDatabase';
 EmptyDatabase.isGlyph = true;

package/src/generated/EmptyFolder.tsx

@@ -2,10 +2,11 @@
 * This is a generated file. Do not modify it manually.
 *
 * @script packages/icon/scripts/prebuild/index.ts
-* @checksum 27e4808c89a2df3b3b4222901edb8ad0
+* @checksum e643d2b2219d2af0c9f7019a024cf5fd
 */
 import * as React from "react";
 import { css, cx } from '@leafygreen-ui/emotion';
+import { useIdAllocator } from '@leafygreen-ui/hooks';
 import { generateAccessibleProps, sizeMap } from '../glyphCommon';
 import { LGGlyph } from '../types';
 export interface EmptyFolderProps extends LGGlyph.ComponentProps {}
@@ -19,6 +20,9 @@ const EmptyFolder = ({
   role = 'img',
   ...props
 }: EmptyFolderProps) => {
+  const titleId = useIdAllocator({
+    prefix: 'icon-title'
+  });
   const fillStyle = css`
         color: ${fill};
       `;
@@ -27,12 +31,13 @@ const EmptyFolder = ({
       `;
   const accessibleProps = generateAccessibleProps(role, 'EmptyFolder', {
     title,
+    titleId,
     ['aria-label']: ariaLabel,
     ['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="M14.19 10.19C13.78 10.19 13.44 9.85 13.44 9.44V8.49C13.44 8.08 13.78 7.74 14.19 7.74C14.6 7.74 14.94 8.08 14.94 8.49V9.44C14.94 9.85 14.6 10.19 14.19 10.19Z" fill={'currentColor'} /><path d="M14.19 7.08C13.78 7.08 13.44 6.74 13.44 6.33V5.47H11.32C10.91 5.47 10.57 5.13 10.57 4.72C10.57 4.31 10.91 3.97 11.32 3.97H14.19C14.6 3.97 14.94 4.31 14.94 4.72V6.33C14.94 6.74 14.6 7.08 14.19 7.08Z" fill={'currentColor'} /><path d="M14.19 13.89H12.55C12.14 13.89 11.8 13.55 11.8 13.14C11.8 12.73 12.14 12.39 12.55 12.39H13.44V11.5C13.44 11.09 13.78 10.75 14.19 10.75C14.6 10.75 14.94 11.09 14.94 11.5V13.14C14.94 13.55 14.6 13.89 14.19 13.89Z" fill={'currentColor'} /><path d="M8.94 5.47H8.42C7.72 5.47 7.23 5.06 7.02 4.72C7.02 4.72 6.46 3.84 6.25 3.51H5.84C5.43 3.51 5.09 3.17 5.09 2.76C5.09 2.35 5.43 2.01 5.84 2.01H6.41C6.58 2.02 7.15 2.09 7.51 2.67C7.68 2.95 8.31 3.92 8.31 3.92C8.32 3.93 8.37 3.97 8.44 3.97H8.96C9.37 3.97 9.71 4.31 9.71 4.72C9.71 5.13 9.36 5.47 8.94 5.47Z" fill={'currentColor'} /><path d="M1.75 5.29C1.34 5.29 1 4.95 1 4.54V2.75C1 2.34 1.34 2 1.75 2H3.74C4.15 2 4.49 2.34 4.49 2.75C4.49 3.16 4.15 3.5 3.73 3.5H2.5V4.53C2.5 4.95 2.16 5.29 1.75 5.29Z" fill={'currentColor'} /><path d="M1.75 10.08C1.34 10.08 1 9.74 1 9.33V6.58C1 6.17 1.34 5.83 1.75 5.83C2.16 5.83 2.5 6.17 2.5 6.58V9.33C2.5 9.74 2.16 10.08 1.75 10.08Z" fill={'currentColor'} /><path d="M3.39 13.89H1.75C1.34 13.89 1 13.55 1 13.14V11.5C1 11.09 1.34 10.75 1.75 10.75C2.16 10.75 2.5 11.09 2.5 11.5V12.39H3.39C3.8 12.39 4.14 12.73 4.14 13.14C4.14 13.55 3.8 13.89 3.39 13.89Z" fill={'currentColor'} /><path d="M6.96 13.89H5.7C5.29 13.89 4.95 13.55 4.95 13.14C4.95 12.73 5.29 12.39 5.7 12.39H6.96C7.37 12.39 7.71 12.73 7.71 13.14C7.71 13.55 7.37 13.89 6.96 13.89Z" fill={'currentColor'} /><path d="M10.33 13.89H9.06C8.65 13.89 8.31 13.55 8.31 13.14C8.31 12.73 8.65 12.39 9.06 12.39H10.33C10.74 12.39 11.08 12.73 11.08 13.14C11.08 13.55 10.74 13.89 10.33 13.89Z" fill={'currentColor'} /></svg>;
+  }, 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">{title && <title id={titleId}>{title}</title>}<path d="M14.19 10.19C13.78 10.19 13.44 9.85 13.44 9.44V8.49C13.44 8.08 13.78 7.74 14.19 7.74C14.6 7.74 14.94 8.08 14.94 8.49V9.44C14.94 9.85 14.6 10.19 14.19 10.19Z" fill={'currentColor'} /><path d="M14.19 7.08C13.78 7.08 13.44 6.74 13.44 6.33V5.47H11.32C10.91 5.47 10.57 5.13 10.57 4.72C10.57 4.31 10.91 3.97 11.32 3.97H14.19C14.6 3.97 14.94 4.31 14.94 4.72V6.33C14.94 6.74 14.6 7.08 14.19 7.08Z" fill={'currentColor'} /><path d="M14.19 13.89H12.55C12.14 13.89 11.8 13.55 11.8 13.14C11.8 12.73 12.14 12.39 12.55 12.39H13.44V11.5C13.44 11.09 13.78 10.75 14.19 10.75C14.6 10.75 14.94 11.09 14.94 11.5V13.14C14.94 13.55 14.6 13.89 14.19 13.89Z" fill={'currentColor'} /><path d="M8.94 5.47H8.42C7.72 5.47 7.23 5.06 7.02 4.72C7.02 4.72 6.46 3.84 6.25 3.51H5.84C5.43 3.51 5.09 3.17 5.09 2.76C5.09 2.35 5.43 2.01 5.84 2.01H6.41C6.58 2.02 7.15 2.09 7.51 2.67C7.68 2.95 8.31 3.92 8.31 3.92C8.32 3.93 8.37 3.97 8.44 3.97H8.96C9.37 3.97 9.71 4.31 9.71 4.72C9.71 5.13 9.36 5.47 8.94 5.47Z" fill={'currentColor'} /><path d="M1.75 5.29C1.34 5.29 1 4.95 1 4.54V2.75C1 2.34 1.34 2 1.75 2H3.74C4.15 2 4.49 2.34 4.49 2.75C4.49 3.16 4.15 3.5 3.73 3.5H2.5V4.53C2.5 4.95 2.16 5.29 1.75 5.29Z" fill={'currentColor'} /><path d="M1.75 10.08C1.34 10.08 1 9.74 1 9.33V6.58C1 6.17 1.34 5.83 1.75 5.83C2.16 5.83 2.5 6.17 2.5 6.58V9.33C2.5 9.74 2.16 10.08 1.75 10.08Z" fill={'currentColor'} /><path d="M3.39 13.89H1.75C1.34 13.89 1 13.55 1 13.14V11.5C1 11.09 1.34 10.75 1.75 10.75C2.16 10.75 2.5 11.09 2.5 11.5V12.39H3.39C3.8 12.39 4.14 12.73 4.14 13.14C4.14 13.55 3.8 13.89 3.39 13.89Z" fill={'currentColor'} /><path d="M6.96 13.89H5.7C5.29 13.89 4.95 13.55 4.95 13.14C4.95 12.73 5.29 12.39 5.7 12.39H6.96C7.37 12.39 7.71 12.73 7.71 13.14C7.71 13.55 7.37 13.89 6.96 13.89Z" fill={'currentColor'} /><path d="M10.33 13.89H9.06C8.65 13.89 8.31 13.55 8.31 13.14C8.31 12.73 8.65 12.39 9.06 12.39H10.33C10.74 12.39 11.08 12.73 11.08 13.14C11.08 13.55 10.74 13.89 10.33 13.89Z" fill={'currentColor'} /></svg>;
 };
 EmptyFolder.displayName = 'EmptyFolder';
 EmptyFolder.isGlyph = true;

package/src/generated/Eraser.tsx

@@ -2,10 +2,11 @@
 * This is a generated file. Do not modify it manually.
 *
 * @script packages/icon/scripts/prebuild/index.ts
-* @checksum 543c08fb00bf1c1d2c2b4f041d804f59
+* @checksum f3dc3704cab47b6e170449b95ce7941e
 */
 import * as React from "react";
 import { css, cx } from '@leafygreen-ui/emotion';
+import { useIdAllocator } from '@leafygreen-ui/hooks';
 import { generateAccessibleProps, sizeMap } from '../glyphCommon';
 import { LGGlyph } from '../types';
 export interface EraserProps extends LGGlyph.ComponentProps {}
@@ -19,6 +20,9 @@ const Eraser = ({
   role = 'img',
   ...props
 }: EraserProps) => {
+  const titleId = useIdAllocator({
+    prefix: 'icon-title'
+  });
   const fillStyle = css`
         color: ${fill};
       `;
@@ -27,12 +31,13 @@ const Eraser = ({
       `;
   const accessibleProps = generateAccessibleProps(role, 'Eraser', {
     title,
+    titleId,
     ['aria-label']: ariaLabel,
     ['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.38107 1.93409C9.14619 1.16833 10.4326 1.1689 11.1977 1.93409L14.4259 5.16224C15.1917 5.92736 15.1911 7.21373 14.4259 7.97892L9.16814 13.2367H14.4569C14.7476 13.2367 14.9832 13.4723 14.9832 13.763V14.1138C14.9832 14.4045 14.7476 14.6401 14.4569 14.6401H4.9478C4.76172 14.6401 4.58325 14.5662 4.45166 14.4347L1.57442 11.558C0.808347 10.793 0.808811 9.50634 1.5741 8.74105L8.38107 1.93409ZM8.09997 12.3201C8.29523 12.1248 8.29523 11.8082 8.09997 11.613L4.74703 8.26001C4.55177 8.06475 4.23519 8.06475 4.03993 8.26001L2.56649 9.73345C2.34893 9.95101 2.34939 10.3485 2.56617 10.565L5.08428 13.0826C5.18298 13.1812 5.31682 13.2367 5.45638 13.2367H6.96536C7.10494 13.2367 7.2388 13.1812 7.3375 13.0825L8.09997 12.3201Z" fill={'currentColor'} /></svg>;
+  }, 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">{title && <title id={titleId}>{title}</title>}<path fillRule="evenodd" clipRule="evenodd" d="M8.38107 1.93409C9.14619 1.16833 10.4326 1.1689 11.1977 1.93409L14.4259 5.16224C15.1917 5.92736 15.1911 7.21373 14.4259 7.97892L9.16814 13.2367H14.4569C14.7476 13.2367 14.9832 13.4723 14.9832 13.763V14.1138C14.9832 14.4045 14.7476 14.6401 14.4569 14.6401H4.9478C4.76172 14.6401 4.58325 14.5662 4.45166 14.4347L1.57442 11.558C0.808347 10.793 0.808811 9.50634 1.5741 8.74105L8.38107 1.93409ZM8.09997 12.3201C8.29523 12.1248 8.29523 11.8082 8.09997 11.613L4.74703 8.26001C4.55177 8.06475 4.23519 8.06475 4.03993 8.26001L2.56649 9.73345C2.34893 9.95101 2.34939 10.3485 2.56617 10.565L5.08428 13.0826C5.18298 13.1812 5.31682 13.2367 5.45638 13.2367H6.96536C7.10494 13.2367 7.2388 13.1812 7.3375 13.0825L8.09997 12.3201Z" fill={'currentColor'} /></svg>;
 };
 Eraser.displayName = 'Eraser';
 Eraser.isGlyph = true;

package/src/generated/Escalation.tsx

@@ -2,10 +2,11 @@
 * This is a generated file. Do not modify it manually.
 *
 * @script packages/icon/scripts/prebuild/index.ts
-* @checksum 2cb3bf9191d63dec9f01a2c35a440bb2
+* @checksum cc58f19c520502262c789fb80932b8e7
 */
 import * as React from "react";
 import { css, cx } from '@leafygreen-ui/emotion';
+import { useIdAllocator } from '@leafygreen-ui/hooks';
 import { generateAccessibleProps, sizeMap } from '../glyphCommon';
 import { LGGlyph } from '../types';
 export interface EscalationProps extends LGGlyph.ComponentProps {}
@@ -19,6 +20,9 @@ const Escalation = ({
   role = 'img',
   ...props
 }: EscalationProps) => {
+  const titleId = useIdAllocator({
+    prefix: 'icon-title'
+  });
   const fillStyle = css`
         color: ${fill};
       `;
@@ -27,12 +31,13 @@ const Escalation = ({
       `;
   const accessibleProps = generateAccessibleProps(role, 'Escalation', {
     title,
+    titleId,
     ['aria-label']: ariaLabel,
     ['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="M13.361 4.42325C13.719 4.11978 13.5628 3.53659 13.101 3.4528L5.14569 2.00923C4.74464 1.93645 4.40436 2.30596 4.50985 2.69966L6.29744 9.37104C6.40294 9.76474 6.88238 9.9146 7.19331 9.65105L13.361 4.42325ZM2.91191 2.10161C2.61554 2.18103 2.43965 2.48567 2.51907 2.78204L5.68249 14.5881C5.7619 14.8845 6.06654 15.0603 6.36292 14.9809C6.6593 14.9015 6.83518 14.5969 6.75576 14.3005L3.59234 2.49446C3.51293 2.19808 3.20829 2.0222 2.91191 2.10161Z" fill={'currentColor'} /></svg>;
+  }, 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">{title && <title id={titleId}>{title}</title>}<path fillRule="evenodd" clipRule="evenodd" d="M13.361 4.42325C13.719 4.11978 13.5628 3.53659 13.101 3.4528L5.14569 2.00923C4.74464 1.93645 4.40436 2.30596 4.50985 2.69966L6.29744 9.37104C6.40294 9.76474 6.88238 9.9146 7.19331 9.65105L13.361 4.42325ZM2.91191 2.10161C2.61554 2.18103 2.43965 2.48567 2.51907 2.78204L5.68249 14.5881C5.7619 14.8845 6.06654 15.0603 6.36292 14.9809C6.6593 14.9015 6.83518 14.5969 6.75576 14.3005L3.59234 2.49446C3.51293 2.19808 3.20829 2.0222 2.91191 2.10161Z" fill={'currentColor'} /></svg>;
 };
 Escalation.displayName = 'Escalation';
 Escalation.isGlyph = true;

package/src/generated/Export.tsx

@@ -2,10 +2,11 @@
 * This is a generated file. Do not modify it manually.
 *
 * @script packages/icon/scripts/prebuild/index.ts
-* @checksum 9bbfaead3792ee03dcb656e8926b60ba
+* @checksum a270d72889172f9ce9df760e21081433
 */
 import * as React from "react";
 import { css, cx } from '@leafygreen-ui/emotion';
+import { useIdAllocator } from '@leafygreen-ui/hooks';
 import { generateAccessibleProps, sizeMap } from '../glyphCommon';
 import { LGGlyph } from '../types';
 export interface ExportProps extends LGGlyph.ComponentProps {}
@@ -19,6 +20,9 @@ const Export = ({
   role = 'img',
   ...props
 }: ExportProps) => {
+  const titleId = useIdAllocator({
+    prefix: 'icon-title'
+  });
   const fillStyle = css`
         color: ${fill};
       `;
@@ -27,12 +31,13 @@ const Export = ({
       `;
   const accessibleProps = generateAccessibleProps(role, 'Export', {
     title,
+    titleId,
     ['aria-label']: ariaLabel,
     ['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="M14.6225 5.18606C14.7258 5.07863 14.7258 4.90873 14.6225 4.80131L11.8181 1.88563C11.645 1.70566 11.3409 1.82825 11.3409 2.07801V3.50192C7.82458 3.58637 5 6.46333 5 10V10.1C5 10.9284 5.67157 11.6 6.5 11.6C7.32843 11.6 8 10.9284 8 10.1V10C8 8.12032 9.48177 6.58672 11.3409 6.50356V7.90935C11.3409 8.15911 11.645 8.2817 11.8181 8.10173L14.6225 5.18606Z" fill={'currentColor'} /><path d="M6.5 3.87895C6.5 3.46474 6.16421 3.12895 5.75 3.12895H4C2.89543 3.12895 2 4.02438 2 5.12895V11.9929C2 13.0975 2.89543 13.9929 4 13.9929H10.864C11.9686 13.9929 12.864 13.0975 12.864 11.9929V10.05C12.864 9.6358 12.5282 9.30002 12.114 9.30002C11.6998 9.30002 11.364 9.6358 11.364 10.05V11.9929C11.364 12.2691 11.1401 12.4929 10.864 12.4929H4C3.72386 12.4929 3.5 12.2691 3.5 11.9929V5.12895C3.5 4.85281 3.72386 4.62895 4 4.62895H5.75C6.16421 4.62895 6.5 4.29317 6.5 3.87895Z" fill={'currentColor'} /></svg>;
+  }, 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">{title && <title id={titleId}>{title}</title>}<path d="M14.6225 5.18606C14.7258 5.07863 14.7258 4.90873 14.6225 4.80131L11.8181 1.88563C11.645 1.70566 11.3409 1.82825 11.3409 2.07801V3.50192C7.82458 3.58637 5 6.46333 5 10V10.1C5 10.9284 5.67157 11.6 6.5 11.6C7.32843 11.6 8 10.9284 8 10.1V10C8 8.12032 9.48177 6.58672 11.3409 6.50356V7.90935C11.3409 8.15911 11.645 8.2817 11.8181 8.10173L14.6225 5.18606Z" fill={'currentColor'} /><path d="M6.5 3.87895C6.5 3.46474 6.16421 3.12895 5.75 3.12895H4C2.89543 3.12895 2 4.02438 2 5.12895V11.9929C2 13.0975 2.89543 13.9929 4 13.9929H10.864C11.9686 13.9929 12.864 13.0975 12.864 11.9929V10.05C12.864 9.6358 12.5282 9.30002 12.114 9.30002C11.6998 9.30002 11.364 9.6358 11.364 10.05V11.9929C11.364 12.2691 11.1401 12.4929 10.864 12.4929H4C3.72386 12.4929 3.5 12.2691 3.5 11.9929V5.12895C3.5 4.85281 3.72386 4.62895 4 4.62895H5.75C6.16421 4.62895 6.5 4.29317 6.5 3.87895Z" fill={'currentColor'} /></svg>;
 };
 Export.displayName = 'Export';
 Export.isGlyph = true;

package/src/generated/Favorite.tsx

@@ -2,10 +2,11 @@
 * This is a generated file. Do not modify it manually.
 *
 * @script packages/icon/scripts/prebuild/index.ts
-* @checksum 9105c932e585d948b3be9537b45867ba
+* @checksum 7244d39bbd8e05a17d3f20d10b6125d5
 */
 import * as React from "react";
 import { css, cx } from '@leafygreen-ui/emotion';
+import { useIdAllocator } from '@leafygreen-ui/hooks';
 import { generateAccessibleProps, sizeMap } from '../glyphCommon';
 import { LGGlyph } from '../types';
 export interface FavoriteProps extends LGGlyph.ComponentProps {}
@@ -19,6 +20,9 @@ const Favorite = ({
   role = 'img',
   ...props
 }: FavoriteProps) => {
+  const titleId = useIdAllocator({
+    prefix: 'icon-title'
+  });
   const fillStyle = css`
         color: ${fill};
       `;
@@ -27,12 +31,13 @@ const Favorite = ({
       `;
   const accessibleProps = generateAccessibleProps(role, 'Favorite', {
     title,
+    titleId,
     ['aria-label']: ariaLabel,
     ['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.53827 1.55798C7.70907 1.14734 8.2908 1.14734 8.46159 1.55798L9.99868 5.25357C10.0706 5.42669 10.2334 5.54498 10.4203 5.55996L14.41 5.87981C14.8534 5.91535 15.0331 6.46861 14.6954 6.75794L11.6556 9.3618C11.5132 9.48377 11.4511 9.67516 11.4946 9.85754L12.4232 13.7508C12.5264 14.1834 12.0558 14.5253 11.6763 14.2935L8.26056 12.2072C8.10055 12.1095 7.89931 12.1095 7.73931 12.2072L4.32356 14.2935C3.94401 14.5253 3.47339 14.1834 3.57658 13.7508L4.50527 9.85754C4.54877 9.67516 4.48659 9.48377 4.34419 9.3618L1.30446 6.75794C0.96669 6.46861 1.14645 5.91535 1.58978 5.87981L5.57948 5.55996C5.76638 5.54498 5.92918 5.42669 6.00119 5.25357L7.53827 1.55798Z" fill={'currentColor'} /></svg>;
+  }, 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">{title && <title id={titleId}>{title}</title>}<path d="M7.53827 1.55798C7.70907 1.14734 8.2908 1.14734 8.46159 1.55798L9.99868 5.25357C10.0706 5.42669 10.2334 5.54498 10.4203 5.55996L14.41 5.87981C14.8534 5.91535 15.0331 6.46861 14.6954 6.75794L11.6556 9.3618C11.5132 9.48377 11.4511 9.67516 11.4946 9.85754L12.4232 13.7508C12.5264 14.1834 12.0558 14.5253 11.6763 14.2935L8.26056 12.2072C8.10055 12.1095 7.89931 12.1095 7.73931 12.2072L4.32356 14.2935C3.94401 14.5253 3.47339 14.1834 3.57658 13.7508L4.50527 9.85754C4.54877 9.67516 4.48659 9.48377 4.34419 9.3618L1.30446 6.75794C0.96669 6.46861 1.14645 5.91535 1.58978 5.87981L5.57948 5.55996C5.76638 5.54498 5.92918 5.42669 6.00119 5.25357L7.53827 1.55798Z" fill={'currentColor'} /></svg>;
 };
 Favorite.displayName = 'Favorite';
 Favorite.isGlyph = true;

package/src/generated/Federation.tsx

@@ -2,10 +2,11 @@
 * This is a generated file. Do not modify it manually.
 *
 * @script packages/icon/scripts/prebuild/index.ts
-* @checksum 30ad3a76c1480a237c9aa289c33049ba
+* @checksum a0ccfa81ae5643665b2623d2a09961d3
 */
 import * as React from "react";
 import { css, cx } from '@leafygreen-ui/emotion';
+import { useIdAllocator } from '@leafygreen-ui/hooks';
 import { generateAccessibleProps, sizeMap } from '../glyphCommon';
 import { LGGlyph } from '../types';
 export interface FederationProps extends LGGlyph.ComponentProps {}
@@ -19,6 +20,9 @@ const Federation = ({
   role = 'img',
   ...props
 }: FederationProps) => {
+  const titleId = useIdAllocator({
+    prefix: 'icon-title'
+  });
   const fillStyle = css`
         color: ${fill};
       `;
@@ -27,12 +31,13 @@ const Federation = ({
       `;
   const accessibleProps = generateAccessibleProps(role, 'Federation', {
     title,
+    titleId,
     ['aria-label']: ariaLabel,
     ['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="M9.33297 4.19058C9.33297 4.89542 8.76158 5.4668 8.05674 5.4668C7.3519 5.4668 6.78051 4.89542 6.78051 4.19058C6.78051 3.48574 7.3519 2.91435 8.05674 2.91435C8.76158 2.91435 9.33297 3.48574 9.33297 4.19058ZM9.01391 7.23507C10.3084 6.82851 11.2473 5.61919 11.2473 4.19058C11.2473 2.42848 9.81884 1.00002 8.05674 1.00002C6.29464 1.00002 4.86618 2.42848 4.86618 4.19058C4.86618 5.61919 5.80512 6.82851 7.09957 7.23507L7.09957 8.86181L5.39438 9.8463C5.21435 9.67476 5.01126 9.52169 4.78638 9.39185C3.26036 8.51081 1.30904 9.03366 0.427987 10.5597C-0.453063 12.0857 0.0697915 14.037 1.59581 14.9181C3.12184 15.7991 5.07316 15.2763 5.95421 13.7502C6.35888 13.0493 6.46738 12.2587 6.31853 11.5232L8.05034 10.5234L9.69164 11.471C9.40129 12.7926 9.9793 14.2054 11.2136 14.9181C12.7396 15.7991 14.691 15.2763 15.572 13.7502C16.4531 12.2242 15.9302 10.2729 14.4042 9.39185C13.1641 8.67587 11.6431 8.88702 10.6439 9.81025L9.01391 8.8692V7.23507ZM12.1708 13.2602C11.5604 12.9078 11.3512 12.1273 11.7037 11.5168C12.0561 10.9064 12.8366 10.6973 13.447 11.0497C14.0574 11.4021 14.2666 12.1827 13.9141 12.7931C13.5617 13.4035 12.7812 13.6126 12.1708 13.2602ZM2.08585 11.5168C1.73343 12.1273 1.94257 12.9078 2.55298 13.2602C3.16339 13.6126 3.94392 13.4035 4.29634 12.7931C4.64876 12.1827 4.43962 11.4021 3.82921 11.0497C3.2188 10.6973 2.43827 10.9064 2.08585 11.5168Z" fill={'currentColor'} /></svg>;
+  }, 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">{title && <title id={titleId}>{title}</title>}<path fillRule="evenodd" clipRule="evenodd" d="M9.33297 4.19058C9.33297 4.89542 8.76158 5.4668 8.05674 5.4668C7.3519 5.4668 6.78051 4.89542 6.78051 4.19058C6.78051 3.48574 7.3519 2.91435 8.05674 2.91435C8.76158 2.91435 9.33297 3.48574 9.33297 4.19058ZM9.01391 7.23507C10.3084 6.82851 11.2473 5.61919 11.2473 4.19058C11.2473 2.42848 9.81884 1.00002 8.05674 1.00002C6.29464 1.00002 4.86618 2.42848 4.86618 4.19058C4.86618 5.61919 5.80512 6.82851 7.09957 7.23507L7.09957 8.86181L5.39438 9.8463C5.21435 9.67476 5.01126 9.52169 4.78638 9.39185C3.26036 8.51081 1.30904 9.03366 0.427987 10.5597C-0.453063 12.0857 0.0697915 14.037 1.59581 14.9181C3.12184 15.7991 5.07316 15.2763 5.95421 13.7502C6.35888 13.0493 6.46738 12.2587 6.31853 11.5232L8.05034 10.5234L9.69164 11.471C9.40129 12.7926 9.9793 14.2054 11.2136 14.9181C12.7396 15.7991 14.691 15.2763 15.572 13.7502C16.4531 12.2242 15.9302 10.2729 14.4042 9.39185C13.1641 8.67587 11.6431 8.88702 10.6439 9.81025L9.01391 8.8692V7.23507ZM12.1708 13.2602C11.5604 12.9078 11.3512 12.1273 11.7037 11.5168C12.0561 10.9064 12.8366 10.6973 13.447 11.0497C14.0574 11.4021 14.2666 12.1827 13.9141 12.7931C13.5617 13.4035 12.7812 13.6126 12.1708 13.2602ZM2.08585 11.5168C1.73343 12.1273 1.94257 12.9078 2.55298 13.2602C3.16339 13.6126 3.94392 13.4035 4.29634 12.7931C4.64876 12.1827 4.43962 11.4021 3.82921 11.0497C3.2188 10.6973 2.43827 10.9064 2.08585 11.5168Z" fill={'currentColor'} /></svg>;
 };
 Federation.displayName = 'Federation';
 Federation.isGlyph = true;