- Updated dependencies [f2ed4b037]
- @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 [30b13adec]
- Updated dependencies [30b13adec]
- Updated dependencies [78a36d6bb]
- @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]
- @leafygreen-ui/[email protected]
- 206278b0f: Update checkbox icon color in dark mode from white to black
- ba3308947: Export
checkWrapperClassName
- Updated dependencies [16dda633f]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- Updated dependencies [4b362e136]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- afc60c65e: Component now accepts a forwarded ref.
- Updated dependencies [0e4c5099b]
- @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]
- 541e12e75: Updates builds to leverage Rollup tree shaking. (see
tools/build/config/rollup.config.mjs
) - Updated dependencies [541e12e75]
- Updated dependencies [3111a76f3]
- @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]
- @leafygreen-ui/[email protected]
- @lg-tools/[email protected]
- Updated dependencies [4d932fe13]
- @leafygreen-ui/[email protected]
- Updated dependencies [eb108e93b]
- @leafygreen-ui/[email protected]
- 50ea705f9: Allow defaultChecked to be used in Checkbox
- 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]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @lg-tools/[email protected]
- 53c67fba6: LG-4650: migrates from
yarn
topnpm
- Updated dependencies [53c67fba6]
- @leafygreen-ui/[email protected]
- @lg-tools/[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]
- 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]
- @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
- 1ec45a7e: - Exports
getTestUtils
, a util to reliably interact withLG Checkbox
in a product test suite. For more details, check out the README- Exports the constant,
LGIDS_CHECKBOX
, which storesdata-lgid
values. - Leverages the
'aria-label'
prop when passed
- Exports the constant,
- Updated dependencies [dfd6972c]
- @leafygreen-ui/[email protected]
-
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');
- 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 [7a0ff1be]
- 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]
- @leafygreen-ui/[email protected]
- e487fb24: Renames story files from
.story.tsx
to.stories.tsx
- Updated dependencies [58f4a4c5]
- Updated dependencies [5ee54143]
- Updated dependencies [e487fb24]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- be92f17c: Checkbox component now responds to baseFontSize prop
- Updated dependencies [58e86c60]
- @leafygreen-ui/[email protected]
- Updated dependencies [dd4f3da8]
- Updated dependencies [90053e16]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- Updated dependencies [3a9b274d]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- Updated dependencies [a5770c15]
- Updated dependencies [c89d17a4]
- @leafygreen-ui/[email protected]
- Updated dependencies [3fe03b50]
- Updated dependencies [fd907503]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- 4fcf2e94: Adds a
nodeRef
to to get rid of StrictMode warnings - 4fcf2e94: Bumps
react-transition-group
to^4.4.5
. - 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]
- @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]
- @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]
- @leafygreen-ui/[email protected]
- 76161cf0: Updates stories for Chromatic testing
- Updated dependencies [76161cf0]
- Updated dependencies [76161cf0]
- Updated dependencies [735342e9]
- Updated dependencies [76161cf0]
- Updated dependencies [76161cf0]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- d2ce54e2f: Updates story files for Storybook 7.x
- d2ce54e2f: Exports primary component props
- Updated dependencies [d2ce54e2f]
- Updated dependencies [75099c60b]
- Updated dependencies [d2ce54e2f]
- Updated dependencies [0cd471676]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- a3a52e131: Bumps to use new
useIdAllocator
hook - Updated dependencies [a3a52e131]
- Updated dependencies [a3a52e131]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- 32b3d3146: Bumps to use new
useIdAllocator
hook - 73cbbd02c: Uses fontWeight token from
@leafygreen-ui/tokens
- Updated dependencies [73cbbd02c]
- Updated dependencies [32b3d3146]
- Updated dependencies [9bcf8b925]
- Updated dependencies [8ece56980]
- Updated dependencies [32b3d3146]
- Updated dependencies [73cbbd02c]
- @leafygreen-ui/[email protected]
- @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]
- @leafygreen-ui/[email protected]
- Updated dependencies [5b036515e]
- Updated dependencies [26e341a0b]
- Updated dependencies [eb0cc4498]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- bf2fedf6d: Version bumps lib
- Updated dependencies [51c544e2e]
- Updated dependencies [ffb99f417]
- Updated dependencies [bf2fedf6d]
- Updated dependencies [b7a29ea38]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- cccc1cebe: Removes useUsingKeyboard 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 [866144167]
- Updated dependencies [c82ed35d5]
- Updated dependencies [b24b21462]
- @leafygreen-ui/[email protected]
- @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]
- @leafygreen-ui/[email protected]
- 38181cc1d: Update to consume darkMode from
useDarkMode
. Some components were settingdarkMode = false
as a default which would override the default value provided by theLeafyGreenProvider
.
- ae5421cf6: Updates components to use internal transition tokens
- Updated dependencies [ae5421cf6]
- Updated dependencies [6a266b813]
- Updated dependencies [ba97d1ef7]
- Updated dependencies [ae5421cf6]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- Updated dependencies [07b3c797]
- Updated dependencies [07b3c797]
- Updated dependencies [b9b09a86]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- Updated dependencies [f2d63a60]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- Updated dependencies [e399f1b9]
- Updated dependencies [e399f1b9]
- @leafygreen-ui/[email protected]
- @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 [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]
- 6e1c365e: Add disabled cursor to label text when disabled
- 8d7534e9: Adds
tsdoc.json
to published package files - Updated dependencies [e39d8469]
- 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]
- @leafygreen-ui/[email protected]
- 3b6cf88b: Update darkMode disabled text color to match figma designs
- 19a62173: Adding some missing dependencies,
@leafygreen-ui/a11y
and@leafygreen-ui/emotion
- 9dafe83a: Updates Checkbox Dark Mode for brand refresh
- bac1e809: Restores
bold
prop. If leftundefined
this prop will default totrue
if a description is provided, otherwise defaults tofalse
- bac1e809: Improves ripple animation on checkbox click
- Updated dependencies [65c86281]
- @leafygreen-ui/[email protected]
- Updated dependencies [85d46871]
- Updated dependencies [99e20bb9]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- 1356d50d: Fix to center dark mode checkbox regardless of lineheight and fix to center indeterminate checkbox in light mode.
- fd2f6de0: Updates to TSDocs, PropTypes, and Storybook files
- 96d1ff9c: Updates to propTypes, TSDocs, and Storybook controls
- Updated dependencies [6792bc44]
- Updated dependencies [96d1ff9c]
- Updated dependencies [422dbfcd]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- e630a889: Add react-transition-group as a dependency
- 6c12e85a: Update the alignment of the label when there are multiple lines
- 1fb8ab18: Creates a new stacking context for the Checkbox component
- Updated dependencies [909209c4]
- @leafygreen-ui/[email protected]
- e13d2487: Moving leafygreen-provider to peerDependencies.
- Updated dependencies [5f28fce1]
- @leafygreen-ui/[email protected]
- Updated dependencies [5f28fce1]
- @leafygreen-ui/[email protected]
- Updated dependencies [ba4aab15]
- Updated dependencies [2cf1bc4a]
- Updated dependencies [679b6239]
- Updated dependencies [f3aad7e2]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- acd6919: Updates checkbox for visual brand refresh
- Updates default
animate
value totrue
- Adds
description
prop - Adds support for
aria-label
andaria-labelledby
- Currently disregarding
bold
prop, and the label will always be bold. This will be updated in a future update to theLabel
component
- Updates default
- Updated dependencies [acd6919]
- Updated dependencies [acd6919]
- @leafygreen-ui/[email protected]
- Updated dependencies [b8f03aa1]
- @leafygreen-ui/[email protected]
- bed50770: Fixes broken Checkbox logic, where any value supplied to the
indeterminate
prop was overwrittingchecked
prop
- Updated dependencies [047c1930]
- Updated dependencies [047c1930]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- Updated dependencies [90321b36]
- @leafygreen-ui/[email protected]
- 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]
- 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]
- 02ee0c05: Deprecates
variant
prop and addsdarkMode
prop to determine whether or not Checkbox appears in dark mode.
- 463a338: Fixes 'aria-checked' value when Checkbox is indeterminate such that the value is
mixed
rather thanfalse
per WAI-ARIA spec
- 7605c17: Add prop to disable animations
- 691eb05: Better support for UMD
- Updated dependencies [691eb05]
- @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]
- 2a03117: Upgrades @testing-library/react to v10 and revises test suites to conform with new standards
- 464c09d: Introduces SSR compatibility though a change to our build process and files
- Updated dependencies [464c09d]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- 4de039a: Makes component compliant with a11y standards
- 8f568bf: Adds a disabled + checked state to checkbox.
- 55f904f: Positions input inside the boundary of parent label