@leafygreen-ui/icon 12.0.0 → 12.1.0

package/dist/isComponentGlyph.d.ts

@@ -1,6 +1,6 @@
 import { ComponentType, ReactNode } from 'react';
 import { LGGlyph } from './types';
-declare type ExtendedComponentType = (ComponentType<any> & {
+type ExtendedComponentType = (ComponentType<any> & {
     [key: string]: any;
 });
 /**

package/dist/isComponentGlyph.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"isComponentGlyph.d.ts","sourceRoot":"","sources":["../src/isComponentGlyph.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAkB,SAAS,EAAE,MAAM,OAAO,CAAC;AAEjE,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAIlC,aAAK,qBAAqB,GACxB,CAAE,aAAa,CAAC,GAAG,CAAC,GAAG;IACnB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB,CAAA,CAAC;AACN;;;GAGG;AACH,iBAAS,gBAAgB,CAAC,IAAI,EAAE,SAAS,GAAG,IAAI,IAAI,OAAO,CAAC,OAAO,CAAC;AACpE,iBAAS,gBAAgB,CACvB,SAAS,EAAE,qBAAqB,GAC/B,SAAS,IAAI,OAAO,CAAC,SAAS,CAAC;AAuBlC,OAAO,EAAE,gBAAgB,EAAE,CAAC"}
+{"version":3,"file":"isComponentGlyph.d.ts","sourceRoot":"","sources":["../src/isComponentGlyph.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAkB,SAAS,EAAE,MAAM,OAAO,CAAC;AAEjE,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAIlC,KAAK,qBAAqB,GACxB,CAAE,aAAa,CAAC,GAAG,CAAC,GAAG;IACnB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB,CAAA,CAAC;AACN;;;GAGG;AACH,iBAAS,gBAAgB,CAAC,IAAI,EAAE,SAAS,GAAG,IAAI,IAAI,OAAO,CAAC,OAAO,CAAC;AACpE,iBAAS,gBAAgB,CACvB,SAAS,EAAE,qBAAqB,GAC/B,SAAS,IAAI,OAAO,CAAC,SAAS,CAAC;AAuBlC,OAAO,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/types/LGGlyph.d.ts

@@ -4,8 +4,8 @@ export interface ComponentProps extends SVGR.ComponentProps {
     size?: number | 'small' | 'default' | 'large' | 'xlarge';
     ['data-testid']?: string;
 }
-export declare type Component = ComponentType<ComponentProps> & {
+export type Component = ComponentType<ComponentProps> & {
     isGlyph?: boolean;
 };
-export declare type Element = ReactComponentElement<Component, ComponentProps>;
+export type Element = ReactComponentElement<Component, ComponentProps>;
 //# sourceMappingURL=LGGlyph.d.ts.map

package/dist/types/LGGlyph.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LGGlyph.d.ts","sourceRoot":"","sources":["../../src/types/LGGlyph.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAE7D,OAAO,KAAK,IAAI,MAAM,QAAQ,CAAC;AAE/B,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,cAAc;IACzD,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAC;IACzD,CAAC,aAAa,CAAC,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,oBAAY,SAAS,GAAG,aAAa,CAAC,cAAc,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAE9E,oBAAY,OAAO,GAAG,qBAAqB,CAAC,SAAS,EAAE,cAAc,CAAC,CAAC"}
+{"version":3,"file":"LGGlyph.d.ts","sourceRoot":"","sources":["../../src/types/LGGlyph.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAE7D,OAAO,KAAK,IAAI,MAAM,QAAQ,CAAC;AAE/B,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,cAAc;IACzD,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAC;IACzD,CAAC,aAAa,CAAC,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,MAAM,MAAM,SAAS,GAAG,aAAa,CAAC,cAAc,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAE9E,MAAM,MAAM,OAAO,GAAG,qBAAqB,CAAC,SAAS,EAAE,cAAc,CAAC,CAAC"}

package/dist/types/SVGR.d.ts

@@ -3,5 +3,5 @@ export interface ComponentProps extends SVGProps<SVGSVGElement> {
     title?: string | null;
     role?: 'presentation' | 'img';
 }
-export declare type Component = ComponentType<ComponentProps>;
+export type Component = ComponentType<ComponentProps>;
 //# sourceMappingURL=SVGR.d.ts.map

package/dist/types/SVGR.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SVGR.d.ts","sourceRoot":"","sources":["../../src/types/SVGR.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEhD,MAAM,WAAW,cAAe,SAAQ,QAAQ,CAAC,aAAa,CAAC;IAC7D,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,IAAI,CAAC,EAAE,cAAc,GAAG,KAAK,CAAC;CAC/B;AAED,oBAAY,SAAS,GAAG,aAAa,CAAC,cAAc,CAAC,CAAC"}
+{"version":3,"file":"SVGR.d.ts","sourceRoot":"","sources":["../../src/types/SVGR.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEhD,MAAM,WAAW,cAAe,SAAQ,QAAQ,CAAC,aAAa,CAAC;IAC7D,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,IAAI,CAAC,EAAE,cAAc,GAAG,KAAK,CAAC;CAC/B;AAED,MAAM,MAAM,SAAS,GAAG,aAAa,CAAC,cAAc,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leafygreen-ui/icon",
-  "version": "12.0.0",
+  "version": "12.1.0",
   "description": "LeafyGreen UI Kit Icons",
   "main": "./dist/index.js",
   "module": "./dist/esm/index.js",
@@ -23,16 +23,17 @@
     "access": "public"
   },
   "devDependencies": {
-    "@leafygreen-ui/palette": "^4.0.7",
-    "@leafygreen-ui/lib": "^13.2.0",
+    "@leafygreen-ui/palette": "^4.0.10",
+    "@leafygreen-ui/lib": "^13.4.0",
     "@svgr/core": "^5.3.1",
     "@types/meow": "^6.0.0",
     "@types/xml2json": "^0.11.0",
     "meow": "^6.1.0",
-    "xml2json": "^0.12.0"
+    "xml2json": "^0.12.0",
+    "@lg-tools/storybook-utils": "^0.1.0"
   },
   "dependencies": {
-    "@leafygreen-ui/emotion": "^4.0.7",
+    "@leafygreen-ui/emotion": "^4.0.8",
     "lodash": "^4.17.21"
   },
   "gitHead": "dd71a2d404218ccec2e657df9c0263dc1c15b9e0",

package/src/Icon.stories.tsx

@@ -1,13 +1,13 @@
 // TODO: Generate Icon props with controls
 import React from 'react';
-import { StoryFn } from '@storybook/react';
-
-import { css } from '@leafygreen-ui/emotion';
 import {
   storybookExcludedControlParams,
   StoryMetaType,
   StoryType,
-} from '@leafygreen-ui/lib';
+} from '@lg-tools/storybook-utils';
+import { StoryFn } from '@storybook/react';
+
+import { css } from '@leafygreen-ui/emotion';
 import { palette } from '@leafygreen-ui/palette';
 
 import { GlyphName } from './glyphs';

package/src/generated/Escalation.tsx

@@ -0,0 +1,45 @@
+/**
+* This is a generated file. Do not modify it manually.
+*
+* @script ./node_modules/.bin/ts-node packages/icon/scripts/build.ts
+* @checksum 3d5f44bdd05bac92049a002e87cefedf
+*/
+import * as React from "react";
+import PropTypes from 'prop-types';
+import { css, cx } from '@leafygreen-ui/emotion';
+import { generateAccessibleProps, sizeMap } from '../glyphCommon';
+import { LGGlyph } from '../types';
+export interface EscalationProps extends LGGlyph.ComponentProps {}
+const Escalation = ({
+  className,
+  size = 16,
+  title,
+  ['aria-label']: ariaLabel,
+  ['aria-labelledby']: ariaLabelledby,
+  fill,
+  role = 'img',
+  ...props
+}: EscalationProps) => {
+  const fillStyle = css`
+        color: ${fill};
+      `;
+  const noFlexShrink = css`
+        flex-shrink: 0;
+      `;
+  const accessibleProps = generateAccessibleProps(role, 'Escalation', {
+    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 fillRule="evenodd" clipRule="evenodd" d="M13.361 4.42325C13.719 4.11978 13.5628 3.53659 13.101 3.4528L5.14569 2.00923C4.74464 1.93645 4.40436 2.30596 4.50985 2.69966L6.29744 9.37104C6.40294 9.76474 6.88238 9.9146 7.19331 9.65105L13.361 4.42325ZM2.91191 2.10161C2.61554 2.18103 2.43965 2.48567 2.51907 2.78204L5.68249 14.5881C5.7619 14.8845 6.06654 15.0603 6.36292 14.9809C6.6593 14.9015 6.83518 14.5969 6.75576 14.3005L3.59234 2.49446C3.51293 2.19808 3.20829 2.0222 2.91191 2.10161Z" fill={'currentColor'} /></svg>;
+};
+Escalation.displayName = 'Escalation';
+Escalation.isGlyph = true;
+Escalation.propTypes = {
+  fill: PropTypes.string,
+  size: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+  className: PropTypes.string
+};
+export default Escalation;

package/src/glyphs/Escalation.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M13.361 4.42325C13.719 4.11978 13.5628 3.53659 13.101 3.4528L5.14569 2.00923C4.74464 1.93645 4.40436 2.30596 4.50985 2.69966L6.29744 9.37104C6.40294 9.76474 6.88238 9.9146 7.19331 9.65105L13.361 4.42325ZM2.91191 2.10161C2.61554 2.18103 2.43965 2.48567 2.51907 2.78204L5.68249 14.5881C5.7619 14.8845 6.06654 15.0603 6.36292 14.9809C6.6593 14.9015 6.83518 14.5969 6.75576 14.3005L3.59234 2.49446C3.51293 2.19808 3.20829 2.0222 2.91191 2.10161Z" fill="#000"/>
+</svg>

package/src/glyphs/index.ts

@@ -55,6 +55,7 @@ import Drag from './Drag.svg';
 import Edit from './Edit.svg';
 import Ellipsis from './Ellipsis.svg';
 import Email from './Email.svg';
+import Escalation from './Escalation.svg';
 import Export from './Export.svg';
 import Favorite from './Favorite.svg';
 import Federation from './Federation.svg';
@@ -209,6 +210,7 @@ const _glyphs = {
   Edit,
   Ellipsis,
   Email,
+  Escalation,
   Export,
   Favorite,
   Federation,