diff --git a/.changeset/nervous-trainers-attend.md b/.changeset/nervous-trainers-attend.md new file mode 100644 index 0000000000..41e6aefd50 --- /dev/null +++ b/.changeset/nervous-trainers-attend.md @@ -0,0 +1,5 @@ +--- +'@leafygreen-ui/icon': minor +--- + +Adds `'EmptyFolder'` and `'EmptyDatabase'` glyphs diff --git a/packages/icon/src/generated/EmptyDatabase.tsx b/packages/icon/src/generated/EmptyDatabase.tsx new file mode 100644 index 0000000000..0197345278 --- /dev/null +++ b/packages/icon/src/generated/EmptyDatabase.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 944c4a3d45c0ff1cf5c6a8227b3d7964 +*/ +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 EmptyDatabaseProps extends LGGlyph.ComponentProps {} +const EmptyDatabase = ({ + className, + size = 16, + title, + ['aria-label']: ariaLabel, + ['aria-labelledby']: ariaLabelledby, + fill, + role = 'img', + ...props +}: EmptyDatabaseProps) => { + const fillStyle = css` + color: ${fill}; + `; + const noFlexShrink = css` + flex-shrink: 0; + `; + const accessibleProps = generateAccessibleProps(role, 'EmptyDatabase', { + title, + ['aria-label']: ariaLabel, + ['aria-labelledby']: ariaLabelledby + }); + return ; +}; +EmptyDatabase.displayName = 'EmptyDatabase'; +EmptyDatabase.isGlyph = true; +EmptyDatabase.propTypes = { + fill: PropTypes.string, + size: PropTypes.oneOfType([PropTypes.number, PropTypes.string]), + className: PropTypes.string +}; +export default EmptyDatabase; \ No newline at end of file diff --git a/packages/icon/src/generated/EmptyFolder.tsx b/packages/icon/src/generated/EmptyFolder.tsx new file mode 100644 index 0000000000..aa38c32626 --- /dev/null +++ b/packages/icon/src/generated/EmptyFolder.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 8a09ec616c2f43419d091f5b19d867ae +*/ +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 EmptyFolderProps extends LGGlyph.ComponentProps {} +const EmptyFolder = ({ + className, + size = 16, + title, + ['aria-label']: ariaLabel, + ['aria-labelledby']: ariaLabelledby, + fill, + role = 'img', + ...props +}: EmptyFolderProps) => { + const fillStyle = css` + color: ${fill}; + `; + const noFlexShrink = css` + flex-shrink: 0; + `; + const accessibleProps = generateAccessibleProps(role, 'EmptyFolder', { + title, + ['aria-label']: ariaLabel, + ['aria-labelledby']: ariaLabelledby + }); + return ; +}; +EmptyFolder.displayName = 'EmptyFolder'; +EmptyFolder.isGlyph = true; +EmptyFolder.propTypes = { + fill: PropTypes.string, + size: PropTypes.oneOfType([PropTypes.number, PropTypes.string]), + className: PropTypes.string +}; +export default EmptyFolder; \ No newline at end of file diff --git a/packages/icon/src/glyphs/EmptyDatabase.svg b/packages/icon/src/glyphs/EmptyDatabase.svg new file mode 100644 index 0000000000..af7e3b08f3 --- /dev/null +++ b/packages/icon/src/glyphs/EmptyDatabase.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/packages/icon/src/glyphs/EmptyFolder.svg b/packages/icon/src/glyphs/EmptyFolder.svg new file mode 100644 index 0000000000..ee7c3d6894 --- /dev/null +++ b/packages/icon/src/glyphs/EmptyFolder.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/packages/icon/src/glyphs/index.ts b/packages/icon/src/glyphs/index.ts index cea26af2b1..233dc74103 100644 --- a/packages/icon/src/glyphs/index.ts +++ b/packages/icon/src/glyphs/index.ts @@ -55,6 +55,8 @@ import Drag from './Drag.svg'; import Edit from './Edit.svg'; import Ellipsis from './Ellipsis.svg'; import Email from './Email.svg'; +import EmptyDatabase from './EmptyDatabase.svg'; +import EmptyFolder from './EmptyFolder.svg'; import Eraser from './Eraser.svg'; import Escalation from './Escalation.svg'; import Export from './Export.svg'; @@ -216,6 +218,8 @@ const _glyphs = { Edit, Ellipsis, Email, + EmptyDatabase, + EmptyFolder, Eraser, Escalation, Export,