- Updated dependencies [4b362e136]
- @leafygreen-ui/[email protected]
- Updated dependencies [0e4c5099b]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- 541e12e75: Updates builds to leverage Rollup tree shaking. (see
tools/build/config/rollup.config.mjs
) - Updated dependencies [541e12e75]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- e1955dd36: Fixes broken patch build
- Updated dependencies [e1955dd36]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- 53c67fba6: LG-4650: migrates from
yarn
topnpm
- Updated dependencies [53c67fba6]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- 274d7e1a7: Removes prop-types from LeafyGreen UI
- Updated dependencies [274d7e1a7]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- e7bc12814: Adds more thorough test coverage for disabled inputs
- Updated dependencies [c1b8b633b]
- Updated dependencies [fe2483937]
- @leafygreen-ui/[email protected]
- 668cb1183: Ensures that event handlers do not fire when input is disabled
-
7a0ff1be: LG-4126
Disabled
Checkbox
,RadioBox
, andRadio
components no longer render thedisabled
attribute, but rely onaria-disabled
instead.This change is made to ensure that disabled components are still focusable to users using keyboard navigation.
For more on
aria-disabled
see the documentation on MDNAdditionally, styling changes are made to ensure consistent implementation of
disabled
state styles.Functionally, migration should be seamless, however there may be unit/integration/e2e tests that relied on this behavior.
Generally, only this repo should need to test that these components have a specific attribute. We recommend updating unit tests to check that some event was or was not called.
However, there are cases where this may still need to be tested. In these cases, replace any
expect(checkbox).toBeDisabled()
with an explicit check forexpect(checkbox).toHaveAttribute("aria-disabled", "true")
.Similar to unit tests, you should generally test functionality and not implementation details. However, to test this in Cypress replace any
cy.get(checkbox).should('be.disabled');
checks withcy.get(checkbox).invoke('attr', 'aria-disabled').should('eq', 'true');
- 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]
- Updated dependencies [dd4f3da8]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- Updated dependencies [3a9b274d]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- Updated dependencies [3fe03b50]
- Updated dependencies [fd907503]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- Updated dependencies [4fcf2e94]
- Updated dependencies [4fcf2e94]
- Updated dependencies [4fcf2e94]
- @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]
- c15ee2ac: Fixes missing documentation file
- 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]
- 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]
- 76161cf0: Updates stories for Chromatic testing
- Updated dependencies [735342e9]
- Updated dependencies [76161cf0]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- d2ce54e2f: Updates story files for Storybook 7.x
- Updated dependencies [d2ce54e2f]
- Updated dependencies [d2ce54e2f]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- a3a52e131: Bumps to use new
useIdAllocator
hook - Updated dependencies [a3a52e131]
- @leafygreen-ui/[email protected]
- 32b3d3146: Bumps to use new
useIdAllocator
hook - 73cbbd02c: Uses fontWeight token from
@leafygreen-ui/tokens
- Updated dependencies [73cbbd02c]
- Updated dependencies [8ece56980]
- Updated dependencies [32b3d3146]
- @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]
- Updated dependencies [5b036515e]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- c82ed35d5: Removes
useUsingKeyboardContext
from component, in favor of&:focus-visible
- b24b21462: Storybook: Updates story files to be on par with existing mongodb.design examples
- Updated dependencies [741cdd408]
- Updated dependencies [b24b21462]
- @leafygreen-ui/[email protected]
- @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]
- ae5421cf6: Updates components to use internal transition tokens
- Updated dependencies [ae5421cf6]
- @leafygreen-ui/[email protected]
- 30207122: Updates
RadioBoxGroup
for dark mode brand refresh. ExportsRadioBoxProps
andRadioBoxGroupProps
.
- Updated dependencies [b9b09a86]
- @leafygreen-ui/[email protected]
- f2d63a60: Removes leafygreen data attributes (prefixed with
data-leafygreen-ui-
), and replaces them with deterministic classNames (prefixed withlg-ui-
)
- Updated dependencies [f2d63a60]
- @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]
- 3690df49: Updates TypeScript annotations, type structures and export format of some components
- 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]
- 8d7534e9: Adds
tsdoc.json
to published package files - Updated dependencies [8d7534e9]
- Updated dependencies [1e708bd3]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- 5a3a7623: Improves RadioBox + Tooltip compatibility, resolving an issue where Tooltips would not appear when a RadioBox was used as a trigger.
- Updated dependencies [65c86281]
- Updated dependencies [4ad8cbc0]
- Updated dependencies [9cb53590]
- @leafygreen-ui/[email protected]
- 1d471e2c: Removes stacking context from Radio Box
- Updated dependencies [85d46871]
- Updated dependencies [99e20bb9]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- 96d1ff9c: Updates to propTypes, TSDocs, and Storybook controls
- Updated dependencies [6a89bc29]
- Updated dependencies [fd2f6de0]
- Updated dependencies [6792bc44]
- 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]
- efa9e8f4: Exporting / renaming props for Storybook
- Updated dependencies [c48e943e]
- @leafygreen-ui/[email protected]
- Updated dependencies [5f28fce1]
- Updated dependencies [c48e943e]
- @leafygreen-ui/[email protected]
- b4c5700: Updates Radio Box Group according to visual brand refresh
- d661688: Removes flicker when clicking on a RadioBox
- Updated dependencies [d661688]
- Updated dependencies [d661688]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- Updated dependencies [f6e5655a]
- Updated dependencies [fe542c15]
- Updated dependencies [b8f03aa1]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- 1e849937: Fixes an issue where the id attribute for all Radio Boxes in a group would be set to 'radio-box-null', resulting in several unselectable radio boxes
- e1af3278: Updates border-color of RadioBox components.
- Updated dependencies [047c1930]
- Updated dependencies [047c1930]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- d0a2e4e5: Fixes issue where not all RadioBox components were being properly filled
- 4b6a2643: Allow for RadioBox elements to be rendered as non-direct descendants of a RadioBoxGroup (either inside another element, or rendered by a wrapper component)
- Updated dependencies [857a680a]
- @leafygreen-ui/[email protected]
- Updated dependencies [ab581f34]
- Updated dependencies [90321b36]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- a5c1328d: Updates border-radius on RadioBox components from 2px to 4px.
- 6e26200a: Small correction to border radius of the interaction ring for hover and focused states
- 8b0ea602: Form-compatible components now display more visually consistent hover and focus states
- Updated dependencies [8b0ea602]
- @leafygreen-ui/[email protected]
- 627333c2:
Size
is now a named export from the package
- ee7923d3: Changes how we extend the types of HTMLElements, and standardizes how we document this across readmes
- 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]
- @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]
- 691eb05: Better support for UMD
- Updated dependencies [691eb05]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- 6aadc0b: Make id generation deterministic using IdAllocator.create class. This improves the SSR compatibility of these components.
- Updated dependencies [6aadc0b]
- @leafygreen-ui/[email protected]
- Updated dependencies [2eba736]
- Updated dependencies [1aa26ee]
- Updated dependencies [a571361]
- @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.
- 464c09d: Introduces SSR compatibility though a change to our build process and files
- 5c9202d: Introduces support for LeafyGreenProvider for improved focus state management
- Updated dependencies [5c9202d]
- Updated dependencies [464c09d]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- ef114e6: Adds
group
role to RadioBoxGroup container div and supplied a valuearia-label
attribute, in order to ensure component is accessible.
- 12bbb95: Updates RadioBoxGroup component to new color palette