@leafygreen-ui/icon 11.27.0 → 11.28.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leafygreen-ui/icon",
-  "version": "11.27.0",
+  "version": "11.28.0",
   "description": "LeafyGreen UI Kit Icons",
   "main": "./dist/index.js",
   "module": "./dist/esm/index.js",
@@ -24,7 +24,7 @@
   },
   "devDependencies": {
     "@leafygreen-ui/palette": "^4.0.7",
-    "@leafygreen-ui/lib": "^13.1.0",
+    "@leafygreen-ui/lib": "^13.2.0",
     "@svgr/core": "^5.3.1",
     "@types/meow": "^6.0.0",
     "@types/xml2json": "^0.11.0",

package/src/generated/Database.tsx

@@ -2,7 +2,7 @@
 * This is a generated file. Do not modify it manually.
 *
 * @script ./node_modules/.bin/ts-node packages/icon/scripts/build.ts
-* @checksum 0b39c82e3a34ed4c7ff0c2d0db3c709e
+* @checksum 1a3d381274cc44c597a9dea43b6dfd30
 */
 import * as React from "react";
 import PropTypes from 'prop-types';
@@ -33,7 +33,7 @@ const Database = ({
   });
   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="M14 4.11112C14 4.20874 13.9993 4.30407 13.9979 4.39715C13.9993 4.43127 14 4.46556 14 4.50001V4.75C14 5.07753 13.8516 5.39205 13.5278 5.70048C13.1982 6.01445 12.7096 6.29754 12.1036 6.53428C10.8929 7.00726 9.33171 7.25 8 7.25C6.66829 7.25 5.10707 7.00726 3.89641 6.53428C3.29044 6.29754 2.80176 6.01445 2.47218 5.70048C2.14842 5.39205 2 5.07753 2 4.75V4.50001C2 4.4614 2.00087 4.42301 2.00261 4.38483C2.00087 4.29579 2 4.20457 2 4.11112C2 2 5.04133 1.00001 8 1.00001C10.9587 1.00001 14 2 14 4.11112Z" fill={'currentColor'} /><path d="M2 6.61533V8.75C2 9.07753 2.14842 9.39205 2.47218 9.70048C2.80176 10.0145 3.29044 10.2975 3.89641 10.5343C5.10707 11.0073 6.66829 11.25 8 11.25C9.33171 11.25 10.8929 11.0073 12.1036 10.5343C12.7096 10.2975 13.1982 10.0145 13.5278 9.70048C13.8516 9.39205 14 9.07753 14 8.75V6.61533C13.5721 6.96184 13.0398 7.24214 12.4675 7.46572C11.1185 7.99274 9.42971 8.25 8 8.25C6.57029 8.25 4.88151 7.99274 3.53252 7.46572C2.96024 7.24214 2.42785 6.96184 2 6.61533Z" fill={'currentColor'} /><path d="M12.4675 11.4657C13.0398 11.2421 13.5721 10.9618 14 10.6153V11.5C14 11.5383 13.9991 11.5764 13.9974 11.6142C13.9991 11.7047 14 11.7962 14 11.8889C14 14 10.9587 15 8 15C5.04133 15 2 14 2 11.8889C2 11.792 2.00069 11.6964 2.00205 11.6021C2.00069 11.5682 2 11.5342 2 11.5V10.6153C2.42785 10.9618 2.96024 11.2421 3.53252 11.4657C4.88151 11.9927 6.57029 12.25 8 12.25C9.42971 12.25 11.1185 11.9927 12.4675 11.4657Z" fill={'currentColor'} /></svg>;
+  }, 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.5 4.45183C13.5 4.54132 13.4994 4.6287 13.4981 4.71402C13.4994 4.7453 13.5 4.77673 13.5 4.80831V5.03747C13.5 5.3377 13.364 5.62601 13.0672 5.90874C12.7651 6.19655 12.3171 6.45605 11.7616 6.67306C10.6519 7.10662 9.22074 7.32913 8 7.32913C6.77926 7.32913 5.34814 7.10662 4.23838 6.67306C3.68291 6.45605 3.23494 6.19655 2.93283 5.90874C2.63605 5.62601 2.5 5.3377 2.5 5.03747V4.80831C2.5 4.77292 2.5008 4.73772 2.50239 4.70273C2.5008 4.62111 2.5 4.53749 2.5 4.45183C2.5 2.51664 5.28789 1.59998 8 1.59998C10.7121 1.59998 13.5 2.51664 13.5 4.45183Z" fill={'currentColor'} /><path d="M2.5 6.74736V8.70414C2.5 9.00437 2.63605 9.29268 2.93283 9.57541C3.23494 9.86322 3.68291 10.1227 4.23838 10.3397C5.34814 10.7733 6.77926 10.9958 8 10.9958C9.22074 10.9958 10.6519 10.7733 11.7616 10.3397C12.3171 10.1227 12.7651 9.86322 13.0672 9.57541C13.364 9.29268 13.5 9.00437 13.5 8.70414V6.74736C13.1078 7.06499 12.6198 7.32193 12.0952 7.52688C10.8586 8.00998 9.31057 8.2458 8 8.2458C6.68943 8.2458 5.14138 8.00998 3.90481 7.52688C3.38022 7.32193 2.8922 7.06499 2.5 6.74736Z" fill={'currentColor'} /><path d="M12.0952 11.1935C12.6198 10.9886 13.1078 10.7317 13.5 10.414V11.225C13.5 11.2601 13.4992 11.295 13.4977 11.3297C13.4992 11.4126 13.5 11.4965 13.5 11.5814C13.5 13.5166 10.7121 14.4333 8 14.4333C5.28789 14.4333 2.5 13.5166 2.5 11.5814C2.5 11.4926 2.50063 11.405 2.50188 11.3185C2.50063 11.2875 2.5 11.2563 2.5 11.225V10.414C2.8922 10.7317 3.38022 10.9886 3.90481 11.1935C5.14138 11.6766 6.68943 11.9125 8 11.9125C9.31057 11.9125 10.8586 11.6767 12.0952 11.1935Z" fill={'currentColor'} /></svg>;
 };
 Database.displayName = 'Database';
 Database.isGlyph = true;

package/src/generated/HorizontalDrag.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 1526003ef4d9aa0d0b75b6f1a902aa04
+*/
+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 HorizontalDragProps extends LGGlyph.ComponentProps {}
+const HorizontalDrag = ({
+  className,
+  size = 16,
+  title,
+  ['aria-label']: ariaLabel,
+  ['aria-labelledby']: ariaLabelledby,
+  fill,
+  role = 'img',
+  ...props
+}: HorizontalDragProps) => {
+  const fillStyle = css`
+        color: ${fill};
+      `;
+  const noFlexShrink = css`
+        flex-shrink: 0;
+      `;
+  const accessibleProps = generateAccessibleProps(role, 'HorizontalDrag', {
+    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="M4 9C4.55228 9 5 9.44772 5 10C5 10.5523 4.55228 11 4 11C3.44772 11 3 10.5523 3 10C3 9.44772 3.44772 9 4 9Z" fill={'currentColor'} /><path d="M4 5C4.55228 5 5 5.4477 5 6C5 6.55228 4.55228 7 4 7C3.44772 7 3 6.55228 3 6C3 5.4477 3.44772 5 4 5Z" fill={'currentColor'} /><path d="M8 9C8.55228 9 9 9.44772 9 10C9 10.5523 8.55228 11 8 11C7.44772 11 7 10.5523 7 10C7 9.44772 7.44772 9 8 9Z" fill={'currentColor'} /><path d="M12 9C12.5523 9 13 9.44772 13 10C13 10.5523 12.5523 11 12 11C11.4477 11 11 10.5523 11 10C11 9.44772 11.4477 9 12 9Z" fill={'currentColor'} /><path d="M8 5C8.55228 5 9 5.4477 9 6C9 6.55228 8.55228 7 8 7C7.44772 7 7 6.55228 7 6C7 5.4477 7.44772 5 8 5Z" fill={'currentColor'} /><path d="M12 5C12.5523 5 13 5.4477 13 6C13 6.55228 12.5523 7 12 7C11.4477 7 11 6.55228 11 6C11 5.4477 11.4477 5 12 5Z" fill={'currentColor'} /></svg>;
+};
+HorizontalDrag.displayName = 'HorizontalDrag';
+HorizontalDrag.isGlyph = true;
+HorizontalDrag.propTypes = {
+  fill: PropTypes.string,
+  size: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+  className: PropTypes.string
+};
+export default HorizontalDrag;

package/src/glyphs/Database.svg

@@ -1,5 +1,5 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M14 4.11112C14 4.20874 13.9993 4.30407 13.9979 4.39715C13.9993 4.43127 14 4.46556 14 4.50001V4.75C14 5.07753 13.8516 5.39205 13.5278 5.70048C13.1982 6.01445 12.7096 6.29754 12.1036 6.53428C10.8929 7.00726 9.33171 7.25 8 7.25C6.66829 7.25 5.10707 7.00726 3.89641 6.53428C3.29044 6.29754 2.80176 6.01445 2.47218 5.70048C2.14842 5.39205 2 5.07753 2 4.75V4.50001C2 4.4614 2.00087 4.42301 2.00261 4.38483C2.00087 4.29579 2 4.20457 2 4.11112C2 2 5.04133 1.00001 8 1.00001C10.9587 1.00001 14 2 14 4.11112Z" fill="#000000"/>
-<path d="M2 6.61533V8.75C2 9.07753 2.14842 9.39205 2.47218 9.70048C2.80176 10.0145 3.29044 10.2975 3.89641 10.5343C5.10707 11.0073 6.66829 11.25 8 11.25C9.33171 11.25 10.8929 11.0073 12.1036 10.5343C12.7096 10.2975 13.1982 10.0145 13.5278 9.70048C13.8516 9.39205 14 9.07753 14 8.75V6.61533C13.5721 6.96184 13.0398 7.24214 12.4675 7.46572C11.1185 7.99274 9.42971 8.25 8 8.25C6.57029 8.25 4.88151 7.99274 3.53252 7.46572C2.96024 7.24214 2.42785 6.96184 2 6.61533Z" fill="#000000"/>
-<path d="M12.4675 11.4657C13.0398 11.2421 13.5721 10.9618 14 10.6153V11.5C14 11.5383 13.9991 11.5764 13.9974 11.6142C13.9991 11.7047 14 11.7962 14 11.8889C14 14 10.9587 15 8 15C5.04133 15 2 14 2 11.8889C2 11.792 2.00069 11.6964 2.00205 11.6021C2.00069 11.5682 2 11.5342 2 11.5V10.6153C2.42785 10.9618 2.96024 11.2421 3.53252 11.4657C4.88151 11.9927 6.57029 12.25 8 12.25C9.42971 12.25 11.1185 11.9927 12.4675 11.4657Z" fill="#000000"/>
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none">
+<path d="M13.5 4.45183C13.5 4.54132 13.4994 4.6287 13.4981 4.71402C13.4994 4.7453 13.5 4.77673 13.5 4.80831V5.03747C13.5 5.3377 13.364 5.62601 13.0672 5.90874C12.7651 6.19655 12.3171 6.45605 11.7616 6.67306C10.6519 7.10662 9.22074 7.32913 8 7.32913C6.77926 7.32913 5.34814 7.10662 4.23838 6.67306C3.68291 6.45605 3.23494 6.19655 2.93283 5.90874C2.63605 5.62601 2.5 5.3377 2.5 5.03747V4.80831C2.5 4.77292 2.5008 4.73772 2.50239 4.70273C2.5008 4.62111 2.5 4.53749 2.5 4.45183C2.5 2.51664 5.28789 1.59998 8 1.59998C10.7121 1.59998 13.5 2.51664 13.5 4.45183Z" fill="#000"/>
+<path d="M2.5 6.74736V8.70414C2.5 9.00437 2.63605 9.29268 2.93283 9.57541C3.23494 9.86322 3.68291 10.1227 4.23838 10.3397C5.34814 10.7733 6.77926 10.9958 8 10.9958C9.22074 10.9958 10.6519 10.7733 11.7616 10.3397C12.3171 10.1227 12.7651 9.86322 13.0672 9.57541C13.364 9.29268 13.5 9.00437 13.5 8.70414V6.74736C13.1078 7.06499 12.6198 7.32193 12.0952 7.52688C10.8586 8.00998 9.31057 8.2458 8 8.2458C6.68943 8.2458 5.14138 8.00998 3.90481 7.52688C3.38022 7.32193 2.8922 7.06499 2.5 6.74736Z" fill="#000"/>
+<path d="M12.0952 11.1935C12.6198 10.9886 13.1078 10.7317 13.5 10.414V11.225C13.5 11.2601 13.4992 11.295 13.4977 11.3297C13.4992 11.4126 13.5 11.4965 13.5 11.5814C13.5 13.5166 10.7121 14.4333 8 14.4333C5.28789 14.4333 2.5 13.5166 2.5 11.5814C2.5 11.4926 2.50063 11.405 2.50188 11.3185C2.50063 11.2875 2.5 11.2563 2.5 11.225V10.414C2.8922 10.7317 3.38022 10.9886 3.90481 11.1935C5.14138 11.6766 6.68943 11.9125 8 11.9125C9.31057 11.9125 10.8586 11.6767 12.0952 11.1935Z" fill="#000"/>
 </svg>

package/src/glyphs/HorizontalDrag.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="M4 9C4.55228 9 5 9.44772 5 10C5 10.5523 4.55228 11 4 11C3.44772 11 3 10.5523 3 10C3 9.44772 3.44772 9 4 9Z" fill="#000"/>
+<path d="M4 5C4.55228 5 5 5.4477 5 6C5 6.55228 4.55228 7 4 7C3.44772 7 3 6.55228 3 6C3 5.4477 3.44772 5 4 5Z" fill="#000"/>
+<path d="M8 9C8.55228 9 9 9.44772 9 10C9 10.5523 8.55228 11 8 11C7.44772 11 7 10.5523 7 10C7 9.44772 7.44772 9 8 9Z" fill="#000"/>
+<path d="M12 9C12.5523 9 13 9.44772 13 10C13 10.5523 12.5523 11 12 11C11.4477 11 11 10.5523 11 10C11 9.44772 11.4477 9 12 9Z" fill="#000"/>
+<path d="M8 5C8.55228 5 9 5.4477 9 6C9 6.55228 8.55228 7 8 7C7.44772 7 7 6.55228 7 6C7 5.4477 7.44772 5 8 5Z" fill="#000"/>
+<path d="M12 5C12.5523 5 13 5.4477 13 6C13 6.55228 12.5523 7 12 7C11.4477 7 11 6.55228 11 6C11 5.4477 11.4477 5 12 5Z" fill="#000"/>
+</svg>

package/src/glyphs/index.ts

@@ -69,6 +69,7 @@ import GovernmentBuilding from './GovernmentBuilding.svg';
 import Hash from './Hash.svg';
 import Highlight from './Highlight.svg';
 import Home from './Home.svg';
+import HorizontalDrag from './HorizontalDrag.svg';
 import Import from './Import.svg';
 import ImportantWithCircle from './ImportantWithCircle.svg';
 import InfoWithCircle from './InfoWithCircle.svg';
@@ -216,6 +217,7 @@ const _glyphs = {
   Hash,
   Highlight,
   Home,
+  HorizontalDrag,
   Import,
   ImportantWithCircle,
   InfoWithCircle,