@leafygreen-ui/icon 11.12.6 → 11.13.0

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/glyphCommon.ts","../src/createGlyphComponent.tsx","../src/createIconComponent.tsx","../src/glyphs/index.ts","../src/Icon.tsx","../src/isComponentGlyph.ts"],"sourcesContent":["export const Size = {\n  Small: 'small',\n  Default: 'default',\n  Large: 'large',\n  XLarge: 'xlarge',\n} as const;\n\nexport type Size = typeof Size[keyof typeof Size];\n\nexport const sizeMap: Record<Size, number> = {\n  small: 14,\n  default: 16,\n  large: 20,\n  xlarge: 24,\n} as const;\n\ninterface AccessibleFunctionParams {\n  'aria-labelledby'?: string;\n  'aria-label'?: string;\n  title?: string | null;\n}\n\ntype AccessibleFunctionReturnType =\n  | AccessibleFunctionParams\n  | { 'aria-hidden': true; alt: '' };\n\nexport function generateAccessibleProps(\n  role: 'img' | 'presentation',\n  glyphName: string,\n  {\n    ['aria-label']: ariaLabel,\n    ['aria-labelledby']: ariaLabelledby,\n    title,\n  }: AccessibleFunctionParams,\n): AccessibleFunctionReturnType {\n  switch (role) {\n    case 'img':\n      if (!ariaLabel && !ariaLabelledby && !title) {\n        return { 'aria-label': getGlyphLabel(glyphName) };\n      }\n\n      return {\n        ['aria-labelledby']: ariaLabelledby,\n        ['aria-label']: ariaLabel,\n        title,\n      };\n\n    case 'presentation':\n      return { 'aria-hidden': true, alt: '' };\n  }\n}\n\nexport function getGlyphLabel(name: string) {\n  return `${name.replace(/([a-z])([A-Z])/g, '$1 $2')} Icon`;\n}\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { css, cx } from '@leafygreen-ui/emotion';\n\nimport { generateAccessibleProps, Size, sizeMap } from './glyphCommon';\nimport { LGGlyph, SVGR } from './types';\n\n/**\n * Returns a single glyph component.\n * Process custom glyphs to ensure consistent behavior between custom and built-in icons\n * @param glyphName: string - the display name of the icon\n * @param Glyph: SVGR.Component - the SVG icon component\n * @returns LGGlyph.Component\n */\nexport function createGlyphComponent(\n  glyphName: string,\n  Glyph: SVGR.Component,\n): LGGlyph.Component {\n  const GlyphComponent: LGGlyph.Component = ({\n    className,\n    size = Size.Default,\n    fill,\n    title,\n    'aria-labelledby': ariaLabelledby,\n    'aria-label': ariaLabel,\n    role = 'img',\n    ...rest\n  }: LGGlyph.ComponentProps) => {\n    const fillStyle = css`\n      color: ${fill};\n    `;\n\n    const renderedSize = typeof size === 'number' ? size : sizeMap[size];\n\n    if (!(role === 'img' || role === 'presentation')) {\n      console.warn(\n        \"Please provide a valid role to this component. Valid options are 'img' and 'presentation'. If you'd like the Icon to be accessible to screen readers please use 'img', otherwise set the role to 'presentation'.\",\n      );\n    }\n\n    return (\n      <Glyph\n        className={cx(\n          {\n            [fillStyle]: fill != null,\n          },\n          className,\n        )}\n        height={renderedSize}\n        width={renderedSize}\n        role={role}\n        {...generateAccessibleProps(role, glyphName, {\n          title,\n          ['aria-label']: ariaLabel,\n          ['aria-labelledby']: ariaLabelledby,\n        })}\n        {...rest}\n      />\n    );\n  };\n\n  GlyphComponent.displayName = glyphName;\n\n  GlyphComponent.isGlyph = true;\n\n  GlyphComponent.propTypes = {\n    fill: PropTypes.string,\n    size: PropTypes.oneOfType([\n      PropTypes.oneOf(Object.values(Size)),\n      PropTypes.number,\n    ]),\n    className: PropTypes.string,\n  };\n\n  return GlyphComponent;\n}\n","import React from 'react';\nimport kebabCase from 'lodash/kebabCase';\nimport PropTypes from 'prop-types';\n\nimport { Size } from './glyphCommon';\nimport { LGGlyph } from './types';\n\n// We omit size here because we map string values for size to numbers in this component.\nexport interface IconProps extends Omit<LGGlyph.ComponentProps, 'size'> {\n  /**\n   * The name of the icon glyph\n   */\n  glyph: string;\n\n  /**\n   * Size of the icon\n   */\n  size?: Size | number;\n}\n\ntype GlyphObject = Record<string, LGGlyph.Component>;\n\n/**\n * Returns a single component with a `glyph` prop to select the glyph\n * @param glyphs The set of glyphs\n * @returns Icon component\n */\nexport function createIconComponent<G extends GlyphObject = GlyphObject>(\n  glyphs: G,\n) {\n  const Icon = ({ glyph, ...rest }: IconProps) => {\n    const SVGComponent = glyphs[glyph];\n\n    if (SVGComponent) {\n      return <SVGComponent {...rest} />;\n    } else {\n      // TODO: improve fuzzy match\n      // Suggest the proper icon casing if there's a near match\n      const nearMatch = Object.keys(glyphs).find(\n        key => kebabCase(key) === kebabCase(glyph),\n      );\n      console.error(\n        'Error in Icon',\n        `Could not find glyph named \"${glyph}\" in the icon set.`,\n        nearMatch && `Did you mean \"${nearMatch}?\"`,\n      );\n      return <></>;\n    }\n  };\n\n  Icon.displayName = 'Icon';\n\n  Icon.isGlyph = true;\n\n  Icon.propTypes = {\n    glyph: PropTypes.oneOf(Object.keys(glyphs)).isRequired,\n    size: PropTypes.oneOfType([\n      PropTypes.oneOf(Object.values(Size)),\n      PropTypes.number,\n    ]),\n  } as any;\n\n  return Icon;\n}\n","import { createGlyphComponent } from '../createGlyphComponent';\nimport { LGGlyph } from '../types';\n\n// Glyphs\nimport ActivityFeed from './ActivityFeed.svg';\nimport AddFile from './AddFile.svg';\nimport Apps from './Apps.svg';\nimport Array from './Array.svg';\nimport ArrowDown from './ArrowDown.svg';\nimport ArrowLeft from './ArrowLeft.svg';\nimport ArrowRight from './ArrowRight.svg';\nimport ArrowUp from './ArrowUp.svg';\nimport Beaker from './Beaker.svg';\nimport Bell from './Bell.svg';\nimport Biometric from './Biometric.svg';\nimport Building from './Building.svg';\nimport Bulb from './Bulb.svg';\nimport Calendar from './Calendar.svg';\nimport CaretDown from './CaretDown.svg';\nimport CaretLeft from './CaretLeft.svg';\nimport CaretRight from './CaretRight.svg';\nimport CaretUp from './CaretUp.svg';\nimport Charts from './Charts.svg';\nimport Checkmark from './Checkmark.svg';\nimport CheckmarkWithCircle from './CheckmarkWithCircle.svg';\nimport ChevronDown from './ChevronDown.svg';\nimport ChevronLeft from './ChevronLeft.svg';\nimport ChevronRight from './ChevronRight.svg';\nimport ChevronUp from './ChevronUp.svg';\nimport Clock from './Clock.svg';\nimport ClockWithArrow from './ClockWithArrow.svg';\nimport Clone from './Clone.svg';\nimport Cloud from './Cloud.svg';\nimport Code from './Code.svg';\nimport Connect from './Connect.svg';\nimport Copy from './Copy.svg';\nimport CreditCard from './CreditCard.svg';\nimport CurlyBraces from './CurlyBraces.svg';\nimport Cursor from './Cursor.svg';\nimport Database from './Database.svg';\nimport Diagram from './Diagram.svg';\nimport Diagram2 from './Diagram2.svg';\nimport Diagram3 from './Diagram3.svg';\nimport Disconnect from './Disconnect.svg';\nimport Download from './Download.svg';\nimport Drag from './Drag.svg';\nimport Edit from './Edit.svg';\nimport Ellipsis from './Ellipsis.svg';\nimport Email from './Email.svg';\nimport Export from './Export.svg';\nimport Favorite from './Favorite.svg';\nimport File from './File.svg';\nimport Filter from './Filter.svg';\nimport Folder from './Folder.svg';\nimport FullScreenEnter from './FullScreenEnter.svg';\nimport FullScreenExit from './FullScreenExit.svg';\nimport Gauge from './Gauge.svg';\nimport GlobeAmericas from './GlobeAmericas.svg';\nimport GovernmentBuilding from './GovernmentBuilding.svg';\nimport Home from './Home.svg';\nimport Import from './Import.svg';\nimport ImportantWithCircle from './ImportantWithCircle.svg';\nimport InfoWithCircle from './InfoWithCircle.svg';\nimport InviteUser from './InviteUser.svg';\nimport Key from './Key.svg';\nimport Laptop from './Laptop.svg';\nimport Link from './Link.svg';\nimport Lock from './Lock.svg';\nimport MagnifyingGlass from './MagnifyingGlass.svg';\nimport Megaphone from './Megaphone.svg';\nimport Menu from './Menu.svg';\nimport Minus from './Minus.svg';\nimport NoFilter from './NoFilter.svg';\nimport NotAllowed from './NotAllowed.svg';\nimport Note from './Note.svg';\nimport OpenNewTab from './OpenNewTab.svg';\nimport Pause from './Pause.svg';\nimport Person from './Person.svg';\nimport PersonGroup from './PersonGroup.svg';\nimport PersonWithLock from './PersonWithLock.svg';\nimport Play from './Play.svg';\nimport Plus from './Plus.svg';\nimport PlusWithCircle from './PlusWithCircle.svg';\nimport QuestionMarkWithCircle from './QuestionMarkWithCircle.svg';\nimport Read from './Read.svg';\nimport Redo from './Redo.svg';\nimport Refresh from './Refresh.svg';\nimport Relationship from './Relationship.svg';\nimport ReplicaSet from './ReplicaSet.svg';\nimport Resize from './Resize.svg';\nimport Save from './Save.svg';\nimport Serverless from './Serverless.svg';\nimport Settings from './Settings.svg';\nimport ShardedCluster from './ShardedCluster.svg';\nimport Shell from './Shell.svg';\nimport SMS from './SMS.svg';\nimport SortAscending from './SortAscending.svg';\nimport SortDescending from './SortDescending.svg';\nimport SplitHorizontal from './SplitHorizontal.svg';\nimport SplitVertical from './SplitVertical.svg';\nimport Stitch from './Stitch.svg';\nimport Support from './Support.svg';\nimport Sweep from './Sweep.svg';\nimport Table from './Table.svg';\nimport TimeSeries from './TimeSeries.svg';\nimport Trash from './Trash.svg';\nimport Undo from './Undo.svg';\nimport University from './University.svg';\nimport Unlock from './Unlock.svg';\nimport Unsorted from './Unsorted.svg';\nimport UpDownCarets from './UpDownCarets.svg';\nimport Upload from './Upload.svg';\nimport VerticalEllipsis from './VerticalEllipsis.svg';\nimport Visibility from './Visibility.svg';\nimport VisibilityOff from './VisibilityOff.svg';\nimport Warning from './Warning.svg';\nimport Write from './Write.svg';\nimport X from './X.svg';\nimport XWithCircle from './XWithCircle.svg';\n\nconst _glyphs = {\n  ActivityFeed,\n  AddFile,\n  Apps,\n  Array,\n  ArrowDown,\n  ArrowLeft,\n  ArrowRight,\n  ArrowUp,\n  Beaker,\n  Bell,\n  Biometric,\n  Building,\n  Bulb,\n  Calendar,\n  CaretDown,\n  CaretLeft,\n  CaretRight,\n  CaretUp,\n  Charts,\n  Checkmark,\n  CheckmarkWithCircle,\n  ChevronDown,\n  ChevronLeft,\n  ChevronRight,\n  ChevronUp,\n  Clock,\n  ClockWithArrow,\n  Clone,\n  Cloud,\n  Code,\n  Connect,\n  Copy,\n  CreditCard,\n  CurlyBraces,\n  Cursor,\n  Database,\n  Diagram,\n  Diagram2,\n  Diagram3,\n  Disconnect,\n  Download,\n  Drag,\n  Edit,\n  Ellipsis,\n  Email,\n  Export,\n  Favorite,\n  File,\n  Filter,\n  FullScreenEnter,\n  FullScreenExit,\n  Folder,\n  Gauge,\n  GlobeAmericas,\n  GovernmentBuilding,\n  Home,\n  Import,\n  ImportantWithCircle,\n  InfoWithCircle,\n  InviteUser,\n  Key,\n  Laptop,\n  Link,\n  Lock,\n  MagnifyingGlass,\n  Megaphone,\n  Menu,\n  Minus,\n  NoFilter,\n  NotAllowed,\n  Note,\n  OpenNewTab,\n  Pause,\n  Person,\n  PersonGroup,\n  PersonWithLock,\n  Play,\n  Plus,\n  PlusWithCircle,\n  QuestionMarkWithCircle,\n  Read,\n  Redo,\n  Refresh,\n  Relationship,\n  ReplicaSet,\n  Resize,\n  Save,\n  Serverless,\n  ShardedCluster,\n  Settings,\n  Shell,\n  SMS,\n  SortAscending,\n  SortDescending,\n  SplitHorizontal,\n  SplitVertical,\n  Stitch,\n  Support,\n  Sweep,\n  Table,\n  TimeSeries,\n  Trash,\n  Undo,\n  University,\n  Unlock,\n  Unsorted,\n  UpDownCarets,\n  Upload,\n  VerticalEllipsis,\n  Visibility,\n  VisibilityOff,\n  Warning,\n  Write,\n  X,\n  XWithCircle,\n} as const;\n\nexport type GlyphName = keyof typeof _glyphs;\n\nconst glyphKeys = Object.keys(_glyphs) as Array<GlyphName>;\n\nexport const glyphs = glyphKeys.reduce((acc, name) => {\n  acc[name] = createGlyphComponent(name, _glyphs[name]);\n\n  return acc;\n}, {} as Record<GlyphName, LGGlyph.Component>);\n","import { createIconComponent } from './createIconComponent';\nimport { glyphs } from './glyphs';\n\nexport const Icon = createIconComponent(glyphs);\n","import { ComponentType, isValidElement, ReactNode } from 'react';\n\nimport { LGGlyph } from './types';\n\ntype ExtendedComponentType = ComponentType<any> & {\n  [key: string]: any;\n};\n/**\n * Helper type to check if element is a LeafyGreen UI Glyph\n * @internal\n */\nfunction isComponentGlyph(node: ReactNode): node is LGGlyph.Element;\nfunction isComponentGlyph(\n  component: ExtendedComponentType,\n): component is LGGlyph.Component;\nfunction isComponentGlyph(\n  child: ReactNode | ExtendedComponentType,\n): child is LGGlyph.Element | LGGlyph.Component {\n  // If we're received a rendered component (i.e. ReactNode)\n  if (isValidElement(child)) {\n    return (\n      child != null &&\n      typeof child === 'object' &&\n      'type' in child &&\n      (child.type as any).isGlyph === true\n    );\n  }\n\n  // If we've recieved a component function\n  return (\n    child != null &&\n    typeof child === 'function' &&\n    'isGlyph' in child &&\n    child.isGlyph === true\n  );\n}\n\nexport { isComponentGlyph };\n"],"names":["_templateObject","Size","Small","Default","Large","XLarge","sizeMap","small","default","large","xlarge","_excluded","createGlyphComponent","glyphName","Glyph","GlyphComponent","_ref","_generateAccessiblePr","className","_ref$size","size","fill","title","ariaLabelledby","ariaLabel","_ref$role","role","rest","_objectWithoutProperties","fillStyle","css","renderedSize","console","warn","React","createElement","_extends","cx","_defineProperty","height","width","_ref2","name","concat","replace","alt","generateAccessibleProps","displayName","isGlyph","propTypes","PropTypes","string","oneOfType","oneOf","Object","values","number","createIconComponent","glyphs","Icon","glyph","SVGComponent","nearMatch","keys","find","key","kebabCase","error","Fragment","isRequired","_glyphs","ActivityFeed","AddFile","Apps","Array","ArrowDown","ArrowLeft","ArrowRight","ArrowUp","Beaker","Bell","Biometric","Building","Bulb","Calendar","CaretDown","CaretLeft","CaretRight","CaretUp","Charts","Checkmark","CheckmarkWithCircle","ChevronDown","ChevronLeft","ChevronRight","ChevronUp","Clock","ClockWithArrow","Clone","Cloud","Code","Connect","Copy","CreditCard","CurlyBraces","Cursor","Database","Diagram","Diagram2","Diagram3","Disconnect","Download","Drag","Edit","Ellipsis","Email","Export","Favorite","File","Filter","FullScreenEnter","FullScreenExit","Folder","Gauge","GlobeAmericas","GovernmentBuilding","Home","Import","ImportantWithCircle","InfoWithCircle","InviteUser","Key","Laptop","Link","Lock","MagnifyingGlass","Megaphone","Menu","Minus","NoFilter","NotAllowed","Note","OpenNewTab","Pause","Person","PersonGroup","PersonWithLock","Play","Plus","PlusWithCircle","QuestionMarkWithCircle","Read","Redo","Refresh","Relationship","ReplicaSet","Resize","Save","Serverless","ShardedCluster","Settings","Shell","SMS","SortAscending","SortDescending","SplitHorizontal","SplitVertical","Stitch","Support","Sweep","Table","TimeSeries","Trash","Undo","University","Unlock","Unsorted","UpDownCarets","Upload","VerticalEllipsis","Visibility","VisibilityOff","Warning","Write","X","XWithCircle","reduce","acc","child","isValidElement","_typeof","type"],"mappings":"ixDACU,ICINA,EDJOC,EAAO,CAChBC,MAAO,QACPC,QAAS,UACTC,MAAO,QACPC,OAAQ,UAECC,EAAU,CACnBC,MAAO,GACPC,QAAS,GACTC,MAAO,GACPC,OAAQ,ICJV,IAAIC,EAAY,CAAC,YAAa,OAAQ,OAAQ,QAAS,kBAAmB,aAAc,QAajF,SAASC,EAAqBC,EAAWC,GAC9C,IAAIC,EAAiB,SAAwBC,GAC3C,IAAIC,MAEAC,EAAYF,EAAKE,UACjBC,EAAYH,EAAKI,KACjBA,OAAqB,IAAdD,EAAuBlB,EAAKE,QAAUgB,EAC7CE,EAAOL,EAAKK,KACZC,EAAQN,EAAKM,MACbC,EAAiBP,EAAK,mBACtBQ,EAAYR,EAAK,cACjBS,EAAYT,EAAKU,KACjBA,OAAqB,IAAdD,EAAuB,MAAQA,EACtCE,EAAOC,EAAyBZ,EAAML,GAEtCkB,EAAYC,EAAAA,IAAI9B,MAA6D,CAAC,kBAAmB,6BAA7DA,4EAA2EqB,GAC/GU,EAA+B,iBAATX,EAAoBA,EAAOd,EAAQc,GAM7D,MAJe,QAATM,GAA2B,iBAATA,GACtBM,QAAQC,KAAK,oNAGKC,UAAMC,cAAcrB,EAAOsB,EAAS,CACtDlB,UAAWmB,EAAAA,GAAGC,EAAgB,GAAIT,EAAmB,MAARR,GAAeH,GAC5DqB,OAAQR,EACRS,MAAOT,EACPL,KAAMA,GDjCL,SAAiCA,EAAMb,EAAWG,GACvD,IAAIyB,EAuBwBC,EArBxBlB,EAAYR,EAAK,cACjBO,EAAiBP,EAAK,mBACtBM,EAAQN,EAAKM,MAEjB,OAAQI,GACN,IAAK,MACH,OAAKF,GAAcD,GAAmBD,GAMnBgB,EAAZG,EAAQ,GAA2B,kBAAmBlB,GAAiBe,EAAgBG,EAAO,aAAcjB,GAAYc,EAAgBG,EAAO,QAASnB,GAAQmB,GAL9J,CACL,cAaoBC,EAbQ7B,EAc7B,GAAG8B,OAAOD,EAAKE,QAAQ,kBAAmB,SAAU,WARzD,IAAK,eACH,MAAO,CACL,eAAe,EACfC,IAAK,KCcNC,CAAwBpB,EAAMb,GAE9ByB,EAF0CrB,EAAwB,CACnEK,MAAOA,GACiC,aAAcE,GAAYc,EAAgBrB,EAAuB,kBAAmBM,GAAiBN,IAAyBU,KAU1K,OAPAZ,EAAegC,YAAclC,EAC7BE,EAAeiC,SAAU,EACzBjC,EAAekC,UAAY,CACzB5B,KAAM6B,EAAS,QAACC,OAChB/B,KAAM8B,EAAS,QAACE,UAAU,CAACF,EAAS,QAACG,MAAMC,OAAOC,OAAOtD,IAAQiD,EAAS,QAACM,SAC3EtC,UAAWgC,EAAS,QAACC,QAEhBpC,EC1DT,0XAAIJ,GAAY,CAAC,SAWV,SAAS8C,GAAoBC,GAClC,IAAIC,EAAO,SAAc3C,GACvB,IAAI4C,EAAQ5C,EAAK4C,MACbjC,EAAOC,EAAyBZ,EAAML,IAEtCkD,EAAeH,EAAOE,GAE1B,GAAIC,EACF,OAAoB3B,UAAMC,cAAc0B,EAAclC,GAItD,IAAImC,EAAYR,OAAOS,KAAKL,GAAQM,MAAK,SAAUC,GACjD,OAAOC,EAAS,QAACD,KAASC,EAAS,QAACN,MAGtC,OADA5B,QAAQmC,MAAM,gBAAiB,+BAAgCxB,OAAOiB,EAAO,sBAAwBE,GAAa,iBAAkBnB,OAAOmB,EAAW,OAClI5B,EAAK,QAACC,cAAcD,EAAK,QAACkC,SAAU,OAU5D,OANAT,EAAKZ,YAAc,OACnBY,EAAKX,SAAU,EACfW,EAAKV,UAAY,CACfW,MAAOV,EAAS,QAACG,MAAMC,OAAOS,KAAKL,IAASW,WAC5CjD,KAAM8B,EAAS,QAACE,UAAU,CAACF,EAAS,QAACG,MAAMC,OAAOC,OAAOtD,IAAQiD,EAAS,QAACM,UAEtEG,2svBC+ET,IAAIW,GAAU,CACZC,kqBACAC,uhBACAC,kSACAC,2bACAC,kbACAC,sbACAC,kbACAC,ibACAC,qiCACAC,ydACAC,63BACAC,6bACAC,+bACAC,8ZACAC,+TACAC,8TACAC,iUACAC,4TACAC,qZACAC,8ZACAC,qZACAC,maACAC,oaACAC,qaACAC,maACAC,gZACAC,gmBACAC,gZACAC,kbACAC,2sBACAC,myBACAC,yxBACAC,2RACAC,s3BACAC,kcACAC,gqCACAC,8oBACAC,wtBACAC,usBACAC,gwBACAC,sfACAC,mYACAC,yWACAC,qYACAC,+mBACAC,wnBACAC,6fACAC,qYACAC,mYACAC,gnBACAC,6mBACAC,ySACAC,gdACAC,2bACAC,siBACAC,ioBACAC,qmBACAC,iWACAC,iYACAC,koBACAC,2aACAC,gjBACAC,41BACAC,qaACAC,4bACAC,kaACAC,2UACAC,8QACAC,idACAC,gZACAC,0hBACAC,mrBACAC,kVACAC,8kBACAC,0wBACAC,otBACAC,wTACAC,+XACAC,+VACAC,8pBACAC,guCACAC,yhBACAC,ywBACAC,ibACAC,6eACAC,6aACAC,ylCACAC,kYACAC,ovBACAC,8lCACAC,8aACAC,ueACAC,2dACAC,+dACAC,mWACAC,2VACAC,qTACAC,8bACAC,yxBACAC,wcACAC,6mBACAC,mXACAC,+gBACAC,i5BACAC,meACAC,0jBACAC,scACAC,yjBACAC,gZACAC,4xBACAC,ooCACAC,oaACAC,+tCACAC,+fACAC,ucAGS/H,GADKJ,OAAOS,KAAKO,IACEoH,QAAO,SAAUC,EAAKjJ,GAElD,OADAiJ,EAAIjJ,GAAQ9B,EAAqB8B,EAAM4B,GAAQ5B,IACxCiJ,IACN,IC5OQhI,GAAOF,GAAoBC,+JCCtC,SAA0BkI,GAExB,OAAkBC,EAAAA,eAAeD,GACf,MAATA,GAAoC,WAAnBE,EAAQF,IAAuB,SAAUA,IAAgC,IAAvBA,EAAMG,KAAK/I,QAIvE,MAAT4I,GAAkC,mBAAVA,GAAwB,YAAaA,IAA2B,IAAlBA,EAAM5I"}
+{"version":3,"file":"index.js","sources":["../src/glyphCommon.ts","../src/createGlyphComponent.tsx","../src/createIconComponent.tsx","../src/glyphs/index.ts","../src/Icon.tsx","../src/isComponentGlyph.ts"],"sourcesContent":["export const Size = {\n  Small: 'small',\n  Default: 'default',\n  Large: 'large',\n  XLarge: 'xlarge',\n} as const;\n\nexport type Size = typeof Size[keyof typeof Size];\n\nexport const sizeMap: Record<Size, number> = {\n  small: 14,\n  default: 16,\n  large: 20,\n  xlarge: 24,\n} as const;\n\ninterface AccessibleFunctionParams {\n  'aria-labelledby'?: string;\n  'aria-label'?: string;\n  title?: string | null;\n}\n\ntype AccessibleFunctionReturnType =\n  | AccessibleFunctionParams\n  | { 'aria-hidden': true; alt: '' };\n\nexport function generateAccessibleProps(\n  role: 'img' | 'presentation',\n  glyphName: string,\n  {\n    ['aria-label']: ariaLabel,\n    ['aria-labelledby']: ariaLabelledby,\n    title,\n  }: AccessibleFunctionParams,\n): AccessibleFunctionReturnType {\n  switch (role) {\n    case 'img':\n      if (!ariaLabel && !ariaLabelledby && !title) {\n        return { 'aria-label': getGlyphLabel(glyphName) };\n      }\n\n      return {\n        ['aria-labelledby']: ariaLabelledby,\n        ['aria-label']: ariaLabel,\n        title,\n      };\n\n    case 'presentation':\n      return { 'aria-hidden': true, alt: '' };\n  }\n}\n\nexport function getGlyphLabel(name: string) {\n  return `${name.replace(/([a-z])([A-Z])/g, '$1 $2')} Icon`;\n}\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { css, cx } from '@leafygreen-ui/emotion';\n\nimport { generateAccessibleProps, Size, sizeMap } from './glyphCommon';\nimport { LGGlyph, SVGR } from './types';\n\n/**\n * Returns a single glyph component.\n * Process custom glyphs to ensure consistent behavior between custom and built-in icons\n * @param glyphName: string - the display name of the icon\n * @param Glyph: SVGR.Component - the SVG icon component\n * @returns LGGlyph.Component\n */\nexport function createGlyphComponent(\n  glyphName: string,\n  Glyph: SVGR.Component,\n): LGGlyph.Component {\n  const GlyphComponent: LGGlyph.Component = ({\n    className,\n    size = Size.Default,\n    fill,\n    title,\n    'aria-labelledby': ariaLabelledby,\n    'aria-label': ariaLabel,\n    role = 'img',\n    ...rest\n  }: LGGlyph.ComponentProps) => {\n    const fillStyle = css`\n      color: ${fill};\n    `;\n\n    const renderedSize = typeof size === 'number' ? size : sizeMap[size];\n\n    if (!(role === 'img' || role === 'presentation')) {\n      console.warn(\n        \"Please provide a valid role to this component. Valid options are 'img' and 'presentation'. If you'd like the Icon to be accessible to screen readers please use 'img', otherwise set the role to 'presentation'.\",\n      );\n    }\n\n    return (\n      <Glyph\n        className={cx(\n          {\n            [fillStyle]: fill != null,\n          },\n          className,\n        )}\n        height={renderedSize}\n        width={renderedSize}\n        role={role}\n        {...generateAccessibleProps(role, glyphName, {\n          title,\n          ['aria-label']: ariaLabel,\n          ['aria-labelledby']: ariaLabelledby,\n        })}\n        {...rest}\n      />\n    );\n  };\n\n  GlyphComponent.displayName = glyphName;\n\n  GlyphComponent.isGlyph = true;\n\n  GlyphComponent.propTypes = {\n    fill: PropTypes.string,\n    size: PropTypes.oneOfType([\n      PropTypes.oneOf(Object.values(Size)),\n      PropTypes.number,\n    ]),\n    className: PropTypes.string,\n  };\n\n  return GlyphComponent;\n}\n","import React from 'react';\nimport kebabCase from 'lodash/kebabCase';\nimport PropTypes from 'prop-types';\n\nimport { Size } from './glyphCommon';\nimport { LGGlyph } from './types';\n\n// We omit size here because we map string values for size to numbers in this component.\nexport interface IconProps extends Omit<LGGlyph.ComponentProps, 'size'> {\n  /**\n   * The name of the icon glyph\n   */\n  glyph: string;\n\n  /**\n   * Size of the icon\n   */\n  size?: Size | number;\n}\n\ntype GlyphObject = Record<string, LGGlyph.Component>;\n\n/**\n * Returns a single component with a `glyph` prop to select the glyph\n * @param glyphs The set of glyphs\n * @returns Icon component\n */\nexport function createIconComponent<G extends GlyphObject = GlyphObject>(\n  glyphs: G,\n) {\n  const Icon = ({ glyph, ...rest }: IconProps) => {\n    const SVGComponent = glyphs[glyph];\n\n    if (SVGComponent) {\n      return <SVGComponent {...rest} />;\n    } else {\n      // TODO: improve fuzzy match\n      // Suggest the proper icon casing if there's a near match\n      const nearMatch = Object.keys(glyphs).find(\n        key => kebabCase(key) === kebabCase(glyph),\n      );\n      console.error(\n        'Error in Icon',\n        `Could not find glyph named \"${glyph}\" in the icon set.`,\n        nearMatch && `Did you mean \"${nearMatch}?\"`,\n      );\n      return <></>;\n    }\n  };\n\n  Icon.displayName = 'Icon';\n\n  Icon.isGlyph = true;\n\n  Icon.propTypes = {\n    glyph: PropTypes.oneOf(Object.keys(glyphs)).isRequired,\n    size: PropTypes.oneOfType([\n      PropTypes.oneOf(Object.values(Size)),\n      PropTypes.number,\n    ]),\n  } as any;\n\n  return Icon;\n}\n","import { createGlyphComponent } from '../createGlyphComponent';\nimport { LGGlyph } from '../types';\n\n// Glyphs\nimport ActivityFeed from './ActivityFeed.svg';\nimport AddFile from './AddFile.svg';\nimport Apps from './Apps.svg';\nimport Array from './Array.svg';\nimport ArrowDown from './ArrowDown.svg';\nimport ArrowLeft from './ArrowLeft.svg';\nimport ArrowRight from './ArrowRight.svg';\nimport ArrowUp from './ArrowUp.svg';\nimport Beaker from './Beaker.svg';\nimport Bell from './Bell.svg';\nimport Biometric from './Biometric.svg';\nimport Building from './Building.svg';\nimport Bulb from './Bulb.svg';\nimport Calendar from './Calendar.svg';\nimport CaretDown from './CaretDown.svg';\nimport CaretLeft from './CaretLeft.svg';\nimport CaretRight from './CaretRight.svg';\nimport CaretUp from './CaretUp.svg';\nimport Charts from './Charts.svg';\nimport Checkmark from './Checkmark.svg';\nimport CheckmarkWithCircle from './CheckmarkWithCircle.svg';\nimport ChevronDown from './ChevronDown.svg';\nimport ChevronLeft from './ChevronLeft.svg';\nimport ChevronRight from './ChevronRight.svg';\nimport ChevronUp from './ChevronUp.svg';\nimport Clock from './Clock.svg';\nimport ClockWithArrow from './ClockWithArrow.svg';\nimport Clone from './Clone.svg';\nimport Cloud from './Cloud.svg';\nimport Code from './Code.svg';\nimport Connect from './Connect.svg';\nimport Copy from './Copy.svg';\nimport CreditCard from './CreditCard.svg';\nimport CurlyBraces from './CurlyBraces.svg';\nimport Cursor from './Cursor.svg';\nimport Database from './Database.svg';\nimport Diagram from './Diagram.svg';\nimport Diagram2 from './Diagram2.svg';\nimport Diagram3 from './Diagram3.svg';\nimport Disconnect from './Disconnect.svg';\nimport Download from './Download.svg';\nimport Drag from './Drag.svg';\nimport Edit from './Edit.svg';\nimport Ellipsis from './Ellipsis.svg';\nimport Email from './Email.svg';\nimport Export from './Export.svg';\nimport Favorite from './Favorite.svg';\nimport File from './File.svg';\nimport Filter from './Filter.svg';\nimport Folder from './Folder.svg';\nimport FullScreenEnter from './FullScreenEnter.svg';\nimport FullScreenExit from './FullScreenExit.svg';\nimport Gauge from './Gauge.svg';\nimport GlobeAmericas from './GlobeAmericas.svg';\nimport GovernmentBuilding from './GovernmentBuilding.svg';\nimport Highlight from './Highlight.svg';\nimport Home from './Home.svg';\nimport Import from './Import.svg';\nimport ImportantWithCircle from './ImportantWithCircle.svg';\nimport InfoWithCircle from './InfoWithCircle.svg';\nimport InviteUser from './InviteUser.svg';\nimport Key from './Key.svg';\nimport Laptop from './Laptop.svg';\nimport Link from './Link.svg';\nimport Lock from './Lock.svg';\nimport LogIn from './LogIn.svg';\nimport LogOut from './LogOut.svg';\nimport MagnifyingGlass from './MagnifyingGlass.svg';\nimport Megaphone from './Megaphone.svg';\nimport Menu from './Menu.svg';\nimport Minus from './Minus.svg';\nimport NoFilter from './NoFilter.svg';\nimport NotAllowed from './NotAllowed.svg';\nimport Note from './Note.svg';\nimport OpenNewTab from './OpenNewTab.svg';\nimport Pause from './Pause.svg';\nimport Person from './Person.svg';\nimport PersonGroup from './PersonGroup.svg';\nimport PersonWithLock from './PersonWithLock.svg';\nimport Play from './Play.svg';\nimport Plus from './Plus.svg';\nimport PlusWithCircle from './PlusWithCircle.svg';\nimport QuestionMarkWithCircle from './QuestionMarkWithCircle.svg';\nimport Read from './Read.svg';\nimport Redo from './Redo.svg';\nimport Refresh from './Refresh.svg';\nimport Relationship from './Relationship.svg';\nimport ReplicaSet from './ReplicaSet.svg';\nimport Resize from './Resize.svg';\nimport Save from './Save.svg';\nimport Serverless from './Serverless.svg';\nimport Settings from './Settings.svg';\nimport ShardedCluster from './ShardedCluster.svg';\nimport Shell from './Shell.svg';\nimport SMS from './SMS.svg';\nimport SortAscending from './SortAscending.svg';\nimport SortDescending from './SortDescending.svg';\nimport SplitHorizontal from './SplitHorizontal.svg';\nimport SplitVertical from './SplitVertical.svg';\nimport Stitch from './Stitch.svg';\nimport Support from './Support.svg';\nimport Sweep from './Sweep.svg';\nimport Table from './Table.svg';\nimport TimeSeries from './TimeSeries.svg';\nimport Trash from './Trash.svg';\nimport Undo from './Undo.svg';\nimport University from './University.svg';\nimport Unlock from './Unlock.svg';\nimport Unsorted from './Unsorted.svg';\nimport UpDownCarets from './UpDownCarets.svg';\nimport Upload from './Upload.svg';\nimport VerticalEllipsis from './VerticalEllipsis.svg';\nimport Visibility from './Visibility.svg';\nimport VisibilityOff from './VisibilityOff.svg';\nimport Warning from './Warning.svg';\nimport Wrench from './Wrench.svg';\nimport Write from './Write.svg';\nimport X from './X.svg';\nimport XWithCircle from './XWithCircle.svg';\n\nconst _glyphs = {\n  ActivityFeed,\n  AddFile,\n  Apps,\n  Array,\n  ArrowDown,\n  ArrowLeft,\n  ArrowRight,\n  ArrowUp,\n  Beaker,\n  Bell,\n  Biometric,\n  Building,\n  Bulb,\n  Calendar,\n  CaretDown,\n  CaretLeft,\n  CaretRight,\n  CaretUp,\n  Charts,\n  Checkmark,\n  CheckmarkWithCircle,\n  ChevronDown,\n  ChevronLeft,\n  ChevronRight,\n  ChevronUp,\n  Clock,\n  ClockWithArrow,\n  Clone,\n  Cloud,\n  Code,\n  Connect,\n  Copy,\n  CreditCard,\n  CurlyBraces,\n  Cursor,\n  Database,\n  Diagram,\n  Diagram2,\n  Diagram3,\n  Disconnect,\n  Download,\n  Drag,\n  Edit,\n  Ellipsis,\n  Email,\n  Export,\n  Favorite,\n  File,\n  Filter,\n  FullScreenEnter,\n  FullScreenExit,\n  Folder,\n  Gauge,\n  GlobeAmericas,\n  GovernmentBuilding,\n  Highlight,\n  Home,\n  Import,\n  ImportantWithCircle,\n  InfoWithCircle,\n  InviteUser,\n  Key,\n  Laptop,\n  Link,\n  Lock,\n  LogIn,\n  LogOut,\n  MagnifyingGlass,\n  Megaphone,\n  Menu,\n  Minus,\n  NoFilter,\n  NotAllowed,\n  Note,\n  OpenNewTab,\n  Pause,\n  Person,\n  PersonGroup,\n  PersonWithLock,\n  Play,\n  Plus,\n  PlusWithCircle,\n  QuestionMarkWithCircle,\n  Read,\n  Redo,\n  Refresh,\n  Relationship,\n  ReplicaSet,\n  Resize,\n  Save,\n  Serverless,\n  ShardedCluster,\n  Settings,\n  Shell,\n  SMS,\n  SortAscending,\n  SortDescending,\n  SplitHorizontal,\n  SplitVertical,\n  Stitch,\n  Support,\n  Sweep,\n  Table,\n  TimeSeries,\n  Trash,\n  Undo,\n  University,\n  Unlock,\n  Unsorted,\n  UpDownCarets,\n  Upload,\n  VerticalEllipsis,\n  Visibility,\n  VisibilityOff,\n  Warning,\n  Wrench,\n  Write,\n  X,\n  XWithCircle,\n} as const;\n\nexport type GlyphName = keyof typeof _glyphs;\n\nconst glyphKeys = Object.keys(_glyphs) as Array<GlyphName>;\n\nexport const glyphs = glyphKeys.reduce((acc, name) => {\n  acc[name] = createGlyphComponent(name, _glyphs[name]);\n\n  return acc;\n}, {} as Record<GlyphName, LGGlyph.Component>);\n","import { createIconComponent } from './createIconComponent';\nimport { glyphs } from './glyphs';\n\nexport const Icon = createIconComponent(glyphs);\n","import { ComponentType, isValidElement, ReactNode } from 'react';\n\nimport { LGGlyph } from './types';\n\ntype ExtendedComponentType = ComponentType<any> & {\n  [key: string]: any;\n};\n/**\n * Helper type to check if element is a LeafyGreen UI Glyph\n * @internal\n */\nfunction isComponentGlyph(node: ReactNode): node is LGGlyph.Element;\nfunction isComponentGlyph(\n  component: ExtendedComponentType,\n): component is LGGlyph.Component;\nfunction isComponentGlyph(\n  child: ReactNode | ExtendedComponentType,\n): child is LGGlyph.Element | LGGlyph.Component {\n  // If we're received a rendered component (i.e. ReactNode)\n  if (isValidElement(child)) {\n    return (\n      child != null &&\n      typeof child === 'object' &&\n      'type' in child &&\n      (child.type as any).isGlyph === true\n    );\n  }\n\n  // If we've recieved a component function\n  return (\n    child != null &&\n    typeof child === 'function' &&\n    'isGlyph' in child &&\n    child.isGlyph === true\n  );\n}\n\nexport { isComponentGlyph };\n"],"names":["_templateObject","Size","Small","Default","Large","XLarge","sizeMap","small","default","large","xlarge","_excluded","createGlyphComponent","glyphName","Glyph","GlyphComponent","_ref","_generateAccessiblePr","className","_ref$size","size","fill","title","ariaLabelledby","ariaLabel","_ref$role","role","rest","_objectWithoutProperties","fillStyle","css","renderedSize","console","warn","React","createElement","_extends","cx","_defineProperty","height","width","_ref2","name","concat","replace","alt","generateAccessibleProps","displayName","isGlyph","propTypes","PropTypes","string","oneOfType","oneOf","Object","values","number","createIconComponent","glyphs","Icon","glyph","SVGComponent","nearMatch","keys","find","key","kebabCase","error","Fragment","isRequired","_glyphs","ActivityFeed","AddFile","Apps","Array","ArrowDown","ArrowLeft","ArrowRight","ArrowUp","Beaker","Bell","Biometric","Building","Bulb","Calendar","CaretDown","CaretLeft","CaretRight","CaretUp","Charts","Checkmark","CheckmarkWithCircle","ChevronDown","ChevronLeft","ChevronRight","ChevronUp","Clock","ClockWithArrow","Clone","Cloud","Code","Connect","Copy","CreditCard","CurlyBraces","Cursor","Database","Diagram","Diagram2","Diagram3","Disconnect","Download","Drag","Edit","Ellipsis","Email","Export","Favorite","File","Filter","FullScreenEnter","FullScreenExit","Folder","Gauge","GlobeAmericas","GovernmentBuilding","Highlight","Home","Import","ImportantWithCircle","InfoWithCircle","InviteUser","Key","Laptop","Link","Lock","LogIn","LogOut","MagnifyingGlass","Megaphone","Menu","Minus","NoFilter","NotAllowed","Note","OpenNewTab","Pause","Person","PersonGroup","PersonWithLock","Play","Plus","PlusWithCircle","QuestionMarkWithCircle","Read","Redo","Refresh","Relationship","ReplicaSet","Resize","Save","Serverless","ShardedCluster","Settings","Shell","SMS","SortAscending","SortDescending","SplitHorizontal","SplitVertical","Stitch","Support","Sweep","Table","TimeSeries","Trash","Undo","University","Unlock","Unsorted","UpDownCarets","Upload","VerticalEllipsis","Visibility","VisibilityOff","Warning","Wrench","Write","X","XWithCircle","reduce","acc","child","isValidElement","_typeof","type"],"mappings":"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ACAC,6mBACAC,ySACAC,gdACAC,2bACAC,siBACAC,6pBACAC,ioBACAC,qmBACAC,iWACAC,iYACAC,koBACAC,2aACAC,gjBACAC,41BACAC,qaACAC,grBACAC,qvBACAC,4bACAC,kaACAC,2UACAC,8QACAC,idACAC,gZACAC,0hBACAC,mrBACAC,kVACAC,8kBACAC,0wBACAC,otBACAC,wTACAC,+XACAC,+VACAC,8pBACAC,guCACAC,yhBACAC,ywBACAC,ibACAC,6eACAC,6aACAC,ylCACAC,kYACAC,ovBACAC,8lCACAC,8aACAC,ueACAC,2dACAC,+dACAC,mWACAC,2VACAC,qTACAC,8bACAC,yxBACAC,wcACAC,6mBACAC,mXACAC,+gBACAC,i5BACAC,meACAC,0jBACAC,scACAC,yjBACAC,gZACAC,4xBACAC,ooCACAC,oaACAC,8pBACAC,+tCACAC,+fACAC,ucAGSnI,GADKJ,OAAOS,KAAKO,IACEwH,QAAO,SAAUC,EAAKrJ,GAElD,OADAqJ,EAAIrJ,GAAQ9B,EAAqB8B,EAAM4B,GAAQ5B,IACxCqJ,IACN,ICpPQpI,GAAOF,GAAoBC,+JCCtC,SAA0BsI,GAExB,OAAkBC,EAAAA,eAAeD,GACf,MAATA,GAAoC,WAAnBE,EAAQF,IAAuB,SAAUA,IAAgC,IAAvBA,EAAMG,KAAKnJ,QAIvE,MAATgJ,GAAkC,mBAAVA,GAAwB,YAAaA,IAA2B,IAAlBA,EAAMhJ"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leafygreen-ui/icon",
-  "version": "11.12.6",
+  "version": "11.13.0",
   "description": "LeafyGreen UI Kit Icons",
   "main": "./dist/index.js",
   "module": "./dist/esm/index.js",
@@ -21,11 +21,12 @@
     "access": "public"
   },
   "devDependencies": {
-    "xml2json": "^0.12.0",
-    "@leafygreen-ui/palette": "^4.0.0"
+    "@leafygreen-ui/palette": "^4.0.2",
+    "xml2json": "^0.12.0"
   },
   "dependencies": {
-    "@leafygreen-ui/emotion": "^4.0.3"
+    "@leafygreen-ui/emotion": "^4.0.3",
+    "lodash": "^4.17.21"
   },
   "gitHead": "dd71a2d404218ccec2e657df9c0263dc1c15b9e0",
   "homepage": "https://github.com/mongodb/leafygreen-ui/tree/main/packages/icon",
@@ -36,4 +37,4 @@
   "bugs": {
     "url": "https://jira.mongodb.org/projects/PD/summary"
   }
-}
+}

package/src/generated/Highlight.tsx

@@ -0,0 +1,79 @@
+/**
+ * This is a generated file. Do not modify it manually.
+ *
+ * @script ./node_modules/.bin/ts-node packages/icon/scripts/build.ts
+ * @checksum fb3177992ec53ed28eb06b4b4b7c0eb2
+ */
+import { css, cx } from '@leafygreen-ui/emotion';
+import PropTypes from 'prop-types';
+import * as React from 'react';
+
+import { generateAccessibleProps, sizeMap } from '../glyphCommon';
+import { LGGlyph } from '../types';
+export interface HighlightProps extends LGGlyph.ComponentProps {}
+
+const Highlight = ({
+  className,
+  size = 16,
+  title,
+  ['aria-label']: ariaLabel,
+  ['aria-labelledby']: ariaLabelledby,
+  fill,
+  role = 'img',
+  ...props
+}: HighlightProps) => {
+  const fillStyle = css`
+    color: ${fill};
+  `;
+  const noFlexShrink = css`
+    flex-shrink: 0;
+  `;
+  const accessibleProps = generateAccessibleProps(role, 'Highlight', {
+    title,
+    ['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.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,
+};
+export default Highlight;

package/src/generated/LogIn.tsx

@@ -0,0 +1,75 @@
+/**
+ * This is a generated file. Do not modify it manually.
+ *
+ * @script ./node_modules/.bin/ts-node packages/icon/scripts/build.ts
+ * @checksum 279c512eda3c2c09c0f26269e80463ad
+ */
+import { css, cx } from '@leafygreen-ui/emotion';
+import PropTypes from 'prop-types';
+import * as React from 'react';
+
+import { generateAccessibleProps, sizeMap } from '../glyphCommon';
+import { LGGlyph } from '../types';
+export interface LogInProps extends LGGlyph.ComponentProps {}
+
+const LogIn = ({
+  className,
+  size = 16,
+  title,
+  ['aria-label']: ariaLabel,
+  ['aria-labelledby']: ariaLabelledby,
+  fill,
+  role = 'img',
+  ...props
+}: LogInProps) => {
+  const fillStyle = css`
+    color: ${fill};
+  `;
+  const noFlexShrink = css`
+    flex-shrink: 0;
+  `;
+  const accessibleProps = generateAccessibleProps(role, 'LogIn', {
+    title,
+    ['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 3C1 2.44772 1.44772 2 2 2H6.25C6.66421 2 7 2.33579 7 2.75V3.25C7 3.66421 6.66421 4 6.25 4H3V12H6.25C6.66421 12 7 12.3358 7 12.75V13.25C7 13.6642 6.66421 14 6.25 14H2C1.44772 14 1 13.5523 1 13V3Z"
+        fill={'currentColor'}
+      />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M9.4948 4.11612L6.29289 7.31802C5.90237 7.70854 5.90237 8.34171 6.29289 8.73223L9.49479 11.9341C9.78769 12.227 10.2626 12.227 10.5555 11.9341L10.909 11.5806C11.2019 11.2877 11.2019 10.8128 10.909 10.5199L9.38909 9L14.25 9C14.6642 9 15 8.66421 15 8.25V7.75C15 7.33578 14.6642 7 14.25 7L9.43934 7L10.909 5.53033C11.2019 5.23744 11.2019 4.76256 10.909 4.46967L10.5555 4.11612C10.2626 3.82322 9.78769 3.82322 9.4948 4.11612Z"
+        fill={'currentColor'}
+      />
+    </svg>
+  );
+};
+
+LogIn.displayName = 'LogIn';
+LogIn.isGlyph = true;
+LogIn.propTypes = {
+  fill: PropTypes.string,
+  size: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+  className: PropTypes.string,
+};
+export default LogIn;

package/src/generated/LogOut.tsx

@@ -0,0 +1,75 @@
+/**
+ * This is a generated file. Do not modify it manually.
+ *
+ * @script ./node_modules/.bin/ts-node packages/icon/scripts/build.ts
+ * @checksum 64fa23f98f5e56533ca49cd1e65063a7
+ */
+import { css, cx } from '@leafygreen-ui/emotion';
+import PropTypes from 'prop-types';
+import * as React from 'react';
+
+import { generateAccessibleProps, sizeMap } from '../glyphCommon';
+import { LGGlyph } from '../types';
+export interface LogOutProps extends LGGlyph.ComponentProps {}
+
+const LogOut = ({
+  className,
+  size = 16,
+  title,
+  ['aria-label']: ariaLabel,
+  ['aria-labelledby']: ariaLabelledby,
+  fill,
+  role = 'img',
+  ...props
+}: LogOutProps) => {
+  const fillStyle = css`
+    color: ${fill};
+  `;
+  const noFlexShrink = css`
+    flex-shrink: 0;
+  `;
+  const accessibleProps = generateAccessibleProps(role, 'LogOut', {
+    title,
+    ['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.5 3.00002C1.5 2.44773 1.94557 2.00002 2.49522 2.00002H6.72488C7.13711 2.00002 7.47129 2.3358 7.47129 2.75002V3.25002C7.47129 3.66423 7.13711 4.00002 6.72488 4.00002H3.49043V12H6.72488C7.13711 12 7.47129 12.3358 7.47129 12.75V13.25C7.47129 13.6642 7.13711 14 6.72488 14H2.49522C1.94557 14 1.5 13.5523 1.5 13V3.00002Z"
+        fill={'currentColor'}
+      />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M11.0219 11.909L14.2085 8.7071C14.5972 8.31658 14.5972 7.68341 14.2085 7.29289L11.0219 4.09099C10.7304 3.79809 10.2578 3.79809 9.96634 4.09098L9.61448 4.44454C9.32299 4.73743 9.32299 5.2123 9.61448 5.5052L11.1271 7.02512L6.28947 7.02512C5.87724 7.02512 5.54306 7.36091 5.54306 7.77512V8.27512C5.54306 8.68934 5.87724 9.02512 6.28947 9.02512L11.0771 9.02512L9.61448 10.4948C9.32299 10.7877 9.32299 11.2626 9.61448 11.5555L9.96634 11.909C10.2578 12.2019 10.7304 12.2019 11.0219 11.909Z"
+        fill={'currentColor'}
+      />
+    </svg>
+  );
+};
+
+LogOut.displayName = 'LogOut';
+LogOut.isGlyph = true;
+LogOut.propTypes = {
+  fill: PropTypes.string,
+  size: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+  className: PropTypes.string,
+};
+export default LogOut;

package/src/generated/Wrench.tsx

@@ -0,0 +1,69 @@
+/**
+ * This is a generated file. Do not modify it manually.
+ *
+ * @script ./node_modules/.bin/ts-node packages/icon/scripts/build.ts
+ * @checksum 62bc6903cfa98cb6cc6ca845c3672566
+ */
+import { css, cx } from '@leafygreen-ui/emotion';
+import PropTypes from 'prop-types';
+import * as React from 'react';
+
+import { generateAccessibleProps, sizeMap } from '../glyphCommon';
+import { LGGlyph } from '../types';
+export interface WrenchProps extends LGGlyph.ComponentProps {}
+
+const Wrench = ({
+  className,
+  size = 16,
+  title,
+  ['aria-label']: ariaLabel,
+  ['aria-labelledby']: ariaLabelledby,
+  fill,
+  role = 'img',
+  ...props
+}: WrenchProps) => {
+  const fillStyle = css`
+    color: ${fill};
+  `;
+  const noFlexShrink = css`
+    flex-shrink: 0;
+  `;
+  const accessibleProps = generateAccessibleProps(role, 'Wrench', {
+    title,
+    ['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="M10.625 9.75C13.0422 9.75 15 7.79219 15 5.375C15 4.95664 14.9398 4.55195 14.8305 4.16641C14.7457 3.87109 14.382 3.80547 14.166 4.02148L12.066 6.12148C12.0144 6.17315 11.9508 6.21071 11.8821 6.23144C11.8043 6.25491 11.7248 6.21773 11.6673 6.1603L9.8397 4.33267C9.78227 4.27523 9.74509 4.19569 9.76856 4.11794C9.78929 4.04924 9.82685 3.98565 9.87852 3.93398L11.9785 1.83398C12.1945 1.61797 12.1262 1.2543 11.8336 1.16953C11.448 1.06016 11.0434 1 10.625 1C8.20781 1 6.25 2.95781 6.25 5.375C6.25 5.82904 6.32027 6.26861 6.44822 6.68115C6.48333 6.79434 6.4563 6.9187 6.3725 7.0025L1.54414 11.8309C1.19687 12.1781 1 12.6512 1 13.1434C1 14.1688 1.83125 15 2.85664 15C3.34883 15 3.82188 14.8031 4.16914 14.4559L8.99671 9.62829C9.08092 9.54408 9.20602 9.51727 9.31967 9.55285C9.73197 9.68189 10.1713 9.75 10.625 9.75ZM2.75 14.125C3.23325 14.125 3.625 13.7332 3.625 13.25C3.625 12.7668 3.23325 12.375 2.75 12.375C2.26675 12.375 1.875 12.7668 1.875 13.25C1.875 13.7332 2.26675 14.125 2.75 14.125Z"
+        fill={'currentColor'}
+      />
+    </svg>
+  );
+};
+
+Wrench.displayName = 'Wrench';
+Wrench.isGlyph = true;
+Wrench.propTypes = {
+  fill: PropTypes.string,
+  size: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+  className: PropTypes.string,
+};
+export default Wrench;

package/src/glyphs/Highlight.svg

@@ -0,0 +1,6 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<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="#000000"/>
+<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="#000000"/>
+<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="#000000"/>
+<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="#000000"/>
+</svg>

package/src/glyphs/LogIn.svg

@@ -0,0 +1,4 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M1 3C1 2.44772 1.44772 2 2 2H6.25C6.66421 2 7 2.33579 7 2.75V3.25C7 3.66421 6.66421 4 6.25 4H3V12H6.25C6.66421 12 7 12.3358 7 12.75V13.25C7 13.6642 6.66421 14 6.25 14H2C1.44772 14 1 13.5523 1 13V3Z" fill="#000000"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9.4948 4.11612L6.29289 7.31802C5.90237 7.70854 5.90237 8.34171 6.29289 8.73223L9.49479 11.9341C9.78769 12.227 10.2626 12.227 10.5555 11.9341L10.909 11.5806C11.2019 11.2877 11.2019 10.8128 10.909 10.5199L9.38909 9L14.25 9C14.6642 9 15 8.66421 15 8.25V7.75C15 7.33578 14.6642 7 14.25 7L9.43934 7L10.909 5.53033C11.2019 5.23744 11.2019 4.76256 10.909 4.46967L10.5555 4.11612C10.2626 3.82322 9.78769 3.82322 9.4948 4.11612Z" fill="#000000"/>
+</svg>

package/src/glyphs/LogOut.svg

@@ -0,0 +1,4 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M1.5 3.00002C1.5 2.44773 1.94557 2.00002 2.49522 2.00002H6.72488C7.13711 2.00002 7.47129 2.3358 7.47129 2.75002V3.25002C7.47129 3.66423 7.13711 4.00002 6.72488 4.00002H3.49043V12H6.72488C7.13711 12 7.47129 12.3358 7.47129 12.75V13.25C7.47129 13.6642 7.13711 14 6.72488 14H2.49522C1.94557 14 1.5 13.5523 1.5 13V3.00002Z" fill="#000000"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.0219 11.909L14.2085 8.7071C14.5972 8.31658 14.5972 7.68341 14.2085 7.29289L11.0219 4.09099C10.7304 3.79809 10.2578 3.79809 9.96634 4.09098L9.61448 4.44454C9.32299 4.73743 9.32299 5.2123 9.61448 5.5052L11.1271 7.02512L6.28947 7.02512C5.87724 7.02512 5.54306 7.36091 5.54306 7.77512V8.27512C5.54306 8.68934 5.87724 9.02512 6.28947 9.02512L11.0771 9.02512L9.61448 10.4948C9.32299 10.7877 9.32299 11.2626 9.61448 11.5555L9.96634 11.909C10.2578 12.2019 10.7304 12.2019 11.0219 11.909Z" fill="#000000"/>
+</svg>

package/src/glyphs/Wrench.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.625 9.75C13.0422 9.75 15 7.79219 15 5.375C15 4.95664 14.9398 4.55195 14.8305 4.16641C14.7457 3.87109 14.382 3.80547 14.166 4.02148L12.066 6.12148C12.0144 6.17315 11.9508 6.21071 11.8821 6.23144C11.8043 6.25491 11.7248 6.21773 11.6673 6.1603L9.8397 4.33267C9.78227 4.27523 9.74509 4.19569 9.76856 4.11794C9.78929 4.04924 9.82685 3.98565 9.87852 3.93398L11.9785 1.83398C12.1945 1.61797 12.1262 1.2543 11.8336 1.16953C11.448 1.06016 11.0434 1 10.625 1C8.20781 1 6.25 2.95781 6.25 5.375C6.25 5.82904 6.32027 6.26861 6.44822 6.68115C6.48333 6.79434 6.4563 6.9187 6.3725 7.0025L1.54414 11.8309C1.19687 12.1781 1 12.6512 1 13.1434C1 14.1688 1.83125 15 2.85664 15C3.34883 15 3.82188 14.8031 4.16914 14.4559L8.99671 9.62829C9.08092 9.54408 9.20602 9.51727 9.31967 9.55285C9.73197 9.68189 10.1713 9.75 10.625 9.75ZM2.75 14.125C3.23325 14.125 3.625 13.7332 3.625 13.25C3.625 12.7668 3.23325 12.375 2.75 12.375C2.26675 12.375 1.875 12.7668 1.875 13.25C1.875 13.7332 2.26675 14.125 2.75 14.125Z" fill="#000000"/>
+</svg>

package/src/glyphs/index.ts

@@ -57,6 +57,7 @@ import FullScreenExit from './FullScreenExit.svg';
 import Gauge from './Gauge.svg';
 import GlobeAmericas from './GlobeAmericas.svg';
 import GovernmentBuilding from './GovernmentBuilding.svg';
+import Highlight from './Highlight.svg';
 import Home from './Home.svg';
 import Import from './Import.svg';
 import ImportantWithCircle from './ImportantWithCircle.svg';
@@ -66,6 +67,8 @@ import Key from './Key.svg';
 import Laptop from './Laptop.svg';
 import Link from './Link.svg';
 import Lock from './Lock.svg';
+import LogIn from './LogIn.svg';
+import LogOut from './LogOut.svg';
 import MagnifyingGlass from './MagnifyingGlass.svg';
 import Megaphone from './Megaphone.svg';
 import Menu from './Menu.svg';
@@ -114,6 +117,7 @@ import VerticalEllipsis from './VerticalEllipsis.svg';
 import Visibility from './Visibility.svg';
 import VisibilityOff from './VisibilityOff.svg';
 import Warning from './Warning.svg';
+import Wrench from './Wrench.svg';
 import Write from './Write.svg';
 import X from './X.svg';
 import XWithCircle from './XWithCircle.svg';
@@ -174,6 +178,7 @@ const _glyphs = {
   Gauge,
   GlobeAmericas,
   GovernmentBuilding,
+  Highlight,
   Home,
   Import,
   ImportantWithCircle,
@@ -183,6 +188,8 @@ const _glyphs = {
   Laptop,
   Link,
   Lock,
+  LogIn,
+  LogOut,
   MagnifyingGlass,
   Megaphone,
   Menu,
@@ -231,6 +238,7 @@ const _glyphs = {
   Visibility,
   VisibilityOff,
   Warning,
+  Wrench,
   Write,
   X,
   XWithCircle,