- c95b81376: LG-4409: bumps to v1.2.4 of
@leafygreen-ui/form-field
- Updated dependencies [c95b81376]
- @leafygreen-ui/[email protected]
- 3b86b3bd: Allow type of
ReactNode
forerrorMessage
andsuccessMessage
props inNumberInput
,TextArea
, andTextInput
- Updated dependencies [ae44834e]
- Updated dependencies [3273045c]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
-
cbfda91b: LG-4144
-
FormField
styling changes apply toTextArea
. See style changes here -
A default
errorMessage
of'This input needs your attention'
will render below text area when state is invalid. -
A default
successMessage
of'Success'
will render when state is valid.successMessage
prop accepts a custom string. -
Disabled
TextArea
component no longer renders thedisabled
attribute and instead relies onaria-disabled
andreadonly
attributes.
The last 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 MDNFunctionally, 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 cases where a test checks
expect(textArea).toBeDisabled()
, you can replace and use test harnesses.Similar to unit tests, you should generally test functionality and not implementation details. However, to test this in Cypress replace any
cy.get(textArea).should('be.disabled');
checks withcy.get(textArea).invoke('attr', 'aria-disabled').should('eq', 'true');
-
- Updated dependencies [dfd6972c]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- 8adadc89: Fixes a bug that prevented packages from rendering in a server-side environment
- Updated dependencies [8adadc89]
- @lg-tools/[email protected]
- c3906f78: - Extends
DarkModeProps
from@leafygreen-ui/lib
- Updated dependencies [9402ba0e]
- Updated dependencies [9b71e34d]
- Updated dependencies [c3906f78]
- Updated dependencies [c3906f78]
- Updated dependencies [c3906f78]
- Updated dependencies [070736c4]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @lg-tools/[email protected]
- @leafygreen-ui/[email protected]
- 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]
- Updated dependencies [74057388]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- 54a1bfb8: Allow defaultValue to be used in TextArea
- 36a8ded2:
description
prop can now be aReact.ReactNode
rather than astring
- Updated dependencies [c2854e9b]
- Updated dependencies [11d12cc4]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- 305e3cdf: aria-labelledby is now correctly passed to the textarea
- Updated dependencies [75b8d963]
- @leafygreen-ui/[email protected]
- Updated dependencies [dd4f3da8]
- Updated dependencies [90053e16]
- @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]
- Updated dependencies [a5770c15]
- Updated dependencies [c89d17a4]
- @leafygreen-ui/[email protected]
- Updated dependencies [3fe03b50]
- Updated dependencies [fd907503]
- Updated dependencies [c9f0055a]
- Updated dependencies [56459cde]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- 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]
- @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]
- @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 [95f5107a]
- Updated dependencies [76161cf0]
- Updated dependencies [76161cf0]
- @leafygreen-ui/[email protected]
- @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]
- @leafygreen-ui/[email protected]
- a3a52e131: Bumps to use new
useIdAllocator
hook - Updated dependencies [614f7617d]
- Updated dependencies [a3a52e131]
- Updated dependencies [614f7617d]
- @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 [83fc5b31b]
- 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]
- 55d33e435: Update to BaseFontSize prop control for .design live example
- Updated dependencies [55d33e435]
- Updated dependencies [07db42330]
- Updated dependencies [55d33e435]
- Updated dependencies [cf00160ec]
- Updated dependencies [111b680c5]
- Updated dependencies [77320a6b8]
- @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 [997121cc3]
- Updated dependencies [eb0cc4498]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- 509f1b1d9: Label, Description, and Error respect baseFontSize prop
- fc7a1cadd: Storybook: Updates
Basic
story - Updated dependencies [ffb99f417]
- Updated dependencies [bf2fedf6d]
- Updated dependencies [b7a29ea38]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- Updated dependencies [050f1f8a9]
- Updated dependencies [741cdd408]
- Updated dependencies [866144167]
- Updated dependencies [c82ed35d5]
- Updated dependencies [b24b21462]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- 53d77f55d: Uses Error component from Typography package to handle formatting
errorMessage
prop - Updated dependencies [405636249]
- Updated dependencies [53d77f55d]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- a79ee7f5d: Remove
optional
from prop documentation, as the prop is not supported by the component - Updated dependencies [d8c589d35]
- Updated dependencies [703db871f]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- a1d093f30: Resolves aria type issues
- ae5421cf6: Updates components to use internal transition tokens
- Updated dependencies [ae5421cf6]
- Updated dependencies [4b4c2d27d]
- Updated dependencies [6a266b813]
- Updated dependencies [1a335d0b2]
- Updated dependencies [ba97d1ef7]
- Updated dependencies [ae5421cf6]
- @leafygreen-ui/[email protected]
- @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 [209f77ed]
- 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]
- @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]
- @leafygreen-ui/[email protected]
- 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]
- 3dbc73ba: Update darkMode background-color to match figma designs
- 65c86281: Consuming darkMode from the LeafyGreenProvider if the darkMode prop is not set
- Updated dependencies [65c86281]
- @leafygreen-ui/[email protected]
- f4cacd36: Remove z-index from textarea
- Updated dependencies [13a4adcc]
- @leafygreen-ui/[email protected]
- Updated dependencies [85d46871]
- Updated dependencies [99e20bb9]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- f0a357e2: Updates
TextArea
for dark mode refresh. RemoveInteractionRing
.
- Updated dependencies [f0a357e2]
- @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]
- @leafygreen-ui/[email protected]
-
671c110e: Updates TextArea font-size and line-height based on global baseFontSize setting in LeafygreenProvider. Adds an override
baseFontSize
prop to TextArea. Note: override prop will not affectLabel
orDescription
font sizes. (https://jira.mongodb.org/browse/PD-2018)Updates Dependency:
- @leafygree-ui/[email protected]
- Updated dependencies [909209c4]
- @leafygreen-ui/[email protected]
- Updated dependencies [e13d2487]
- Updated dependencies [c48e943e]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- Updated dependencies [233ac580]
- Updated dependencies [ba4aab15]
- Updated dependencies [ba4aab15]
- Updated dependencies [2cf1bc4a]
- Updated dependencies [679b6239]
- Updated dependencies [f3aad7e2]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- 8457f92: Updates Text Area to match new visual brand refresh
- Updated dependencies [8457f92]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- Updated dependencies [cb54eef]
- @leafygreen-ui/[email protected]
- 548ca2c: Restores the ability to pass onBlur handlers while using the useValidation hook.
- d661688: Adds validation callback for TextArea and TextInput
- Updated dependencies [d661688]
- Updated dependencies [d661688]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- fe542c15: Fixes a bug in TextInput & TextArea where the focus ring was not visible when using the mouse. Also adds functionality to InteractioRing to ignore keyboard context and use the default focus behavior.
- Updated dependencies [f6e5655a]
- 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]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- Updated dependencies [047c1930]
- Updated dependencies [047c1930]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- dbb07e8b: Textarea component now accepts forwarded refs
- 90321b36: Imports validateProps functions from
@leafygreen-ui/a11y
package. - Updated dependencies [02417199]
- 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]
- d6829357: Removes outline from focus state, in favor of allowing our InteractionRing component to handle displaying focus.
- @leafygreen-ui/[email protected]
- 358a072e: Fixes visual regression where the border of inputs do not appear until text is entered
- Updated dependencies [fc18e572]
- @leafygreen-ui/[email protected]
- ee766843: Fixes bug where aria-labelledby prop was not appropriately applied to textarea element
- 8b0ea602: Form-compatible components now display more visually consistent hover and focus states
- Updated dependencies [8b0ea602]
- Updated dependencies [8b0ea602]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- 69354cdd: className prop is now spread on container
div
rather thantextarea
element
- 627333c2:
State
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]
- 374430ea: Updates string color value to reference the same color from uiColors palette
- 9ee1d5fc: Updates
@leafygreen-ui/lib
dependency to the most recent major version - Updated dependencies [c9a0d89f]
- Updated dependencies [9ee1d5fc]
- @leafygreen-ui/[email protected]
- @leafygreen-ui/[email protected]
- 4ee17735: Initial release of TextArea component