- Updated dependencies [4d932fe13]
- @leafygreen-ui/[email protected]
- Updated dependencies [eb108e93b]
- @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]
- @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]
- @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]
- 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
- 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]
- 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]
- 0e6cb7a6: Updates the generated story in Chromatic to properly render children
- Updated dependencies [dd4f3da8]
- Updated dependencies [90053e16]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- cd9952bb: Adds disabled cursor to disabled radio group.
- Updated dependencies [3a9b274d]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- Updated dependencies [a5770c15]
- Updated dependencies [c89d17a4]
- @leafygreen-ui/[email protected]
- 480cf95d: Adds
bold
prop to RadioGroup, such that you can change whether the label is displayed with a bold font weight.
- 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]
- @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 [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]
- 6c1b992e: Updates label color when disabled to match Figma spec
- 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
- 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]
- @leafygreen-ui/[email protected]
- 32b3d3146: Bumps to use new
useIdAllocator
hook - 73cbbd02c: Uses fontWeight token from
@leafygreen-ui/tokens
- Updated dependencies [73cbbd02c]
- Updated dependencies [9bcf8b925]
- Updated dependencies [8ece56980]
- Updated dependencies [32b3d3146]
- Updated dependencies [73cbbd02c]
- @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]
- bc7795932: - Adds a
description
prop toRadio
.- Updates
RadioGroup
to leverageflexbox
. Updateflex-direction
to render radios horizontrally
- Updates
- 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
- 8c2755a9a: Uses Label from typography package, rather than the html tag. Refactors component to use new directory structure.
- Updated dependencies [ffb99f417]
- Updated dependencies [bf2fedf6d]
- Updated dependencies [b7a29ea38]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- afde6f94c: RadioGroup inherits
darkMode
fromLeafyGreenProvider
- 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]
- a593238ff: Change darkMode disabled color from gray.dark1 to gray.base
- ae5421cf6: Updates components to use internal transition tokens
- Updated dependencies [ae5421cf6]
- @leafygreen-ui/[email protected]
- 30207122: Updates
RadioGroup
for dark mode brand refresh
- 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]
- @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
- 3690df49: Updates Storybook configs
- 3690df49: Spreads
...rest
on root element - Updated dependencies [3690df49]
- Updated dependencies [3690df49]
- Updated dependencies [3690df49]
- @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]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- 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]
- Updated dependencies [e13d2487]
- @leafygreen-ui/[email protected]
- 532986a: Updates radio group styles in line with visual brand refresh.
- Updated dependencies [532986a]
- @leafygreen-ui/[email protected]
- 6041b89b: Adds @leafygreen-ui/hooks to dependency list
- Updated dependencies [f6e5655a]
- Updated dependencies [fe542c15]
- Updated dependencies [b8f03aa1]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- Updated dependencies [047c1930]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- 73b0ad00: Adds 'xsmall' size variant to valid array of PropType values for
size
prop
- Updated dependencies [ab581f34]
- Updated dependencies [90321b36]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- 03acbf6e: Sets
cursor:pointer
on Radio labels that are not disabled
- 8b0ea602: Form-compatible components now display more visually consistent hover and focus states
- Updated dependencies [8b0ea602]
- @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]
- 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]
- dac3f38b: Fixes a publishing error that prevented UMD modules from being distributed
- Updated dependencies [dac3f38b]
- @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]
- cb12b399: Adds
xsmall
size for Charts
- 1f7e9132: Deprecates
variant
prop in favor ofdarkMode
prop to control whether or not the component appears in dark mode
- 6b0d0a2: Made some props optional that were previously required
- add8745: Make id generation deterministic using IdAllocator.create class. This improves SSR compatibility.
- 691eb05: Better support for UMD
- Updated dependencies [691eb05]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- ea20761: Implements redesign for RadioGroup component, which includes changes to the DOM structure
- 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]
- 823b057: Radio components no longer add className to both label and input element. Instead, the className is only applied to the label element.
- 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]
- 7a4e32e: Updates label text adjacent to a disabled Checkbox, such that the cursor changes to 'not-allowed'
- ef114e6: Adds group role to RadioGroup container div and supplied aria-label to ensure component is accessible