- 43c895142: Adds
'EmptyFolder'
and'EmptyDatabase'
glyphs
- 2f05b61ab: Exports
sizeMap
- eb80fd3cb: Adds Pending to glyph set
- 342ab81b0: Updates Federation icon
- 838a95b73: Slight tweaks for .design story
- df0d6faee: Adds args to Icon meta for .design
- 95093066c: Rename
AllIcons
toLiveExample
for .design
- 961be3f9: Adds Stop to glyph set and updates Pause glyph
- ae44834e: Exports type
GlyphName
, a union of all default LeafyGreen icon names
- 684c87f1: Adds
Moon
andSun
glyphs.
- eeea253c: Adds
Format
Eraser
glyphs, and updatesLogIn
glyph.
- 9402ba0e: Adds
'Escalation'
to glyph set
- 15185af0: Imports Storybook utilities from
@lg-tools/storybook-utils
(previously imported from@leafygreen-ui/lib
) - 356a53fd: Update TS builds to use
[email protected]
- Updated dependencies [356a53fd]
- @leafygreen-ui/[email protected]
- 74057388: Renames
'Collections'
glyph to'Project'
- e487fb24: Renames story files from
.story.tsx
to.stories.tsx
- 8142d306: Adds 'Collections', 'InternalEmployee', 'Primary', 'Recommended', 'SearchIndex', and 'Secondary' glyphs to set. Also updates 'Dashboard' glyph.
- e6c70b73: Adds
'HorizontalDrag'
glyph to Icon set
- 9b7a8236: Updates
'Database'
glyph
- 75b8d963: Adds
'Hash'
to glyph set and updates the'Home'
glyph
- 66cfdbca: Adds
'Cap'
icon to glyph set - 873448bb: Adds
'Camera'
to glyph set
- ad243893: Updating dimensions of Calendar icon to correctly center itself horizontally
- ed0437ce: Updates
'Key'
icon to match design specs
- c41752d2: Adds
LightningBolt
icon to glyph set. - 89332190: Adds
Boolean
andString
icons to glyph set
- 1c7c9608: Add
Colon
andTimeSeriesCollection
icons.
- 56459cde: Adds
Mobile
icon and updatesNavCollapse
andNavExpand
icons.
- c9f0055a: Moves some
dependencies
to devDependencies (@svgr/core
,@types/meow
,@types/xml2json
,meow
)
- 4fcf2e94: Updates internal function,
isComponentGlyph
- c11bbc29: Fixes problem with ts-docs not being available in bundle.
- Updated dependencies [c11bbc29]
- @leafygreen-ui/[email protected]
- f73807cf: Adds
Pin
icon and updatesWarning
icon to match Figma specs
- 31c09354: Fixing issue where dark mode would not change ThumbsUp and ThumbsDown icon fills
- c15ee2ac: Fixes missing documentation file
- Updated dependencies [c15ee2ac]
- @leafygreen-ui/[email protected]
- 1629efe6: Adds
AllProducts
,NavCollapse
, andNavExpand
glyphs to icon
- 215268ff: Updates build tooling. No functional changes
- Updated dependencies [215268ff]
- @leafygreen-ui/[email protected]
- 348e56cb: Add Sparkle and Return icons
- 5c3b9a85: Adds 'list' glyph to Icon set
- 5dcea09d: Adds
CodeBlock
,MultiDirectionArrow
, andMultiLayers
icons.
- bf5672bb: Adds 'Federation' icon to glyph set
- 95f5107a: Add ThumbsUp and ThumbsDown icons
- 76161cf0: Updates stories for Chromatic testing
- d2ce54e2f: Updates story files for Storybook 7.x
- dff6c306e: Adds support for
Dashboard
in the glyph set. This is an alias ofStitch
and will be the preferred reference name moving forward.
- 614f7617d: Adds tag icon to glyph set
- 614f7617d: Adds wizard icon to glyph set
- 83fc5b31b: Adds
ChartFilled
icon
- 8c0c2bdf9: Updates build script to include a transpiled copy of the story file in the bundle
- Updated dependencies [8c0c2bdf9]
- @leafygreen-ui/[email protected]
- dc8ceed9b: Adds
Highlight
,LogIn
,LogOut
, andWrench
icons.
- c2c5601f4: Adds missing dependencies. Removes unused dependencies
- cb083a826: Adds
Gauge
icon and updatesDrag
icon.
- 997121cc3: Improves error message when entering a glyph name that does not exist. Now, if you make a typo in the glyph name, you'll receive a more helpful console error, instead of a runtime TypeError
- 050f1f8a9: Adds
NoFilter
icon - b24b21462: Storybook: Updates story files to be on par with existing mongodb.design examples
- 95bd93ef9: Adds Drag, Read, Resize, and Write icons
- 3bb4b7506: Removing clipPath from Edit icon
- b7f7a4c95: Updates package dependencies & devDependencies, and ensures each package is appropriately listed. Ensures
tsconfig
has no circular dependencies
- 4b4c2d27d: Added Biometric icon
- 1a335d0b2: Explicitly include
data-testid
in allowed props for Glyph components
- 209f77ed: Adds Email, Import, and SMS icons
- 24683433: - Remove an implicit dependency on
@emotion/react
fixing an issue where LG packages would not build if@leafygreen/[email protected]
or greater was installed. - Updated dependencies [24683433]
- @leafygreen-ui/[email protected]
- 3690df49: Updates TypeScript annotations, type structures and export format of some components
- 3690df49: Exports
IconProps
- Updated dependencies [3690df49]
- @leafygreen-ui/[email protected]
- 7caa1c3e: Add 'Relationship' icon
- 8d7534e9: Adds
tsdoc.json
to published package files - Updated dependencies [8d7534e9]
- @leafygreen-ui/[email protected]
- 31f1cf8f: Updated
Folder
SVG
- 2670e4db: Adds
isGlyph
property to icons returned bycreateIconComponent
. This means the generic<Icon/>
component will now be compatible with Select and Combobox Options. Additionally, overloadsisComponentGlyph
function to accept either aReactNode
, orComponentType
.
- 500d6c60: Adds Cursor, Diagram2, Diagram3, Link, SplitHorizontal, SplitVertical, and Sweep icons to the Icon component.
-
acd6919: Exports
createGlyphComponent
from the package. This provides a way to ensure parity between built-in icons and custom icons. By processing an icon withcreateGlyphComponent
, consumers can ensure that props likesize
,fill
androle
behave as expected in both custom and default icons.e.g.
import { createGlyphComponent, Size } from '@leafygreen-ui/icon'; const myIconGlyph = createGlyphComponent('myIconName', props => ( <svg {...props} /> )); const MyIconComponent = createIconComponent({ myIconName: myIconGlyph, }); return ( <MyIconComponent glyph="myIconName" size={Size.Large} role="presentation" /> );
- Updated dependencies [acd6919]
- Updated dependencies [acd6919]
- @leafygreen-ui/[email protected]
- e8f1a97: Adds Clock, ClockWithArrow, Key, Note, Redo, ReplicaSet, Serverless, ShardedCluster, Undo icons to the Icon component.
- b3ea62a: Fixes a path clipping error in the Table icon
- d4a46e27: Adds Connect and Disconnect icons
- Updated dependencies [cec710ad]
- @leafygreen-ui/[email protected]
- 934515d7: Adds "Array", "Diagram", "Home", and "Table" glyphs to the Icon component.
- e4070f2b: Adds Play, Pause and Minus icons to icon set
- 03388ff2: Adds Clone icon
- Updated dependencies [b8f03aa1]
- @leafygreen-ui/[email protected]
- b408e8a7: Adds
'FullScreenEnter'
,'FullScreenExit'
,'Shell'
,'PersonGroup'
,'File'
,'GlobeAmericas'
, and'Code'
glyphs.
- Updated dependencies [047c1930]
- @leafygreen-ui/[email protected]
- 30f5fd75: Adds TimeSeries to glyph set
- faeb0ce0: Updates InviteUser, PersonWithLock, Person, University, Support, Beaker, Charts, GovernmentBuilding, Save, NotAllowed, Laptop, and CreditCard Icons.
- Updated dependencies [90321b36]
- @leafygreen-ui/[email protected]
- 2f0775ec: Introduces an "Apps" icon to the icon component.
- Updated dependencies [2f0775ec]
- @leafygreen-ui/[email protected]
- 077628e7: Adds missing icons from the batch 2 release, and fixes an issue with an icon update
-
ec27f36e: Adds new glyphs:
- CurlyBraces
- Database
- Unlock
Updates existing glyphs:
- ArrowDown
- ArrowLeft
- ArrowRight
- ArrowUp
- Bulb
- Checkmark
- CheckmarkWithCircle
- Cloud
- ImportantWithCircle
- Lock
- Unlock
- Menu
- OpenNewTab
- QuestionMarkWithCircle
- Refresh
- SortAscending
- SortDescending
- Unsorted
- XWithCircle
-
f805b772: Adds a number of brand-consistent glyphs, and updates some existing glyphs.
New:
- AddFile
- Calendar
- Favorite
- Filter
- Upload
- Visibility
- VisibilityOff
Updated:
- ActivityFeed
- Bell
- Building
- CaretDown
- CaretLeft
- CaretRight
- CaretUp
- ChevronDown
- ChevronLeft
- ChevronRight
- ChevronUp
- Copy
- Download
- Edit
- Ellipsis
- Folder
- InviteUser
- MagnifyingGlass
- Megaphone
- OpenNewTab
- Plus
- PlusWithCircle
- Settings
- Trash
- VerticalEllipsis
- Warning
- X
- bf8b83e1: Sets
alt
attribute to''
whenrole="presentation"
- ba56b1cc: Changes accessible properties on LeafyGreen glyphs. Previously we used the
title
tag to communicate a glyph's accessible name, but this was problematic as in certain instances we wanted to remove the title (which can appear in certain browsers like a tooltip when an glyph is hovered on) leaving mismatching aria-labels in the DOM. Now, we use thearia-label
property as the default mechanism by which to give a glyph an accessible name. This default value can be overwritten by supplying anaria-labelledby
,aria-label
ortitle
tag to the glyph. Additionally, previously we did not have support for overwriting the defaultrole="img"
, which forced every glyph to be accessible to screenreaders. Now, if you'd like to hide your glyph from screenreaders you are able to passrole="presentation"
.
- 2daf1808: Exports
isGlyph
function, which returns a boolean based on whether or not a ReactElement is a LeafyGreenUI Glyph component
- 7b71da8f: Fixes issue where icons could inadvertently be resized by flexbox default behavior.
- Updated dependencies [ee7923d3]
- @leafygreen-ui/[email protected]
- dac3f38b: Fixes a publishing error that prevented UMD modules from being distributed
- Updated dependencies [dac3f38b]
- @leafygreen-ui/[email protected]
- 0267bfd2: The underlying structure of distributed module definition files have changed and now have official support for ES modules. Module definition files are now generated using Rollup instead of Webpack. This should not affect functionality, but some thorough testing and caution should be exercised when upgrading.
- Updated dependencies [0267bfd2]
- @leafygreen-ui/[email protected]
- 65d5ed4d: Adds Download glyph to Icon library
- 001a277f: Server side rendering now produces fewer warnings
- 6883ccd0: Adds
flex-shrink: 0
property to Icon component
- e49d66b: Updated appearance of X icon
- 43d47db: Correctly sets fill rule for
Beaker
- b80379a: Updates fill rule for
Beaker
- 699a65c: Adds
Beaker
glyph
- 691eb05: Better support for UMD
- Updated dependencies [691eb05]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- 5ee2098: Remove invalid title attribute from SVG
- Updated dependencies [6aadc0b]
- @leafygreen-ui/[email protected]
- d2136a0: Adds
GovernmentBuilding
icon to library
- Updated dependencies [2eba736]
- Updated dependencies [1aa26ee]
- Updated dependencies [a571361]
- @leafygreen-ui/[email protected]
- 4873650: Adds
OpenNewTab
glyph to library
- 27f8ea1: Removes duplicate
id
tag in copy glyph - Updated dependencies [083eec3]
- @leafygreen-ui/[email protected]
- eba8391: Props are now spread on Glyph components
- 1d86d56: Adds static property
isGlyph
to Glyph components, and ensures that Glyph components can receive size values consistent with Icon sizes, rather than just a numeric value.
- e83e4ed: Fixes displayName property of generated glyphs
- 6fc022e: Transpiles icons imported individually from dist to use commonjs.
- 2fc4ef9: Adds "ImportantWithCircle" glyph to Icon library
- e857861: Adds "Unsorted", "UpDownCarets", "VerticalEllipsis", "SortAscending", and "SortDescending" glyphs to Icon
- cf6167e: Build and consume individual glyph components
- c812eb3: Updates the "ActivityFeed" icon to be consistent with other icons in the MongoNav
- 75c0693: Upgrades workspace dependencies
- 5aafd72: When an Icon is a child of IconButton, the Icon's title will be unset unless explicitly set on Icon, and its size will be inherited from IconButton unless its explicitly set.
- 5aafd72: Fixes an issue where some built type definition files had a triple-slash reference directive pointing to a package that might not exist in a consuming application.
- Updated dependencies [5aafd72]
- @leafygreen-ui/[email protected]
- 365412e: Adds emotion as a dependency rather than devDep to package.json
- 4c268a5: Refactors how glyph components are generated, and allows titles to be unset by passing
false
into the title prop.
- e1568c6: Updates the visual weight of the "InviteUser" glyph.
- a2948f6: Adds "University" glyph
- 71327dd: Adds "ActivityFeed", "ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight", "Folder", "InviteUser", and "Megaphone" icons
- 0a75bd6: Changes values of
large
andxlarge
icons to be20
and24
respectively. If using<Icon size="large" />
previously, update to<Icon size="xlarge" />
- Updated dependencies [fabc1c9]
- @leafygreen-ui/[email protected]
- 8fd107a: Fixes an issue where local module definition for SVG files was overriding the module definition in consuming applications
- Updated dependencies [11b2217]
- @leafygreen-ui/[email protected]
- 464c09d: Introduces SSR compatibility though a change to our build process and files
- Updated dependencies [464c09d]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- cdcf687: Adds support for
title
prop
- eb49b56:
- Uses
currentColor
to set fill. If the fill prop is not set, the fill of an icon will now be inherited from its decendent's color. - Icon now includes a
small
size variant that renders the glyph as a 14x14px SVG element.
- Uses