@leafygreen-ui/icon 14.7.1 → 14.7.2

package/dist/umd/X.js.map

@@ -1 +1 @@
-{"version":3,"file":"X.js","sources":["../../src/glyphCommon.ts","../../src/generated/X.tsx"],"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  titleId?: string;\n}\n\ntype AccessibleFunctionReturnType =\n  | { 'aria-labelledby'?: string; 'aria-label'?: string }\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    titleId,\n  }: AccessibleFunctionParams,\n): AccessibleFunctionReturnType {\n  switch (role) {\n    case 'img': {\n      if (!ariaLabel && !ariaLabelledby && !title) {\n        return { 'aria-label': getGlyphLabel(glyphName) };\n      }\n\n      // If there's a title, use the titleId for aria-labelledby\n      // If there's already an aria-labelledby, combine them\n      let labelledBy: string | undefined;\n\n      if (title) {\n        if (ariaLabelledby) {\n          labelledBy = `${titleId} ${ariaLabelledby}`;\n        } else {\n          labelledBy = titleId;\n        }\n      } else {\n        labelledBy = ariaLabelledby;\n      }\n\n      return {\n        ['aria-labelledby']: labelledBy,\n        ['aria-label']: ariaLabel,\n      };\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","/**\n* This is a generated file. Do not modify it manually.\n*\n* @script packages/icon/scripts/prebuild/index.ts\n* @checksum 40801001b61f74e5e9538d77c29e4ded\n*/\nimport * as React from \"react\";\nimport { css, cx } from '@leafygreen-ui/emotion';\nimport { useIdAllocator } from '@leafygreen-ui/hooks';\nimport { generateAccessibleProps, sizeMap } from '../glyphCommon';\nimport { LGGlyph } from '../types';\nexport interface XProps extends LGGlyph.ComponentProps {}\nconst X = ({\n  className,\n  size = 16,\n  title,\n  ['aria-label']: ariaLabel,\n  ['aria-labelledby']: ariaLabelledby,\n  fill,\n  role = 'img',\n  ...props\n}: XProps) => {\n  const titleId = useIdAllocator({\n    prefix: 'icon-title'\n  });\n  const fillStyle = css`\n        color: ${fill};\n      `;\n  const noFlexShrink = css`\n        flex-shrink: 0;\n      `;\n  const accessibleProps = generateAccessibleProps(role, 'X', {\n    title,\n    titleId,\n    ['aria-label']: ariaLabel,\n    ['aria-labelledby']: ariaLabelledby\n  });\n  return <svg className={cx({\n    [fillStyle]: fill != null\n  }, 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=\"M12.2028 3.40381C11.8123 3.01329 11.1791 3.01329 10.7886 3.40381L8.3137 5.87869L5.83883 3.40381C5.44831 3.01329 4.81514 3.01329 4.42462 3.40381L3.71751 4.11092C3.32699 4.50144 3.32699 5.13461 3.71751 5.52513L6.19238 8.00001L3.71751 10.4749C3.32699 10.8654 3.32699 11.4986 3.71751 11.8891L4.42462 12.5962C4.81514 12.9867 5.44831 12.9867 5.83883 12.5962L8.3137 10.1213L10.7886 12.5962C11.1791 12.9867 11.8123 12.9867 12.2028 12.5962L12.9099 11.8891C13.3004 11.4986 13.3004 10.8654 12.9099 10.4749L10.435 8.00001L12.9099 5.52513C13.3004 5.13461 13.3004 4.50144 12.9099 4.11092L12.2028 3.40381Z\" fill={'currentColor'} /></svg>;\n};\nX.displayName = 'X';\nX.isGlyph = true;\nexport default X;"],"names":["_templateObject","_templateObject2","sizeMap","small","default","large","xlarge","_excluded","X","_ref","className","_ref$size","size","title","ariaLabel","ariaLabelledby","fill","_ref$role","role","props","_objectWithoutProperties","titleId","useIdAllocator","prefix","fillStyle","css","_taggedTemplateLiteral","noFlexShrink","accessibleProps","glyphName","name","_defineProperty","concat","replace","alt","generateAccessibleProps","React","createElement","_extends","cx","height","width","viewBox","id","fillRule","clipRule","d","displayName","isGlyph"],"mappings":"i9CAOO,ICNHA,EAAiBC,EDMVC,EAAU,CACnBC,MAAO,GACPC,QAAS,GACTC,MAAO,GACPC,OAAQ,ICTV,IAAIC,EAAY,CAAC,YAAa,OAAQ,QAAS,aAAc,kBAAmB,OAAQ,QAWpFC,EAAI,SAAWC,GACjB,IAAIC,EAAYD,EAAKC,UACnBC,EAAYF,EAAKG,KACjBA,OAAqB,IAAdD,EAAuB,GAAKA,EACnCE,EAAQJ,EAAKI,MACbC,EAAYL,EAAK,cACjBM,EAAiBN,EAAK,mBACtBO,EAAOP,EAAKO,KACZC,EAAYR,EAAKS,KACjBA,OAAqB,IAAdD,EAAuB,MAAQA,EACtCE,+WAAQC,CAAyBX,EAAMF,GACrCc,EAAUC,EAAAA,eAAe,CAC3BC,OAAQ,eAENC,EAAYC,EAAAA,IAAIzB,IAAoBA,EAAkB0B,EAAuB,CAAC,oBAAqB,eAAgBV,GACnHW,EAAeF,EAAGA,IAACxB,IAAqBA,EAAmByB,EAAuB,CAAC,wCACnFE,EDhBC,SAAiCV,EAAMW,EAAWpB,GACvD,IAkC4BqB,EAlCxBhB,EAAYL,EAAK,cACnBM,EAAiBN,EAAK,mBACtBI,EAAQJ,EAAKI,MACbQ,EAAUZ,EAAKY,QACjB,OAAQH,GACN,IAAK,MAED,OAAKJ,GAAcC,GAAmBF,EAkB/BkB,EAAgBA,EAAgB,GAAI,kBATvClB,EACEE,EACW,GAAGiB,OAAOX,EAAS,KAAKW,OAAOjB,GAE/BM,EAGFN,GAE4D,aAAcD,GAjBhF,CACL,cAyBkBgB,EAzBUD,EA0B/B,GAAGG,OAAOF,EAAKG,QAAQ,kBAAmB,SAAU,WARzD,IAAK,eACH,MAAO,CACL,eAAe,EACfC,IAAK,IAGb,CClBwBC,CAAwBjB,EAAM,IAAKa,EAAgBA,EAAgB,CACvFlB,MAAOA,EACPQ,QAASA,GACR,aAAcP,GAAY,kBAAmBC,IAChD,OAAoBqB,EAAMC,cAAc,MAAOC,EAAS,CACtD5B,UAAW6B,EAAAA,GAAGR,EAAgB,GAAIP,EAAmB,MAARR,GAAeW,EAAcjB,GAC1E8B,OAAwB,iBAAT5B,EAAoBA,EAAOV,EAAQU,GAClD6B,MAAuB,iBAAT7B,EAAoBA,EAAOV,EAAQU,GACjDM,KAAMA,GACLU,EAAiBT,EAAO,CACzBuB,QAAS,cACP7B,GAAsBuB,EAAMC,cAAc,QAAS,CACrDM,GAAItB,GACHR,GAAqBuB,EAAMC,cAAc,OAAQ,CAClDO,SAAU,UACVC,SAAU,UACVC,EAAG,ilBACH9B,KAAM,iBAEV,SACAR,EAAEuC,YAAc,IAChBvC,EAAEwC,SAAU"}
+{"version":3,"file":"X.js","sources":["../../src/glyphCommon.ts","../../src/generated/X.tsx"],"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  titleId?: string;\n}\n\ntype AccessibleFunctionReturnType =\n  | { 'aria-labelledby'?: string; 'aria-label'?: string }\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    titleId,\n  }: AccessibleFunctionParams,\n): AccessibleFunctionReturnType {\n  switch (role) {\n    case 'img': {\n      if (!ariaLabel && !ariaLabelledby && !title) {\n        return { 'aria-label': getGlyphLabel(glyphName) };\n      }\n\n      // If there's a title, use the titleId for aria-labelledby\n      // If there's already an aria-labelledby, combine them\n      let labelledBy: string | undefined;\n\n      if (title) {\n        if (ariaLabelledby) {\n          labelledBy = `${titleId} ${ariaLabelledby}`;\n        } else {\n          labelledBy = titleId;\n        }\n      } else {\n        labelledBy = ariaLabelledby;\n      }\n\n      return {\n        ['aria-labelledby']: labelledBy,\n        ['aria-label']: ariaLabel,\n      };\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","/**\n* This is a generated file. Do not modify it manually.\n*\n* @script packages/icon/scripts/prebuild/index.ts\n* @checksum 40801001b61f74e5e9538d77c29e4ded\n*/\nimport * as React from \"react\";\nimport { css, cx } from '@leafygreen-ui/emotion';\nimport { useIdAllocator } from '@leafygreen-ui/hooks';\nimport { generateAccessibleProps, sizeMap } from '../glyphCommon';\nimport { LGGlyph } from '../types';\nexport interface XProps extends LGGlyph.ComponentProps {}\nconst X = ({\n  className,\n  size = 16,\n  title,\n  ['aria-label']: ariaLabel,\n  ['aria-labelledby']: ariaLabelledby,\n  fill,\n  role = 'img',\n  ...props\n}: XProps) => {\n  const titleId = useIdAllocator({\n    prefix: 'icon-title'\n  });\n  const fillStyle = css`\n        color: ${fill};\n      `;\n  const noFlexShrink = css`\n        flex-shrink: 0;\n      `;\n  const accessibleProps = generateAccessibleProps(role, 'X', {\n    title,\n    titleId,\n    ['aria-label']: ariaLabel,\n    ['aria-labelledby']: ariaLabelledby\n  });\n  return <svg className={cx({\n    [fillStyle]: fill != null\n  }, 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=\"M12.2028 3.40381C11.8123 3.01329 11.1791 3.01329 10.7886 3.40381L8.3137 5.87869L5.83883 3.40381C5.44831 3.01329 4.81514 3.01329 4.42462 3.40381L3.71751 4.11092C3.32699 4.50144 3.32699 5.13461 3.71751 5.52513L6.19238 8.00001L3.71751 10.4749C3.32699 10.8654 3.32699 11.4986 3.71751 11.8891L4.42462 12.5962C4.81514 12.9867 5.44831 12.9867 5.83883 12.5962L8.3137 10.1213L10.7886 12.5962C11.1791 12.9867 11.8123 12.9867 12.2028 12.5962L12.9099 11.8891C13.3004 11.4986 13.3004 10.8654 12.9099 10.4749L10.435 8.00001L12.9099 5.52513C13.3004 5.13461 13.3004 4.50144 12.9099 4.11092L12.2028 3.40381Z\" fill={'currentColor'} /></svg>;\n};\nX.displayName = 'X';\nX.isGlyph = true;\nexport default X;"],"names":["sizeMap","small","default","large","xlarge","X","_ref","className","_ref$size","size","title","ariaLabel","ariaLabelledby","fill","_ref$role","role","props","_objectWithoutProperties","_excluded","titleId","useIdAllocator","prefix","fillStyle","css","_templateObject","_taggedTemplateLiteral","noFlexShrink","_templateObject2","accessibleProps","glyphName","name","_defineProperty","concat","replace","alt","generateAccessibleProps","React","createElement","_extends","cx","height","width","viewBox","id","fillRule","clipRule","d","displayName","isGlyph"],"mappings":"i9CASO,QAAMA,EAAgC,CAC3CC,MAAO,GACPC,QAAS,GACTC,MAAO,GACPC,OAAQ,oFCDJC,EAAI,SAAHC,GASO,IARZC,EAASD,EAATC,UAASC,EAAAF,EACTG,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EACTE,EAAKJ,EAALI,MACgBC,EAASL,EAAxB,cACoBM,EAAcN,EAAlC,mBACDO,EAAIP,EAAJO,KAAIC,EAAAR,EACJS,KAAAA,OAAO,IAAHD,EAAG,MAAKA,EACTE,+WAAKC,CAAAX,EAAAY,GAEFC,EAAUC,EAAAA,eAAe,CAC7BC,OAAQ,eAEJC,EAAYC,EAAAA,IAAGC,IAAAA,EAAAC,EACNZ,CAAAA,oBAAAA,eAAAA,GAETa,EAAeH,EAAGA,IAAAI,IAAAA,EAAAF,EAEnB,CAAA,wCACCG,EDJD,SACLb,EACAc,EAAiBvB,GAOa,IAgCFwB,EArCVnB,EAASL,EAAxB,cACoBM,EAAcN,EAAlC,mBACDI,EAAKJ,EAALI,MACAS,EAAOb,EAAPa,QAGF,OAAQJ,GACN,IAAK,MACH,OAAKJ,GAAcC,GAAmBF,EAkBtCqB,EAAAA,EACG,GAAA,kBAXCrB,EACEE,EACQ,GAAAoB,OAAMb,OAAOa,OAAIpB,GAEdO,EAGFP,GAKZ,aAAeD,GAnBT,CAAE,cA4BamB,EA5BeD,EA6B3CG,GAAAA,OAAUF,EAAKG,QAAQ,kBAAmB,SAAQ,WANhD,IAAK,eACH,MAAO,CAAE,eAAe,EAAMC,IAAK,IAEzC,CCnC0BC,CAAwBpB,EAAM,IAAGgB,EAAAA,EAAA,CACvDrB,MAAAA,EACAS,QAAAA,GACC,aAAeR,GACf,kBAAoBC,IAEvB,OAAOwB,EAAAC,cAAA,MAAAC,EAAA,CAAK/B,UAAWgC,EAAAA,GAAER,KACtBT,EAAoB,MAART,GACZa,EAAcnB,GAAYiC,OAAwB,iBAAT/B,EAAoBA,EAAOT,EAAQS,GAAOgC,MAAuB,iBAAThC,EAAoBA,EAAOT,EAAQS,GAAOM,KAAMA,GAAUa,EAAqBZ,EAAK,CAAE0B,QAAQ,cAAahC,GAAS0B,EAAAC,cAAA,QAAA,CAAOM,GAAIxB,GAAUT,GAAe0B,EAAAC,cAAA,OAAA,CAAMO,SAAS,UAAUC,SAAS,UAAUC,EAAE,ilBAAilBjC,KAAM,iBACn4B,SACAR,EAAE0C,YAAc,IAChB1C,EAAE2C,SAAU"}

package/dist/umd/XWithCircle.js.map

@@ -1 +1 @@
-{"version":3,"file":"XWithCircle.js","sources":["../../src/glyphCommon.ts","../../src/generated/XWithCircle.tsx"],"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  titleId?: string;\n}\n\ntype AccessibleFunctionReturnType =\n  | { 'aria-labelledby'?: string; 'aria-label'?: string }\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    titleId,\n  }: AccessibleFunctionParams,\n): AccessibleFunctionReturnType {\n  switch (role) {\n    case 'img': {\n      if (!ariaLabel && !ariaLabelledby && !title) {\n        return { 'aria-label': getGlyphLabel(glyphName) };\n      }\n\n      // If there's a title, use the titleId for aria-labelledby\n      // If there's already an aria-labelledby, combine them\n      let labelledBy: string | undefined;\n\n      if (title) {\n        if (ariaLabelledby) {\n          labelledBy = `${titleId} ${ariaLabelledby}`;\n        } else {\n          labelledBy = titleId;\n        }\n      } else {\n        labelledBy = ariaLabelledby;\n      }\n\n      return {\n        ['aria-labelledby']: labelledBy,\n        ['aria-label']: ariaLabel,\n      };\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","/**\n* This is a generated file. Do not modify it manually.\n*\n* @script packages/icon/scripts/prebuild/index.ts\n* @checksum f2808706ac66b2c1d7d2582bc38986ff\n*/\nimport * as React from \"react\";\nimport { css, cx } from '@leafygreen-ui/emotion';\nimport { useIdAllocator } from '@leafygreen-ui/hooks';\nimport { generateAccessibleProps, sizeMap } from '../glyphCommon';\nimport { LGGlyph } from '../types';\nexport interface XWithCircleProps extends LGGlyph.ComponentProps {}\nconst XWithCircle = ({\n  className,\n  size = 16,\n  title,\n  ['aria-label']: ariaLabel,\n  ['aria-labelledby']: ariaLabelledby,\n  fill,\n  role = 'img',\n  ...props\n}: XWithCircleProps) => {\n  const titleId = useIdAllocator({\n    prefix: 'icon-title'\n  });\n  const fillStyle = css`\n        color: ${fill};\n      `;\n  const noFlexShrink = css`\n        flex-shrink: 0;\n      `;\n  const accessibleProps = generateAccessibleProps(role, 'XWithCircle', {\n    title,\n    titleId,\n    ['aria-label']: ariaLabel,\n    ['aria-labelledby']: ariaLabelledby\n  });\n  return <svg className={cx({\n    [fillStyle]: fill != null\n  }, 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 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM9.41421 5.17157C9.80474 4.78105 10.4379 4.78105 10.8284 5.17157C11.219 5.5621 11.219 6.19526 10.8284 6.58579L9.41421 8L10.8284 9.41421C11.219 9.80474 11.219 10.4379 10.8284 10.8284C10.4379 11.219 9.80474 11.219 9.41421 10.8284L8 9.41421L6.58579 10.8284C6.19526 11.219 5.5621 11.219 5.17157 10.8284C4.78105 10.4379 4.78105 9.80474 5.17157 9.41421L6.58579 8L5.17157 6.58579C4.78105 6.19526 4.78105 5.5621 5.17157 5.17157C5.5621 4.78105 6.19526 4.78105 6.58579 5.17157L8 6.58579L9.41421 5.17157Z\" fill={'currentColor'} /></svg>;\n};\nXWithCircle.displayName = 'XWithCircle';\nXWithCircle.isGlyph = true;\nexport default XWithCircle;"],"names":["_templateObject","_templateObject2","sizeMap","small","default","large","xlarge","_excluded","XWithCircle","_ref","className","_ref$size","size","title","ariaLabel","ariaLabelledby","fill","_ref$role","role","props","_objectWithoutProperties","titleId","useIdAllocator","prefix","fillStyle","css","_taggedTemplateLiteral","noFlexShrink","accessibleProps","glyphName","name","_defineProperty","concat","replace","alt","generateAccessibleProps","React","createElement","_extends","cx","height","width","viewBox","id","fillRule","clipRule","d","displayName","isGlyph"],"mappings":"29CAOO,ICNHA,EAAiBC,EDMVC,EAAU,CACnBC,MAAO,GACPC,QAAS,GACTC,MAAO,GACPC,OAAQ,ICTV,IAAIC,EAAY,CAAC,YAAa,OAAQ,QAAS,aAAc,kBAAmB,OAAQ,QAWpFC,EAAc,SAAqBC,GACrC,IAAIC,EAAYD,EAAKC,UACnBC,EAAYF,EAAKG,KACjBA,OAAqB,IAAdD,EAAuB,GAAKA,EACnCE,EAAQJ,EAAKI,MACbC,EAAYL,EAAK,cACjBM,EAAiBN,EAAK,mBACtBO,EAAOP,EAAKO,KACZC,EAAYR,EAAKS,KACjBA,OAAqB,IAAdD,EAAuB,MAAQA,EACtCE,+WAAQC,CAAyBX,EAAMF,GACrCc,EAAUC,EAAAA,eAAe,CAC3BC,OAAQ,eAENC,EAAYC,EAAAA,IAAIzB,IAAoBA,EAAkB0B,EAAuB,CAAC,oBAAqB,eAAgBV,GACnHW,EAAeF,EAAGA,IAACxB,IAAqBA,EAAmByB,EAAuB,CAAC,wCACnFE,EDhBC,SAAiCV,EAAMW,EAAWpB,GACvD,IAkC4BqB,EAlCxBhB,EAAYL,EAAK,cACnBM,EAAiBN,EAAK,mBACtBI,EAAQJ,EAAKI,MACbQ,EAAUZ,EAAKY,QACjB,OAAQH,GACN,IAAK,MAED,OAAKJ,GAAcC,GAAmBF,EAkB/BkB,EAAgBA,EAAgB,GAAI,kBATvClB,EACEE,EACW,GAAGiB,OAAOX,EAAS,KAAKW,OAAOjB,GAE/BM,EAGFN,GAE4D,aAAcD,GAjBhF,CACL,cAyBkBgB,EAzBUD,EA0B/B,GAAGG,OAAOF,EAAKG,QAAQ,kBAAmB,SAAU,WARzD,IAAK,eACH,MAAO,CACL,eAAe,EACfC,IAAK,IAGb,CClBwBC,CAAwBjB,EAAM,cAAea,EAAgBA,EAAgB,CACjGlB,MAAOA,EACPQ,QAASA,GACR,aAAcP,GAAY,kBAAmBC,IAChD,OAAoBqB,EAAMC,cAAc,MAAOC,EAAS,CACtD5B,UAAW6B,EAAAA,GAAGR,EAAgB,GAAIP,EAAmB,MAARR,GAAeW,EAAcjB,GAC1E8B,OAAwB,iBAAT5B,EAAoBA,EAAOV,EAAQU,GAClD6B,MAAuB,iBAAT7B,EAAoBA,EAAOV,EAAQU,GACjDM,KAAMA,GACLU,EAAiBT,EAAO,CACzBuB,QAAS,cACP7B,GAAsBuB,EAAMC,cAAc,QAAS,CACrDM,GAAItB,GACHR,GAAqBuB,EAAMC,cAAc,OAAQ,CAClDO,SAAU,UACVC,SAAU,UACVC,EAAG,wlBACH9B,KAAM,iBAEV,SACAR,EAAYuC,YAAc,cAC1BvC,EAAYwC,SAAU"}
+{"version":3,"file":"XWithCircle.js","sources":["../../src/glyphCommon.ts","../../src/generated/XWithCircle.tsx"],"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  titleId?: string;\n}\n\ntype AccessibleFunctionReturnType =\n  | { 'aria-labelledby'?: string; 'aria-label'?: string }\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    titleId,\n  }: AccessibleFunctionParams,\n): AccessibleFunctionReturnType {\n  switch (role) {\n    case 'img': {\n      if (!ariaLabel && !ariaLabelledby && !title) {\n        return { 'aria-label': getGlyphLabel(glyphName) };\n      }\n\n      // If there's a title, use the titleId for aria-labelledby\n      // If there's already an aria-labelledby, combine them\n      let labelledBy: string | undefined;\n\n      if (title) {\n        if (ariaLabelledby) {\n          labelledBy = `${titleId} ${ariaLabelledby}`;\n        } else {\n          labelledBy = titleId;\n        }\n      } else {\n        labelledBy = ariaLabelledby;\n      }\n\n      return {\n        ['aria-labelledby']: labelledBy,\n        ['aria-label']: ariaLabel,\n      };\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","/**\n* This is a generated file. Do not modify it manually.\n*\n* @script packages/icon/scripts/prebuild/index.ts\n* @checksum f2808706ac66b2c1d7d2582bc38986ff\n*/\nimport * as React from \"react\";\nimport { css, cx } from '@leafygreen-ui/emotion';\nimport { useIdAllocator } from '@leafygreen-ui/hooks';\nimport { generateAccessibleProps, sizeMap } from '../glyphCommon';\nimport { LGGlyph } from '../types';\nexport interface XWithCircleProps extends LGGlyph.ComponentProps {}\nconst XWithCircle = ({\n  className,\n  size = 16,\n  title,\n  ['aria-label']: ariaLabel,\n  ['aria-labelledby']: ariaLabelledby,\n  fill,\n  role = 'img',\n  ...props\n}: XWithCircleProps) => {\n  const titleId = useIdAllocator({\n    prefix: 'icon-title'\n  });\n  const fillStyle = css`\n        color: ${fill};\n      `;\n  const noFlexShrink = css`\n        flex-shrink: 0;\n      `;\n  const accessibleProps = generateAccessibleProps(role, 'XWithCircle', {\n    title,\n    titleId,\n    ['aria-label']: ariaLabel,\n    ['aria-labelledby']: ariaLabelledby\n  });\n  return <svg className={cx({\n    [fillStyle]: fill != null\n  }, 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 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM9.41421 5.17157C9.80474 4.78105 10.4379 4.78105 10.8284 5.17157C11.219 5.5621 11.219 6.19526 10.8284 6.58579L9.41421 8L10.8284 9.41421C11.219 9.80474 11.219 10.4379 10.8284 10.8284C10.4379 11.219 9.80474 11.219 9.41421 10.8284L8 9.41421L6.58579 10.8284C6.19526 11.219 5.5621 11.219 5.17157 10.8284C4.78105 10.4379 4.78105 9.80474 5.17157 9.41421L6.58579 8L5.17157 6.58579C4.78105 6.19526 4.78105 5.5621 5.17157 5.17157C5.5621 4.78105 6.19526 4.78105 6.58579 5.17157L8 6.58579L9.41421 5.17157Z\" fill={'currentColor'} /></svg>;\n};\nXWithCircle.displayName = 'XWithCircle';\nXWithCircle.isGlyph = true;\nexport default XWithCircle;"],"names":["sizeMap","small","default","large","xlarge","XWithCircle","_ref","className","_ref$size","size","title","ariaLabel","ariaLabelledby","fill","_ref$role","role","props","_objectWithoutProperties","_excluded","titleId","useIdAllocator","prefix","fillStyle","css","_templateObject","_taggedTemplateLiteral","noFlexShrink","_templateObject2","accessibleProps","glyphName","name","_defineProperty","concat","replace","alt","generateAccessibleProps","React","createElement","_extends","cx","height","width","viewBox","id","fillRule","clipRule","d","displayName","isGlyph"],"mappings":"29CASO,QAAMA,EAAgC,CAC3CC,MAAO,GACPC,QAAS,GACTC,MAAO,GACPC,OAAQ,oFCDJC,EAAc,SAAHC,GASO,IARtBC,EAASD,EAATC,UAASC,EAAAF,EACTG,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EACTE,EAAKJ,EAALI,MACgBC,EAASL,EAAxB,cACoBM,EAAcN,EAAlC,mBACDO,EAAIP,EAAJO,KAAIC,EAAAR,EACJS,KAAAA,OAAO,IAAHD,EAAG,MAAKA,EACTE,+WAAKC,CAAAX,EAAAY,GAEFC,EAAUC,EAAAA,eAAe,CAC7BC,OAAQ,eAEJC,EAAYC,EAAAA,IAAGC,IAAAA,EAAAC,EACNZ,CAAAA,oBAAAA,eAAAA,GAETa,EAAeH,EAAGA,IAAAI,IAAAA,EAAAF,EAEnB,CAAA,wCACCG,EDJD,SACLb,EACAc,EAAiBvB,GAOa,IAgCFwB,EArCVnB,EAASL,EAAxB,cACoBM,EAAcN,EAAlC,mBACDI,EAAKJ,EAALI,MACAS,EAAOb,EAAPa,QAGF,OAAQJ,GACN,IAAK,MACH,OAAKJ,GAAcC,GAAmBF,EAkBtCqB,EAAAA,EACG,GAAA,kBAXCrB,EACEE,EACQ,GAAAoB,OAAMb,OAAOa,OAAIpB,GAEdO,EAGFP,GAKZ,aAAeD,GAnBT,CAAE,cA4BamB,EA5BeD,EA6B3CG,GAAAA,OAAUF,EAAKG,QAAQ,kBAAmB,SAAQ,WANhD,IAAK,eACH,MAAO,CAAE,eAAe,EAAMC,IAAK,IAEzC,CCnC0BC,CAAwBpB,EAAM,cAAagB,EAAAA,EAAA,CACjErB,MAAAA,EACAS,QAAAA,GACC,aAAeR,GACf,kBAAoBC,IAEvB,OAAOwB,EAAAC,cAAA,MAAAC,EAAA,CAAK/B,UAAWgC,EAAAA,GAAER,KACtBT,EAAoB,MAART,GACZa,EAAcnB,GAAYiC,OAAwB,iBAAT/B,EAAoBA,EAAOT,EAAQS,GAAOgC,MAAuB,iBAAThC,EAAoBA,EAAOT,EAAQS,GAAOM,KAAMA,GAAUa,EAAqBZ,EAAK,CAAE0B,QAAQ,cAAahC,GAAS0B,EAAAC,cAAA,QAAA,CAAOM,GAAIxB,GAAUT,GAAe0B,EAAAC,cAAA,OAAA,CAAMO,SAAS,UAAUC,SAAS,UAAUC,EAAE,wlBAAwlBjC,KAAM,iBAC14B,SACAR,EAAY0C,YAAc,cAC1B1C,EAAY2C,SAAU"}