@leafygreen-ui/icon 14.5.0 → 14.6.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leafygreen-ui/icon",
-  "version": "14.5.0",
+  "version": "14.6.0",
   "description": "LeafyGreen UI Kit Icons",
   "main": "./dist/umd/index.js",
   "module": "./dist/esm/index.js",
@@ -29,7 +29,7 @@
   },
   "dependencies": {
     "lodash": "^4.17.21",
-    "@leafygreen-ui/emotion": "^5.0.2"
+    "@leafygreen-ui/emotion": "^5.0.3"
   },
   "devDependencies": {
     "@svgr/core": "^5.3.1",
@@ -40,10 +40,11 @@
     "xml2json": "^0.12.0",
     "p-queue": "^8.1.0",
     "fs-extra": "11.1.1",
-    "@leafygreen-ui/lib": "^15.3.0",
+    "@leafygreen-ui/lib": "^15.6.1",
     "@leafygreen-ui/palette": "^5.0.2",
-    "@lg-tools/build": "^0.8.2",
-    "@lg-tools/lint": "^3.0.2"
+    "@lg-tools/build": "^0.8.3",
+    "@lg-tools/lint": "^3.1.0",
+    "@lg-tools/storybook-utils": "^0.3.2"
   },
   "gitHead": "dd71a2d404218ccec2e657df9c0263dc1c15b9e0",
   "homepage": "https://github.com/mongodb/leafygreen-ui/tree/main/packages/icon",

package/scripts/build/build-batch.ts

@@ -6,6 +6,10 @@ import { GENERATED_DIR } from './constants';
 async function getBatchBuildOptions(
   batch: Array<string>,
 ): Promise<Array<MergedRollupOptions>> {
+  const { constructUMDGlobalName } = await import(
+    '@lg-tools/build/config/utils/constructUMDGlobalName.mjs'
+  );
+
   const { esmConfig, umdConfig } = await import(
     '@lg-tools/build/config/rollup.config.mjs'
   );
@@ -18,14 +22,14 @@ async function getBatchBuildOptions(
       output: [esmConfig.output],
     },
     // UMD builds need a single input file
-    ...batch.map(icon => {
+    ...batch.map(iconName => {
       return {
         ...umdConfig,
-        input: `${GENERATED_DIR}/${icon}.tsx`,
+        input: `${GENERATED_DIR}/${iconName}.tsx`,
         output: [
           {
             ...umdConfig.output,
-            name: `LeafyGreen_${icon}Icon`,
+            name: constructUMDGlobalName('icon', iconName),
             dir: `dist/umd`,
           },
         ],

package/src/index.ts

@@ -3,6 +3,12 @@ export type { IconProps } from './createIconComponent';
 export { createIconComponent } from './createIconComponent';
 export { Size, sizeMap } from './glyphCommon';
 export { type GlyphName, glyphs } from './glyphs';
-export { Icon as default } from './Icon';
+export {
+  /**
+   * @deprecated Use named export `{ Icon }` instead. See [named-exports codemod documentation](https://github.com/mongodb/leafygreen-ui/tree/main/tools/codemods#named-exports) for migration assistance.
+   */
+  Icon as default,
+  Icon,
+} from './Icon';
 export { isComponentGlyph } from './isComponentGlyph';
 export { LGGlyph } from './types';

package/tsdoc.json

@@ -90,5 +90,97 @@
       "AriaAttributes": "https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes",
       "DOMAttributes": "https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes"
     }
+  },
+  {
+    "tags": {},
+    "description": "The LeafyGreen system icons are a clear and concise set of glyphs designed to be minimal in form and express a variety of use-cases for all digital products.",
+    "methods": [],
+    "displayName": "Icon",
+    "props": {
+      "IconProps": {
+        "glyph": {
+          "name": "glyph",
+          "defaultValue": null,
+          "description": "The name of the icon glyph",
+          "required": true,
+          "type": {
+            "name": "string"
+          },
+          "tags": {}
+        },
+        "size": {
+          "name": "size",
+          "defaultValue": null,
+          "description": "Size of the icon",
+          "required": false,
+          "type": {
+            "name": "enum",
+            "raw": "number | Size",
+            "value": [
+              {
+                "value": "number"
+              },
+              {
+                "value": "\"small\""
+              },
+              {
+                "value": "\"default\""
+              },
+              {
+                "value": "\"large\""
+              },
+              {
+                "value": "\"xlarge\""
+              }
+            ]
+          },
+          "tags": {}
+        }
+      },
+      "SVGAttributes": "https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute",
+      "ComponentProps": {
+        "data-testid": {
+          "name": "data-testid",
+          "defaultValue": null,
+          "description": "",
+          "required": false,
+          "type": {
+            "name": "string"
+          },
+          "tags": {}
+        },
+        "title": {
+          "name": "title",
+          "defaultValue": null,
+          "description": "",
+          "required": false,
+          "type": {
+            "name": "string"
+          },
+          "tags": {}
+        },
+        "role": {
+          "name": "role",
+          "defaultValue": null,
+          "description": "",
+          "required": false,
+          "type": {
+            "name": "enum",
+            "raw": "\"presentation\" | \"img\"",
+            "value": [
+              {
+                "value": "\"presentation\""
+              },
+              {
+                "value": "\"img\""
+              }
+            ]
+          },
+          "tags": {}
+        }
+      },
+      "AriaAttributes": "https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes",
+      "DOMAttributes": "https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes"
+    }
   }
 ]

package/dist/esm/index-vkLV3eP3.js

@@ -1,2 +0,0 @@
-import e from"@emotion/server/create-instance";import r from"@emotion/css/create-instance";var t=r({key:"leafygreen-ui",nonce:"5.0.1",prepend:!0});t.flush,t.hydrate;var a=t.cx;t.merge,t.getRegisteredStyles,t.injectGlobal,t.keyframes;var n=t.css;t.sheet;var o=e(t.cache);o.extractCritical,o.renderStylesToString,o.renderStylesToNodeStream;export{n as m,a as n};
-//# sourceMappingURL=index-vkLV3eP3.js.map

package/dist/esm/index-vkLV3eP3.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-vkLV3eP3.js","sources":["../../../emotion/dist/esm/index.js"],"sourcesContent":["import e from\"@emotion/server/create-instance\";import r from\"@emotion/css/create-instance\";var t=r({key:\"leafygreen-ui\",nonce:\"5.0.1\",prepend:!0}),a=t.flush,s=t.hydrate,n=t.cx,o=t.merge,c=t.getRegisteredStyles,i=t.injectGlobal,l=t.keyframes,m=t.css,d=t.sheet,y=t.cache,f=e(y),g=f.extractCritical,p=f.renderStylesToString,S=f.renderStylesToNodeStream;export{y as cache,m as css,n as cx,t as default,g as extractCritical,a as flush,c as getRegisteredStyles,s as hydrate,i as injectGlobal,l as keyframes,o as merge,S as renderStylesToNodeStream,p as renderStylesToString,d as sheet};\n//# sourceMappingURL=index.js.map\n"],"names":["t","r","key","nonce","prepend","flush","hydrate","n","cx","merge","getRegisteredStyles","injectGlobal","keyframes","m","css","sheet","f","e","cache","extractCritical","renderStylesToString","renderStylesToNodeStream"],"mappings":"2FAA8F,IAACA,EAAEC,EAAE,CAACC,IAAI,gBAAgBC,MAAM,QAAQC,SAAQ,IAAOJ,EAAEK,MAAQL,EAAEM,YAAQC,EAAEP,EAAEQ,GAAKR,EAAES,MAAQT,EAAEU,oBAAsBV,EAAEW,aAAeX,EAAEY,UAAU,IAAAC,EAAEb,EAAEc,IAAMd,EAAEe,UAAgBC,EAAEC,EAAVjB,EAAEkB,OAAeF,EAAEG,gBAAkBH,EAAEI,qBAAuBJ,EAAEK"}