Releases: looker-open-source/components
Releases · looker-open-source/components
0.7.16
0.7.15
0.7.14
Added
Buttonnow has afullWidthprop that will set the button's width to 100%, filling its parent container.ConfirmLayout- new modal for laying out standard user confirmation dialog contentInputChipsdisplays multiple values asChips inside a text box
Changes
Bannerchildren are now wrapped in<Box display="auto">so they will expand to the full available width.ConfirmationDialogusesConfirmLayoutto render modal contentModalHeaderaccepts a new headerIcon prop to render next to the title contentModalManagerchildren prop is now optionalModalSurface- all consumers now support a responsive
maxWidthprop surfaceStylerenamed tosurfaceStylesin order to make the modal and DialogManager consistent
- all consumers now support a responsive
- Edited modal documentation for clarity
Fixed
MenuItemimproved 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
Menunow supportshoverDisclosureRefprop so thatMenuDisclosureis only shown when the element in question is hovered over.Selectnow renders a custom component instead of the nativeselect.- Allows for new features including
isFilterable/onFilterto allow the user to filter through options, andisClearableto allow the user to clear out the value. - Uses experimental
ComboBoxcomponents (more info on this soon!)
- Allows for new features including
Changed
- Lots of minor dependency updates (gatsby-*, typescript, etc.)
MenuItemnow supports focusVisible behavior
Fixed
Dialog/DialogManagerTS interfaces correct to properly reflect support for responsive sizesTooltipwill no longer inheritwhite-space,text-transformorword-breakbehaviors of the component it uses for positioning calculation
0.7.10
Added
- Proxy Server package
- New documentation: getting started with local data fetching
Changes
Buttonsizes updated to match design specificationsConfirmsecondary button color now defaults toneutralConfirmdocumentation example simplified
esm&cjsbuilds now producees6(previously producedes5)- Default
theme.resetis 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
Selectdrop-down indicator arrow reintroducedSlidercustom knobs now have proper stacking order so as not to appear overDialog,PopoverandDrawer- Documentation
- Links between
DialogandConfirm
- 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 aonClosecallback 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
ModalManagersurfaceStyleshadminWidthandmaxWidthproperties that were difficult to override on an instance. - Correct usage of
textTransformin documentation and updated related test suite
0.7.7
Added
- Avatar components and documentation -
AvatarIcon,AvatarUser,AvatarCombo Badgecomponent with test and documentationMenuContextfor holdingMenustate andMenuItemStyleContextforMenuItemstyling inheritancePopovernow hasescapeWithReferenceprop for allowing the overlay to break out of the scroll parentIcon- addedApiicon
Changed
Icon-ChangeHistoryandDragHandleDotsartwork fixed upIconButtonnow displays aTooltipwith theIconButton's label text.- Also added
tooltipDisabledandtooltipPlacementto 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.LuminositySlidernow use standard range input as basis for (rather than extending Slider component)- Modals
- Improved
Confirmlayout Dialoghas updated documentation to endorse use ofConfirmwhere appropriateModalFooternow uses css grid to lay out actionsModalHeaderhas improved styling, no longer acceptsHeadingas a sub-componentModalContextnow includes focus trap and scroll lock methods
- Improved
Slider- Customized appearance / support for
brandedproperty - Update documentation to match updated appearance and functionality
- Customized appearance / support for
Tabcomponent now replicatesButtonfocus behavior. Focus ring only displayed when focus is applied via keyboard interaction- Update
themeobject to use more vibrant colors by default. - Documentation Improvements
- Improved NPM package installation instructions
- Instructions for adding new components to
wwwproject (Gatsby documentation)
Removed
Icon- removedUsers(useGroupinstead)useMenuhook deprecated in favor ofMenuContext
Fixed
Banner- icons are rendered at proper sizes when used inwwwMenuissues arising from use ofcloneElementOverlaySurfaceArrow- added missing border onSlider- fix overflow issue in Windows/EdgeTooltip- Respects
widthproperty as expected - Removed confusing
maxWidthproperty Linkcolor withinTooltipis set toblue200to ensure readability.
- Respects
- Improved
useFocusTrapanduseScrollLockbehavior whenPopoveris nested in aModalor 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 & restoredColorWheeldocumentationMenuGroup- 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,VisTableicons resized redrawn to fit on the correct icon grid.