Skip to content

Latest commit

 

History

History
4143 lines (2729 loc) · 128 KB

CHANGELOG.md

File metadata and controls

4143 lines (2729 loc) · 128 KB
Raw

Backpack changelog

Unreleased changes.

2018-10-12 - Fix Infinite Scroll problem on IE11

Fixed:

  • bpk-component-infinite-scroll: 2.0.13 => 2.0.14
    • Changed IntersectionObserver threshold from 1 to 0.99.

2018-10-11 - Fix React Native buttons on Android

Fixed:

  • react-native-bpk-component-button: 7.1.18 => 7.1.19
    • Fixed an issue where primary and featured buttons were the wrong size on Android.

2018-10-08 - Align web progress bar to mobile platforms

Fixed:

  • bpk-component-progress 1.0.90 => 1.0.91:
    • Changed non-stepped progress bar to have rounded corners to match RN bpk progress bar

2018-10-05 - Fix more React Bative dynamic text issues

Added:

  • react-native-bpk-component-button-link: 3.0.32 => 3.1.0
    • Reverted allowFontScalling={false} change.
    • Add textProps prop.

Fixed:

  • react-native-bpk-component-picker: 2.0.31 => 2.0.32

    • Prevent font scaling of button link in in iOS picker menu.

  • bpk-component-autosuggest: 3.0.111 => 3.0.112

    • Updated react-autosuggest dependency: 9.4.1 => 9.4.2

2018-10-03 - Fix for React Native button stretching

Fixed:

  • react-native-bpk-component-button: 7.1.16 => 7.1.17

  • react-native-bpk-component-nudger: 1.0.44 => 1.0.45

    • Fix issue with buttons stretching in flex containers.
    • Fix text / icon alignment issues on iOS.

  • bpk-component-autosuggest:

    • bpk-component-autosuggest: 3.0.109 => 3.0.110

  • bpk-react-utils:

    • bpk-react-utils: 2.6.10 => 2.6.11

2018-09-27 - Fix more React Native dynamic text issues

Fixed:

  • react-native-bpk-component-badge: 1.0.23 => 1.0.24

    • Disabled font scaling.

  • react-native-bpk-component-button-link: 3.0.29 => 3.0.30

    • Disabled font scaling.

  • react-native-bpk-component-icon: 1.10.4 => 1.10.5

    • Font scaling is disabled by default.

  • react-native-bpk-component-navigation-bar: 2.0.36 => 2.0.37

    • Title text now aligned with system and does not support font scaling.

  • react-native-bpk-component-text-input: 2.3.13 => 2.3.14

    • Overflowing label text is now truncated.

2018-09-24 - Fix React Native button to support dynamic text sizes

Fixed:

  • react-native-bpk-component-button: 7.1.14 => 7.1.15
    • The default button variant now correctly works with Dynamic Text sizes.

2018-09-21 - Fix issue in scrollable calendar component

Fixed:

  • bpk-component-scrollable-calendar: 0.1.0 => 0.1.1
    • Fixed an issue where gridClassName didn't work as expected.

2018-09-18 - Added functionality to scrollable-calendar and RN image

Added:

  • bpk-component-scrollable-calendar: 0.0.14 => 0.1.0
    • Introduced React Virtualized to improve performance.
  • bpk-tokens: 27.0.0 => 27.1.0
    • Added spacingNone (0px) to the available spacings
  • react-native-bpk-component-image: 1.0.2 => 1.1.0
    • Ability to add a custom image component e.g. imageComponent={CustomImage}.

2018-09-14 - Republished Icon

Fixed:

  • bpk-component-icon: 3.23.3 => 3.23.4
    • Republished as previous publish partially failed

2018-09-13 - Move svgs to bpk-svgs dist

Added:

  • bpk-svgs: 5.18.11 => 5.19.0
    • The source svgs are now available in dist under dists/svgs.

2018-09-06 - Fixed RN icon component for iOS

Fixed:

  • react-native-bpk-component-icon: 1.10.1 => 1.10.2
  • react-native-bpk-component-button-link: 3.0.26 => 3.0.27
  • react-native-bpk-component-button: 7.1.11 => 7.1.12
  • react-native-bpk-component-navigation-bar: 2.0.32 => 2.0.33
    • Fixed an issue where usage of the above components would cause a red screen.

2018-09-05 - New 'family' icon

Added:

  • bpk-component-icon: 3.22.12 => 3.23.1
  • bpk-mixins: 7.11.12 => 7.11.13
  • bpk-svgs: 5.18.9 => 5.18.10
  • react-native-bpk-component-icon: 1.9.11 => 1.10.1
  • react-native-bpk-component-button-link: 3.0.25 => 3.0.26
  • react-native-bpk-component-button: 7.1.10 => 7.1.11
  • react-native-bpk-component-navigation-bar: 2.0.31 => 2.0.31
    • New icon: family.

2018-08-31 - Fixed DataTable and removed unused BarChart prop

Fixed:

  • bpk-component-datatable: 0.1.34 => 0.1.35

    • Fixed an issue where sorting columns would cause an exception.

  • bpk-component-barchart: 2.3.19 => 2.3.20

    • Removes onBarTouch prop as it ultimately had no effect

2018-08-28 - Fixed banner alert Module not found issue

Breaking:

  • bpk-component-router-link: 1.0.77 => 2.0.0
    • upgraded react router from 2.x to 4.x

Fixed:

  • bpk-react-utils: 2.6.6 => 2.6.7

    • fixed Portal to work with react 16.

  • bpk-component-banner-alert: 2.0.40 => 2.0.41

    • Fixed issue with Module not found error.

  • bpk-stylesheets: 3.2.122 => 3.2.123

    • Reverted previous breaking change to base stylesheet.

2018-08-22 - Fixed native phone imput prop types

Fixed:

  • react-native-bpk-component-phone-input: 1.0.34 => 1.0.35
    • fixed spread operation in PropTypes

2018-08-15 - Made breadcrumb more responsive

Added:

  • bpk-component-calendar: 4.3.0 => 4.3.1
    • Expose gridClassName for composed calendars.
    • changeMonthLabel is now only required iff a Nav component is being used.

Fixed:

  • bpk-component-breadcrumb: 1.0.13 => 1.0.14
    • Container now wraps on smaller screens

2018-08-09 - Changes to the Infinite scroll component and Calendar.

Added:

  • bpk-component-calendar: 4.2.44 => 4.3.0
    • Exposed BpkCalendarDatePropTypes for reuse in other components.

Fixed:

  • bpk-component-infinite-scroll: 2.0.1 => 2.0.2
    • Changed to fetch only a subset of the data, and not all, on scroll.

2018-08-01 - Breaking changes to the infinite scroll component.

Breaking:

  • bpk-component-infinite-scroll: 1.0.10 => 2.0.1
    • Added DataSource class. Can be used to trigger updates when the data for infinite scroll has changed.
    • onItemsFetch prop replaced in favour of DataSource.

2018-07-30 - Fixed issue where modal scrim would not fade in.

Fixed:

  • bpk-component-modal: 1.7.14 => 1.8.0
  • bpk-component-dialog: 1.0.35 => 1.1.0
  • bpk-component-datepicker: 8.0.43 => 8.1.0
    • Scrim fade animation wasn't rendering properly before, giving a janky feel. This has now been fixed so that it fades in nicely.

2018-07-30 - Fixed issue with DST transition during midnight in Safari.

Fixed:

  • bpk-component-datepicker: 8.0.43 => 8.1.0
  • Fixed issue with DST transition during midnight in Safari that would cause some days in the BRT timezone not to render.

2018-07-24 - Added icon account--add

Added:

  • bpk-component-icon: 3.22.2 => 3.23.0
  • bpk-mixins: 17.11.2 => 17.11.3
  • bpk-svgs: 5.18.2 => 5.18.3
  • react-native-bpk-component-button-link: 3.0.17 => 3.0.18
  • react-native-bpk-component-button-link: 3.0.17 => 3.0.18
  • react-native-bpk-component-icon: 1.9.3 => 1.10.0
  • react-native-bpk-component-navigation-bar: 2.0.23 => 2.0.24
    • New icon: account--add.

2018-07-24 - Added withNotches prop to ticket component

Added:

  • bpk-component-ticket: 1.1.57 => 1.2.0
    • Added withNotches prop for optionally removing the notches.

2018-07-24 - Fixed issue with ticket component children height

Fixed:

  • bpk-component-ticket: 1.1.56 => 1.1.57
    • Issue when non-padded containers not being rendered at full-height of the ticket component.

2018-07-20 - Added tinymask support to native text, plus dependencies update and bug fixes.

Added:

  • react-native-bpk-component-text-input: 2.2.21 => 2.3.0
    • Added tinymask support via mask property

Fixed:

  • bpk-component-barchart: 2.3.8 => 2.3.9

    • Upgraded d3-scale from ^1.0.5 -> ^2.1.0.

  • bpk-component-breakpoint: 1.1.4 => 1.1.5

    • Upgraded react-respnsive from ^3.0.0 -> ^4.1.0.

  • bpk-component-drawer: 1.2.13 => 1.2.24

    • Upgraded react-transition-group from ^2.2.1 -> ^2.4.0.

  • bpk-component-image: 1.2.23 => 1.2.24

    • Upgraded react-transition-group from ^2.2.1 -> ^2.4.0.
    • Fixed loading behaviour in mobile Safari on slow networks.

  • bpk-component-navigation-stack: 1.0.9 => 1.0.10

    • Upgraded react-transition-group from ^2.3.1 -> ^2.4.0.

  • bpk-component-slider: 1.1.36 => 1.1.38

    • Upgraded react-slider from ^0.11.1 -> ^0.11.2.

  • bpk-react-utils: 2.6.1 => 2.6.2

    • Upgraded react-transition-group from ^2.2.1 -> ^2.4.0.
    • Upgraded recompose from ^0.26.0 -> ^0.27.1.

  • bpk-component-ticket: 1.1.54 => 1.1.55

    • Fixed an issue where the hover state would sometimes not apply.
    • When tickets have padded={false}, content overflowing the ticket borders will be hidden.

2018-07-19 - Update react-native-dash dependency

  • react-native-bpk-component-card: 1.2.31 => 1.2.32
    • Update react-native-dash depedency to latest(0.0.9).

2018-07-18 - New native button abilities and a bug fix

Added:

  • react-native-bpk-component-button: 7.0.6 => 7.1.0
    • Added BUTTON_TYPES and ICON_ALIGNMENTS exports.
    • Added centerLeading and centerTrailing to the possible values of iconAlignment.

Fixed:

  • bpk-component-navigation-stack: 1.0.9 => 1.0.10
    • Fixed stack height in IE11.

2018-07-17 - Bug fixes

Fixed:

  • bpk-component-infinite-scroll: 1.0.5 => 1.0.6

    • Scroll intersection evaluation changed. Previously, it an intersection of, exactly, 1 (100%) was expected. This change cover the case when the intersection ratio is almost 1 (i.e. 1.001).

  • react-native-bpk-component-image: 1.0.1 => 1.0.2

    • Fixed source type to accept the same values as the Image component.

  • react-native-bpk-component-horizontal-nav: 3.0.21 => 3.0.22

    • BpkHorizontalNav now displays correctly when using RTL.

  • bpk-component-slider: 1.1.34 => 1.1.35

    • Fixed a bug where the handle would get stuck at the minimum value by upgrading react-slider. See react-slider#136.

2018-07-12 - New icons and better 'close' link

Added:

  • bpk-component-icon: 3.21.4 => 3.22.0
  • bpk-mixins: 17.10.4 => 17.11.0
  • bpk-svgs: 5.17.4 => 5.18.0
  • react-native-bpk-component-button-link: 3.0.12 => 3.0.13
  • react-native-bpk-component-button: 7.0.4 => 7.0.5
  • react-native-bpk-component-icon: 1.8.7. => 1.9.0
  • react-native-bpk-component-navigation-bar: 2.0.17 => 2.0.18
    • New icons: gears-automatic and gears-manual.

Fixed:

  • bpk-component-datepicker: 8.0.39 => 8.0.40
  • bpk-component-popover: 2.1.20 => 2.1.21
    • Popover footer close link is now text style base.

2018-07-11 - Release native image component

Added:

2018-07-05 - Fix bug in theme changing for react-native-component-navigation-bar

Fixed:

  • react-native-bpk-component-navigation-bar: 2.0.15 => 2.0.16
    • Update this.theme on componentDidUpdate for RN navigation bar

2018-07-02 - New native chip component and web map enhancement

Added:

Fixed:

  • bpk-component-map: 2.0.0 => 2.0.1
    • Now center and zoom are controlled: changing them will change the values in the map.

2018-06-29 - Fix for image component SSR race condition

Fixed:

  • bpk-component-image: 2.0.39 => 2.0.40
    • Fixed onload race condition when using server-side rendering.

2018-06-26 - Fix for bpk-scrim-utils and bpk-component-calendar

Fixed:

  • bpk-scrim-utils: 3.2.1 => 3.2.2

    • Fixed incorrect propType for dark prop.

  • bpk-component-calendar: 4.2.35 => 4.2.36

    • Fixed calendar to work with different font sizes.

2018-06-25 - Map component improvements, plus adjusted height for the native badge component

Breaking:

  • bpk-component-map: 1.0.5 => 2.0.0
    • Removed all exports except for BpkMap, BpkOverlayView and withGoogleMapsScript.
    • Introduced BpkOverlayView component to replace OverlayView.
    • Introduced withGoogleMapsScript HOC to replace withScriptjs.
    • Simplified BpkMap's props by removing unused ones and renaming others.

Fixed:

  • react-native-bpk-component-badge: 1.0.11 => 1.0.12
    • Adjusted height to 20pt/dp for Android and iOS.

2018-06-22 - Update dependency and title for navigation bar

Fixed:

  • react-native-bpk-component-button-link: 3.0.9 => 3.0.10

    • Loosened React Native peer dependency.

  • bpk-component-navigation-bar: 1.2.5 => 1.2.6

    • title prop type is now node.

2018-06-20 - Add dark version of BpkScrim

Added:

  • bpk-scrim-utils: 3.1.32 => 3.2.0
    • Add new prop dark for an alternative dark appearance of the scrim.

2018-06-20 - Add gradient definitions to React Native

Breaking:

  • react-native-bpk-component-button: 6.0.15 => 7.0.0
    • react-native-linear-gradient is now a peer dependency instead of a dependency. The dependency is temporarily on skyscanner/react-native-linear-gradient#new-gradient-implementation.

Added:

  • react-native-bpk-styles: 1.0.9 => 1.1.0
    • Added defintitions for the Skyscanner primary gradient. react-native-bpk-styles now has a peer depedency on react-native-linear-gradient.

Fixed:

  • bpk-component-navigation-bar: 1.2.3 => 1.2.4
    • title now accepts strings, in addition to elements

2018-06-19 - Native text font-weight fix for iOS 11 + RN 0.55.X

  • react-native-bpk-component-text: 2.1.38 => 2.1.39
    • An iOS 11 + React Native 0.55.X specific fix to render font-weight correctly. Affects text styles xs, sm, base, lg, xl when they are emphasize'd and xxl regardless of emphasis.
    • Added flow types

2018-06-19 - Introduce native carousel component.

Added:

2018-06-14 - Introduce breadcrumb component and infinite scroll, plus fixing invalid text combination for xxl on iOS.

Added:

Fixed:

  • react-native-bpk-component-text: 2.1.37 => 2.1.38
    • In addition to issuing a prop warning when using emphasize in combination with xxl on iOS now nothing actually happens.

2018-06-08 - Introduce native map component, plus fixed display issues with native select and phone input.

Added:

Fixed:

  • react-native-bpk-component-phone-input: 1.0.17 => 1.0.18

    • Fixed dialing code select display issue.

  • react-native-bpk-component-select: 1.0.2 => 1.0.3

    • Fixed display issue when squashed in a flex container.

2018-06-06 - Introduce phone input component, plus new props for button, link and breakpoint.

Added:

  • bpk-component-button: 2.0.21 => 2.1.0

    • Added blank and rel props.
    • When blank is set, rel is automatically set to rel="noopener noreferrer".

  • bpk-component-link: 1.1.18 => 1.2.0

    • When blank is set, rel is automatically set to rel="noopener noreferrer".

  • bpk-component-breakpoint: 1.0.63 => 1.1.0

    • Change children proptype to oneOfType(node, func) (added node).

  • bpk-component-phone-input: 0.0.0 => 1.0.0

  • bpk-component-select: 2.1.68 => 2.2.0

    • Add ability to display an image in the select component.

2018-05-31 - Add native alert component

Added:

2018-05-30 - Add mileage icon, RTL fix for IE

Added:

  • bpk-component-icon: 3.20.2 => 3.21.0
  • bpk-mixins: 17.9.0 => 17.10.0
  • bpk-svgs: 5.16.0 => 5.17.0
  • react-native-bpk-component-icon: 1.7.0 => 1.8.0
  • react-native-bpk-component-button-link: 3.0.2 => 3.0.3
  • react-native-bpk-component-button: 6.0.10 => 6.0.11
  • react-native-bpk-component-navigation-bar: 2.0.6 => 2.0.7
    • New icon: mileage

Fixed:

  • bpk-component-navigation-bar: 1.2.0 => 1.2.1
    • Fixed issue in IE where buttons were misplaced for RTL languages.

2018-05-25 - Introducing the map component

Added:

2018-05-24 - Fixed React Native Card component in Android API 21

Fixed:

  • react-native-bpk-component-card: 1.2.21 => 1.2.22
    • fix visual layout in Android API level 21

2018-05-23 - Fixed modals in mobile Safari

Fixed:

  • bpk-component-datepicker: 8.0.29 => 8.0.30
  • bpk-component-dialog: 1.0.23 => 1.0.24
  • bpk-component-modal: 1.7.2 => 1.7.3
    • Fixed a bug where the background would flicker when tapping modals in Mobile Safari.

2018-05-21 - Navigation bar update and fix disabled buttons on android

Added:

  • bpk-component-navigation-bar: 1.0.2 => 1.2.0
    • The title prop now accepts nodes, so images and other elements can be passed in as well as text.

Fixed:

  • react-native-bpk-component-button: 6.0.9 => 6.0.10
    • Fix button height for destructive and secondary disabled buttons on android.

2018-05-10 - Introducing navigation stack, section list and new props for horizontal-nav

Added:

2018-05-08 - Introducing native select component

Breaking:

  • react-native-bpk-component-picker: 1.0.11 => 2.0.0
    • BpkPickerTrigger has been removed, use BpkSelect instead.

Added:

  • react-native-bpk-component-select: 0.0.1 => 1.0.0
    • New component BpkSelect for rendering tappable items that trigger a choice for the user.

2018-05-07 - React Native upgrade to version 0.55.3

Fixed:

  • react-native-bpk-component-animate-height: 2.0.6 => 2.0.7

    • fixed to work with react-native 0.55.3.

  • react-native-bpk-component-banner-alert: 4.0.0 => 4.0.1

    • fixed to work with react-native 0.55.3.

2018-05-04 - Fixed BpkNavigationBarButtonLink export

Fixed:

  • bpk-navigation-bar: 1.1.0 => 1.1.1
    • fixed BpkNavigationBarButtonLink export in the index file.

2018-05-03 - Navigation bar theming and new props for scrollable components

Added:

  • bpk-component-barchart:

  • bpk-component-horizontal-nav:

    • Added leadingScrollIndicatorClassName and trailingScrollIndicatorClassName props for styling the scroll indicators.

  • bpk-component-mobile-scroll-container:

    • Added leadingIndicatorClassName and trailingIndicatorClassName props for styling the scroll indicators.

  • bpk-component-navigation-bar:

    • New BpkNavigationBarButtonLink component.
    • Added theming support.

2018-05-01 - Native flat list and section list components, plus web navigation bar component

Added:

2018-04-26 - Native banner alerts and button links have a new default height

Breaking:

  • react-native-bpk-component-banner-alert: 3.0.6 => 4.0.0

    • Default height of Android banner alert has changed from 52dp to 48dp

  • react-native-bpk-component-button-link: 2.0.6 => 3.0.0

    • Default height of button links on both iOS and Android is now 32pt/dp. Default height of large button links on iOS is now 36pt.
    • Overflowing text will not wrap and instead result in ellipses.

2018-04-25 - Added icons for identity and profile settings

Added:

  • bpk-component-icon: 3.19.3 => 3.20.0
  • bpk-mixins: 17.7.0 => 17.8.0
  • bpk-svgs: 5.15.1 => 5.16.0
  • react-native-bpk-component-icon:
  • react-native-bpk-component-button-link: 2.0.5 => 2.0.6
  • react-native-bpk-component-button: 6.0.7 => 6.0.8
  • react-native-bpk-component-navigation-bar: 2.0.2 => 2.0.3
    • New profile icons: account--id-card, account--permit, add-circle, content--event and content--guides.

2018-04-25 - Visual fixes for Android

Fixed:

  • react-native-bpk-component-banner-alert: 3.0.4 => 3.0.5

  • react-native-bpk-component-button-link: 2.0.4 => 2.0.5

  • react-native-bpk-component-button: 6.0.6 => 6.0.7

  • react-native-bpk-component-icon: 1.6.2 => 1.6.3

  • react-native-bpk-component-navigation-bar: 2.0.1 => 2.0.2

  • react-native-bpk-component-nudger: 1.0.11 => 1.0.12

  • react-native-bpk-component-phone-input: 1.0.10 => 1.0.11

  • react-native-bpk-component-picker: 1.0.7 => 1.0.8

  • react-native-bpk-component-star-rating: 1.0.19 => 1.0.20

  • react-native-bpk-component-text-input: 2.2.9 => 2.2.10

    • Android icons are now vertically centered within bounding box (large at 24dp and small at 16dp)

  • react-native-bpk-component-button: 6.0.6 => 6.0.7

  • react-native-bpk-component-nudger: 1.0.11 => 1.0.12

    • Fixed an issue where the outline of secondary and destructive buttons wouldn't render on Android devices with an API Level lower than 23.

2018-04-25 - Add native progress component

Added:

2018-04-20 - Fix icon colour in Horizontal Nav Items

Fixed:

  • bpk-component-horizontal-nav: 3.0.5 => 3.0.6
    • Fixed issue where icon colour would not be set inside horizontal nav items.

2018-04-18

Breaking:

  • react-native-bpk-component-navigation-bar: 1.1.4 => 2.0.0
    • BpkNavigationBarTextButtonIOS, BpkNavigationBarIconButtonIOS, and BpkNavigationBarButtonAndroid can now be disabled with the disabled prop.
    • Introduces a new theme attribute disabledTintColor. This new attribute has to be supplied to define a valid theme, without it theming is disabled.

Added:

  • bpk-component-code: 1.0.57 => 1.1.0
    • BpkCode and BpkCodeBlock now supports an alternate style more suitable for non-white backgrounds with the alternate prop.
    • BpkCode and BpkCodeBlock can now take a custom className.
    • BpkCode and BpkCodeBlock now spreads additional props down.
  • bpk-component-table: 1.0.57 => 1.1.0
    • BpkTableHeadCell and BpkTable now supports an alternate style more suitable for non-white backgrounds with the alternate prop.
  • bpk-component-content-container: 1.2.0 => 1.3.0
    • BpkConentContainer now supports an alternate style more suitable for non-white backgrounds with the alternate prop.
  • bpk-mixins: 17.6.2 => 17.7.0
    • Added new mixins to support the above alternate styles. Also includes two new mixins for RTL aware margins. bpk-margin-leading and bpk-margin-trailing.

2018-04-17 - Context fixes and stylesheet improvements

Added:

  • bpk-component-content-container: 1.1.62 => 1.2.0
    • BpkContentContainer now accepts a className.

Fixed:

  • bpk-component-dialog: 1.0.17 => 1.0.18

  • bpk-component-drawer: 1.2.9 => 1.2.10

  • bpk-component-modal: 1.6.17 => 1.6.18

  • bpk-component-popover: 2.1.8 => 2.1.9

  • bpk-component-tooltip: 3.1.8 => 3.1.9

    • Context is now preserved in components passed to children.

  • react-native-bpk-component-horizontal-nav: 3.0.4 => 3.0.5

    • Fixed measurements of native horizontal nav component.

  • bpk-react-utils: 2.5.0 => 2.5.1

    • The Portal component now preserves context in it's children prop.

  • bpk-stylesheets: 3.2.100 => 3.2.101

    • Prevent globals (.hidden, .clearfix) from being scoped by css modules.

2018-04-09 - Token output now sorted alphabetically

Breaking:

  • bpk-tokens: 26.8.0 => 27.0.0
    • Major upgrade in underlying token library, including:
      • Token output is now sorted alphabetically
      • ".alias" property has been replaced with an "originalValue" property in *.ios.json, *.raw.ios.json and *.raw.android.json.

Fixed:

  • bpk-component-input: 3.3.11 => 3.3.12
    • The uppercase keys in INPUT_TYPES are now deprecated use lowercase instead. e.g INPUT_TYPES.EMAIL -> INPUT_TYPES.email.

2018-04-04 - New flask icon

Added:

  • bpk-component-icon: 3.18.1 => 3.19.0
  • bpk-mixins: 17.5.1 => 17.6.0
  • bpk-svgs: 5.14.1 => 5.15.0
  • react-native-bpk-component-icon: 1.5.1 => 1.6.0
    • New flask icon.

2018-04-03 - Autosuggest default renderInputComponent fix

Fixed:

  • bpk-component-autosuggest: 3.0.77 => 3.0.78
    • The default renderInputComponent prop now renders a BpkInput correctly

2018-04-03 - Native banner alert refactor

Breaking:

  • react-native-bpk-component-animate-height: 1.0.37 => 2.0.0

  • react-native-bpk-component-banner-alert: 2.1.14 => 3.0.0

    • Major refactor
    • ALERT_TYPES keys are now all lowercase i.e: ALERT_TYPES.success instead of ALERT_TYPES.SUCCESS

  • react-native-bpk-component-button-link: 1.1.7 => 2.0.0

    • Android ripple is no longer constrained to the boundaries of the button link, please use the borderlessBackground prop for this

2018-03-30 - Fix for full-screen modals with lots of content

Fixed:

  • bpk-component-datepicker: 8.0.20 => 8.0.21
  • bpk-component-modal: 1.6.14 => 1.6.15
  • bpk-scrim-utils: 3.1.21 => 3.1.22
    • Fixed issue with full-screen modals that have too much content to display within the viewport.

2018-03-29 - Add support for leading and trailing icons in React Native navigation bar title

Added:

  • react-native-bpk-component-navigation-bar: 1.1.0
    • Add support for leading and trailing icons in navigation bar title.

Fixed:

  • react-native-bpk-component-banner-alert: 2.1.14
    • Fixed devDependencies that should be dependencies.

2018-03-27 - React Native horizontal nav visual breaking change

Breaking:

  • react-native-bpk-component-horizontal-nav: 3.0.0
    • fix spaceAround config resulting in a visual breaking change

2018-03-26 - iPad modal keyboards fixes and fieldset improvements

Fixed:

  • bpk-component-datepicker: 8.0.18 => 8.0.19

  • bpk-component-dialog: 1.0.12 => 1.0.13

  • bpk-component-drawer: 1.2.4 => 1.2.5

  • bpk-component-modal: 1.6.12 => 1.6.13

  • bpk-scrim-utils: 3.1.19 => 3.1.20

    • Fix bug on iPad when virtual keyboards is used in a modal.

  • bpk-component-fieldset: 1.1.11 => 1.1.12

    • When wrapping a BpkAutosuggest in a BpkFieldset, the label's for attribute will now be correctly set from the Autosuggest's inputProps prop.

2018-03-22 - Native Picker Component

Added:

  • react-native-bpk-component-picker: 0.0.1 => 1.0.0
    • Introducing the React Native picker component.

Fixed:

  • react-native-bpk-component-navigation-bar: 1.0.2 => 1.0.3
    • When providing an image for the title we no longer override the style. Instead, we append to it.

2018-03-21 - Native Navigation Bar Improvements

Fixed:

  • react-native-bpk-component-navigation-bar: 1.0.0 => 1.0.2
    • navigationBarStatusBarStyle is now not supported on iOS.
    • New chevron style for BpkNavigationBarBackButtonIOS that better alings with iOS.
    • Support user provided style prop.

2018-03-19 - Native Navigation Bars

Breaking:

  • react-native-bpk-component-button: 5.0.0 => 6.0.0
    • Not actually a breaking change. This was released by mistake again. 5.0.0 and 6.0.0 are compatible.

Added:

  • bpk-component-icon: 3.17.1 => 3.18.0
  • bpk-mixins: 17.4.1 => 17.5.0
  • bpk-svgs: 5.13.1 => 5.14.0
  • react-native-bpk-component-icon: 1.4.1 => 1.5.0
    • New iOS native close icon: native-ios--close.
      • Note: to be used on iOS only...
  • react-native-bpk-component-navigation-bar: 0.0.2 => 1.0.0
    • Introducing the React Native navigation bar component.

2018-03-16 - Android buttons style breaking change and React Native horizontal navigation now allows for small text

Breaking:

  • react-native-bpk-component-button: 4.4.4 => 5.0.0
    • Android secondary and destructive buttons have been visually aligned with iOS by adding a border. Note that the existing visual look is available on both platforms via the button-link component. This is a breaking change to prevent unintended updates to the button look and feel.

Added

  • react-native-bpk-component-horizontal-nav: 2.0.26 => 2.1.0
    • New small prop is accepted in BpkHorizontalNavItem to allow for small text in the navigation item

2018-03-15 - New hotels amenities icons and native android back/forward/close icons

Added:

  • bpk-component-icon: 3.16.1 => 3.17.0
  • bpk-mixins: 17.3.7 => 17.4.0
  • bpk-svgs: 5.12.3 => 5.13.0
  • react-native-bpk-component-icon: 1.3.6 => 1.4.0
    • New hotels amenities icons: hotels--smoking, hotels--pets-allowed, hotels--jacuzzi and hotels--disabled-facilities.
    • New Android native back, forward and close icons: native-android--back, native-android--forward and native-android--close.
      • Note: to be used on Android only...

2018-03-15 - Native Panel component

Added:

2018-03-13 - Native Phone Number Input

Added:

2018-03-12 - Native nudger component and SSR OC fixes

Added:

  • react-native-bpk-component-nudger: 0.0.1 => 1.0.0
    • Introducing the React Native nudger component.

Fixed:

  • bpk-component-popover: 2.1.1 => 2.1.2
  • bpk-component-tooltip: 3.1.1 => 3.1.2
  • bpk-component-datepicker: 8.0.14 => 8.0.15
    • Fixed compatibility with server side OC
  • bpk-scrim-utils: 3.1.15 => 3.1.16
    • Pass onClose prop to the wrapped component in withScrim HOC

2018-03-08 - Android buttons can be icon only and button links can be disabled

Added:

  • bpk-component-drawer: 1.1.19 => 1.2.0

    • Arbitrary props are now passed to drawer container.

  • react-native-bpk-component-button: 4.3.9 => 4.4.0

    • Android now supports the iconOnly prop.

  • react-native-bpk-component-button-link: 1.0.1 => 1.1.0

    • New disabled prop.

  • react-native-bpk-component-touchable-native-feedback: 1.0.0 => 1.1.0

    • New borderlessBackground prop.

Fixed:

  • bpk-component-drawer: 1.1.19 => 1.2.0
  • bpk-scrim-utils: 3.1.14 => 3.1.15
    • Fixed closeOnScrimClick behaviour.

2018-03-06 - New BpkTouchableNativeFeedback component

Added:

  • react-native-bpk-component-touchable-native-feedback: 1.0.0
    • Introduced new BpkTouchableNativeFeedback for safe usage of TouchableNativeFeedback pre-Lollipop.

Fixed:

  • react-native-bpk-component-banner-alert: 2.1.5 => 2.1.6
  • react-native-bpk-component-button-link: 1.0.0 => 1.0.1
  • react-native-bpk-component-button: 4.3.8 => 4.3.9
  • react-native-bpk-component-card: 1.2.10 => 1.2.11
  • react-native-bpk-component-button-horizontal-nav: 2.0.20 => 2.0.21
    • Changed every usage of TouchableNativeFeedback to BpkTouchableNativeFeedback, since it was crashing in Android pre-Lollipop.

2018-03-06 - New native link component, new native badge component, plus enhancements for native text input and web badge components

Added:

  • react-native-bpk-component-button-link: 0.0.2 => 1.0.0

    • Introducing the new React Native button link component.

  • react-native-bpk-component-text-input: 2.1.1 => 2.2.0

    • Introduced a new accessoryView prop that enables rendering any view on the leading side of the text input.

  • react-native-bpk-component-badge: 0.0.0 => 1.0.0

    • Introducing the new React Native badge component.

Fixed:

  • react-native-bpk-component-button: 4.3.7 => 4.3.8

    • Fixes crash on Android API level < 21

  • bpk-component-badge: 1.0.50 => 1.1.0

    • An optional type prop has been introduced to allow selection of different visual appearances.

2018-03-01 - Fix for Android button props

Fixed:

  • react-native-bpk-component-button: 4.3.6 => 4.3.7
    • Android buttons now correctly ignore large and iconOnly props

2018-02-28 - Checkboxes and radio buttons can now accept React nodes

Fixed:

  • bpk-component-checkbox: 1.4.13 => 1.4.14
  • bpk-component-radio: 1.2.13 => 1.2.14
    • label prop-type is now node instead of string.

2018-02-23 - Popovers and tooltips positioning behaviour can now be customised, plus new native text input description prop

Added:

  • bpk-component-card: 1.0.48 => 1.1.0

    • Added new prop blank which when set along with the use of href makes the card open the link in a new tab.

  • bpk-component-icon: 3.15.5 => 3.16.0

    • Added new HOC withDescription to make it easy to provide a textual description of icons for screen readers.

  • bpk-component-popover: 2.0.9 => 2.1.0

  • bpk-component-tooltip: 3.0.8 => 3.1.0

    • New popperModifiers prop. Use this to customise the behaviour of the underlying positioning library. Please refer to its documentation for details.

  • react-native-bpk-component-text-input: 2.0.11 => 2.1.0

    • New description prop. Use this to add a brief description of the field that will appear underneath it.

Fixed:

  • react-native-bpk-component-text: 2.1.28 => 2.1.29
    • Removed line height styles, allowing the built in native ones to be used instead.

2018-02-19 - Fix for janky RN banner alert animations & a visual update to plus, minus and close icons

Added:

  • react-native-bpk-component-banner-alert: 2.0.9 => 2.1.0
    • New bannerStyle prop. These styles will be applied to the banner alerts outer View container, but still within it's animation container. This is useful for maintaining smooth animations whilst applying top/bottom margin.

Fixed:

  • bpk-component-banner-alert: 2.0.8 => 2.0.9
  • bpk-component-close-button: 1.0.49 => 1.0.50
  • bpk-component-dialog: 1.0.4 => 1.0.5
  • bpk-component-drawer: 1.1.16 => 1.1.17
  • bpk-component-icon: 3.15.4 => 3.15.5
  • bpk-component-modal: 1.6.4 => 1.6.5
  • bpk-component-nudger: 1.0.50 => 1.0.51
  • bpk-component-popover: 2.0.8 => 2.0.9
  • bpk-mixins: 17.3.4 => 17.3.5
  • bpk-svgs: 5.12.1 => 5.12.2
  • react-native-bpk-component-banner-alert: 2.0.9 => 2.1.0
  • react-native-bpk-component-button: 4.3.3 => 4.3.4
  • react-native-bpk-component-icon: 1.3.2 => 1.3.3
    • Updated style of plus, minus and close icons.

2018-02-16 - Fixed mouse-clicks not always closing modals and dialogs

Fixed:

  • bpk-component-modal: 1.6.3 => 1.6.4
  • bpk-component-dialog: 1.0.3 => 1.0.4
    • A fix has been put in place to ensure modals and dialogs close when the user taps / clicks on the scrim.

2018-02-12 - Increased tap area for close button

Fixed:

  • bpk-component-banner-alert: 2.0.7 => 2.0.8
  • bpk-component-chip: 2.0.1 => 2.0.2
  • bpk-component-close-button: 1.0.48 => 1.0.49
  • bpk-component-datepicker: 8.0.8 => 8.0.9
  • bpk-component-dialog: 1.0.2 => 1.0.3
  • bpk-component-drawer: 1.1.14 => 1.1.15
  • bpk-component-modal: 1.6.2 => 1.6.3
  • bpk-component-popover: 2.0.7 => 2.0.8
    • Increased close button tap area for better touch support.

2018-02-09 - Fix for close button alignment in various components

Fixed:

  • bpk-component-banner-alert: 2.0.6 => 2.0.7
  • bpk-component-chip: 2.0.0 => 2.0.1
  • bpk-component-close-button: 1.0.47 => 1.0.48
  • bpk-component-datepicker: 8.0.7 => 8.0.8
  • bpk-component-dialog: 1.0.1 => 1.0.2
  • bpk-component-drawer: 1.1.13 => 1.1.14
  • bpk-component-modal: 1.6.1 => 1.6.2
  • bpk-component-popover: 2.0.6 => 2.0.7

2018-02-09 - className support for RTL and grid toggles

Added:

  • bpk-component-grid-toggle: 1.0.46 => 1.1.0
  • bpk-component-rtl-toggle: 1.0.46 => 1.1.0
    • className prop is now accepted.

2018-02-08 - Breaking changes on chip component, update accordion and datatable

Breaking:

  • bpk-component-chip: 1.1.42 => 2.0.0
    • closeLabel is now a required prop.

Added:

  • bpk-component-accordion: 1.1.56 => 1.2.0

    • When using withAccordionItemState, send all the props to the BpkAccordion component.

  • bpk-component-datatable: 0.0.11 => 0.1.0

    • Supports changing column used for initial sorting.

2018-01-31 - Fix dialog for iOS

Fixed:

  • bpk-component-dialog: 1.0.0 => 1.0.1
    • Fixed appearance in Safari for iOS.

2018-01-30 - New dialog component, clearable inputs, alternate links and fullscreen modals!

Added:

  • bpk-component-dialog: 0.0.5 => 1.0.0

  • bpk-component-input: 3.2.52 => 3.3.0

    • Added clearButtonMode, onClear and clearButtonLabel props. These allow inputs to have an optional clear button that appears when the input is focused.

  • bpk-component-link: 1.0.44 => 1.1.0

    • The alternate style can now be themed.
    • The white prop has been deprecated in favour of alternate in BpkLink and BpkButtonLink

  • bpk-component-modal: 1.5.2 => 1.6.0

    • New fullScreen prop as an accompanyment to fullScreenOnMobile. When true, it trumps the mobile prop.

2018-01-24 - Fieldset descriptions

Added:

  • bpk-component-fieldset: 1.0.48 => 1.1.0
    • Adds a new description prop to describe the fieldset component.

Fixed:

  • bpk-component-label: 3.2.49 => 3.2.50
  • bpk-component-fieldset: 1.0.48 => 1.1.0
    • The label now has a bold font weight.

2018-01-23 - New share-android and share-ios icons

Added:

  • bpk-component-icon: 3.14.20 => 3.15.0
  • bpk-mixins: 17.2.6 => 17.3.0
  • bpk-svgs: 5.11.13 => 5.12.0
  • react-native-bpk-component-icon: 1.2.3 => 1.3.0
    • New icons, share--android & share-ios.
    • Updated share icon visuals.

2018-01-19 - Remove selected prop from button

Breaking:

  • bpk-component-button: 1.6.83 => 2.0.0
  • bpk-component-loading-button: 1.0.45 => 2.0.0

Fixed:

  • bpk-component-drawer: 1.1.8 => 1.1.9
    • Drawer components are now full-width on mobile screen sizes.
    • The header now remains fixed to the top of the screen when the drawer content overflows.

Added

  • bpk-react-utils: 2.4.3 => 2.5.0
    • Portal now accepts a closeOnEscPressed prop.
  • bpk-component-modal: 1.4.4 => 1.5.0
    • Modal now accepts a closeOnEscPressed prop.

2018-01-16 - New native button prop for positioning icons

Added:

  • react-native-bpk-component-button: 4.2.16 => 4.3.0
    • New iconAlignment prop allows icons inside buttons to be leading or trailing.

Fixed:

  • bpk-component-banner-alert: 2.0.0 => 2.0.1
  • bpk-component-chip: 1.1.36 => 1.1.37
  • bpk-component-close-button: 1.0.41 => 1.0.42
  • bpk-component-drawer: 1.1.6 => 1.1.7
  • bpk-component-modal: 1.4.2 => 1.4.3
  • bpk-component-popover: 2.0.0 => 2.0.1
    • Close button hover / active styles now work in Firefox.

2018-01-10 - Replacing Tether with Popper.js and new API for web banner alerts

Breaking:

  • bpk-component-datepicker: 7.2.5 => 8.0.0

  • bpk-component-popover: 1.3.4 => 2.0.0

  • bpk-component-tooltip: 2.0.35 => 3.0.0

    • Swapped out tether positioning library in favour of popper.js
    • Removed tetherOptions prop
    • Added placement prop, accepts either top, right, bottom or left

  • bpk-component-popover: 1.3.4 => 2.0.0

    • On mobile screen sizes, popovers now have a margin to prevent them from filling the entire width of their container.

  • bpk-component-banner-alert: 1.6.4 => 2.0.0

    • Removed dismissable property in favour of BpkBannerAlertDismissable.
    • A banner alert with children will no longer be auotmatically expandable. Use the newly introduced BpkBannerAlertExpandable component instead.
    • The ariaLive prop has been removed from BpkBannerAlert.
    • hideAfter in withBannerAlertState is no longer valid for expandable banner alerts.
    • See the migration guide.

Added:

  • bpk-component-banner-alert: 1.6.4 => 2.0.0
    • Introduced new component for the different banner alert configurations.
      • BpkBannerAlert is now the default banner alert.
      • BpkBannerAlertDismissable is a banner alert with a dismiss behaviour.
      • BpkBannerAlertExpandable is a banner alert with expandable behaviour.

2018-01-09 - Prop tweaks, including fix for banner-alert when show is false

Fixed:

  • bpk-component-banner-alert: 1.6.3 => 1.6.4

    • Fixed issue where banner was shown if show was initially set false.

  • bpk-component-popover: 1.3.3 => 1.3.4

  • bpk-react-utils: 2.4.2 => 2.4.3

    • target prop type is now correctly oneOf([function, node]) instead of oneOf([function, element])

  • bpk-component-tooltip: 2.0.34 => 2.0.35

    • target prop type is now correctly node instead of element

2018-01-04 - Fixing BpkBarChart events for bar hovering and focus

Added:

  • bpk-component-barchart: 2.1.27 => 2.2.0
    • New onBarFocus function prop that is invoked when a bar is focused.

Fixed:

  • bpk-component-barchart: 2.1.27 => 2.2.0
    • onBarHover now correctly attaches hover event.

2018-01-03 - New closeOnScrimClick prop for scrims and a web banner alert fix

Added:

  • bpk-component-modal: 1.3.2 => 1.4.0
  • bpk-scrim-utils: 3.0.3 => 3.1.0
    • New closeOnScrimClick prop, which is true by default.

Fixed:

  • bpk-component-banner-alert: 1.6.2 => 1.6.3
    • Removed usage of Object.values.

2018-01-03 - New native icons constant

Added:

  • react-native-bpk-component-icon: 1.1.15 => 1.2.0
    • icons object is now exposed, allowing users to refer to icon names using a constant.

2017-12-21 - Fix web button warnings

Fixed:

  • bpk-component-button: 1.6.78 => 1.6.79
    • Fixed react warnings about PropTypes and createClass.

2017-12-21 - Android Support for React Native Banner Alert

Added:

2017-12-14 - React Native text inputs now correctly support placeholders

Fixed:

  • react-native-bpk-component-text-input: 2.0.0 => 2.0.1
    • Reinstated placeholder prop support.

2017-12-14 - New description list component

Added:

2017-12-13 - Fix banner alert react-transition-group dependency issues

  • bpk-component-banner-alert: 1.5.1 => 1.5.2
    • Downgraded react-transition-group to ^1.2.1.

2017-12-13 - Native text input redesign with Android support

Breaking:

  • react-native-bpk-component-text-input: 1.1.3 => 2.0.0
    • Now supports Android.
    • A new floating label text design.
    • The placeholder prop has been removed. If supplied, it will be ignored.
    • The small prop has been removed. Existing components using it will now get the standard size.
    • The disabled prop has been replaced with editable, to follow React Native's built in TextInput component.
    • A new optional prop, validationMessage, allows a message to be shown when valid={false}.
    • A new required label prop.

2017-12-12 - Fix missing dependency

Fixed:

  • bpk-component-banner-alert: 1.5.0 => 1.5.1
    • fix missing dependecy

2017-12-12 - Pagination and native star rating components

Added:

2017-12-06 - More theming support

Added:

  • bpk-component-drawer: 1.0.1 => 1.1.0
    • Drawer now supports theming.
  • bpk-component-slider: 1.0.7 => 1.1.0
    • Slider now supports theming.

2017-12-05 - More theming support - modals, popovers, datepickers, checkboxes and radio buttons!

Added:

  • bpk-component-modal: 1.1.45 => 1.2.0

    • Modal now supports theming.

  • bpk-component-popover: 1.2.41 => 1.3.0

    • Popover now supports theming.

  • bpk-component-datepicker: 7.1.32 => 7.2.0

    • Datepickers now support theming.

  • bpk-react-utils: 2.3.8 => 2.4.0

    • Portal now accepts a renderTarget DOM element to render the portal in.

  • bpk-component-checkbox: 1.3.40 => 1.4.0

  • bpk-component-radio: 1.1.41 => 1.2.0

    • Now supports theming.

Fixed:

  • bpk-theming: 1.0.0 => 1.0.1
    • The theme provider now accepts arbitrary props (such as id)

2017-11-30 - New Drawer component and theming support for calendar

Breaking: -bpk-scrim-utils: 2.0.2 => 3.0.0

  • Renamed prop: contentClassName to containerClassName to better reflect usage
  • Renamed prop it passes to wrapped component: getDialogRef to dialogRef to align with convention

Added:

  • bpk-mixins: 17.0.16 => 17.1.0
    • Adds $bpk-zindex-drawer
  • bpk-tokens: 26.5.2 => 26.6.0
    • Adds value for drawer z-index.
  • bpk-component-calendar: 4.1.27 => 4.2.0
    • Calendar now supports theming.
  • bpk-component-drawer: 1.0.0
    • A new component which creates a drawer that slides into view from the side of the screen

2017-11-28 - Add support for refs in react-native-bpk-component-input

Added:

  • react-native-bpk-component-text-input:
    • Added new inputRef prop to capture the TextInput ref.

2017-11-27 - Web theming support

Breaking:

  • bpk-component-horizontal-nav: 1.0.43 => 2.0.0
    • New look in line with the native component

Added:

  • Theming support: Theming support added for:
    • bpk-component-accordion
    • bpk-component-barchart
    • bpk-component-blockquote
    • bpk-component-button
    • bpk-component-horizontal-nav
    • bpk-component-link
    • bpk-component-nudgers
    • bpk-component-progress
    • bpk-component-spinners
  • bpk-theming: 1.0.0
  • bpk-component-theme-toggle: 1.0.0
    • New component to help switching themes on the fly

2017-11-23 - Fix accidental breaking change in web spinners

Fixed:

  • bpk-component-loading-button: 1.0.35 => 1.0.36
  • bpk-component-spinner: 2.2.0 => 2.2.1
    • Large and extra large now should have a default type of dark

2017-11-23 - Web spinners can now be primary, light or dark

Added:

  • bpk-component-spinner: 2.1.38 => 2.2.0
    • New type prop. Options are primary, light or dark

Fixed:

  • react-native-bpk-component-banner-alert: 1.1.9 => 1.1.10
  • react-native-bpk-component-button: 4.2.6 => 4.2.7
  • react-native-bpk-component-horizontal-nav: 2.0.1 => 2.0.2
    • Replaced TouchableHighlight with BpkTouchableOverlay.

2017-11-21 - React Native cards can now have a dividing line

Added:

2017-11-21 - Improved image positoning, dependency upgrades and interface clarifications

Breaking:

  • bpk-scrim-utils: 1.0.2 => 2.0.0

    • Removed padded prop in favour of more generic contentClassName
    • Fixed modal white background on iPhone not showing

  • bpk-component-image: 1.1.15 => 2.0.0

    • withLazyLoading now applies styling options to the wrapper div it creates rather than the lazy loaded component.
    • Any className provided to BpkImage is now applied to the outermost div in the component.

Added:

Fixed:

  • bpk-component-button: 1.6.71 => 1.6.72

    • Svg's fill colour is automatically set to text colour.

  • bpk-component-banner-alert: 1.3.8 => 1.4.0

    • Prevented dismissButton being constructed on non-dismissable banner-alerts to fix prop warning.

  • bpk-component-image: 1.1.15 => 2.0.0

    • The image no longer positions incorrectly when text-align center is applied to its parent.

  • bpk-react-utils: 2.3.7 => 2.3.8

  • bpk-component-image: 1.1.15 => 2.0.0

  • bpk-component-fieldset: 1.0.34 => 1.0.35

    • BpkFieldset now correctly warns when the label prop is missing.

2017-11-17 - New native horizontal nav interface and enhancements to bpk-animate-height

Breaking:

  • react-native-bpk-component-horizontal-nav: 1.0.1 => 2.0.0
    • BpkHorizontalNavItem no longer supports the selected prop. Instead, add an id prop to BpkHorizontalNavItem and a selectedId prop to BpkHorizontalNav. This allows the selected indicator line to animate when the selectedId prop changes. See https://backpack.github.io/components/native/horizontal-nav for an example.

Added:

  • bpk-animate-height: 1.0.32 => 1.1.0
    • New onAnimationComplete function prop which is invoked when expand / collapse completes.

2017-11-16 - New platform specific extensions for React Native tokens

Added:

Fixed:

  • bpk-component-modal: 1.1.38 => 1.1.39

    • Fixed appear animation

  • react-native-bpk-component-card: 1.1.4 => 1.1.5

    • Add support for android

  • react-native-bpk-component-animate-height:

    • Added props for expandDelay and collapseDelay.
    • Now removes itself from the tree when collapsed to height: 0.

2017-11-10 - New withScrim HOC, plus native horizontal nav and switch components

Added:

2017-11-07 - New slider component

Added:

Fixed:

  • bpk-component-input: 3.2.36 => 3.2.37
    • Expose BpkInput underlying DOM node ref to parent components.

2017-11-06 - Internet explorer compat and other bugfixes

Fixed:

  • bpk-component-calendar: 4.1.20 => 4.1.21

  • bpk-component-datepicker: 7.1.22 => 7.1.23

    • Fix for weekend separator not showing in Internet Explorer and Edge.

  • react-native-bpk-component-banner-alert: 1.1.5 => 1.1.6

    • Fix icon color of success alert.
    • User style now takes precedence over encapsualted style.

  • bpk-animate-height: 1.0.30 => 1.0.31

  • bpk-component-accordion: 1.1.37 => 1.1.38

  • bpk-component-banner-alert: 1.3.5 => 1.3.6

  • bpk-component-fieldset: 1.0.30 => 1.0.31

  • bpk-component-form-validation: 1.0.30 => 1.0.31

  • bpk-component-grid: 1.1.35 => 1.1.36

    • Removed usage of Number.isNaN & Number.isFinite which are unsupported in IE

2017-11-02 - Popover fix for target element refocus

Fixed:

  • bpk-component-datepicker: 7.1.21 => 7.1.22
  • bpk-component-popover: 1.2.33 => 1.2.34
    • Fix for target element refocus after close

2017-11-02 - New React Native Spinner component

Added:

2017-10-31 - Fix for vertical alignment of text in select inputs

Fixed:

  • bpk-mixins: 17.0.9 => 17.0.10

  • bpk-component-select: 2.1.33 => 2.1.34

    • Fixed text vertical alignment

  • bpk-component-icon: 3.14.4 => 3.14.5

  • bpk-svgs: 5.11.4 => 5.11.5

    • React svgs are now functional components as opposed to class components
    • NOTE: If you have backpack icon components in your snapshots tests you will see some snapshot failures as a result of this change. To minimise against such failures in the future, shallow rendering should be used. In this particular example using shallow rendering would have resulted in Component showing up instead of SVG.

2017-10-26 - Fix for Chrome 62 border radius leak

Fixed:

  • bpk-component-horizontal-nav: 1.0.35 => 1.0.36
    • Explicitly set the border radius to 0 for BpkHorizontalNavItem.

2017-10-24 - Android support for button component

Fixed:

  • react-native-bpk-component-button: 4.1.0 => 4.2.0
  • react-native-bpk-component-card: 1.1.0 => 1.1.1
  • react-native-bpk-component-animate-height: 1.0.2 => 1.0.3
    • import ViewPropTypes to prevent native build to break at compile time

Added:

  • react-native-bpk-component-button: react-native-bpk-component-button: 4.1.0 => 4.2.0

    • Add Android support

    Fixed:

  • bpk-component-nudger:

    • Removed redundant role="alert" from nudger input

2017-10-20 - Icon support for native buttons and focused prop for native cards

Added:

  • react-native-bpk-component-card: 1.0.10 => 1.1.0
  • react-native-bpk-component-button: 4.0.4 => 4.1.0
    • The icon prop now accepts strings corresponding to a valid BpkIcon.
    • Elements can still be passed in as before if required.

Changed:

  • bpk-component-breakpoint: 1.0.25 => 1.0.26
  • Upgraded react-responsive to v3.0.0 to fix propType warning.

2017-10-18 - New neutral configuration for native and web banner alerts

Added:

2017-10-17 - New native banner alert and animations for web banner alerts

Added:

2017-10-16 - React Lists and List Items can now have a className prop added

Added:

  • bpk-component-list:
    • The className prop has been added to BpkList and BpkListItem, mirroring functionality in other components that implement the prop

2017-10-13 - 17 new icons added and 5 existing icons changed

Added:

  • bpk-svgs:
    • Added 17 new icons
    • alert--active
    • alert--add
    • alert--expired
    • alert--remove
    • baggage--add
    • baggage--remove
    • data
    • device-mid
    • device-wide
    • direct
    • landmark
    • menu--horizontal
    • menu--vertical
    • thumbs-down
    • thumbs-up
    • window--reduce
    • window

Updated:

  • bpk-svgs:
    • Modified 5 icons:
      • expand
      • stops
      • new-window
      • ticket
      • time

Fixed:

  • bpk-react-utils:
  • Upgraded recompose dependency to support React 16.

2017-10-12 - New React Native icon component installation instructions and simpler React Native button API

Breaking:

  • react-native-bpk-component-button: 3.1.0 => 4.0.0
  • The selected state has been removed. Buttons using selected will fall back and become standard buttons.

Updated:

  • react-native-bpk-component-icon: 1.0.1 => 1.0.2
    • update installation instruction

2017-10-10 - React Native button components can now be themed

Added:

  • bpk-tokens: 26.3.0 => 26.4.0

    • iOS & Android border size tokens
    • Android elevation tokens
    • iOS touchable highlight underlay tokens
    • iOS shadow tokens
    • iOS & Android radii tokens
    • Update Android text tokens

  • react-native-bpk-component-button: 3.0.5 => 3.1.0

    • Primary and secondary buttons can now be themed.

  • react-native-bpk-component-banner-alert:

Fixed:

  • bpk-tokens: 26.3.0 => 26.4.0

    • Fixed package meta data to point to correct entry file i.e. "main": "index.js", instead of "main": "tokens/base.default.scss",

  • react-native-bpk-theming: 1.0.2 => 1.0.3

    • Removed TC39 stage 3 proposed syntax from withTheme HOC

  • react-native-bpk-component-button: 3.0.5 => 3.1.0

  • react-native-bpk-component-card: 1.0.5 => 1.0.6

  • react-native-bpk-component-icon: 1.0.0 => 1.0.1

  • react-native-bpk-component-text-input: 1.0.10 => 1.0.11

  • react-native-bpk-component-text: 2.1.9 => 2.1.10

  • react-native-bpk-theming: 1.0.2 => 1.0.3

    • React 16 pre-release versions are now supported as peer dependencies
    • i.e. 16.0.0-beta.5, 16.0.0-rc.1 & 16.0.0 are good

2017-10-06 - React Native Icon Component

  • react-native-bpk-component-icon: 0.0.4 => 1.0.0

2017-10-05 - New native font family tokens

Added:

  • bpk-tokens: 26.2.2 => 26.3.0
    • iOS FONT_FAMILY token
    • Android FONT_FAMILY & FONT_FAMILY_EMPHASIZE token

Fixed:

  • bpk-stylesheets: 3.2.64 => 3.2.65

    • Removed .enable-jp-font-feature-settings class

  • bpk-mixins: 17.0.2 => 17.0.3

  • bpk-tokens: 26.2.2 => 26.3.0

  • bpk-svgs: 5.10.1 => 5.10.2

    • Re-categorized STATE_SELECTED_BACKGROUND_COLOR as states

2017-10-04 - Fixed ticket "notch" display issue in Safari 11

Fixed:

  • bpk-component-ticket: 1.1.2 => 1.1.3

    • Ticket notch now displays correctly in Safari 11

  • bpk-stylesheets: 3.2.63 => 3.2.64

    • Added ability to have .enable-font-smoothing class added to body element

2017-10-01 - Add React Native Icon component and Theme Provider

Added:

2017-09-29 - Update tokens types value and add ttf icon font

Fixed:

  • bpk-tokens:
    • Fixed various type values for web, ios and android tokens e.g:
      • LINE_HEIGHT_XS's type was font-size but is now size
      • FONT_SIZE_XS's type was size but is now font-size
      • etc

Added:

  • bpk-svgs:
    • Added ttf icon font

2017-09-27 - Image loading spinner will now be removed from DOM after fading

Breaking:

  • bpk-mixins: 16.5.5 => 17.0.0
    • Removed image mixins as they are not applicable on their own

Fixed:

  • bpk-component-image: 1.0.8 => 1.1.0
    • Loading spinner will now be removed from DOM once image is displayed

2017-09-26 - Ability to add arbitrary props to ticket stubs

Added:

  • bpk-component-ticket: 1.0.18 => 1.1.0
    • New props: stubProps & stubClassName

2017-09-26 - New native Card component

Added:

2017-09-26 - Applying custom styles to buttons is less surprising

Breaking:

  • react-native-bpk-component-button: 2.0.0 => 3.0.0
    • Previously, applying custom style to the button was like so: 
      style={{
  container: {...}
}}
      Now things are more in line with expectations: 
      style={{...}}

2017-09-25 - Color tokens can now be made opaque

  • bpk-tokens: 26.1.1 => 26.2.0
    • Color tokens can now be made opaque with setOpacity

2017-09-25 - Bar chart bars now have hooks for hover and touch events

Added:

  • bpk-component-barchart: 2.0.13 => 2.1.0
    • Added support for hover and touch events on bars.

Fixed:

  • react-native-bpk-component-text-input: 1.0.3 => 1.0.4
    • Made tap area larger to make activation of the Text Input easier on a touch-device

2017-09-21 - New React Native Button properties

Breaking:

  • react-native-bpk-component-button: 1.0.0 => 2.0.0
    • title prop is now required.

Added:

  • react-native-bpk-component-button: 1.0.0 => 2.0.0
    • New iconOnly and accessibilityLabel props.

2017-09-20 - New React Native Button component

Added:

2017-09-20 - New React Native Text Input component

Added:

Fixed:

  • react-native-bpk-component-text: 2.0.0 => 2.1.0
    • Default color is now gray700
    • Passing in a StyleSheet style prop is now supported

2017-09-12 - New React Native Text component

Note: There was an issue during the package publishing step which resulted in all changed packages being published twice by mistake. Apologies for any confusion.

Breaking:

  • bpk-tokens: 25.0.0 => 26.0.0
    • Removed ios and android letter spacing tokens

Added:

Fixed:

  • bpk-animate-height: 1.0.13 => 1.0.14
  • bpk-component-accordion: 1.1.20 => 1.1.21
  • bpk-component-autosuggest: 3.0.33 => 3.0.34
  • bpk-component-badge: 1.0.13 => 1.0.14
  • bpk-component-banner-alert: 1.2.7 => 1.2.8
  • bpk-component-barchart: 2.0.9 => 2.0.10
  • bpk-component-blockquote: 1.1.7 => 1.1.8
  • bpk-component-breakpoint: 1.0.13 => 1.0.14
  • bpk-component-button: 1.6.52 => 1.6.53
  • bpk-component-calendar: 4.1.3 => 4.1.4
  • bpk-component-card: 1.0.13 => 1.0.14
  • bpk-component-checkbox: 1.3.18 => 1.3.19
  • bpk-component-chip: 1.1.8 => 1.1.9
  • bpk-component-close-button: 1.0.13 => 1.0.14
  • bpk-component-code: 1.0.13 => 1.0.14
  • bpk-component-content-container: 1.1.19 => 1.1.20
  • bpk-component-datepicker: 7.1.3 => 7.1.4
  • bpk-component-fieldset: 1.0.13 => 1.0.14
  • bpk-component-form-validation: 1.0.13 => 1.0.14
  • bpk-component-grid-toggle: 1.0.13 => 1.0.14
  • bpk-component-grid: 1.1.19 => 1.1.20
  • bpk-component-heading: 2.1.19 => 2.1.20
  • bpk-component-horizontal-nav: 1.0.19 => 1.0.20
  • bpk-component-icon: 3.13.1 => 3.13.2
  • bpk-component-image: 1.0.3 => 1.0.4
  • bpk-component-input: 3.2.20 => 3.2.21
  • bpk-component-label: 3.2.19 => 3.2.20
  • bpk-component-link: 1.0.13 => 1.0.14
  • bpk-component-list: 1.0.13 => 1.0.14
  • bpk-component-loading-button: 1.0.13 => 1.0.14
  • bpk-component-mobile-scroll-container: 1.0.13 => 1.0.14
  • bpk-component-modal: 1.1.20 => 1.1.21
  • bpk-component-nudger: 1.0.13 => 1.0.14
  • bpk-component-panel: 1.0.13 => 1.0.14
  • bpk-component-paragraph: 1.0.13 => 1.0.14
  • bpk-component-popover: 1.2.16 => 1.2.17
  • bpk-component-progress: 1.0.13 => 1.0.14
  • bpk-component-radio: 1.1.19 => 1.1.20
  • bpk-component-router-link: 1.0.13 => 1.0.14
  • bpk-component-rtl-toggle: 1.0.13 => 1.0.14
  • bpk-component-select: 2.1.19 => 2.1.20
  • bpk-component-spinner: 2.1.19 => 2.1.20
  • bpk-component-star-rating: 1.0.13 => 1.0.14
  • bpk-component-table: 1.0.13 => 1.0.14
  • bpk-component-text: 1.0.11 => 1.0.12
  • bpk-component-textarea: 1.0.13 => 1.0.14
  • bpk-component-ticket: 1.0.13 => 1.0.14
  • bpk-component-tile: 0.0.18 => 0.0.19 (private)
  • bpk-component-tooltip: 2.0.9 => 2.0.10
  • bpk-react-utils: 2.3.2 => 2.3.3
    • Prepared for React 16 by supporting it as a peer dependency.

2017-09-07 - New fast train icon

Added:

  • bpk-component-icon: 3.12.1 => 3.13.0
  • bpk-mixins: 16.4.1 => 16.5.0
  • bpk-svgs: 5.8.0 => 5.9.0
    • Added fast train icon

2017-09-06 - Bug fixes in BpkImage

Fixed:

  • bpk-component-image: 1.0.0 => 1.0.1
    • Fixed issue where lazy-loading HOC would not detect scrolling within a div
    • Image background color will now be removed after the image is shown

2017-08-30 - Calendars/Datepickers can now set initally focused date / month

Added:

  • bpk-component-calendar: 4.0.17 => 4.1.0
  • bpk-component-datepicker: 7.0.18 => 7.1.0
    • Added initiallyFocusedDate prop that allows controlling which date is initially focused when selectedDate is not specified. If not supplied minDate will receive focus as before.

2017-08-30 - New image component

Added:

  • bpk-component-image: 1.0.0
    • Added BpkImage component
    • Added withLazyLoading HOC which allows BpkImage to be loaded only when in view
    • Added withLoadingBehavior HOC which allows BpkImage to be shown only once loaded, displaying a spinner until that point

2017-08-25 - New unlock icon

Added:

  • bpk-component-icon: 3.11.1 => 3.12.0
  • bpk-mixins: 16.3.1 => 16.4.0
  • bpk-svgs: 5.7.0 => 5.8.0
    • Added 1 new icon (unlock)

Fixed:

  • bpk-component-button: 1.6.48 => 1.6.49

    • Fixed SyntheticEvent not being passed to the onClick handler.

  • bpk-component-table: 1.0.9 => 1.0.10

    • BpkTableBody, BpkTableHead, BpkTableHeadCell & BpkTableRow now accept custom classes and arbitrary props

2017-08-17 (2) - Fix a missing dependency in several components

Added:

  • bpk-react-utils: 2.2.2 => 2.3.0
    • Expose recompose's wrapDisplayName utility function

Fixed:

  • bpk-component-accordion: 1.1.15 => 1.1.16
  • bpk-component-barchart: 2.0.4 => 2.0.5
  • bpk-component-icon: 3.11.0 => 3.11.1
  • bpk-component-input: 3.2.15 => 3.2.16
  • bpk-component-rtl-toggle: 1.0.8 => 1.0.9
  • bpk-component-star-rating: 1.0.8 => 1.0.9
    • Import wrapDisplayName from bpk-react-utils instead of directly from recompose

2017-08-17 - New icons, customisable table rows, and common.js output for React Native

Added:

  • bpk-component-icon: 3.10.3 => 3.11.0
  • bpk-mixins: 16.2.3 => 16.3.0
  • bpk-svgs: 5.6.2 => 5.7.0
    • added 1 new icon (cloakroom)
  • bpk-tokens: 24.1.0 => 24.2.0
    • Added common js output for React Native. bpk-tokens/tokens/{platform}/base.react.native.common.js

Fixed:

  • bpk-component-table: 1.0.7 => 1.0.8
    • BpkTableRow now accepts arbitrary props
  • bpk-component-icon: 3.10.3 => 3.11.0
    • Fixed displayName of withAlignment HOC NOTE: This may break your snapshot tests and thus your build. This is nothing to worry about and the snapshots can safely be updated. Just make sure to perform the update in isolation so that all the snapshot updates relate to this issue and don't introduce unrelated regressions.

2017-08-15 - Added new token outputs for iOS and Android (native and React Native)

Added:

  • bpk-tokens: 24.0.1 => 24.1.0
    • Added new outputs for the iOS and Android platforms in bpk-tokens/tokens/ios/base.ios.json, bpk-tokens/tokens/ios/base.react.native.es6.js, bpk-tokens/tokens/android/base.android.xml and bpk-tokens/tokens/android/base.react.native.es6.js. These interfaces are not to be considered stable yet however and they may still change.

Fixed:

  • bpk-tokens: 24.0.1 => 24.1.0
    • Remove unused output formats for iOS and Android which aren't relevant when the platform is web.

2017-08-11 - Blockquote design changes and new props for banners

Added:

  • bpk-component-blockquote: 1.0.5 => 1.1.0
    • Updated match Jon Hicks' design

Fixed:

  • bpk-component-banner-alert: 1.1.14 => 1.2.0
    • Added support for a custom className and other arbitrary props

2017-08-08 - Enhancements to Chip, bug fixed for popover and modal

Added:

  • bpk-component-chip: 1.0.6 => 1.1.0
    • a className prop has been added to allow users to apply their own className
    • a closeLabel prop has been added to allow users to specify the label on the close button within the chip

Fixed:

  • bpk-component-popover: 1.2.7 => 1.2.8
    • Fixed a bug where an on mouse down event starting inside the popover and ending outside the popover would incorrectly close the popover.
    • Fixed issues with mouse interaction in Safari on iOS which caused scrolling behavior to incorrectly close portal elements.
  • bpk-component-modal: 1.1.11 => 1.1.12
    • Fixed issue where clicking below the content in a full-screen modal caused it to incorrectly close.
    • Made touch-interaction consistent with Portal behavior.

2017-08-03 - New icons, mobile friendly barcharts, and more styling options for tooltips

Breaking:

  • bpk-component-tooltip: 1.2.3 => 2.0.0
    • The className prop has been renamed to portalClassName.
  • bpk-component-barchart: 1.0.6 => 2.0.0
    • Increased the tappable area of barchart bars by default
    • Added new prop padding in BpkBarchartBar to support this behaviour

Added:

  • bpk-component-icon: 3.9.3 => 3.10.0

  • bpk-mixins: 16.1.0 => 16.2.0

  • bpk-svgs: 5.5.4 => 5.6.0

    • added 3 new icons (legroom-normal, legroom-extra, legroom-reduced)

  • bpk-component-tooltip: 1.2.3 => 2.0.0

    • Add portalStyle prop that enables styling the tooltip portal.

2017-08-03 - Deprecated Heading & Paragraph components

Changed:

  • bpk-component-heading:

  • bpk-component-paragraph:

    • These components are now deprecated, please use bpk-component-text instead:

      bpk-component-heading -> bpk-component-text:

      If you were relying on the baked-in bottom margin:

      // old
<BpkHeading level="h1">My Heading</BpkHeading>

// new
<BpkText tagName="h1" textStyle="xxl" className="MyHeading">
  My Heading
</BpkText>

.MyHeading {
  margin-bottom: $bpk-spacing-sm;
}

      If you were opting out of the baked-in bottom margin:

      // old
<BpkHeading level="h1" bottomMargin={false}>My Heading</BpkHeading>

// new
<BpkText tagName="h1" textStyle="xxl">My Heading</BpkText>

      bpk-component-paragrapg -> bpk-component-text:

      // old
<BpkParagraph>My paragraph.</BpkParagraph>

// new
<BpkText tagName="p" textStyle="base" className="MyParagraph">
  My paragraph.
</BpkText>

.MyParagraph {
margin-bottom: $bpk-spacing-sm;
}

2017-08-03 - Additional "BEM" text mixins plus 🐛 fixes

Added:

  • bpk-mixins: 16.0.0 => 16.1.0

    • Added BEM bpk-text--XX mixins for text styles. These are similar but subtley different to existing bpk-text-XX mixins

    • By default, use the BEM-style mixins:

      .my-component {
  @include bpk-text; // resets margin
  @include bpk-text--sm; // applies sm text style
}

    • If you want the text style but need to apply custom margin, use the bpk-text-xx standalone mixins:

      .my-component {
  margin: $bpk-spacing-sm 0 $bpk-spacing-base 0; // applies custom margin

  @include bpk-text-sm; // applies sm text style
}

  • bpk-react-utils: 2.1.1 => 2.2.0

    • Added withDefaultProp HOC to simplify using the same component with the same props in many places.

Fixed:

  • bpk-component-table: 1.0.2 => 1.0.3

    • BpkTableCell's now accept arbitrary props and classNames

  • bpk-component-icon: 3.9.2 => 3.9.3

    • withAlignment HOC uses wrapping span to prevent overriding the style of an aligned component

  • bpk-component-breakpoint: 1.0.2 => 1.0.3

    • Unpinned react-responsive to ^v1.3.2 as the breaking change released in v1.3.2 has been resolved

2017-07-28 - New Text component and mixins

Breaking:

  • bpk-mixins: 15.7.1 => 16.0.0

    • Text mixins (bpk-text-base, bpk-text-lg etc.) now set letter-spacing and font-weight explicitly. This means you cannot set font-weight anymore before including the mixin. Instead, use the new bpk-text-bold mixin to bolden text:

      .selector {
  @include bpk-text-lg;
  @include bpk-text-bold;
}

  • bpk-tokens: 23.3.1 => 24.0.0

    • Aliases in .raw.json format are now objects with a value property i.e.

      "WHITE": {
  "value": "#ffffff"
},

      ...instead of...

      "WHITE": "#ffffff",

Added:

  • bpk-mixins: 15.7.1 => 16.0.0

    • New bpk-text-xs mixin in addition to the existing text styles (sm, base, lg, xl, xxl)

  • bpk-tokens: 23.3.1 => 24.0.0

    • New theme for iOS, with specific text styles and spacings
    • Text style tokens for the base theme, in line with the new iOS theme

  • bpk-component-text: 1.0.0

    • New component BpkText is the new preferred method for rendering text of all kinds. It utilizes the newly added mixins and allows separation of text style and semantics.

Fixed:

  • bpk-tokens: 23.3.1 => 24.0.0
    • Android colours are now #AARRGGBB instead of #RRGGBBAA

2017-07-24 - Icon improvements and fixes

No change:

  • All packages have moved to Github for development

Fixed:

  • bpk-component-icon: 3.9.0 => 3.9.1
    • Ensure icons are precisely aligned to the grid
    • Scale the accessibility icon to fit the grid (20px)
    • Center the close-circle and tick-circle icons in the middle of their container
    • Fix missing glyph on the information--language-alert icon

2017-07-18 - Bar chart keyboard nav fix

Fixed:

  • bpk-component-barchart: 1.0.2 => 1.0.3
    • Fixed a bug where in Chrome navigating a barchart using the keyboard would oveflow and hide half the bars.

2017-07-17 - Version stabilisation, Fix for Tooltip z-index, HOC for alignment, Fix for modal close bug

No change:

  • bpk-animate-height: 0.0.22 => 1.0.0
  • bpk-component-badge: 0.1.5 => 1.0.0
  • bpk-component-blockquote: 0.1.5 => 1.0.0
  • bpk-component-breakpoint: 0.1.28 => 1.0.0
  • bpk-component-card: 0.1.5 => 1.0.0
  • bpk-component-close-button: 0.1.6 => 1.0.0
  • bpk-component-code: 0.1.5 => 1.0.0
  • bpk-component-fieldset: 0.3.6 => 1.0.0
  • bpk-component-form-validation: 0.1.5 => 1.0.0
  • bpk-component-grid-toggle: 0.2.2 => 1.0.0
  • bpk-component-link: 0.6.5 => 1.0.0
  • bpk-component-list: 0.1.5 => 1.0.0
  • bpk-component-loading-button: 0.1.6 => 1.0.0
  • bpk-component-mobile-scroll-container: 0.0.6 => 1.0.0
  • bpk-component-nudger: 0.1.6 => 1.0.0
  • bpk-component-panel: 0.1.5 => 1.0.0
  • bpk-component-paragraph: 0.3.5 => 1.0.0
  • bpk-component-progress: 0.1.6 => 1.0.0
  • bpk-component-router-link: 0.2.5 => 1.0.0
  • bpk-component-rtl-toggle: 0.1.2 => 1.0.0
  • bpk-component-star-rating: 0.0.11 => 1.0.0
  • bpk-component-table: 0.1.6 => 1.0.0
  • bpk-component-textarea: 0.1.5 => 1.0.0
  • bpk-component-ticket: 0.1.6 => 1.0.0
  • bpk-tether: 0.0.4 => 1.0.0
    • The packages have been stablised at 1.0.0, but there are no breaking changes.

Added:

  • bpk-component-tooltip: 1.1.5 => 1.2.0

    • A custom class name can now be supplied when rendering BpkTooltip.

  • bpk-mixins: 15.6.4 => 15.7.0

    • Adds $bpk-zindex-tooltip

  • bpk-tokens: 23.2.2 => 23.3.0

    • Adds value for tooltip z-index.

  • bpk-component-icon: 3.8.0 => 3.9.0

    • withAlignment HOC updated to accept props. Existing styling will be spread with the new alignment styling.

Fixed:

  • bpk-component-modal: 1.1.6 => 1.1.7

    • Fixed a bug where an on mouse down event starting inside the modal and ending outside the modal would incorrectly close the modal.

  • bpk-component-tooltip: 1.1.5 => 1.2.0

    • The tooltip now correctly sets an appropriate z-index.

2017-07-14 - Datepicker/Breakpoint exception fix

Fixed:

  • bpk-component-breakpoint: 0.1.27 => 0.1.28
  • bpk-component-datepicker: 7.0.5 => 7.0.6
    • Pinned react-responsive to v1.3.0 as a breaking change was released in v1.3.2

2017-07-14 - Selectable bar chart

Breaking:

  • bpk-component-barchart: 0.3.5 => 1.0.0

    • The onBarClick callback prop has changed signature:

      const onBarClick = (e, source) => { ... } // old
const onBarClick = (e, { source }) => { ... } // new

Added:

  • bpk-component-barchart: 0.3.5 => 1.0.0
    • BpkBarchart
      • Added getBarSelection callback prop which can be used to indicate that a given bar is selected
    • BpkBarchartBar
      • Added selected prop
  • bpk-component-icon: 3.7.5 => 3.8.0
    • Replaced HOC's: withButtonAlignment & withLargeButtonAlignment with withAlignment
    • withAlignment provides similar alignment functionality to a given component, taking as extra arguments the line height of the parent and icon components.
    • withButtonAlignment & withLargeButtonAlignment are still available as wrappers around the new withAlignment function.

Fixed:

  • bpk-component-banner-alert: 1.1.7 => 1.1.8
    • Add alert role to notification for use by accessibility tools

2017-07-12 - Add Chip component

Added:

Fixed:

  • bpk-component-horizontal-nav: 1.0.4 => 1.0.5
    • Add tab and tablist roles for use by accessibility tools

2017-07-10 - Add source arg to popover's onClose

Added:

  • bpk-component-popover: 1.1.3 => 1.2.0

  • bpk-react-utils: 2.0.2 => 2.1.0

    • Add source argument to onClose callback:

      onClose(event, { source: <string> })

2017-07-10 - Fix undefined property access in progress bar component

Fixed:

  • bpk-component-progress: 0.1.3 => 0.1.4
    • Fix for progress bar depending on undefined property bpkColorWhite -> colorWhite

2017-07-07 - Add shortcuts to toggle components

Added:

  • bpk-component-grid-toggle: 0.1.2 => 0.2.0
  • bpk-component-rtl-toggle: 0.0.75 => 0.1.0
    • Shortcuts have been added to allow grid and RTL to be toggled using ctrl+cmd+r and ctrl+cmd+g respectively

Fixed:

  • bpk-component-datepicker: 7.0.0 => 7.0.1
    • When there is no date set, do not pupulate "aria-label" with "Thursday, 1st January 1970"

2017-06-30 - onMonthChange callback structure

Breaking:

  • bpk-component-calendar: 3.3.2 => 4.0.0
  • bpk-component-datepicker: 6.1.3 => 7.0.0
    • The onMonthChange signature has changed from onMonthChange(<Date>) to onMonthChange(event, { month: <Date>, source: <string> })

2017-06-28 - Fix "tablet-only" mixin/variable

Fixed:

  • bpk-mixins: 15.6.0 => 15.6.1
  • bpk-tokens: 23.2.1 => 23.2.2
    • Fix syntax bug in "tablet-only" sass variables & mixins

2017-06-27 - Small checkbox labels and fix for popover crash

Added:

  • bpk-component-checkbox: 1.2.0 => 1.3.0
    • New prop smallLabel renders the label at a smaller font size suitable for filters etc.
  • bpk-mixins: 15.5.0 => 15.6.0
    • New mixins for small checkbox labels suitable for filters etc.

Fixed:

  • bpk-component-popover: 1.1.0 => 1.1.1
  • bpk-react-utils: 2.0.0 => 2.0.1
    • The Popover and Tether don't crash any longer when the popover target does not exist (when using a function) Note: It's still your job to figure out when the target doesn't exist if you want to log this or send a metric. You can do this in the function that you pass as target prop to the popover.

2017-06-26 - New bar chart component

Added:

Fixed:

  • bpk-component-star-rating: 0.0.4 => 0.0.5
    • Changed interactive star implementation from radio buttons to toggle buttons for more consistent cross-browser behaviour

2017-06-22 - Mobile side scroll for horizontal nav's

Breaking:

  • bpk-component-horizontal-nav: 0.1.0 => 1.0.0
    • spaceAround is now a prop of BpkHorizontalNavItem instead of BpkHorizontalNav

Added:

  • bpk-component-mobile-scroll-container: 0.0.0 => 0.0.1

    • A general purpose component to allow children to scroll horizontally if they overflow their containers

  • bpk-component-horizontal-nav: 0.1.0 => 1.0.0

    • Horizontal navs now scroll horizontally using the new component above

Fixed:

  • bpk-component-table: 0.1.0 => 0.1.1

    • BpkTable's now accept arbitrary props and classNames

  • bpk-component-banner-alert: 1.1.0 => 1.1.1

    • The message prop type is now PropTypes.node instead of PropTypes.string which enables rending more customized messages.

2017-06-21 - New star rating component

Added:

Fixed:

  • bpk-component-input: 3.2.0 => 3.2.1
    • Fix CSS modules for withOpenEvents classes.

2017-06-20 - CSS modules support across all packages

Breaking:

  • bpk-react-utils:

    • TransitionInitialMount: Removes classNamePrefix in favour of appearClassName and appearActiveClassName for CSS Modules compatibility.

Added:

  • bpk-component-accordion: 1.0.8 => 1.1.0

  • bpk-component-badge: 0.0.54 => 0.1.0

  • bpk-component-banner-alert: 1.0.16 => 1.1.0

  • bpk-component-blockquote: 0.0.80 => 0.1.0

  • bpk-component-calendar: 3.2.4 => 3.3.0

  • bpk-component-card: 0.0.68 => 0.1.0

  • bpk-component-checkbox: 1.1.10 => 1.2.0

  • bpk-component-close-button: 0.0.46 => 0.1.0

  • bpk-component-code: 0.0.80 => 0.1.0

  • bpk-component-content-container: 1.0.71 => 1.1.0

  • bpk-component-datepicker: 6.0.18 => 6.1.0

  • bpk-component-fieldset: 0.2.9 => 0.3.0

  • bpk-component-form-validation: 0.0.16 => 0.1.0

  • bpk-component-grid-toggle: 0.0.87 => 0.1.0

  • bpk-component-grid: 1.0.30 => 1.1.0

  • bpk-component-heading: 2.0.11 => 2.1.0

  • bpk-component-horizontal-nav: 0.0.19 => 0.1.0

  • bpk-component-icon: 3.6.0 => 3.7.0

  • bpk-component-input: 3.1.7 => 3.2.0

  • bpk-component-label: 3.1.7 => 3.2.0

  • bpk-component-link: 0.5.36 => 0.6.0

  • bpk-component-list: 0.0.100 => 0.1.0

  • bpk-component-loading-button: 0.0.28 => 0.1.0

  • bpk-component-modal: 1.0.49 => 1.1.0

  • bpk-component-nudger: 0.0.30 => 0.1.0

  • bpk-component-panel: 0.0.4 => 0.1.0

  • bpk-component-paragraph: 0.2.23 => 0.3.0

  • bpk-component-popover: 1.0.51 => 1.1.0

  • bpk-component-progress: 0.0.28 => 0.1.0

  • bpk-component-radio: 1.0.13 => 1.1.0

  • bpk-component-router-link: 0.1.86 => 0.2.0

  • bpk-component-select: 2.0.24 => 2.1.0

  • bpk-component-spinner: 2.0.13 => 2.1.0

  • bpk-component-table: 0.0.100 => 0.1.0

  • bpk-component-textarea: 0.0.12 => 0.1.0

  • bpk-component-ticket: 0.0.21 => 0.1.0

  • bpk-component-tooltip: 1.0.1 => 1.1.0

  • bpk-mixins: 15.4.0 => 15.5.0

    • Added suppport for CSS Modules.

2017-06-20 - New icons (onsen, language, language-alert, language-question and airline-multiple)

Added:

  • bpk-component-icon: 3.5.4 => 3.6.0
  • bpk-mixins: 15.3.2 => 15.4.0
  • bpk-svgs: 5.4.3 => 5.5.0
    • added 4 new icons (onsen, language, language-alert, language-question and airline-multiple)

2017-06-14 - Tooltips no longer appear on touch devices

Breaking:

  • bpk-component-tooltip: 0.0.34 => 1.0.0
    • Added hideOnTouchDevices prop (defaults to true) to not render the tooltip on touch-capable devices. Prevents the need to double-tap links that have tooltips attached to them.

2017-06-13 - Panels release

Added:

⚠️ [email protected], and [email protected] were broken due to a previous bad release. Because many packages depend on these versions make sure you're not depending either of them.

2017-06-09 - Icon generation from single source, disabled calendar navigation

Added:

  • bpk-component-calendar: 3.1.11 => 3.2.0
    • BpkCalendarNav now accepts a disabled prop to disable all navigation elements (buttons and select)

Fixed:

  • bpk-component-icon: 3.5.0 => 3.5.1
  • bpk-svgs: 5.4.0 => 5.4.1
    • All icons are now generated from a single source, rather than large and small SVGs

2017-06-05 - Removed the last prop-type warning (famous last words)

Fixed:

  • bpk-react-utils: 1.4.4 => 1.4.5

2017-06-01 - Added 3 icons

Added:

  • bpk-svgs:5.3.10 => 5.4.0
  • bpk-component-icon:3.4.14 => 3.5.0
  • bpk-mixins:15.1.0 => 15.2.0
    • added 3 new icons (insurance, baby-carriage and download)

2017-05-31 - Reduced dependency bloat of the button component

Fixed:

  • bpk-component-button: 1.6.25 => 1.6.26
    • Removed the dependency on bpk-react-utils to debloat the button for non tree-shaking consumers

2017-05-23 - Autosuggest suggestion values can now accept elements

Fixed:

  • bpk-component-autosuggest: 3.0.3 => 3.0.4
    • Suggestion value attribute is now of a node type therefore it accepts: numbers, strings, elements and arrays of them
    • subHeading attribute is now of a node type too

2017-05-23 - Better accordion API, abstraction for input events triggering a modal/popover

Breaking:

  • bpk-component-accordion: 0.0.17 => 1.0.0
    • New API:
      • BpkAccordionContainer is now deprecated
      • Consumers using BpkAccordionContainer should now enhance BpkAccordion with the withSingleItemAccordionState higher-order component
      • Consumers using BpkAccordionContainer with allowMultiple should now use a regular BpkAccordion component with each BpkAccordionItem enhanced using the withAccordionItemState higher-order component
      • In each case, BpkAccordionItem will now use the initiallyExpanded prop for items that should be initially expanded
      • Please refer to the readme for examples

Added:

  • bpk-component-input: 3.0.17 => 3.1.0
    • Added a new withOpenEvents higher-order component to encapsulate events triggering a modal or popover

2017-05-17 - Support for disabled labels, popover fix

Added:

  • bpk-component-fieldset: 0.1.2 => 0.2.0
  • bpk-component-label: 3.0.2 => 3.1.0
  • bpk-mixins: 15.0.0 => 15.1.0
  • bpk-tokens: 23.0.0 => 23.1.0
    • Labels now accept disabled prop to display in a different color when used with a disabled form element

Fixed:

  • bpk-component-popover: 1.0.41 => 1.0.42
    • Popover now has a zindex on par with autosuggest

2017-05-16 - Release new major version of bpk-mixins

Breaking:

  • bpk-mixins: 14.1.3 => 15.0.0
    • Upgraded bpk-tokens to ^23.0.0 which comes with the following breaking change:
      • Renamed AUTOSUGGEST_LIST_ITEM_FOCUSED_BACKGROUND_COLOR -> AUTOSUGGEST_LIST_ITEM_HIGHLIGHTED_BACKGROUND_COLOR

2017-05-16 - Fixed breaking change in [email protected]

Fixed:

  • bpk-mixins: 14.1.1 => 14.1.3
    • Reverted bpk-tokens to ^22.1.0 as a result of a breaking change

2017-05-16 - Upgraded autosuggest to latest upstream major version

Breaking:

  • bpk-component-autosuggest: 2.1.3 => 3.0.0
    • Updated react-autosuggest dependency: 8.0.0 => 9.0.1
    • Upgrade instructions:
      • Change the focusFirstSuggestion prop to be highlightFirstSuggestion
      • Change the signature of inputProps.onBlur from function onBlur(event, { focusedSuggestion }) to function onBlur(event, { highlightedSuggestion })
      • For additional (breaking) changes, please refer to the release notes
  • bpk-tokens: 22.1.0 => 23.0.0
    • Renamed AUTOSUGGEST_LIST_ITEM_FOCUSED_BACKGROUND_COLOR -> AUTOSUGGEST_LIST_ITEM_HIGHLIGHTED_BACKGROUND_COLOR

Fixed:

  • bpk-component-router-link: 0.1.76 => 0.1.77
  • bpk-component-mixins: 14.1.0 => 14.1.1
    • Fixed router link actve + visited color
    • Arbitrary props can now be passed through

2017-05-09 - Improved calendar performance

Fixed:

  • bpk-component-datepicker: 6.0.4 => 6.0.5
  • bpk-component-calendar: 3.1.3 => 3.1.4
    • Improved update/render performance of several components

2017-05-09 - "Required*" labels for form elements & fixed prop-types warnings

Breaking:

  • bpk-component-label: 2.0.45 => 3.0.0
    • The label prop has been deprecated in favor of children
    • i.e. <BpkLabel>My label</BpkLabel> instead of <BpkLabel label="My label" />

Added:

  • bpk-component-checkbox: 1.0.3 => 1.1.0
  • bpk-component-fieldset: 0.0.4 => 0.1.0
  • bpk-component-label: 2.0.45 => 3.0.0
    • New required prop

Fixed:

  • All components now depend on prop-types directly

2017-05-08 - Responsive headings and a new textarea component

Breaking:

  • bpk-component-heading: 1.2.17 => 2.0.0
  • bpk-mixins: 13.1.1 => 14.0.0
  • bpk-tokens: 21.1.0 => 22.0.0
    • h1, h2, h3 and h4 heading styles are bumped one level down on mobile
    • i.e. h1 -> h2, h2 -> h3 etc
    • H4, H5 and H6 headings are now bold.
    • Consolidated hX margin top/bottom tokens
      • i.e. H1_MARGIN_TOP -> HEADING_MARGIN_TOP & H3_MARGIN_BOTTOM -> HEADING_MARGIN_BOTTOM

Added:

Fixed:

  • bpk-component-datepicker: 6.0.2 => 6.0.3
    • Fixed calendar grid alignment on mobile

2017-05-04 - Multiline labels for checkboxes/radio buttons, bug fixes

Fixed:

  • bpk-component-autosuggest: 2.1.0 => 2.1.1

    • Suggestion component can now receive a className

  • bpk-component-checkbox: 1.0.1 => 1.0.2

  • bpk-component-radio: 1.0.0 => 1.0.1

  • bpk-mixins: 13.1.0 => 13.1.1

    • Checkboxes and radio buttons now display properly with multi line labels

  • bpk-component-datepicker: 6.0.1 => 6.0.2

    • Datepicker no longer restores focus to other inputs when closed

2017-05-03 - Spinners come with less bloat

Breaking:

  • bpk-component-spinner: 1.0.57 => 2.0.0
    • Removed bpk-tokens dependency which dramatically reduces component bloat
    • Removed explicit fill attribute, this is now applied via CSS class
    • Arbitrary props are now passed through to the svg

Added:

  • bpk-component-autosuggest: 2.0.32 => 2.1.0

    • ref callbacks now work:

      function storeInputReference(autosuggest) {
  if (autosuggest !== null) {
    this.input = autosuggest.input;
  }
}

<BpkAutosuggest ref={storeInputReference} ... />

2017-05-02 - Fluid calendar

Added:

  • bpk-component-calendar: 3.0.0 => 3.1.0
    • Added prop fixedWidth (true by default). If set to false, the calendar will be of fluid width (does not work with transitions!)

2017-05-01 - More flexible calendar with higher-order components

Breaking:

  • bpk-component-datepicker: 5.0.37 => 6.0.0
  • bpk-component-calendar: 2.0.26 => 3.0.0
    • onMonthChange callback added
    • BpkCalendarView has been replaced by the higher-order component composeCalendar
    • Higher-order component withCalendarState has been added to provide focus management and keyboard input
    • Props deprecation
      • Renamed the date prop to selectedDate; date will be removed in future versions
      • Deprecating dateModifiers; if needed, the date component can be wrapped in a HOC to add this feature; dateModifiers will be removed in future versions

2017-05-01 - White labels for radio buttons and checkboxes

Added:

  • bpk-component-checkbox: 1.0.0 => 1.0.1
  • bpk-component-radio: 0.0.63 => 1.0.0
  • bpk-mixins: 13.0.0 => 13.1.0
    • Radio buttons and checkboxes can now have white labels

2017-05-01 - New form validation & fieldset components

Breaking:

  • bpk-component-checkbox: 0.1.8 => 1.0.0

  • bpk-component-radio: 0.0.62 => 0.0.63

    • label prop is now required
    • value props are no longer magically set to the value of name prop if not provided

  • bpk-mixins: 12.0.1 => 13.0.0

  • bpk-tokens: 20.0.1 => 21.0.0

    • Removed INPUT_INVALID_BACKGROUND_COLOR & SELECT_INVALID_BACKGROUND_COLOR tokens
    • Removed bpk-select--invalid mixin as it was made redundant.

Added:

Fixed:

  • bpk-component-input: 3.0.9 => 3.0.10

  • bpk-component-select: 2.0.9 => 2.0.10

    • aria-invalid is now set when valid={false}

  • bpk-component-checkbox: 0.1.8 => 1.0.0

  • bpk-component-radio: 0.0.62 => 0.0.63

    • Updated checkbox and radio checked svgs to use BLUE_700 color

2017-04-20 (1) - Unified colors for hover, active and selected states

Fixed:

  • bpk-component-datepicker: 5.0.34 => 5.0.35
  • bpk-component-calendar: 2.0.23 => 2.0.24
  • bpk-component-horizontal-nav: 0.0.3 => 0.0.4
  • bpk-mixins: 12.0.0 => 12.0.1
  • bpk-tokens: 20.0.0 => 20.0.1
    • Unified colors for hover, active and selected states

2017-04-20 (1) - Fixed datepicker prop passthrough to input

Fixed:

  • bpk-component-datepicker: 5.0.33 => 5.0.34
    • Event handlers onClick, onFocus, onBlur, onKeyDown, onKeyUp and onTouchEnd are now passed through to the input when provided in inputProps

2017-04-19 - Fixed datepicker date selection exception

Fixed:

  • bpk-component-calendar: 2.0.22 => 2.0.23
  • bpk-component-datepicker: 5.0.32 => 5.0.33
    • onDateSelect is now called after internal state operations have concluded
    • This fixes an internal react exception in the datepicker when selecting dates

2017-04-18 - New border mixins

Breaking:

  • bpk-component-banner-alert: 0.0.51 => 1.0.0
  • bpk-mixins: 11.1.3 => 12.0.0
  • bpk-tokens: 19.0.2 => 20.0.0
    • Removed superfluous tokens:
      • MODAL_HEADER_BOX_SHADOW
      • BANNER_ALERT_SUCCESS_BOX_SHADOW
      • BANNER_ALERT_WARN_BOX_SHADOW
      • BANNER_ALERT_ERROR_BOX_SHADOW
    • Renamed tokens:
      • BANNER_ALERT_SUCCESS_ICON_FILL -> BANNER_ALERT_SUCCESS_COLOR
      • BANNER_ALERT_WARN_ICON_FILL -> BANNER_ALERT_WARN_COLOR
      • BANNER_ALERT_ERROR_ICON_FILL -> BANNER_ALERT_ERROR_COLOR

Added:

  • bpk-mixins: 11.1.3 => 12.0.0
  • bpk-tokens: 19.0.2 => 20.0.0
    • New mixins for applying borders:
      • @include bpk-border-sm($color);
      • @include bpk-border-lg($color);
      • @include bpk-border-xl($color);
    • Each border mixin size above also has an option for top, right, bottom & left borders:
      • @include bpk-border-top-sm($color);
      • @include bpk-border-right-sm($color);
      • @include bpk-border-bottom-sm($color);
      • @include bpk-border-left-sm($color);
    • Full docs here https://backpack.github.io/sassdoc/#borders-mixin-bpk-border-sm

Fixed:

  • bpk-mixins: 11.1.3 => 12.0.0
    • Fixed @include bpk-border-radius-pill; mixin as it was completely broken

2017-04-17 - Tweaked button selected state color

Fixed:

  • bpk-component-button: 1.6.13 => 1.6.14
  • bpk-mixins: 11.1.2 => 11.1.3
  • bpk-tokens: 19.0.1 => 19.0.2
    • Fixed button selected state color

2017-04-14 - New horizontal nav component

Added:

2017-04-13 - Introducing the new BpkTicket component

Added:

  • bpk-component-ticket: 0.0.0 => 0.0.1
  • bpk-svgs: 5.2.0 => 5.3.0
    • Introducing the new BpkTicket component

2017-04-11 - Added deals icon and improved icon not found error handling

Added:

  • bpk-component-icon: 3.3.19 => 3.4.0
  • bpk-mixins: 11.0.3 => 11.1.0
  • bpk-svgs: 5.1.3 => 5.2.0
    • Added deals icon

Fixed:

  • bpk-component-loading-button: 0.0.5 => 0.0.6

    • Add 'withRtlSupport' to default icons

  • bpk-mixins: 11.0.3 => 11.1.0

    • Improved error message when incorrect icon name is passed to icon mixins

2017-04-05 - Added legacy prop to breakpoint component

Added:

  • bpk-component-breakpoint: 0.0.20 => 0.1.0
    • Add 'legacy' prop to allow component to receive legacy queries

2017-04-04 - Popovers now reposition when props change

Added:

  • bpk-react-utils: 1.3.3 => 1.4.0
    • Add onRender handler to Portal to be called when props are updated

Fixed:

  • bpk-component-popover: 1.0.26 => 1.0.27
    • Allow repositioning of Portal when props update

2017-04-03 - Replacing bpk-component-cta-button with bpk-component-loading-button

Breaking:

  • bpk-component-cta-button:
    • This component has been deprecated
    • Consumers should now use bpk-component-loading-button instead

Added:

  • bpk-component-loading-button: 0.0.0 => 0.0.3
    • Replaces bpk-component-cta-button

2017-03-31 - Popovers can now attach to native DOM elements

Breaking:

  • bpk-component-modal: 1.0.23 => 1.0.24

    • Added the ability to pass a custom className

  • bpk-component-popover: 1.0.24 => 1.0.25

  • bpk-react-utils: 1.3.2 => 1.3.3

    • Added the ability to pass a function which returns a dom element to target prop

2017-03-30 - Added new call to action button

Added:

Fixed:

  • bpk-component-accordion: 0.0.2 => 0.0.3
    • Aligned bpk-mixin dependency

2017-03-28 - Fixed disabled state color contrast for checkboxes & radio buttons and more bug fixes

Fixed:

  • bpk-component-accordion: 0.0.1 => 0.0.2

    • Content in collapsed accordions are now correctly hidden

  • bpk-component-popover: 1.0.22 => 1.0.23

  • bpk-component-tooltip: 0.0.9 => 0.0.10

    • Popovers and tooltips now flip in RTL when positioned on the side

  • bpk-component-checkbox: 0.1.0 => 0.1.1

  • bpk-component-radio: 0.0.54 => 0.0.55

  • bpk-mixins: 11.0.1 => 11.0.2

  • bpk-svgs: 5.1.2 => 5.1.3

    • Fixing disabled states of checkboxes and radio buttons so that they render better on gray-50 backgrounds.

2017-03-27 (2) - New progress bar component

Added:

2017-03-27 - Ability to add custom style and className props to portal elements

Fixed:

  • bpk-component-popover: 1.0.20 => 1.0.21
    • Added feature to accept portalStyle and portalClassName props
  • bpk-react-utils: 1.3.1 => 1.3.2
    • Added feature for the Portal component to accept custom style and className props

2017-03-23 - Introducing the accordion and nudger components

Added:

2017-03-22 - More flexible docking and changed invalid state for inputs/selects

Breaking:

  • bpk-component-input: 2.0.17 => 3.0.0
  • bpk-component-select: 1.0.31 => 2.0.0
  • bpk-mixins: 10.2.1 => 11.0.0
  • bpk-tokens: 18.2.1 => 19.0.0
    • Changed the invalid state of inputs and selects from a red border to a light red background color.
    • Changed red-50 to a lighter shade

Added:

  • bpk-component-input: 2.0.17 => 3.0.0
  • bpk-component-select: 1.0.31 => 2.0.0
    • Added dockedFirst, dockedMiddle and dockedLast props to BpkInput and BpkSelect in case you need finer control of docked inputs (e.g. when they are not direct sibling elements).

2017-03-20 (2) - TravelPro tokens fix

Fixed:

  • bpk-tokens: 18.2.0 => 18.2.1
    • Some token aliases were not found and failed to be included in output files

2017-03-20 (1) - Modal querySelectorAll exception fix

Fixed:

  • bpk-component-modal: 1.0.16 => 1.0.17
    • Locked down react-transition-group to 1.0.0 as they introduced a breaking change to the modal

2017-03-17 - New "featured" button and a flexible icon mixin

Added:

  • bpk-component-button: 1.5.22 => 1.6.0
  • bpk-mixins: 10.1.1 => 10.2.0
  • bpk-tokens: 18.1.0 => 18.2.0
    • Add "featured" variant of buttons
  • bpk-mixins: 10.1.1 => 10.2.0
  • bpk-svgs: 5.0.5 => 5.1.0
    • Add more flexible bpk-icon mixin to include icons of any color

2017-03-14 - Fixed overzealous proptype warning in icon components

Fixed:

  • bpk-component-icon: 3.3.12 => 3.3.13
    • Relaxed className propType in internal component

2017-03-13 (2) - Fixed icon alignment on large buttons

Added:

  • bpk-tokens: 18.0.2 => 18.1.0
    • Add tokens for icon sizes

Fixed:

  • bpk-component-button: 1.5.21 => 1.5.22
  • bpk-component-icon: 3.3.11 => 3.3.12
  • bpk-component-spinner: 1.0.42 => 1.0.43
  • bpk-mixins: 10.1.0 => 10.1.1
    • Fixed icon alignment on large buttons

2017-03-13 (1) - Better disabled checkboxes/radio buttons and better popover contrast

Added:

  • bpk-mixins: 10.0.1 => 10.1.0
    • Added "layers" mixins for popovers and tooltips

Fixed:

  • bpk-component-checkbox: 0.0.48 => 0.0.49
  • bpk-component-radio: 0.0.48 => 0.0.49
  • bpk-mixins: 10.0.1 => 10.1.0
  • bpk-svgs: 5.0.3 => 5.0.4
    • Improved checkbox and radio button disabled states
  • bpk-component-autosuggest: 2.0.10 => 2.0.11
  • bpk-component-popover: 1.0.12 => 1.0.13
    • Improved popover-to-background contrast

2017-03-09 - Introducing the Tooltip component

Added:

  • bpk-component-heading: 1.1.34 => 1.2.0
    • Allow consumers to pass in a custom className
  • bpk-component-tooltip: 0.0.1
    • Introducing the Tooltip component
  • bpk-react-utils: 1.2.2 => 1.3.0
    • The Portal component now accepts a targetRef callback for the parent component to receive a ref to the portal's target
  • bpk-tether: 0.0.1
    • New packages to provide a wrapper around tether and related utils

2017-03-03 (2) - Fixed datauri based icons in stock andoid browser

Fixed:

  • bpk-mixins: 10.0.0 => 10.0.1
  • bpk-svgs: 5.0.2 => 5.0.3
    • Removed style prop from icon datauri variables This fixes the icons rendering on stock android browser

2017-03-03 - Fixed padding issues with grid components

Breaking:

  • bpk-component-grid: 0.1.6 => 1.0.0

    • Removed padded prop from BpkGridContainer in favour of adding it to BpkGridRow components i.e. instead of the following:

      <BpkGridContainer padded={false}>
  <BpkGridRow>
    ...
  </BpkGridRow>
</BpkGridContainer>

      ...consumers should now do:

      <BpkGridContainer>
  <BpkGridRow padded={false}>
    ...
  </BpkGridRow>
</BpkGridContainer>

  • bpk-mixins: 9.0.2 => 10.0.0

    • Removed bpk-grid__container--padded modifier mixin in favour of bpk-grid__row--padded i.e. instead of the following:

      .selector {
  @include bpk-grid__container();
  @include bpk-grid__container--padded();
}

      ..consumers should now do:

      .selector {
  @include bpk-grid__row();
  @include bpk-grid__row--padded();
}

Added:

  • bpk-component-grid: 0.1.6 => 1.0.0
  • bpk-mixins: 9.0.2 => 10.0.0
    • Added the ability to turn padding off on BpkGridColumn components Usage: <BpkGridColumn width={1} padded={false}>Content</BpkGridColumn>
    • Added the ability to add a custom className prop to all grid components
    • Added the ability to add arbitrary props to all grid components

Fixed:

  • bpk-component-grid: 0.1.6 => 1.0.0

  • bpk-mixins: 9.0.2 => 10.0.0

    • Fixed RTL support for grid columns using offset

  • bpk-component-card: 0.0.37 => 0.0.38

    • Relaxed the href prop to no longer be required
    • If an href prop isn't provided, the component will render a <div role="button" />

2017-02-28 (2) - Better border-radius for multiline buttons

Fixed:

  • bpk-tokens: 18.0.1 => 18.0.2
  • bpk-mixins: 9.0.1 => 9.0.2
  • bpk-component-button: 1.5.16 => 1.5.17
    • Constrained border-radius of buttons to support multi-line text better.

2017-02-28 (1) - Updated shadow opacity

Fixed:

  • bpk-tokens: 18.0.0 => 18.0.1
    • Increased opacity of shadow sm

2017-02-27 - Deprecated logo components

Breaking:

  • bpk-component-logo:

    • This component has been deprecated
    • Consumers should now use our internal bpk-logos component instead

  • bpk-mixins: 8.6.2 => 9.0.0

  • bpk-svgs: 4.3.3 => 5.0.0

  • bpk-tokens: 17.1.1 => 18.0.0

    • Removed logo mixins
    • Consumers who were using logo mixins from these packages should now use our internal bpk-logos component instead - Sass mixins are available at bpk-logos/sass

Fixed:

  • bpk-component-datepicker: 5.0.5 => 5.0.6
    • Month selector used to be automatically opened on iPad

2017-02-23 - Tokens as ES6 module

Added:

  • bpk-tokens: 17.1.0 => 17.1.1
    • Tokens can now be consumed individually or grouped by category using ES6 imports: 
      import { colors, spacingXxl } from 'bpk-tokens/tokens/base.es6';

2017-02-22 (2) - Fixed icon scaling in React components

Fixed:

  • bpk-component-icon: 3.3.3 => 3.3.4
  • bpk-svgs: 4.3.1 => 4.3.2
    • Icon components now scale with custom browser font size

2017-02-22 (1) - Improved popover arrow positioning

Fixed:

  • bpk-component-datepicker: 5.0.2 => 5.0.3

  • bpk-component-popover: 1.0.3 => 1.0.4

    • Arrow position now stays true to the target element

  • bpk-component-datepicker: 5.0.2 => 5.0.3

  • bpk-component-modal: 1.0.3 => 1.0.4

  • bpk-component-popover: 1.0.3 => 1.0.4

  • bpk-react-utils: 1.2.1 => 1.2.2

    • Fixed Object.assign exception in popover based components

  • bpk-react-utils: 1.2.1 => 1.2.2

    • Portal now closes on touchend instead of touchstart

2017-02-20 - Removed more traces of react/lib

Fixed:

  • bpk-component-autosuggest: 2.0.0 => 2.0.1
  • bpk-component-button: 1.5.10 => 1.5.11
  • bpk-component-datepicker: 5.0.1 => 5.0.2
  • bpk-component-modal: 1.0.2 => 1.0.3
  • bpk-component-popover: 1.0.2 => 1.0.3
  • bpk-react-utils: 1.2.0 => 1.2.1
    • Removed more traces of react/lib in the components above (bye bye react-addons-css-transition-group)
    • Fixed issue with users of webpack externals and bloated bundles

2017-02-17 Improved autosuggest input options & :visited link styles

Breaking:

  • bpk-component-autosuggest: 1.1.11 => 2.0.0
    • Upgraded react-autosuggest to v8.0.0 & made use of renderInputComponent to truly compose bpk-component-input rather than just style the input that react-autosuggest renders

Added:

  • bpk-component-link: 0.4.8 => 0.5.0
  • bpk-mixins: 8.5.0 => 8.6.0
  • bpk-tokens: 17.0.6 => 17.1.0
    • Added :visited link colour of blue-700

Fixed:

  • bpk-component-datepicker: 5.0.0 => 5.0.1
    • Fixed bug with datepicker not closing on IE9

2017-02-16 - Added month transitions to calendar and datepicker

Breaking:

  • bpk-component-datepicker:
  • bpk-component-calendar:
    • Separates blocked/focused/selected/outside/today logic from modifiers logic. Modifiers now create classes like bpk-calendar-date-modifier--MYMODIFIER (was bpk-calendar-date--MYMODIFIER). This means you cannot mess anymore with core functionality of the calendar/datepicker.
    • Removes (previously broken) support for blocked dates (except for a min/max date range)

Added:

  • bpk-component-datepicker:
  • bpk-component-calendar:
    • Sliding month transition added when navigation one month backwards or forwards

2017-02-15 - Added fullWidth option to grid container

  • bpk-component-grid: 0.0.36 => 0.1.0

    • Added fullWidth prop to BpkGridContainer which allows it use the full width of the parent

  • bpk-mixins: 8.4.0 => 8.5.0

    • Added bpk-grid__container--full-width

2017-02-15 - Datepicker / Popover a11y improvements

Breaking:

  • bpk-component-datepicker: 3.0.0 => 4.0.0

    • Renamed prop popoverLabel to title

  • bpk-component-modal: 0.5.0 => 1.0.0

    • Added new required prop id to reduce id naming collisions

  • bpk-component-popover: 0.2.0 => 1.0.0

    • Added new required prop id to reduce id naming collisions
    • Added new required prop label for screen readers
    • Renamed prop title to labelAsTitle and type is now bool instead of string
      • Consumers who were using title should now use label to set the string and pass labelAsTitle accordingly
    • Popovers now behave a lot better for screen reader users

Added:

  • bpk-mixins: 8.3.0 => 8.4.0

    • A new bpk-locale mixin to help with targeting locale specifics styles. TO BE USED SPARINGLY. Example: 
      @include bpk-locale("ja-JP") {
  /* ja-JP scss goes here */
}

  • bpk-stylesheets: 3.1.9 => 3.2.0

    • A feature flag class on body .enable-jp-font-feature-settings to enable font-feature-settings for ja-JP locale

2017-02-13 - Autosuggest tertiary label bugfix

Fixed:

  • bpk-component-autosuggest: 1.1.7 => 1.1.8
    • Suggestion tertiary labels will remain on the right hand side regardless of the presence of a sub heading

2017-02-03 - New sort icon, datepicker now renders in a modal on mobile

Breaking:

  • bpk-component-datepicker: 2.0.0 => 3.0.0
    • Datepicker renders as a modal on mobile

Added:

  • bpk-component-breakpoint: 0.0.2

    • A new component which encapsulates Backpacks viewport breakpoints and re-renders children when they change

  • bpk-component-calendar: 1.1.0 => 1.2.0

    • Now accepts a custom className prop

  • bpk-component-datepicker: 2.0.0 => 3.0.0

  • bpk-component-popover: 0.1.0 => 0.2.0

    • Added opacity transition on open

  • bpk-component-icon: 3.2.0 => 3.3.0

  • bpk-mixins: 8.2.0 => 8.3.0

  • bpk-svgs: 4.2.0 => 4.3.0

    • Added sort icon

  • bpk-component-modal: 0.4.0 => 0.5.0

    • Now accepts a target prop - helpful for avoiding wrapper divs

  • bpk-react-utils: 1.1.0 => 1.2.0

    • Added TransitionInitialMount to help with css transitions (from bpk-component-modal)

2017-02-02 - New Pin icon and calendar/datepicker fixes

Breaking:

  • bpk-component-calendar: 0.0.7 => 1.0.0
  • bpk-component-datepicker: 0.0.3 => 1.0.0
    • Removed "selected date" state management from components, which is not in the consumer's responsibility

Added:

  • bpk-component-icon: 3.0.1 => 3.1.0
  • bpk-mixins: 8.0.1 => 8.1.0
  • bpk-svgs: 4.0.1 => 4.1.0
    • Pin icon

Fixed:

  • bpk-component-calendar: 0.0.7 => 1.0.0
    • minDate and maxDate props are now internally set to the start of that day

2017-01-31 - Introducing the popover, calendar and datepicker components

Added:

2017-01-26 - Input prop types are less strict & new portal implementation

Breaking:

  • bpk-component-input: 1.0.14 => 2.0.0

    • Props placeholder and onChange are no longer required and are not explicitly listed in propTypes anymore

  • bpk-react-utils: 0.1.0 => 1.0.0

    • deprecated toPortalChild
    • react & react-dom are now peer deps

Added:

  • bpk-react-utils: 0.1.0 => 1.0.0
    • New Portal implementation - to be used instead of third party react-portal

Fixed:

  • bpk-component-modal: 0.3.9 => 0.3.10
    • Swapped react-portal in favor of bpk-react-utils implementation

The following packages received a patch bump due to the dependency changes above:

  • bpk-component-autosuggest: 1.1.3 => 1.1.4
  • bpk-component-button: 1.5.3 => 1.5.4

2017-01-23 - Visual improvements to some icons, new 'headset' icon, fixed icon scaling issue when consumed via mixins, and fixed spinner scaling issue when consumed via both mixins and react component.

Breaking:

  • bpk-component-icon: 2.0.0 => 3.0.1
  • bpk-mixins: 7.0.0 => 8.0.1
  • bpk-svgs: 3.0.0 => 4.0.1
    • Account: updated icon shape with sharper bottom edge and more angled shoulders.
    • Airports: simplified shape.
    • Arrows: scaled shape to suit baseline grid
    • Chevrons: scaled shape to suit baseline grid
    • City: simplified shape.
    • Edit: simplified shape, removed incongruous style from LG size.
    • Globe: improvements to shape. Music - simplified shape.
    • News: revised design to be front view rather than fake-3D
    • Plane seat: revised design to not look like a dentist chair
    • Upgrade: changed to not look like a mushroom

Added:

  • bpk-mixins: 7.0.0 => 8.0.1
  • bpk-svgs: 3.0.0 => 4.0.1
  • bpk-component-icon: 2.0.0 => 3.0.1
    • Added headset icon

Fixed:

  • bpk-component-spinner: 1.0.26 => 1.0.28
    • React components will now scale with user font size preference
  • bpk-mixins: 7.0.0 => 8.0.1
    • Icons & Spinners consumed via mixins will now scale with user font size preference

2017-01-13 - Deprecated "stubby arrow" icon and fixed "onClose firing twice bug" in the modal

Breaking:

  • bpk-component-icon: 1.3.2 => 2.0.0
  • bpk-mixins: 6.8.0 => 7.0.0
  • bpk-svgs: 2.2.1 => 3.0.0
    • Removed 'stubby' long-arrow-X icons
    • Renamed long-arrow-X-alt icons to long-arrow-X
    • Consumers who were relying on the 'alt' long arrow should now use the regular version and those who were using the regular version will now see a new style.

Added:

  • bpk-component-close-button: 0.0.0 => 0.0.1
    • Pulled close button icon out of BpkModal for use in new popover component too
  • bpk-react-utils: 0.0.1 => 0.1.0
    • Added toPortalChild helper

Fixed:

  • bpk-component-icon: 1.3.2 => 2.0.0
  • bpk-mixins: 6.8.0 => 7.0.0
  • bpk-svgs: 2.2.1 => 3.0.0
    • chevron icon has been made more pointy
    • long-arrow arrows have a slightly updated style
  • bpk-component-modal: 0.3.6 => 0.3.7
    • onClose called twice
    • Now consumes bpk-component-close-button

2017-01-11 - Custom classNames and arbitraty props for bpk-component-link

Added:

  • bpk-component-link: 0.3.13 => 0.4.0
    • BpkLink and BpkButtonLink now pass through arbitrary props to <a> and <button> tag respectively
    • BpkLink and BpkButtonLink now properly handle className passed as prop

The following packages received a patch bump due to the dependency changes above:

  • bpk-component-grid-toggle: 0.0.41 => 0.0.42
  • bpk-component-modal: 0.3.5 => 0.3.6
  • bpk-component-rtl-toggle: 0.0.25 => 0.0.26
  • bpk-docs: 0.0.54 => 0.0.55

2017-01-10 - Added inline styling and css module support for button & autosuggest

Added:

  • bpk-react-utils: 0.0.0 => 0.0.1

    • A new package to house backpack react component utilities, starting with a css module helper

  • bpk-component-autosuggest: 1.0.11 => 1.1.0

  • bpk-component-button: 1.4.4 => 1.5.0

    • Added dependency on bpk-react-utils
    • Added css module support

  • bpk-component-button: 1.4.4 => 1.5.0

    • All additional/custom props are now passed through to <button> tag, including style

  • bpk-mixins: 6.7.1 => 6.8.0

    • Added css module support (workaround for global .bpk-no-touch-support class)

2016-12-22 - Work around React regression in BpkButton

Fixed:

  • bpk-component-button: 1.4.3 => 1.4.4

The following packages received a patch bump due to the dependency changes above:

  • bpk-component-modal: 0.3.3 => 0.3.4
  • bpk-docs: 0.0.52 => 0.0.53

2016-12-21 - Updated yellow colors

Breaking:

  • bpk-tokens: 17.0.0 => 17.0.1
  • bpk-mixins: 6.7.0 => 6.7.1
    • updated tokens for yellow colors to make it a bit easier to read when used for text e.g. colour coded prices on month view.

2016-12-15 - Added toilets icon and added travelpro tokens

Added:

  • bpk-mixins: 6.6.0 => 6.7.0

  • bpk-svgs: 2.1.0 => 2.2.0

  • bpk-component-icon: 1.2.0 => 1.3.0

    • Toilets icon

  • bpk-tokens: 16.1.0 => 17.0.0

    • added travelpro tokens

2016-12-12 - Added power icon and tidied up segoe flag from base stylesheet

Breaking:

  • bpk-stylesheets: 3.0.2 => 3.1.0
  • bpk-tokens: 16.0.0 => 16.1.0
    • Removed all traces of segoe, including FONT_FAMILY_SEGOE and .font-family-segoe
    • Only bumped minor because we are certain that scaffold was the only consumer of this

Added:

  • bpk-component-icon: 1.1.21 => 1.2.0
  • bpk-svgs: 2.0.17 => 2.1.0
  • bpk-mixins: 6.5.1 => 6.6.0
    • Power icon

2016-12-07 - Updated hover and active styles for primary buttons

Breaking:

  • bpk-component-modal: 0.2.0 => 0.3.0

    • Removed aria-describedby attribute from modal, so screenreader does not read whole dialog contents

  • bpk-component-button: 1.3.0 => 1.4.0

    • Changed hover and active states for primary buttons (including selected)

  • bpk-tokens: 15.1.0 => 16.0.0

    • updated tokens for primary button hover and active states

2016-11-24 - Icon-only buttons, modal change, code bugfix

Breaking:

  • bpk-component-modal: 0.1.1 => 0.2.0
    • scrim color changed to make it darker (gray 300, 70% opacity).

Added:

  • bpk-tokens: 15.0.0 => 15.1.0
    • Added x-padding tokens for icon-only buttons (regular and large)
  • bpk-mixins: 6.4.2 => 6.5.0
    • Added mixins for icon-only buttons (regular and large)
  • bpk-component-button: 1.2.4 => 1.3.0
    • Added icon-only button variant

Fixed:

  • bpk-component-code: 0.0.29 => 0.0.30
  • bpk-mixins: 6.4.2 => 6.5.0
    • Fixed border radius and padding for code components

2016-11-21 - Removed Segoe UI from base font stack

Breaking:

  • bpk-tokens: 14.4.1 => 15.0.0
    • Removed Segoe UI from the base font stack
    • Added alternative font stack including Segoe UI
  • bpk-stylesheets: 2.0.10 => 3.0.0
    • Enabled the alternative font stack with Segoe UI when the font-family-segoe class is added to <body>

2016-11-18 - Updated React to 15.4.0

Fixed:

  • Updated React to 15.4.0
  • bpk-component-modal: 0.0.12 => 0.1.0
    • Updated dependencies for compatibility with current and future React versions
  • bpk-svgs: 2.0.13 => 2.0.14
    • Added explicit dependency on tinycolor2

2016-11-15 - New badge component

Added:

  • bpk-component-badge: 0.0.0 => 0.0.1
  • bpk-mixins: 6.3.1 => 6.4.0
  • bpk-tokens: 14.3.0 => 14.4.0
    • New badge component - limited for now to unblock the ads team

2016-11-09 - Destructive buttons disabled bugfix ;)

Added:

  • bpk-tokens: 14.2.0 => 14.3.0
    • Added tokens for destructive button disabled state

Fixed:

  • bpk-component-button: 1.2.0 => 1.2.1

  • bpk-mixins: 6.3.0 => 6.3.1

  • bpk-tokens: 14.2.0 => 14.3.0

    • Fixed destructive button disabled state

  • bpk-component-button: 1.2.0 => 1.2.1

    • Fixed link button border radius in safari

2016-11-09 - Destructive buttons

Added:

  • bpk-component-button: 1.1.7 => 1.2.0
  • bpk-mixins: 6.2.0 => 6.3.0
  • bpk-tokens: 14.1.0 => 14.2.0
    • Added destructive button style

2016-11-09 - Docked inputs & selects

Breaking:

  • bpk-component-input: 0.0.20 => 1.0.0

  • bpk-component-label: 1.0.2 => 2.0.0

  • bpk-component-select: 0.0.20 => 1.0.0

    • Added use of transform-object-rest-spread so make sure you add it to your .babelrc

  • bpk-component-input: 0.0.20 => 1.0.0

    • placeholder prop is now required

  • bpk-component-select: 0.0.20 => 1.0.0

    • options prop is now deprecated, just pass options as children like normal

Added:

  • bpk-component-input: 0.0.20 => 1.0.0

  • bpk-component-label: 1.0.2 => 2.0.0

  • bpk-component-select: 0.0.20 => 1.0.0

    • We are opting for a prop "passthrough" approach, which means any additional props passed to these components will be rendered i.e. the backpack component wont swallow it up
    • This means that consumers can now add custom className props - they will be added to classes already supplied by backpack

  • bpk-component-input: 0.0.20 => 1.0.0

  • bpk-component-select: 0.0.20 => 1.0.0

  • bpk-mixins: 6.1.1 => 6.2.0

  • bpk-tokens: 14.0.0 => 14.1.0

    • Inputs & selects can now be made large & docked for one line search forms
    • Sass mixin api is as follows:
      • @include bpk-input--docked-first-child;, @include bpk-input--docked-last-child; and @include bpk-input--docked-middle-child; are available for fine grained control
      • @include bpk-input--docked; is available as a combo of the above which uses pseudo selectors behind the scenes to apply styles accordingly - it requires inputs / selects are placed together.

2016-11-04 - Autosuggest improvements

Breaking:

  • bpk-component-autosuggest: 0.0.17 => 1.0.0

    • Updated to ^7.0.1 of react-autosuggest
    • Removed padding from suggestion containers with the idea

  • bpk-tokens: 13.1.0 => 14.0.0

    • Removed automatic pluralisation of SCSS category names. This affects all token formats except SCSS. Examples include: animation -> animations, box-shadow -> box-shadows etc

  • bpk-component-autosuggest: 0.0.17 => 1.0.0

    • Added BpkAutosuggestSuggestion component

2016-11-02 - Links can now be white

Added:

  • bpk-component-link: 0.2.4 => 0.3.0
  • bpk-mixins: 6.0.0 => 6.1.0
  • bpk-tokens: 13.0.0 => 13.1.0
    • Links can now be white

2016-11-01 - Form labels are darker by default

Breaking:

  • bpk-component-label: 0.0.17 => 1.0.0
  • bpk-mixins: 5.6.1 => 6.0.0
  • bpk-tokens: 12.5.0 => 13.0.0
    • Changed default label color to gray-700 instead of gray-300

Added:

  • bpk-component-label: 0.0.17 => 1.0.0
  • bpk-mixins: 5.6.1 => 6.0.0
    • Labels can now be white

2016-10-31 - Select component IE background color fix

Fixed:

  • bpk-mixins: 5.6.0 => 5.6.1
  • bpk-component-select: 0.0.16 => 0.0.17
    • Fixed select background color on IE

2016-10-18 - Added animation duration tokens and variables

Added:

  • bpk-tokens: 12.4.1 => 12.5.0
  • bpk-mixins: 5.5.0 => 5.6.0
    • Added duration variables: $bpk-duration-xs, $bpk-duration-sm & $bpk-duration-base

Fixed:

  • bpk-mixins: 5.5.0 => 5.6.0

  • bpk-component-card: 0.0.6 => 0.0.7

    • Aligned card component animation to new duration variables

  • bpk-component-modal: 0.0.3 => 0.0.4

    • Aligned modal component animations to new duration variables

2016-10-17 (2) - Disable :hover effects on touch devices

Breaking:

  • bpk-stylesheets: 1.0.14 => 2.0.0
    • Added small javascript utility to add feature detection classes to html element
    • Consumers now have to include /node_modules/bpk-stylesheets/base.js as well as /node_modules/bpk-stylesheets/base.css on the page.
    • Default module export is now uncompiled /index.js which contains both script and style, with /base.css & /base.js exposed for compiled access

Added:

  • bpk-mixins: 5.4.0 => 5.5.0
    • Added bpk-hover mixin to apply :hover effects to non-touch devices only

Fixed:

  • bpk-component-banner-alert: 0.0.4 => 0.0.5
  • bpk-component-modal: 0.0.2 => 0.0.3
  • bpk-component-button: 1.1.0 => 1.1.1
  • bpk-component-link: 0.2.0 => 0.2.1
  • bpk-mixins: 5.4.0 => 5.5.0
    • :hover effects now disabled on touch devices

2016-10-17 (1) - Ability to add custom className to button

Added:

  • bpk-component-button: 1.0.24 => 1.1.0
    • Can now pass through custom className to button

2016-10-13 - Modal component

Added:

  • bpk-component-modal: 0.0.0 => 0.0.1

    • New modal component

  • bpk-component-heading: 1.0.23 => 1.1.0

    • Ability to remove bottom margin from headings

  • bpk-component-link: 0.1.22 => 0.2.0

    • Ability to style buttons as links

  • bpk-mixins: 5.3.3 => 5.4.0

    • New modal component
    • Ability to remove bottom margin from headings
    • Ability to style buttons as links

Fixed:

  • bpk-component-card: 0.0.4 => 0.0.5
    • Increased border radius

2016-09-28 (2) - Button wrap fix

Fixed:

  • bpk-component-button: 1.0.22 => 1.0.23
  • bpk-mixins: 5.3.2 => 5.3.3
    • Button text can now wrap

2016-09-28 (1) - Banner Alert Component

Added:

  • bpk-component-banner-alert: 0.0.0 => 0.0.1
  • bpk-tokens: 12.2.0 => 12.3.0
    • New banner alert component with success, warn and error variations

Fixed:

  • bpk-component-blockquote: 0.0.14 => 0.0.15
  • bpk-component-card: 0.0.2 => 0.0.3
  • bpk-component-code: 0.0.14 => 0.0.15
  • bpk-component-list: 0.0.34 => 0.0.35
    • Added missing "required" proptypes

2016-09-27 - Card flicker on safari fix

Fixed:

  • bpk-component-card: 0.0.1 => 0.0.2
  • bpk-mixins: 5.3.0 => 5.3.1
    • Bug with card component animation causes flicker in Safari Version 10.0 (10602.1.50.0.10)

2016-09-26 - Card component

Added:

  • bpk-component-card: 0.0.0 => 0.0.1
  • bpk-mixins: 5.2.0 => 5.3.0
  • bpk-tokens: 12.1.1 => 12.2.0
    • New 'card' component for clickable/touchable surfaces such as itineraries, news articles etc

2016-09-21 (2) - Mixin option for opt-in RTL support for icons

Added:

  • bpk-mixins: 5.1.0 => 5.2.0
    • New mixin bpk-icon--rtl-support for RTL support in icons

2016-09-21 (1) - Opt-in RTL support for bpk-component-icon

Consumers should now add the transform-object-rest-spread plugin to their .babelrc as all components may or may not depend on it.

Added:

  • bpk-component-rtl-toggle: 0.0.0 => 0.0.1

    • New component to help with testing RTL layouts

  • bpk-component-icon: 1.0.1 => 1.1.0

    • Three new HOC's: withButtonAlignment, withLargeButtonAlignment & withRtlSupport
    • withRtlSupport provides RTL support for icons on an opt-in basis (as not all icons should be flipped in RTL layouts)
    • alignToButton & alignToLargeButton remain (but are aliases to withButtonAlignment & withLargeButtonAlignment respectively)

Fixed:

  • bpk-component-autosuggest: 0.0.5 => 0.0.6
    • Removed padding from right hand side of suggestion container (RTL fix)

2016-09-21 - RTL fixes

Added:

  • bpk-mixins: 5.0.1 => 5.1.0
    • bpk-rtl mixin to help with targeting RTL specific styles

Fixed:

  • bpk-tokens: 12.1.0 => 12.1.1

    • The values for INPUT_PADDING_X and INPUT_PADDING_Y were the wrong way around

  • bpk-mixins: 5.0.1 => 5.1.0

  • bpk-component-blockquote: 0.0.10 => 0.0.11

  • bpk-component-code: 0.0.10 => 0.0.11

  • bpk-component-input: 0.0.7 => 0.0.8

  • bpk-component-select: 0.0.7 => 0.0.8

  • bpk-component-table: 0.0.30 => 0.0.31

    • Fixed RTL support

2016-09-20 - SVG icon/logo/spinner bundling fixes

Breaking:

  • bpk-svgs: 1.0.4 => 2.0.0

    • Added width & height to icon svgs
    • Generating react components for each svg using react-svg-loader cli.

  • bpk-component-spinner: 0.2.12 => 1.0.0

    • We now expose three components BpkSpinner, BpkLargeSpinner, BpkExtraLargeSpinner
    • No need for raw-loader anymore

  • bpk-component-logo: 0.2.8 => 1.0.0

    • We now expose five components BpkInlineLogo, BpkCloudLogo, BpkStackedLogo, BpkTianxunLogo, BpkTianxunStackedLogo
    • No need for raw-loader anymore

  • bpk-component-icon: 0.2.12 => 1.0.0

    • We now expose hundreds of components (generated in bpk-svgs)
    • No need for raw-loader anymore
    • Alignment to buttons is supported using higher order components (HOC)

Added:

  • bpk-tokens: 12.0.0 => 12.1.0
    • Surfaced SPACING_MD (18px) as a token

Fixed:

  • bpk-mixins: 5.0.0 => 5.0.1
    • No fundamental api changes but a lot of the handling for inline svgs has been removed.

2016-09-14 - Autosuggest tweaks

Breaking:

  • [email protected]
    • Interface now conforms to react-autosuggest 100%
    • Fixed bug with arrow displaying even when the suggestion were hidden

2016-09-13 - Content container changes & initial version of Autosuggest

Added:

Breaking:

  • [email protected]
    • no longer applying styling to bare html in content container by default, instead consumers can opt in using bareHtml prop
    • nested content containers have bottom margin
  • [email protected]
    • no longer applying styling to bare html in content container by default, instead consumers can opt in using the bpk-content-container--bare-html mixin
  • [email protected]
    • re-categorised some tokens for typesetting

Fixed:

  • [email protected]
    • added a display: block; to columns to override any display: none;'s as a result of setting width to 12

2016-09-07 - Box shadows!

Added:

  • bpk-mixins: 4.0.0 => 4.1.0
    • Added mixins for box shadows and border-radii
  • bpk-tokens: 11.0.0 => 11.1.0
    • Added tokens for box shadows