@leafygreen-ui/icon 14.1.1 → 14.2.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leafygreen-ui/icon",
-  "version": "14.1.1",
+  "version": "14.2.0",
   "description": "LeafyGreen UI Kit Icons",
   "main": "./dist/umd/index.js",
   "module": "./dist/esm/index.js",
@@ -24,9 +24,9 @@
     "p-queue": "^8.1.0",
     "fs-extra": "11.1.1",
     "@leafygreen-ui/lib": "^15.2.0",
+    "@leafygreen-ui/palette": "^5.0.0",
     "@lg-tools/build": "^0.8.0",
-    "@lg-tools/lint": "^3.0.0",
-    "@leafygreen-ui/palette": "^5.0.0"
+    "@lg-tools/lint": "^3.0.0"
   },
   "gitHead": "dd71a2d404218ccec2e657df9c0263dc1c15b9e0",
   "homepage": "https://github.com/mongodb/leafygreen-ui/tree/main/packages/icon",

package/src/generated/AIModel.tsx

@@ -0,0 +1,39 @@
+/**
+* This is a generated file. Do not modify it manually.
+*
+* @script packages/icon/scripts/prebuild.ts
+* @checksum a48c17f2c48df0b38a9d9985cfddd889
+*/
+import * as React from "react";
+import { css, cx } from '@leafygreen-ui/emotion';
+import { generateAccessibleProps, sizeMap } from '../glyphCommon';
+import { LGGlyph } from '../types';
+export interface AIModelProps extends LGGlyph.ComponentProps {}
+const AIModel = ({
+  className,
+  size = 16,
+  title,
+  ['aria-label']: ariaLabel,
+  ['aria-labelledby']: ariaLabelledby,
+  fill,
+  role = 'img',
+  ...props
+}: AIModelProps) => {
+  const fillStyle = css`
+        color: ${fill};
+      `;
+  const noFlexShrink = css`
+        flex-shrink: 0;
+      `;
+  const accessibleProps = generateAccessibleProps(role, 'AIModel', {
+    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="M13.5625 5.30957V10.6895L8 13.4414L2.4375 10.6895V5.30957L8 2.55762L13.5625 5.30957Z" stroke={'currentColor'} /><path d="M8 2L8 14" stroke={'currentColor'} strokeWidth={0.5} /><path d="M3.09998 10.8594L12.5324 5.19998" stroke={'currentColor'} strokeWidth={0.5} strokeLinecap="round" /><path d="M3.19995 5.20001L12.6324 10.8595" stroke={'currentColor'} strokeWidth={0.5} strokeLinecap="round" /><circle cx={8} cy={2.75} r={1.75} fill={'currentColor'} /><circle cx={8} cy={2.75} r={1.75} stroke={'currentColor'} /><circle cx={8} cy={13.25} r={1.75} fill={'currentColor'} /><circle cx={8} cy={13.25} r={1.75} stroke={'currentColor'} /><circle cx={8} cy={8} r={1.75} fill={'currentColor'} /><circle cx={8} cy={8} r={1.75} stroke={'currentColor'} /><circle cx={13.25} cy={5} r={1.75} fill={'currentColor'} /><circle cx={13.25} cy={5} r={1.75} stroke={'currentColor'} /><circle cx={13.25} cy={10.75} r={1.75} fill={'currentColor'} /><circle cx={13.25} cy={10.75} r={1.75} stroke={'currentColor'} /><circle cx={2.75} cy={10.75} r={1.75} fill={'currentColor'} /><circle cx={2.75} cy={10.75} r={1.75} stroke={'currentColor'} /><circle cx={2.75} cy={5} r={1.75} fill={'currentColor'} /><circle cx={2.75} cy={5} r={1.75} stroke={'currentColor'} /></svg>;
+};
+AIModel.displayName = 'AIModel';
+AIModel.isGlyph = true;
+export default AIModel;

package/src/glyphs/AIModel.svg

@@ -0,0 +1,20 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.5625 5.30957V10.6895L8 13.4414L2.4375 10.6895V5.30957L8 2.55762L13.5625 5.30957Z" stroke="#000"/>
+<path d="M8 2L8 14" stroke="#000" stroke-width="0.5"/>
+<path d="M3.09998 10.8594L12.5324 5.19998" stroke="#000" stroke-width="0.5" stroke-linecap="round"/>
+<path d="M3.19995 5.20001L12.6324 10.8595" stroke="#000" stroke-width="0.5" stroke-linecap="round"/>
+<circle cx="8" cy="2.75" r="1.75" fill="#000"/>
+<circle cx="8" cy="2.75" r="1.75" stroke="#000"/>
+<circle cx="8" cy="13.25" r="1.75" fill="#000"/>
+<circle cx="8" cy="13.25" r="1.75" stroke="#000"/>
+<circle cx="8" cy="8" r="1.75" fill="#000"/>
+<circle cx="8" cy="8" r="1.75" stroke="#000"/>
+<circle cx="13.25" cy="5" r="1.75" fill="#000"/>
+<circle cx="13.25" cy="5" r="1.75" stroke="#000"/>
+<circle cx="13.25" cy="10.75" r="1.75" fill="#000"/>
+<circle cx="13.25" cy="10.75" r="1.75" stroke="#000"/>
+<circle cx="2.75" cy="10.75" r="1.75" fill="#000"/>
+<circle cx="2.75" cy="10.75" r="1.75" stroke="#000"/>
+<circle cx="2.75" cy="5" r="1.75" fill="#000"/>
+<circle cx="2.75" cy="5" r="1.75" stroke="#000"/>
+</svg>

package/src/glyphs/index.ts

@@ -1,9 +1,10 @@
 import { createGlyphComponent } from '../createGlyphComponent';
 import { LGGlyph } from '../types';
 
-// Glyphs
 import ActivityFeed from './ActivityFeed.svg';
 import AddFile from './AddFile.svg';
+// Glyphs
+import AIModel from './AIModel.svg';
 import AllProducts from './AllProducts.svg';
 import AnalyticsNode from './AnalyticsNode.svg';
 import Apps from './Apps.svg';
@@ -183,6 +184,7 @@ import X from './X.svg';
 import XWithCircle from './XWithCircle.svg';
 
 const _glyphs = {
+  AIModel,
   ActivityFeed,
   AddFile,
   AllProducts,