Releases: looker-open-source/components
Releases · looker-open-source/components
0.7.16
0.7.15
0.7.14
Added
Button
now has afullWidth
prop that will set the button's width to 100%, filling its parent container.ConfirmLayout
- new modal for laying out standard user confirmation dialog contentInputChips
displays multiple values asChip
s inside a text box
Changes
Banner
children are now wrapped in<Box display="auto">
so they will expand to the full available width.ConfirmationDialog
usesConfirmLayout
to render modal contentModalHeader
accepts a new headerIcon prop to render next to the title contentModalManager
children prop is now optionalModalSurface
- all consumers now support a responsive
maxWidth
prop surfaceStyle
renamed tosurfaceStyles
in order to make the modal and DialogManager consistent
- all consumers now support a responsive
- Edited modal documentation for clarity
Fixed
MenuItem
improved for use-case where itemRole="link" interacted poorly with unrelated CSS in applying :hover and :focus pseudo-styles
0.7.13
0.7.12
0.7.11
Added
Menu
now supportshoverDisclosureRef
prop so thatMenuDisclosure
is only shown when the element in question is hovered over.Select
now renders a custom component instead of the nativeselect
.- Allows for new features including
isFilterable
/onFilter
to allow the user to filter through options, andisClearable
to allow the user to clear out the value. - Uses experimental
ComboBox
components (more info on this soon!)
- Allows for new features including
Changed
- Lots of minor dependency updates (gatsby-*, typescript, etc.)
MenuItem
now supports focusVisible behavior
Fixed
Dialog
/DialogManager
TS interfaces correct to properly reflect support for responsive sizesTooltip
will no longer inheritwhite-space
,text-transform
orword-break
behaviors of the component it uses for positioning calculation
0.7.10
Added
- Proxy Server package
- New documentation: getting started with local data fetching
Changes
Button
sizes updated to match design specificationsConfirm
secondary button color now defaults toneutral
Confirm
documentation example simplified
esm
&cjs
builds now producees6
(previously producedes5
)- Default
theme.reset
is inactive by default now.- If your use depends on the previous behavior you can reproduce it via the instructions in this gist: https://gist.github.com/lukelooker/29576e0db918914137638cf9d2649bea
Fixed
Select
drop-down indicator arrow reintroducedSlider
custom knobs now have proper stacking order so as not to appear overDialog
,Popover
andDrawer
- Documentation
- Links between
Dialog
andConfirm
- Links between
0.7.8
Changed
- update button color to be neutral for useConfirm and Confirm components.
- Button size map was updated with correct sizes
- Test for Button got updates to reflect the correct sizes
ModalManager
(and it's derivedDialogManager
&DrawerManager
) now support aonClose
callback that will be called when the modal is closed.
Bug Fixes
- Button size map was updated with new sizes and Test got updates to reflect the new sizes
- Correct issue
ModalManager
surfaceStyles
hadminWidth
andmaxWidth
properties that were difficult to override on an instance. - Correct usage of
textTransform
in documentation and updated related test suite
0.7.7
Added
- Avatar components and documentation -
AvatarIcon
,AvatarUser
,AvatarCombo
Badge
component with test and documentationMenuContext
for holdingMenu
state andMenuItemStyleContext
forMenuItem
styling inheritancePopover
now hasescapeWithReference
prop for allowing the overlay to break out of the scroll parentIcon
- addedApi
icon
Changed
Icon
-ChangeHistory
andDragHandleDots
artwork fixed upIconButton
now displays aTooltip
with theIconButton
's label text.- Also added
tooltipDisabled
andtooltipPlacement
to allow for customization of the built-in behavior.
- Also added
InputSearch
- clicking "summary" text or clear button will restore focus to underlying input reproducing the behavior of the native input type="search" control.LuminositySlider
now use standard range input as basis for (rather than extending Slider component)- Modals
- Improved
Confirm
layout Dialog
has updated documentation to endorse use ofConfirm
where appropriateModalFooter
now uses css grid to lay out actionsModalHeader
has improved styling, no longer acceptsHeading
as a sub-componentModalContext
now includes focus trap and scroll lock methods
- Improved
Slider
- Customized appearance / support for
branded
property - Update documentation to match updated appearance and functionality
- Customized appearance / support for
Tab
component now replicatesButton
focus behavior. Focus ring only displayed when focus is applied via keyboard interaction- Update
theme
object to use more vibrant colors by default. - Documentation Improvements
- Improved NPM package installation instructions
- Instructions for adding new components to
www
project (Gatsby documentation)
Removed
Icon
- removedUsers
(useGroup
instead)useMenu
hook deprecated in favor ofMenuContext
Fixed
Banner
- icons are rendered at proper sizes when used inwww
Menu
issues arising from use ofcloneElement
OverlaySurfaceArrow
- added missing border onSlider
- fix overflow issue in Windows/EdgeTooltip
- Respects
width
property as expected - Removed confusing
maxWidth
property Link
color withinTooltip
is set toblue200
to ensure readability.
- Respects
- Improved
useFocusTrap
anduseScrollLock
behavior whenPopover
is nested in aModal
or anotherPopover
. - Documentation bugs
- Prevent theme examples from bleeding into global scope
- Fix navigation appearance in Windows/Edge
0.7.6
Changed
Menu
- Refactor z-index out of menu styles- Documentation
- Vertical layout for the Code Sandbox toolbar to prevent unintentional obfuscation of code samples
- Improved documentation layout and scrolling behavior
Fixed
ColorWheel
- Optimize ColorWheel value change performance & restoredColorWheel
documentationMenuGroup
- Fix bug where menu group headers render a drop shadow by defaultMenuSearch
- fixed keyboard shortcuts (up / down arrows to escape focus on input) and Improved documentation example.ModalPortal
- Fixed scrolling within aModal
(Dialog
&Drawer
)- Icons - SVG for
ApplicationSelect
,ArrowChange
,Beaker
,BrowseTable
,ChangeHistory
,DimensionFill
,Explore
,LogoRings
,NoteOutline
,Notes
,Reports
,SqlRunner
,User
,UserAttributes
,Users
,ViewGrid
,VisArea
,VisBar
,VisColumn
,VisLine
,VisMap
,VisPie
,VisScatter
,VisSingleValue
,VisTable
icons resized redrawn to fit on the correct icon grid.