Releases: looker-open-source/components
0.9.4
0.9.3
0.9.2
0.9.1
Changed
Tree
andTreeItem
- Accept
detailAccessory
anddetailHoverDisclosure
props TreeItem
styling moved fromTree
intoTreeItem
itselfTreeItem
layout follows primary-secondary structure
- Accept
Fixed
ButtonBase
now correctly mapsonKeyDown
&onKeyUp
props to underlying DOM elementModalContext
alias toDialogContext
Portal
is now actually exported for use
0.9.0
Added
FieldChips
componentField
now supporthideLabel
Fieldset
now supportsfieldsHideLabel
(hides labels for Fields within)MultiSelect
icon addedzIndexFloor
added totheme
(used as base value for Overlay & Modal z-index value:q)eslint-config
,prettier-config
andstylelint-config
packages moved from separate repository and updated to integrate any overrides needed previously.
Changed
-
Badge
now uses generated colors rather than referencing colors.palette -
DialogManager
now supports a non render-props style interface -
IconButton
improved hover/active states and no background on hover -
InputText
interface simplified / narrowed- No longer supports typography or pseudo props
- Switch from using defaultProps to
css
block to share common styles with other components
-
Popover
now supports the preferredcloneElement
style usage in addition to the existing render prop style- Additionally the render prop style now exposes
aria-haspopup
for use
- Additionally the render prop style now exposes
-
TextArea
interface simplified / narrowed- No longer supports border or typography props
-
Icons:
FieldLocation
,FieldString
,FieldDuration
artwork update -
Deprecate use of
Modal
term throughout code base -
ModalPortal
is nowPortal
-
Modal*
has moved toDialog*
ModalContext
is nowDialogContext
ModalContent
is nowDialogContent
ModalFooter
is nowDialogFooter
ModalHeader
is nowDialogHeader
- Aliases for the old names are in place to ease the upgrade but these aliases will be deprecated shortly
Fixed
-
ButtonGroup
/ButtonToggle
display issues- Smaller text in Safari and Firefox
- White space between highlighted item and border (
ButtonToggle
) - Missing horizontal borders in wrapping
ButtonToggle
whenoptions
are loaded asynchronously
-
CheckboxGroup
&RadioGroup
options now properly wrap when the exceed the container width -
FieldSelect
/FieldSelectMulti
missingaria-labelledby
attribute on the input -
Icon
will no longer shrink when placed inside a flex layout -
Select
/SelectMulti
keyboard navigation when filtering options -
Select
&SelectMulti
option group label alignment -
SelectMulti
create option unnecessary left padding -
Tooltip
closing when mouse moves from trigger element to tooltip -
Major CSS linting clean-up
Removed
ComboboxMultiOption
prophideCheckMark
(instead useindicator={false}
)CustomizableAttributes
are no longer supportedDialogHeader
/ModalHeader
no longer supportsheaderIcon
Drawer
no longer availableLabel
interface has significantly pared-down (to just DOM-native properties)Menu
no longer supportsmarker
presentationMenuList
,MenuGroup
&MenuItem
no longer supportscustomizationProps
pseudo
support from design-tokens (prefer usingstyled
when pseudo selectors are required)- Includes changes to
Box
&IconButton
- Includes changes to
- Icons:
FieldDistance
removed
0.8.7
Added
Badge
now supportsref
assignment (Tooltip badge is now possible)ComboboxMultiInput
supportsfreeInput
to allow inputting of values outside of options, using the behavior ofInputChips
Icon
accepts SVG as viaartwork
propIconButton
now supportstooltipTextAlign
InputChips
- preserves escaped comma and tab characters
- supports
removeOnBackspace
(true by default)
- Icons:
TimeZone
Changed
AccordionContent
&Tree
no longer add automatic padding at the container level. Padding happens at the individual item levelIcon
can now only be sized viasize
(no height/width since it's a square)InputTime
now renders warning icon when validationType="error" is passedFieldInline
(FieldCheckbox
,FieldRadio
&FieldToggleSwitch
)- Now supports
detail
property - Disabled state slightly more discernable from default state now
- Now supports
OptionsGroup
(CheckboxGroup
,RadioGroup
)- Now have tighter vertical spacing to feel more connected
- Supports
detail
on Options array
Status
now allows DOM attributes (aria-*
and the like)
Fixed
Radio
&Checkbox
disabled states correctedComponentsProvider
actually uses thetheme
passed inSelect
selected option check mark icon sizeButtonGroup
space between rows when wrappingInputChips
separates chips by newline when pasting
0.8.6
0.8.5
Added
CheckboxGroup
andRadioGroup
now support wrapping wheninline
is used, and they use the same height as other inputs- Storybook replaces Playground as preferred development location for components
yarn storybook
Changed
Icon
now supports "t-shirt" sizing. (i.e.:size="small"
)- Jest no longer requires artifact build before being run
Fixed
Tooltip
appendshover
class if tooltip is open rather and doesn't replace givenclassName
prop value- Fixed documentation header
- Fixed a bug in Slider documentation that cause Gatsby to fall over on documentation deployment
0.8.4
Added
Fieldset
supports an accordion mode via anaccordion
prop
Changed
ModalContent
- Tweaked the presentation of overflow state (simple border on top, more subtle shadow + border at bottom)
- now supports
borderBottom
that will always display a border at the bottom of the content area regardless of whether the content overflows the container.
ModalFooter
now leveragesSpace
components internallyModalHeader
refactored to invert Styled Components usageSpaceVertical
now hasalign=stretch
by default
Fixed
Fieldset
with inline properly alignsField
s with error messages
0.8.3
Added
ButtonGroup
andButtonToggle
now supportoptions
as an alternative to nestedButtonItem
childrenTreeGroup
component
Fixed
ButtonGroup
andButtonToggle
accessibility issues due to hiddeninput
s (they now render a list ofbutton
s instead)Banner
no longer extra wide margin-right by defaultCalendar
,InputDate
, andInputDateRange
localization props
Removed
ButtonGroup
andButtonToggle
no longer support an uncontrolled version, since they now render a list ofbutton
s instead of checkbox and radio groups.