@leafygreen-ui/icon 13.3.0 → 14.0.0

package/package.json

@@ -1,24 +1,18 @@
 {
   "name": "@leafygreen-ui/icon",
-  "version": "13.3.0",
+  "version": "14.0.0",
   "description": "LeafyGreen UI Kit Icons",
-  "main": "./dist/index.js",
+  "main": "./dist/umd/index.js",
   "module": "./dist/esm/index.js",
-  "types": "./dist/index.d.ts",
-  "typesVersions": {
-    "<3.9": {
-      "*": [
-        "ts3.4/*"
-      ]
-    }
-  },
+  "types": "./dist/types/index.d.ts",
+  "typesVersions": {},
   "license": "Apache-2.0",
   "publishConfig": {
     "access": "public"
   },
   "dependencies": {
     "lodash": "^4.17.21",
-    "@leafygreen-ui/emotion": "^4.1.1"
+    "@leafygreen-ui/emotion": "^5.0.0"
   },
   "devDependencies": {
     "@svgr/core": "^5.3.1",
@@ -26,9 +20,10 @@
     "commander": "^11.0.0",
     "ts-node": "^10.9.2",
     "xml2json": "^0.12.0",
-    "@leafygreen-ui/palette": "^4.1.4",
-    "@lg-tools/lint": "^2.1.1",
-    "@leafygreen-ui/lib": "^14.2.0"
+    "@leafygreen-ui/lib": "^15.0.0",
+    "@lg-tools/build": "^0.8.0",
+    "@lg-tools/lint": "^3.0.0",
+    "@leafygreen-ui/palette": "^5.0.0"
   },
   "gitHead": "dd71a2d404218ccec2e657df9c0263dc1c15b9e0",
   "homepage": "https://github.com/mongodb/leafygreen-ui/tree/main/packages/icon",
@@ -41,8 +36,8 @@
   },
   "scripts": {
     "prebuild": "ts-node ./scripts/prebuild.ts",
-    "build": "lg build-package",
-    "tsc": "lg build-ts",
-    "docs": "lg build-tsdoc"
+    "build": "lg-build bundle",
+    "tsc": "lg-build tsc",
+    "docs": "lg-build docs"
   }
 }

package/rollup.config.mjs

@@ -35,4 +35,18 @@ const iconConfigs = [esmConfig, umdConfig].flatMap(config =>
   })),
 );
 
+// Until we explicitly code-split the icons, we need to
+// create a separate build for each icon at the `dist` root
+iconConfigs.push(
+  ...getGeneratedFiles().map(file => ({
+    ...umdConfig,
+    input: `src/generated/${path.basename(file)}`,
+    output: {
+      ...umdConfig.output,
+      dir: 'dist',
+      name: `${path.basename(file, path.extname(file))}.js`,
+    },
+  })),
+);
+
 export default [esmConfig, umdConfig, storiesConfig, ...iconConfigs];

package/scripts/tsconfig.json

@@ -1,8 +1,6 @@
 {
-  "extends": "@lg-tools/build/config/root.tsconfig.json",
+  "extends": "@lg-tools/build/config/script.tsconfig.json",
   "compilerOptions": {
-    "noUnusedLocals": false,
-    "strict": true,
     "baseUrl": ".",
   }
 }

package/src/generated/Streaming.tsx

@@ -0,0 +1,39 @@
+/**
+* This is a generated file. Do not modify it manually.
+*
+* @script packages/icon/scripts/prebuild.ts
+* @checksum fdb92a04a433e7421ad8fb5eec448f39
+*/
+import * as React from "react";
+import { css, cx } from '@leafygreen-ui/emotion';
+import { generateAccessibleProps, sizeMap } from '../glyphCommon';
+import { LGGlyph } from '../types';
+export interface StreamingProps extends LGGlyph.ComponentProps {}
+const Streaming = ({
+  className,
+  size = 16,
+  title,
+  ['aria-label']: ariaLabel,
+  ['aria-labelledby']: ariaLabelledby,
+  fill,
+  role = 'img',
+  ...props
+}: StreamingProps) => {
+  const fillStyle = css`
+        color: ${fill};
+      `;
+  const noFlexShrink = css`
+        flex-shrink: 0;
+      `;
+  const accessibleProps = generateAccessibleProps(role, 'Streaming', {
+    title,
+    ['aria-label']: ariaLabel,
+    ['aria-labelledby']: ariaLabelledby
+  });
+  return <svg className={cx({
+    [fillStyle]: fill != null
+  }, noFlexShrink, className)} height={typeof size === 'number' ? size : sizeMap[size]} width={typeof size === 'number' ? size : sizeMap[size]} role={role} {...accessibleProps} {...props} viewBox="0 0 16 16"><path d="M2.5 10.4141C2.8922 10.7317 3.38069 10.9884 3.90527 11.1934C4.42946 11.3981 5.01023 11.5551 5.60449 11.6719L6.6709 13.0303L6.74902 13.1211C7.10522 13.5042 7.61387 13.6279 8.06934 13.5117C8.17594 13.8813 8.40111 14.188 8.69043 14.4111C8.46086 14.4244 8.23023 14.4336 8 14.4336C5.28789 14.4336 2.5 13.5162 2.5 11.5811C2.5 11.4924 2.50071 11.4047 2.50195 11.3184C2.50071 11.2874 2.5 11.2559 2.5 11.2246V10.4141Z" fill={'currentColor'} /><path d="M2.5 6.74707C2.8922 7.0647 3.38069 7.3224 3.90527 7.52734C4.65821 7.82143 5.5268 8.02238 6.38672 8.13574L5.30371 9.5166L5.23242 9.61621C5.04168 9.90844 4.96849 10.2571 5.0127 10.5928C4.743 10.5179 4.48251 10.4353 4.23828 10.3398C3.68283 10.1228 3.23472 9.86299 2.93262 9.5752C2.636 9.29254 2.5 9.00426 2.5 8.7041V6.74707Z" fill={'currentColor'} /><path d="M13.5 8.7041C13.5 9.00426 13.364 9.29254 13.0674 9.5752C13.011 9.6289 12.9481 9.67979 12.8818 9.73145C12.6172 9.02397 11.9307 8.52864 11.1406 8.52832H9.10352C9.09331 8.41419 9.06716 8.30489 9.03223 8.2002C10.0743 8.11047 11.1714 7.888 12.0947 7.52734C12.6193 7.3224 13.1078 7.0647 13.5 6.74707V8.7041Z" fill={'currentColor'} /><path d="M8 1.59961C10.7121 1.59961 13.5 2.51696 13.5 4.45215C13.5 4.54147 13.4993 4.6287 13.498 4.71387C13.4993 4.74514 13.5 4.77701 13.5 4.80859V5.03711C13.5 5.33734 13.3642 5.62645 13.0674 5.90918C12.7653 6.19692 12.3171 6.45587 11.7617 6.67285C10.7051 7.08564 9.35706 7.30393 8.17676 7.32422C7.91253 7.23284 7.62448 7.22642 7.35449 7.30664C6.29674 7.24352 5.15722 7.03186 4.23828 6.67285C3.68294 6.45587 3.2347 6.19692 2.93262 5.90918C2.63584 5.62645 2.5 5.33734 2.5 5.03711V4.80859C2.5 4.77334 2.50038 4.73799 2.50195 4.70312C2.50037 4.6216 2.5 4.53771 2.5 4.45215C2.5 2.51696 5.28789 1.59961 8 1.59961Z" fill={'currentColor'} /><path d="M9.85893 12.2378H12.8902V11.3819C12.8902 11.029 13.3175 10.8656 13.5427 11.1324L14.9093 12.7505C15.0302 12.8937 15.0302 13.1063 14.9093 13.2495L13.5427 14.8676C13.3175 15.1344 12.8902 14.971 12.8902 14.6181V13.8125H9.85893C9.38455 13.8125 9 13.46 9 13.0252C9 12.5903 9.38455 12.2378 9.85893 12.2378Z" fill={'currentColor'} /><path d="M11.1411 11.2229H8.10982V12.1442C8.10982 12.524 7.68252 12.6998 7.45726 12.4127L6.09071 10.6711C5.96976 10.517 5.96976 10.2882 6.09071 10.1341L7.45726 8.39247C7.68252 8.10539 8.10982 8.28122 8.10982 8.661V9.5281H11.1411C11.6154 9.5281 12 9.90751 12 10.3755C12 10.8435 11.6154 11.2229 11.1411 11.2229Z" fill={'currentColor'} /></svg>;
+};
+Streaming.displayName = 'Streaming';
+Streaming.isGlyph = true;
+export default Streaming;

package/src/glyphs/Streaming.svg

@@ -0,0 +1,8 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2.5 10.4141C2.8922 10.7317 3.38069 10.9884 3.90527 11.1934C4.42946 11.3981 5.01023 11.5551 5.60449 11.6719L6.6709 13.0303L6.74902 13.1211C7.10522 13.5042 7.61387 13.6279 8.06934 13.5117C8.17594 13.8813 8.40111 14.188 8.69043 14.4111C8.46086 14.4244 8.23023 14.4336 8 14.4336C5.28789 14.4336 2.5 13.5162 2.5 11.5811C2.5 11.4924 2.50071 11.4047 2.50195 11.3184C2.50071 11.2874 2.5 11.2559 2.5 11.2246V10.4141Z" fill="#000"/>
+<path d="M2.5 6.74707C2.8922 7.0647 3.38069 7.3224 3.90527 7.52734C4.65821 7.82143 5.5268 8.02238 6.38672 8.13574L5.30371 9.5166L5.23242 9.61621C5.04168 9.90844 4.96849 10.2571 5.0127 10.5928C4.743 10.5179 4.48251 10.4353 4.23828 10.3398C3.68283 10.1228 3.23472 9.86299 2.93262 9.5752C2.636 9.29254 2.5 9.00426 2.5 8.7041V6.74707Z" fill="#000"/>
+<path d="M13.5 8.7041C13.5 9.00426 13.364 9.29254 13.0674 9.5752C13.011 9.6289 12.9481 9.67979 12.8818 9.73145C12.6172 9.02397 11.9307 8.52864 11.1406 8.52832H9.10352C9.09331 8.41419 9.06716 8.30489 9.03223 8.2002C10.0743 8.11047 11.1714 7.888 12.0947 7.52734C12.6193 7.3224 13.1078 7.0647 13.5 6.74707V8.7041Z" fill="#000"/>
+<path d="M8 1.59961C10.7121 1.59961 13.5 2.51696 13.5 4.45215C13.5 4.54147 13.4993 4.6287 13.498 4.71387C13.4993 4.74514 13.5 4.77701 13.5 4.80859V5.03711C13.5 5.33734 13.3642 5.62645 13.0674 5.90918C12.7653 6.19692 12.3171 6.45587 11.7617 6.67285C10.7051 7.08564 9.35706 7.30393 8.17676 7.32422C7.91253 7.23284 7.62448 7.22642 7.35449 7.30664C6.29674 7.24352 5.15722 7.03186 4.23828 6.67285C3.68294 6.45587 3.2347 6.19692 2.93262 5.90918C2.63584 5.62645 2.5 5.33734 2.5 5.03711V4.80859C2.5 4.77334 2.50038 4.73799 2.50195 4.70312C2.50037 4.6216 2.5 4.53771 2.5 4.45215C2.5 2.51696 5.28789 1.59961 8 1.59961Z" fill="#000"/>
+<path d="M9.85893 12.2378H12.8902V11.3819C12.8902 11.029 13.3175 10.8656 13.5427 11.1324L14.9093 12.7505C15.0302 12.8937 15.0302 13.1063 14.9093 13.2495L13.5427 14.8676C13.3175 15.1344 12.8902 14.971 12.8902 14.6181V13.8125H9.85893C9.38455 13.8125 9 13.46 9 13.0252C9 12.5903 9.38455 12.2378 9.85893 12.2378Z" fill="#000"/>
+<path d="M11.1411 11.2229H8.10982V12.1442C8.10982 12.524 7.68252 12.6998 7.45726 12.4127L6.09071 10.6711C5.96976 10.517 5.96976 10.2882 6.09071 10.1341L7.45726 8.39247C7.68252 8.10539 8.10982 8.28122 8.10982 8.661V9.5281H11.1411C11.6154 9.5281 12 9.90751 12 10.3755C12 10.8435 11.6154 11.2229 11.1411 11.2229Z" fill="#000"/>
+</svg>

package/src/glyphs/index.ts

@@ -151,6 +151,7 @@ import SplitHorizontal from './SplitHorizontal.svg';
 import SplitVertical from './SplitVertical.svg';
 import Stitch from './Stitch.svg';
 import Stop from './Stop.svg';
+import Streaming from './Streaming.svg';
 import String from './String.svg';
 import Sun from './Sun.svg';
 import Support from './Support.svg';
@@ -330,6 +331,7 @@ const _glyphs = {
   SplitVertical,
   Stitch,
   Stop,
+  Streaming,
   String,
   Sun,
   Support,