@leafygreen-ui/icon 11.11.0-next.2 → 11.11.0-next.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +6 -0
- package/dist/Icon.d.ts +2 -1
- package/dist/Icon.d.ts.map +1 -1
- package/dist/createGlyphComponent.d.ts +1 -1
- package/dist/createGlyphComponent.d.ts.map +1 -1
- package/dist/createIconComponent.d.ts +3 -2
- package/dist/createIconComponent.d.ts.map +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/index.js.map +1 -1
- package/dist/generated/Relationship.d.ts +0 -1
- package/dist/generated/Relationship.d.ts.map +1 -1
- package/dist/glyphs/index.d.ts +425 -1
- package/dist/glyphs/index.d.ts.map +1 -1
- package/dist/index.d.ts +3 -3
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js.map +1 -1
- package/dist/isComponentGlyph.d.ts +1 -4
- package/dist/isComponentGlyph.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/Icon.story.tsx +33 -7
- package/src/createIconComponent.tsx +2 -1
- package/src/glyphs/index.ts +2 -2
- package/tsconfig.tsbuildinfo +1 -1
- package/tsdoc.json +319 -1
package/dist/esm/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../src/glyphCommon.ts","../../src/createIconComponent.tsx","../../src/createGlyphComponent.tsx","../../src/glyphs/index.ts","../../src/isComponentGlyph.ts","../../src/Icon.tsx"],"sourcesContent":["export const Size = {\n Small: 'small',\n Default: 'default',\n Large: 'large',\n XLarge: 'xlarge',\n} as const;\n\nexport type Size = typeof Size[keyof typeof Size];\n\nexport const sizeMap: Record<Size, number> = {\n small: 14,\n default: 16,\n large: 20,\n xlarge: 24,\n} as const;\n\ninterface AccessibleFunctionParams {\n 'aria-labelledby'?: string;\n 'aria-label'?: string;\n title?: string | null;\n}\n\ntype AccessibleFunctionReturnType =\n | AccessibleFunctionParams\n | { 'aria-hidden': true; alt: '' };\n\nexport function generateAccessibleProps(\n role: 'img' | 'presentation',\n glyphName: string,\n {\n ['aria-label']: ariaLabel,\n ['aria-labelledby']: ariaLabelledby,\n title,\n }: AccessibleFunctionParams,\n): AccessibleFunctionReturnType {\n switch (role) {\n case 'img':\n if (!ariaLabel && !ariaLabelledby && !title) {\n return { 'aria-label': getGlyphLabel(glyphName) };\n }\n\n return {\n ['aria-labelledby']: ariaLabelledby,\n ['aria-label']: ariaLabel,\n title,\n };\n\n case 'presentation':\n return { 'aria-hidden': true, alt: '' };\n }\n}\n\nexport function getGlyphLabel(name: string) {\n return `${name.replace(/([a-z])([A-Z])/g, '$1 $2')} Icon`;\n}\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { LGGlyph } from './types';\nimport { Size } from './glyphCommon';\n\n// We omit size here because we map string values for size to numbers in this component.\nexport interface IconProps extends Omit<LGGlyph.ComponentProps, 'size'> {\n glyph: string;\n size?: Size | number;\n}\n\ntype GlyphObject = Record<string, LGGlyph.Component>;\n\n/**\n * Returns a single component with a `glyph` prop to select the glyph\n * @param glyphs The set of glyphs\n * @returns Icon component\n */\nexport function createIconComponent<G extends GlyphObject = GlyphObject>(\n glyphs: G,\n) {\n const Icon = ({ glyph, ...rest }: IconProps) => {\n const SVGComponent = glyphs[glyph];\n SVGComponent.isGlyph = true;\n return <SVGComponent {...rest} />;\n };\n\n Icon.displayName = 'Icon';\n\n Icon.isGlyph = true;\n\n Icon.propTypes = {\n glyph: PropTypes.oneOf(Object.keys(glyphs)).isRequired,\n size: PropTypes.oneOfType([\n PropTypes.oneOf(Object.values(Size)),\n PropTypes.number,\n ]),\n } as any;\n\n return Icon;\n}\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { SVGR, LGGlyph } from './types';\nimport { css, cx } from '@leafygreen-ui/emotion';\nimport { generateAccessibleProps, sizeMap, Size } from './glyphCommon';\n\n/**\n * Returns a single glyph component.\n * Process custom glyphs to ensure consistent behavior between custom and built-in icons\n * @param glyphName: string - the display name of the icon\n * @param Glyph: SVGR.Component - the SVG icon component\n * @returns LGGlyph.Component\n */\nexport function createGlyphComponent(\n glyphName: string,\n Glyph: SVGR.Component,\n): LGGlyph.Component {\n const GlyphComponent: LGGlyph.Component = ({\n className,\n size = Size.Default,\n fill,\n title,\n 'aria-labelledby': ariaLabelledby,\n 'aria-label': ariaLabel,\n role = 'img',\n ...rest\n }: LGGlyph.ComponentProps) => {\n const fillStyle = css`\n color: ${fill};\n `;\n\n const renderedSize = typeof size === 'number' ? size : sizeMap[size];\n\n if (!(role === 'img' || role === 'presentation')) {\n console.warn(\n \"Please provide a valid role to this component. Valid options are 'img' and 'presentation'. If you'd like the Icon to be accessible to screen readers please use 'img', otherwise set the role to 'presentation'.\",\n );\n }\n\n return (\n <Glyph\n className={cx(\n {\n [fillStyle]: fill != null,\n },\n className,\n )}\n height={renderedSize}\n width={renderedSize}\n role={role}\n {...generateAccessibleProps(role, glyphName, {\n title,\n ['aria-label']: ariaLabel,\n ['aria-labelledby']: ariaLabelledby,\n })}\n {...rest}\n />\n );\n };\n\n GlyphComponent.displayName = glyphName;\n\n GlyphComponent.isGlyph = true;\n\n GlyphComponent.propTypes = {\n fill: PropTypes.string,\n size: PropTypes.oneOfType([\n PropTypes.oneOf(Object.values(Size)),\n PropTypes.number,\n ]),\n className: PropTypes.string,\n };\n\n return GlyphComponent;\n}\n","import { createGlyphComponent } from '../createGlyphComponent';\nimport { LGGlyph } from '../types';\n\n// Glyphs\nimport ActivityFeed from './ActivityFeed.svg';\nimport AddFile from './AddFile.svg';\nimport Apps from './Apps.svg';\nimport Array from './Array.svg';\nimport ArrowDown from './ArrowDown.svg';\nimport ArrowLeft from './ArrowLeft.svg';\nimport ArrowRight from './ArrowRight.svg';\nimport ArrowUp from './ArrowUp.svg';\nimport Beaker from './Beaker.svg';\nimport Bell from './Bell.svg';\nimport Building from './Building.svg';\nimport Bulb from './Bulb.svg';\nimport Calendar from './Calendar.svg';\nimport CaretDown from './CaretDown.svg';\nimport CaretLeft from './CaretLeft.svg';\nimport CaretRight from './CaretRight.svg';\nimport CaretUp from './CaretUp.svg';\nimport Charts from './Charts.svg';\nimport Checkmark from './Checkmark.svg';\nimport CheckmarkWithCircle from './CheckmarkWithCircle.svg';\nimport ChevronDown from './ChevronDown.svg';\nimport ChevronLeft from './ChevronLeft.svg';\nimport ChevronRight from './ChevronRight.svg';\nimport ChevronUp from './ChevronUp.svg';\nimport Clock from './Clock.svg';\nimport ClockWithArrow from './ClockWithArrow.svg';\nimport Clone from './Clone.svg';\nimport Cloud from './Cloud.svg';\nimport Code from './Code.svg';\nimport Connect from './Connect.svg';\nimport Copy from './Copy.svg';\nimport CreditCard from './CreditCard.svg';\nimport CurlyBraces from './CurlyBraces.svg';\nimport Cursor from './Cursor.svg';\nimport Database from './Database.svg';\nimport Diagram from './Diagram.svg';\nimport Diagram2 from './Diagram2.svg';\nimport Diagram3 from './Diagram3.svg';\nimport Disconnect from './Disconnect.svg';\nimport Download from './Download.svg';\nimport Edit from './Edit.svg';\nimport Ellipsis from './Ellipsis.svg';\nimport Export from './Export.svg';\nimport Favorite from './Favorite.svg';\nimport File from './File.svg';\nimport Filter from './Filter.svg';\nimport FullScreenEnter from './FullScreenEnter.svg';\nimport FullScreenExit from './FullScreenExit.svg';\nimport Folder from './Folder.svg';\nimport GlobeAmericas from './GlobeAmericas.svg';\nimport GovernmentBuilding from './GovernmentBuilding.svg';\nimport Home from './Home.svg';\nimport ImportantWithCircle from './ImportantWithCircle.svg';\nimport InfoWithCircle from './InfoWithCircle.svg';\nimport InviteUser from './InviteUser.svg';\nimport Key from './Key.svg';\nimport Laptop from './Laptop.svg';\nimport Link from './Link.svg';\nimport Lock from './Lock.svg';\nimport MagnifyingGlass from './MagnifyingGlass.svg';\nimport Megaphone from './Megaphone.svg';\nimport Menu from './Menu.svg';\nimport Minus from './Minus.svg';\nimport NotAllowed from './NotAllowed.svg';\nimport Note from './Note.svg';\nimport OpenNewTab from './OpenNewTab.svg';\nimport Pause from './Pause.svg';\nimport Person from './Person.svg';\nimport PersonGroup from './PersonGroup.svg';\nimport PersonWithLock from './PersonWithLock.svg';\nimport Play from './Play.svg';\nimport Plus from './Plus.svg';\nimport PlusWithCircle from './PlusWithCircle.svg';\nimport QuestionMarkWithCircle from './QuestionMarkWithCircle.svg';\nimport Redo from './Redo.svg';\nimport Refresh from './Refresh.svg';\nimport Relationship from './Relationship.svg';\nimport ReplicaSet from './ReplicaSet.svg';\nimport Save from './Save.svg';\nimport Serverless from './Serverless.svg';\nimport ShardedCluster from './ShardedCluster.svg';\nimport Settings from './Settings.svg';\nimport Shell from './Shell.svg';\nimport SortAscending from './SortAscending.svg';\nimport SortDescending from './SortDescending.svg';\nimport SplitHorizontal from './SplitHorizontal.svg';\nimport SplitVertical from './SplitVertical.svg';\nimport Stitch from './Stitch.svg';\nimport Support from './Support.svg';\nimport Sweep from './Sweep.svg';\nimport Table from './Table.svg';\nimport TimeSeries from './TimeSeries.svg';\nimport Trash from './Trash.svg';\nimport Undo from './Undo.svg';\nimport University from './University.svg';\nimport Unlock from './Unlock.svg';\nimport Unsorted from './Unsorted.svg';\nimport UpDownCarets from './UpDownCarets.svg';\nimport Upload from './Upload.svg';\nimport VerticalEllipsis from './VerticalEllipsis.svg';\nimport Visibility from './Visibility.svg';\nimport VisibilityOff from './VisibilityOff.svg';\nimport Warning from './Warning.svg';\nimport X from './X.svg';\nimport XWithCircle from './XWithCircle.svg';\n\nconst _glyphs = {\n ActivityFeed,\n AddFile,\n Apps,\n Array,\n ArrowDown,\n ArrowLeft,\n ArrowRight,\n ArrowUp,\n Beaker,\n Bell,\n Building,\n Bulb,\n Calendar,\n CaretDown,\n CaretLeft,\n CaretRight,\n CaretUp,\n Charts,\n Checkmark,\n CheckmarkWithCircle,\n ChevronDown,\n ChevronLeft,\n ChevronRight,\n ChevronUp,\n Clock,\n ClockWithArrow,\n Clone,\n Cloud,\n Code,\n Connect,\n Copy,\n CreditCard,\n CurlyBraces,\n Cursor,\n Database,\n Diagram,\n Diagram2,\n Diagram3,\n Disconnect,\n Download,\n Edit,\n Ellipsis,\n Export,\n Favorite,\n File,\n Filter,\n FullScreenEnter,\n FullScreenExit,\n Folder,\n GlobeAmericas,\n GovernmentBuilding,\n Home,\n ImportantWithCircle,\n InfoWithCircle,\n InviteUser,\n Key,\n Laptop,\n Link,\n Lock,\n MagnifyingGlass,\n Megaphone,\n Menu,\n Minus,\n NotAllowed,\n Note,\n OpenNewTab,\n Pause,\n Person,\n PersonGroup,\n PersonWithLock,\n Play,\n Plus,\n PlusWithCircle,\n QuestionMarkWithCircle,\n Redo,\n Refresh,\n Relationship,\n ReplicaSet,\n Save,\n Serverless,\n ShardedCluster,\n Settings,\n Shell,\n SortAscending,\n SortDescending,\n SplitHorizontal,\n SplitVertical,\n Stitch,\n Support,\n Sweep,\n Table,\n TimeSeries,\n Trash,\n Undo,\n University,\n Unlock,\n Unsorted,\n UpDownCarets,\n Upload,\n VerticalEllipsis,\n Visibility,\n VisibilityOff,\n Warning,\n X,\n XWithCircle,\n} as const;\n\ntype GlyphName = keyof typeof _glyphs;\n\nconst glyphKeys = Object.keys(_glyphs) as Array<GlyphName>;\n\nexport const glyphs = glyphKeys.reduce((acc, name) => {\n acc[name] = createGlyphComponent(name, _glyphs[name]);\n\n return acc;\n}, {} as Record<GlyphName, LGGlyph.Component>);\n","import { ComponentType, isValidElement, ReactNode } from 'react';\nimport { LGGlyph } from './types';\n\ntype ExtendedComponentType = ComponentType<any> & {\n [key: string]: any;\n};\n/**\n * Helper type to check if element is a LeafyGreen UI Glyph\n * @internal\n */\nfunction isComponentGlyph(node: ReactNode): node is LGGlyph.Element;\nfunction isComponentGlyph(\n component: ExtendedComponentType,\n): component is LGGlyph.Component;\nfunction isComponentGlyph(\n child: ReactNode | ExtendedComponentType,\n): child is LGGlyph.Element | LGGlyph.Component {\n // If we're received a rendered component (i.e. ReactNode)\n if (isValidElement(child)) {\n return (\n child != null &&\n typeof child === 'object' &&\n 'type' in child &&\n (child.type as any).isGlyph === true\n );\n }\n\n // If we've recieved a component function\n return (\n child != null &&\n typeof child === 'function' &&\n 'isGlyph' in child &&\n child.isGlyph === true\n );\n}\n\nexport { isComponentGlyph };\n","import { createIconComponent } from './createIconComponent';\nimport { glyphs } from './glyphs';\n\nexport const Icon = createIconComponent(glyphs);\n"],"names":["Size","Small","Default","Large","XLarge","sizeMap","small","default","large","xlarge","_templateObject","_excluded","createIconComponent","glyphs","Icon","_ref","glyph","rest","_objectWithoutProperties","SVGComponent","isGlyph","___EmotionJSX","displayName","propTypes","PropTypes","oneOf","Object","keys","isRequired","size","oneOfType","values","number","createGlyphComponent","glyphName","Glyph","GlyphComponent","_generateAccessiblePr","className","_ref$size","fill","title","ariaLabelledby","ariaLabel","_ref$role","role","fillStyle","css","renderedSize","console","warn","_extends","cx","_defineProperty","height","width","_ref2","name","concat","replace","alt","generateAccessibleProps","string","_glyphs","ActivityFeed","AddFile","Apps","Array","ArrowDown","ArrowLeft","ArrowRight","ArrowUp","Beaker","Bell","Building","Bulb","Calendar","CaretDown","CaretLeft","CaretRight","CaretUp","Charts","Checkmark","CheckmarkWithCircle","ChevronDown","ChevronLeft","ChevronRight","ChevronUp","Clock","ClockWithArrow","Clone","Cloud","Code","Connect","Copy","CreditCard","CurlyBraces","Cursor","Database","Diagram","Diagram2","Diagram3","Disconnect","Download","Edit","Ellipsis","Export","Favorite","File","Filter","FullScreenEnter","FullScreenExit","Folder","GlobeAmericas","GovernmentBuilding","Home","ImportantWithCircle","InfoWithCircle","InviteUser","Key","Laptop","Link","Lock","MagnifyingGlass","Megaphone","Menu","Minus","NotAllowed","Note","OpenNewTab","Pause","Person","PersonGroup","PersonWithLock","Play","Plus","PlusWithCircle","QuestionMarkWithCircle","Redo","Refresh","Relationship","ReplicaSet","Save","Serverless","ShardedCluster","Settings","Shell","SortAscending","SortDescending","SplitHorizontal","SplitVertical","Stitch","Support","Sweep","Table","TimeSeries","Trash","Undo","University","Unlock","Unsorted","UpDownCarets","Upload","VerticalEllipsis","Visibility","VisibilityOff","Warning","X","XWithCircle","reduce","acc","isComponentGlyph","child","isValidElement","_typeof","type"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../src/glyphCommon.ts","../../src/createIconComponent.tsx","../../src/createGlyphComponent.tsx","../../src/glyphs/index.ts","../../src/isComponentGlyph.ts","../../src/Icon.tsx"],"sourcesContent":["export const Size = {\n Small: 'small',\n Default: 'default',\n Large: 'large',\n XLarge: 'xlarge',\n} as const;\n\nexport type Size = typeof Size[keyof typeof Size];\n\nexport const sizeMap: Record<Size, number> = {\n small: 14,\n default: 16,\n large: 20,\n xlarge: 24,\n} as const;\n\ninterface AccessibleFunctionParams {\n 'aria-labelledby'?: string;\n 'aria-label'?: string;\n title?: string | null;\n}\n\ntype AccessibleFunctionReturnType =\n | AccessibleFunctionParams\n | { 'aria-hidden': true; alt: '' };\n\nexport function generateAccessibleProps(\n role: 'img' | 'presentation',\n glyphName: string,\n {\n ['aria-label']: ariaLabel,\n ['aria-labelledby']: ariaLabelledby,\n title,\n }: AccessibleFunctionParams,\n): AccessibleFunctionReturnType {\n switch (role) {\n case 'img':\n if (!ariaLabel && !ariaLabelledby && !title) {\n return { 'aria-label': getGlyphLabel(glyphName) };\n }\n\n return {\n ['aria-labelledby']: ariaLabelledby,\n ['aria-label']: ariaLabel,\n title,\n };\n\n case 'presentation':\n return { 'aria-hidden': true, alt: '' };\n }\n}\n\nexport function getGlyphLabel(name: string) {\n return `${name.replace(/([a-z])([A-Z])/g, '$1 $2')} Icon`;\n}\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { LGGlyph } from './types';\nimport { Size } from './glyphCommon';\nimport { GlyphName } from './glyphs';\n\n// We omit size here because we map string values for size to numbers in this component.\nexport interface IconProps extends Omit<LGGlyph.ComponentProps, 'size'> {\n glyph: GlyphName;\n size?: Size | number;\n}\n\ntype GlyphObject = Record<string, LGGlyph.Component>;\n\n/**\n * Returns a single component with a `glyph` prop to select the glyph\n * @param glyphs The set of glyphs\n * @returns Icon component\n */\nexport default function createIconComponent<\n G extends GlyphObject = GlyphObject,\n>(glyphs: G) {\n const Icon = ({ glyph, ...rest }: IconProps) => {\n const SVGComponent = glyphs[glyph];\n SVGComponent.isGlyph = true;\n return <SVGComponent {...rest} />;\n };\n\n Icon.displayName = 'Icon';\n\n Icon.isGlyph = true;\n\n Icon.propTypes = {\n glyph: PropTypes.oneOf(Object.keys(glyphs)).isRequired,\n size: PropTypes.oneOfType([\n PropTypes.oneOf(Object.values(Size)),\n PropTypes.number,\n ]),\n } as any;\n\n return Icon;\n}\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { SVGR, LGGlyph } from './types';\nimport { css, cx } from '@leafygreen-ui/emotion';\nimport { generateAccessibleProps, sizeMap, Size } from './glyphCommon';\n\n/**\n * Returns a single glyph component.\n * Process custom glyphs to ensure consistent behavior between custom and built-in icons\n * @param glyphName: string - the display name of the icon\n * @param Glyph: SVGR.Component - the SVG icon component\n * @returns LGGlyph.Component\n */\nexport default function createGlyphComponent(\n glyphName: string,\n Glyph: SVGR.Component,\n): LGGlyph.Component {\n const GlyphComponent: LGGlyph.Component = ({\n className,\n size = Size.Default,\n fill,\n title,\n 'aria-labelledby': ariaLabelledby,\n 'aria-label': ariaLabel,\n role = 'img',\n ...rest\n }: LGGlyph.ComponentProps) => {\n const fillStyle = css`\n color: ${fill};\n `;\n\n const renderedSize = typeof size === 'number' ? size : sizeMap[size];\n\n if (!(role === 'img' || role === 'presentation')) {\n console.warn(\n \"Please provide a valid role to this component. Valid options are 'img' and 'presentation'. If you'd like the Icon to be accessible to screen readers please use 'img', otherwise set the role to 'presentation'.\",\n );\n }\n\n return (\n <Glyph\n className={cx(\n {\n [fillStyle]: fill != null,\n },\n className,\n )}\n height={renderedSize}\n width={renderedSize}\n role={role}\n {...generateAccessibleProps(role, glyphName, {\n title,\n ['aria-label']: ariaLabel,\n ['aria-labelledby']: ariaLabelledby,\n })}\n {...rest}\n />\n );\n };\n\n GlyphComponent.displayName = glyphName;\n\n GlyphComponent.isGlyph = true;\n\n GlyphComponent.propTypes = {\n fill: PropTypes.string,\n size: PropTypes.oneOfType([\n PropTypes.oneOf(Object.values(Size)),\n PropTypes.number,\n ]),\n className: PropTypes.string,\n };\n\n return GlyphComponent;\n}\n","import createGlyphComponent from '../createGlyphComponent';\nimport { LGGlyph } from '../types';\n\n// Glyphs\nimport ActivityFeed from './ActivityFeed.svg';\nimport AddFile from './AddFile.svg';\nimport Apps from './Apps.svg';\nimport Array from './Array.svg';\nimport ArrowDown from './ArrowDown.svg';\nimport ArrowLeft from './ArrowLeft.svg';\nimport ArrowRight from './ArrowRight.svg';\nimport ArrowUp from './ArrowUp.svg';\nimport Beaker from './Beaker.svg';\nimport Bell from './Bell.svg';\nimport Building from './Building.svg';\nimport Bulb from './Bulb.svg';\nimport Calendar from './Calendar.svg';\nimport CaretDown from './CaretDown.svg';\nimport CaretLeft from './CaretLeft.svg';\nimport CaretRight from './CaretRight.svg';\nimport CaretUp from './CaretUp.svg';\nimport Charts from './Charts.svg';\nimport Checkmark from './Checkmark.svg';\nimport CheckmarkWithCircle from './CheckmarkWithCircle.svg';\nimport ChevronDown from './ChevronDown.svg';\nimport ChevronLeft from './ChevronLeft.svg';\nimport ChevronRight from './ChevronRight.svg';\nimport ChevronUp from './ChevronUp.svg';\nimport Clock from './Clock.svg';\nimport ClockWithArrow from './ClockWithArrow.svg';\nimport Clone from './Clone.svg';\nimport Cloud from './Cloud.svg';\nimport Code from './Code.svg';\nimport Connect from './Connect.svg';\nimport Copy from './Copy.svg';\nimport CreditCard from './CreditCard.svg';\nimport CurlyBraces from './CurlyBraces.svg';\nimport Cursor from './Cursor.svg';\nimport Database from './Database.svg';\nimport Diagram from './Diagram.svg';\nimport Diagram2 from './Diagram2.svg';\nimport Diagram3 from './Diagram3.svg';\nimport Disconnect from './Disconnect.svg';\nimport Download from './Download.svg';\nimport Edit from './Edit.svg';\nimport Ellipsis from './Ellipsis.svg';\nimport Export from './Export.svg';\nimport Favorite from './Favorite.svg';\nimport File from './File.svg';\nimport Filter from './Filter.svg';\nimport FullScreenEnter from './FullScreenEnter.svg';\nimport FullScreenExit from './FullScreenExit.svg';\nimport Folder from './Folder.svg';\nimport GlobeAmericas from './GlobeAmericas.svg';\nimport GovernmentBuilding from './GovernmentBuilding.svg';\nimport Home from './Home.svg';\nimport ImportantWithCircle from './ImportantWithCircle.svg';\nimport InfoWithCircle from './InfoWithCircle.svg';\nimport InviteUser from './InviteUser.svg';\nimport Key from './Key.svg';\nimport Laptop from './Laptop.svg';\nimport Link from './Link.svg';\nimport Lock from './Lock.svg';\nimport MagnifyingGlass from './MagnifyingGlass.svg';\nimport Megaphone from './Megaphone.svg';\nimport Menu from './Menu.svg';\nimport Minus from './Minus.svg';\nimport NotAllowed from './NotAllowed.svg';\nimport Note from './Note.svg';\nimport OpenNewTab from './OpenNewTab.svg';\nimport Pause from './Pause.svg';\nimport Person from './Person.svg';\nimport PersonGroup from './PersonGroup.svg';\nimport PersonWithLock from './PersonWithLock.svg';\nimport Play from './Play.svg';\nimport Plus from './Plus.svg';\nimport PlusWithCircle from './PlusWithCircle.svg';\nimport QuestionMarkWithCircle from './QuestionMarkWithCircle.svg';\nimport Redo from './Redo.svg';\nimport Refresh from './Refresh.svg';\nimport Relationship from './Relationship.svg';\nimport ReplicaSet from './ReplicaSet.svg';\nimport Save from './Save.svg';\nimport Serverless from './Serverless.svg';\nimport ShardedCluster from './ShardedCluster.svg';\nimport Settings from './Settings.svg';\nimport Shell from './Shell.svg';\nimport SortAscending from './SortAscending.svg';\nimport SortDescending from './SortDescending.svg';\nimport SplitHorizontal from './SplitHorizontal.svg';\nimport SplitVertical from './SplitVertical.svg';\nimport Stitch from './Stitch.svg';\nimport Support from './Support.svg';\nimport Sweep from './Sweep.svg';\nimport Table from './Table.svg';\nimport TimeSeries from './TimeSeries.svg';\nimport Trash from './Trash.svg';\nimport Undo from './Undo.svg';\nimport University from './University.svg';\nimport Unlock from './Unlock.svg';\nimport Unsorted from './Unsorted.svg';\nimport UpDownCarets from './UpDownCarets.svg';\nimport Upload from './Upload.svg';\nimport VerticalEllipsis from './VerticalEllipsis.svg';\nimport Visibility from './Visibility.svg';\nimport VisibilityOff from './VisibilityOff.svg';\nimport Warning from './Warning.svg';\nimport X from './X.svg';\nimport XWithCircle from './XWithCircle.svg';\n\nexport const glyphs = {\n ActivityFeed,\n AddFile,\n Apps,\n Array,\n ArrowDown,\n ArrowLeft,\n ArrowRight,\n ArrowUp,\n Beaker,\n Bell,\n Building,\n Bulb,\n Calendar,\n CaretDown,\n CaretLeft,\n CaretRight,\n CaretUp,\n Charts,\n Checkmark,\n CheckmarkWithCircle,\n ChevronDown,\n ChevronLeft,\n ChevronRight,\n ChevronUp,\n Clock,\n ClockWithArrow,\n Clone,\n Cloud,\n Code,\n Connect,\n Copy,\n CreditCard,\n CurlyBraces,\n Cursor,\n Database,\n Diagram,\n Diagram2,\n Diagram3,\n Disconnect,\n Download,\n Edit,\n Ellipsis,\n Export,\n Favorite,\n File,\n Filter,\n FullScreenEnter,\n FullScreenExit,\n Folder,\n GlobeAmericas,\n GovernmentBuilding,\n Home,\n ImportantWithCircle,\n InfoWithCircle,\n InviteUser,\n Key,\n Laptop,\n Link,\n Lock,\n MagnifyingGlass,\n Megaphone,\n Menu,\n Minus,\n NotAllowed,\n Note,\n OpenNewTab,\n Pause,\n Person,\n PersonGroup,\n PersonWithLock,\n Play,\n Plus,\n PlusWithCircle,\n QuestionMarkWithCircle,\n Redo,\n Refresh,\n Relationship,\n ReplicaSet,\n Save,\n Serverless,\n ShardedCluster,\n Settings,\n Shell,\n SortAscending,\n SortDescending,\n SplitHorizontal,\n SplitVertical,\n Stitch,\n Support,\n Sweep,\n Table,\n TimeSeries,\n Trash,\n Undo,\n University,\n Unlock,\n Unsorted,\n UpDownCarets,\n Upload,\n VerticalEllipsis,\n Visibility,\n VisibilityOff,\n Warning,\n X,\n XWithCircle,\n} as const;\n\nexport type GlyphName = keyof typeof glyphs;\n\nconst glyphKeys = Object.keys(glyphs) as Array<GlyphName>;\n\nconst processedGlyphs = glyphKeys.reduce((acc, name) => {\n acc[name] = createGlyphComponent(name, glyphs[name]);\n\n return acc;\n}, {} as Record<GlyphName, LGGlyph.Component>);\n\nexport default processedGlyphs;\n","import { ComponentType, isValidElement, ReactNode } from 'react';\nimport { LGGlyph } from './types';\n\ntype ExtendedComponentType = ComponentType<any> & {\n [key: string]: any;\n};\n/** Helper type to check if element is a LeafyGreen UI Glyph */\nfunction isComponentGlyph(node: ReactNode): node is LGGlyph.Element;\nfunction isComponentGlyph(\n component: ExtendedComponentType,\n): component is LGGlyph.Component;\nfunction isComponentGlyph(\n child: ReactNode | ExtendedComponentType,\n): child is LGGlyph.Element | LGGlyph.Component {\n // If we're received a rendered component (i.e. ReactNode)\n if (isValidElement(child)) {\n return (\n child != null &&\n typeof child === 'object' &&\n 'type' in child &&\n (child.type as any).isGlyph === true\n );\n }\n\n // If we've recieved a component function\n return (\n child != null &&\n typeof child === 'function' &&\n 'isGlyph' in child &&\n child.isGlyph === true\n );\n}\n\nexport { isComponentGlyph };\n","import glyphs from './glyphs';\nimport createIconComponent from './createIconComponent';\n\nconst Icon = createIconComponent(glyphs);\nexport default Icon;\n"],"names":["Size","Small","Default","Large","XLarge","sizeMap","small","default","large","xlarge","_templateObject","_excluded","createIconComponent","glyphs","Icon","_ref","glyph","rest","_objectWithoutProperties","SVGComponent","isGlyph","___EmotionJSX","displayName","propTypes","PropTypes","oneOf","Object","keys","isRequired","size","oneOfType","values","number","createGlyphComponent","glyphName","Glyph","GlyphComponent","_generateAccessiblePr","className","_ref$size","fill","title","ariaLabelledby","ariaLabel","_ref$role","role","fillStyle","css","renderedSize","console","warn","_extends","cx","_defineProperty","height","width","_ref2","name","concat","replace","alt","generateAccessibleProps","string","ActivityFeed","AddFile","Apps","Array","ArrowDown","ArrowLeft","ArrowRight","ArrowUp","Beaker","Bell","Building","Bulb","Calendar","CaretDown","CaretLeft","CaretRight","CaretUp","Charts","Checkmark","CheckmarkWithCircle","ChevronDown","ChevronLeft","ChevronRight","ChevronUp","Clock","ClockWithArrow","Clone","Cloud","Code","Connect","Copy","CreditCard","CurlyBraces","Cursor","Database","Diagram","Diagram2","Diagram3","Disconnect","Download","Edit","Ellipsis","Export","Favorite","File","Filter","FullScreenEnter","FullScreenExit","Folder","GlobeAmericas","GovernmentBuilding","Home","ImportantWithCircle","InfoWithCircle","InviteUser","Key","Laptop","Link","Lock","MagnifyingGlass","Megaphone","Menu","Minus","NotAllowed","Note","OpenNewTab","Pause","Person","PersonGroup","PersonWithLock","Play","Plus","PlusWithCircle","QuestionMarkWithCircle","Redo","Refresh","Relationship","ReplicaSet","Save","Serverless","ShardedCluster","Settings","Shell","SortAscending","SortDescending","SplitHorizontal","SplitVertical","Stitch","Support","Sweep","Table","TimeSeries","Trash","Undo","University","Unlock","Unsorted","UpDownCarets","Upload","VerticalEllipsis","Visibility","VisibilityOff","Warning","X","XWithCircle","isComponentGlyph","child","isValidElement","_typeof","type","reduce","acc"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Relationship.d.ts","sourceRoot":"","sources":["../../src/generated/Relationship.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Relationship.d.ts","sourceRoot":"","sources":["../../src/generated/Relationship.tsx"],"names":[],"mappings":"AAOA,OAAO,SAAS,MAAM,YAAY,CAAC;AAGnC,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AACnC,MAAM,WAAW,iBAAkB,SAAQ,OAAO,CAAC,cAAc;CAAG;AAEpE,QAAA,MAAM,YAAY;uHASf,iBAAiB;;;;;;;;CAkCnB,CAAC;AASF,eAAe,YAAY,CAAC"}
|
package/dist/glyphs/index.d.ts
CHANGED
|
@@ -1,3 +1,427 @@
|
|
|
1
1
|
import { LGGlyph } from '../types';
|
|
2
|
-
export declare const glyphs:
|
|
2
|
+
export declare const glyphs: {
|
|
3
|
+
readonly ActivityFeed: import("react").ComponentType<import("react").SVGProps<SVGSVGElement> & {
|
|
4
|
+
title?: string | null | undefined;
|
|
5
|
+
role?: "presentation" | "img" | undefined;
|
|
6
|
+
}>;
|
|
7
|
+
readonly AddFile: import("react").ComponentType<import("react").SVGProps<SVGSVGElement> & {
|
|
8
|
+
title?: string | null | undefined;
|
|
9
|
+
role?: "presentation" | "img" | undefined;
|
|
10
|
+
}>;
|
|
11
|
+
readonly Apps: import("react").ComponentType<import("react").SVGProps<SVGSVGElement> & {
|
|
12
|
+
title?: string | null | undefined;
|
|
13
|
+
role?: "presentation" | "img" | undefined;
|
|
14
|
+
}>;
|
|
15
|
+
readonly Array: import("react").ComponentType<import("react").SVGProps<SVGSVGElement> & {
|
|
16
|
+
title?: string | null | undefined;
|
|
17
|
+
role?: "presentation" | "img" | undefined;
|
|
18
|
+
}>;
|
|
19
|
+
readonly ArrowDown: import("react").ComponentType<import("react").SVGProps<SVGSVGElement> & {
|
|
20
|
+
title?: string | null | undefined;
|
|
21
|
+
role?: "presentation" | "img" | undefined;
|
|
22
|
+
}>;
|
|
23
|
+
readonly ArrowLeft: import("react").ComponentType<import("react").SVGProps<SVGSVGElement> & {
|
|
24
|
+
title?: string | null | undefined;
|
|
25
|
+
role?: "presentation" | "img" | undefined;
|
|
26
|
+
}>;
|
|
27
|
+
readonly ArrowRight: import("react").ComponentType<import("react").SVGProps<SVGSVGElement> & {
|
|
28
|
+
title?: string | null | undefined;
|
|
29
|
+
role?: "presentation" | "img" | undefined;
|
|
30
|
+
}>;
|
|
31
|
+
readonly ArrowUp: import("react").ComponentType<import("react").SVGProps<SVGSVGElement> & {
|
|
32
|
+
title?: string | null | undefined;
|
|
33
|
+
role?: "presentation" | "img" | undefined;
|
|
34
|
+
}>;
|
|
35
|
+
readonly Beaker: import("react").ComponentType<import("react").SVGProps<SVGSVGElement> & {
|
|
36
|
+
title?: string | null | undefined;
|
|
37
|
+
role?: "presentation" | "img" | undefined;
|
|
38
|
+
}>;
|
|
39
|
+
readonly Bell: import("react").ComponentType<import("react").SVGProps<SVGSVGElement> & {
|
|
40
|
+
title?: string | null | undefined;
|
|
41
|
+
role?: "presentation" | "img" | undefined;
|
|
42
|
+
}>;
|
|
43
|
+
readonly Building: import("react").ComponentType<import("react").SVGProps<SVGSVGElement> & {
|
|
44
|
+
title?: string | null | undefined;
|
|
45
|
+
role?: "presentation" | "img" | undefined;
|
|
46
|
+
}>;
|
|
47
|
+
readonly Bulb: import("react").ComponentType<import("react").SVGProps<SVGSVGElement> & {
|
|
48
|
+
title?: string | null | undefined;
|
|
49
|
+
role?: "presentation" | "img" | undefined;
|
|
50
|
+
}>;
|
|
51
|
+
readonly Calendar: import("react").ComponentType<import("react").SVGProps<SVGSVGElement> & {
|
|
52
|
+
title?: string | null | undefined;
|
|
53
|
+
role?: "presentation" | "img" | undefined;
|
|
54
|
+
}>;
|
|
55
|
+
readonly CaretDown: import("react").ComponentType<import("react").SVGProps<SVGSVGElement> & {
|
|
56
|
+
title?: string | null | undefined;
|
|
57
|
+
role?: "presentation" | "img" | undefined;
|
|
58
|
+
}>;
|
|
59
|
+
readonly CaretLeft: import("react").ComponentType<import("react").SVGProps<SVGSVGElement> & {
|
|
60
|
+
title?: string | null | undefined;
|
|
61
|
+
role?: "presentation" | "img" | undefined;
|
|
62
|
+
}>;
|
|
63
|
+
readonly CaretRight: import("react").ComponentType<import("react").SVGProps<SVGSVGElement> & {
|
|
64
|
+
title?: string | null | undefined;
|
|
65
|
+
role?: "presentation" | "img" | undefined;
|
|
66
|
+
}>;
|
|
67
|
+
readonly CaretUp: import("react").ComponentType<import("react").SVGProps<SVGSVGElement> & {
|
|
68
|
+
title?: string | null | undefined;
|
|
69
|
+
role?: "presentation" | "img" | undefined;
|
|
70
|
+
}>;
|
|
71
|
+
readonly Charts: import("react").ComponentType<import("react").SVGProps<SVGSVGElement> & {
|
|
72
|
+
title?: string | null | undefined;
|
|
73
|
+
role?: "presentation" | "img" | undefined;
|
|
74
|
+
}>;
|
|
75
|
+
readonly Checkmark: import("react").ComponentType<import("react").SVGProps<SVGSVGElement> & {
|
|
76
|
+
title?: string | null | undefined;
|
|
77
|
+
role?: "presentation" | "img" | undefined;
|
|
78
|
+
}>;
|
|
79
|
+
readonly CheckmarkWithCircle: import("react").ComponentType<import("react").SVGProps<SVGSVGElement> & {
|
|
80
|
+
title?: string | null | undefined;
|
|
81
|
+
role?: "presentation" | "img" | undefined;
|
|
82
|
+
}>;
|
|
83
|
+
readonly ChevronDown: import("react").ComponentType<import("react").SVGProps<SVGSVGElement> & {
|
|
84
|
+
title?: string | null | undefined;
|
|
85
|
+
role?: "presentation" | "img" | undefined;
|
|
86
|
+
}>;
|
|
87
|
+
readonly ChevronLeft: import("react").ComponentType<import("react").SVGProps<SVGSVGElement> & {
|
|
88
|
+
title?: string | null | undefined;
|
|
89
|
+
role?: "presentation" | "img" | undefined;
|
|
90
|
+
}>;
|
|
91
|
+
readonly ChevronRight: import("react").ComponentType<import("react").SVGProps<SVGSVGElement> & {
|
|
92
|
+
title?: string | null | undefined;
|
|
93
|
+
role?: "presentation" | "img" | undefined;
|
|
94
|
+
}>;
|
|
95
|
+
readonly ChevronUp: import("react").ComponentType<import("react").SVGProps<SVGSVGElement> & {
|
|
96
|
+
title?: string | null | undefined;
|
|
97
|
+
role?: "presentation" | "img" | undefined;
|
|
98
|
+
}>;
|
|
99
|
+
readonly Clock: import("react").ComponentType<import("react").SVGProps<SVGSVGElement> & {
|
|
100
|
+
title?: string | null | undefined;
|
|
101
|
+
role?: "presentation" | "img" | undefined;
|
|
102
|
+
}>;
|
|
103
|
+
readonly ClockWithArrow: import("react").ComponentType<import("react").SVGProps<SVGSVGElement> & {
|
|
104
|
+
title?: string | null | undefined;
|
|
105
|
+
role?: "presentation" | "img" | undefined;
|
|
106
|
+
}>;
|
|
107
|
+
readonly Clone: import("react").ComponentType<import("react").SVGProps<SVGSVGElement> & {
|
|
108
|
+
title?: string | null | undefined;
|
|
109
|
+
role?: "presentation" | "img" | undefined;
|
|
110
|
+
}>;
|
|
111
|
+
readonly Cloud: import("react").ComponentType<import("react").SVGProps<SVGSVGElement> & {
|
|
112
|
+
title?: string | null | undefined;
|
|
113
|
+
role?: "presentation" | "img" | undefined;
|
|
114
|
+
}>;
|
|
115
|
+
readonly Code: import("react").ComponentType<import("react").SVGProps<SVGSVGElement> & {
|
|
116
|
+
title?: string | null | undefined;
|
|
117
|
+
role?: "presentation" | "img" | undefined;
|
|
118
|
+
}>;
|
|
119
|
+
readonly Connect: import("react").ComponentType<import("react").SVGProps<SVGSVGElement> & {
|
|
120
|
+
title?: string | null | undefined;
|
|
121
|
+
role?: "presentation" | "img" | undefined;
|
|
122
|
+
}>;
|
|
123
|
+
readonly Copy: import("react").ComponentType<import("react").SVGProps<SVGSVGElement> & {
|
|
124
|
+
title?: string | null | undefined;
|
|
125
|
+
role?: "presentation" | "img" | undefined;
|
|
126
|
+
}>;
|
|
127
|
+
readonly CreditCard: import("react").ComponentType<import("react").SVGProps<SVGSVGElement> & {
|
|
128
|
+
title?: string | null | undefined;
|
|
129
|
+
role?: "presentation" | "img" | undefined;
|
|
130
|
+
}>;
|
|
131
|
+
readonly CurlyBraces: import("react").ComponentType<import("react").SVGProps<SVGSVGElement> & {
|
|
132
|
+
title?: string | null | undefined;
|
|
133
|
+
role?: "presentation" | "img" | undefined;
|
|
134
|
+
}>;
|
|
135
|
+
readonly Cursor: import("react").ComponentType<import("react").SVGProps<SVGSVGElement> & {
|
|
136
|
+
title?: string | null | undefined;
|
|
137
|
+
role?: "presentation" | "img" | undefined;
|
|
138
|
+
}>;
|
|
139
|
+
readonly Database: import("react").ComponentType<import("react").SVGProps<SVGSVGElement> & {
|
|
140
|
+
title?: string | null | undefined;
|
|
141
|
+
role?: "presentation" | "img" | undefined;
|
|
142
|
+
}>;
|
|
143
|
+
readonly Diagram: import("react").ComponentType<import("react").SVGProps<SVGSVGElement> & {
|
|
144
|
+
title?: string | null | undefined;
|
|
145
|
+
role?: "presentation" | "img" | undefined;
|
|
146
|
+
}>;
|
|
147
|
+
readonly Diagram2: import("react").ComponentType<import("react").SVGProps<SVGSVGElement> & {
|
|
148
|
+
title?: string | null | undefined;
|
|
149
|
+
role?: "presentation" | "img" | undefined;
|
|
150
|
+
}>;
|
|
151
|
+
readonly Diagram3: import("react").ComponentType<import("react").SVGProps<SVGSVGElement> & {
|
|
152
|
+
title?: string | null | undefined;
|
|
153
|
+
role?: "presentation" | "img" | undefined;
|
|
154
|
+
}>;
|
|
155
|
+
readonly Disconnect: import("react").ComponentType<import("react").SVGProps<SVGSVGElement> & {
|
|
156
|
+
title?: string | null | undefined;
|
|
157
|
+
role?: "presentation" | "img" | undefined;
|
|
158
|
+
}>;
|
|
159
|
+
readonly Download: import("react").ComponentType<import("react").SVGProps<SVGSVGElement> & {
|
|
160
|
+
title?: string | null | undefined;
|
|
161
|
+
role?: "presentation" | "img" | undefined;
|
|
162
|
+
}>;
|
|
163
|
+
readonly Edit: import("react").ComponentType<import("react").SVGProps<SVGSVGElement> & {
|
|
164
|
+
title?: string | null | undefined;
|
|
165
|
+
role?: "presentation" | "img" | undefined;
|
|
166
|
+
}>;
|
|
167
|
+
readonly Ellipsis: import("react").ComponentType<import("react").SVGProps<SVGSVGElement> & {
|
|
168
|
+
title?: string | null | undefined;
|
|
169
|
+
role?: "presentation" | "img" | undefined;
|
|
170
|
+
}>;
|
|
171
|
+
readonly Export: import("react").ComponentType<import("react").SVGProps<SVGSVGElement> & {
|
|
172
|
+
title?: string | null | undefined;
|
|
173
|
+
role?: "presentation" | "img" | undefined;
|
|
174
|
+
}>;
|
|
175
|
+
readonly Favorite: import("react").ComponentType<import("react").SVGProps<SVGSVGElement> & {
|
|
176
|
+
title?: string | null | undefined;
|
|
177
|
+
role?: "presentation" | "img" | undefined;
|
|
178
|
+
}>;
|
|
179
|
+
readonly File: import("react").ComponentType<import("react").SVGProps<SVGSVGElement> & {
|
|
180
|
+
title?: string | null | undefined;
|
|
181
|
+
role?: "presentation" | "img" | undefined;
|
|
182
|
+
}>;
|
|
183
|
+
readonly Filter: import("react").ComponentType<import("react").SVGProps<SVGSVGElement> & {
|
|
184
|
+
title?: string | null | undefined;
|
|
185
|
+
role?: "presentation" | "img" | undefined;
|
|
186
|
+
}>;
|
|
187
|
+
readonly FullScreenEnter: import("react").ComponentType<import("react").SVGProps<SVGSVGElement> & {
|
|
188
|
+
title?: string | null | undefined;
|
|
189
|
+
role?: "presentation" | "img" | undefined;
|
|
190
|
+
}>;
|
|
191
|
+
readonly FullScreenExit: import("react").ComponentType<import("react").SVGProps<SVGSVGElement> & {
|
|
192
|
+
title?: string | null | undefined;
|
|
193
|
+
role?: "presentation" | "img" | undefined;
|
|
194
|
+
}>;
|
|
195
|
+
readonly Folder: import("react").ComponentType<import("react").SVGProps<SVGSVGElement> & {
|
|
196
|
+
title?: string | null | undefined;
|
|
197
|
+
role?: "presentation" | "img" | undefined;
|
|
198
|
+
}>;
|
|
199
|
+
readonly GlobeAmericas: import("react").ComponentType<import("react").SVGProps<SVGSVGElement> & {
|
|
200
|
+
title?: string | null | undefined;
|
|
201
|
+
role?: "presentation" | "img" | undefined;
|
|
202
|
+
}>;
|
|
203
|
+
readonly GovernmentBuilding: import("react").ComponentType<import("react").SVGProps<SVGSVGElement> & {
|
|
204
|
+
title?: string | null | undefined;
|
|
205
|
+
role?: "presentation" | "img" | undefined;
|
|
206
|
+
}>;
|
|
207
|
+
readonly Home: import("react").ComponentType<import("react").SVGProps<SVGSVGElement> & {
|
|
208
|
+
title?: string | null | undefined;
|
|
209
|
+
role?: "presentation" | "img" | undefined;
|
|
210
|
+
}>;
|
|
211
|
+
readonly ImportantWithCircle: import("react").ComponentType<import("react").SVGProps<SVGSVGElement> & {
|
|
212
|
+
title?: string | null | undefined;
|
|
213
|
+
role?: "presentation" | "img" | undefined;
|
|
214
|
+
}>;
|
|
215
|
+
readonly InfoWithCircle: import("react").ComponentType<import("react").SVGProps<SVGSVGElement> & {
|
|
216
|
+
title?: string | null | undefined;
|
|
217
|
+
role?: "presentation" | "img" | undefined;
|
|
218
|
+
}>;
|
|
219
|
+
readonly InviteUser: import("react").ComponentType<import("react").SVGProps<SVGSVGElement> & {
|
|
220
|
+
title?: string | null | undefined;
|
|
221
|
+
role?: "presentation" | "img" | undefined;
|
|
222
|
+
}>;
|
|
223
|
+
readonly Key: import("react").ComponentType<import("react").SVGProps<SVGSVGElement> & {
|
|
224
|
+
title?: string | null | undefined;
|
|
225
|
+
role?: "presentation" | "img" | undefined;
|
|
226
|
+
}>;
|
|
227
|
+
readonly Laptop: import("react").ComponentType<import("react").SVGProps<SVGSVGElement> & {
|
|
228
|
+
title?: string | null | undefined;
|
|
229
|
+
role?: "presentation" | "img" | undefined;
|
|
230
|
+
}>;
|
|
231
|
+
readonly Link: import("react").ComponentType<import("react").SVGProps<SVGSVGElement> & {
|
|
232
|
+
title?: string | null | undefined;
|
|
233
|
+
role?: "presentation" | "img" | undefined;
|
|
234
|
+
}>;
|
|
235
|
+
readonly Lock: import("react").ComponentType<import("react").SVGProps<SVGSVGElement> & {
|
|
236
|
+
title?: string | null | undefined;
|
|
237
|
+
role?: "presentation" | "img" | undefined;
|
|
238
|
+
}>;
|
|
239
|
+
readonly MagnifyingGlass: import("react").ComponentType<import("react").SVGProps<SVGSVGElement> & {
|
|
240
|
+
title?: string | null | undefined;
|
|
241
|
+
role?: "presentation" | "img" | undefined;
|
|
242
|
+
}>;
|
|
243
|
+
readonly Megaphone: import("react").ComponentType<import("react").SVGProps<SVGSVGElement> & {
|
|
244
|
+
title?: string | null | undefined;
|
|
245
|
+
role?: "presentation" | "img" | undefined;
|
|
246
|
+
}>;
|
|
247
|
+
readonly Menu: import("react").ComponentType<import("react").SVGProps<SVGSVGElement> & {
|
|
248
|
+
title?: string | null | undefined;
|
|
249
|
+
role?: "presentation" | "img" | undefined;
|
|
250
|
+
}>;
|
|
251
|
+
readonly Minus: import("react").ComponentType<import("react").SVGProps<SVGSVGElement> & {
|
|
252
|
+
title?: string | null | undefined;
|
|
253
|
+
role?: "presentation" | "img" | undefined;
|
|
254
|
+
}>;
|
|
255
|
+
readonly NotAllowed: import("react").ComponentType<import("react").SVGProps<SVGSVGElement> & {
|
|
256
|
+
title?: string | null | undefined;
|
|
257
|
+
role?: "presentation" | "img" | undefined;
|
|
258
|
+
}>;
|
|
259
|
+
readonly Note: import("react").ComponentType<import("react").SVGProps<SVGSVGElement> & {
|
|
260
|
+
title?: string | null | undefined;
|
|
261
|
+
role?: "presentation" | "img" | undefined;
|
|
262
|
+
}>;
|
|
263
|
+
readonly OpenNewTab: import("react").ComponentType<import("react").SVGProps<SVGSVGElement> & {
|
|
264
|
+
title?: string | null | undefined;
|
|
265
|
+
role?: "presentation" | "img" | undefined;
|
|
266
|
+
}>;
|
|
267
|
+
readonly Pause: import("react").ComponentType<import("react").SVGProps<SVGSVGElement> & {
|
|
268
|
+
title?: string | null | undefined;
|
|
269
|
+
role?: "presentation" | "img" | undefined;
|
|
270
|
+
}>;
|
|
271
|
+
readonly Person: import("react").ComponentType<import("react").SVGProps<SVGSVGElement> & {
|
|
272
|
+
title?: string | null | undefined;
|
|
273
|
+
role?: "presentation" | "img" | undefined;
|
|
274
|
+
}>;
|
|
275
|
+
readonly PersonGroup: import("react").ComponentType<import("react").SVGProps<SVGSVGElement> & {
|
|
276
|
+
title?: string | null | undefined;
|
|
277
|
+
role?: "presentation" | "img" | undefined;
|
|
278
|
+
}>;
|
|
279
|
+
readonly PersonWithLock: import("react").ComponentType<import("react").SVGProps<SVGSVGElement> & {
|
|
280
|
+
title?: string | null | undefined;
|
|
281
|
+
role?: "presentation" | "img" | undefined;
|
|
282
|
+
}>;
|
|
283
|
+
readonly Play: import("react").ComponentType<import("react").SVGProps<SVGSVGElement> & {
|
|
284
|
+
title?: string | null | undefined;
|
|
285
|
+
role?: "presentation" | "img" | undefined;
|
|
286
|
+
}>;
|
|
287
|
+
readonly Plus: import("react").ComponentType<import("react").SVGProps<SVGSVGElement> & {
|
|
288
|
+
title?: string | null | undefined;
|
|
289
|
+
role?: "presentation" | "img" | undefined;
|
|
290
|
+
}>;
|
|
291
|
+
readonly PlusWithCircle: import("react").ComponentType<import("react").SVGProps<SVGSVGElement> & {
|
|
292
|
+
title?: string | null | undefined;
|
|
293
|
+
role?: "presentation" | "img" | undefined;
|
|
294
|
+
}>;
|
|
295
|
+
readonly QuestionMarkWithCircle: import("react").ComponentType<import("react").SVGProps<SVGSVGElement> & {
|
|
296
|
+
title?: string | null | undefined;
|
|
297
|
+
role?: "presentation" | "img" | undefined;
|
|
298
|
+
}>;
|
|
299
|
+
readonly Redo: import("react").ComponentType<import("react").SVGProps<SVGSVGElement> & {
|
|
300
|
+
title?: string | null | undefined;
|
|
301
|
+
role?: "presentation" | "img" | undefined;
|
|
302
|
+
}>;
|
|
303
|
+
readonly Refresh: import("react").ComponentType<import("react").SVGProps<SVGSVGElement> & {
|
|
304
|
+
title?: string | null | undefined;
|
|
305
|
+
role?: "presentation" | "img" | undefined;
|
|
306
|
+
}>;
|
|
307
|
+
readonly Relationship: import("react").ComponentType<import("react").SVGProps<SVGSVGElement> & {
|
|
308
|
+
title?: string | null | undefined;
|
|
309
|
+
role?: "presentation" | "img" | undefined;
|
|
310
|
+
}>;
|
|
311
|
+
readonly ReplicaSet: import("react").ComponentType<import("react").SVGProps<SVGSVGElement> & {
|
|
312
|
+
title?: string | null | undefined;
|
|
313
|
+
role?: "presentation" | "img" | undefined;
|
|
314
|
+
}>;
|
|
315
|
+
readonly Save: import("react").ComponentType<import("react").SVGProps<SVGSVGElement> & {
|
|
316
|
+
title?: string | null | undefined;
|
|
317
|
+
role?: "presentation" | "img" | undefined;
|
|
318
|
+
}>;
|
|
319
|
+
readonly Serverless: import("react").ComponentType<import("react").SVGProps<SVGSVGElement> & {
|
|
320
|
+
title?: string | null | undefined;
|
|
321
|
+
role?: "presentation" | "img" | undefined;
|
|
322
|
+
}>;
|
|
323
|
+
readonly ShardedCluster: import("react").ComponentType<import("react").SVGProps<SVGSVGElement> & {
|
|
324
|
+
title?: string | null | undefined;
|
|
325
|
+
role?: "presentation" | "img" | undefined;
|
|
326
|
+
}>;
|
|
327
|
+
readonly Settings: import("react").ComponentType<import("react").SVGProps<SVGSVGElement> & {
|
|
328
|
+
title?: string | null | undefined;
|
|
329
|
+
role?: "presentation" | "img" | undefined;
|
|
330
|
+
}>;
|
|
331
|
+
readonly Shell: import("react").ComponentType<import("react").SVGProps<SVGSVGElement> & {
|
|
332
|
+
title?: string | null | undefined;
|
|
333
|
+
role?: "presentation" | "img" | undefined;
|
|
334
|
+
}>;
|
|
335
|
+
readonly SortAscending: import("react").ComponentType<import("react").SVGProps<SVGSVGElement> & {
|
|
336
|
+
title?: string | null | undefined;
|
|
337
|
+
role?: "presentation" | "img" | undefined;
|
|
338
|
+
}>;
|
|
339
|
+
readonly SortDescending: import("react").ComponentType<import("react").SVGProps<SVGSVGElement> & {
|
|
340
|
+
title?: string | null | undefined;
|
|
341
|
+
role?: "presentation" | "img" | undefined;
|
|
342
|
+
}>;
|
|
343
|
+
readonly SplitHorizontal: import("react").ComponentType<import("react").SVGProps<SVGSVGElement> & {
|
|
344
|
+
title?: string | null | undefined;
|
|
345
|
+
role?: "presentation" | "img" | undefined;
|
|
346
|
+
}>;
|
|
347
|
+
readonly SplitVertical: import("react").ComponentType<import("react").SVGProps<SVGSVGElement> & {
|
|
348
|
+
title?: string | null | undefined;
|
|
349
|
+
role?: "presentation" | "img" | undefined;
|
|
350
|
+
}>;
|
|
351
|
+
readonly Stitch: import("react").ComponentType<import("react").SVGProps<SVGSVGElement> & {
|
|
352
|
+
title?: string | null | undefined;
|
|
353
|
+
role?: "presentation" | "img" | undefined;
|
|
354
|
+
}>;
|
|
355
|
+
readonly Support: import("react").ComponentType<import("react").SVGProps<SVGSVGElement> & {
|
|
356
|
+
title?: string | null | undefined;
|
|
357
|
+
role?: "presentation" | "img" | undefined;
|
|
358
|
+
}>;
|
|
359
|
+
readonly Sweep: import("react").ComponentType<import("react").SVGProps<SVGSVGElement> & {
|
|
360
|
+
title?: string | null | undefined;
|
|
361
|
+
role?: "presentation" | "img" | undefined;
|
|
362
|
+
}>;
|
|
363
|
+
readonly Table: import("react").ComponentType<import("react").SVGProps<SVGSVGElement> & {
|
|
364
|
+
title?: string | null | undefined;
|
|
365
|
+
role?: "presentation" | "img" | undefined;
|
|
366
|
+
}>;
|
|
367
|
+
readonly TimeSeries: import("react").ComponentType<import("react").SVGProps<SVGSVGElement> & {
|
|
368
|
+
title?: string | null | undefined;
|
|
369
|
+
role?: "presentation" | "img" | undefined;
|
|
370
|
+
}>;
|
|
371
|
+
readonly Trash: import("react").ComponentType<import("react").SVGProps<SVGSVGElement> & {
|
|
372
|
+
title?: string | null | undefined;
|
|
373
|
+
role?: "presentation" | "img" | undefined;
|
|
374
|
+
}>;
|
|
375
|
+
readonly Undo: import("react").ComponentType<import("react").SVGProps<SVGSVGElement> & {
|
|
376
|
+
title?: string | null | undefined;
|
|
377
|
+
role?: "presentation" | "img" | undefined;
|
|
378
|
+
}>;
|
|
379
|
+
readonly University: import("react").ComponentType<import("react").SVGProps<SVGSVGElement> & {
|
|
380
|
+
title?: string | null | undefined;
|
|
381
|
+
role?: "presentation" | "img" | undefined;
|
|
382
|
+
}>;
|
|
383
|
+
readonly Unlock: import("react").ComponentType<import("react").SVGProps<SVGSVGElement> & {
|
|
384
|
+
title?: string | null | undefined;
|
|
385
|
+
role?: "presentation" | "img" | undefined;
|
|
386
|
+
}>;
|
|
387
|
+
readonly Unsorted: import("react").ComponentType<import("react").SVGProps<SVGSVGElement> & {
|
|
388
|
+
title?: string | null | undefined;
|
|
389
|
+
role?: "presentation" | "img" | undefined;
|
|
390
|
+
}>;
|
|
391
|
+
readonly UpDownCarets: import("react").ComponentType<import("react").SVGProps<SVGSVGElement> & {
|
|
392
|
+
title?: string | null | undefined;
|
|
393
|
+
role?: "presentation" | "img" | undefined;
|
|
394
|
+
}>;
|
|
395
|
+
readonly Upload: import("react").ComponentType<import("react").SVGProps<SVGSVGElement> & {
|
|
396
|
+
title?: string | null | undefined;
|
|
397
|
+
role?: "presentation" | "img" | undefined;
|
|
398
|
+
}>;
|
|
399
|
+
readonly VerticalEllipsis: import("react").ComponentType<import("react").SVGProps<SVGSVGElement> & {
|
|
400
|
+
title?: string | null | undefined;
|
|
401
|
+
role?: "presentation" | "img" | undefined;
|
|
402
|
+
}>;
|
|
403
|
+
readonly Visibility: import("react").ComponentType<import("react").SVGProps<SVGSVGElement> & {
|
|
404
|
+
title?: string | null | undefined;
|
|
405
|
+
role?: "presentation" | "img" | undefined;
|
|
406
|
+
}>;
|
|
407
|
+
readonly VisibilityOff: import("react").ComponentType<import("react").SVGProps<SVGSVGElement> & {
|
|
408
|
+
title?: string | null | undefined;
|
|
409
|
+
role?: "presentation" | "img" | undefined;
|
|
410
|
+
}>;
|
|
411
|
+
readonly Warning: import("react").ComponentType<import("react").SVGProps<SVGSVGElement> & {
|
|
412
|
+
title?: string | null | undefined;
|
|
413
|
+
role?: "presentation" | "img" | undefined;
|
|
414
|
+
}>;
|
|
415
|
+
readonly X: import("react").ComponentType<import("react").SVGProps<SVGSVGElement> & {
|
|
416
|
+
title?: string | null | undefined;
|
|
417
|
+
role?: "presentation" | "img" | undefined;
|
|
418
|
+
}>;
|
|
419
|
+
readonly XWithCircle: import("react").ComponentType<import("react").SVGProps<SVGSVGElement> & {
|
|
420
|
+
title?: string | null | undefined;
|
|
421
|
+
role?: "presentation" | "img" | undefined;
|
|
422
|
+
}>;
|
|
423
|
+
};
|
|
424
|
+
export declare type GlyphName = keyof typeof glyphs;
|
|
425
|
+
declare const processedGlyphs: Record<"ActivityFeed" | "AddFile" | "Apps" | "Array" | "ArrowDown" | "ArrowLeft" | "ArrowRight" | "ArrowUp" | "Beaker" | "Bell" | "Building" | "Bulb" | "Calendar" | "CaretDown" | "CaretLeft" | "CaretRight" | "CaretUp" | "Charts" | "Checkmark" | "CheckmarkWithCircle" | "ChevronDown" | "ChevronLeft" | "ChevronRight" | "ChevronUp" | "Clock" | "ClockWithArrow" | "Clone" | "Cloud" | "Code" | "Connect" | "Copy" | "CreditCard" | "CurlyBraces" | "Cursor" | "Database" | "Diagram" | "Diagram2" | "Diagram3" | "Disconnect" | "Download" | "Edit" | "Ellipsis" | "Export" | "Favorite" | "File" | "Filter" | "FullScreenEnter" | "FullScreenExit" | "Folder" | "GlobeAmericas" | "GovernmentBuilding" | "Home" | "ImportantWithCircle" | "InfoWithCircle" | "InviteUser" | "Key" | "Laptop" | "Link" | "Lock" | "MagnifyingGlass" | "Megaphone" | "Menu" | "Minus" | "NotAllowed" | "Note" | "OpenNewTab" | "Pause" | "Person" | "PersonGroup" | "PersonWithLock" | "Play" | "Plus" | "PlusWithCircle" | "QuestionMarkWithCircle" | "Redo" | "Refresh" | "Relationship" | "ReplicaSet" | "Save" | "Serverless" | "ShardedCluster" | "Settings" | "Shell" | "SortAscending" | "SortDescending" | "SplitHorizontal" | "SplitVertical" | "Stitch" | "Support" | "Sweep" | "Table" | "TimeSeries" | "Trash" | "Undo" | "University" | "Unlock" | "Unsorted" | "UpDownCarets" | "Upload" | "VerticalEllipsis" | "Visibility" | "VisibilityOff" | "Warning" | "X" | "XWithCircle", LGGlyph.Component>;
|
|
426
|
+
export default processedGlyphs;
|
|
3
427
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/glyphs/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/glyphs/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AA6GnC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0GT,CAAC;AAEX,oBAAY,SAAS,GAAG,MAAM,OAAO,MAAM,CAAC;AAI5C,QAAA,MAAM,eAAe,06CAIyB,CAAC;AAE/C,eAAe,eAAe,CAAC"}
|
package/dist/index.d.ts
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
export { LGGlyph } from './types';
|
|
2
2
|
export { Size } from './glyphCommon';
|
|
3
|
-
export { createIconComponent } from './createIconComponent';
|
|
4
|
-
export { createGlyphComponent } from './createGlyphComponent';
|
|
3
|
+
export { default as createIconComponent } from './createIconComponent';
|
|
4
|
+
export { default as createGlyphComponent } from './createGlyphComponent';
|
|
5
5
|
export { glyphs } from './glyphs';
|
|
6
6
|
export { isComponentGlyph } from './isComponentGlyph';
|
|
7
|
-
export {
|
|
7
|
+
export { default } from './Icon';
|
|
8
8
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAClC,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACrC,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAClC,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACrC,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACzE,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC"}
|