@leafygreen-ui/icon 11.26.0 → 11.27.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@leafygreen-ui/icon",
3
- "version": "11.26.0",
3
+ "version": "11.27.0",
4
4
  "description": "LeafyGreen UI Kit Icons",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/esm/index.js",
@@ -0,0 +1,45 @@
1
+ /**
2
+ * This is a generated file. Do not modify it manually.
3
+ *
4
+ * @script ./node_modules/.bin/ts-node packages/icon/scripts/build.ts
5
+ * @checksum 42d4fcfffc0ca46f684b8ca0d5169d8a
6
+ */
7
+ import * as React from "react";
8
+ import PropTypes from 'prop-types';
9
+ import { css, cx } from '@leafygreen-ui/emotion';
10
+ import { generateAccessibleProps, sizeMap } from '../glyphCommon';
11
+ import { LGGlyph } from '../types';
12
+ export interface HashProps extends LGGlyph.ComponentProps {}
13
+ const Hash = ({
14
+ className,
15
+ size = 16,
16
+ title,
17
+ ['aria-label']: ariaLabel,
18
+ ['aria-labelledby']: ariaLabelledby,
19
+ fill,
20
+ role = 'img',
21
+ ...props
22
+ }: HashProps) => {
23
+ const fillStyle = css`
24
+ color: ${fill};
25
+ `;
26
+ const noFlexShrink = css`
27
+ flex-shrink: 0;
28
+ `;
29
+ const accessibleProps = generateAccessibleProps(role, 'Hash', {
30
+ title,
31
+ ['aria-label']: ariaLabel,
32
+ ['aria-labelledby']: ariaLabelledby
33
+ });
34
+ return <svg className={cx({
35
+ [fillStyle]: fill != null
36
+ }, 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="M10.6161 1.5C10.3734 1.5 10.1658 1.67422 10.1237 1.91318L9.66753 4.5H7.19838L7.62389 2.08683C7.67787 1.78068 7.44236 1.5 7.13149 1.5H6.11606C5.87341 1.5 5.66579 1.67422 5.62366 1.91318L5.16753 4.5H2C1.72386 4.5 1.5 4.72386 1.5 5V6C1.5 6.27614 1.72386 6.5 2 6.5H4.81488L4.28589 9.5H2C1.72386 9.5 1.5 9.72386 1.5 10V11C1.5 11.2761 1.72386 11.5 2 11.5H3.93324L3.50773 13.9132C3.45375 14.2193 3.68926 14.5 4.00014 14.5H5.01556C5.25821 14.5 5.46583 14.3258 5.50797 14.0868L5.96409 11.5H8.43324L8.00773 13.9132C7.95375 14.2193 8.18926 14.5 8.50014 14.5H9.51556C9.75821 14.5 9.96583 14.3258 10.008 14.0868L10.4641 11.5H13.5C13.7761 11.5 14 11.2761 14 11V10C14 9.72386 13.7761 9.5 13.5 9.5H10.8167L11.3457 6.5H13.5C13.7761 6.5 14 6.27614 14 6V5C14 4.72386 13.7761 4.5 13.5 4.5H11.6984L12.1239 2.08683C12.1779 1.78068 11.9424 1.5 11.6315 1.5H10.6161ZM6.31675 9.5H8.78589L9.31488 6.5H6.84573L6.31675 9.5Z" fill={'currentColor'} /></svg>;
37
+ };
38
+ Hash.displayName = 'Hash';
39
+ Hash.isGlyph = true;
40
+ Hash.propTypes = {
41
+ fill: PropTypes.string,
42
+ size: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
43
+ className: PropTypes.string
44
+ };
45
+ export default Hash;
@@ -2,7 +2,7 @@
2
2
  * This is a generated file. Do not modify it manually.
3
3
  *
4
4
  * @script ./node_modules/.bin/ts-node packages/icon/scripts/build.ts
5
- * @checksum e7fbff4ceb0bbca8fcd6ffca7a80ac38
5
+ * @checksum 30d6247446ac7b94463fd9b1f68b2527
6
6
  */
7
7
  import * as React from "react";
8
8
  import PropTypes from 'prop-types';
@@ -33,7 +33,7 @@ const Home = ({
33
33
  });
34
34
  return <svg className={cx({
35
35
  [fillStyle]: fill != null
36
- }, 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="M7.51983 2.40012C7.79797 2.16834 8.20197 2.16834 8.48011 2.40012L13.6105 6.67544C13.8247 6.85396 13.8515 7.17322 13.67 7.38494L13.4531 7.63803C13.2794 7.84067 12.9772 7.87116 12.7665 7.70731L8.30694 4.23876C8.12638 4.09833 7.87356 4.09833 7.693 4.23876L3.23344 7.70731C3.02277 7.87116 2.72054 7.84067 2.54684 7.63803L2.32992 7.38494C2.14844 7.17322 2.17523 6.85396 2.38945 6.67544L7.51983 2.40012Z" fill={'currentColor'} /><path d="M7.68467 5.42969L3.99997 8.31593V13.2378C3.99997 13.6587 4.33576 14 4.74997 14H6.49997C6.77611 14 6.99997 13.7762 6.99997 13.5V11.4593C6.99997 11.1786 7.22383 10.9511 7.49997 10.9511H8.49997C8.77611 10.9511 8.99997 11.1786 8.99997 11.4593V13.5C8.99997 13.7762 9.22383 14 9.49997 14H11.25C11.6642 14 12 13.6587 12 13.2378V8.31593L8.31527 5.42969C8.13157 5.27801 7.86838 5.27801 7.68467 5.42969Z" fill={'currentColor'} /></svg>;
36
+ }, 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="M7.68697 1.75127C7.86982 1.60448 8.13013 1.60448 8.31298 1.75127L14.7458 6.91541C14.9651 7.09144 14.9961 7.41362 14.8145 7.62829L14.1709 8.38896C13.9949 8.5969 13.6849 8.62574 13.4736 8.45382L8.31555 4.25677C8.13175 4.10721 7.8682 4.10721 7.6844 4.25677L2.52637 8.45381C2.31508 8.62574 2.00506 8.5969 1.8291 8.38895L1.18546 7.62829C1.00382 7.41362 1.03486 7.09144 1.25415 6.91541L7.68697 1.75127Z" fill={'currentColor'} /><path d="M7.68763 5.24987C7.87024 5.10378 8.12971 5.10378 8.31232 5.24987L12.8123 8.84987C12.9309 8.94476 13 9.08841 13 9.24031V13.5C13 13.7761 12.7761 14 12.5 14H9.49998C9.22383 14 8.99997 13.7761 8.99997 13.5V11.5C8.99997 11.2239 8.77612 11 8.49997 11H7.49997C7.22383 11 6.99997 11.2239 6.99997 11.5V13.5C6.99997 13.7761 6.77612 14 6.49997 14H3.49997C3.22383 14 2.99997 13.7761 2.99997 13.5V9.24031C2.99997 9.08841 3.06902 8.94476 3.18763 8.84987L7.68763 5.24987Z" fill={'currentColor'} /></svg>;
37
37
  };
38
38
  Home.displayName = 'Home';
39
39
  Home.isGlyph = true;
@@ -0,0 +1,3 @@
1
+ <svg width="16" height="16" viewBox="0 0 16 16" fill="none">
2
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M10.6161 1.5C10.3734 1.5 10.1658 1.67422 10.1237 1.91318L9.66753 4.5H7.19838L7.62389 2.08683C7.67787 1.78068 7.44236 1.5 7.13149 1.5H6.11606C5.87341 1.5 5.66579 1.67422 5.62366 1.91318L5.16753 4.5H2C1.72386 4.5 1.5 4.72386 1.5 5V6C1.5 6.27614 1.72386 6.5 2 6.5H4.81488L4.28589 9.5H2C1.72386 9.5 1.5 9.72386 1.5 10V11C1.5 11.2761 1.72386 11.5 2 11.5H3.93324L3.50773 13.9132C3.45375 14.2193 3.68926 14.5 4.00014 14.5H5.01556C5.25821 14.5 5.46583 14.3258 5.50797 14.0868L5.96409 11.5H8.43324L8.00773 13.9132C7.95375 14.2193 8.18926 14.5 8.50014 14.5H9.51556C9.75821 14.5 9.96583 14.3258 10.008 14.0868L10.4641 11.5H13.5C13.7761 11.5 14 11.2761 14 11V10C14 9.72386 13.7761 9.5 13.5 9.5H10.8167L11.3457 6.5H13.5C13.7761 6.5 14 6.27614 14 6V5C14 4.72386 13.7761 4.5 13.5 4.5H11.6984L12.1239 2.08683C12.1779 1.78068 11.9424 1.5 11.6315 1.5H10.6161ZM6.31675 9.5H8.78589L9.31488 6.5H6.84573L6.31675 9.5Z" fill="#000"/>
3
+ </svg>
@@ -1,4 +1,4 @@
1
1
  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <path d="M7.51983 2.40012C7.79797 2.16834 8.20197 2.16834 8.48011 2.40012L13.6105 6.67544C13.8247 6.85396 13.8515 7.17322 13.67 7.38494L13.4531 7.63803C13.2794 7.84067 12.9772 7.87116 12.7665 7.70731L8.30694 4.23876C8.12638 4.09833 7.87356 4.09833 7.693 4.23876L3.23344 7.70731C3.02277 7.87116 2.72054 7.84067 2.54684 7.63803L2.32992 7.38494C2.14844 7.17322 2.17523 6.85396 2.38945 6.67544L7.51983 2.40012Z" fill="#000000"/>
3
- <path d="M7.68467 5.42969L3.99997 8.31593V13.2378C3.99997 13.6587 4.33576 14 4.74997 14H6.49997C6.77611 14 6.99997 13.7762 6.99997 13.5V11.4593C6.99997 11.1786 7.22383 10.9511 7.49997 10.9511H8.49997C8.77611 10.9511 8.99997 11.1786 8.99997 11.4593V13.5C8.99997 13.7762 9.22383 14 9.49997 14H11.25C11.6642 14 12 13.6587 12 13.2378V8.31593L8.31527 5.42969C8.13157 5.27801 7.86838 5.27801 7.68467 5.42969Z" fill="#000000"/>
2
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M7.68697 1.75127C7.86982 1.60448 8.13013 1.60448 8.31298 1.75127L14.7458 6.91541C14.9651 7.09144 14.9961 7.41362 14.8145 7.62829L14.1709 8.38896C13.9949 8.5969 13.6849 8.62574 13.4736 8.45382L8.31555 4.25677C8.13175 4.10721 7.8682 4.10721 7.6844 4.25677L2.52637 8.45381C2.31508 8.62574 2.00506 8.5969 1.8291 8.38895L1.18546 7.62829C1.00382 7.41362 1.03486 7.09144 1.25415 6.91541L7.68697 1.75127Z" fill="#000"/>
3
+ <path d="M7.68763 5.24987C7.87024 5.10378 8.12971 5.10378 8.31232 5.24987L12.8123 8.84987C12.9309 8.94476 13 9.08841 13 9.24031V13.5C13 13.7761 12.7761 14 12.5 14H9.49998C9.22383 14 8.99997 13.7761 8.99997 13.5V11.5C8.99997 11.2239 8.77612 11 8.49997 11H7.49997C7.22383 11 6.99997 11.2239 6.99997 11.5V13.5C6.99997 13.7761 6.77612 14 6.49997 14H3.49997C3.22383 14 2.99997 13.7761 2.99997 13.5V9.24031C2.99997 9.08841 3.06902 8.94476 3.18763 8.84987L7.68763 5.24987Z" fill="#000"/>
4
4
  </svg>
@@ -66,6 +66,7 @@ import FullScreenExit from './FullScreenExit.svg';
66
66
  import Gauge from './Gauge.svg';
67
67
  import GlobeAmericas from './GlobeAmericas.svg';
68
68
  import GovernmentBuilding from './GovernmentBuilding.svg';
69
+ import Hash from './Hash.svg';
69
70
  import Highlight from './Highlight.svg';
70
71
  import Home from './Home.svg';
71
72
  import Import from './Import.svg';
@@ -212,6 +213,7 @@ const _glyphs = {
212
213
  Gauge,
213
214
  GlobeAmericas,
214
215
  GovernmentBuilding,
216
+ Hash,
215
217
  Highlight,
216
218
  Home,
217
219
  Import,