@leafygreen-ui/icon 14.4.0 → 14.5.0

package/dist/umd/Write.js

@@ -1,2 +1,2 @@
-!function(e,r){"object"==typeof exports&&"undefined"!=typeof module?module.exports=r(require("react"),require("@leafygreen-ui/emotion")):"function"==typeof define&&define.amd?define(["react","@leafygreen-ui/emotion"],r):((e="undefined"!=typeof globalThis?globalThis:e||self).Write=e.Write||{},e.Write.js=r(e.React,e.emotion))}(this,function(e,r){"use strict";function t(e){if(e&&"object"==typeof e&&"default"in e)return e;var r=Object.create(null);return e&&Object.keys(e).forEach(function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}}),r.default=e,Object.freeze(r)}var n=t(e);function l(e,r,t){return(r=function(e){var r=function(e,r){if("object"!=typeof e||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,r);if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e,"string");return"symbol"==typeof r?r:r+""}(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function i(){return i=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)({}).hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},i.apply(null,arguments)}function a(e,r){return r||(r=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(r)}}))}var o,c,f={small:14,default:16,large:20,xlarge:24};var u=["className","size","title","aria-label","aria-labelledby","fill","role"],b=function(e){var t=e.className,b=e.size,s=void 0===b?16:b,C=e.title,d=e["aria-label"],p=e["aria-labelledby"],y=e.fill,m=e.role,v=void 0===m?"img":m,g=function(e,r){if(null==e)return{};var t,n,l=function(e,r){if(null==e)return{};var t={};for(var n in e)if({}.hasOwnProperty.call(e,n)){if(-1!==r.indexOf(n))continue;t[n]=e[n]}return t}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)t=i[n],-1===r.indexOf(t)&&{}.propertyIsEnumerable.call(e,t)&&(l[t]=e[t])}return l}(e,u),h=r.css(o||(o=a(["\n        color: ",";\n      "])),y),O=r.css(c||(c=a(["\n        flex-shrink: 0;\n      "]))),j=function(e,r,t){var n,i=t["aria-label"],a=t["aria-labelledby"],o=t.title;switch(e){case"img":return i||a||o?l(l(l({},"aria-labelledby",a),"aria-label",i),"title",o):{"aria-label":(n=r,"".concat(n.replace(/([a-z])([A-Z])/g,"$1 $2")," Icon"))};case"presentation":return{"aria-hidden":!0,alt:""}}}(v,"Write",l(l({title:C},"aria-label",d),"aria-labelledby",p));return n.createElement("svg",i({className:r.cx(l({},h,null!=y),O,t),height:"number"==typeof s?s:f[s],width:"number"==typeof s?s:f[s],role:v},j,g,{viewBox:"0 0 16 16"}),n.createElement("path",{d:"M8.71094 3.74943C7.98779 3.5624 7.17765 3.47059 6.375 3.47059C3.97108 3.47059 1.5 4.29411 1.5 6.03268C1.5 6.10964 1.50071 6.18476 1.50212 6.25809C1.50071 6.28953 1.5 6.32115 1.5 6.35294V6.55882C1.5 6.82855 1.62059 7.08757 1.88365 7.34157C2.15143 7.60013 2.54848 7.83326 3.04084 8.02823C4.02449 8.41774 5.29298 8.61764 6.375 8.61764C6.64212 8.61764 6.9206 8.60546 7.20335 8.58125C6.75934 8.06173 6.67036 7.35853 6.91542 6.76298C7.19331 6.08765 7.8543 5.63811 8.62053 5.63811H8.71094V3.74943Z",fill:"currentColor"}),n.createElement("path",{d:"M8.06766 9.30516C7.49049 9.39617 6.91039 9.44117 6.375 9.44117C5.21336 9.44117 3.84123 9.22931 2.74517 8.7953C2.2802 8.61117 1.84763 8.38033 1.5 8.09498V9.85294C1.5 10.1227 1.62059 10.3817 1.88365 10.6357C2.15143 10.8943 2.54848 11.1274 3.04084 11.3223C4.02449 11.7119 5.29298 11.9118 6.375 11.9118C7.45702 11.9118 8.72551 11.7119 9.70916 11.3223C9.92835 11.2356 10.1286 11.1412 10.3071 11.0404C10.2351 10.9984 10.1654 10.9511 10.0985 10.8987L8.06766 9.30516Z",fill:"currentColor"}),n.createElement("path",{d:"M11.25 11.3891C10.9024 11.6745 10.4698 11.9053 10.0048 12.0894C8.90877 12.5234 7.53664 12.7353 6.375 12.7353C5.21336 12.7353 3.84123 12.5234 2.74517 12.0894C2.2802 11.9053 1.84763 11.6745 1.5 11.3891V12.1177C1.5 12.1458 1.50056 12.1738 1.50166 12.2017C1.50056 12.2794 1.5 12.3581 1.5 12.4379C1.5 14.1765 3.97108 15 6.375 15C8.77892 15 11.25 14.1765 11.25 12.4379C11.25 12.3616 11.2493 12.2862 11.2479 12.2117C11.2493 12.1805 11.25 12.1492 11.25 12.1177V11.3891Z",fill:"currentColor"}),n.createElement("path",{d:"M12.4886 2.29681V6.87341H13.8795C14.4529 6.87341 14.7183 7.51856 14.2849 7.85866L11.6554 9.92188C11.4227 10.1045 11.0773 10.1045 10.8446 9.92188L8.21511 7.85866C7.78167 7.51856 8.04714 6.87341 8.62053 6.87341H9.92969V2.29681C9.92969 1.5806 10.5025 1 11.2091 1C11.9157 1 12.4886 1.5806 12.4886 2.29681Z",fill:"currentColor"}))};return b.displayName="Write",b.isGlyph=!0,b});
+!function(e,r){"object"==typeof exports&&"undefined"!=typeof module?module.exports=r(require("react"),require("@leafygreen-ui/emotion")):"function"==typeof define&&define.amd?define(["react","@leafygreen-ui/emotion"],r):(e="undefined"!=typeof globalThis?globalThis:e||self).LeafyGreen_WriteIcon=r(e.React,e.emotion)}(this,function(e,r){"use strict";function t(e){if(e&&"object"==typeof e&&"default"in e)return e;var r=Object.create(null);return e&&Object.keys(e).forEach(function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}}),r.default=e,Object.freeze(r)}var n=t(e);function l(e,r,t){return(r=function(e){var r=function(e,r){if("object"!=typeof e||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,r);if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e,"string");return"symbol"==typeof r?r:r+""}(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function a(){return a=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)({}).hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},a.apply(null,arguments)}function i(e,r){return r||(r=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(r)}}))}var o,c,f={small:14,default:16,large:20,xlarge:24};var u=["className","size","title","aria-label","aria-labelledby","fill","role"],b=function(e){var t=e.className,b=e.size,s=void 0===b?16:b,C=e.title,d=e["aria-label"],p=e["aria-labelledby"],y=e.fill,m=e.role,v=void 0===m?"img":m,g=function(e,r){if(null==e)return{};var t,n,l=function(e,r){if(null==e)return{};var t={};for(var n in e)if({}.hasOwnProperty.call(e,n)){if(-1!==r.indexOf(n))continue;t[n]=e[n]}return t}(e,r);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)t=a[n],-1===r.indexOf(t)&&{}.propertyIsEnumerable.call(e,t)&&(l[t]=e[t])}return l}(e,u),h=r.css(o||(o=i(["\n        color: ",";\n      "])),y),O=r.css(c||(c=i(["\n        flex-shrink: 0;\n      "]))),j=function(e,r,t){var n,a=t["aria-label"],i=t["aria-labelledby"],o=t.title;switch(e){case"img":return a||i||o?l(l(l({},"aria-labelledby",i),"aria-label",a),"title",o):{"aria-label":(n=r,"".concat(n.replace(/([a-z])([A-Z])/g,"$1 $2")," Icon"))};case"presentation":return{"aria-hidden":!0,alt:""}}}(v,"Write",l(l({title:C},"aria-label",d),"aria-labelledby",p));return n.createElement("svg",a({className:r.cx(l({},h,null!=y),O,t),height:"number"==typeof s?s:f[s],width:"number"==typeof s?s:f[s],role:v},j,g,{viewBox:"0 0 16 16"}),n.createElement("path",{d:"M8.71094 3.74943C7.98779 3.5624 7.17765 3.47059 6.375 3.47059C3.97108 3.47059 1.5 4.29411 1.5 6.03268C1.5 6.10964 1.50071 6.18476 1.50212 6.25809C1.50071 6.28953 1.5 6.32115 1.5 6.35294V6.55882C1.5 6.82855 1.62059 7.08757 1.88365 7.34157C2.15143 7.60013 2.54848 7.83326 3.04084 8.02823C4.02449 8.41774 5.29298 8.61764 6.375 8.61764C6.64212 8.61764 6.9206 8.60546 7.20335 8.58125C6.75934 8.06173 6.67036 7.35853 6.91542 6.76298C7.19331 6.08765 7.8543 5.63811 8.62053 5.63811H8.71094V3.74943Z",fill:"currentColor"}),n.createElement("path",{d:"M8.06766 9.30516C7.49049 9.39617 6.91039 9.44117 6.375 9.44117C5.21336 9.44117 3.84123 9.22931 2.74517 8.7953C2.2802 8.61117 1.84763 8.38033 1.5 8.09498V9.85294C1.5 10.1227 1.62059 10.3817 1.88365 10.6357C2.15143 10.8943 2.54848 11.1274 3.04084 11.3223C4.02449 11.7119 5.29298 11.9118 6.375 11.9118C7.45702 11.9118 8.72551 11.7119 9.70916 11.3223C9.92835 11.2356 10.1286 11.1412 10.3071 11.0404C10.2351 10.9984 10.1654 10.9511 10.0985 10.8987L8.06766 9.30516Z",fill:"currentColor"}),n.createElement("path",{d:"M11.25 11.3891C10.9024 11.6745 10.4698 11.9053 10.0048 12.0894C8.90877 12.5234 7.53664 12.7353 6.375 12.7353C5.21336 12.7353 3.84123 12.5234 2.74517 12.0894C2.2802 11.9053 1.84763 11.6745 1.5 11.3891V12.1177C1.5 12.1458 1.50056 12.1738 1.50166 12.2017C1.50056 12.2794 1.5 12.3581 1.5 12.4379C1.5 14.1765 3.97108 15 6.375 15C8.77892 15 11.25 14.1765 11.25 12.4379C11.25 12.3616 11.2493 12.2862 11.2479 12.2117C11.2493 12.1805 11.25 12.1492 11.25 12.1177V11.3891Z",fill:"currentColor"}),n.createElement("path",{d:"M12.4886 2.29681V6.87341H13.8795C14.4529 6.87341 14.7183 7.51856 14.2849 7.85866L11.6554 9.92188C11.4227 10.1045 11.0773 10.1045 10.8446 9.92188L8.21511 7.85866C7.78167 7.51856 8.04714 6.87341 8.62053 6.87341H9.92969V2.29681C9.92969 1.5806 10.5025 1 11.2091 1C11.9157 1 12.4886 1.5806 12.4886 2.29681Z",fill:"currentColor"}))};return b.displayName="Write",b.isGlyph=!0,b});
 //# sourceMappingURL=Write.js.map

package/dist/umd/Write.js.map

@@ -1 +1 @@
-{"version":3,"file":"Write.js","sources":["../../src/glyphCommon.ts","../../src/generated/Write.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}\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","/**\n* This is a generated file. Do not modify it manually.\n*\n* @script packages/icon/scripts/prebuild/index.ts\n* @checksum f09317c959afaf150c9a2f1eec6b0251\n*/\nimport * as React from \"react\";\nimport { css, cx } from '@leafygreen-ui/emotion';\nimport { generateAccessibleProps, sizeMap } from '../glyphCommon';\nimport { LGGlyph } from '../types';\nexport interface WriteProps extends LGGlyph.ComponentProps {}\nconst Write = ({\n  className,\n  size = 16,\n  title,\n  ['aria-label']: ariaLabel,\n  ['aria-labelledby']: ariaLabelledby,\n  fill,\n  role = 'img',\n  ...props\n}: WriteProps) => {\n  const fillStyle = css`\n        color: ${fill};\n      `;\n  const noFlexShrink = css`\n        flex-shrink: 0;\n      `;\n  const accessibleProps = generateAccessibleProps(role, 'Write', {\n    title,\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\"><path d=\"M8.71094 3.74943C7.98779 3.5624 7.17765 3.47059 6.375 3.47059C3.97108 3.47059 1.5 4.29411 1.5 6.03268C1.5 6.10964 1.50071 6.18476 1.50212 6.25809C1.50071 6.28953 1.5 6.32115 1.5 6.35294V6.55882C1.5 6.82855 1.62059 7.08757 1.88365 7.34157C2.15143 7.60013 2.54848 7.83326 3.04084 8.02823C4.02449 8.41774 5.29298 8.61764 6.375 8.61764C6.64212 8.61764 6.9206 8.60546 7.20335 8.58125C6.75934 8.06173 6.67036 7.35853 6.91542 6.76298C7.19331 6.08765 7.8543 5.63811 8.62053 5.63811H8.71094V3.74943Z\" fill={'currentColor'} /><path d=\"M8.06766 9.30516C7.49049 9.39617 6.91039 9.44117 6.375 9.44117C5.21336 9.44117 3.84123 9.22931 2.74517 8.7953C2.2802 8.61117 1.84763 8.38033 1.5 8.09498V9.85294C1.5 10.1227 1.62059 10.3817 1.88365 10.6357C2.15143 10.8943 2.54848 11.1274 3.04084 11.3223C4.02449 11.7119 5.29298 11.9118 6.375 11.9118C7.45702 11.9118 8.72551 11.7119 9.70916 11.3223C9.92835 11.2356 10.1286 11.1412 10.3071 11.0404C10.2351 10.9984 10.1654 10.9511 10.0985 10.8987L8.06766 9.30516Z\" fill={'currentColor'} /><path d=\"M11.25 11.3891C10.9024 11.6745 10.4698 11.9053 10.0048 12.0894C8.90877 12.5234 7.53664 12.7353 6.375 12.7353C5.21336 12.7353 3.84123 12.5234 2.74517 12.0894C2.2802 11.9053 1.84763 11.6745 1.5 11.3891V12.1177C1.5 12.1458 1.50056 12.1738 1.50166 12.2017C1.50056 12.2794 1.5 12.3581 1.5 12.4379C1.5 14.1765 3.97108 15 6.375 15C8.77892 15 11.25 14.1765 11.25 12.4379C11.25 12.3616 11.2493 12.2862 11.2479 12.2117C11.2493 12.1805 11.25 12.1492 11.25 12.1177V11.3891Z\" fill={'currentColor'} /><path d=\"M12.4886 2.29681V6.87341H13.8795C14.4529 6.87341 14.7183 7.51856 14.2849 7.85866L11.6554 9.92188C11.4227 10.1045 11.0773 10.1045 10.8446 9.92188L8.21511 7.85866C7.78167 7.51856 8.04714 6.87341 8.62053 6.87341H9.92969V2.29681C9.92969 1.5806 10.5025 1 11.2091 1C11.9157 1 12.4886 1.5806 12.4886 2.29681Z\" fill={'currentColor'} /></svg>;\n};\nWrite.displayName = 'Write';\nWrite.isGlyph = true;\nexport default Write;"],"names":["_templateObject","_templateObject2","sizeMap","small","default","large","xlarge","_excluded","Write","_ref","className","_ref$size","size","title","ariaLabel","ariaLabelledby","fill","_ref$role","role","props","_objectWithoutProperties","fillStyle","css","_taggedTemplateLiteral","noFlexShrink","accessibleProps","glyphName","name","_defineProperty","concat","replace","alt","generateAccessibleProps","React","createElement","_extends","cx","height","width","viewBox","d","displayName","isGlyph"],"mappings":"24CAOO,ICNHA,EAAiBC,EDMVC,EAAU,CACnBC,MAAO,GACPC,QAAS,GACTC,MAAO,GACPC,OAAQ,ICTV,IAAIC,EAAY,CAAC,YAAa,OAAQ,QAAS,aAAc,kBAAmB,OAAQ,QAUpFC,EAAQ,SAAeC,GACzB,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,EAAYC,EAAAA,IAAItB,IAAoBA,EAAkBuB,EAAuB,CAAC,oBAAqB,eAAgBP,GACnHQ,EAAeF,EAAGA,IAACrB,IAAqBA,EAAmBsB,EAAuB,CAAC,wCACnFE,EDZC,SAAiCP,EAAMQ,EAAWjB,GACvD,IAkB4BkB,EAlBxBb,EAAYL,EAAK,cACnBM,EAAiBN,EAAK,mBACtBI,EAAQJ,EAAKI,MACf,OAAQK,GACN,IAAK,MACH,OAAKJ,GAAcC,GAAmBF,EAK/Be,EAAgBA,EAAgBA,EAAgB,CAAE,EAAE,kBAAmBb,GAAiB,aAAcD,GAAY,QAASD,GAJzH,CACL,cAWoBc,EAXQD,EAY7B,GAAGG,OAAOF,EAAKG,QAAQ,kBAAmB,SAAU,WARzD,IAAK,eACH,MAAO,CACL,eAAe,EACfC,IAAK,IAGb,CCNwBC,CAAwBd,EAAM,QAASU,EAAgBA,EAAgB,CAC3Ff,MAAOA,GACN,aAAcC,GAAY,kBAAmBC,IAChD,OAAoBkB,EAAMC,cAAc,MAAOC,EAAS,CACtDzB,UAAW0B,EAAAA,GAAGR,EAAgB,GAAIP,EAAmB,MAARL,GAAeQ,EAAcd,GAC1E2B,OAAwB,iBAATzB,EAAoBA,EAAOV,EAAQU,GAClD0B,MAAuB,iBAAT1B,EAAoBA,EAAOV,EAAQU,GACjDM,KAAMA,GACLO,EAAiBN,EAAO,CACzBoB,QAAS,cACMN,EAAMC,cAAc,OAAQ,CAC3CM,EAAG,6eACHxB,KAAM,iBACSiB,EAAMC,cAAc,OAAQ,CAC3CM,EAAG,8cACHxB,KAAM,iBACSiB,EAAMC,cAAc,OAAQ,CAC3CM,EAAG,gdACHxB,KAAM,iBACSiB,EAAMC,cAAc,OAAQ,CAC3CM,EAAG,gTACHxB,KAAM,iBAEV,SACAR,EAAMiC,YAAc,QACpBjC,EAAMkC,SAAU"}
+{"version":3,"file":"Write.js","sources":["../../src/glyphCommon.ts","../../src/generated/Write.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}\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","/**\n* This is a generated file. Do not modify it manually.\n*\n* @script packages/icon/scripts/prebuild/index.ts\n* @checksum 88f5725fa3ea564f5ae7a38c459c4202\n*/\nimport * as React from \"react\";\nimport { css, cx } from '@leafygreen-ui/emotion';\nimport { generateAccessibleProps, sizeMap } from '../glyphCommon';\nimport { LGGlyph } from '../types';\nexport interface WriteProps extends LGGlyph.ComponentProps {}\nconst Write = ({\n  className,\n  size = 16,\n  title,\n  ['aria-label']: ariaLabel,\n  ['aria-labelledby']: ariaLabelledby,\n  fill,\n  role = 'img',\n  ...props\n}: WriteProps) => {\n  const fillStyle = css`\n        color: ${fill};\n      `;\n  const noFlexShrink = css`\n        flex-shrink: 0;\n      `;\n  const accessibleProps = generateAccessibleProps(role, 'Write', {\n    title,\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\"><path d=\"M8.71094 3.74943C7.98779 3.5624 7.17765 3.47059 6.375 3.47059C3.97108 3.47059 1.5 4.29411 1.5 6.03268C1.5 6.10964 1.50071 6.18476 1.50212 6.25809C1.50071 6.28953 1.5 6.32115 1.5 6.35294V6.55882C1.5 6.82855 1.62059 7.08757 1.88365 7.34157C2.15143 7.60013 2.54848 7.83326 3.04084 8.02823C4.02449 8.41774 5.29298 8.61764 6.375 8.61764C6.64212 8.61764 6.9206 8.60546 7.20335 8.58125C6.75934 8.06173 6.67036 7.35853 6.91542 6.76298C7.19331 6.08765 7.8543 5.63811 8.62053 5.63811H8.71094V3.74943Z\" fill={'currentColor'} /><path d=\"M8.06766 9.30516C7.49049 9.39617 6.91039 9.44117 6.375 9.44117C5.21336 9.44117 3.84123 9.22931 2.74517 8.7953C2.2802 8.61117 1.84763 8.38033 1.5 8.09498V9.85294C1.5 10.1227 1.62059 10.3817 1.88365 10.6357C2.15143 10.8943 2.54848 11.1274 3.04084 11.3223C4.02449 11.7119 5.29298 11.9118 6.375 11.9118C7.45702 11.9118 8.72551 11.7119 9.70916 11.3223C9.92835 11.2356 10.1286 11.1412 10.3071 11.0404C10.2351 10.9984 10.1654 10.9511 10.0985 10.8987L8.06766 9.30516Z\" fill={'currentColor'} /><path d=\"M11.25 11.3891C10.9024 11.6745 10.4698 11.9053 10.0048 12.0894C8.90877 12.5234 7.53664 12.7353 6.375 12.7353C5.21336 12.7353 3.84123 12.5234 2.74517 12.0894C2.2802 11.9053 1.84763 11.6745 1.5 11.3891V12.1177C1.5 12.1458 1.50056 12.1738 1.50166 12.2017C1.50056 12.2794 1.5 12.3581 1.5 12.4379C1.5 14.1765 3.97108 15 6.375 15C8.77892 15 11.25 14.1765 11.25 12.4379C11.25 12.3616 11.2493 12.2862 11.2479 12.2117C11.2493 12.1805 11.25 12.1492 11.25 12.1177V11.3891Z\" fill={'currentColor'} /><path d=\"M12.4886 2.29681V6.87341H13.8795C14.4529 6.87341 14.7183 7.51856 14.2849 7.85866L11.6554 9.92188C11.4227 10.1045 11.0773 10.1045 10.8446 9.92188L8.21511 7.85866C7.78167 7.51856 8.04714 6.87341 8.62053 6.87341H9.92969V2.29681C9.92969 1.5806 10.5025 1 11.2091 1C11.9157 1 12.4886 1.5806 12.4886 2.29681Z\" fill={'currentColor'} /></svg>;\n};\nWrite.displayName = 'Write';\nWrite.isGlyph = true;\nexport default Write;"],"names":["_templateObject","_templateObject2","sizeMap","small","default","large","xlarge","_excluded","Write","_ref","className","_ref$size","size","title","ariaLabel","ariaLabelledby","fill","_ref$role","role","props","_objectWithoutProperties","fillStyle","css","_taggedTemplateLiteral","noFlexShrink","accessibleProps","glyphName","name","_defineProperty","concat","replace","alt","generateAccessibleProps","React","createElement","_extends","cx","height","width","viewBox","d","displayName","isGlyph"],"mappings":"i4CAOO,ICNHA,EAAiBC,EDMVC,EAAU,CACnBC,MAAO,GACPC,QAAS,GACTC,MAAO,GACPC,OAAQ,ICTV,IAAIC,EAAY,CAAC,YAAa,OAAQ,QAAS,aAAc,kBAAmB,OAAQ,QAUpFC,EAAQ,SAAeC,GACzB,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,EAAYC,EAAAA,IAAItB,IAAoBA,EAAkBuB,EAAuB,CAAC,oBAAqB,eAAgBP,GACnHQ,EAAeF,EAAGA,IAACrB,IAAqBA,EAAmBsB,EAAuB,CAAC,wCACnFE,EDZC,SAAiCP,EAAMQ,EAAWjB,GACvD,IAkB4BkB,EAlBxBb,EAAYL,EAAK,cACnBM,EAAiBN,EAAK,mBACtBI,EAAQJ,EAAKI,MACf,OAAQK,GACN,IAAK,MACH,OAAKJ,GAAcC,GAAmBF,EAK/Be,EAAgBA,EAAgBA,EAAgB,CAAE,EAAE,kBAAmBb,GAAiB,aAAcD,GAAY,QAASD,GAJzH,CACL,cAWoBc,EAXQD,EAY7B,GAAGG,OAAOF,EAAKG,QAAQ,kBAAmB,SAAU,WARzD,IAAK,eACH,MAAO,CACL,eAAe,EACfC,IAAK,IAGb,CCNwBC,CAAwBd,EAAM,QAASU,EAAgBA,EAAgB,CAC3Ff,MAAOA,GACN,aAAcC,GAAY,kBAAmBC,IAChD,OAAoBkB,EAAMC,cAAc,MAAOC,EAAS,CACtDzB,UAAW0B,EAAAA,GAAGR,EAAgB,GAAIP,EAAmB,MAARL,GAAeQ,EAAcd,GAC1E2B,OAAwB,iBAATzB,EAAoBA,EAAOV,EAAQU,GAClD0B,MAAuB,iBAAT1B,EAAoBA,EAAOV,EAAQU,GACjDM,KAAMA,GACLO,EAAiBN,EAAO,CACzBoB,QAAS,cACMN,EAAMC,cAAc,OAAQ,CAC3CM,EAAG,6eACHxB,KAAM,iBACSiB,EAAMC,cAAc,OAAQ,CAC3CM,EAAG,8cACHxB,KAAM,iBACSiB,EAAMC,cAAc,OAAQ,CAC3CM,EAAG,gdACHxB,KAAM,iBACSiB,EAAMC,cAAc,OAAQ,CAC3CM,EAAG,gTACHxB,KAAM,iBAEV,SACAR,EAAMiC,YAAc,QACpBjC,EAAMkC,SAAU"}

package/dist/umd/X.js

@@ -1,2 +1,2 @@
-!function(e,r){"object"==typeof exports&&"undefined"!=typeof module?module.exports=r(require("react"),require("@leafygreen-ui/emotion")):"function"==typeof define&&define.amd?define(["react","@leafygreen-ui/emotion"],r):((e="undefined"!=typeof globalThis?globalThis:e||self).X=e.X||{},e.X.js=r(e.React,e.emotion))}(this,function(e,r){"use strict";function t(e){if(e&&"object"==typeof e&&"default"in e)return e;var r=Object.create(null);return e&&Object.keys(e).forEach(function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}}),r.default=e,Object.freeze(r)}var n=t(e);function i(e,r,t){return(r=function(e){var r=function(e,r){if("object"!=typeof e||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,r);if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e,"string");return"symbol"==typeof r?r:r+""}(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function l(){return l=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)({}).hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},l.apply(null,arguments)}function a(e,r){return r||(r=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(r)}}))}var o,u,f={small:14,default:16,large:20,xlarge:24};var c=["className","size","title","aria-label","aria-labelledby","fill","role"],b=function(e){var t=e.className,b=e.size,s=void 0===b?16:b,d=e.title,y=e["aria-label"],p=e["aria-labelledby"],v=e.fill,m=e.role,g=void 0===m?"img":m,O=function(e,r){if(null==e)return{};var t,n,i=function(e,r){if(null==e)return{};var t={};for(var n in e)if({}.hasOwnProperty.call(e,n)){if(-1!==r.indexOf(n))continue;t[n]=e[n]}return t}(e,r);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n<l.length;n++)t=l[n],-1===r.indexOf(t)&&{}.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i}(e,c),j=r.css(o||(o=a(["\n        color: ",";\n      "])),v),h=r.css(u||(u=a(["\n        flex-shrink: 0;\n      "]))),w=function(e,r,t){var n,l=t["aria-label"],a=t["aria-labelledby"],o=t.title;switch(e){case"img":return l||a||o?i(i(i({},"aria-labelledby",a),"aria-label",l),"title",o):{"aria-label":(n=r,"".concat(n.replace(/([a-z])([A-Z])/g,"$1 $2")," Icon"))};case"presentation":return{"aria-hidden":!0,alt:""}}}(g,"X",i(i({title:d},"aria-label",y),"aria-labelledby",p));return n.createElement("svg",l({className:r.cx(i({},j,null!=v),h,t),height:"number"==typeof s?s:f[s],width:"number"==typeof s?s:f[s],role:g},w,O,{viewBox:"0 0 16 16"}),n.createElement("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"}))};return b.displayName="X",b.isGlyph=!0,b});
+!function(e,r){"object"==typeof exports&&"undefined"!=typeof module?module.exports=r(require("react"),require("@leafygreen-ui/emotion")):"function"==typeof define&&define.amd?define(["react","@leafygreen-ui/emotion"],r):(e="undefined"!=typeof globalThis?globalThis:e||self).LeafyGreen_XIcon=r(e.React,e.emotion)}(this,function(e,r){"use strict";function t(e){if(e&&"object"==typeof e&&"default"in e)return e;var r=Object.create(null);return e&&Object.keys(e).forEach(function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}}),r.default=e,Object.freeze(r)}var n=t(e);function i(e,r,t){return(r=function(e){var r=function(e,r){if("object"!=typeof e||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,r);if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e,"string");return"symbol"==typeof r?r:r+""}(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function l(){return l=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)({}).hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},l.apply(null,arguments)}function a(e,r){return r||(r=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(r)}}))}var o,f,u={small:14,default:16,large:20,xlarge:24};var c=["className","size","title","aria-label","aria-labelledby","fill","role"],b=function(e){var t=e.className,b=e.size,s=void 0===b?16:b,d=e.title,y=e["aria-label"],p=e["aria-labelledby"],v=e.fill,m=e.role,g=void 0===m?"img":m,O=function(e,r){if(null==e)return{};var t,n,i=function(e,r){if(null==e)return{};var t={};for(var n in e)if({}.hasOwnProperty.call(e,n)){if(-1!==r.indexOf(n))continue;t[n]=e[n]}return t}(e,r);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n<l.length;n++)t=l[n],-1===r.indexOf(t)&&{}.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i}(e,c),h=r.css(o||(o=a(["\n        color: ",";\n      "])),v),j=r.css(f||(f=a(["\n        flex-shrink: 0;\n      "]))),L=function(e,r,t){var n,l=t["aria-label"],a=t["aria-labelledby"],o=t.title;switch(e){case"img":return l||a||o?i(i(i({},"aria-labelledby",a),"aria-label",l),"title",o):{"aria-label":(n=r,"".concat(n.replace(/([a-z])([A-Z])/g,"$1 $2")," Icon"))};case"presentation":return{"aria-hidden":!0,alt:""}}}(g,"X",i(i({title:d},"aria-label",y),"aria-labelledby",p));return n.createElement("svg",l({className:r.cx(i({},h,null!=v),j,t),height:"number"==typeof s?s:u[s],width:"number"==typeof s?s:u[s],role:g},L,O,{viewBox:"0 0 16 16"}),n.createElement("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"}))};return b.displayName="X",b.isGlyph=!0,b});
 //# sourceMappingURL=X.js.map

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}\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","/**\n* This is a generated file. Do not modify it manually.\n*\n* @script packages/icon/scripts/prebuild/index.ts\n* @checksum fecbd2c1bac25c4d7d8d72184d4b4f8f\n*/\nimport * as React from \"react\";\nimport { css, cx } from '@leafygreen-ui/emotion';\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 fillStyle = css`\n        color: ${fill};\n      `;\n  const noFlexShrink = css`\n        flex-shrink: 0;\n      `;\n  const accessibleProps = generateAccessibleProps(role, 'X', {\n    title,\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\"><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","fillStyle","css","_taggedTemplateLiteral","noFlexShrink","accessibleProps","glyphName","name","_defineProperty","concat","replace","alt","generateAccessibleProps","React","createElement","_extends","cx","height","width","viewBox","fillRule","clipRule","d","displayName","isGlyph"],"mappings":"+3CAOO,ICNHA,EAAiBC,EDMVC,EAAU,CACnBC,MAAO,GACPC,QAAS,GACTC,MAAO,GACPC,OAAQ,ICTV,IAAIC,EAAY,CAAC,YAAa,OAAQ,QAAS,aAAc,kBAAmB,OAAQ,QAUpFC,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,EAAYC,EAAAA,IAAItB,IAAoBA,EAAkBuB,EAAuB,CAAC,oBAAqB,eAAgBP,GACnHQ,EAAeF,EAAGA,IAACrB,IAAqBA,EAAmBsB,EAAuB,CAAC,wCACnFE,EDZC,SAAiCP,EAAMQ,EAAWjB,GACvD,IAkB4BkB,EAlBxBb,EAAYL,EAAK,cACnBM,EAAiBN,EAAK,mBACtBI,EAAQJ,EAAKI,MACf,OAAQK,GACN,IAAK,MACH,OAAKJ,GAAcC,GAAmBF,EAK/Be,EAAgBA,EAAgBA,EAAgB,CAAE,EAAE,kBAAmBb,GAAiB,aAAcD,GAAY,QAASD,GAJzH,CACL,cAWoBc,EAXQD,EAY7B,GAAGG,OAAOF,EAAKG,QAAQ,kBAAmB,SAAU,WARzD,IAAK,eACH,MAAO,CACL,eAAe,EACfC,IAAK,IAGb,CCNwBC,CAAwBd,EAAM,IAAKU,EAAgBA,EAAgB,CACvFf,MAAOA,GACN,aAAcC,GAAY,kBAAmBC,IAChD,OAAoBkB,EAAMC,cAAc,MAAOC,EAAS,CACtDzB,UAAW0B,EAAAA,GAAGR,EAAgB,GAAIP,EAAmB,MAARL,GAAeQ,EAAcd,GAC1E2B,OAAwB,iBAATzB,EAAoBA,EAAOV,EAAQU,GAClD0B,MAAuB,iBAAT1B,EAAoBA,EAAOV,EAAQU,GACjDM,KAAMA,GACLO,EAAiBN,EAAO,CACzBoB,QAAS,cACMN,EAAMC,cAAc,OAAQ,CAC3CM,SAAU,UACVC,SAAU,UACVC,EAAG,ilBACH1B,KAAM,iBAEV,SACAR,EAAEmC,YAAc,IAChBnC,EAAEoC,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}\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","/**\n* This is a generated file. Do not modify it manually.\n*\n* @script packages/icon/scripts/prebuild/index.ts\n* @checksum c4c4dba0474e43edea5bc9c3132850bb\n*/\nimport * as React from \"react\";\nimport { css, cx } from '@leafygreen-ui/emotion';\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 fillStyle = css`\n        color: ${fill};\n      `;\n  const noFlexShrink = css`\n        flex-shrink: 0;\n      `;\n  const accessibleProps = generateAccessibleProps(role, 'X', {\n    title,\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\"><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","fillStyle","css","_taggedTemplateLiteral","noFlexShrink","accessibleProps","glyphName","name","_defineProperty","concat","replace","alt","generateAccessibleProps","React","createElement","_extends","cx","height","width","viewBox","fillRule","clipRule","d","displayName","isGlyph"],"mappings":"63CAOO,ICNHA,EAAiBC,EDMVC,EAAU,CACnBC,MAAO,GACPC,QAAS,GACTC,MAAO,GACPC,OAAQ,ICTV,IAAIC,EAAY,CAAC,YAAa,OAAQ,QAAS,aAAc,kBAAmB,OAAQ,QAUpFC,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,EAAYC,EAAAA,IAAItB,IAAoBA,EAAkBuB,EAAuB,CAAC,oBAAqB,eAAgBP,GACnHQ,EAAeF,EAAGA,IAACrB,IAAqBA,EAAmBsB,EAAuB,CAAC,wCACnFE,EDZC,SAAiCP,EAAMQ,EAAWjB,GACvD,IAkB4BkB,EAlBxBb,EAAYL,EAAK,cACnBM,EAAiBN,EAAK,mBACtBI,EAAQJ,EAAKI,MACf,OAAQK,GACN,IAAK,MACH,OAAKJ,GAAcC,GAAmBF,EAK/Be,EAAgBA,EAAgBA,EAAgB,CAAE,EAAE,kBAAmBb,GAAiB,aAAcD,GAAY,QAASD,GAJzH,CACL,cAWoBc,EAXQD,EAY7B,GAAGG,OAAOF,EAAKG,QAAQ,kBAAmB,SAAU,WARzD,IAAK,eACH,MAAO,CACL,eAAe,EACfC,IAAK,IAGb,CCNwBC,CAAwBd,EAAM,IAAKU,EAAgBA,EAAgB,CACvFf,MAAOA,GACN,aAAcC,GAAY,kBAAmBC,IAChD,OAAoBkB,EAAMC,cAAc,MAAOC,EAAS,CACtDzB,UAAW0B,EAAAA,GAAGR,EAAgB,GAAIP,EAAmB,MAARL,GAAeQ,EAAcd,GAC1E2B,OAAwB,iBAATzB,EAAoBA,EAAOV,EAAQU,GAClD0B,MAAuB,iBAAT1B,EAAoBA,EAAOV,EAAQU,GACjDM,KAAMA,GACLO,EAAiBN,EAAO,CACzBoB,QAAS,cACMN,EAAMC,cAAc,OAAQ,CAC3CM,SAAU,UACVC,SAAU,UACVC,EAAG,ilBACH1B,KAAM,iBAEV,SACAR,EAAEmC,YAAc,IAChBnC,EAAEoC,SAAU"}

package/dist/umd/XWithCircle.js

@@ -1,2 +1,2 @@
-!function(e,r){"object"==typeof exports&&"undefined"!=typeof module?module.exports=r(require("react"),require("@leafygreen-ui/emotion")):"function"==typeof define&&define.amd?define(["react","@leafygreen-ui/emotion"],r):((e="undefined"!=typeof globalThis?globalThis:e||self).XWithCircle=e.XWithCircle||{},e.XWithCircle.js=r(e.React,e.emotion))}(this,function(e,r){"use strict";function t(e){if(e&&"object"==typeof e&&"default"in e)return e;var r=Object.create(null);return e&&Object.keys(e).forEach(function(t){if("default"!==t){var i=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,i.get?i:{enumerable:!0,get:function(){return e[t]}})}}),r.default=e,Object.freeze(r)}var i=t(e);function l(e,r,t){return(r=function(e){var r=function(e,r){if("object"!=typeof e||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var i=t.call(e,r);if("object"!=typeof i)return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e,"string");return"symbol"==typeof r?r:r+""}(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function n(){return n=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var i in t)({}).hasOwnProperty.call(t,i)&&(e[i]=t[i])}return e},n.apply(null,arguments)}function a(e,r){return r||(r=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(r)}}))}var o,c,u={small:14,default:16,large:20,xlarge:24};var f=["className","size","title","aria-label","aria-labelledby","fill","role"],b=function(e){var t=e.className,b=e.size,s=void 0===b?16:b,d=e.title,y=e["aria-label"],p=e["aria-labelledby"],v=e.fill,m=e.role,g=void 0===m?"img":m,h=function(e,r){if(null==e)return{};var t,i,l=function(e,r){if(null==e)return{};var t={};for(var i in e)if({}.hasOwnProperty.call(e,i)){if(-1!==r.indexOf(i))continue;t[i]=e[i]}return t}(e,r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(i=0;i<n.length;i++)t=n[i],-1===r.indexOf(t)&&{}.propertyIsEnumerable.call(e,t)&&(l[t]=e[t])}return l}(e,f),O=r.css(o||(o=a(["\n        color: ",";\n      "])),v),j=r.css(c||(c=a(["\n        flex-shrink: 0;\n      "]))),C=function(e,r,t){var i,n=t["aria-label"],a=t["aria-labelledby"],o=t.title;switch(e){case"img":return n||a||o?l(l(l({},"aria-labelledby",a),"aria-label",n),"title",o):{"aria-label":(i=r,"".concat(i.replace(/([a-z])([A-Z])/g,"$1 $2")," Icon"))};case"presentation":return{"aria-hidden":!0,alt:""}}}(g,"XWithCircle",l(l({title:d},"aria-label",y),"aria-labelledby",p));return i.createElement("svg",n({className:r.cx(l({},O,null!=v),j,t),height:"number"==typeof s?s:u[s],width:"number"==typeof s?s:u[s],role:g},C,h,{viewBox:"0 0 16 16"}),i.createElement("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"}))};return b.displayName="XWithCircle",b.isGlyph=!0,b});
+!function(e,r){"object"==typeof exports&&"undefined"!=typeof module?module.exports=r(require("react"),require("@leafygreen-ui/emotion")):"function"==typeof define&&define.amd?define(["react","@leafygreen-ui/emotion"],r):(e="undefined"!=typeof globalThis?globalThis:e||self).LeafyGreen_XWithCircleIcon=r(e.React,e.emotion)}(this,function(e,r){"use strict";function t(e){if(e&&"object"==typeof e&&"default"in e)return e;var r=Object.create(null);return e&&Object.keys(e).forEach(function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}}),r.default=e,Object.freeze(r)}var n=t(e);function i(e,r,t){return(r=function(e){var r=function(e,r){if("object"!=typeof e||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,r);if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e,"string");return"symbol"==typeof r?r:r+""}(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function l(){return l=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)({}).hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},l.apply(null,arguments)}function a(e,r){return r||(r=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(r)}}))}var o,c,f={small:14,default:16,large:20,xlarge:24};var u=["className","size","title","aria-label","aria-labelledby","fill","role"],b=function(e){var t=e.className,b=e.size,s=void 0===b?16:b,d=e.title,y=e["aria-label"],p=e["aria-labelledby"],v=e.fill,m=e.role,g=void 0===m?"img":m,h=function(e,r){if(null==e)return{};var t,n,i=function(e,r){if(null==e)return{};var t={};for(var n in e)if({}.hasOwnProperty.call(e,n)){if(-1!==r.indexOf(n))continue;t[n]=e[n]}return t}(e,r);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n<l.length;n++)t=l[n],-1===r.indexOf(t)&&{}.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i}(e,u),O=r.css(o||(o=a(["\n        color: ",";\n      "])),v),j=r.css(c||(c=a(["\n        flex-shrink: 0;\n      "]))),C=function(e,r,t){var n,l=t["aria-label"],a=t["aria-labelledby"],o=t.title;switch(e){case"img":return l||a||o?i(i(i({},"aria-labelledby",a),"aria-label",l),"title",o):{"aria-label":(n=r,"".concat(n.replace(/([a-z])([A-Z])/g,"$1 $2")," Icon"))};case"presentation":return{"aria-hidden":!0,alt:""}}}(g,"XWithCircle",i(i({title:d},"aria-label",y),"aria-labelledby",p));return n.createElement("svg",l({className:r.cx(i({},O,null!=v),j,t),height:"number"==typeof s?s:f[s],width:"number"==typeof s?s:f[s],role:g},C,h,{viewBox:"0 0 16 16"}),n.createElement("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"}))};return b.displayName="XWithCircle",b.isGlyph=!0,b});
 //# sourceMappingURL=XWithCircle.js.map

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}\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","/**\n* This is a generated file. Do not modify it manually.\n*\n* @script packages/icon/scripts/prebuild/index.ts\n* @checksum bdfcd02d9d6c5e40fb838585a5eabcde\n*/\nimport * as React from \"react\";\nimport { css, cx } from '@leafygreen-ui/emotion';\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 fillStyle = css`\n        color: ${fill};\n      `;\n  const noFlexShrink = css`\n        flex-shrink: 0;\n      `;\n  const accessibleProps = generateAccessibleProps(role, 'XWithCircle', {\n    title,\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\"><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","fillStyle","css","_taggedTemplateLiteral","noFlexShrink","accessibleProps","glyphName","name","_defineProperty","concat","replace","alt","generateAccessibleProps","React","createElement","_extends","cx","height","width","viewBox","fillRule","clipRule","d","displayName","isGlyph"],"mappings":"65CAOO,ICNHA,EAAiBC,EDMVC,EAAU,CACnBC,MAAO,GACPC,QAAS,GACTC,MAAO,GACPC,OAAQ,ICTV,IAAIC,EAAY,CAAC,YAAa,OAAQ,QAAS,aAAc,kBAAmB,OAAQ,QAUpFC,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,EAAYC,EAAAA,IAAItB,IAAoBA,EAAkBuB,EAAuB,CAAC,oBAAqB,eAAgBP,GACnHQ,EAAeF,EAAGA,IAACrB,IAAqBA,EAAmBsB,EAAuB,CAAC,wCACnFE,EDZC,SAAiCP,EAAMQ,EAAWjB,GACvD,IAkB4BkB,EAlBxBb,EAAYL,EAAK,cACnBM,EAAiBN,EAAK,mBACtBI,EAAQJ,EAAKI,MACf,OAAQK,GACN,IAAK,MACH,OAAKJ,GAAcC,GAAmBF,EAK/Be,EAAgBA,EAAgBA,EAAgB,CAAE,EAAE,kBAAmBb,GAAiB,aAAcD,GAAY,QAASD,GAJzH,CACL,cAWoBc,EAXQD,EAY7B,GAAGG,OAAOF,EAAKG,QAAQ,kBAAmB,SAAU,WARzD,IAAK,eACH,MAAO,CACL,eAAe,EACfC,IAAK,IAGb,CCNwBC,CAAwBd,EAAM,cAAeU,EAAgBA,EAAgB,CACjGf,MAAOA,GACN,aAAcC,GAAY,kBAAmBC,IAChD,OAAoBkB,EAAMC,cAAc,MAAOC,EAAS,CACtDzB,UAAW0B,EAAAA,GAAGR,EAAgB,GAAIP,EAAmB,MAARL,GAAeQ,EAAcd,GAC1E2B,OAAwB,iBAATzB,EAAoBA,EAAOV,EAAQU,GAClD0B,MAAuB,iBAAT1B,EAAoBA,EAAOV,EAAQU,GACjDM,KAAMA,GACLO,EAAiBN,EAAO,CACzBoB,QAAS,cACMN,EAAMC,cAAc,OAAQ,CAC3CM,SAAU,UACVC,SAAU,UACVC,EAAG,wlBACH1B,KAAM,iBAEV,SACAR,EAAYmC,YAAc,cAC1BnC,EAAYoC,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}\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","/**\n* This is a generated file. Do not modify it manually.\n*\n* @script packages/icon/scripts/prebuild/index.ts\n* @checksum be4d5840abf953589ffc2965feeb2bba\n*/\nimport * as React from \"react\";\nimport { css, cx } from '@leafygreen-ui/emotion';\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 fillStyle = css`\n        color: ${fill};\n      `;\n  const noFlexShrink = css`\n        flex-shrink: 0;\n      `;\n  const accessibleProps = generateAccessibleProps(role, 'XWithCircle', {\n    title,\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\"><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","fillStyle","css","_taggedTemplateLiteral","noFlexShrink","accessibleProps","glyphName","name","_defineProperty","concat","replace","alt","generateAccessibleProps","React","createElement","_extends","cx","height","width","viewBox","fillRule","clipRule","d","displayName","isGlyph"],"mappings":"u4CAOO,ICNHA,EAAiBC,EDMVC,EAAU,CACnBC,MAAO,GACPC,QAAS,GACTC,MAAO,GACPC,OAAQ,ICTV,IAAIC,EAAY,CAAC,YAAa,OAAQ,QAAS,aAAc,kBAAmB,OAAQ,QAUpFC,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,EAAYC,EAAAA,IAAItB,IAAoBA,EAAkBuB,EAAuB,CAAC,oBAAqB,eAAgBP,GACnHQ,EAAeF,EAAGA,IAACrB,IAAqBA,EAAmBsB,EAAuB,CAAC,wCACnFE,EDZC,SAAiCP,EAAMQ,EAAWjB,GACvD,IAkB4BkB,EAlBxBb,EAAYL,EAAK,cACnBM,EAAiBN,EAAK,mBACtBI,EAAQJ,EAAKI,MACf,OAAQK,GACN,IAAK,MACH,OAAKJ,GAAcC,GAAmBF,EAK/Be,EAAgBA,EAAgBA,EAAgB,CAAE,EAAE,kBAAmBb,GAAiB,aAAcD,GAAY,QAASD,GAJzH,CACL,cAWoBc,EAXQD,EAY7B,GAAGG,OAAOF,EAAKG,QAAQ,kBAAmB,SAAU,WARzD,IAAK,eACH,MAAO,CACL,eAAe,EACfC,IAAK,IAGb,CCNwBC,CAAwBd,EAAM,cAAeU,EAAgBA,EAAgB,CACjGf,MAAOA,GACN,aAAcC,GAAY,kBAAmBC,IAChD,OAAoBkB,EAAMC,cAAc,MAAOC,EAAS,CACtDzB,UAAW0B,EAAAA,GAAGR,EAAgB,GAAIP,EAAmB,MAARL,GAAeQ,EAAcd,GAC1E2B,OAAwB,iBAATzB,EAAoBA,EAAOV,EAAQU,GAClD0B,MAAuB,iBAAT1B,EAAoBA,EAAOV,EAAQU,GACjDM,KAAMA,GACLO,EAAiBN,EAAO,CACzBoB,QAAS,cACMN,EAAMC,cAAc,OAAQ,CAC3CM,SAAU,UACVC,SAAU,UACVC,EAAG,wlBACH1B,KAAM,iBAEV,SACAR,EAAYmC,YAAc,cAC1BnC,EAAYoC,SAAU"}

package/package.json

@@ -1,18 +1,35 @@
 {
   "name": "@leafygreen-ui/icon",
-  "version": "14.4.0",
+  "version": "14.5.0",
   "description": "LeafyGreen UI Kit Icons",
   "main": "./dist/umd/index.js",
   "module": "./dist/esm/index.js",
   "types": "./dist/types/index.d.ts",
-  "typesVersions": {},
+  "exports": {
+    ".": {
+      "types": "./dist/types/index.d.ts",
+      "types@<=5.0": "./dist/types/ts4.9/index.d.ts",
+      "import": "./dist/esm/index.js",
+      "require": "./dist/umd/index.js"
+    },
+    "./dist/*": {
+      "types": "./dist/types/generated/*.d.ts",
+      "import": "./dist/esm/*.js",
+      "require": "./dist/umd/*.js"
+    },
+    "./*": {
+      "types": "./dist/types/generated/*.d.ts",
+      "import": "./dist/esm/*.js",
+      "require": "./dist/umd/*.js"
+    }
+  },
   "license": "Apache-2.0",
   "publishConfig": {
     "access": "public"
   },
   "dependencies": {
     "lodash": "^4.17.21",
-    "@leafygreen-ui/emotion": "^5.0.0"
+    "@leafygreen-ui/emotion": "^5.0.2"
   },
   "devDependencies": {
     "@svgr/core": "^5.3.1",
@@ -23,10 +40,10 @@
     "xml2json": "^0.12.0",
     "p-queue": "^8.1.0",
     "fs-extra": "11.1.1",
-    "@leafygreen-ui/lib": "^15.2.0",
-    "@lg-tools/build": "^0.8.0",
-    "@leafygreen-ui/palette": "^5.0.0",
-    "@lg-tools/lint": "^3.0.0"
+    "@leafygreen-ui/lib": "^15.3.0",
+    "@leafygreen-ui/palette": "^5.0.2",
+    "@lg-tools/build": "^0.8.2",
+    "@lg-tools/lint": "^3.0.2"
   },
   "gitHead": "dd71a2d404218ccec2e657df9c0263dc1c15b9e0",
   "homepage": "https://github.com/mongodb/leafygreen-ui/tree/main/packages/icon",
@@ -35,12 +52,12 @@
     "url": "https://github.com/mongodb/leafygreen-ui"
   },
   "bugs": {
-    "url": "https://jira.mongodb.org/projects/PD/summary"
+    "url": "https://jira.mongodb.org/projects/LG/summary"
   },
+  "typesVersions": {},
   "scripts": {
     "prebuild": "ts-node ./scripts/prebuild/index.ts",
-    "build": "ts-node ./scripts/build/index.ts",
-    "postbuild": "ts-node ./scripts/postbuild/index.ts",
+    "build": "ts-node ./scripts/build/build.ts",
     "tsc": "lg-build tsc",
     "docs": "lg-build docs"
   }

package/scripts/build/build-batch.ts

@@ -0,0 +1,63 @@
+/* eslint-disable no-console */
+import { MergedRollupOptions, rollup } from 'rollup';
+
+import { GENERATED_DIR } from './constants';
+
+async function getBatchBuildOptions(
+  batch: Array<string>,
+): Promise<Array<MergedRollupOptions>> {
+  const { esmConfig, umdConfig } = await import(
+    '@lg-tools/build/config/rollup.config.mjs'
+  );
+
+  return [
+    // ESM build can take an array of input files
+    {
+      ...esmConfig,
+      input: batch.map(icon => `${GENERATED_DIR}/${icon}.tsx`),
+      output: [esmConfig.output],
+    },
+    // UMD builds need a single input file
+    ...batch.map(icon => {
+      return {
+        ...umdConfig,
+        input: `${GENERATED_DIR}/${icon}.tsx`,
+        output: [
+          {
+            ...umdConfig.output,
+            name: `LeafyGreen_${icon}Icon`,
+            dir: `dist/umd`,
+          },
+        ],
+      };
+    }),
+  ];
+}
+
+/**
+ * Runs the Rollup build command for a batch of icons.
+ */
+export async function buildBatch(
+  batch: Array<string>,
+  verbose = false,
+): Promise<void> {
+  try {
+    const rollupConfigs = await getBatchBuildOptions(batch);
+
+    for (const config of rollupConfigs) {
+      const bundle = await rollup(config);
+
+      if (verbose) {
+        console.log(bundle.watchFiles);
+      }
+
+      await Promise.all(config.output.map(bundle.write));
+      await bundle.close();
+    }
+  } catch (e) {
+    console.error(
+      `Error building icon batch including: ${batch.join(', ')}\n`,
+      e,
+    );
+  }
+}

package/scripts/build/{index.ts → build.ts}

@@ -1,14 +1,15 @@
 /* eslint-disable no-console */
-import { exec } from 'child_process';
+import { buildPackage } from '@lg-tools/build';
 import { Command } from 'commander';
 
-import { getChangedChecksums } from './compare-checksum';
+import { buildBatch } from './build-batch';
+import { getAllIcons, getChangedIcons } from './compare-checksum';
+import { BATCH_SIZE, NUM_WORKERS } from './constants';
 
-const BATCH_SIZE = 10;
-const NUM_WORKERS = 4;
-
-const ROLLUP_CONFIG_PATH = 'rollup.config.mjs';
-const ROLLUP_BATCH_CONFIG_PATH = 'rollup.batch.config.mjs';
+interface BuildIconOptions {
+  verbose?: boolean;
+  force?: boolean;
+}
 
 /**
  * Splits an array into chunks of a specified size.
@@ -26,45 +27,8 @@ function chunkArray<T>(arr: Array<T>, size: number): Array<Array<T>> {
 /**
  * Runs the Rollup build command for index and story files.
  */
-async function buildExportsAndStories(): Promise<void> {
-  const cmd = `pnpm exec rollup -c ${ROLLUP_CONFIG_PATH}`;
-
-  await new Promise<void>((resolve, reject) => {
-    exec(cmd, error => {
-      if (error) {
-        reject(new Error(`Exports and stories build failed: ${error.message}`));
-      } else {
-        resolve();
-      }
-    });
-  });
-}
-
-/**
- * Runs the Rollup build command for a batch of icons.
- */
-async function buildBatch(
-  batch: Array<string>,
-  verbose = false,
-): Promise<void> {
-  const { DELIMITER } = await import('../../constants.mjs');
-
-  const batchArg = batch.join(DELIMITER);
-  const cmd = `pnpm exec rollup -c ${ROLLUP_BATCH_CONFIG_PATH} --environment "ICONS:${batchArg}"`;
-
-  if (verbose) {
-    console.log(`Building icon batch: ${batch.join(', ')}`);
-  }
-
-  await new Promise<void>((resolve, reject) => {
-    exec(cmd, error => {
-      if (error) {
-        reject(new Error(`Batch build failed: ${error.message}`));
-      } else {
-        resolve();
-      }
-    });
-  });
+async function buildIndex({ verbose }: { verbose?: boolean }): Promise<void> {
+  buildPackage({ direct: true, verbose });
 }
 
 /**
@@ -87,6 +51,7 @@ async function buildAllBatches({
   const queue = new PQueue({ concurrency: numWorkers });
   const batches = chunkArray(fullBatch, batchSize);
 
+  verbose && console.log(`Building ${batches.length} batches...`);
   for (const batch of batches) {
     queue.add(() => buildBatch(batch, verbose));
   }
@@ -94,12 +59,21 @@ async function buildAllBatches({
   await queue.onIdle();
 }
 
-async function buildChangedIcons(options: { verbose: boolean }): Promise<void> {
+/**
+ * Builds the icon assets.
+ * @param options The options for building icons.
+ */
+async function buildIcons(options: BuildIconOptions): Promise<void> {
   try {
-    const iconsToBuild = getChangedChecksums();
-    const verbose = options.verbose;
+    const verbose = options.verbose ?? false;
+    const force = options.force ?? false;
+
+    await buildIndex({ verbose });
+
+    const iconsToBuild = force ? getAllIcons() : getChangedIcons();
+
+    verbose && console.log(`Building ${iconsToBuild} icons...`);
 
-    await buildExportsAndStories();
     await buildAllBatches({
       fullBatch: iconsToBuild,
       batchSize: BATCH_SIZE,
@@ -116,5 +90,5 @@ async function buildChangedIcons(options: { verbose: boolean }): Promise<void> {
 new Command()
   .description('Split icon files into batches for bundling in parallel')
   .option('-v, --verbose', 'Enable verbose output', false)
-  .action(buildChangedIcons)
+  .action(buildIcons)
   .parse();

package/scripts/build/compare-checksum.ts

@@ -1,14 +1,37 @@
-import fs from 'fs';
+import fsx from 'fs-extra';
 import path from 'path';
 
-const ICON_DIR = path.resolve(process.cwd(), 'src/generated');
+import { CHECKSUMS_FILE, GENERATED_DIR } from './constants';
 
-const iconNames = fs
-  .readdirSync(ICON_DIR)
-  .filter(f => /\.tsx?$/.test(f))
-  .map(f => path.basename(f, path.extname(f)));
+const ICON_DIR = path.resolve(process.cwd(), GENERATED_DIR);
 
-const CHECKSUMS_FILE = path.resolve(process.cwd(), 'dist/checksums.json');
+/**
+ * Gets a list of all icon names in the generated icons directory.
+ * @returns An array of icon names (without extensions).
+ */
+export function getAllIcons(): Array<string> {
+  const iconNames = fsx
+    .readdirSync(ICON_DIR)
+    .filter(f => /\.tsx?$/.test(f))
+    .map(f => path.basename(f, path.extname(f)));
+  return iconNames;
+}
+
+/**
+ * Gets the file path for the checksums file.
+ * @returns The absolute path to the checksums file.
+ */
+function getChecksumsFilePath(): string {
+  const fullPath = path.resolve(process.cwd(), CHECKSUMS_FILE);
+
+  fsx.ensureDirSync(path.dirname(fullPath));
+
+  if (!fsx.existsSync(fullPath)) {
+    fsx.writeFileSync(fullPath, JSON.stringify({}, null, 2));
+  }
+
+  return fullPath;
+}
 
 /**
  * Loads checksums from the .checksums.json file as an object.
@@ -16,19 +39,19 @@ const CHECKSUMS_FILE = path.resolve(process.cwd(), 'dist/checksums.json');
  */
 function getPrevChecksums(): Record<string, string> {
   try {
-    return JSON.parse(fs.readFileSync(CHECKSUMS_FILE, 'utf-8'));
+    return JSON.parse(fsx.readFileSync(getChecksumsFilePath(), 'utf-8'));
   } catch (err: any) {
     if (err.code === 'ENOENT') {
       // this is normal if the file doesn't exist yet
       return {};
     } else if (err instanceof SyntaxError) {
       console.error(
-        `[compare-checksum] Invalid JSON in checksums file at ${CHECKSUMS_FILE}:`,
+        `[compare-checksum] Invalid JSON in checksums file at ${getChecksumsFilePath()}:`,
         err.message,
       );
     } else {
       console.error(
-        `[compare-checksum] Error reading checksums file at ${CHECKSUMS_FILE}:`,
+        `[compare-checksum] Error reading checksums file at ${getChecksumsFilePath()}:`,
         err,
       );
     }
@@ -39,24 +62,26 @@ function getPrevChecksums(): Record<string, string> {
 
 /** Updates checksums in the .checksums.json file. */
 function saveNewChecksums(checksums: Record<string, string>) {
-  fs.writeFileSync(CHECKSUMS_FILE, JSON.stringify(checksums, null, 2));
+  fsx.writeFileSync(getChecksumsFilePath(), JSON.stringify(checksums, null, 2));
 }
 
 /** Extracts the pre-computed checksum from a generated .tsx file. */
 function extractChecksumFromFile(filePath: string): string | null {
-  const content = fs.readFileSync(filePath, 'utf8');
+  const content = fsx.readFileSync(filePath, 'utf8');
   const match = content.match(/@checksum\s+([a-f0-9]+)/);
   return match ? match[1] : null;
 }
 
-/** Gets list of changed icons by comparing checksums. */
-export function getChangedChecksums(): Array<string> {
+/**
+ * Gets list of changed icon names by comparing checksums.
+ */
+export function getChangedIcons(): Array<string> {
   const prevChecksums = getPrevChecksums();
   const newChecksums: Record<string, string> = {};
 
   const changes: Array<string> = [];
 
-  for (const iconName of iconNames) {
+  for (const iconName of getAllIcons()) {
     const filePath = path.join(ICON_DIR, `${iconName}.tsx`);
     const checksum = extractChecksumFromFile(filePath);
 

package/scripts/build/constants.ts

@@ -0,0 +1,4 @@
+export const BATCH_SIZE = 10;
+export const NUM_WORKERS = 4;
+export const GENERATED_DIR = 'src/generated';
+export const CHECKSUMS_FILE = 'dist/checksums.json';

package/scripts/prebuild/index.ts

@@ -1,13 +1,11 @@
 /* eslint-disable no-console */
 import { formatLG } from '@lg-tools/lint';
-// @ts-expect-error - no types in svgr v5.5
+// @ts-ignore - no types in svgr v5.5 // TODO: update to v8 LG-5484
 import { default as svgr } from '@svgr/core';
 import { Command } from 'commander';
 import fs from 'fs';
 import path from 'path';
 
-import svgrrc from '../../.svgrrc';
-
 import { getChecksum } from './checksum';
 import { indexTemplate } from './indexTemplate';
 import { FileObject, PrebuildOptions } from './prebuild.types';
@@ -119,6 +117,10 @@ function makeFileProcessor(outputDir: string, options?: PrebuildOptions) {
       encoding: 'utf8',
     });
 
+    // Note: must use `require` since svgrrc is a CommonJS module
+    // @ts-ignore - svgrrc is not typed
+    const svgrrc = await require('../../.svgrrc.js');
+
     const processedSVGR = await svgr(
       svgContent,
       {

package/scripts/tsconfig.json

@@ -2,5 +2,9 @@
   "extends": "@lg-tools/build/config/script.tsconfig.json",
   "compilerOptions": {
     "baseUrl": ".",
-  }
+  },
+  "include": [
+    "./prebuild/**/*",
+    "./build/**/*"
+  ]
 }

package/src/Icon.spec.tsx

@@ -7,8 +7,6 @@ import { toJson } from 'xml2json';
 
 import { typeIs } from '@leafygreen-ui/lib';
 
-import { getChecksum } from '../scripts/prebuild/checksum';
-
 import EditIcon from './generated/Edit';
 import { Size } from './glyphCommon';
 import { isComponentGlyph } from './isComponentGlyph';
@@ -277,43 +275,6 @@ describe('Generated glyphs', () => {
     });
   });
 
-  describe('are up-to-date and not been modified', () => {
-    glyphPaths.forEach(glyphPath => {
-      const baseName = getBaseName(glyphPath);
-
-      test(`${baseName}`, () => {
-        const svgFileContents = fs.readFileSync(glyphPath, {
-          encoding: 'utf8',
-        });
-
-        const generatedFileContents = fs.readFileSync(
-          path.resolve(
-            generatedFilesDirectory,
-            baseNameToGeneratedFilePath[baseName],
-          ),
-          {
-            encoding: 'utf8',
-          },
-        );
-
-        const [, script, checksum, checkedContents] =
-          /^\/\*.*@script ([^\n]*).*@checksum ([^\n]*).*\*\/\n(.*)$/s.exec(
-            generatedFileContents,
-          )!;
-
-        const expectedChecksum = getChecksum(svgFileContents, checkedContents);
-
-        try {
-          expect(checksum).toEqual(expectedChecksum);
-        } catch (error) {
-          throw new Error(
-            `${error}\n\nForgot to re-run script?: \`${script}\``,
-          );
-        }
-      });
-    });
-  });
-
   describe('accessible props handled correctly', () => {
     test('when no prop is supplied, aria-label is genereated', () => {
       render(<EditIcon />);