0.9.14

[0.9.14] - 2020-09-18

Added

• Chip supports prefix
• ComponentsProvider now supports loadGoogleFonts which leverages GoogleFontsLoader
• GoogleFontsLoader
• InputColor now includes name in onChange response event
• InputChips and SelectMulti chip selection and copy-pasting
• Select now supports showCreate and formatCreateLabel that were previously only supported in SelectMulti
• useClickable hook
• Icons: FeedbackOutline added

Changed

• Chip / ChipButton now call onClick on enter or space key
• ComponentsProvider now takes colors prop instead of coreColors and accepts CoreColors & IntentColors
• Prompt / usePrompt now optionally support clearOnCancel behavior
• theme.fonts.* updates
  • body added (now default for most components)
  • brand is now used just for Button*, Heading & Tabs
  • Default values changed (now body='Roboto', brand='Red Hat Display', code='Roboto Mono')
• theme.fontWeights.extraBold & theme.fontWeights.light removed
• Tree child AccordionDisclosure now receives font-weight value from styled-components selector

Fixed

• Icon colors can be modified when used inside a MenuItem detail prop.
• Popover cancel first click outside behavior not working with an onMouseUp used anywhere on the page
• SelectMulti failing to appropriately show "No options" when showCreate is used
• Select overwriting search value with the current option value if the option's value and label are different
• Storybook fixes to silence console warnings

• Tooltip & Popover no longer support (optional) arrow indicator

Removed

• prismTheme is no longer published
• theme.colors.palette is no longer available (palette can be import from @looker/design-tokens but this is a legacy behavior and is not encouraged)

0.9.13

Fixed

• Horizontal padding for inputs using autoResize prop

0.9.12

Added

• DividerVertical component
• Select option icons
• Icon:
  • Added LQA icon artwork

Changed

• Spacing and density adjusted on TreeGroup label to better match density of TreeItems

Fixed

• MenuItem now supports description
• RangeSlider value labels now move with the thumb controls in IE11
• Slider style inconsistencies resolved by rendering a div rather than the vanilla slider input
• Select name attribute is passed to the input
• Select value can now be cleared via external state change
• Select and SelectMulti performance issue causing poor rendering when inside a Dialog
• Select layout bug corrected at small sizes (min-width on InputText to fix)
• Space gap is now consistently rendered across browsers
• Tabs fix for distributed so each tab takes up an equal amount of space.

0.9.11

Added

• Tabs updated for keyboard shortcut for accessibility

Fixed

• TabPanels tabIndex shouldn't be set as we don't want it to capture focus

0.9.10

Added

• ActionListControlBar component
• ChipButton introduced for limited use cases
• useActionListSelectManager hook
• Added xxxxxlarge to sizes to support updated type ramp.

Fixed

• Accordion & Tree presentation fixes for IE11
• ActionList updated documentation to include info on control bar behavior
• Avatar* corrected styling conflicts when underlying component is switched to button (via role="button")
• ButtonSet & ButtonGroup heights corrected to stay at 36px
• DialogHeader presentation fix for IE11
• InputChips and SelectMulti overflow when a fixed height is used
• InputChips and SelectMulti long values breaking out of the input
• InputSearch, Select, InputChips and SelectMulti x button not clickable with autoResize and a max-width reached
• MenuItem disabled prop is not clickable and its not a link.
  • detail is part of MenuItem's clickable area
  • update Error Icon for Fields validation message
• Select display value now properly updates when the option label for the current value changes
• SelectMulti and InputChips issues clicking on icons and chips
• SelectMulti list height now adjusts as needed when chips are added
• Select/SelectMulti list closing when trying to scroll by dragging the scrollbar
• Space presentation fix for IE11 (also affects consumers)
• Tabs no longer show scrollbar when overflowing
• Select getting text highlighted in a focus trap when not filterable
• Tree default color is text4 (was previously a different color due to browser button defaults)
• Tree correct React warning about nested buttons by changing TreeItem back to div with role="button

Changed

• ActionList
  • Updated documentation to include info on control bar behavior
  • Refactored select behavior to flow from a single select prop object
  • conditionally renders ActionListControlBar based on bulk prop
• ActionListManager - renamed noResultsText to noResultsDisplay and now supports a ReactNode (supply a JSX for custom formatting)
• ButtonOutline and ButtonTransparent improved color application to be more inline with design spec
• ButtonSet, ButtonToggle & Chip correlated use of color for
• InputChipsBase updated to use styled() wrapped for Chip margin overrides
• inputHeightconsolidated in single location and usage suite-wide
• Menu, Popover, Tooltip no longer feature arrow by default
• Replace react-hotkeys and improve keyboard ux for multiple stacked focus traps (effects MenuList, Surface, and OverlaySurface)

@looker/design-tokens

• FontSizes and LineHeights design tokens updated to match new type ramp spec.
• neutral intent color is now defaults to charcoal500

Removed

• Chip removed most prop support

0.9.9

Fixed

• MenuItem correct IE11 patch to apply aria-hidden={true} to placeholder

0.9.8

Fixed

• DialogContent patch for IE11 display bug
• MenuItem patch for IE11 display bug

0.9.7

Added

• AvatarCombo, AvatarIcon & AvatarUser now supports role="button"
  • Added support for common DOM properties and event handlers (e.g.: onClick)
  • Improved a11y for all Avatar* components
  • Added Storybook with knobs
• IconButton now supports tooltipWidth property
• MenuItem updated to support iconArtwork in addition to icon
• Popover now supports cancelClickOutside (true by default) to determine whether the "dismissal" click event is allowed to propagate
• New Icon artwork Logout, AddComment, Comment, Feedback

Changed

• Accordion added accessibility improvements
• ActionListCheckbox now use aria-describedby attribute for accessibility purposes
  • Receives id from parent ActionListRow, who receives it from parent ActionListItem or ActionListHeader
• MenuDisclosure - tooltip placement now defaults to bottom
• Select and SelectMulti with isFilterable or freeInput no longer cancel the first click outside when the list is open
• update Tab to scroll left to right when overflow
• theme "pressed" colors are more discernable from other stateful colors
• theme.colors.*Pressed colors are more discernable from other stateful colors
• theme.colors.textX restructured
  • text1-5 now go from lightest to darkest to match ui1-5
  • Reduced number of steps:
    • text0 is now text5 (consolidated the former text0 & text1)
    • text6 is now text1 (consolidated the former text6 & text5)

Fixed

• Select/SelectMulti toggling the list from the caret
• Select and SelectMulti keyboard navigation issues when filtering options
• SelectMulti with freeInput tokenizing the input value when an option is clicked
• Tabs now can be controlled
• Fix a few typos in the Field documentation
• ActionList fixed bug where passing object (with single attribute "all") into canSelect results in select all checkbox regardless of "all" setting
• Link no longer generates console errors when keyColor or underline prop are used

0.9.6

• Storybook is now deployed to https://components.looker.com/storybook

Added

• iconSizes style function includes xxsmall case
• Link now supports explicit underline & keyColor properties
• TreeItem and Tree
  • Altered style defaults
• TreeGroup
  • Added additional test case for color override behavior
• undefinedCoalesce util function
• Icons: FactCheck

Changed

• Accordion
  • Updated padding props to affect AccordionDisclosure and AccordionContent containers rather than parent Accordion container
  • AccordionDisclosure removed default height: 100%
• ButtonBase removed negative margin from iconMargins helper function
• Calendar, FieldDate, FieldDateRange, InputDate & InputDateRange now require "deep" imports
  • E.g.: Calendar imports from @looker/components/lib/Calendar)
• Icon no longer outputs a <title /> by default and Icon is marked with aria-hide unless a title is explicitly specified
• InputSearch clear button is larger and now focusable, divider and summary text spacing refined
• Menu now has a new focus style for MenuItems as well as updateing sizing
• MenuGroup labels improvements when using compact
• MessageBar
  • MessageBar is dismissable by default. Use prop noActions in place of canDismiss={false} to hide dismiss button.
  • Adds new visible prop to toggle display externally
  • Accepts primary and secondary action overrides and callbacks
• TabList now supports distribute prop
• theme.zIndexFloor now defaults to 1 instead of undefined (this helps with compatibility due to Firefox's stacking order eccentricities)
• Tooltip now renders in a Portal
• Tree and TreeItem updated docs and test suite
• Tree increased gap size between indicator and label to align with sibling TreeItems with icons

Fixed

• MenuGroup now includes icon placeholder spacing if higher MenuItemContext has renderIconPlaceholder === true
• Select/SelectMulti keyboard navigation when filtering and going from > 100 to < 100 options
• SelectMulti with freeInput not saving input value on tab key
• SelectMulti list not closing on blur
• TreeGroup properly overrides color of child TreeItem labels and Tree labels

Removed

• Removed Modal* aliases to Dialog*

0.9.5

Added

• DialogHeader
  • Supports detail prop as alternative to default close icon
  • Supports fontWeight & fontSize for backwards compatibility

Changed

• Fieldset accordion mode auto-indents elements in the inner AccordionContent
• AccordionDisclosure, TreeItem no longer display purple border on click
  • This purple border will only display when tabbing onto a TreeItem or AccordionDisclosure (Tree)

Fixed

• Dialog focus not returning to trigger when closed
• DialogContent with borderBottom prop CSS output error (no border, no flex: 8)
• InputText interacts poorly with theme.reset property in narrow cases
• Select not opening when rendered in a Dialog opened from a Popover