- 94b4e7fa1: Exports
linkStyles
andlinkModeStyles
.
- Updated dependencies [2f05b61ab]
- Updated dependencies [eb80fd3cb]
- @leafygreen-ui/[email protected]
- db2d1d12c: Updates the background color of InlineCode component in dark mode from transparent to
gray.dark4
- Updated dependencies [cfa830701]
- @leafygreen-ui/[email protected]
- 4fb369df7: Links only display focus state on
focus-visible
not defaultfocus
- 7a901b954: - Uses updated
useInferredPolymorphicProps
andhasAnchorProps
frompolymorphic
- Updated dependencies [7a901b954]
- Updated dependencies [7a901b954]
- Updated dependencies [342ab81b0]
- Updated dependencies [29d50edaa]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- 5d44c6b16: Updates
line-height
of H1 component from 62 to 64px to align better with our grid - Updated dependencies [df0d6faee]
- @leafygreen-ui/[email protected]
- 0864a420: Cleans up style definitions
- Updated dependencies [3364b542]
- Updated dependencies [0864a420]
- Updated dependencies [eeea253c]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
-
c406ab85: LG-2930
- Updates typography components to use tokens where possible
- Updated dependencies [c406ab85]
- @leafygreen-ui/[email protected]
- dfd6972c: - Fixes the
Link
component so that:- links are inline with the text preceding it
- The Arrow Icon is inline with the last line of text. Previously it rendered in a column next to the text because of
display: inline-flex
- Adds generated stories for each
Typography
component
- c3906f78: - Exports the constant,
LGIDS_TYPOGRAPHY
, which storesdata-lgid
values.- Extends
LgIdProps
onCommonTypographyProps
. - Adds the
data-lgid
attribute toLabel
andDescription
- Extends
- 9b71e34d: Removes
button
default browsers styles whenas="button"
LG-3665 - Updated dependencies [9402ba0e]
- Updated dependencies [c3906f78]
- Updated dependencies [070736c4]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
-
7a0ff1be: LG-4126
Styling changes are made to ensure consistent implementation of
disabled
state styles.
- 356a53fd: Update TS builds to use
[email protected]
- Updated dependencies [15185af0]
- Updated dependencies [356a53fd]
- Updated dependencies [66df9ab8]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- Updated dependencies [74057388]
- @leafygreen-ui/[email protected]
- 58f4a4c5: Updates how link underlines are styled, such that the text-decoration wraps when links break on new lines
- Updated dependencies [5ee54143]
- Updated dependencies [e487fb24]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- 11d12cc4: Updates dependency
@leafygreen-ui/[email protected]
- Updated dependencies [c2854e9b]
- @leafygreen-ui/[email protected]
- 58e86c60: - Adds
BackLink
component. This component renders a persistent back arrow and is intended for internal linking only.- Correctly responds to
baseFontSize
prop.
- Correctly responds to
- ffd11f24: Allows
Link
component to accept a ref
- Updated dependencies [9b7a8236]
- Updated dependencies [7f38e78a]
- Updated dependencies [ffd11f24]
- Updated dependencies [ffd11f24]
- Updated dependencies [ffd11f24]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- e3f4d9ce: Improves documentation of Label component
- Updated dependencies [c41752d2]
- Updated dependencies [89332190]
- @leafygreen-ui/[email protected]
- 90053e16: Allows
Link
component to accept a ref
- Updated dependencies [dd4f3da8]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- 324d9730: Updates H1 and H2 components in dark mode. Previously, their default color was
'green.light1'
in dark mode, and now the default is'gray.light2'
- Updated dependencies [3a9b274d]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- a5770c15: Link now inherits font size and line height from the parent's CSS
- c89d17a4: Updates
Error
component to read from TypographyProvider to set font size
- Updated dependencies [4fcf2e94]
- Updated dependencies [4fcf2e94]
- Updated dependencies [4fcf2e94]
- Updated dependencies [4fcf2e94]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- c11bbc29: Fixes problem with ts-docs not being available in bundle.
- Updated dependencies [c11bbc29]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- c15ee2ac: Fixes missing documentation file
- Updated dependencies [f73807cf]
- Updated dependencies [31c09354]
- Updated dependencies [c15ee2ac]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- 215268ff: Updates build tooling. No functional changes
- Updated dependencies [215268ff]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- 76161cf0: Updates stories for Chromatic testing
- Updated dependencies [76161cf0]
- Updated dependencies [76161cf0]
- Updated dependencies [95f5107a]
- Updated dependencies [76161cf0]
- Updated dependencies [76161cf0]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- 75099c60b: types
LinkProps
andInlineCodeProps
accept a generic
- d2ce54e2f: Updates story files for Storybook 7.x
- Updated dependencies [d2ce54e2f]
- Updated dependencies [d2ce54e2f]
- Updated dependencies [0cd471676]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- 6a3f03fd2: Exported typography interfaces now extend PolymorphicProps
- 9bcf8b925: Exports
OverlineProps
andSubtitleProps
- 73cbbd02c: Uses fontWeight token from
@leafygreen-ui/tokens
- Updated dependencies [73cbbd02c]
- Updated dependencies [83fc5b31b]
- Updated dependencies [8ece56980]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- 07db42330: Exports typography component types
- 55d33e435: Update to BaseFontSize prop control for .design live example
- cf00160ec: Updates TSDocs
- Updated dependencies [55d33e435]
- Updated dependencies [55d33e435]
- Updated dependencies [cf00160ec]
- Updated dependencies [111b680c5]
- Updated dependencies [77320a6b8]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- 8c0c2bdf9: Updates build script to include a transpiled copy of the story file in the bundle
- Updated dependencies [8c0c2bdf9]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- ece595acd: InlineCode component now supports "as" prop
- 9858ab8c5: Overwrites default text-decoration property on Link component
- Updated dependencies [3ef365fd3]
- Updated dependencies [c2c5601f4]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- eb0cc4498: No longer filters out props that are passed to Link component
- Updated dependencies [5b036515e]
- Updated dependencies [b9841decc]
- Updated dependencies [26e341a0b]
- Updated dependencies [997121cc3]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- bf2fedf6d: Version bumps lib
- b7a29ea38: Removes "as" prop from HTML in H1 and H2 components.
- Updated dependencies [bf2fedf6d]
- @leafygreen-ui/[email protected]
- 866144167: Uses
Polymorphic
instead of Box to supportas
prop. Adds support foras
prop toLabel
component.
- c82ed35d5: Removes
useUsingKeyboardContext
from component, in favor of&:focus-visible
- Updated dependencies [050f1f8a9]
- Updated dependencies [741cdd408]
- Updated dependencies [9f06c9495]
- Updated dependencies [b24b21462]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- 53d77f55d: Introduces Error component to Typography package
- d8c589d35: Updates Storybook example DOM structure (removes 'invalid nesting' error) & uses provider for darkMode on Typography story
- Updated dependencies [703db871f]
- @leafygreen-ui/[email protected]
- a0d6638c4: Allows consuming applications to override baseFontSize as inherited from LeafyGreen Provider
- Updated dependencies [95bd93ef9]
- Updated dependencies [3bb4b7506]
- @leafygreen-ui/[email protected]
- b7f7a4c95: Updates package dependencies & devDependencies, and ensures each package is appropriately listed. Ensures
tsconfig
has no circular dependencies - Updated dependencies [b7f7a4c95]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- 6a266b813: Adds internal
StaticWidthText
component to prevent layout shift on font-weight change
- ba97d1ef7: Refactors component to follow new directory file structure
- ae5421cf6: Updates components to use internal transition tokens
- Updated dependencies [ae5421cf6]
- Updated dependencies [4b4c2d27d]
- Updated dependencies [1a335d0b2]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- 07b3c797: Enables passing a ref to
InlineCode
- 07b3c797: Sets
InlineCode
default display property toinline
- Updated dependencies [b9b09a86]
- @leafygreen-ui/[email protected]
- Updated dependencies [209f77ed]
- Updated dependencies [f2d63a60]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- Updated dependencies [e399f1b9]
- Updated dependencies [e399f1b9]
- @leafygreen-ui/[email protected]
- 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]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- 3690df49: Updates TypeScript annotations, type structures and export format of some components
- 3690df49: Updates Storybook configs
- Updated dependencies [3690df49]
- Updated dependencies [3690df49]
- Updated dependencies [3690df49]
- Updated dependencies [3690df49]
- Updated dependencies [3690df49]
- Updated dependencies [58a5a05e]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- e39d8469: Export
anchorClassName
- 8d7534e9: Adds
tsdoc.json
to published package files - Updated dependencies [7caa1c3e]
- Updated dependencies [8d7534e9]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- 5aba12f1: Export and combine
Label
andDescription
styles.
- 65c86281: Consuming darkMode from the LeafyGreenProvider if the darkMode prop is not set
- 13a4adcc: Style updates to the
Disclaimer
component
- Updated dependencies [85d46871]
- Updated dependencies [99e20bb9]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- f0a357e2: Updates
Body
,Disclaimer
,H1
,H2
,H3
,InlineCode
,InlineKeyCode
,Link
,Overline
, andSubtitle
for dark mode refresh.
- 96d1ff9c: Updates to propTypes, TSDocs, and Storybook controls
- Updated dependencies [6a89bc29]
- Updated dependencies [fd2f6de0]
- Updated dependencies [96d1ff9c]
- Updated dependencies [422dbfcd]
- Updated dependencies [9ff90d4b]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- 909209c4: Fixes
useUpdatedBaseFontSize
override prop to accept the deprecated value14
- Updated dependencies [500d6c60]
- @leafygreen-ui/[email protected]
- Updated dependencies [5f28fce1]
- Updated dependencies [c48e943e]
- Updated dependencies [500d6c60]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
-
ba4aab15: Updates
Label
andDescription
for Dark Mode RefreshExports a temporary
useUpdatedBaseFontSize
hook to convert the values returned fromuseBaseFontSize
to the newtokens
- f3aad7e2: Adds an optional
override
parameter touseUpdatedBaseFontSize
. If the containing component accepts abaseFontSize
prop, use this parameter to respect that prop
- 679b6239: Updating h3 font-weight from 500 to 600
- Updated dependencies [233ac580]
- Updated dependencies [ba4aab15]
- Updated dependencies [2cf1bc4a]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- 614be76: Reduces outline width for InlineCode focus state
- Updated dependencies [614be76]
- @leafygreen-ui/[email protected]
- 1067fe9: Body typography component now uses the Box component, allowing the use of the
as
prop
- 8457f92: - Adds "Euclid Circular A" and "MongoDB Value Serif" to
tokens.fontFamilies
- Updates Light mode typography according to visual brand refresh
- Updated dependencies [8457f92]
- @leafygreen-ui/[email protected]
- Updated dependencies [cb54eef]
- @leafygreen-ui/[email protected]
- da40935b: Updates appearance of the InlineCode component, and adds dark mode support.
- Updated dependencies [f6e5655a]
- Updated dependencies [03388ff2]
- Updated dependencies [b8f03aa1]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- d82eb152: Fixes Link component to support relative links. Links with
href
strings not beginning withhttp://
orhttps://
will behave the same as a native anchor tag
- Updated dependencies [047c1930]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- Updated dependencies [faeb0ce0]
- @leafygreen-ui/[email protected]
- Updated dependencies [857a680a]
- @leafygreen-ui/[email protected]
- 02417199: Updates line-height for H3 component from 28px to 32px.
- Updated dependencies [ab581f34]
- Updated dependencies [90321b36]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- ec27f36e: - Improves accessibility of link component when rendering an icon.
- Renders arrow at 12px instead of 10px to account for the reduced height of the glyph.
- Updated dependencies [ec27f36e]
- @leafygreen-ui/[email protected]
- 1a42c662: Adds value to
rel
prop in Link component when href is external
- Updated dependencies [1ed17f68]
- @leafygreen-ui/[email protected]
- f805b772: Support updated glyph
- Updated dependencies [f805b772]
- @leafygreen-ui/[email protected]
- Updated dependencies [ba56b1cc]
- @leafygreen-ui/[email protected]
- fc18e572:
H1
,H2
,H3
andSubtitle
components now accept anas
prop, such that we can keep styles consistent viaComponent
, but the actual heading level that should be rendered can change based on context. This was done to support making MongoDB an accessible platform, as headings should only decrease by one level (i.e. from<h1>
to<h2>
) but the styles don't always need to appear as such.
- 8b0ea602: -
Label
component now supports adisabled
prop
- ee7923d3: Changes how we extend the types of HTMLElements, and standardizes how we document this across readmes
- Updated dependencies [ee7923d3]
- Updated dependencies [7b71da8f]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- fe861d52: Adds
Label
andDescription
components - aab4e65b: Rest props are now forwarded for InlineDefinition components when not rendered as a link
- 374430ea: Updates string color value to reference the same color from uiColors palette
- Updated dependencies [c9a0d89f]
- Updated dependencies [9ee1d5fc]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- ac0f3ff1: Visual updates to focus and hover states of component. The HTML structure has been returned to that of
v4.*
(the previous change inv5
was not reflected in the README). Styles provided throughclassName
prop may need to be updated to accordingly.
- Updated dependencies [90996818]
- @leafygreen-ui/[email protected]
- dac3f38b: Fixes a publishing error that prevented UMD modules from being distributed
- Updated dependencies [dac3f38b]
- Updated dependencies [059ef833]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @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]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- 001a277f:
Body
component now renders as adiv
instead ofp
element.
- d0dac1a0: Updates InlineCode component to match design spec. InlineCode components may now also be links.
- Updated dependencies [001a277f]
- @leafygreen-ui/[email protected]
- eda10121: Adds
H3
andInlineKeyCode
components Updates color of typography elements fromuiColors.gray.dark2
touiColors.gray.dark3
- 3fed752e: Fixes styles for Link component
- Updated dependencies [6883ccd0]
- Updated dependencies [d5d40791]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- f792966: Uses Tokens package to define
font-family
for InlineCode component - Updated dependencies [f792966]
- @leafygreen-ui/[email protected]
- 691eb05: Better support for UMD
- Updated dependencies [691eb05]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- 458f0c3: Ensures that
rest
props are spread to every component in Typography package
- @leafygreen-ui/[email protected]
- Updated dependencies [2eba736]
- Updated dependencies [1aa26ee]
- Updated dependencies [d2136a0]
- Updated dependencies [a571361]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- 4873650: Adds
Link
component to typography package
- Updated dependencies [e8f5376]
- Updated dependencies [4873650]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- 1d24966: Makes
@leafygreen-ui/leafygreen-provider
a peer dependency to ensure that components use hooks from the same version of the provider as what's installed.
- eba8391: Renames
component
prop toas
- Updated dependencies [eba8391]
- @leafygreen-ui/[email protected]
- 6d1de4a: Removes
display:inline-block
from Body and Small components.
- 365412e: Adds lib as a dependency rather than a devDep
- 94ed125: Initial implementation of Typography component
- Updated dependencies [94ed125]
- @leafygreen-ui/[email protected]