diff --git a/.changeset/itchy-friends-change.md b/.changeset/itchy-friends-change.md new file mode 100644 index 0000000000..8c86915164 --- /dev/null +++ b/.changeset/itchy-friends-change.md @@ -0,0 +1,5 @@ +--- +'@leafygreen-ui/icon': minor +--- + +Bumps svgr dependency from v5 to v8 diff --git a/packages/icon/package.json b/packages/icon/package.json index c320f63beb..c58edc8d55 100644 --- a/packages/icon/package.json +++ b/packages/icon/package.json @@ -43,7 +43,7 @@ "@lg-tools/build": "workspace:^", "@lg-tools/lint": "workspace:^", "@lg-tools/storybook-utils": "workspace:^", - "@svgr/core": "^5.3.1", + "@svgr/core": "^8.1.0", "@types/xml2json": "^0.11.0", "commander": "^11.0.0", "rollup": "4.16.1", diff --git a/packages/icon/scripts/prebuild/index.ts b/packages/icon/scripts/prebuild/index.ts index 4de77989dd..7d3dea25c0 100644 --- a/packages/icon/scripts/prebuild/index.ts +++ b/packages/icon/scripts/prebuild/index.ts @@ -1,15 +1,14 @@ /* eslint-disable no-console */ import { formatLG } from '@lg-tools/lint'; -// @ts-ignore - no types in svgr v5.5 // TODO: update to v8 LG-5484 -import { default as svgr } from '@svgr/core'; +import { transform } from '@svgr/core'; import { Command } from 'commander'; import fs from 'fs'; import path from 'path'; import { getChecksum } from './checksum'; import { indexTemplate } from './indexTemplate'; +import { applyLeafyGreenTemplate } from './leafyGreenTemplate'; import { FileObject, PrebuildOptions } from './prebuild.types'; -import { svgrTemplate } from './svgrTemplate'; const SRC_PATH = path.resolve(__dirname, '..', '..', 'src'); @@ -117,32 +116,52 @@ function makeFileProcessor(outputDir: string, options?: PrebuildOptions) { encoding: 'utf8', }); - // Note: must use `require` since svgrrc is a CommonJS module - // @ts-ignore - svgrrc is not typed - const svgrrc = await require('../../.svgrrc.js'); - - const processedSVGR = await svgr( + // Generate basic React component first + const processedSVGR = await transform( svgContent, { - ...svgrrc, - template: svgrTemplate, - }, - { - componentName: file.name, + plugins: ['@svgr/plugin-jsx'], + typescript: true, + jsx: { + babelConfig: { + plugins: [ + [ + '@svgr/babel-plugin-replace-jsx-attribute-value', + { + values: [ + { value: '#000', newValue: 'currentColor' }, + { value: '#000000', newValue: 'currentColor' }, + { value: 'black', newValue: 'currentColor' }, + ], + }, + ], + ], + }, + }, }, + { componentName: file.name }, ); + // Apply custom LeafyGreen wrapper using template + const customizedSVGR = applyLeafyGreenTemplate(processedSVGR, file.name); const scriptPath = 'packages/icon/' + path.relative(path.resolve(__dirname, process.cwd()), __filename); - const checksum = getChecksum(svgContent, processedSVGR); + if (!customizedSVGR) { + throw new Error( + `SVGR transformation failed for file "${file.name}.svg". The component could not be generated.`, + ); + } + + const finalContent = customizedSVGR; + const checksum = getChecksum(svgContent, finalContent); const outfilePath = path.resolve(outputDir, `${file.name}.tsx`); const annotatedFileContent = annotateFileContent( scriptPath, checksum, - processedSVGR, + finalContent, ); if (options?.verbose) { diff --git a/packages/icon/scripts/prebuild/leafyGreenTemplate.ts b/packages/icon/scripts/prebuild/leafyGreenTemplate.ts new file mode 100644 index 0000000000..b0d22fc8ea --- /dev/null +++ b/packages/icon/scripts/prebuild/leafyGreenTemplate.ts @@ -0,0 +1,69 @@ +/** + * LeafyGreen template transformation for SVGR-generated components + * This replaces the previous inline regex with a more maintainable template approach + */ + +export function applyLeafyGreenTemplate( + svgrOutput: string, + componentName: string, +): string { + // This pattern matches the standard SVGR TypeScript output structure + const svgrPattern = + /import \* as React from "react";\nimport type \{ SVGProps \} from "react";\nconst (\w+) = \(props: SVGProps\) => (.*?);\nexport default \1;/s; + + const leafyGreenTemplate = `import * as React from 'react'; +import { css, cx } from '@leafygreen-ui/emotion'; +import { generateAccessibleProps, sizeMap } from '../glyphCommon'; +import { LGGlyph } from '../types'; + +export interface $1Props extends LGGlyph.ComponentProps {} + +const $1 = ({ + className, + size = 16, + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, + fill, + role = 'img', + ...props +}: $1Props) => { + const fillStyle = css\` + color: \${fill}; + \`; + + const noFlexShrink = css\` + flex-shrink: 0; + \`; + + const accessibleProps = generateAccessibleProps(role, '${componentName}', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = $2; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, + }); +}; + +$1.displayName = '${componentName}'; +$1.isGlyph = true; + +export default $1;`; + + return svgrOutput.replace(svgrPattern, leafyGreenTemplate); +} diff --git a/packages/icon/scripts/prebuild/svgrTemplate.ts b/packages/icon/scripts/prebuild/svgrTemplate.ts deleted file mode 100644 index a3d2381883..0000000000 --- a/packages/icon/scripts/prebuild/svgrTemplate.ts +++ /dev/null @@ -1,92 +0,0 @@ -interface BabelAPI extends Record { - template: { - smart: (opts: Record) => any; - } & Record; -} - -interface SVGROptions extends Record { - state: { - componentName: string; - } & Record; -} - -interface ASTParts extends Record { - jsx: Record; - componentName: object; - imports: string; - exports: string; - interfaces: string; - props: string; -} - -export function svgrTemplate( - { template }: BabelAPI, - { state: { componentName } }: SVGROptions, - { imports, jsx, exports }: ASTParts, -) { - const typeScriptTpl = template.smart({ plugins: ['jsx', 'typescript'] }); - - const jsxAttributes = typeScriptTpl.ast` - `; - - // Augment the `` so we can customize it with the values above. - jsx.openingElement.attributes = - jsxAttributes.expression.openingElement.attributes.concat( - jsx.openingElement.attributes[2], - ); - - return typeScriptTpl(` - %%imports%% - import { css, cx } from '@leafygreen-ui/emotion'; - import { generateAccessibleProps, sizeMap } from '../glyphCommon'; - import { LGGlyph } from '../types'; - - export interface ${componentName}Props extends LGGlyph.ComponentProps {} - - const ${componentName} = ({ - className, - size = 16, - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, - fill, - role = 'img', - ...props - }: ${componentName}Props) => { - const fillStyle = css\` - color: \${fill}; - \`; - - const noFlexShrink = css\` - flex-shrink: 0; - \`; - - const accessibleProps = generateAccessibleProps(role, '${componentName}', { title, ['aria-label']: ariaLabel, ['aria-labelledby']: ariaLabelledby }) - - return %%jsx%%; - } - - ${componentName}.displayName = '${componentName}'; - - ${componentName}.isGlyph = true; - - %%exports%% - `)({ - imports: imports, - jsx: jsx, - exports: exports, - }); -} diff --git a/packages/icon/src/generated/AIModel.tsx b/packages/icon/src/generated/AIModel.tsx index bbd7c217e7..92e209a8ec 100644 --- a/packages/icon/src/generated/AIModel.tsx +++ b/packages/icon/src/generated/AIModel.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 1b3d40728665f27a2c0b6039f0387bf8 +* @checksum 1cad73a378c611b7580027d1cec09474 */ -import * as React from "react"; +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, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: AIModelProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'AIModel', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'AIModel', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + AIModel.displayName = 'AIModel'; AIModel.isGlyph = true; + export default AIModel; \ No newline at end of file diff --git a/packages/icon/src/generated/ActivityFeed.tsx b/packages/icon/src/generated/ActivityFeed.tsx index 2d129c5dba..826e54071b 100644 --- a/packages/icon/src/generated/ActivityFeed.tsx +++ b/packages/icon/src/generated/ActivityFeed.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 260808bc7119d3af4c161e80ea57a6c5 +* @checksum 8a5c143838d876dbd1d32f77d08e5b75 */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface ActivityFeedProps extends LGGlyph.ComponentProps {} + const ActivityFeed = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: ActivityFeedProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'ActivityFeed', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'ActivityFeed', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + ActivityFeed.displayName = 'ActivityFeed'; ActivityFeed.isGlyph = true; + export default ActivityFeed; \ No newline at end of file diff --git a/packages/icon/src/generated/AddFile.tsx b/packages/icon/src/generated/AddFile.tsx index 78008accee..2b50c3afa7 100644 --- a/packages/icon/src/generated/AddFile.tsx +++ b/packages/icon/src/generated/AddFile.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum cc1e1cbb6d61f3388205f4e843e3e712 +* @checksum 553a7a167fe1c152635e25230b7744a2 */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface AddFileProps extends LGGlyph.ComponentProps {} + const AddFile = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: AddFileProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'AddFile', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'AddFile', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + AddFile.displayName = 'AddFile'; AddFile.isGlyph = true; + export default AddFile; \ No newline at end of file diff --git a/packages/icon/src/generated/AllProducts.tsx b/packages/icon/src/generated/AllProducts.tsx index 8a47f63a7f..93a3b9b025 100644 --- a/packages/icon/src/generated/AllProducts.tsx +++ b/packages/icon/src/generated/AllProducts.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 5c37a6bef3cb4644287c2c3f068f875a +* @checksum d86367020ded8e6aff9aaf7071b9c20d */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface AllProductsProps extends LGGlyph.ComponentProps {} + const AllProducts = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: AllProductsProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'AllProducts', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'AllProducts', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + AllProducts.displayName = 'AllProducts'; AllProducts.isGlyph = true; + export default AllProducts; \ No newline at end of file diff --git a/packages/icon/src/generated/AnalyticsNode.tsx b/packages/icon/src/generated/AnalyticsNode.tsx index 0dfc35791f..ffaddfabba 100644 --- a/packages/icon/src/generated/AnalyticsNode.tsx +++ b/packages/icon/src/generated/AnalyticsNode.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 9805552df6dff2c768c44ca81aa213c4 +* @checksum cab473dd0ce3e78859a42b626c0c08f5 */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface AnalyticsNodeProps extends LGGlyph.ComponentProps {} + const AnalyticsNode = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: AnalyticsNodeProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'AnalyticsNode', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'AnalyticsNode', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + AnalyticsNode.displayName = 'AnalyticsNode'; AnalyticsNode.isGlyph = true; + export default AnalyticsNode; \ No newline at end of file diff --git a/packages/icon/src/generated/Apps.tsx b/packages/icon/src/generated/Apps.tsx index 71b47db97c..d91957ce6b 100644 --- a/packages/icon/src/generated/Apps.tsx +++ b/packages/icon/src/generated/Apps.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 425e40d61dd5d93e2cee0b03900ae595 +* @checksum d80196960ac35e9eaad5787d77d85048 */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface AppsProps extends LGGlyph.ComponentProps {} + const Apps = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: AppsProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'Apps', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'Apps', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + Apps.displayName = 'Apps'; Apps.isGlyph = true; + export default Apps; \ No newline at end of file diff --git a/packages/icon/src/generated/Array.tsx b/packages/icon/src/generated/Array.tsx index 78c6b1b423..337f5990db 100644 --- a/packages/icon/src/generated/Array.tsx +++ b/packages/icon/src/generated/Array.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum b3bf0a50a840b53f371336851204c2a5 +* @checksum cd40d74d0108475bfb381fd4b8d38b77 */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface ArrayProps extends LGGlyph.ComponentProps {} + const Array = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: ArrayProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'Array', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'Array', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + Array.displayName = 'Array'; Array.isGlyph = true; + export default Array; \ No newline at end of file diff --git a/packages/icon/src/generated/ArrowDown.tsx b/packages/icon/src/generated/ArrowDown.tsx index e3ee37d12b..bdd8db772d 100644 --- a/packages/icon/src/generated/ArrowDown.tsx +++ b/packages/icon/src/generated/ArrowDown.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 80388a72ab7b330b3a6580b0c297fddf +* @checksum 4b677b2d2f00d5c0a02e6e14f0681b33 */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface ArrowDownProps extends LGGlyph.ComponentProps {} + const ArrowDown = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: ArrowDownProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'ArrowDown', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'ArrowDown', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + ArrowDown.displayName = 'ArrowDown'; ArrowDown.isGlyph = true; + export default ArrowDown; \ No newline at end of file diff --git a/packages/icon/src/generated/ArrowLeft.tsx b/packages/icon/src/generated/ArrowLeft.tsx index a93f71ef36..58bbd851d0 100644 --- a/packages/icon/src/generated/ArrowLeft.tsx +++ b/packages/icon/src/generated/ArrowLeft.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum b616058bc8611a0f41a0b72ef9007615 +* @checksum 9de52840eb63e4212da5711e4041256b */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface ArrowLeftProps extends LGGlyph.ComponentProps {} + const ArrowLeft = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: ArrowLeftProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'ArrowLeft', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'ArrowLeft', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + ArrowLeft.displayName = 'ArrowLeft'; ArrowLeft.isGlyph = true; + export default ArrowLeft; \ No newline at end of file diff --git a/packages/icon/src/generated/ArrowRight.tsx b/packages/icon/src/generated/ArrowRight.tsx index e520a7fbd0..ebea923f1f 100644 --- a/packages/icon/src/generated/ArrowRight.tsx +++ b/packages/icon/src/generated/ArrowRight.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 23de185adab4900108b14253a1e923ae +* @checksum 05983c0369270e0162f9babc3f539601 */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface ArrowRightProps extends LGGlyph.ComponentProps {} + const ArrowRight = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: ArrowRightProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'ArrowRight', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'ArrowRight', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + ArrowRight.displayName = 'ArrowRight'; ArrowRight.isGlyph = true; + export default ArrowRight; \ No newline at end of file diff --git a/packages/icon/src/generated/ArrowUp.tsx b/packages/icon/src/generated/ArrowUp.tsx index e599f19f22..382c9999d9 100644 --- a/packages/icon/src/generated/ArrowUp.tsx +++ b/packages/icon/src/generated/ArrowUp.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 49ee0cf73d7b62b81389b9ff02da9762 +* @checksum 79712a264c060fb7c54d63d3f7bd0a80 */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface ArrowUpProps extends LGGlyph.ComponentProps {} + const ArrowUp = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: ArrowUpProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'ArrowUp', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'ArrowUp', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + ArrowUp.displayName = 'ArrowUp'; ArrowUp.isGlyph = true; + export default ArrowUp; \ No newline at end of file diff --git a/packages/icon/src/generated/Award.tsx b/packages/icon/src/generated/Award.tsx index 4b5f8a12c5..65929ffe59 100644 --- a/packages/icon/src/generated/Award.tsx +++ b/packages/icon/src/generated/Award.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 3b9e32a25f51f7150b52bafd3268e9e7 +* @checksum 6015a4b3d077c7facb05208077975fb4 */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface AwardProps extends LGGlyph.ComponentProps {} + const Award = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: AwardProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'Award', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'Award', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + Award.displayName = 'Award'; Award.isGlyph = true; + export default Award; \ No newline at end of file diff --git a/packages/icon/src/generated/Beaker.tsx b/packages/icon/src/generated/Beaker.tsx index 11d0ee9095..6b0834542a 100644 --- a/packages/icon/src/generated/Beaker.tsx +++ b/packages/icon/src/generated/Beaker.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 672dda640a4f6847536982968cfb0a72 +* @checksum bd8b00f3adf76af427efadaea6b6ee6d */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface BeakerProps extends LGGlyph.ComponentProps {} + const Beaker = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: BeakerProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'Beaker', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'Beaker', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + Beaker.displayName = 'Beaker'; Beaker.isGlyph = true; + export default Beaker; \ No newline at end of file diff --git a/packages/icon/src/generated/Bell.tsx b/packages/icon/src/generated/Bell.tsx index 232b92e7d7..aa04ff0a75 100644 --- a/packages/icon/src/generated/Bell.tsx +++ b/packages/icon/src/generated/Bell.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum c63a1d36f26f487d4e09ec57d2e07e96 +* @checksum 4ec4b34d85b140505a487488046f5f5b */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface BellProps extends LGGlyph.ComponentProps {} + const Bell = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: BellProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'Bell', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'Bell', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + Bell.displayName = 'Bell'; Bell.isGlyph = true; + export default Bell; \ No newline at end of file diff --git a/packages/icon/src/generated/Biometric.tsx b/packages/icon/src/generated/Biometric.tsx index 957643de7b..21d620a0a4 100644 --- a/packages/icon/src/generated/Biometric.tsx +++ b/packages/icon/src/generated/Biometric.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum b38fe171af2489e14639cf28ce6f82a9 +* @checksum 32f3f885ba91f06459f0651de8e3d90f */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface BiometricProps extends LGGlyph.ComponentProps {} + const Biometric = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: BiometricProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'Biometric', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'Biometric', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + Biometric.displayName = 'Biometric'; Biometric.isGlyph = true; + export default Biometric; \ No newline at end of file diff --git a/packages/icon/src/generated/Boolean.tsx b/packages/icon/src/generated/Boolean.tsx index 3a6d040086..08daacd911 100644 --- a/packages/icon/src/generated/Boolean.tsx +++ b/packages/icon/src/generated/Boolean.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 224d52aa04474618343045cb91eb024b +* @checksum fa7dcef9fa9579ae72e9755b0588747c */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface BooleanProps extends LGGlyph.ComponentProps {} + const Boolean = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: BooleanProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'Boolean', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'Boolean', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + Boolean.displayName = 'Boolean'; Boolean.isGlyph = true; + export default Boolean; \ No newline at end of file diff --git a/packages/icon/src/generated/Building.tsx b/packages/icon/src/generated/Building.tsx index 0db5ed0386..6e2bdab7e9 100644 --- a/packages/icon/src/generated/Building.tsx +++ b/packages/icon/src/generated/Building.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum cd0cc93f287eb3cfa85f6b4f23f219ea +* @checksum 367b82813983c5e0cdd61bb5c6bc552a */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface BuildingProps extends LGGlyph.ComponentProps {} + const Building = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: BuildingProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'Building', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'Building', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + Building.displayName = 'Building'; Building.isGlyph = true; + export default Building; \ No newline at end of file diff --git a/packages/icon/src/generated/Bulb.tsx b/packages/icon/src/generated/Bulb.tsx index 1c1ee511c7..990563dda0 100644 --- a/packages/icon/src/generated/Bulb.tsx +++ b/packages/icon/src/generated/Bulb.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum a01c0e6b2545e3d46df479877be7691a +* @checksum d3ce85d0a4debf4b23823cc0e39fd5b4 */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface BulbProps extends LGGlyph.ComponentProps {} + const Bulb = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: BulbProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'Bulb', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'Bulb', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + Bulb.displayName = 'Bulb'; Bulb.isGlyph = true; + export default Bulb; \ No newline at end of file diff --git a/packages/icon/src/generated/Calendar.tsx b/packages/icon/src/generated/Calendar.tsx index 25f8664acf..5772e27ae0 100644 --- a/packages/icon/src/generated/Calendar.tsx +++ b/packages/icon/src/generated/Calendar.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 7112ff5b67ee7b683204ef6c2ef8f4bc +* @checksum 0af7f3a6d5db9ea5f5f591edbe7ef155 */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface CalendarProps extends LGGlyph.ComponentProps {} + const Calendar = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: CalendarProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'Calendar', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'Calendar', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + Calendar.displayName = 'Calendar'; Calendar.isGlyph = true; + export default Calendar; \ No newline at end of file diff --git a/packages/icon/src/generated/Camera.tsx b/packages/icon/src/generated/Camera.tsx index 6106ea1236..346c9cfcc8 100644 --- a/packages/icon/src/generated/Camera.tsx +++ b/packages/icon/src/generated/Camera.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 47b24752cf1f046d783a987dcb3c42dd +* @checksum 4286c1a9c8f5aaeebcc17ce7999fa6b7 */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface CameraProps extends LGGlyph.ComponentProps {} + const Camera = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: CameraProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'Camera', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'Camera', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + Camera.displayName = 'Camera'; Camera.isGlyph = true; + export default Camera; \ No newline at end of file diff --git a/packages/icon/src/generated/Cap.tsx b/packages/icon/src/generated/Cap.tsx index 1337230605..3f8f4e85d4 100644 --- a/packages/icon/src/generated/Cap.tsx +++ b/packages/icon/src/generated/Cap.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 4e96db1fcbbe1eaff9f36dcc67cde9f2 +* @checksum d0f956b4b5b73cbbc638163b1b96296c */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface CapProps extends LGGlyph.ComponentProps {} + const Cap = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: CapProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'Cap', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'Cap', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + Cap.displayName = 'Cap'; Cap.isGlyph = true; + export default Cap; \ No newline at end of file diff --git a/packages/icon/src/generated/CaretDown.tsx b/packages/icon/src/generated/CaretDown.tsx index 653b7202b9..39ab3ab320 100644 --- a/packages/icon/src/generated/CaretDown.tsx +++ b/packages/icon/src/generated/CaretDown.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum b7cc7a9061c98a368fd005b771e1f18d +* @checksum 0ee10e8620b33e7798815265798a7f7c */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface CaretDownProps extends LGGlyph.ComponentProps {} + const CaretDown = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: CaretDownProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'CaretDown', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'CaretDown', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + CaretDown.displayName = 'CaretDown'; CaretDown.isGlyph = true; + export default CaretDown; \ No newline at end of file diff --git a/packages/icon/src/generated/CaretLeft.tsx b/packages/icon/src/generated/CaretLeft.tsx index e02f7e30eb..2940bb0cac 100644 --- a/packages/icon/src/generated/CaretLeft.tsx +++ b/packages/icon/src/generated/CaretLeft.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 0bc57fb243bd763d1297c5e8acd52d96 +* @checksum f435497e885cdb96397ef4c90c4f101c */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface CaretLeftProps extends LGGlyph.ComponentProps {} + const CaretLeft = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: CaretLeftProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'CaretLeft', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'CaretLeft', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + CaretLeft.displayName = 'CaretLeft'; CaretLeft.isGlyph = true; + export default CaretLeft; \ No newline at end of file diff --git a/packages/icon/src/generated/CaretRight.tsx b/packages/icon/src/generated/CaretRight.tsx index d75f1eee06..abcbb77da4 100644 --- a/packages/icon/src/generated/CaretRight.tsx +++ b/packages/icon/src/generated/CaretRight.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 47bdb54fcab8aca96858ae2be419aa77 +* @checksum 7dbb54c99ecc190f26d23fd00e639410 */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface CaretRightProps extends LGGlyph.ComponentProps {} + const CaretRight = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: CaretRightProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'CaretRight', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'CaretRight', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + CaretRight.displayName = 'CaretRight'; CaretRight.isGlyph = true; + export default CaretRight; \ No newline at end of file diff --git a/packages/icon/src/generated/CaretUp.tsx b/packages/icon/src/generated/CaretUp.tsx index 1b34d42904..d66bed98e7 100644 --- a/packages/icon/src/generated/CaretUp.tsx +++ b/packages/icon/src/generated/CaretUp.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 467de2169295f5b5a3166cda3118c90f +* @checksum 9698ce5c46a96ac2899accdf99c69f47 */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface CaretUpProps extends LGGlyph.ComponentProps {} + const CaretUp = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: CaretUpProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'CaretUp', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'CaretUp', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + CaretUp.displayName = 'CaretUp'; CaretUp.isGlyph = true; + export default CaretUp; \ No newline at end of file diff --git a/packages/icon/src/generated/ChartFilled.tsx b/packages/icon/src/generated/ChartFilled.tsx index 4cf46ecb3a..5fe6b5dea5 100644 --- a/packages/icon/src/generated/ChartFilled.tsx +++ b/packages/icon/src/generated/ChartFilled.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 52a2e2fd93d3181057afc417ae9a2118 +* @checksum e426db21a253cc832f29d7cd5a63ddd9 */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface ChartFilledProps extends LGGlyph.ComponentProps {} + const ChartFilled = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: ChartFilledProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'ChartFilled', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'ChartFilled', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + ChartFilled.displayName = 'ChartFilled'; ChartFilled.isGlyph = true; + export default ChartFilled; \ No newline at end of file diff --git a/packages/icon/src/generated/Charts.tsx b/packages/icon/src/generated/Charts.tsx index 1a2ad662a7..61a10d00c3 100644 --- a/packages/icon/src/generated/Charts.tsx +++ b/packages/icon/src/generated/Charts.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum eb9e11c27066d151ace30e0570051ecc +* @checksum 501579c48a92285378545648ee00e98c */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface ChartsProps extends LGGlyph.ComponentProps {} + const Charts = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: ChartsProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'Charts', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'Charts', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + Charts.displayName = 'Charts'; Charts.isGlyph = true; + export default Charts; \ No newline at end of file diff --git a/packages/icon/src/generated/Checkmark.tsx b/packages/icon/src/generated/Checkmark.tsx index 9de89d5ac6..71b4a0deab 100644 --- a/packages/icon/src/generated/Checkmark.tsx +++ b/packages/icon/src/generated/Checkmark.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 5c8f29787a59e9aa2cb10f982fb0e34e +* @checksum 15b013d7a68f92a6a6593efad5445c3a */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface CheckmarkProps extends LGGlyph.ComponentProps {} + const Checkmark = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: CheckmarkProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'Checkmark', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'Checkmark', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + Checkmark.displayName = 'Checkmark'; Checkmark.isGlyph = true; + export default Checkmark; \ No newline at end of file diff --git a/packages/icon/src/generated/CheckmarkWithCircle.tsx b/packages/icon/src/generated/CheckmarkWithCircle.tsx index 68543dac2b..5612d49d49 100644 --- a/packages/icon/src/generated/CheckmarkWithCircle.tsx +++ b/packages/icon/src/generated/CheckmarkWithCircle.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 01e3301b68ab1c0849499c3fd52b9c64 +* @checksum 7755997a62a7d62d2c11cfe12b3f03bb */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface CheckmarkWithCircleProps extends LGGlyph.ComponentProps {} + const CheckmarkWithCircle = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: CheckmarkWithCircleProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'CheckmarkWithCircle', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'CheckmarkWithCircle', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + CheckmarkWithCircle.displayName = 'CheckmarkWithCircle'; CheckmarkWithCircle.isGlyph = true; + export default CheckmarkWithCircle; \ No newline at end of file diff --git a/packages/icon/src/generated/ChevronDown.tsx b/packages/icon/src/generated/ChevronDown.tsx index a07bdfd8e4..6f49dad9db 100644 --- a/packages/icon/src/generated/ChevronDown.tsx +++ b/packages/icon/src/generated/ChevronDown.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 1b70552302dc5f33ef29f45169b61722 +* @checksum 91e3b568abfd98c174d87fcb18476187 */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface ChevronDownProps extends LGGlyph.ComponentProps {} + const ChevronDown = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: ChevronDownProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'ChevronDown', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'ChevronDown', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + ChevronDown.displayName = 'ChevronDown'; ChevronDown.isGlyph = true; + export default ChevronDown; \ No newline at end of file diff --git a/packages/icon/src/generated/ChevronLeft.tsx b/packages/icon/src/generated/ChevronLeft.tsx index f75e5d69c9..bcca96b086 100644 --- a/packages/icon/src/generated/ChevronLeft.tsx +++ b/packages/icon/src/generated/ChevronLeft.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum b256a3ede62cb851b7e7e09ceb3fe12c +* @checksum 54f7e3a2d7e1800e09873c2edacbcc0b */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface ChevronLeftProps extends LGGlyph.ComponentProps {} + const ChevronLeft = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: ChevronLeftProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'ChevronLeft', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'ChevronLeft', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + ChevronLeft.displayName = 'ChevronLeft'; ChevronLeft.isGlyph = true; + export default ChevronLeft; \ No newline at end of file diff --git a/packages/icon/src/generated/ChevronRight.tsx b/packages/icon/src/generated/ChevronRight.tsx index 1fc2ad7886..9edbec206e 100644 --- a/packages/icon/src/generated/ChevronRight.tsx +++ b/packages/icon/src/generated/ChevronRight.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 61deb1cc5f8aaabad3c9303f7ffdfd45 +* @checksum 633ebae58ca5d8f55e21c16534e33a7d */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface ChevronRightProps extends LGGlyph.ComponentProps {} + const ChevronRight = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: ChevronRightProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'ChevronRight', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'ChevronRight', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + ChevronRight.displayName = 'ChevronRight'; ChevronRight.isGlyph = true; + export default ChevronRight; \ No newline at end of file diff --git a/packages/icon/src/generated/ChevronUp.tsx b/packages/icon/src/generated/ChevronUp.tsx index 0dfd213cfd..9f494fa763 100644 --- a/packages/icon/src/generated/ChevronUp.tsx +++ b/packages/icon/src/generated/ChevronUp.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum c2e9544b35690bffab1838d83caa496d +* @checksum 6c02f92090c932956565ba754a09a4f4 */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface ChevronUpProps extends LGGlyph.ComponentProps {} + const ChevronUp = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: ChevronUpProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'ChevronUp', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'ChevronUp', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + ChevronUp.displayName = 'ChevronUp'; ChevronUp.isGlyph = true; + export default ChevronUp; \ No newline at end of file diff --git a/packages/icon/src/generated/Circle.tsx b/packages/icon/src/generated/Circle.tsx index 470f504696..6f473ac7bf 100644 --- a/packages/icon/src/generated/Circle.tsx +++ b/packages/icon/src/generated/Circle.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 58c735cc8fda3c43338ae2f01473a0cf +* @checksum c6276a8c3b34facf3d0a81a76d694d5e */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface CircleProps extends LGGlyph.ComponentProps {} + const Circle = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: CircleProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'Circle', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'Circle', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + Circle.displayName = 'Circle'; Circle.isGlyph = true; + export default Circle; \ No newline at end of file diff --git a/packages/icon/src/generated/Clock.tsx b/packages/icon/src/generated/Clock.tsx index 984ef11aeb..a252381d1f 100644 --- a/packages/icon/src/generated/Clock.tsx +++ b/packages/icon/src/generated/Clock.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 0c4caec1c47768a8921a638fb73034dc +* @checksum b83855f2488c228ca7d18a7c23b50e3c */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface ClockProps extends LGGlyph.ComponentProps {} + const Clock = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: ClockProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'Clock', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'Clock', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + Clock.displayName = 'Clock'; Clock.isGlyph = true; + export default Clock; \ No newline at end of file diff --git a/packages/icon/src/generated/ClockWithArrow.tsx b/packages/icon/src/generated/ClockWithArrow.tsx index 562e846d21..5d7dee8a2c 100644 --- a/packages/icon/src/generated/ClockWithArrow.tsx +++ b/packages/icon/src/generated/ClockWithArrow.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum c10e62ba77cbd413359726526d086577 +* @checksum 5a1aab3286bb30e8f080c44e1807307b */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface ClockWithArrowProps extends LGGlyph.ComponentProps {} + const ClockWithArrow = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: ClockWithArrowProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'ClockWithArrow', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'ClockWithArrow', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + ClockWithArrow.displayName = 'ClockWithArrow'; ClockWithArrow.isGlyph = true; + export default ClockWithArrow; \ No newline at end of file diff --git a/packages/icon/src/generated/Clone.tsx b/packages/icon/src/generated/Clone.tsx index 3b0a8f5e52..d97cdc4547 100644 --- a/packages/icon/src/generated/Clone.tsx +++ b/packages/icon/src/generated/Clone.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum c49bb6f86ac38132c73ffe2cd13d6343 +* @checksum 8cbf2087d8eae67a6684aa8573eddadb */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface CloneProps extends LGGlyph.ComponentProps {} + const Clone = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: CloneProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'Clone', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'Clone', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + Clone.displayName = 'Clone'; Clone.isGlyph = true; + export default Clone; \ No newline at end of file diff --git a/packages/icon/src/generated/Cloud.tsx b/packages/icon/src/generated/Cloud.tsx index 3bd89316dd..e4f9fc5987 100644 --- a/packages/icon/src/generated/Cloud.tsx +++ b/packages/icon/src/generated/Cloud.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum b794844aa742da6b09e629854e0d0342 +* @checksum a4fbcb2e5b6f76e5804517117ca8cbbf */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface CloudProps extends LGGlyph.ComponentProps {} + const Cloud = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: CloudProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'Cloud', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'Cloud', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + Cloud.displayName = 'Cloud'; Cloud.isGlyph = true; + export default Cloud; \ No newline at end of file diff --git a/packages/icon/src/generated/Code.tsx b/packages/icon/src/generated/Code.tsx index f0fed72cee..7dc295a58f 100644 --- a/packages/icon/src/generated/Code.tsx +++ b/packages/icon/src/generated/Code.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 30e648aaf8cce9b86c913f565c132d42 +* @checksum 8d65892771d79950463655b1121532a3 */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface CodeProps extends LGGlyph.ComponentProps {} + const Code = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: CodeProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'Code', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'Code', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + Code.displayName = 'Code'; Code.isGlyph = true; + export default Code; \ No newline at end of file diff --git a/packages/icon/src/generated/CodeBlock.tsx b/packages/icon/src/generated/CodeBlock.tsx index eb28ea3d80..cd6df70068 100644 --- a/packages/icon/src/generated/CodeBlock.tsx +++ b/packages/icon/src/generated/CodeBlock.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 5386522dad3a43ade4466bb31a7c5bc6 +* @checksum ab1d67d7ee69f182b1da745695d5446a */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface CodeBlockProps extends LGGlyph.ComponentProps {} + const CodeBlock = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: CodeBlockProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'CodeBlock', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'CodeBlock', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + CodeBlock.displayName = 'CodeBlock'; CodeBlock.isGlyph = true; + export default CodeBlock; \ No newline at end of file diff --git a/packages/icon/src/generated/Coin.tsx b/packages/icon/src/generated/Coin.tsx index 671429b0b0..9accaa3930 100644 --- a/packages/icon/src/generated/Coin.tsx +++ b/packages/icon/src/generated/Coin.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum acc25b6acacb32da914ddd0746bfce3f +* @checksum b2aab030b843b7ff070280345da35954 */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface CoinProps extends LGGlyph.ComponentProps {} + const Coin = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: CoinProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'Coin', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'Coin', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + Coin.displayName = 'Coin'; Coin.isGlyph = true; + export default Coin; \ No newline at end of file diff --git a/packages/icon/src/generated/Colon.tsx b/packages/icon/src/generated/Colon.tsx index c29db41b6b..a8597d085a 100644 --- a/packages/icon/src/generated/Colon.tsx +++ b/packages/icon/src/generated/Colon.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 7edf17e577c84d506317f7a87288b5aa +* @checksum bde7a2f94341c869dc608021bf680108 */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface ColonProps extends LGGlyph.ComponentProps {} + const Colon = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: ColonProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'Colon', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'Colon', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + Colon.displayName = 'Colon'; Colon.isGlyph = true; + export default Colon; \ No newline at end of file diff --git a/packages/icon/src/generated/Config.tsx b/packages/icon/src/generated/Config.tsx index 0d5ec1768b..fe2cfda2a0 100644 --- a/packages/icon/src/generated/Config.tsx +++ b/packages/icon/src/generated/Config.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 9fadfbc8315f706fab1639b48cefccfe +* @checksum b2343ebd96eb676baf33f8a647dfc1a9 */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface ConfigProps extends LGGlyph.ComponentProps {} + const Config = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: ConfigProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'Config', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'Config', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + Config.displayName = 'Config'; Config.isGlyph = true; + export default Config; \ No newline at end of file diff --git a/packages/icon/src/generated/Connect.tsx b/packages/icon/src/generated/Connect.tsx index c6de807e15..b9270f3ca4 100644 --- a/packages/icon/src/generated/Connect.tsx +++ b/packages/icon/src/generated/Connect.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 0184ac81eca23f9e9fa3a02d1572db34 +* @checksum 3e41895139488b58d92ae22fbb6baaeb */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface ConnectProps extends LGGlyph.ComponentProps {} + const Connect = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: ConnectProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'Connect', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'Connect', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + Connect.displayName = 'Connect'; Connect.isGlyph = true; + export default Connect; \ No newline at end of file diff --git a/packages/icon/src/generated/Copy.tsx b/packages/icon/src/generated/Copy.tsx index 6a236e05e1..e9d76cfdd0 100644 --- a/packages/icon/src/generated/Copy.tsx +++ b/packages/icon/src/generated/Copy.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 757446df7bed5d8ee0b4515c2a908b82 +* @checksum 7ecdf832b916c06b9e7efa3914eb7189 */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface CopyProps extends LGGlyph.ComponentProps {} + const Copy = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: CopyProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'Copy', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'Copy', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + Copy.displayName = 'Copy'; Copy.isGlyph = true; + export default Copy; \ No newline at end of file diff --git a/packages/icon/src/generated/CreditCard.tsx b/packages/icon/src/generated/CreditCard.tsx index 96be9052d0..29572111b2 100644 --- a/packages/icon/src/generated/CreditCard.tsx +++ b/packages/icon/src/generated/CreditCard.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 50cfcb04ce79f8c7f4b7ab5c8594ccfc +* @checksum 95a44fce150cfd8b062496455122a251 */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface CreditCardProps extends LGGlyph.ComponentProps {} + const CreditCard = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: CreditCardProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'CreditCard', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'CreditCard', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + CreditCard.displayName = 'CreditCard'; CreditCard.isGlyph = true; + export default CreditCard; \ No newline at end of file diff --git a/packages/icon/src/generated/CurlyBraces.tsx b/packages/icon/src/generated/CurlyBraces.tsx index b7c5b82b54..bd73c550d3 100644 --- a/packages/icon/src/generated/CurlyBraces.tsx +++ b/packages/icon/src/generated/CurlyBraces.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 76897dc0cfe4ff71bcce816038e398a7 +* @checksum 61aa80c59ef94acf365cfe6d4f3365a0 */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface CurlyBracesProps extends LGGlyph.ComponentProps {} + const CurlyBraces = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: CurlyBracesProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'CurlyBraces', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'CurlyBraces', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + CurlyBraces.displayName = 'CurlyBraces'; CurlyBraces.isGlyph = true; + export default CurlyBraces; \ No newline at end of file diff --git a/packages/icon/src/generated/Cursor.tsx b/packages/icon/src/generated/Cursor.tsx index 499f52e37a..6dd56840ab 100644 --- a/packages/icon/src/generated/Cursor.tsx +++ b/packages/icon/src/generated/Cursor.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum d503f7f7b2910c436fc8350192119667 +* @checksum c10ebdf9f426ef7bbb6e99839927f61b */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface CursorProps extends LGGlyph.ComponentProps {} + const Cursor = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: CursorProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'Cursor', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'Cursor', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + Cursor.displayName = 'Cursor'; Cursor.isGlyph = true; + export default Cursor; \ No newline at end of file diff --git a/packages/icon/src/generated/Dashboard.tsx b/packages/icon/src/generated/Dashboard.tsx index 1ff6b0d04d..2947261f06 100644 --- a/packages/icon/src/generated/Dashboard.tsx +++ b/packages/icon/src/generated/Dashboard.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 20ca1d9aa8b48ee77c0b1e1036622ed1 +* @checksum f17220fba0764e381224a31681b48043 */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface DashboardProps extends LGGlyph.ComponentProps {} + const Dashboard = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: DashboardProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'Dashboard', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'Dashboard', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + Dashboard.displayName = 'Dashboard'; Dashboard.isGlyph = true; + export default Dashboard; \ No newline at end of file diff --git a/packages/icon/src/generated/Database.tsx b/packages/icon/src/generated/Database.tsx index 1f35795758..51efa306aa 100644 --- a/packages/icon/src/generated/Database.tsx +++ b/packages/icon/src/generated/Database.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum eb1573d4ef4842ea3d9a2e83b80bbb57 +* @checksum e99ae882241935f63e7a3b85080fdde2 */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface DatabaseProps extends LGGlyph.ComponentProps {} + const Database = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: DatabaseProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'Database', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'Database', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + Database.displayName = 'Database'; Database.isGlyph = true; + export default Database; \ No newline at end of file diff --git a/packages/icon/src/generated/Diagram.tsx b/packages/icon/src/generated/Diagram.tsx index 089dc15034..b2d8a88aad 100644 --- a/packages/icon/src/generated/Diagram.tsx +++ b/packages/icon/src/generated/Diagram.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum f5cb72651982fab52d9f3b57f86d7334 +* @checksum fd41d6c28a4423f4b2105ee21a5f235f */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface DiagramProps extends LGGlyph.ComponentProps {} + const Diagram = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: DiagramProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'Diagram', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'Diagram', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + Diagram.displayName = 'Diagram'; Diagram.isGlyph = true; + export default Diagram; \ No newline at end of file diff --git a/packages/icon/src/generated/Diagram2.tsx b/packages/icon/src/generated/Diagram2.tsx index 1b5b9a316a..a386c0ac57 100644 --- a/packages/icon/src/generated/Diagram2.tsx +++ b/packages/icon/src/generated/Diagram2.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 61dfaebf66fe6da158506f2714d16330 +* @checksum d20a9ff8980d98dd0b7883b61b9000a9 */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface Diagram2Props extends LGGlyph.ComponentProps {} + const Diagram2 = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: Diagram2Props) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'Diagram2', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'Diagram2', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + Diagram2.displayName = 'Diagram2'; Diagram2.isGlyph = true; + export default Diagram2; \ No newline at end of file diff --git a/packages/icon/src/generated/Diagram3.tsx b/packages/icon/src/generated/Diagram3.tsx index 5740c45ebf..6332eb5ef6 100644 --- a/packages/icon/src/generated/Diagram3.tsx +++ b/packages/icon/src/generated/Diagram3.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 703675a1797ecdf19ce09182c94e05c4 +* @checksum 8ca32451ecdecae2cb5f34711aecd28f */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface Diagram3Props extends LGGlyph.ComponentProps {} + const Diagram3 = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: Diagram3Props) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'Diagram3', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'Diagram3', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + Diagram3.displayName = 'Diagram3'; Diagram3.isGlyph = true; + export default Diagram3; \ No newline at end of file diff --git a/packages/icon/src/generated/Disconnect.tsx b/packages/icon/src/generated/Disconnect.tsx index 1f17855588..598e096f53 100644 --- a/packages/icon/src/generated/Disconnect.tsx +++ b/packages/icon/src/generated/Disconnect.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 2c0de1f29e6f85707ac47516d174ff52 +* @checksum 4c475fc1ac3017783fe922ab6c094f6e */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface DisconnectProps extends LGGlyph.ComponentProps {} + const Disconnect = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: DisconnectProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'Disconnect', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'Disconnect', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + Disconnect.displayName = 'Disconnect'; Disconnect.isGlyph = true; + export default Disconnect; \ No newline at end of file diff --git a/packages/icon/src/generated/Download.tsx b/packages/icon/src/generated/Download.tsx index 108e94a324..f8909ec3ab 100644 --- a/packages/icon/src/generated/Download.tsx +++ b/packages/icon/src/generated/Download.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum e3557fcbfdcc2f05665dab6cb7c73753 +* @checksum 1e0d17b60923384c452d5521840b284f */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface DownloadProps extends LGGlyph.ComponentProps {} + const Download = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: DownloadProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'Download', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'Download', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + Download.displayName = 'Download'; Download.isGlyph = true; + export default Download; \ No newline at end of file diff --git a/packages/icon/src/generated/Drag.tsx b/packages/icon/src/generated/Drag.tsx index 80b382b94f..a8e8545bc3 100644 --- a/packages/icon/src/generated/Drag.tsx +++ b/packages/icon/src/generated/Drag.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 315987e344984b22a0951bc7bec2ac20 +* @checksum 56873e900c6c0cff58d0853128f4b1a4 */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface DragProps extends LGGlyph.ComponentProps {} + const Drag = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: DragProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'Drag', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'Drag', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + Drag.displayName = 'Drag'; Drag.isGlyph = true; + export default Drag; \ No newline at end of file diff --git a/packages/icon/src/generated/Edit.tsx b/packages/icon/src/generated/Edit.tsx index 3cce815c20..28892b1d00 100644 --- a/packages/icon/src/generated/Edit.tsx +++ b/packages/icon/src/generated/Edit.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum b7cab0d99453146719f7da2929c44003 +* @checksum a5f9c0bc58f720421a0ff7fe41d86f4d */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface EditProps extends LGGlyph.ComponentProps {} + const Edit = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: EditProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'Edit', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'Edit', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + Edit.displayName = 'Edit'; Edit.isGlyph = true; + export default Edit; \ No newline at end of file diff --git a/packages/icon/src/generated/Ellipsis.tsx b/packages/icon/src/generated/Ellipsis.tsx index 0d24c8f242..a600afa527 100644 --- a/packages/icon/src/generated/Ellipsis.tsx +++ b/packages/icon/src/generated/Ellipsis.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 7660d6fb3d24577cfced3bb912ead720 +* @checksum 859957dc8d45e13cad90e169bfbcc43c */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface EllipsisProps extends LGGlyph.ComponentProps {} + const Ellipsis = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: EllipsisProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'Ellipsis', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'Ellipsis', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + Ellipsis.displayName = 'Ellipsis'; Ellipsis.isGlyph = true; + export default Ellipsis; \ No newline at end of file diff --git a/packages/icon/src/generated/Email.tsx b/packages/icon/src/generated/Email.tsx index 5f567b96bc..aedcfb65ce 100644 --- a/packages/icon/src/generated/Email.tsx +++ b/packages/icon/src/generated/Email.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 0f01463681c2106e89d98ca898c9a2a0 +* @checksum db97edd04bb548740cb82ecb71109d3e */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface EmailProps extends LGGlyph.ComponentProps {} + const Email = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: EmailProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'Email', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'Email', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + Email.displayName = 'Email'; Email.isGlyph = true; + export default Email; \ No newline at end of file diff --git a/packages/icon/src/generated/EmptyDatabase.tsx b/packages/icon/src/generated/EmptyDatabase.tsx index 7a5cc25e38..ecb94e5110 100644 --- a/packages/icon/src/generated/EmptyDatabase.tsx +++ b/packages/icon/src/generated/EmptyDatabase.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 191affe38345c5ac4e8dade5731ed200 +* @checksum 8c54ad2d31b0cc506a8c94d0d5d8cb75 */ -import * as React from "react"; +import * as React from 'react'; 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, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: EmptyDatabaseProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'EmptyDatabase', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'EmptyDatabase', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + EmptyDatabase.displayName = 'EmptyDatabase'; EmptyDatabase.isGlyph = true; + 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 index fc8e3cd83f..3485d6482e 100644 --- a/packages/icon/src/generated/EmptyFolder.tsx +++ b/packages/icon/src/generated/EmptyFolder.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 27e4808c89a2df3b3b4222901edb8ad0 +* @checksum b039aaa1b4269c60216c428079bcb6f5 */ -import * as React from "react"; +import * as React from 'react'; 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, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: EmptyFolderProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'EmptyFolder', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'EmptyFolder', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + EmptyFolder.displayName = 'EmptyFolder'; EmptyFolder.isGlyph = true; + export default EmptyFolder; \ No newline at end of file diff --git a/packages/icon/src/generated/Eraser.tsx b/packages/icon/src/generated/Eraser.tsx index 7f2e592665..f7550ea9f9 100644 --- a/packages/icon/src/generated/Eraser.tsx +++ b/packages/icon/src/generated/Eraser.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 543c08fb00bf1c1d2c2b4f041d804f59 +* @checksum 34bad17994ff10be78ae3ebbd9238495 */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface EraserProps extends LGGlyph.ComponentProps {} + const Eraser = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: EraserProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'Eraser', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'Eraser', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + Eraser.displayName = 'Eraser'; Eraser.isGlyph = true; + export default Eraser; \ No newline at end of file diff --git a/packages/icon/src/generated/Escalation.tsx b/packages/icon/src/generated/Escalation.tsx index e07bc0ce0d..5dcfe26e3e 100644 --- a/packages/icon/src/generated/Escalation.tsx +++ b/packages/icon/src/generated/Escalation.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 2cb3bf9191d63dec9f01a2c35a440bb2 +* @checksum 71682afdd3c96a10b5e26ca7e6c7c966 */ -import * as React from "react"; +import * as React from 'react'; 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, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: EscalationProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'Escalation', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'Escalation', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + Escalation.displayName = 'Escalation'; Escalation.isGlyph = true; + export default Escalation; \ No newline at end of file diff --git a/packages/icon/src/generated/Export.tsx b/packages/icon/src/generated/Export.tsx index d55b10dfef..bafe65d1d6 100644 --- a/packages/icon/src/generated/Export.tsx +++ b/packages/icon/src/generated/Export.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 9bbfaead3792ee03dcb656e8926b60ba +* @checksum 4b2cbef62681838e27008914cf28f52b */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface ExportProps extends LGGlyph.ComponentProps {} + const Export = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: ExportProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'Export', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'Export', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + Export.displayName = 'Export'; Export.isGlyph = true; + export default Export; \ No newline at end of file diff --git a/packages/icon/src/generated/Favorite.tsx b/packages/icon/src/generated/Favorite.tsx index 631528563c..c4b0e7f80e 100644 --- a/packages/icon/src/generated/Favorite.tsx +++ b/packages/icon/src/generated/Favorite.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 9105c932e585d948b3be9537b45867ba +* @checksum 9cabe1eceb74379b112e0d486259c350 */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface FavoriteProps extends LGGlyph.ComponentProps {} + const Favorite = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: FavoriteProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'Favorite', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'Favorite', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + Favorite.displayName = 'Favorite'; Favorite.isGlyph = true; + export default Favorite; \ No newline at end of file diff --git a/packages/icon/src/generated/Federation.tsx b/packages/icon/src/generated/Federation.tsx index a24217983a..f6bf0b54d1 100644 --- a/packages/icon/src/generated/Federation.tsx +++ b/packages/icon/src/generated/Federation.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 30ad3a76c1480a237c9aa289c33049ba +* @checksum eb273b00a528f1967faed5b19cfae03a */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface FederationProps extends LGGlyph.ComponentProps {} + const Federation = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: FederationProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'Federation', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'Federation', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + Federation.displayName = 'Federation'; Federation.isGlyph = true; + export default Federation; \ No newline at end of file diff --git a/packages/icon/src/generated/File.tsx b/packages/icon/src/generated/File.tsx index 0edfc2216b..a73f09cd55 100644 --- a/packages/icon/src/generated/File.tsx +++ b/packages/icon/src/generated/File.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum a638451083c2d992bcceca9c9a011ad5 +* @checksum 0b792f04258a3ab6dbf316967122a998 */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface FileProps extends LGGlyph.ComponentProps {} + const File = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: FileProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'File', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'File', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + File.displayName = 'File'; File.isGlyph = true; + export default File; \ No newline at end of file diff --git a/packages/icon/src/generated/Filter.tsx b/packages/icon/src/generated/Filter.tsx index 5ed6607ef7..b6a3281cec 100644 --- a/packages/icon/src/generated/Filter.tsx +++ b/packages/icon/src/generated/Filter.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum a700d27f7ce1179149146df351bc239f +* @checksum 317e92c99b5443db48b5ff26337fb5f6 */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface FilterProps extends LGGlyph.ComponentProps {} + const Filter = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: FilterProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'Filter', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'Filter', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + Filter.displayName = 'Filter'; Filter.isGlyph = true; + export default Filter; \ No newline at end of file diff --git a/packages/icon/src/generated/Folder.tsx b/packages/icon/src/generated/Folder.tsx index 6907b5b773..85e3732fca 100644 --- a/packages/icon/src/generated/Folder.tsx +++ b/packages/icon/src/generated/Folder.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 56c2bfa5ef7bbe055848858525fc9511 +* @checksum bf7f0d850e5e42b5fe06467fbec7bd4c */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface FolderProps extends LGGlyph.ComponentProps {} + const Folder = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: FolderProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'Folder', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'Folder', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + Folder.displayName = 'Folder'; Folder.isGlyph = true; + export default Folder; \ No newline at end of file diff --git a/packages/icon/src/generated/Format.tsx b/packages/icon/src/generated/Format.tsx index b369a07264..6912c9c7b7 100644 --- a/packages/icon/src/generated/Format.tsx +++ b/packages/icon/src/generated/Format.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 5449b4343d7881f7455f49c709a7ea95 +* @checksum 0271fe866ec7659a1bee154db8ff465d */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface FormatProps extends LGGlyph.ComponentProps {} + const Format = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: FormatProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'Format', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'Format', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + Format.displayName = 'Format'; Format.isGlyph = true; + export default Format; \ No newline at end of file diff --git a/packages/icon/src/generated/FullScreenEnter.tsx b/packages/icon/src/generated/FullScreenEnter.tsx index a55f866c8e..8c7f7a4fb6 100644 --- a/packages/icon/src/generated/FullScreenEnter.tsx +++ b/packages/icon/src/generated/FullScreenEnter.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 795d59ef8fca2a4eefe2b1721a9a8a13 +* @checksum d1a9f384871c0d6c25479c6a2311b03b */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface FullScreenEnterProps extends LGGlyph.ComponentProps {} + const FullScreenEnter = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: FullScreenEnterProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'FullScreenEnter', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'FullScreenEnter', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + FullScreenEnter.displayName = 'FullScreenEnter'; FullScreenEnter.isGlyph = true; + export default FullScreenEnter; \ No newline at end of file diff --git a/packages/icon/src/generated/FullScreenExit.tsx b/packages/icon/src/generated/FullScreenExit.tsx index a3a1e8559f..91eba34965 100644 --- a/packages/icon/src/generated/FullScreenExit.tsx +++ b/packages/icon/src/generated/FullScreenExit.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum f484aadc94c0e228875b2f1c8b628a14 +* @checksum 694d5fa1ffdf4ff9acb51748252ca35f */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface FullScreenExitProps extends LGGlyph.ComponentProps {} + const FullScreenExit = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: FullScreenExitProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'FullScreenExit', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'FullScreenExit', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + FullScreenExit.displayName = 'FullScreenExit'; FullScreenExit.isGlyph = true; + export default FullScreenExit; \ No newline at end of file diff --git a/packages/icon/src/generated/Function.tsx b/packages/icon/src/generated/Function.tsx index f9a615c21c..d6dd6e1b08 100644 --- a/packages/icon/src/generated/Function.tsx +++ b/packages/icon/src/generated/Function.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 0766fa669545a73f1261d2950d77510d +* @checksum 541074158f5528dd6ac08ab6fb420882 */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface FunctionProps extends LGGlyph.ComponentProps {} + const Function = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: FunctionProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'Function', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'Function', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + Function.displayName = 'Function'; Function.isGlyph = true; + export default Function; \ No newline at end of file diff --git a/packages/icon/src/generated/Gauge.tsx b/packages/icon/src/generated/Gauge.tsx index 773ecb03ea..12f0233e1f 100644 --- a/packages/icon/src/generated/Gauge.tsx +++ b/packages/icon/src/generated/Gauge.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum fae4d3bd54d52655f04beb481a121b0d +* @checksum 9e2e088f8e7aee3c3e8ec3e8eedbf9aa */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface GaugeProps extends LGGlyph.ComponentProps {} + const Gauge = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: GaugeProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'Gauge', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'Gauge', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + Gauge.displayName = 'Gauge'; Gauge.isGlyph = true; + export default Gauge; \ No newline at end of file diff --git a/packages/icon/src/generated/GlobeAmericas.tsx b/packages/icon/src/generated/GlobeAmericas.tsx index 148c4f489f..7bdd6a5fc0 100644 --- a/packages/icon/src/generated/GlobeAmericas.tsx +++ b/packages/icon/src/generated/GlobeAmericas.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 4aa7ede9e76acfe503c91a5cbbcc360e +* @checksum 6b0849e3805015e3eacaa22089f83238 */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface GlobeAmericasProps extends LGGlyph.ComponentProps {} + const GlobeAmericas = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: GlobeAmericasProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'GlobeAmericas', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'GlobeAmericas', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + GlobeAmericas.displayName = 'GlobeAmericas'; GlobeAmericas.isGlyph = true; + export default GlobeAmericas; \ No newline at end of file diff --git a/packages/icon/src/generated/GovernmentBuilding.tsx b/packages/icon/src/generated/GovernmentBuilding.tsx index 164ef6d0af..827a9d7f2e 100644 --- a/packages/icon/src/generated/GovernmentBuilding.tsx +++ b/packages/icon/src/generated/GovernmentBuilding.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 93d857dc5276aea15c4def863d4e770c +* @checksum 79b89ff4b75ea5744c661fad39cb1e47 */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface GovernmentBuildingProps extends LGGlyph.ComponentProps {} + const GovernmentBuilding = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: GovernmentBuildingProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'GovernmentBuilding', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'GovernmentBuilding', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + GovernmentBuilding.displayName = 'GovernmentBuilding'; GovernmentBuilding.isGlyph = true; + export default GovernmentBuilding; \ No newline at end of file diff --git a/packages/icon/src/generated/Guide.tsx b/packages/icon/src/generated/Guide.tsx index 997aa05ee5..12b4aed1ff 100644 --- a/packages/icon/src/generated/Guide.tsx +++ b/packages/icon/src/generated/Guide.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 6197d4dc1126bf4eda03370327452548 +* @checksum ad29a2e29732d63db1cac64d3dcbe316 */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface GuideProps extends LGGlyph.ComponentProps {} + const Guide = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: GuideProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'Guide', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'Guide', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + Guide.displayName = 'Guide'; Guide.isGlyph = true; + export default Guide; \ No newline at end of file diff --git a/packages/icon/src/generated/Hash.tsx b/packages/icon/src/generated/Hash.tsx index 53093c2e75..b0985d1fda 100644 --- a/packages/icon/src/generated/Hash.tsx +++ b/packages/icon/src/generated/Hash.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 732cbb137f14f311c82c7f60ee1f9242 +* @checksum 26a23e1147e9c49db004661b688165d0 */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface HashProps extends LGGlyph.ComponentProps {} + const Hash = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: HashProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'Hash', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'Hash', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + Hash.displayName = 'Hash'; Hash.isGlyph = true; + export default Hash; \ No newline at end of file diff --git a/packages/icon/src/generated/HiddenSecondaryNode.tsx b/packages/icon/src/generated/HiddenSecondaryNode.tsx index 8234c6f1ac..c4ecd561b9 100644 --- a/packages/icon/src/generated/HiddenSecondaryNode.tsx +++ b/packages/icon/src/generated/HiddenSecondaryNode.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 2aff31aae26b5e933ae67e64e2995aaf +* @checksum f268a7619e02860b91c0055706800a4e */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface HiddenSecondaryNodeProps extends LGGlyph.ComponentProps {} + const HiddenSecondaryNode = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: HiddenSecondaryNodeProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'HiddenSecondaryNode', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'HiddenSecondaryNode', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + HiddenSecondaryNode.displayName = 'HiddenSecondaryNode'; HiddenSecondaryNode.isGlyph = true; + export default HiddenSecondaryNode; \ No newline at end of file diff --git a/packages/icon/src/generated/Highlight.tsx b/packages/icon/src/generated/Highlight.tsx index ed5a584210..684e7282e3 100644 --- a/packages/icon/src/generated/Highlight.tsx +++ b/packages/icon/src/generated/Highlight.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum b33d967dc6dbcdacb2e862060c0d4f22 +* @checksum 0bcd709620bc32f235cefa2608a98b06 */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface HighlightProps extends LGGlyph.ComponentProps {} + const Highlight = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: HighlightProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'Highlight', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'Highlight', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + Highlight.displayName = 'Highlight'; Highlight.isGlyph = true; + export default Highlight; \ No newline at end of file diff --git a/packages/icon/src/generated/Home.tsx b/packages/icon/src/generated/Home.tsx index 9908a97d20..d18cd9750f 100644 --- a/packages/icon/src/generated/Home.tsx +++ b/packages/icon/src/generated/Home.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 21d3e165dc18b87a3ddc2a7c2dd6ea02 +* @checksum 60b75def6f180dcb2c5f055a1ca51851 */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface HomeProps extends LGGlyph.ComponentProps {} + const Home = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: HomeProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'Home', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'Home', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + Home.displayName = 'Home'; Home.isGlyph = true; + export default Home; \ No newline at end of file diff --git a/packages/icon/src/generated/HorizontalDrag.tsx b/packages/icon/src/generated/HorizontalDrag.tsx index 59f3c965d4..231c38fc9a 100644 --- a/packages/icon/src/generated/HorizontalDrag.tsx +++ b/packages/icon/src/generated/HorizontalDrag.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum bb43a70c64a4cd58d135bcafa70ad44e +* @checksum 52898d904f271dd08abaf04b69b3a968 */ -import * as React from "react"; +import * as React from 'react'; 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, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: HorizontalDragProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'HorizontalDrag', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'HorizontalDrag', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + HorizontalDrag.displayName = 'HorizontalDrag'; HorizontalDrag.isGlyph = true; + export default HorizontalDrag; \ No newline at end of file diff --git a/packages/icon/src/generated/Import.tsx b/packages/icon/src/generated/Import.tsx index 969fc39597..07709fc72e 100644 --- a/packages/icon/src/generated/Import.tsx +++ b/packages/icon/src/generated/Import.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum d38dfc5fac49cb72eb2a046379199bc5 +* @checksum 6fd191e6238e9efdba5a7420387b7239 */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface ImportProps extends LGGlyph.ComponentProps {} + const Import = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: ImportProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'Import', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'Import', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + Import.displayName = 'Import'; Import.isGlyph = true; + export default Import; \ No newline at end of file diff --git a/packages/icon/src/generated/ImportantWithCircle.tsx b/packages/icon/src/generated/ImportantWithCircle.tsx index 3f8126e2ef..3686128c2f 100644 --- a/packages/icon/src/generated/ImportantWithCircle.tsx +++ b/packages/icon/src/generated/ImportantWithCircle.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 1e24056f238ac6b1ac52e61f4f79ee09 +* @checksum c41443bfb06844a8d7cd0e7451eb18dc */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface ImportantWithCircleProps extends LGGlyph.ComponentProps {} + const ImportantWithCircle = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: ImportantWithCircleProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'ImportantWithCircle', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'ImportantWithCircle', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + ImportantWithCircle.displayName = 'ImportantWithCircle'; ImportantWithCircle.isGlyph = true; + export default ImportantWithCircle; \ No newline at end of file diff --git a/packages/icon/src/generated/InfoWithCircle.tsx b/packages/icon/src/generated/InfoWithCircle.tsx index 6acccab35d..e52f512273 100644 --- a/packages/icon/src/generated/InfoWithCircle.tsx +++ b/packages/icon/src/generated/InfoWithCircle.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 42b8ee1317157261ded4a3babc011e9d +* @checksum c68efa25569c3dd0e86ef85459824096 */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface InfoWithCircleProps extends LGGlyph.ComponentProps {} + const InfoWithCircle = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: InfoWithCircleProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'InfoWithCircle', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'InfoWithCircle', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + InfoWithCircle.displayName = 'InfoWithCircle'; InfoWithCircle.isGlyph = true; + export default InfoWithCircle; \ No newline at end of file diff --git a/packages/icon/src/generated/InternalEmployee.tsx b/packages/icon/src/generated/InternalEmployee.tsx index ad19954e67..5dfff31482 100644 --- a/packages/icon/src/generated/InternalEmployee.tsx +++ b/packages/icon/src/generated/InternalEmployee.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 3a743ff35bb8246fb61e0821ae8f3cf7 +* @checksum f4299e6797bcb1282da3e7e66c8af156 */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface InternalEmployeeProps extends LGGlyph.ComponentProps {} + const InternalEmployee = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: InternalEmployeeProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'InternalEmployee', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'InternalEmployee', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + InternalEmployee.displayName = 'InternalEmployee'; InternalEmployee.isGlyph = true; + export default InternalEmployee; \ No newline at end of file diff --git a/packages/icon/src/generated/InviteUser.tsx b/packages/icon/src/generated/InviteUser.tsx index cc00069668..08494ea8c8 100644 --- a/packages/icon/src/generated/InviteUser.tsx +++ b/packages/icon/src/generated/InviteUser.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 04e22a7a87f2d3a9f361d9e97c72c3dd +* @checksum b241dabfeffdff880913ea3b3f16cbf2 */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface InviteUserProps extends LGGlyph.ComponentProps {} + const InviteUser = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: InviteUserProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'InviteUser', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'InviteUser', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + InviteUser.displayName = 'InviteUser'; InviteUser.isGlyph = true; + export default InviteUser; \ No newline at end of file diff --git a/packages/icon/src/generated/Key.tsx b/packages/icon/src/generated/Key.tsx index 0cf1ceb0a6..d01357baed 100644 --- a/packages/icon/src/generated/Key.tsx +++ b/packages/icon/src/generated/Key.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum a2934806347014c30e081f35f8b9d529 +* @checksum 2295e264b93c33b8ce7d8d6a7b31d029 */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface KeyProps extends LGGlyph.ComponentProps {} + const Key = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: KeyProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'Key', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'Key', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + Key.displayName = 'Key'; Key.isGlyph = true; + export default Key; \ No newline at end of file diff --git a/packages/icon/src/generated/Laptop.tsx b/packages/icon/src/generated/Laptop.tsx index 0f8a9d461a..7c6209ec13 100644 --- a/packages/icon/src/generated/Laptop.tsx +++ b/packages/icon/src/generated/Laptop.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 5315fbdd2a356385eae20cbedf98e9d1 +* @checksum 7f62b90760364927c577303085138bb9 */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface LaptopProps extends LGGlyph.ComponentProps {} + const Laptop = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: LaptopProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'Laptop', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'Laptop', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + Laptop.displayName = 'Laptop'; Laptop.isGlyph = true; + export default Laptop; \ No newline at end of file diff --git a/packages/icon/src/generated/LightningBolt.tsx b/packages/icon/src/generated/LightningBolt.tsx index 3b732ed39a..dcd052c49a 100644 --- a/packages/icon/src/generated/LightningBolt.tsx +++ b/packages/icon/src/generated/LightningBolt.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum a10c975ffb48562637f9e402998205cb +* @checksum b07e942b161ddbbfbfbff05ba218b7ae */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface LightningBoltProps extends LGGlyph.ComponentProps {} + const LightningBolt = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: LightningBoltProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'LightningBolt', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'LightningBolt', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + LightningBolt.displayName = 'LightningBolt'; LightningBolt.isGlyph = true; + export default LightningBolt; \ No newline at end of file diff --git a/packages/icon/src/generated/Link.tsx b/packages/icon/src/generated/Link.tsx index e3cff4d629..ce0cbd43be 100644 --- a/packages/icon/src/generated/Link.tsx +++ b/packages/icon/src/generated/Link.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 5d87561d3f971173e87897338a2a5b8f +* @checksum d398d0162237187b51ebc9b2b1a394a3 */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface LinkProps extends LGGlyph.ComponentProps {} + const Link = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: LinkProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'Link', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'Link', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + Link.displayName = 'Link'; Link.isGlyph = true; + export default Link; \ No newline at end of file diff --git a/packages/icon/src/generated/List.tsx b/packages/icon/src/generated/List.tsx index 6520edf46b..9a3999d216 100644 --- a/packages/icon/src/generated/List.tsx +++ b/packages/icon/src/generated/List.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 7b3c59c5c1f8183c33c10b130225e3d6 +* @checksum e199827bd7c2afe8d75b00e09f8c8a31 */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface ListProps extends LGGlyph.ComponentProps {} + const List = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: ListProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'List', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'List', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + List.displayName = 'List'; List.isGlyph = true; + export default List; \ No newline at end of file diff --git a/packages/icon/src/generated/Lock.tsx b/packages/icon/src/generated/Lock.tsx index c5df97be87..712ff2bdd1 100644 --- a/packages/icon/src/generated/Lock.tsx +++ b/packages/icon/src/generated/Lock.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum db2944b5ea90810bd2054f7f98e32b30 +* @checksum 860d222413a531ffbdb92528893a8972 */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface LockProps extends LGGlyph.ComponentProps {} + const Lock = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: LockProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'Lock', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'Lock', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + Lock.displayName = 'Lock'; Lock.isGlyph = true; + export default Lock; \ No newline at end of file diff --git a/packages/icon/src/generated/LogIn.tsx b/packages/icon/src/generated/LogIn.tsx index 69d5325646..90aa1f0c20 100644 --- a/packages/icon/src/generated/LogIn.tsx +++ b/packages/icon/src/generated/LogIn.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 3d056d9e5165a7723128a420b4ad15ec +* @checksum 0e3bd08bc8df35a84eeb55a36a84e207 */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface LogInProps extends LGGlyph.ComponentProps {} + const LogIn = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: LogInProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'LogIn', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'LogIn', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + LogIn.displayName = 'LogIn'; LogIn.isGlyph = true; + export default LogIn; \ No newline at end of file diff --git a/packages/icon/src/generated/LogOut.tsx b/packages/icon/src/generated/LogOut.tsx index 31d4ccc9ee..8d93f68662 100644 --- a/packages/icon/src/generated/LogOut.tsx +++ b/packages/icon/src/generated/LogOut.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 00b937d8d2060846b56a44d9edf553ce +* @checksum 06fdda2ff662559d9f4ef4d119d74ab9 */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface LogOutProps extends LGGlyph.ComponentProps {} + const LogOut = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: LogOutProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'LogOut', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'LogOut', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + LogOut.displayName = 'LogOut'; LogOut.isGlyph = true; + export default LogOut; \ No newline at end of file diff --git a/packages/icon/src/generated/MagnifyingGlass.tsx b/packages/icon/src/generated/MagnifyingGlass.tsx index 38d7236592..a56d614cea 100644 --- a/packages/icon/src/generated/MagnifyingGlass.tsx +++ b/packages/icon/src/generated/MagnifyingGlass.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 60b361f5d943c43ba4d2a55de4f99347 +* @checksum 6d6905b73a2b0309c324a5359d4a2b3f */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface MagnifyingGlassProps extends LGGlyph.ComponentProps {} + const MagnifyingGlass = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: MagnifyingGlassProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'MagnifyingGlass', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'MagnifyingGlass', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + MagnifyingGlass.displayName = 'MagnifyingGlass'; MagnifyingGlass.isGlyph = true; + export default MagnifyingGlass; \ No newline at end of file diff --git a/packages/icon/src/generated/Megaphone.tsx b/packages/icon/src/generated/Megaphone.tsx index 2f1dad0219..899af40db8 100644 --- a/packages/icon/src/generated/Megaphone.tsx +++ b/packages/icon/src/generated/Megaphone.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 90dad46833764f8613e8b83f3c00a376 +* @checksum f68d0b129fd0bd5d0c4220e1494726ca */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface MegaphoneProps extends LGGlyph.ComponentProps {} + const Megaphone = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: MegaphoneProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'Megaphone', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'Megaphone', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + Megaphone.displayName = 'Megaphone'; Megaphone.isGlyph = true; + export default Megaphone; \ No newline at end of file diff --git a/packages/icon/src/generated/Menu.tsx b/packages/icon/src/generated/Menu.tsx index 117888e45b..b838fd161c 100644 --- a/packages/icon/src/generated/Menu.tsx +++ b/packages/icon/src/generated/Menu.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 1302681cd46d65becd40e8e91b091765 +* @checksum d9f6c687a2e82b6fc52d927ecd82ba62 */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface MenuProps extends LGGlyph.ComponentProps {} + const Menu = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: MenuProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'Menu', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'Menu', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + Menu.displayName = 'Menu'; Menu.isGlyph = true; + export default Menu; \ No newline at end of file diff --git a/packages/icon/src/generated/Minus.tsx b/packages/icon/src/generated/Minus.tsx index e1b522f6ab..76b7161a2e 100644 --- a/packages/icon/src/generated/Minus.tsx +++ b/packages/icon/src/generated/Minus.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 9c244c1119801dc22acac1be9bc51d04 +* @checksum 68db315fd321a9e6b8b1f9e8f59d3d5c */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface MinusProps extends LGGlyph.ComponentProps {} + const Minus = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: MinusProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'Minus', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'Minus', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + Minus.displayName = 'Minus'; Minus.isGlyph = true; + export default Minus; \ No newline at end of file diff --git a/packages/icon/src/generated/Mobile.tsx b/packages/icon/src/generated/Mobile.tsx index dce6451424..93c1369231 100644 --- a/packages/icon/src/generated/Mobile.tsx +++ b/packages/icon/src/generated/Mobile.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 1d9da6a1ce4eeeb3e0c6cac6a588ea9a +* @checksum d3398aaecc9841b16ebbcc4a0962e049 */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface MobileProps extends LGGlyph.ComponentProps {} + const Mobile = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: MobileProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'Mobile', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'Mobile', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + Mobile.displayName = 'Mobile'; Mobile.isGlyph = true; + export default Mobile; \ No newline at end of file diff --git a/packages/icon/src/generated/Moon.tsx b/packages/icon/src/generated/Moon.tsx index 654563bfe6..a51469a6b1 100644 --- a/packages/icon/src/generated/Moon.tsx +++ b/packages/icon/src/generated/Moon.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum d7a3f24b41ad4f62c488d74dbcbbf9fa +* @checksum 2266aa19260d58d17706c53780354f86 */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface MoonProps extends LGGlyph.ComponentProps {} + const Moon = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: MoonProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'Moon', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'Moon', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + Moon.displayName = 'Moon'; Moon.isGlyph = true; + export default Moon; \ No newline at end of file diff --git a/packages/icon/src/generated/MultiDirectionArrow.tsx b/packages/icon/src/generated/MultiDirectionArrow.tsx index 07aaacc146..43a6d495cc 100644 --- a/packages/icon/src/generated/MultiDirectionArrow.tsx +++ b/packages/icon/src/generated/MultiDirectionArrow.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum c7cc7e4f42011f561655f1bd43f40695 +* @checksum 3924c26902cb2f7408ea66d3a55b8e84 */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface MultiDirectionArrowProps extends LGGlyph.ComponentProps {} + const MultiDirectionArrow = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: MultiDirectionArrowProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'MultiDirectionArrow', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'MultiDirectionArrow', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + MultiDirectionArrow.displayName = 'MultiDirectionArrow'; MultiDirectionArrow.isGlyph = true; + export default MultiDirectionArrow; \ No newline at end of file diff --git a/packages/icon/src/generated/MultiLayers.tsx b/packages/icon/src/generated/MultiLayers.tsx index 921d442353..872cf45a91 100644 --- a/packages/icon/src/generated/MultiLayers.tsx +++ b/packages/icon/src/generated/MultiLayers.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 54a552a4db8de48df83aad856752f1d6 +* @checksum 4418a61487b21022b147e017eab34e4d */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface MultiLayersProps extends LGGlyph.ComponentProps {} + const MultiLayers = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: MultiLayersProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'MultiLayers', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'MultiLayers', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + MultiLayers.displayName = 'MultiLayers'; MultiLayers.isGlyph = true; + export default MultiLayers; \ No newline at end of file diff --git a/packages/icon/src/generated/NavCollapse.tsx b/packages/icon/src/generated/NavCollapse.tsx index 466fdc1df2..32c70be0d5 100644 --- a/packages/icon/src/generated/NavCollapse.tsx +++ b/packages/icon/src/generated/NavCollapse.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 7e1173827864fd0acaf7131938be6c0a +* @checksum d4a3ffeef3a67a423730efe1da3e89ef */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface NavCollapseProps extends LGGlyph.ComponentProps {} + const NavCollapse = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: NavCollapseProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'NavCollapse', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'NavCollapse', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + NavCollapse.displayName = 'NavCollapse'; NavCollapse.isGlyph = true; + export default NavCollapse; \ No newline at end of file diff --git a/packages/icon/src/generated/NavExpand.tsx b/packages/icon/src/generated/NavExpand.tsx index 1e9e506d71..6fee7ebfbd 100644 --- a/packages/icon/src/generated/NavExpand.tsx +++ b/packages/icon/src/generated/NavExpand.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum bfe28d9a31cde7325ff344b05af73ff8 +* @checksum e99c7e8a9b1d538250b23192bb69447a */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface NavExpandProps extends LGGlyph.ComponentProps {} + const NavExpand = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: NavExpandProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'NavExpand', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'NavExpand', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + NavExpand.displayName = 'NavExpand'; NavExpand.isGlyph = true; + export default NavExpand; \ No newline at end of file diff --git a/packages/icon/src/generated/NoFilter.tsx b/packages/icon/src/generated/NoFilter.tsx index 5c9ed69f33..4586dc1a6d 100644 --- a/packages/icon/src/generated/NoFilter.tsx +++ b/packages/icon/src/generated/NoFilter.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum e9eab9c247dbec275fe6d580566d61dc +* @checksum a639456f8e2089b92815486814891b4e */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface NoFilterProps extends LGGlyph.ComponentProps {} + const NoFilter = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: NoFilterProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'NoFilter', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'NoFilter', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + NoFilter.displayName = 'NoFilter'; NoFilter.isGlyph = true; + export default NoFilter; \ No newline at end of file diff --git a/packages/icon/src/generated/NotAllowed.tsx b/packages/icon/src/generated/NotAllowed.tsx index e391cde356..7a6dae40ba 100644 --- a/packages/icon/src/generated/NotAllowed.tsx +++ b/packages/icon/src/generated/NotAllowed.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 032177bb1c049b718edfcb232351db03 +* @checksum 91a0bc5c436e72c209042016a784603c */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface NotAllowedProps extends LGGlyph.ComponentProps {} + const NotAllowed = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: NotAllowedProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'NotAllowed', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'NotAllowed', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + NotAllowed.displayName = 'NotAllowed'; NotAllowed.isGlyph = true; + export default NotAllowed; \ No newline at end of file diff --git a/packages/icon/src/generated/Note.tsx b/packages/icon/src/generated/Note.tsx index 19e20202a5..86594f7cd1 100644 --- a/packages/icon/src/generated/Note.tsx +++ b/packages/icon/src/generated/Note.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 92571b38141a3b76af9af70766e8984f +* @checksum 94e69e5f5b35ba30c565bec2ea884ba9 */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface NoteProps extends LGGlyph.ComponentProps {} + const Note = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: NoteProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'Note', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'Note', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + Note.displayName = 'Note'; Note.isGlyph = true; + export default Note; \ No newline at end of file diff --git a/packages/icon/src/generated/NumberedList.tsx b/packages/icon/src/generated/NumberedList.tsx index 51e8a28c50..b41993cc7f 100644 --- a/packages/icon/src/generated/NumberedList.tsx +++ b/packages/icon/src/generated/NumberedList.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 78d5ea655c25d7d086fb19cccabdd527 +* @checksum 2da453e058cc200ccd37c015cb096304 */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface NumberedListProps extends LGGlyph.ComponentProps {} + const NumberedList = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: NumberedListProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'NumberedList', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'NumberedList', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + NumberedList.displayName = 'NumberedList'; NumberedList.isGlyph = true; + export default NumberedList; \ No newline at end of file diff --git a/packages/icon/src/generated/OpenNewTab.tsx b/packages/icon/src/generated/OpenNewTab.tsx index 06937e94c2..8cd23d5da3 100644 --- a/packages/icon/src/generated/OpenNewTab.tsx +++ b/packages/icon/src/generated/OpenNewTab.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 0550f2c3df7e2061ea801aecc3f4c8bd +* @checksum 90cd227bdb795b58518478bbfc3cb75a */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface OpenNewTabProps extends LGGlyph.ComponentProps {} + const OpenNewTab = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: OpenNewTabProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'OpenNewTab', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'OpenNewTab', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + OpenNewTab.displayName = 'OpenNewTab'; OpenNewTab.isGlyph = true; + export default OpenNewTab; \ No newline at end of file diff --git a/packages/icon/src/generated/OutlineFavorite.tsx b/packages/icon/src/generated/OutlineFavorite.tsx index 1d1db68e41..99e2a16cbd 100644 --- a/packages/icon/src/generated/OutlineFavorite.tsx +++ b/packages/icon/src/generated/OutlineFavorite.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum a0947f6a8bc4f0aa42a0db795f6439f6 +* @checksum ab4a3bfbbfb86a77450f49b19c6e146b */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface OutlineFavoriteProps extends LGGlyph.ComponentProps {} + const OutlineFavorite = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: OutlineFavoriteProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'OutlineFavorite', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'OutlineFavorite', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + OutlineFavorite.displayName = 'OutlineFavorite'; OutlineFavorite.isGlyph = true; + export default OutlineFavorite; \ No newline at end of file diff --git a/packages/icon/src/generated/Package.tsx b/packages/icon/src/generated/Package.tsx index da86c17fb7..ba7c34fea4 100644 --- a/packages/icon/src/generated/Package.tsx +++ b/packages/icon/src/generated/Package.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 6e59261cf982bdfcdfdce185d5ad6a28 +* @checksum 424ff6d2d6c8fbeebc6fa65f06b3e3eb */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface PackageProps extends LGGlyph.ComponentProps {} + const Package = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: PackageProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'Package', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'Package', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + Package.displayName = 'Package'; Package.isGlyph = true; + export default Package; \ No newline at end of file diff --git a/packages/icon/src/generated/Pause.tsx b/packages/icon/src/generated/Pause.tsx index f6e5f92836..9f866d89d1 100644 --- a/packages/icon/src/generated/Pause.tsx +++ b/packages/icon/src/generated/Pause.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum ee75535a9d92a7747f49a72adef467a2 +* @checksum b4fe44eea74ada2f2576c89890f93ec7 */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface PauseProps extends LGGlyph.ComponentProps {} + const Pause = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: PauseProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'Pause', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'Pause', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + Pause.displayName = 'Pause'; Pause.isGlyph = true; + export default Pause; \ No newline at end of file diff --git a/packages/icon/src/generated/Pending.tsx b/packages/icon/src/generated/Pending.tsx index 77a0bec13b..58ccbe64d9 100644 --- a/packages/icon/src/generated/Pending.tsx +++ b/packages/icon/src/generated/Pending.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 2990101e09c44c0d8cfafeabe85560fa +* @checksum d15da55c53adc414bd15ed7de322180c */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface PendingProps extends LGGlyph.ComponentProps {} + const Pending = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: PendingProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'Pending', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'Pending', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + Pending.displayName = 'Pending'; Pending.isGlyph = true; + export default Pending; \ No newline at end of file diff --git a/packages/icon/src/generated/Person.tsx b/packages/icon/src/generated/Person.tsx index 5306c60d3a..a2163cd793 100644 --- a/packages/icon/src/generated/Person.tsx +++ b/packages/icon/src/generated/Person.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 31cf947007014102c24311d4253dbc79 +* @checksum e5a0d3de4722a6d8040d4d6a69ca9a5a */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface PersonProps extends LGGlyph.ComponentProps {} + const Person = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: PersonProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'Person', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'Person', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + Person.displayName = 'Person'; Person.isGlyph = true; + export default Person; \ No newline at end of file diff --git a/packages/icon/src/generated/PersonGroup.tsx b/packages/icon/src/generated/PersonGroup.tsx index 0b6d2e064f..f902de5ff7 100644 --- a/packages/icon/src/generated/PersonGroup.tsx +++ b/packages/icon/src/generated/PersonGroup.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum b3bba5f39fa2c4a59ec027bce5e35d45 +* @checksum 6c2bbf247f63568ba928067de9b03e5b */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface PersonGroupProps extends LGGlyph.ComponentProps {} + const PersonGroup = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: PersonGroupProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'PersonGroup', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'PersonGroup', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + PersonGroup.displayName = 'PersonGroup'; PersonGroup.isGlyph = true; + export default PersonGroup; \ No newline at end of file diff --git a/packages/icon/src/generated/PersonWithLock.tsx b/packages/icon/src/generated/PersonWithLock.tsx index c86f641ffb..bbdd6cf9cb 100644 --- a/packages/icon/src/generated/PersonWithLock.tsx +++ b/packages/icon/src/generated/PersonWithLock.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum c9ac63659fb3944c090d94f1824ce291 +* @checksum ee56a308df616358a7a679926e26dca2 */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface PersonWithLockProps extends LGGlyph.ComponentProps {} + const PersonWithLock = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: PersonWithLockProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'PersonWithLock', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'PersonWithLock', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + PersonWithLock.displayName = 'PersonWithLock'; PersonWithLock.isGlyph = true; + export default PersonWithLock; \ No newline at end of file diff --git a/packages/icon/src/generated/Pin.tsx b/packages/icon/src/generated/Pin.tsx index 6bcf39d347..c2fcf253e0 100644 --- a/packages/icon/src/generated/Pin.tsx +++ b/packages/icon/src/generated/Pin.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 0f84209bef2f8c074241c48b4730e561 +* @checksum 6d7f5054724aab1565d1449008e26f1d */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface PinProps extends LGGlyph.ComponentProps {} + const Pin = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: PinProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'Pin', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'Pin', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + Pin.displayName = 'Pin'; Pin.isGlyph = true; + export default Pin; \ No newline at end of file diff --git a/packages/icon/src/generated/Play.tsx b/packages/icon/src/generated/Play.tsx index 885e2bc0d2..592083d615 100644 --- a/packages/icon/src/generated/Play.tsx +++ b/packages/icon/src/generated/Play.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum eeea36a12d7e0c78bf3aad12c14a8a5d +* @checksum f9f10b587957573d07b90a1960ec7766 */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface PlayProps extends LGGlyph.ComponentProps {} + const Play = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: PlayProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'Play', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'Play', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + Play.displayName = 'Play'; Play.isGlyph = true; + export default Play; \ No newline at end of file diff --git a/packages/icon/src/generated/Plus.tsx b/packages/icon/src/generated/Plus.tsx index 4dc6c22033..eff77a0014 100644 --- a/packages/icon/src/generated/Plus.tsx +++ b/packages/icon/src/generated/Plus.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 0b56c268ab06407a7c924db85ad2a16b +* @checksum 2e2b8439e7991804a9fef5cec2d3b458 */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface PlusProps extends LGGlyph.ComponentProps {} + const Plus = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: PlusProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'Plus', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'Plus', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + Plus.displayName = 'Plus'; Plus.isGlyph = true; + export default Plus; \ No newline at end of file diff --git a/packages/icon/src/generated/PlusWithCircle.tsx b/packages/icon/src/generated/PlusWithCircle.tsx index f46079df90..b57b44929b 100644 --- a/packages/icon/src/generated/PlusWithCircle.tsx +++ b/packages/icon/src/generated/PlusWithCircle.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 4a198f81b67f4fff8bfad90b83e5a50e +* @checksum d17c48f801983d6aea352551565c6452 */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface PlusWithCircleProps extends LGGlyph.ComponentProps {} + const PlusWithCircle = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: PlusWithCircleProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'PlusWithCircle', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'PlusWithCircle', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + PlusWithCircle.displayName = 'PlusWithCircle'; PlusWithCircle.isGlyph = true; + export default PlusWithCircle; \ No newline at end of file diff --git a/packages/icon/src/generated/Primary.tsx b/packages/icon/src/generated/Primary.tsx index 0aa258ad74..43637a64f9 100644 --- a/packages/icon/src/generated/Primary.tsx +++ b/packages/icon/src/generated/Primary.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 2e1672e47a094394bb69d18d34d07c47 +* @checksum a055e1a3a91635a32c480924bb944faa */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface PrimaryProps extends LGGlyph.ComponentProps {} + const Primary = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: PrimaryProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'Primary', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'Primary', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + Primary.displayName = 'Primary'; Primary.isGlyph = true; + export default Primary; \ No newline at end of file diff --git a/packages/icon/src/generated/Project.tsx b/packages/icon/src/generated/Project.tsx index fa6c6ca853..c4167b66f7 100644 --- a/packages/icon/src/generated/Project.tsx +++ b/packages/icon/src/generated/Project.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum d3fcc0dee5e5431858994a79e3d5b9b3 +* @checksum 94cf4db64a6f425f9cb975b45cac8a14 */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface ProjectProps extends LGGlyph.ComponentProps {} + const Project = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: ProjectProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'Project', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'Project', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + Project.displayName = 'Project'; Project.isGlyph = true; + export default Project; \ No newline at end of file diff --git a/packages/icon/src/generated/QuestionMarkWithCircle.tsx b/packages/icon/src/generated/QuestionMarkWithCircle.tsx index 6cb21a0390..7fb9384d88 100644 --- a/packages/icon/src/generated/QuestionMarkWithCircle.tsx +++ b/packages/icon/src/generated/QuestionMarkWithCircle.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum e3c77fdc2bdcc5a2511a78ec3a8058b1 +* @checksum c8fe0e8d2fd4eb917d1baa1983a137f1 */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface QuestionMarkWithCircleProps extends LGGlyph.ComponentProps {} + const QuestionMarkWithCircle = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: QuestionMarkWithCircleProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'QuestionMarkWithCircle', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'QuestionMarkWithCircle', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + QuestionMarkWithCircle.displayName = 'QuestionMarkWithCircle'; QuestionMarkWithCircle.isGlyph = true; + export default QuestionMarkWithCircle; \ No newline at end of file diff --git a/packages/icon/src/generated/Read.tsx b/packages/icon/src/generated/Read.tsx index c97f600fb3..e2eb4f47bd 100644 --- a/packages/icon/src/generated/Read.tsx +++ b/packages/icon/src/generated/Read.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 2048eecd64e1b11d7b3e08314290329a +* @checksum e68a17d7ed08583b8711f5aa0a12cab6 */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface ReadProps extends LGGlyph.ComponentProps {} + const Read = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: ReadProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'Read', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'Read', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + Read.displayName = 'Read'; Read.isGlyph = true; + export default Read; \ No newline at end of file diff --git a/packages/icon/src/generated/Recommended.tsx b/packages/icon/src/generated/Recommended.tsx index 9eb962b96a..66f7efceb2 100644 --- a/packages/icon/src/generated/Recommended.tsx +++ b/packages/icon/src/generated/Recommended.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 39c5c559a039bfdc941799fa127eacb8 +* @checksum 9de28bb9f91abf110a7689b652d7345a */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface RecommendedProps extends LGGlyph.ComponentProps {} + const Recommended = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: RecommendedProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'Recommended', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'Recommended', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + Recommended.displayName = 'Recommended'; Recommended.isGlyph = true; + export default Recommended; \ No newline at end of file diff --git a/packages/icon/src/generated/Redo.tsx b/packages/icon/src/generated/Redo.tsx index 837842d137..eac28b5154 100644 --- a/packages/icon/src/generated/Redo.tsx +++ b/packages/icon/src/generated/Redo.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 94bb886a2e3c4fbccf7f51d22f460fb6 +* @checksum 5c174b76a68806bc8c4fa2ffd57dd6d7 */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface RedoProps extends LGGlyph.ComponentProps {} + const Redo = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: RedoProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'Redo', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'Redo', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + Redo.displayName = 'Redo'; Redo.isGlyph = true; + export default Redo; \ No newline at end of file diff --git a/packages/icon/src/generated/Refresh.tsx b/packages/icon/src/generated/Refresh.tsx index fa72d21de0..9d32085076 100644 --- a/packages/icon/src/generated/Refresh.tsx +++ b/packages/icon/src/generated/Refresh.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum f1c3390781c6f99bf6f88aa6faa5a31d +* @checksum 4694b60f5f38cadec9bc7022d8f636c1 */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface RefreshProps extends LGGlyph.ComponentProps {} + const Refresh = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: RefreshProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'Refresh', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'Refresh', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + Refresh.displayName = 'Refresh'; Refresh.isGlyph = true; + export default Refresh; \ No newline at end of file diff --git a/packages/icon/src/generated/Relationship.tsx b/packages/icon/src/generated/Relationship.tsx index 89ddcf34e9..e3295dce9d 100644 --- a/packages/icon/src/generated/Relationship.tsx +++ b/packages/icon/src/generated/Relationship.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum f1b6e767453a9635bee72cf897775edb +* @checksum caa88f070a3c4b51f71f607c5d4a706e */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface RelationshipProps extends LGGlyph.ComponentProps {} + const Relationship = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: RelationshipProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'Relationship', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'Relationship', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + Relationship.displayName = 'Relationship'; Relationship.isGlyph = true; + export default Relationship; \ No newline at end of file diff --git a/packages/icon/src/generated/ReplicaSet.tsx b/packages/icon/src/generated/ReplicaSet.tsx index 71d148858f..0580b12dd3 100644 --- a/packages/icon/src/generated/ReplicaSet.tsx +++ b/packages/icon/src/generated/ReplicaSet.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 2bea089178e1fab0526b7fa4268d176b +* @checksum 4b799e960450e2df74d7ad54fed8f22b */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface ReplicaSetProps extends LGGlyph.ComponentProps {} + const ReplicaSet = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: ReplicaSetProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'ReplicaSet', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'ReplicaSet', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + ReplicaSet.displayName = 'ReplicaSet'; ReplicaSet.isGlyph = true; + export default ReplicaSet; \ No newline at end of file diff --git a/packages/icon/src/generated/Resize.tsx b/packages/icon/src/generated/Resize.tsx index 92a30ee3db..453ee4d06a 100644 --- a/packages/icon/src/generated/Resize.tsx +++ b/packages/icon/src/generated/Resize.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum fee3256c80da5096170156f59e09e087 +* @checksum 32fdfef922bde063dc18916253502e46 */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface ResizeProps extends LGGlyph.ComponentProps {} + const Resize = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: ResizeProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'Resize', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'Resize', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + Resize.displayName = 'Resize'; Resize.isGlyph = true; + export default Resize; \ No newline at end of file diff --git a/packages/icon/src/generated/Resource.tsx b/packages/icon/src/generated/Resource.tsx index 32f8ffb533..8f0fd246d7 100644 --- a/packages/icon/src/generated/Resource.tsx +++ b/packages/icon/src/generated/Resource.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 9ec4992f3837f7bd0837fb90a4d9ed89 +* @checksum ac9aafa15004ada7986c574cd842bcb8 */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface ResourceProps extends LGGlyph.ComponentProps {} + const Resource = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: ResourceProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'Resource', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'Resource', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + Resource.displayName = 'Resource'; Resource.isGlyph = true; + export default Resource; \ No newline at end of file diff --git a/packages/icon/src/generated/Return.tsx b/packages/icon/src/generated/Return.tsx index 7ef3bec91f..55f966bdd4 100644 --- a/packages/icon/src/generated/Return.tsx +++ b/packages/icon/src/generated/Return.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum f2504ef6bb18fa9ef178d7936f437bd6 +* @checksum 5706193633679892a4fb9a0c92db86f3 */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface ReturnProps extends LGGlyph.ComponentProps {} + const Return = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: ReturnProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'Return', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'Return', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + Return.displayName = 'Return'; Return.isGlyph = true; + export default Return; \ No newline at end of file diff --git a/packages/icon/src/generated/Revert.tsx b/packages/icon/src/generated/Revert.tsx index 5e7c58c0c8..87604c1a86 100644 --- a/packages/icon/src/generated/Revert.tsx +++ b/packages/icon/src/generated/Revert.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum ceebe674c72b8db63286c07567793217 +* @checksum 5ddf2d02684e1b9cf7643b2168ae9a40 */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface RevertProps extends LGGlyph.ComponentProps {} + const Revert = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: RevertProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'Revert', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'Revert', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + Revert.displayName = 'Revert'; Revert.isGlyph = true; + export default Revert; \ No newline at end of file diff --git a/packages/icon/src/generated/Router.tsx b/packages/icon/src/generated/Router.tsx index 92fcc56ba0..1c4d2fc02a 100644 --- a/packages/icon/src/generated/Router.tsx +++ b/packages/icon/src/generated/Router.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 26b268485a87705e369fef3cee115d85 +* @checksum 3a35e0ef854d61541a6d58500f955a72 */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface RouterProps extends LGGlyph.ComponentProps {} + const Router = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: RouterProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'Router', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'Router', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + Router.displayName = 'Router'; Router.isGlyph = true; + export default Router; \ No newline at end of file diff --git a/packages/icon/src/generated/SMS.tsx b/packages/icon/src/generated/SMS.tsx index 12dc9d6ef3..005fbba829 100644 --- a/packages/icon/src/generated/SMS.tsx +++ b/packages/icon/src/generated/SMS.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum ce13ff18d80b041de18dc658f749a828 +* @checksum 331de50bc11e6914a9d69867491d2e93 */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface SMSProps extends LGGlyph.ComponentProps {} + const SMS = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: SMSProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'SMS', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'SMS', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + SMS.displayName = 'SMS'; SMS.isGlyph = true; + export default SMS; \ No newline at end of file diff --git a/packages/icon/src/generated/Save.tsx b/packages/icon/src/generated/Save.tsx index b2b04624d9..db62af4285 100644 --- a/packages/icon/src/generated/Save.tsx +++ b/packages/icon/src/generated/Save.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 904983e53706275facd1f094d926a4cf +* @checksum 97169083b74a1a72314a49561b2607a9 */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface SaveProps extends LGGlyph.ComponentProps {} + const Save = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: SaveProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'Save', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'Save', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + Save.displayName = 'Save'; Save.isGlyph = true; + export default Save; \ No newline at end of file diff --git a/packages/icon/src/generated/SearchIndex.tsx b/packages/icon/src/generated/SearchIndex.tsx index 654264e3a7..3dc7e614c4 100644 --- a/packages/icon/src/generated/SearchIndex.tsx +++ b/packages/icon/src/generated/SearchIndex.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 84fafe19c477c2660e835a752627ee27 +* @checksum a1471861f88ea70ac370d0b804f2f884 */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface SearchIndexProps extends LGGlyph.ComponentProps {} + const SearchIndex = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: SearchIndexProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'SearchIndex', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'SearchIndex', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + SearchIndex.displayName = 'SearchIndex'; SearchIndex.isGlyph = true; + export default SearchIndex; \ No newline at end of file diff --git a/packages/icon/src/generated/Secondary.tsx b/packages/icon/src/generated/Secondary.tsx index 32fb68f9c3..b2b39bd40a 100644 --- a/packages/icon/src/generated/Secondary.tsx +++ b/packages/icon/src/generated/Secondary.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 88240cf63eabdb680196493723db69de +* @checksum 094b3d9b3f860d0fbf21f9cd86c2c79e */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface SecondaryProps extends LGGlyph.ComponentProps {} + const Secondary = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: SecondaryProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'Secondary', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'Secondary', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + Secondary.displayName = 'Secondary'; Secondary.isGlyph = true; + export default Secondary; \ No newline at end of file diff --git a/packages/icon/src/generated/Serverless.tsx b/packages/icon/src/generated/Serverless.tsx index 65e067b5ac..83101f86c6 100644 --- a/packages/icon/src/generated/Serverless.tsx +++ b/packages/icon/src/generated/Serverless.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 6236dd59a36b30b56a85d2551a5ecb37 +* @checksum 24a612c216c6fbd0e8865559aa6fb82a */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface ServerlessProps extends LGGlyph.ComponentProps {} + const Serverless = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: ServerlessProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'Serverless', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'Serverless', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + Serverless.displayName = 'Serverless'; Serverless.isGlyph = true; + export default Serverless; \ No newline at end of file diff --git a/packages/icon/src/generated/Settings.tsx b/packages/icon/src/generated/Settings.tsx index 9a22f53723..7bca37bdd1 100644 --- a/packages/icon/src/generated/Settings.tsx +++ b/packages/icon/src/generated/Settings.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 8dd130a799c0e750237f9d7e9bf1973b +* @checksum 410fbf5b0c4a0b48f0757eea50b152f5 */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface SettingsProps extends LGGlyph.ComponentProps {} + const Settings = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: SettingsProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'Settings', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'Settings', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + Settings.displayName = 'Settings'; Settings.isGlyph = true; + export default Settings; \ No newline at end of file diff --git a/packages/icon/src/generated/ShardedCluster.tsx b/packages/icon/src/generated/ShardedCluster.tsx index ad179067df..7ed22cf5ef 100644 --- a/packages/icon/src/generated/ShardedCluster.tsx +++ b/packages/icon/src/generated/ShardedCluster.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum bce97cf1d21ec506245a6e1311775b42 +* @checksum 91a0aa20ab74a163c07e419c7e4e45c5 */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface ShardedClusterProps extends LGGlyph.ComponentProps {} + const ShardedCluster = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: ShardedClusterProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'ShardedCluster', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'ShardedCluster', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + ShardedCluster.displayName = 'ShardedCluster'; ShardedCluster.isGlyph = true; + export default ShardedCluster; \ No newline at end of file diff --git a/packages/icon/src/generated/Shell.tsx b/packages/icon/src/generated/Shell.tsx index 4462d94775..97ce405170 100644 --- a/packages/icon/src/generated/Shell.tsx +++ b/packages/icon/src/generated/Shell.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 4b16b5ec09706e8eff27700d81d1b23b +* @checksum dfb92887ffa6116574e24fd2469bf2c4 */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface ShellProps extends LGGlyph.ComponentProps {} + const Shell = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: ShellProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'Shell', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'Shell', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + Shell.displayName = 'Shell'; Shell.isGlyph = true; + export default Shell; \ No newline at end of file diff --git a/packages/icon/src/generated/Shield.tsx b/packages/icon/src/generated/Shield.tsx index 8068d3c051..a35e8a1f4b 100644 --- a/packages/icon/src/generated/Shield.tsx +++ b/packages/icon/src/generated/Shield.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 70cc6170af301b7a5ccc2e39f2ae8d34 +* @checksum e037b1584a000fb31c972f29c0acfcf6 */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface ShieldProps extends LGGlyph.ComponentProps {} + const Shield = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: ShieldProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'Shield', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'Shield', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + Shield.displayName = 'Shield'; Shield.isGlyph = true; + export default Shield; \ No newline at end of file diff --git a/packages/icon/src/generated/Shirt.tsx b/packages/icon/src/generated/Shirt.tsx index 009876fe7c..b9953d3c36 100644 --- a/packages/icon/src/generated/Shirt.tsx +++ b/packages/icon/src/generated/Shirt.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 98b2f66e19898c84f1dce726e066deb6 +* @checksum bb598c730e9aa4ccc0792b655db46c61 */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface ShirtProps extends LGGlyph.ComponentProps {} + const Shirt = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: ShirtProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'Shirt', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'Shirt', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + Shirt.displayName = 'Shirt'; Shirt.isGlyph = true; + export default Shirt; \ No newline at end of file diff --git a/packages/icon/src/generated/Shortcut.tsx b/packages/icon/src/generated/Shortcut.tsx index afba63caa3..9a2557727c 100644 --- a/packages/icon/src/generated/Shortcut.tsx +++ b/packages/icon/src/generated/Shortcut.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 54866582b4ce0e776960df3186a39b95 +* @checksum 3703255eeededb78242ceee0a650f23e */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface ShortcutProps extends LGGlyph.ComponentProps {} + const Shortcut = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: ShortcutProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'Shortcut', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'Shortcut', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + Shortcut.displayName = 'Shortcut'; Shortcut.isGlyph = true; + export default Shortcut; \ No newline at end of file diff --git a/packages/icon/src/generated/SortAscending.tsx b/packages/icon/src/generated/SortAscending.tsx index 35d8e3b2e5..37435ac01b 100644 --- a/packages/icon/src/generated/SortAscending.tsx +++ b/packages/icon/src/generated/SortAscending.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum d467fb89729cd88f35c539371faf8b14 +* @checksum 5704ff971b64fe7642b38c22ea31e9bb */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface SortAscendingProps extends LGGlyph.ComponentProps {} + const SortAscending = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: SortAscendingProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'SortAscending', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'SortAscending', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + SortAscending.displayName = 'SortAscending'; SortAscending.isGlyph = true; + export default SortAscending; \ No newline at end of file diff --git a/packages/icon/src/generated/SortDescending.tsx b/packages/icon/src/generated/SortDescending.tsx index 8acc89e286..417887a718 100644 --- a/packages/icon/src/generated/SortDescending.tsx +++ b/packages/icon/src/generated/SortDescending.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 77ca38381a8dfb3d248f686f85aae34c +* @checksum 20530ea466c203438701d2af7e697108 */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface SortDescendingProps extends LGGlyph.ComponentProps {} + const SortDescending = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: SortDescendingProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'SortDescending', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'SortDescending', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + SortDescending.displayName = 'SortDescending'; SortDescending.isGlyph = true; + export default SortDescending; \ No newline at end of file diff --git a/packages/icon/src/generated/Sparkle.tsx b/packages/icon/src/generated/Sparkle.tsx index 82f7d99f1e..49aa37c9dc 100644 --- a/packages/icon/src/generated/Sparkle.tsx +++ b/packages/icon/src/generated/Sparkle.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum dcb075c6ece22142352c3c8ccae791a9 +* @checksum 51e3af7737262db13e92e034633b56a5 */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface SparkleProps extends LGGlyph.ComponentProps {} + const Sparkle = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: SparkleProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'Sparkle', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'Sparkle', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + Sparkle.displayName = 'Sparkle'; Sparkle.isGlyph = true; + export default Sparkle; \ No newline at end of file diff --git a/packages/icon/src/generated/SplitHorizontal.tsx b/packages/icon/src/generated/SplitHorizontal.tsx index f535f6a96e..4003c08980 100644 --- a/packages/icon/src/generated/SplitHorizontal.tsx +++ b/packages/icon/src/generated/SplitHorizontal.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 79804e11ff1c22567752e7be4c9d5f7b +* @checksum 8c6d8cc848e0d77156c7ce816dd5f29a */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface SplitHorizontalProps extends LGGlyph.ComponentProps {} + const SplitHorizontal = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: SplitHorizontalProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'SplitHorizontal', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'SplitHorizontal', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + SplitHorizontal.displayName = 'SplitHorizontal'; SplitHorizontal.isGlyph = true; + export default SplitHorizontal; \ No newline at end of file diff --git a/packages/icon/src/generated/SplitVertical.tsx b/packages/icon/src/generated/SplitVertical.tsx index 160dbe8760..1f492e8136 100644 --- a/packages/icon/src/generated/SplitVertical.tsx +++ b/packages/icon/src/generated/SplitVertical.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 23a43817b3ef9eeb03f289536ea833c4 +* @checksum 0803e4b4af93a8905661332bd80f7ffa */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface SplitVerticalProps extends LGGlyph.ComponentProps {} + const SplitVertical = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: SplitVerticalProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'SplitVertical', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'SplitVertical', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + SplitVertical.displayName = 'SplitVertical'; SplitVertical.isGlyph = true; + export default SplitVertical; \ No newline at end of file diff --git a/packages/icon/src/generated/Stitch.tsx b/packages/icon/src/generated/Stitch.tsx index 73dddd80c5..d870efa071 100644 --- a/packages/icon/src/generated/Stitch.tsx +++ b/packages/icon/src/generated/Stitch.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 4f795369a06c595141210f603e63a331 +* @checksum 4926fa37adf1de198fa7e1e2504aaf89 */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface StitchProps extends LGGlyph.ComponentProps {} + const Stitch = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: StitchProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'Stitch', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'Stitch', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + Stitch.displayName = 'Stitch'; Stitch.isGlyph = true; + export default Stitch; \ No newline at end of file diff --git a/packages/icon/src/generated/Stop.tsx b/packages/icon/src/generated/Stop.tsx index 53d3b96293..de43487e75 100644 --- a/packages/icon/src/generated/Stop.tsx +++ b/packages/icon/src/generated/Stop.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 02824b2c1413b47ba291fb039342b16e +* @checksum 2ed516b54934c91e9bbc96ced8907df5 */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface StopProps extends LGGlyph.ComponentProps {} + const Stop = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: StopProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'Stop', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'Stop', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + Stop.displayName = 'Stop'; Stop.isGlyph = true; + export default Stop; \ No newline at end of file diff --git a/packages/icon/src/generated/Streaming.tsx b/packages/icon/src/generated/Streaming.tsx index 843b6adf11..e638c064f2 100644 --- a/packages/icon/src/generated/Streaming.tsx +++ b/packages/icon/src/generated/Streaming.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum cecb0b1fef059ae78d0925fc0d134682 +* @checksum 2fa535c0b73a189518d29477d14be420 */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface StreamingProps extends LGGlyph.ComponentProps {} + const Streaming = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: StreamingProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'Streaming', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'Streaming', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + Streaming.displayName = 'Streaming'; Streaming.isGlyph = true; + export default Streaming; \ No newline at end of file diff --git a/packages/icon/src/generated/String.tsx b/packages/icon/src/generated/String.tsx index 7266117f52..8104cf9900 100644 --- a/packages/icon/src/generated/String.tsx +++ b/packages/icon/src/generated/String.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 3c8da6506796ce168a23d28f387d8764 +* @checksum 97965947d3de6877e5b1e7356e8c3479 */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface StringProps extends LGGlyph.ComponentProps {} + const String = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: StringProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'String', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'String', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + String.displayName = 'String'; String.isGlyph = true; + export default String; \ No newline at end of file diff --git a/packages/icon/src/generated/Sun.tsx b/packages/icon/src/generated/Sun.tsx index a98335ac1b..d7b94bc831 100644 --- a/packages/icon/src/generated/Sun.tsx +++ b/packages/icon/src/generated/Sun.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 3b93aec0df1efae499d954276194c9ff +* @checksum 4152d54b1fb1fc5c0381f6664e326bb3 */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface SunProps extends LGGlyph.ComponentProps {} + const Sun = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: SunProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'Sun', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'Sun', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + Sun.displayName = 'Sun'; Sun.isGlyph = true; + export default Sun; \ No newline at end of file diff --git a/packages/icon/src/generated/Support.tsx b/packages/icon/src/generated/Support.tsx index 4be9bb180c..23c756de77 100644 --- a/packages/icon/src/generated/Support.tsx +++ b/packages/icon/src/generated/Support.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 48724d477e4bdb442f5157382ad8ccf2 +* @checksum e4e4466ce49251008066fb6af95bae5c */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface SupportProps extends LGGlyph.ComponentProps {} + const Support = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: SupportProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'Support', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'Support', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + Support.displayName = 'Support'; Support.isGlyph = true; + export default Support; \ No newline at end of file diff --git a/packages/icon/src/generated/Sweep.tsx b/packages/icon/src/generated/Sweep.tsx index f17068f86c..4ccb44459f 100644 --- a/packages/icon/src/generated/Sweep.tsx +++ b/packages/icon/src/generated/Sweep.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 5b174776545eac61bde7b82bae7118e3 +* @checksum 1be192da645a9683cdee06f5abe4be95 */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface SweepProps extends LGGlyph.ComponentProps {} + const Sweep = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: SweepProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'Sweep', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'Sweep', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + Sweep.displayName = 'Sweep'; Sweep.isGlyph = true; + export default Sweep; \ No newline at end of file diff --git a/packages/icon/src/generated/Table.tsx b/packages/icon/src/generated/Table.tsx index 649ed31d5f..4de0996449 100644 --- a/packages/icon/src/generated/Table.tsx +++ b/packages/icon/src/generated/Table.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum b4b9384b49c89a815def3b92cb3cb073 +* @checksum 89efaed5815b4acd89b37d5d34086168 */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface TableProps extends LGGlyph.ComponentProps {} + const Table = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: TableProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'Table', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'Table', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + Table.displayName = 'Table'; Table.isGlyph = true; + export default Table; \ No newline at end of file diff --git a/packages/icon/src/generated/Tag.tsx b/packages/icon/src/generated/Tag.tsx index d77626b386..8d34b23fe0 100644 --- a/packages/icon/src/generated/Tag.tsx +++ b/packages/icon/src/generated/Tag.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 5cd33c32bd2b3617c7f6ec870e968975 +* @checksum b883ee56c7e175eda45ef619e9be26c9 */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface TagProps extends LGGlyph.ComponentProps {} + const Tag = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: TagProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'Tag', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'Tag', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + Tag.displayName = 'Tag'; Tag.isGlyph = true; + export default Tag; \ No newline at end of file diff --git a/packages/icon/src/generated/TemporaryTable.tsx b/packages/icon/src/generated/TemporaryTable.tsx index 4d67c22819..4174ed0b24 100644 --- a/packages/icon/src/generated/TemporaryTable.tsx +++ b/packages/icon/src/generated/TemporaryTable.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 165f652d98c2d6a4c0b7bdbadf0a7e1e +* @checksum 6dfb9daacef8f38cb2052c0a0e9b46c2 */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface TemporaryTableProps extends LGGlyph.ComponentProps {} + const TemporaryTable = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: TemporaryTableProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'TemporaryTable', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'TemporaryTable', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + TemporaryTable.displayName = 'TemporaryTable'; TemporaryTable.isGlyph = true; + export default TemporaryTable; \ No newline at end of file diff --git a/packages/icon/src/generated/ThumbsDown.tsx b/packages/icon/src/generated/ThumbsDown.tsx index febf441e43..700ccb56cc 100644 --- a/packages/icon/src/generated/ThumbsDown.tsx +++ b/packages/icon/src/generated/ThumbsDown.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 71f3824af79a2a53ea638b2feb5c61e7 +* @checksum e3103f59b86a18a931111f1cae4f5620 */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface ThumbsDownProps extends LGGlyph.ComponentProps {} + const ThumbsDown = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: ThumbsDownProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'ThumbsDown', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'ThumbsDown', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + ThumbsDown.displayName = 'ThumbsDown'; ThumbsDown.isGlyph = true; + export default ThumbsDown; \ No newline at end of file diff --git a/packages/icon/src/generated/ThumbsUp.tsx b/packages/icon/src/generated/ThumbsUp.tsx index c9649a52ac..42fb34ba54 100644 --- a/packages/icon/src/generated/ThumbsUp.tsx +++ b/packages/icon/src/generated/ThumbsUp.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 4143793eb7004a29fdeef4eaa9a3018a +* @checksum 5ecbbe0e6fc786a11e7c8f7c565d5702 */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface ThumbsUpProps extends LGGlyph.ComponentProps {} + const ThumbsUp = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: ThumbsUpProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'ThumbsUp', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'ThumbsUp', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + ThumbsUp.displayName = 'ThumbsUp'; ThumbsUp.isGlyph = true; + export default ThumbsUp; \ No newline at end of file diff --git a/packages/icon/src/generated/TimeSeries.tsx b/packages/icon/src/generated/TimeSeries.tsx index e45f831b2a..3b9bc80b34 100644 --- a/packages/icon/src/generated/TimeSeries.tsx +++ b/packages/icon/src/generated/TimeSeries.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum e6fc7034b28a94dc36bff3b57bdebbcd +* @checksum 4df4c885e5de4acc44fbd7e761b5a1f1 */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface TimeSeriesProps extends LGGlyph.ComponentProps {} + const TimeSeries = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: TimeSeriesProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'TimeSeries', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'TimeSeries', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + TimeSeries.displayName = 'TimeSeries'; TimeSeries.isGlyph = true; + export default TimeSeries; \ No newline at end of file diff --git a/packages/icon/src/generated/TimeSeriesCollection.tsx b/packages/icon/src/generated/TimeSeriesCollection.tsx index 169f975e52..c7a376fc26 100644 --- a/packages/icon/src/generated/TimeSeriesCollection.tsx +++ b/packages/icon/src/generated/TimeSeriesCollection.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum badaa5f7f2f1e04267653028daf9a5d4 +* @checksum ba2c4bbcf976b72a5418269badc35350 */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface TimeSeriesCollectionProps extends LGGlyph.ComponentProps {} + const TimeSeriesCollection = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: TimeSeriesCollectionProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'TimeSeriesCollection', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'TimeSeriesCollection', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + TimeSeriesCollection.displayName = 'TimeSeriesCollection'; TimeSeriesCollection.isGlyph = true; + export default TimeSeriesCollection; \ No newline at end of file diff --git a/packages/icon/src/generated/Trash.tsx b/packages/icon/src/generated/Trash.tsx index e24dccbc28..305a93aebf 100644 --- a/packages/icon/src/generated/Trash.tsx +++ b/packages/icon/src/generated/Trash.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 4ec6190fcaa732d59f9b62a914dd5748 +* @checksum 1cf64ec769424352ec14abe7b699c225 */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface TrashProps extends LGGlyph.ComponentProps {} + const Trash = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: TrashProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'Trash', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'Trash', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + Trash.displayName = 'Trash'; Trash.isGlyph = true; + export default Trash; \ No newline at end of file diff --git a/packages/icon/src/generated/Undo.tsx b/packages/icon/src/generated/Undo.tsx index baa3ae30b1..8e737c2e5a 100644 --- a/packages/icon/src/generated/Undo.tsx +++ b/packages/icon/src/generated/Undo.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum f252343c842bb7d7db324ecc18b5b8ed +* @checksum 70ba53cf3b458240e71ad4f32ce25226 */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface UndoProps extends LGGlyph.ComponentProps {} + const Undo = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: UndoProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'Undo', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'Undo', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + Undo.displayName = 'Undo'; Undo.isGlyph = true; + export default Undo; \ No newline at end of file diff --git a/packages/icon/src/generated/University.tsx b/packages/icon/src/generated/University.tsx index fc1438ff36..03c681a068 100644 --- a/packages/icon/src/generated/University.tsx +++ b/packages/icon/src/generated/University.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 58486ad5c0edb233fb2565d2a2cfbbcf +* @checksum c562d3b06c1934b2dc34a4652e221709 */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface UniversityProps extends LGGlyph.ComponentProps {} + const University = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: UniversityProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'University', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'University', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + University.displayName = 'University'; University.isGlyph = true; + export default University; \ No newline at end of file diff --git a/packages/icon/src/generated/Unlock.tsx b/packages/icon/src/generated/Unlock.tsx index c40df500cc..e605c8aa20 100644 --- a/packages/icon/src/generated/Unlock.tsx +++ b/packages/icon/src/generated/Unlock.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 1398661254afbd25f082d3802da4e54d +* @checksum 92345f695a4d6f9c7a9b20830c7d39c8 */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface UnlockProps extends LGGlyph.ComponentProps {} + const Unlock = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: UnlockProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'Unlock', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'Unlock', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + Unlock.displayName = 'Unlock'; Unlock.isGlyph = true; + export default Unlock; \ No newline at end of file diff --git a/packages/icon/src/generated/Unsorted.tsx b/packages/icon/src/generated/Unsorted.tsx index 522c7c7fa3..4f84864400 100644 --- a/packages/icon/src/generated/Unsorted.tsx +++ b/packages/icon/src/generated/Unsorted.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum b478bddb140a3412f644139063f5fca3 +* @checksum a9063860a117a109aa17ff151bb2fb1c */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface UnsortedProps extends LGGlyph.ComponentProps {} + const Unsorted = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: UnsortedProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'Unsorted', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'Unsorted', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + Unsorted.displayName = 'Unsorted'; Unsorted.isGlyph = true; + export default Unsorted; \ No newline at end of file diff --git a/packages/icon/src/generated/UpDownCarets.tsx b/packages/icon/src/generated/UpDownCarets.tsx index 272feed9bd..e0117c53dc 100644 --- a/packages/icon/src/generated/UpDownCarets.tsx +++ b/packages/icon/src/generated/UpDownCarets.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 0d09fd5ba0e292136e7d8c6dae74fcc8 +* @checksum 61085dd88236e2f6181a1b99429038de */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface UpDownCaretsProps extends LGGlyph.ComponentProps {} + const UpDownCarets = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: UpDownCaretsProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'UpDownCarets', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'UpDownCarets', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + UpDownCarets.displayName = 'UpDownCarets'; UpDownCarets.isGlyph = true; + export default UpDownCarets; \ No newline at end of file diff --git a/packages/icon/src/generated/Upload.tsx b/packages/icon/src/generated/Upload.tsx index 9908d65449..8c5e27d0e3 100644 --- a/packages/icon/src/generated/Upload.tsx +++ b/packages/icon/src/generated/Upload.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 5a585242d556b5b40d7dc32e59be15aa +* @checksum 4c4193885fb4c37e9c7002e5cb46e931 */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface UploadProps extends LGGlyph.ComponentProps {} + const Upload = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: UploadProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'Upload', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'Upload', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + Upload.displayName = 'Upload'; Upload.isGlyph = true; + export default Upload; \ No newline at end of file diff --git a/packages/icon/src/generated/VerticalEllipsis.tsx b/packages/icon/src/generated/VerticalEllipsis.tsx index 6b4cf85507..91f646bd70 100644 --- a/packages/icon/src/generated/VerticalEllipsis.tsx +++ b/packages/icon/src/generated/VerticalEllipsis.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum fccdd3758844d746064dd4942777cacd +* @checksum c7cf23afc866350843a8a6ff8991794c */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface VerticalEllipsisProps extends LGGlyph.ComponentProps {} + const VerticalEllipsis = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: VerticalEllipsisProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'VerticalEllipsis', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'VerticalEllipsis', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + VerticalEllipsis.displayName = 'VerticalEllipsis'; VerticalEllipsis.isGlyph = true; + export default VerticalEllipsis; \ No newline at end of file diff --git a/packages/icon/src/generated/View.tsx b/packages/icon/src/generated/View.tsx index 82beedda8e..b5e84bb616 100644 --- a/packages/icon/src/generated/View.tsx +++ b/packages/icon/src/generated/View.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 30dc1f6a39c2d65b6fcb241025159b77 +* @checksum d6c60250da030fc36df3080ba1986b4d */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface ViewProps extends LGGlyph.ComponentProps {} + const View = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: ViewProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'View', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'View', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + View.displayName = 'View'; View.isGlyph = true; + export default View; \ No newline at end of file diff --git a/packages/icon/src/generated/Visibility.tsx b/packages/icon/src/generated/Visibility.tsx index 2e0617e276..3155f55afc 100644 --- a/packages/icon/src/generated/Visibility.tsx +++ b/packages/icon/src/generated/Visibility.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum b3ee5e82a13af887c9ab15bda1c229fa +* @checksum 3186caf86569d2792214ed8ebf3a21b3 */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface VisibilityProps extends LGGlyph.ComponentProps {} + const Visibility = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: VisibilityProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'Visibility', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'Visibility', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + Visibility.displayName = 'Visibility'; Visibility.isGlyph = true; + export default Visibility; \ No newline at end of file diff --git a/packages/icon/src/generated/VisibilityOff.tsx b/packages/icon/src/generated/VisibilityOff.tsx index 03e8d51bf8..1363272e0e 100644 --- a/packages/icon/src/generated/VisibilityOff.tsx +++ b/packages/icon/src/generated/VisibilityOff.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum e01caf6dcdfaae2f04cfcc60f165ea12 +* @checksum b4eaa34f94777268171f9f3a0862a296 */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface VisibilityOffProps extends LGGlyph.ComponentProps {} + const VisibilityOff = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: VisibilityOffProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'VisibilityOff', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'VisibilityOff', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + VisibilityOff.displayName = 'VisibilityOff'; VisibilityOff.isGlyph = true; + export default VisibilityOff; \ No newline at end of file diff --git a/packages/icon/src/generated/Warning.tsx b/packages/icon/src/generated/Warning.tsx index b2e4228521..2ee2151290 100644 --- a/packages/icon/src/generated/Warning.tsx +++ b/packages/icon/src/generated/Warning.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 035040f166e113ed89f47afdcd0e6ba9 +* @checksum 6f445313b0a9bd9c1ac4e5c839f4643b */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface WarningProps extends LGGlyph.ComponentProps {} + const Warning = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: WarningProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'Warning', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'Warning', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + Warning.displayName = 'Warning'; Warning.isGlyph = true; + export default Warning; \ No newline at end of file diff --git a/packages/icon/src/generated/Wizard.tsx b/packages/icon/src/generated/Wizard.tsx index 062403188d..babe2badc8 100644 --- a/packages/icon/src/generated/Wizard.tsx +++ b/packages/icon/src/generated/Wizard.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 1a58301da72bb805197080c3015df426 +* @checksum 51e9c3d322f6ddd390f894d6877cd344 */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface WizardProps extends LGGlyph.ComponentProps {} + const Wizard = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: WizardProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'Wizard', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'Wizard', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + Wizard.displayName = 'Wizard'; Wizard.isGlyph = true; + export default Wizard; \ No newline at end of file diff --git a/packages/icon/src/generated/Wrench.tsx b/packages/icon/src/generated/Wrench.tsx index 1c2a05e656..70412ee528 100644 --- a/packages/icon/src/generated/Wrench.tsx +++ b/packages/icon/src/generated/Wrench.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 7e1030317445aa257afea5afd5508d8a +* @checksum 4a0c02ab5f646fc98cf2f748b7a4ef32 */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface WrenchProps extends LGGlyph.ComponentProps {} + const Wrench = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: WrenchProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'Wrench', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'Wrench', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + Wrench.displayName = 'Wrench'; Wrench.isGlyph = true; + export default Wrench; \ No newline at end of file diff --git a/packages/icon/src/generated/Write.tsx b/packages/icon/src/generated/Write.tsx index 6789169458..84a09c96d2 100644 --- a/packages/icon/src/generated/Write.tsx +++ b/packages/icon/src/generated/Write.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum 88f5725fa3ea564f5ae7a38c459c4202 +* @checksum 0d0a4e4e911c64ab6b4b1d61d98c83b7 */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface WriteProps extends LGGlyph.ComponentProps {} + const Write = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: WriteProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'Write', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'Write', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + Write.displayName = 'Write'; Write.isGlyph = true; + export default Write; \ No newline at end of file diff --git a/packages/icon/src/generated/X.tsx b/packages/icon/src/generated/X.tsx index cf2bc5ccaa..ffb4037f34 100644 --- a/packages/icon/src/generated/X.tsx +++ b/packages/icon/src/generated/X.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum c4c4dba0474e43edea5bc9c3132850bb +* @checksum 4c6e743fbb08040c833e34ee6fa77c51 */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface XProps extends LGGlyph.ComponentProps {} + const X = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: XProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'X', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'X', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + X.displayName = 'X'; X.isGlyph = true; + export default X; \ No newline at end of file diff --git a/packages/icon/src/generated/XWithCircle.tsx b/packages/icon/src/generated/XWithCircle.tsx index da225f3998..212402cd28 100644 --- a/packages/icon/src/generated/XWithCircle.tsx +++ b/packages/icon/src/generated/XWithCircle.tsx @@ -2,38 +2,58 @@ * This is a generated file. Do not modify it manually. * * @script packages/icon/scripts/prebuild/index.ts -* @checksum be4d5840abf953589ffc2965feeb2bba +* @checksum d9e4d768be28ada25e21392266249529 */ -import * as React from "react"; +import * as React from 'react'; import { css, cx } from '@leafygreen-ui/emotion'; import { generateAccessibleProps, sizeMap } from '../glyphCommon'; import { LGGlyph } from '../types'; + export interface XWithCircleProps extends LGGlyph.ComponentProps {} + const XWithCircle = ({ className, size = 16, title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby, fill, role = 'img', ...props }: XWithCircleProps) => { const fillStyle = css` - color: ${fill}; - `; + color: ${fill}; + `; + const noFlexShrink = css` - flex-shrink: 0; - `; - const accessibleProps = generateAccessibleProps(role, 'XWithCircle', { - title, - ['aria-label']: ariaLabel, - ['aria-labelledby']: ariaLabelledby + flex-shrink: 0; + `; + + const accessibleProps = generateAccessibleProps(role, 'XWithCircle', { + title, + 'aria-label': ariaLabel, + 'aria-labelledby': ariaLabelledby + }); + + const svgElement = ; + + return React.cloneElement(svgElement, { + className: cx( + { + [fillStyle]: fill != null, + }, + noFlexShrink, + className, + ), + height: typeof size === 'number' ? size : sizeMap[size], + width: typeof size === 'number' ? size : sizeMap[size], + role, + ...accessibleProps, + ...props, }); - return ; }; + XWithCircle.displayName = 'XWithCircle'; XWithCircle.isGlyph = true; + export default XWithCircle; \ No newline at end of file diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 131b21f04a..83a37c7762 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -1994,8 +1994,8 @@ importers: specifier: workspace:^ version: link:../../tools/storybook-utils '@svgr/core': - specifier: ^5.3.1 - version: 5.5.0 + specifier: ^8.1.0 + version: 8.1.0(typescript@5.8.3) '@types/xml2json': specifier: ^0.11.0 version: 0.11.6 @@ -6150,70 +6150,42 @@ packages: peerDependencies: storybook: ^8.2.0 || ^8.3.0-0 || ^8.4.0-0 || ^8.5.0-0 || ^8.6.0-0 - '@svgr/babel-plugin-add-jsx-attribute@5.4.0': - resolution: {integrity: sha512-ZFf2gs/8/6B8PnSofI0inYXr2SDNTDScPXhN7k5EqD4aZ3gi6u+rbmZHVB8IM3wDyx8ntKACZbtXSm7oZGRqVg==} - engines: {node: '>=10'} - '@svgr/babel-plugin-add-jsx-attribute@8.0.0': resolution: {integrity: sha512-b9MIk7yhdS1pMCZM8VeNfUlSKVRhsHZNMl5O9SfaX0l0t5wjdgu4IDzGB8bpnGBBOjGST3rRFVsaaEtI4W6f7g==} engines: {node: '>=14'} peerDependencies: '@babel/core': ^7.0.0-0 - '@svgr/babel-plugin-remove-jsx-attribute@5.4.0': - resolution: {integrity: sha512-yaS4o2PgUtwLFGTKbsiAy6D0o3ugcUhWK0Z45umJ66EPWunAz9fuFw2gJuje6wqQvQWOTJvIahUwndOXb7QCPg==} - engines: {node: '>=10'} - '@svgr/babel-plugin-remove-jsx-attribute@8.0.0': resolution: {integrity: sha512-BcCkm/STipKvbCl6b7QFrMh/vx00vIP63k2eM66MfHJzPr6O2U0jYEViXkHJWqXqQYjdeA9cuCl5KWmlwjDvbA==} engines: {node: '>=14'} peerDependencies: '@babel/core': ^7.0.0-0 - '@svgr/babel-plugin-remove-jsx-empty-expression@5.0.1': - resolution: {integrity: sha512-LA72+88A11ND/yFIMzyuLRSMJ+tRKeYKeQ+mR3DcAZ5I4h5CPWN9AHyUzJbWSYp/u2u0xhmgOe0+E41+GjEueA==} - engines: {node: '>=10'} - '@svgr/babel-plugin-remove-jsx-empty-expression@8.0.0': resolution: {integrity: sha512-5BcGCBfBxB5+XSDSWnhTThfI9jcO5f0Ai2V24gZpG+wXF14BzwxxdDb4g6trdOux0rhibGs385BeFMSmxtS3uA==} engines: {node: '>=14'} peerDependencies: '@babel/core': ^7.0.0-0 - '@svgr/babel-plugin-replace-jsx-attribute-value@5.0.1': - resolution: {integrity: sha512-PoiE6ZD2Eiy5mK+fjHqwGOS+IXX0wq/YDtNyIgOrc6ejFnxN4b13pRpiIPbtPwHEc+NT2KCjteAcq33/F1Y9KQ==} - engines: {node: '>=10'} - '@svgr/babel-plugin-replace-jsx-attribute-value@8.0.0': resolution: {integrity: sha512-KVQ+PtIjb1BuYT3ht8M5KbzWBhdAjjUPdlMtpuw/VjT8coTrItWX6Qafl9+ji831JaJcu6PJNKCV0bp01lBNzQ==} engines: {node: '>=14'} peerDependencies: '@babel/core': ^7.0.0-0 - '@svgr/babel-plugin-svg-dynamic-title@5.4.0': - resolution: {integrity: sha512-zSOZH8PdZOpuG1ZVx/cLVePB2ibo3WPpqo7gFIjLV9a0QsuQAzJiwwqmuEdTaW2pegyBE17Uu15mOgOcgabQZg==} - engines: {node: '>=10'} - '@svgr/babel-plugin-svg-dynamic-title@8.0.0': resolution: {integrity: sha512-omNiKqwjNmOQJ2v6ge4SErBbkooV2aAWwaPFs2vUY7p7GhVkzRkJ00kILXQvRhA6miHnNpXv7MRnnSjdRjK8og==} engines: {node: '>=14'} peerDependencies: '@babel/core': ^7.0.0-0 - '@svgr/babel-plugin-svg-em-dimensions@5.4.0': - resolution: {integrity: sha512-cPzDbDA5oT/sPXDCUYoVXEmm3VIoAWAPT6mSPTJNbQaBNUuEKVKyGH93oDY4e42PYHRW67N5alJx/eEol20abw==} - engines: {node: '>=10'} - '@svgr/babel-plugin-svg-em-dimensions@8.0.0': resolution: {integrity: sha512-mURHYnu6Iw3UBTbhGwE/vsngtCIbHE43xCRK7kCw4t01xyGqb2Pd+WXekRRoFOBIY29ZoOhUCTEweDMdrjfi9g==} engines: {node: '>=14'} peerDependencies: '@babel/core': ^7.0.0-0 - '@svgr/babel-plugin-transform-react-native-svg@5.4.0': - resolution: {integrity: sha512-3eYP/SaopZ41GHwXma7Rmxcv9uRslRDTY1estspeB1w1ueZWd/tPlMfEOoccYpEMZU3jD4OU7YitnXcF5hLW2Q==} - engines: {node: '>=10'} - '@svgr/babel-plugin-transform-react-native-svg@8.0.0': resolution: {integrity: sha512-UKrY3860AQICgH7g+6h2zkoxeVEPLYwX/uAjmqo4PIq2FIHppwhIqZstIyTz0ZtlwreKR41O3W3BzsBBiJV2Aw==} engines: {node: '>=14'} @@ -6226,20 +6198,12 @@ packages: peerDependencies: '@babel/core': ^7.0.0-0 - '@svgr/babel-plugin-transform-svg-component@5.5.0': - resolution: {integrity: sha512-q4jSH1UUvbrsOtlo/tKcgSeiCHRSBdXoIoqX1pgcKK/aU3JD27wmMKwGtpB8qRYUYoyXvfGxUVKchLuR5pB3rQ==} - engines: {node: '>=10'} - '@svgr/babel-plugin-transform-svg-component@8.0.0': resolution: {integrity: sha512-DFx8xa3cZXTdb/k3kfPeaixecQLgKh5NVBMwD0AQxOzcZawK4oo1Jh9LbrcACUivsCA7TLG8eeWgrDXjTMhRmw==} engines: {node: '>=12'} peerDependencies: '@babel/core': ^7.0.0-0 - '@svgr/babel-preset@5.5.0': - resolution: {integrity: sha512-4FiXBjvQ+z2j7yASeGPEi8VD/5rrGQk4Xrq3EdJmoZgz/tpqChpo5hgXDvmEauwtvOc52q8ghhZK4Oy7qph4ig==} - engines: {node: '>=10'} - '@svgr/babel-preset@8.0.0': resolution: {integrity: sha512-KLcjiZychInVrhs86OvcYPLTFu9L5XV2vj0XAaE1HwE3J3jLmIzRY8ttdeAg/iFyp8nhavJpafpDZTt+1LIpkQ==} engines: {node: '>=14'} @@ -6257,10 +6221,6 @@ packages: engines: {node: '>=14'} hasBin: true - '@svgr/core@5.5.0': - resolution: {integrity: sha512-q52VOcsJPvV3jO1wkPtzTuKlvX7Y3xIcWRpCMtBF3MrteZJtBfQw/+u0B1BHy5ColpQc1/YVTrPEtSYIMNZlrQ==} - engines: {node: '>=10'} - '@svgr/core@8.0.0': resolution: {integrity: sha512-aJKtc+Pie/rFYsVH/unSkDaZGvEeylNv/s2cP+ta9/rYWxRVvoV/S4Qw65Kmrtah4CBK5PM6ISH9qUH7IJQCng==} engines: {node: '>=14'} @@ -6269,18 +6229,10 @@ packages: resolution: {integrity: sha512-8QqtOQT5ACVlmsvKOJNEaWmRPmcojMOzCz4Hs2BGG/toAp/K38LcsMRyLp349glq5AzJbCEeimEoxaX6v/fLrA==} engines: {node: '>=14'} - '@svgr/hast-util-to-babel-ast@5.5.0': - resolution: {integrity: sha512-cAaR/CAiZRB8GP32N+1jocovUtvlj0+e65TB50/6Lcime+EA49m/8l+P2ko+XPJ4dw3xaPS3jOL4F2X4KWxoeQ==} - engines: {node: '>=10'} - '@svgr/hast-util-to-babel-ast@8.0.0': resolution: {integrity: sha512-EbDKwO9GpfWP4jN9sGdYwPBU0kdomaPIL2Eu4YwmgP+sJeXT+L7bMwJUBnhzfH8Q2qMBqZ4fJwpCyYsAN3mt2Q==} engines: {node: '>=14'} - '@svgr/plugin-jsx@5.5.0': - resolution: {integrity: sha512-V/wVh33j12hGh05IDg8GpIUXbjAPnTdPTKuP4VNLggnwaHMPNQNae2pRnyTAILWCQdz5GyMqtO488g7CKM8CBA==} - engines: {node: '>=10'} - '@svgr/plugin-jsx@8.0.1': resolution: {integrity: sha512-bfCFb+4ZsM3UuKP2t7KmDwn6YV8qVn9HIQJmau6xeQb/iV65Rpi7NBNBWA2hcCd4GKoCqG8hpaaDk5FDR0eH+g==} engines: {node: '>=14'} @@ -6604,14 +6556,14 @@ packages: peerDependencies: '@typescript-eslint/parser': ^8.44.0 eslint: ^8.57.0 || ^9.0.0 - typescript: '>=4.8.4 <6.0.0' + typescript: ~5.8.0 '@typescript-eslint/parser@8.44.0': resolution: {integrity: sha512-VGMpFQGUQWYT9LfnPcX8ouFojyrZ/2w3K5BucvxL/spdNehccKhB4jUyB1yBCXpr2XFm0jkECxgrpXBW2ipoAw==} engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0} peerDependencies: eslint: ^8.57.0 || ^9.0.0 - typescript: '>=4.8.4 <6.0.0' + typescript: ~5.8.0 '@typescript-eslint/project-service@8.38.0': resolution: {integrity: sha512-dbK7Jvqcb8c9QfH01YB6pORpqX1mn5gDZc9n63Ak/+jD67oWXn3Gs0M6vddAN+eDXBCS5EmNWzbSxsn9SzFWWg==} @@ -6623,7 +6575,7 @@ packages: resolution: {integrity: sha512-ZeaGNraRsq10GuEohKTo4295Z/SuGcSq2LzfGlqiuEvfArzo/VRrT0ZaJsVPuKZ55lVbNk8U6FcL+ZMH8CoyVA==} engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0} peerDependencies: - typescript: '>=4.8.4 <6.0.0' + typescript: ~5.8.0 '@typescript-eslint/scope-manager@5.62.0': resolution: {integrity: sha512-VXuvVvZeQCQb5Zgf4HAxc04q5j+WrNAtNh9OwCsCgpKqESMTu3tF/jhZ3xG6T4NZwWl65Bg8KuS2uEvhSfLl0w==} @@ -6647,14 +6599,14 @@ packages: resolution: {integrity: sha512-x5Y0+AuEPqAInc6yd0n5DAcvtoQ/vyaGwuX5HE9n6qAefk1GaedqrLQF8kQGylLUb9pnZyLf+iEiL9fr8APDtQ==} engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0} peerDependencies: - typescript: '>=4.8.4 <6.0.0' + typescript: ~5.8.0 '@typescript-eslint/type-utils@8.44.0': resolution: {integrity: sha512-9cwsoSxJ8Sak67Be/hD2RNt/fsqmWnNE1iHohG8lxqLSNY8xNfyY7wloo5zpW3Nu9hxVgURevqfcH6vvKCt6yg==} engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0} peerDependencies: eslint: ^8.57.0 || ^9.0.0 - typescript: '>=4.8.4 <6.0.0' + typescript: ~5.8.0 '@typescript-eslint/types@5.62.0': resolution: {integrity: sha512-87NVngcbVXUahrRTqIK27gD2t5Cu1yuCXxbLcFtCzZGlfyVWWh8mLHkoxzjsB6DDNnvdL+fW8MiwPEJyGJQDgQ==} @@ -6687,7 +6639,7 @@ packages: resolution: {integrity: sha512-lqNj6SgnGcQZwL4/SBJ3xdPEfcBuhCG8zdcwCPgYcmiPLgokiNDKlbPzCwEwu7m279J/lBYWtDYL+87OEfn8Jw==} engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0} peerDependencies: - typescript: '>=4.8.4 <6.0.0' + typescript: ~5.8.0 '@typescript-eslint/utils@5.62.0': resolution: {integrity: sha512-n8oxjeb5aIbPFEtmQxQYOLI0i9n5ySBEY/ZEHHZqKQSFnxio1rv6dthascc9dLuwrL0RC5mPCxB7vnAVGAYWAQ==} @@ -6700,7 +6652,7 @@ packages: engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0} peerDependencies: eslint: ^8.57.0 || ^9.0.0 - typescript: '>=4.8.4 <5.9.0' + typescript: ~5.8.0 '@typescript-eslint/utils@8.44.0': resolution: {integrity: sha512-nktOlVcg3ALo0mYlV+L7sWUD58KG4CMj1rb2HUVOO4aL3K/6wcD+NERqd0rrA5Vg06b42YhF6cFxeixsp9Riqg==} @@ -10745,12 +10697,6 @@ packages: trough@2.2.0: resolution: {integrity: sha512-tmMpK00BjZiUyVyvrBK7knerNgmgvcV/KLVyuma/SC+TQN167GrMRciANTz09+k3zW8L8t60jWO1GpfkZdjTaw==} - ts-api-utils@1.4.3: - resolution: {integrity: sha512-i3eMG77UTMD0hZhgRS562pv83RC6ukSAC2GMNWc+9dieh/+jDM5u5YG+NHX6VNDRHQcHwmsTHctP9LhbC3WxVw==} - engines: {node: '>=16'} - peerDependencies: - typescript: ~5.8.0 - ts-api-utils@2.1.0: resolution: {integrity: sha512-CUgTZL1irw8u29bzrOD/nH85jqyc74D6SshFgujOIA7osm2Rz7dYH77agkx7H4FBNxDq7Cjf+IjaX/8zwFW+ZQ==} engines: {node: '>=18.12'} @@ -14251,44 +14197,30 @@ snapshots: dependencies: storybook: 8.6.14(prettier@2.8.8) - '@svgr/babel-plugin-add-jsx-attribute@5.4.0': {} - '@svgr/babel-plugin-add-jsx-attribute@8.0.0(@babel/core@7.24.3)': dependencies: '@babel/core': 7.24.3 - '@svgr/babel-plugin-remove-jsx-attribute@5.4.0': {} - '@svgr/babel-plugin-remove-jsx-attribute@8.0.0(@babel/core@7.24.3)': dependencies: '@babel/core': 7.24.3 - '@svgr/babel-plugin-remove-jsx-empty-expression@5.0.1': {} - '@svgr/babel-plugin-remove-jsx-empty-expression@8.0.0(@babel/core@7.24.3)': dependencies: '@babel/core': 7.24.3 - '@svgr/babel-plugin-replace-jsx-attribute-value@5.0.1': {} - '@svgr/babel-plugin-replace-jsx-attribute-value@8.0.0(@babel/core@7.24.3)': dependencies: '@babel/core': 7.24.3 - '@svgr/babel-plugin-svg-dynamic-title@5.4.0': {} - '@svgr/babel-plugin-svg-dynamic-title@8.0.0(@babel/core@7.24.3)': dependencies: '@babel/core': 7.24.3 - '@svgr/babel-plugin-svg-em-dimensions@5.4.0': {} - '@svgr/babel-plugin-svg-em-dimensions@8.0.0(@babel/core@7.24.3)': dependencies: '@babel/core': 7.24.3 - '@svgr/babel-plugin-transform-react-native-svg@5.4.0': {} - '@svgr/babel-plugin-transform-react-native-svg@8.0.0(@babel/core@7.24.3)': dependencies: '@babel/core': 7.24.3 @@ -14297,23 +14229,10 @@ snapshots: dependencies: '@babel/core': 7.24.3 - '@svgr/babel-plugin-transform-svg-component@5.5.0': {} - '@svgr/babel-plugin-transform-svg-component@8.0.0(@babel/core@7.24.3)': dependencies: '@babel/core': 7.24.3 - '@svgr/babel-preset@5.5.0': - dependencies: - '@svgr/babel-plugin-add-jsx-attribute': 5.4.0 - '@svgr/babel-plugin-remove-jsx-attribute': 5.4.0 - '@svgr/babel-plugin-remove-jsx-empty-expression': 5.0.1 - '@svgr/babel-plugin-replace-jsx-attribute-value': 5.0.1 - '@svgr/babel-plugin-svg-dynamic-title': 5.4.0 - '@svgr/babel-plugin-svg-em-dimensions': 5.4.0 - '@svgr/babel-plugin-transform-react-native-svg': 5.4.0 - '@svgr/babel-plugin-transform-svg-component': 5.5.0 - '@svgr/babel-preset@8.0.0(@babel/core@7.24.3)': dependencies: '@babel/core': 7.24.3 @@ -14354,14 +14273,6 @@ snapshots: - supports-color - typescript - '@svgr/core@5.5.0': - dependencies: - '@svgr/plugin-jsx': 5.5.0 - camelcase: 6.3.0 - cosmiconfig: 7.1.0 - transitivePeerDependencies: - - supports-color - '@svgr/core@8.0.0(typescript@5.8.3)': dependencies: '@babel/core': 7.24.3 @@ -14384,24 +14295,11 @@ snapshots: - supports-color - typescript - '@svgr/hast-util-to-babel-ast@5.5.0': - dependencies: - '@babel/types': 7.28.1 - '@svgr/hast-util-to-babel-ast@8.0.0': dependencies: '@babel/types': 7.28.1 entities: 4.5.0 - '@svgr/plugin-jsx@5.5.0': - dependencies: - '@babel/core': 7.24.3 - '@svgr/babel-preset': 5.5.0 - '@svgr/hast-util-to-babel-ast': 5.5.0 - svg-parser: 2.0.4 - transitivePeerDependencies: - - supports-color - '@svgr/plugin-jsx@8.0.1(@svgr/core@8.0.0(typescript@5.8.3))': dependencies: '@babel/core': 7.24.3