Release Notes

Keep up to date with the latest releases of the design system.

Unreleased

πŸ’… Enhancements

  • Checkbox small & medium variants have been introduced
  • SelectList suggestions list applies the given design (add disabled style)
  • TableCell allow to set textAlign

πŸ› Bug Fixes

  • Select to have cursor pointer not-allowed

πŸ“– Documentation

  • Extend documentation for Checkbox with PropsTable
  • Add disabled option for SelectList

1.25.1

πŸ’… Enhancements

  • Search small variant has the small search icon
  • Search suggestions list has a new style
  • Export Search component and props

1.25.0

😻 New Components

πŸ’… Enhancements

  • SelectList arrow indicator will change when the list is open

1.24.1

πŸ“– Documentation

  • Add documentation for testing SelectList

πŸ› Bug Fixes

  • The colors of the FreeNow logo are correct again

1.24.0

πŸ’… Enhancements

  • Allow to set Textarea resize value (both, vertical, horizontal)
  • Input has default type to text
  • Allow Input to be selected using accessible queries
  • Text alias to follow fontSize scale

πŸ“– Documentation

  • Improve description of Textarea usage
  • Improve API documentation for Text

1.23.0

πŸ“– Documentation

  • Improve usage of Table

πŸ’… Enhancements

  • Make table header render th
  • Expose Input props
  • Added monochrome versions of FreeNow logos

1.22.0

πŸ“– Documentation

  • Update releasing docs

πŸ’… Enhancements

  • Added VoucherIcon

1.21.0

😻 New Components

πŸ’… Enhancements

  • Improved animation for Toggle component
  • Additional property to disable hover styles for table rows

πŸ› Bug Fixes

  • Checkbox and RadioButton z-index overlay removed
  • Background for Checkbox checkmark is now centered around the checkmark
  • DatePickerRange now has proper support for 1 day ranges
  • SelectInput caret icon will scale propely with base font changes

1.20.0

πŸ’… Enhancements

  • Support for multi-select in the SelectList component (using isMulti)
  • Updated font weights for Tag component to more closely match designs

1.19.1

πŸ› Bug Fixes

  • Checkbox Label text vertical alignment added

1.19.0

πŸ’… Enhancements

  • FilePicker does not truncate multiline labels, but becomes bigger to fit the text
  • BaseButton does not apply additional text-decoration when used with/as a link inside

1.18.0

πŸ’… Enhancements

  • Added localization to datepicker

πŸ› Bug Fixes

  • onClose of DateRangePicker is only called when closing datepicker

1.17.0

😻 New Components

πŸ› Bug Fixes

  • Increase input label line-height so descenders and loops are not cut off

πŸ’… Enhancements

  • FilePicker support disable state

1.16.0

πŸ’… Enhancements

  • Dismiss function for Banner and Modal is available through hook
  • Export all the components' prop types

πŸ› Bug Fixes

  • Connected Select component label to underlying input using the htmlFor prop
  • Ensure the Tooltip component is always shown above other components

1.15.0

😻 New Components

πŸ’… Enhancements

  • Allow setting a responsive level values for the Card component

1.14.0

πŸ“– Documentation

  • FilePicker has better documentation

πŸ’… Enhancements

  • FilePicker has support for error state

πŸ› Bug Fixes

  • FilePicker has correct focus styles

1.13.0

πŸ’… Enhancements

  • Allow setting the padding for the Card component

πŸ› Bug Fixes

  • Allow closing the Modal without providing an onClose handler
  • Use less intensive color for FilePicker border

1.12.1

πŸ› Bug Fixes

  • FilePicker is not exposed from the main module @freenow/wave

1.12.0

😻 New Components

πŸ› Bug Fixes

  • Prevent Datepicker to throw fatal error on unexpected values

1.11.0

Library

πŸ› Bug Fixes

  • Link and TabBar.Link now have the cursor set to pointer when href is empty

πŸ’… Enhancements

  • Added two new icons: FlagOutlineIcon and ChangeDestinationIcon
  • Icons inside buttons are placed correctly and inherit the text color

Documentation

πŸ“–Β New documentation

The documentation is now generated by docz v2 and is powered by Gatsby. Apart from the updated appearance, we will focus on continually updating the design and content of the documentation as part of an ongoing effort to improve the documentation experience.

The main advantages of the new site are:

  • Better theming ability, which allows us to use Wave for building documentation pages
  • Better performance and ~90% reduction in bundle size (this was the main issue with the old site)

Unfortunately to achieve this we had to disable the auto generated component prop documentation. This means that component props are undocumented for now.


1.10.0

😻 New Components


1.9.0

πŸ’… Enhancements

  • LightningIcon
  • TrophyIcon
  • Improve modal animation performance for browsers that support the will-change property
  • Add the deprecated component name to the deprecation warning

πŸ› Bug Fixes

  • Tooltip raising a warning when center-left or center-right were passed as values for placement
  • Ensure that the label for the Input component does not break in a new line when the input is too small

1.8.0

😻 New Components

πŸ’… Enhancements

  • Increase allowed version range for styled components to include ^5.0.0
  • Allow setting a custom width for the button components
  • Set the htmlFor attribute for input labels to improve accessibility
  • Add compatibility for the TabBar to work with react-router active styles
  • Ensure the Flag error boundary re-renders when the country code changes

⚠️ Deprecations

  • The block property for the Button and TextButton has been deprecated in favour of the width property
  • The following Icons have been deprecated: AirportIcon, BackwardSmallIcon, ChevronDownSmallIcon, ChevronLeftSmallIcon, ChevronRightSmallIcon, ChevronUpSmallIcon, DownloadSmallIcon, EcoIcon, ForwardSmallIcon, GearIcon, HeartIcon, HomeIcon, InfoCircleIcon, ListUnorderedIcon, PrebookingIcon, SearchIcon, SearchSmallIcon, XIcon, XSmallIcon

1.7.1

Released January 23, 2020

πŸ› Bug Fixes

  • Datepicker calendar unexpectedly closes when hovering over selected date

1.7.0

Released January 21, 2020

😻 New Components

πŸ’… Enhancements

  • Adjusted typescript types for the select component to correctly reflect the native HTML properties of the select element
  • Range date picker behavior on mobile devices

πŸ› Bug Fixes

  • Selected option is not visible in inverse mode of Select

1.6.0

Released December 13, 2019

😻 New Components

πŸ’… Enhancements

  • Flags documentation
  • Docs for dynamic-import plugin usage
  • Banner onClose handler to trigger actions after Banner disappearance
  • Inverted version of HelperText component for dark background

πŸ› Bug Fixes

  • Datepicker behavior on Modal windows
  • A Datepicker used to keep its calendar open if you click on another Datepicker
  • Checkbox position in case of multi line text

1.5.1

Released November 25, 2019

πŸ› Bug Fixes

  • Fix typescript errors that appeared when HTML props are used

1.5.0

Released November 22, 2019

😻 New Components

πŸ’… Enhancements

  • Added missing props descriptions for all components in the documentation

1.4.0

Released November 19, 2019

😻 New Components

πŸ’… Enhancements

  • Added pixel values for space units in the documentation
  • Added option to make the Modal component not dismissible by the user

πŸ› Bug Fixes

  • Inconsistencies between checkbox and radio button have been eliminated and the radio button does not resize anymore on smaller parent components
  • It’s now possible to set the width of the Modal component, which was only described in the documentation previously

1.3.0

Released October 24, 2019

😻 New Components

πŸ’… Enhancements

  • Additional Logo variations (specifically the business variant)
  • When using the Select component, long values are now truncated with a text ellipsis

πŸ› Bug Fixes

  • Checkboxes with a long label got resized to be unusable, they now have a fixed width so they stay consistent no matter how long the label

1.2.0

Released October 18, 2019

😻 New Components

πŸ’… Enhancements

  • Added configuration for the position of the Banner component on the page

1.1.1

Released October 15, 2019

πŸ› Bug Fixes

  • Due to some internal dependency imports that had a recursive import, the library was unable to resolve the colors for all Icon components. The path for the import was adjusted to rectify this issue

πŸ’… Enhancements

  • Added details to implementation guide

1.1.0

Released October 15, 2019

😻 New Components

πŸ’… Enhancements

  • Improved Typescript definitions for components

1.0.1

Released October 2, 2019

πŸ› Bug Fixes

  • Inconsistent behavior for input active state JIRA

1.0.0

Released: September 27, 2019

Introduction of our new design system called WAVE β€’ Which will provide a uniform and consistent user experience across our entire product line. Due to the ease of usage it will accelerate our development speed and improve time to market significantly. Having a design system in place will support a shared understanding of our brand representation across the entire company.

😻 New Components

πŸ’… Enhancements

  • Tremendous reduction of bundle size