Backpack changelog
March 9, 2023 · View on GitHub
23.0.0 - 2023-03-09
Breaking:
- Removed
bpk-component-rating.
22.0.0 - 2023-02-06
Breaking
BpkDialog- Removed
bottomSheetstyle from iOS.
- Removed
21.2.0 - 2022-10-16
Added
BpkNavigationBar- Added support for
iPhone 14 ProandiPhone 14 Pro Maxdevices.
- Added support for
Fixed
-
Bump
foundationsandsvgsto latest -
BpkChip- Updated Chip component to not clash in Dark Mode.
21.1.0 - 2022-10-14
Changed
- Updated Backpack iOS to the latest version to adopt new colours.
21.0.0 - 2022-10-10
Breaking:
- bpk-component-dialog:
- Removed
bottomSheetstyle - Added
flarestyle.
- Removed
Changed
-
bpk-component-rating
- Updated Rating to use new semantic tokens.
-
bpk-component-select
- Updated to new semantic tokens
-
bpk-component-text-input
- Updated to new semantic tokens
-
bpk-component-section-list
- Updated to new semantic tokens
Fixed
-
Upgraded Backpack Android version to the latest.
-
bpk-component-calendar:
- Fixed calendar range to be inclusive on iOS
20.1.0 - 2022-04-26
Added:
- Bridged buttons from native apps to React Native - created
BpkButtonV2which is the bridged button to support transition from JS buttons to Native buttons. Once we have completed the migration internallyBpkButtonV2will becomeBpkButtonby default.
Fixed:
- Fixed a breaking change from backpack-android that caused backpack-react-native to crash
20.0.0 - 2022-02-28
Breaking:
- Liberating Backpack-iOS version
19.0.0 - 2022-01-26
Breaking:
- Now requires Backpack iOS 47.1.0
18.0.0 - 2022-01-26
Breaking:
- Now requires Backpack iOS 46.0.0
17.0.0 - 2021-09-09
Breaking:
- Now requires Backpack iOS 45.0.0
16.1.0 - 2021-09-01
Added:
- Upgraded
backpack-androidto32.1.0
16.0.0 - 2021-08-12
Breaking:
- Now requires Backpack iOS 44.0.0
15.0.0 - 2021-08-06
Breaking:
- Upgraded Backpack RN to use RN 0.64
Changed:
- Updated the underlying dark mode library to the native React Native implementation instead of a 3rd party library, for compatibility with RN 0.64.0.
Fixed:
- Migrated to new Backpack Foundations packages,
@skyscanner/bpk-foundations-react-nativeand@skyscanner/bpk-svgs.
14.1.2 - 2021-04-30
Breaking:
- Now requires Backpack iOS 43.0.0
Fixed:
- Fixed an issue that caused the Calendar to crash on Android.
14.1.1 - 2021-04-27
Fixed:
- Removed unused constants that were breaking build in XCode 12.5.
14.1.0 - 2021-04-15
Added:
- bpk-component-map:
- Added new
zIndexprop to map, to control position of markers.
- Added new
14.0.0 - 2021-03-23
Breaking:
- Improved accessibility of the calendar,
BpkCalendar. When setting theselectionTypeprop it's no longer enough to use e.g.SELECTION_TYPES.single. Instead ofSELECTION_TYPESthere are three new functions to use:makeSingleSelection,makeRangeSelection,makeMultipleSelection. These expect a few additional string arguments for assistive technology users. Read more in the migration guide
13.0.2 - 2021-03-19
Updated:
- The
backpack-androiddependency is now updated to version28.
13.0.1 - 2021-03-12
Fixed:
- bpk-component-navigation-bar:
- Fixed status bar height for iPhone 12 family of devices.
13.0.0 - 2021-01-05
Breaking:
- The
backpack-iosdependency is now locked to version40.
12.0.0 - 2020-12-07
Breaking:
- The
backpack-iosdependency is now locked to version39.
11.0.1 - 2020-11-10
Fixed:
- The
backpack-iosdependency is now only locked to major version, instead of major and minor version.
11.0.0 - 2020-11-03
Breaking:
- Moved
bpk-*dependencies to peer to avoid version mismatches between projects requiring the libs.
10.0.0 - 2020-10-29
Breaking:
backpack-react-nativenow requires Backpack for iOSv38.0.0.
9.0.1 - 2020-10-29
Fixed:
BpkTouchableOverlay- updated thesmvalue forborderRadiusto be8(previously4).
9.0.0 - 2020-10-28
Breaking:
BpkButtonnow has aborderRadiusof8instead of4.
8.0.0 - 2020-10-28
Breaking:
backpack-react-nativenow requires Backpack for iOSv37.0.0.
7.0.0 - 2020-10-26
Breaking:
- Upgraded
bpk-tokensto35.0.1. On Android, this changesborderRadiusSmfrom4to8. To keep using the old border radius (4), change your uses ofborderRadiusSmtoborderRadiusXs.
Fixed:
- Cards and Panels now have a corner radius of
bpk-spacing-mdby default.
6.4.0 - 2020-10-19
Added:
- Added
trailingAccessoryViewprop toBpkChip.
6.3.4 - 2020-10-15
Fixed:
- Fixed an issue where pre-selected dates in
BpkCalendardidn't render on iOS.
6.3.3 - 2020-09-29
Fixed:
- Reverted flow-bin upgrade from
v0.134.0back tov0.107.0. - Fixed flow typing for refs.
6.3.2 - 2020-09-29
Fixed:
- Upgraded the version of the
Backpackpod to version35.0.0.
6.3.1 - 2020-09-14
Fixed:
- Migrate
bpk-component-cardfrom forkedreact-native-dashto upstream.
6.3.0 - 2020-09-10
Added:
- Added
BpkIconMarkertobpk-component-map— use it to display icon markers on maps.
6.2.1 - 2020-09-07
Fixed:
- Upgraded
BackpackiOS dependency. This involves no changes to the RN library.
6.2.0 - 2020-09-03
Added:
- Added
BpkPriceMarkertobpk-component-map— use it to display pricing markers on maps.
6.1.0 - 2020-08-28
Added:
bpk-component-textnow exports a componentBpkEmojifor wrapping emoji so that the correct line height is preserved.
Fixed:
bpk-component-banner-alertcan now accept either string or Node for its message prop.
6.0.2 - 2020-08-21
Fixed:
- Reverted the changes from
9ca9b4acbda5a786496536aa729bd6f98a3dead0which caused a banner-alert withshow={false}to still occupy space on screen.
6.0.1 - 2020-08-19
Fixed:
- The following native dependencies are now present in the library
podspecto ensure that consumers have them available.react-native-mapsReactNativeDarkMode
6.0.0 - 2020-08-17
Breaking:
- The following dependencies are now peer-dependencies to avoid shipping multiple versions alongside each other.
@skyscanner/react-native-dash@skyscanner/react-native-transitiongroupreact-native-dark-mode
5.0.4 - 2020-08-10
Fixed:
- bpk-component-banner-alert:
- bpk-component-horizontal-nav:
- Replaced deprecated
UNSAFE_componentWillReceivePropsmethods.
- Replaced deprecated
5.0.3 - 2020-08-06
Fixed:
- bpk-component-icon:
- Fixed an issue with the display of the
filtericon.
- Fixed an issue with the display of the
5.0.2 - 2020-07-30
Fixed:
- Upgraded
bpk-svgsto reinstate some icons that were accidentally removed.
5.0.1 - 2020-07-28
Fixed:
- Fixed icons that weren't displaying.
- Fixed large icons being used for small icons and vice-versa.
5.0.0 - 2020-07-24
Breaking:
- Minimum deployment target for iOS is now 12 (was 11).
Added:
- bpk-theming:
- Added
withThemeForwardRef, which is the same aswithThemebut uses React's forwarding refs behaviour. Use this when you need to userefwithwithThemeto pass them down correctly.
- Added
Changed:
- bpk-theming:
- Reverted the changes made in
4.0.0and4.0.1as they caused some issues.
- Reverted the changes made in
4.1.0 - 2020-07-13
Changed:
- bpk-component-icon:
- The new Skyscanner icon set is now available for React Native.
- bpk-component-star-rating:
- Updated the star rating component to use the new icon set correctly.
Added:
- bpk-theming:
- Reverted the changes to
withThememade in4.0.0and4.0.1as they caused some issues, adding a newwithThemeForwardRefHOC instead to get React's forwarding refs behaviour when usingwithTheme.
- Reverted the changes to
4.0.1 - 2020-07-07
Changed:
- bpk-theming:
withThemeusing a ref is now correctly named.
4.0.0 - 2020-06-12
Breaking:
- bpk-theming:
refs passed to components wrapped inwithThemenow behave correctly, using React's forwarding refs behaviour. Previously,refs would get passed to thewithThemeHOC. Therefore this change is only breaking if you were usingwithThemewithrefs.
Added:
- bpk-component-banner-alert
- Added new
eventstyle banner alert.
- Added new
3.4.0 - 2020-05-27
Added:
-
bpk-component-text-link
- Added new
BpkTextLinkcomponent
- Added new
-
bpk-component-text
- New
inherittext style making it possible to inherit font size from parent for nestedBpkTextelements
- New
Fixed:
- bpk-component-button
- Fixed dark mode colours for
secondaryanddestructivebuttons.
- Fixed dark mode colours for
3.3.1 - 2020-05-12
Fixed:
bpk-component-text:- Fixed text alignment on Android when using an RTL language but non RTL text.
3.3.0 - 2020-05-07
Added:
- Added new
account--name,ticket-flexibleandhotel-flexibleicons.
3.2.0 - 2020-05-07
Added:
- bpk-component-banner-alert:
- Added new
primarybanner alert.
- Added new
3.1.0 - 2020-04-20
Added:
bpk-component-calendar:- Added new
descriptionOnlyprop tohighlightedDaysFooterView. - Upgraded
backpack-androidto23.2.0.
- Added new
3.0.0 - 2020-04-20
Breaking:
- bpk-component-snackbar
- Icon-only actions now require an accessibility label (
accessibilityLabel).
- Icon-only actions now require an accessibility label (
Added:
- bpk-component-snackbar
- Added iOS version.
2.5.0 - 2020-04-17
Added:
- bpk-component-calendar
- Android only - Added new
androidFooterViewprop to calendar andhighlightedDaysFooterViewto show a list of highlighted days. - Android only - Added new
colorBucketHighlightfunction to create buckets with ahighlightstyle.
- Android only - Added new
2.4.1 - 2020-04-15
Fixed:
- bpk-component-text-input:
- Fixed an issue where updating
props.maskhad no effect.
- Fixed an issue where updating
2.4.0 - 2020-04-15
Added:
- bpk-component-chip
- New
leadingAccessoryViewprop to allow for icons to be added to the BpkChip.
- New
2.3.0 - 2020-04-14
Added:
- bpk-component-flare:
- Added
pointerDirectionprop for changing the side of the view the arrow appears on.
- Added
2.2.0 - 2020-04-13
Added:
bpk-component-snackbar:- Added Android version.
2.1.1 - 2020-04-10
Fixed
- bpk-component-dialog:
- Changing the icon background color at runtime will now result in an immediate update to the presented dialog.
2.1.0 - 2020-04-06
Added:
- bpk-component-badge:
- Added
accessoryViewAlignmentprop to allow for accessory views to be aligned on the leading or trailing edge of badges. Prior to this, all accessory views were on the leading edge.
- Added
2.0.0 - 2020-04-02
Added:
- bpk-component-horizontal-nav:
- New
selectedIndicatorStyleprop forBpkHorizontalNavfor styling the indicator underneath the selected nav item. - New
textStyleprop forBpkHorizontalNavItemfor styling the text inside the nav item.
- New
Breaking:
backpack-androidwas upgraded to 23.0.0
1.4.2 - 2020-03-31
Fixed:
- Updated Backpack iOS dependency to
~> 29.0.
1.4.1 - 2020-03-31
Fixed:
- Updated Backpack iOS dependency to
~> 28.0.
1.4.0 - 2020-03-30
Added:
- Added new
BackpackReactNative.initmethod that should be called before the application starts to configurebackpack-react-nativefor Android.
1.3.0 - 2020-03-25
Added:
bpk-component-flare:- Added flare component for iOS.
1.2.0 - 2020-03-20
Fixed:
- bpk-component-text-input:
- Fixed an issue where masked inputs would sometimes behave erratically when deleting characters.
Added:
bpk-component-flare:- Added flare component for Android.
1.1.0 - 2020-03-19
Added:
- bpk-component-calendar:
disabledDatesis now supported on iOS as well as Android.
1.0.1 - 2020-03-18
Fixed:
- bpk-component-icon:
- Updated hotels icon.
1.0.0 - 2020-03-18
Fixed:
Updated backpack-ios dependency.
0.1.0 - 2020-03-11
Added:
- bpk-component-select:
- Added
focusedcomponent to highlight the component when it's being interacted with.
- Added
0.0.3 - 2020-03-09
Added:
- bpk-component-switch:
- The track colour is now lighter in dark mode to match the design on iOS.
2020-03-06
Breaking:
- Individual packages have been moved to a single
backpack-react-nativepackage.
2020-02-28
Added:
- react-native-bpk-component-calendar:
- Added three new predefined colour buckets.
colorBucketNegative,colorBucketNeutralandcolorBucketPositive.
- Added three new predefined colour buckets.
Breaking:
- react-native-bpk-component-calendar: 5.1.1 => 6.0.0
- react-native-bpk-component-dialog: 5.0.3 => 6.0.0
- react-native-bpk-component-rating: 1.1.2 => 2.0.0
- Updated
backpack-androidto22.0.0and addressed breaking changes. - To use this version ensure
backpack-androidversion is22.0.0or above.
- Updated
2020-02-26
Added:
- react-native-bpk-component-calendar:
colorBucketsare now supported on iOS.
2020-02-20 - backpack-ios upgrade
Fixed:
-
react-native-bpk-component-calendar: 5.0.0 => 5.0.1
- Updated
backpack-iosdependency to26.0.
- Updated
-
react-native-bpk-component-dialog: 5.0.0 => 5.0.1
- Updated
backpack-iosdependency to26.0.
- Updated
-
react-native-bpk-component-rating: 1.0.0 => 1.1.0
- Updated
backpack-iosdependency to26.0. - Bumped to
1.1.0due to conflicting existing tags.
- Updated
2020-02-20 - Better dialing code filtering
Changed:
- react-native-bpk-component-phone-input: 7.0.0 => 7.0.1
getFilteredDialingCodesnow filters ondialingCodein addition to thenameproperty.
2020-02-19 - RN 0.61.5 upgrade.
Breaking:
- react-native-bpk-appearance: 1.4.4 => 2.0.0
- react-native-bpk-component-alert: 3.0.32 => 4.0.0
- react-native-bpk-component-animate-height: 3.0.33 => 4.0.0
- react-native-bpk-component-badge: 5.0.19 => 6.0.0
- react-native-bpk-component-banner-alert: 7.2.10 => 8.0.0
- react-native-bpk-component-button-link: 6.1.12 => 7.0.0
- react-native-bpk-component-button: 11.2.5 => 12.0.0
- react-native-bpk-component-calendar: 4.2.6 => 5.0.0
- react-native-bpk-component-card: 2.2.7 => 3.0.0
- react-native-bpk-component-carousel-indicator: 2.0.32 => 3.0.0
- react-native-bpk-component-carousel: 2.0.33 => 3.0.0
- react-native-bpk-component-chip: 5.1.12 => 6.0.0
- react-native-bpk-component-dialog: 4.0.24 => 5.0.0
- react-native-bpk-component-flat-list: 5.3.4 => 6.0.0
- react-native-bpk-component-horizontal-nav: 6.1.12 => 7.0.0
- react-native-bpk-component-icon: 2.2.11 => 3.0.0
- react-native-bpk-component-image: 2.1.12 => 3.0.0
- react-native-bpk-component-navigation-bar: 7.2.6 => 8.0.0
- react-native-bpk-component-nudger: 4.0.21 => 5.0.0
- react-native-bpk-component-panel: 1.1.11 => 2.0.0
- react-native-bpk-component-phone-input: 6.1.6 => 7.0.0
- react-native-bpk-component-picker: 5.2.7 => 6.0.0
- react-native-bpk-component-progress: 2.1.9 => 3.0.0
- react-native-bpk-component-rating: 0.0.17 => 1.0.0
- react-native-bpk-component-section-list: 5.3.4 => 6.0.0
- react-native-bpk-component-select: 4.1.11 => 5.0.0
- react-native-bpk-component-spinner: 2.1.10 => 3.0.0
- react-native-bpk-component-star-rating: 2.1.8 => 3.0.0
- react-native-bpk-component-switch: 3.1.10 => 4.0.0
- react-native-bpk-component-text-input: 4.1.9 => 5.0.0
- react-native-bpk-component-text: 4.2.12 => 5.0.0
- react-native-bpk-component-touchable-native-feedback: 2.0.26 => 3.0.0
- react-native-bpk-component-touchable-overlay: 2.1.11 => 3.0.0
- react-native-bpk-styles: 2.0.15 => 3.0.0
- react-native-bpk-theming: 1.4.15 => 2.0.0
- Upgraded react-native to 0.61.5
Fixed:
- react-native-bpk-component-badge:
- We've made the
successbadge lighter as it looked strange with dark text.
- We've made the
2020-02-13 - Deprecated BpkThemeAttributes and update bpk-tokens.
Fixed:
-
react-native-bpk-component-animate-height:
- Fix flow error for latest flow-bin.
-
react-native-bpk-theming:
- Deprecated
BpkThemeAttributescomponents as no longer required. Will be removed in future version.
- Deprecated
-
react-native-bpk-appearance:
useBpkDynamicValueanduseBpkDynamicStylecan now handle simple union types. e.g.string | BpkDynamicValue<string>.
-
react-native-bpk-component-progress:
- fixed progress animation duration.
-
bpk-tokens was update for all packages.
2020-01-31 - Dark mode fixes.
Fixed:
-
react-native-bpk-component-button: 11.2.3 => 11.2.4
-
react-native-bpk-component-nudger: 4.0.19 => 4.0.20
- Tweaked disabled, secondary and destructive button colours to stand out more when Dark Mode is enabled.
-
react-native-bpk-component-phone-input: 6.1.4 => 6.1.5
- Fixed
borderColorofBpkFlagfor dark mode.
- Fixed
2020-01-30
Fixed:
- react-native-bpk-component-calendar:
- fixed crash happening when using the pre-compiled version with the latest backpack-android.
2020-01-22 - Updated dependencies
Fixed:
- Bumped
bpk-tokensdependency.
2020-01-20
Fixed:
- react-native-bpk-component-button: 11.2.0 => 11.2.1
- react-native-bpk-component-star-rating: 2.1.4 => 2.1.5
- Adopted latest dark mode colour specification.
2019-12-28
-
react-native-bpk-component-calendar: 4.2.0 => 4.2.1
- Updated
backpack-iosdependency to25.0.
- Updated
-
react-native-bpk-component-dialog: 4.0.18 => 4.0.19
- Updated
backpack-iosdependency to25.0.
- Updated
-
react-native-bpk-component-rating: 0.0.11 => 0.0.12
- Updated
backpack-iosdependency to25.0.
- Updated
Added:
- react-native-bpk-component-button: 11.1.9 => 11.2.0
- Added
outlinebutton type.
2019-12-20 - Making appearance easier to use plus making it easier to search dialing code lists
Added:
- react-native-bpk-appearance: 1.3.2 => 1.4.0
- Added new component
BpkAppearanceConsumerto facilitate use in class components.
- Added new component
- react-native-bpk-component-phone-input: 6.0.3 => 6.1.0
- Added
getFilteredDialingCodesfunction for when the dialing code list is paired withSectionList's search functionality.
- Added
2019-12-20 - Search for lists
Added:
- react-native-bpk-component-flat-list: 5.2.3 => 5.3.0
- New
BpkFlatListSearchFieldandBpkFlatListNoResultsTextcomponents to allow users to search lists.
- New
- react-native-bpk-component-section-list: 5.2.3 => 5.3.0
- New
BpkSectionListSearchFieldandBpkSectionListNoResultsTextcomponents to allow users to search lists.
- New
2019-12-17 - Added colouring support to Android calendar
Added:
-
react-native-bpk-component-navigation-bar: 7.1.8 => 7.2.0
- All components now spread extra props.
- Fixed a bug where updating the theme would only take effect in the next render.
-
react-native-bpk-component-calendar: 4.1.0 => 4.2.0
- Added new prop
colorBuckets. Only supported on Android at the moment. - Fix the flow types within
BpkCalendarto accurately reflect the expected types and resolve type errors.
- Added new prop
2019-12-17 - New disabled dates props for calendar and fixes for theming and appearance packages
Fixed:
-
react-native-bpk-appearance: 1.3.1 => 1.3.2
- fixed
BpkDynamicStyleSheet.createto handleundefinedornullstyles.
- fixed
-
react-native-bpk-theming: 1.4.10 => 1.4.11
- Components that can be themed will now only throw a prop type error when a theme is partially applied. Previously, a prop type error would appear if a component was placed inside a
BpkThemeProviderbut no relevant theming props were given to it. This change enables the use of themed components alongside non-themed ones without seeing warnings.
- Components that can be themed will now only throw a prop type error when a theme is partially applied. Previously, a prop type error would appear if a component was placed inside a
Added:
- react-native-bpk-component-calendar: 4.0.19 => 4.1.0
- added new
disabledDatesprop. This prop is only supported for Android at the moment.
- added new
2019-12-13 - New props for picker
Added:
- react-native-bpk-component-picker:
- Expose
onShowprop. - Allow forwarding ref to picker content using
pickerContentRefprop.
- Expose
2019-12-12 - Phone input sections
Breaking:
- react-native-bpk-component-phone-input
- On android the phone input now uses BpkSectionList instead of BpkFlatList. This means that it is split into sections by the first character of each country (aligned with the iOS implementation).
Added:
- react-native-bpk-component-phone-input
- Add support for suggested country codes at the top of the picker.
Fixed:
- react-native-bpk-component-calendar:
- react-native-bpk-component-dialog:
backpack-iosdependency is now ~> 24.0
2019-12-06 - Fix emphasize font for iOS and more dark mode support
Added:
- react-native-bpk-component-picker:
- Added dark mode support (iOS and Android).
Fixed:
-
react-native-bpk-component-text:
- On iOS,
emphasizefont weight is now 700 to match other platforms.
- On iOS,
-
react-native-bpk-component-button:
- Removed
buttonBorderRadiusoptional theming attribute.
- Removed
2019-12-05 - Fixed RTL for banner alert and improve Android dark mode support
Fixed:
- react-native-bpk-component-banner-alert:
- Fixed RTL alignment.
Added:
-
react-native-bpk-component-flat-list:
- Added dark mode support.
-
react-native-bpk-component-section-list:
- Added dark mode support.
-
react-native-bpk-component-banner-alert:
- Added dark mode support.
-
react-native-bpk-component-card:
- Added dark mode support.
2019-12-04 - Improve Android dark mode support
Added:
-
react-native-touchable-native-feedback:
- Added dark mode support.
-
react-native-bpk-component-switch:
- Added dark mode support.
2019-12-04 - react-native-bpk-appearance is now a peer dependency
Fixed:
- react-native-bpk-component-icon
- react-native-bpk-component-touchable-overlay
- react-native-bpk-component-section-list
- react-native-bpk-component-select
- react-native-bpk-component-text
- react-native-bpk-component-horizontal-nav
- react-native-bpk-component-text-input
- react-native-bpk-component-badge
- react-native-bpk-component-button
- react-native-bpk-component-flat-list
- react-native-bpk-component-spinner
- react-native-bpk-component-switch
- react-native-bpk-component-chip
- react-native-bpk-component-button-link
- react-native-bpk-component-star-rating
- react-native-bpk-component-progress
- react-native-bpk-component-phone-input
- react-native-bpk-component-navigation-bar
- react-native-bpk-component-image
- react-native-bpk-component-banner-alert
- react-native-bpk-component-panel
- react-native-bpk-component-card
- react-native-bpk-appearance is now a peer dependency
2019-11-29 - Dark mode support and text input fix
Added:
-
react-native-bpk-component-star-rating:
- Added dark mode support.
-
react-native-bpk-component-image:
- Added dark mode support.
Fixed:
-
react-native-bpk-theming
getThemeAttributesnow always returns optional props if they are present in the theme.
-
react-native-bpk-component-text-input
textFontFamilytheme prop is now optional and always applied if defined.
2019-11-28 - Dark mode support
Fixed
-
react-native-bpk-component-text: 4.2.2 => 4.2.3
- Disabled font multiplier REACT NATIVE components in react-native-bpk-component-text
- Disabled font scaling for REACT NATIVE in react-native-bpk-component-text
-
react-native-bpk-appearance: 1.3.0 => 1.3.1
- Fix
withBpkAppearancetype definition.
- Fix
-
react-native-bpk-component-picker: 5.0.7 => 5.0.8
- Changed the overlay/scrim colour on Android to match the underlying platform instead of using a colour token from Backpack.
-
react-native-bpk-component-switch: 3.0.5 => 3.1.0
- Fixed the 'off' colour on iOS to use
skyGreyTint06.
- Fixed the 'off' colour on iOS to use
Added:
-
react-native-bpk-component-progress: 2.0.5 => 2.1.0
- Added dark mode support.
-
react-native-bpk-component-panel: 1.0.65 => 1.1.0
- Added dark mode support.
-
react-native-bpk-component-spinner: 2.0.5 => 2.1.0
- Added dark mode support.
-
react-native-bpk-component-section-list: 5.0.7 => 5.1.0
- Added dark mode support.
-
react-native-bpk-component-text-input: 4.0.7 => 4.1.0
- Added dark mode support.
-
react-native-bpk-component-select: 4.0.7 => 4.1.0
- Added dark mode support.
-
react-native-bpk-component-switch: 3.0.5 => 3.1.0
- Added dark mode support.
2019-11-26
Fixed
- react-native-bpk-component-text: 4.2.1 => 4.2.2
- Font scaling is now disabled by default.
Added:
-
react-native-bpk-appearance: 1.2.0 => 1.3.0
- Allow top level dynamic values to be provided to
BpkDynamicStyleSheet. BpkStyleSheetNamedStylestype is now being exported.- Added
withBpkAppearanceHOC,unpackBpkDynamicValueandunpackBpkDynamicStylemethods. - Added support for dynamic values in all
BpkDynamicStyleSheetprops.
- Allow top level dynamic values to be provided to
-
react-native-bpk-component-button-link: 6.0.6 => 6.1.0
- Added dark mode support.
-
react-native-bpk-component-card: 2.0.14 => 2.1.0
- Added dark mode support.
-
react-native-bpk-component-flat-list: 5.0.6 => 5.1.0
- Added dark mode support.
-
react-native-bpk-component-horizontal-nav: 6.0.6 => 6.1.0
- Added dark mode support.
-
react-native-bpk-component-chip: 5.0.6 => 5.1.0
- Added dark mode support.
-
react-native-bpk-component-navigation-bar: 7.0.6 => 7.1.0
- Added dark mode support.
2019-11-14
Fixed:
- react-native-bpk-component-select
- react-native-bpk-component-badge
- react-native-bpk-component-chip
- react-native-bpk-component-phone-input
- react-native-bpk-component-navigation-bar
- Update default icon color from
colorSkyGrayTint01tocolorSkyGray.
- Update default icon color from
Added:
-
react-native-bpk-component-banner-alert
- Added dark mode support.
-
react-native-bpk-component-icon:
- Added dark mode support.
-
react-native-bpk-component-button:
- Added dark mode support.
-
react-native-bpk-appearance:
- Added
useBpkDynamicStylehook. - Updated
useBpkDynamicValueto handle invalid values.
- Added
-
react-native-bpk-component-touchable-overlay:
- Added dark mode support.
2019-11-12
Added:
-
react-native-bpk-component-rating: 0.0.1
- Added component.
-
react-native-bpk-component-text: 4.1.19 => 4.2.0
- Added dark mode support.
2019-11-11
Fixed:
- react-native-bpk-component-map: 1.0.34 => 1.0.35
- Updated
react-native-mapsto0.26.1.
- Updated
2019-11-08
Fixed:
- react-native-bpk-appearance
- Changed listener logic to register listeners only once.
2019-11-06
Fixed:
- react-native-bpk-component-calendar:
backpack-iosdependency is now ~> 23.0
2019-11-01
Added:
- react-native-bpk-appearance: 1.0.0
- New module to provide dark mode support to RN.
Fixed:
- react-native-bpk-component-calendar: 4.0.6 => 4.0.7
- Fixed an issue which caused a crash when
minDateandmaxDatewere accessed over the bridge.
- Fixed an issue which caused a crash when
2019-10-24
Fixed:
- react-native-bpk-component-text: 4.1.18 => 4.1.19
- Set
maxFontSizeMultiplierto ensure RN screens still function at large zoom levels. Note that in the future this limitation will be removed, and screens will be expected to respond accordingly.
- Set
2019-10-17
Added:
- react-native-bpk-component-rating: 1.0.0
- Added new rating component for Android.
2019-10-10
Added:
- react-native-bpk-component-icon: 2.0.12 => 2.1.0
- Added
documentandprintericons.
- Added
2019-10-03
Fixed:
- react-native-bpk-component-icon: 2.0.10 => 2.0.11
- Fixed some flow type issues in
withRtlSupport.
- Fixed some flow type issues in
2019-10-01
Breaking:
- Update to new colours:
- react-native-bpk-component-badge: 4.0.4 => 5.0.0
- react-native-bpk-component-banner-alert: 6.0.10 => 7.0.0
- react-native-bpk-component-button-link: 5.0.10 => 6.0.0
- react-native-bpk-component-button: 10.0.10 => 11.0.0
- react-native-bpk-component-calendar: 3.0.7 => 4.0.0
- react-native-bpk-component-chip: 4.1.7 => 5.0.0
- react-native-bpk-component-dialog: 3.0.7 => 4.0.0
- react-native-bpk-component-flat-list: 4.0.11 => 5.0.0
- react-native-bpk-component-horizontal-nav: 5.0.7 => 6.0.0
- react-native-bpk-component-navigation-bar: 6.0.10 => 7.0.0
- react-native-bpk-component-nudger: 3.0.10 => 4.0.0
- react-native-bpk-component-phone-input: 4.1.3 => 5.0.0
- react-native-bpk-component-picker: 4.0.10 => 5.0.0
- react-native-bpk-component-progress: 1.0.61 => 2.0.0
- react-native-bpk-component-section-list: 4.0.11 => 5.0.0
- react-native-bpk-component-select: 3.0.10 => 4.0.0
- react-native-bpk-component-spinner: 1.0.97 => 2.0.0
- react-native-bpk-component-star-rating: 1.1.19 => 2.0.0
- react-native-bpk-component-switch: 2.0.7 => 3.0.0
- react-native-bpk-component-text-input: 3.1.21 => 4.0.0
- react-native-bpk-styles: 1.1.50 => 2.0.0
2019-09-30
Fixed:
react-native-bpk-component-calendar: 3.0.6 => 3.0.7react-native-bpk-component-dialog: 3.0.6 => 3.0.7- Upgraded Backpack pod dependency to
18.0.0.
- Upgraded Backpack pod dependency to
2019-09-23
Fixed:
- react-native-bpk-component-icon:
- Fixed PropTypes of
withRtlSupportHOC
- Fixed PropTypes of
2019-09-19
FIXED:
- react-native-bpk-component-navigation-bar: 6.0.8 => 6.0.9
- Removed deprecated
navigationBarStatusBarStyletheme attribute.
- Removed deprecated
2019-09-12 - Removed gray theming from components
Fixed:
-
react-native-bpk-component-banner-alert: 6.0.7 => 6.0.8
-
react-native-bpk-component-card: 2.0.5 => 2.0.6
-
react-native-bpk-component-carousel-indicator: 2.0.7 => 2.0.8
-
react-native-bpk-component-carousel: 2.0.8 => 2.0.9
-
react-native-bpk-component-flat-list: 4.0.8 => 4.0.9
-
react-native-bpk-component-horizontal-nav: 5.0.5 => 5.0.6
-
react-native-bpk-component-icon: 2.0.6 => 2.0.7
-
react-native-bpk-component-image: 2.0.7 => 2.0.8
-
react-native-bpk-component-navigation-bar: 6.0.7 => 6.0.8
-
react-native-bpk-component-panel: 1.0.57 => 1.0.58
-
react-native-bpk-component-phone-input: 4.1.0 => 4.1.1
-
react-native-bpk-component-picker: 4.0.7 => 4.0.8
-
react-native-bpk-component-section-list: 4.0.8 => 4.0.9
-
react-native-bpk-component-select: 3.0.7 => 3.0.8
-
react-native-bpk-component-spinner: 1.0.95 => 1.0.96
-
react-native-bpk-component-switch: 2.0.5 => 2.0.6
-
react-native-bpk-component-text-input: 3.1.18 => 3.1.19
-
react-native-bpk-component-text: 4.1.14 => 4.1.15
- Removed the gray theming support from components due to the fixed gray colours.
-
react-native-bpk-theming: 1.4.2 => 1.4.3
- Deprecated the
grayForThemeutility. Please ensure you upgrade as this will be removed in a future release.
- Deprecated the
2019-09-10 - Expose flag from phone-input
Added:
- react-native-bpk-component-phone-input: 4.0.8 => 4.1.0
- Now exposes the
BpkFlagcomponent.
- Now exposes the
2019-09-04 - Enable Android chip user-styling
Added:
- react-native-bpk-component-chip:
- New
innerChipStyleprop that allows custom inner style to be applied to the android chip component.
- New
2019-09-04 - Fix support for themed fonts on Android
Fixed:
react-native-bpk-component-text:- Android text now will use the correct font variation for bold and heavy when font family is themed.
2019-09-02 - Add badge theming support
Breaking:
- react-native-bpk-component-badge: 3.0.5 => 4.0.0:
- New required theme props.
badgeSuccessBackgroundColorbadgeWarningBackgroundColorbadgeDestructiveBackgroundColorbadgeSuccessTextColorbadgeWarningTextColorbadgeDestructiveTextColor
- New required theme props.
2019-08-29 - Dropped support for iOS 10
Breaking:
- react-native-bpk-component-calendar:
- react-native-bpk-component-dialog:
- Dropped support for iOS 10
2019-08-28 - New outline type for BpkChip
Added:
- react-native-bpk-component-chip: 4.0.4 => 4.1.1
- New
outlinechip type for use on dark backgrounds. - New theming props added for new type
chipOutlineSelectedBackgroundColorandchipOutlineSelectedTextColor. - react-native-bpk-theming: 1.3.3 => 1.4.0
- Added new chip outline props
chipOutlineSelectedBackgroundColorandchipOutlineSelectedTextColor.
- Added new chip outline props
Removed:
- react-native-bpk-component-chip: 4.0.4 => 4.1.1
- Removed
OPTIONAL_THEME_ATTRIBUTES.
Fixed:
- react-native-bpk-component-chip: 4.1.0 => 4.1.1
- Fixed the colours for font and border color to be lighter
2019-08-22
Fixed:
-
react-native-bpk-component-dialog:
-
react-native-bpk-component-calendar:
- Updated
backpack-iosdependency.
- Updated
-
react-native-bpk-component-flat-list:
-
react-native-bpk-component-section-list:
- New
titlePropsprop for passing props through to the underlying text instance.
- New
2019-08-20 - Update text gray usage
Fixed:
- react-native-bpk-component-badge: 3.0.2 => 3.0.3
- react-native-bpk-component-banner-alert: 6.0.2 => 6.0.3
- react-native-bpk-component-flat-list: 4.0.2 => 4.0.3
- react-native-bpk-component-horizontal-nav: 5.0.0 => 5.0.1
- react-native-bpk-component-navigation-bar: 6.0.2 => 6.0.3
- react-native-bpk-component-section-list: 4.0.2 => 4.0.3
- react-native-bpk-component-text: 4.1.9 => 4.1.10
- Updated to use
gray900instead ofgray700, in line with our new grays palette
2019-08-17 - Bump pod dependencies
Fixed:
- react-native-bpk-component-calendar: 2.0.2 => 2.0.3:
- react-native-bpk-component-dialog: 2.0.2 => 2.0.3:
- Increased
Backpackpod dependency version from 13.0 to 14.0 inpodspec.
2019-08-14 - New swap icon
Added:
- react-native-bpk-component-icon:
- New
swap--verticalicon.
- New
Breaking:
- react-native-bpk-component-icon:
swapicon renamedswap--horizontal.
2019-08-14 - Bump pod dependencies
Fixed:
- react-native-bpk-component-calendar: 2.0.0 => 2.0.1:
- react-native-bpk-component-dialog: 2.0.0 => 2.0.1:
- Increased
Backpackpod dependency version from 12.0 to 13.0 inpodspec.
- Increased
2019-08-05 - Bump react-native to 0.60.4
Breaking:
- react-native-bpk-component-alert: 2.0.39 => 3.0.0
- react-native-bpk-component-animate-height: 2.0.84 => 3.0.0
- react-native-bpk-component-badge: 2.2.20 => 3.0.0
- react-native-bpk-component-banner-alert: 5.0.41 => 6.0.0
- react-native-bpk-component-button-link: 4.4.16 => 5.0.0
- react-native-bpk-component-button: 9.2.10 => 10.0.0
- react-native-bpk-component-calendar: 1.0.8 => 2.0.0
- react-native-bpk-component-card: 1.4.7 => 2.0.0
- react-native-bpk-component-carousel-indicator: 1.0.72 => 2.0.0
- react-native-bpk-component-carousel: 1.0.72 => 2.0.0
- react-native-bpk-component-chip: 3.2.12 => 4.0.0
- react-native-bpk-component-dialog: 1.0.9 => 2.0.0
- react-native-bpk-component-flat-list: 3.1.13 => 4.0.0
- react-native-bpk-component-horizontal-nav: 4.0.27 => 5.0.0
- react-native-bpk-component-image: 1.1.49 => 2.0.0
- react-native-bpk-component-navigation-bar: 5.1.23 => 6.0.0
- react-native-bpk-component-nudger: 2.0.39 => 3.0.0
- react-native-bpk-component-phone-input: 3.0.38 => 4.0.0
- react-native-bpk-component-picker: 3.0.42 => 4.0.0
- react-native-bpk-component-section-list: 3.1.13 => 4.0.0
- react-native-bpk-component-select: 2.1.34 => 3.0.0
- react-native-bpk-component-switch: 1.0.90 => 2.0.0
- react-native-bpk-component-touchable-native-feedback: 1.1.57 => 2.0.0
- react-native-bpk-component-touchable-overlay: 1.2.6 => 2.0.0
accessibilityComponentTypeandaccessibilityTraitshave been removed.
2019-07-31 - Fix for missing theming attribute
Fixed:
- react-native-bpk-theming: 1.3.0 => 1.3.1
- Fixed missing type for
primaryColorattribute that caused Flow errors.
- Fixed missing type for
2019-07-26
-
react-native-bpk-component-calendar: 1.0.6 => 1.0.7
- Updated
backpack-iosdependency to12.0.0.
- Updated
-
react-native-bpk-component-dialog: 1.0.7 => 1.0.8
- Updated
backpack-iosdependency to12.0.0.
- Updated
2019-07-24 - Replace the trips icon
Changed:
- react-native-bpk-component-icon:
- Changed the
tripsicon.
- Changed the
2019-07-12 - New flight-landing, flight-takeoff and aircraft icons
Added:
- react-native-bpk-component-icon: 1.15.2 => 1.16.0
- New
flight-landing,flight-takeoffandaircrafticons.
- New
2019-07-05 - Fix title tint color in navigation bars on Android
Fixed:
- react-native-bpk-component-navigation-bar: 5.1.19 => 5.1.20
- Fixed a bug where the
tintColorwas not respected for the title on Android.
- Fixed a bug where the
2019-07-05 - Added textFontFamily to BpkThemeAttributes
Added:
- react-native-bpk-theming: 1.2.1 => 1.3.0
- Added
textFontFamilytoBpkThemeAttributes.
- Added
2019-07-02 - iconOnly buttons now retain their rounded appearance when a theme is applied
Fixed:
- react-native-bpk-component-button: 9.2.5 => 9.2.6
iconOnlybuttons no longer applyborderRadiusfrom theming and are always circular.
2019-06-26 - Update iOS pod dependency
Fixed:
react-native-bpk-component-calendar: 1.0.1 => 1.0.2react-native-bpk-component-dialog: 1.0.1 => 1.0.2- Upgraded Backpack pod dependency version from 10.0 to 11.0.
2019-06-21
Changed:
react-native-bpk-component-button:9.2.4 => 9.2.5- On Android, 'primary' and 'featured' buttons now have built-in elevation to align closer to Material.
- Fixed a bug where buttons on Android that didn't contain icons didn't have the correct height. Now all buttons are
36dphigh.
2019-06-19
Fixed:
react-native-bpk-component-banner-alert: 5.0.34 => 5.0.35- Fixed an issue with using
isStringand replaced with a better solution.
2019-06-18 - Update iOS pod dependency
Breaking:
react-native-bpk-component-calendar: 0.3.4 => 1.0.0react-native-bpk-component-dialog: 0.1.0 => 1.0.0- Upgraded Backpack pod dependency to
10.0.0.
- Upgraded Backpack pod dependency to
2019-06-12 - Fix for BpkPanel where padding was off
Fixed:
- react-native-bpk-component-panel:
- Fixed an issue that was causing
paddedto default tofalsewhen it should have beentrue
- Fixed an issue that was causing
2019-06-12 - Initial release of Dialog
Added:
react-native-bpk-component-dialog: 0.1.0- New implementation of the Dialog component in React Native (JS).
2019-06-05 - Updated icons
Updated:
- react-native-bpk-component-icon:
- Updated world and heart icons.
2019-06-05 - New face icons
Added:
- react-native-bpk-component-icon: 1.14.10 => 1.15.0
- Added new smiley icons face--blank, face--happy, face--sad.
2019-06-04 - New icons
Added:
- react-native-bpk-component-icon:
- Added
trend--steady,trend--down,trend--will-risefamily,filter,world--amer,world--apac, andworld--emeaicons
- Added
2019-05-22 - Bug fix for Chip
Fixed:
- react-native-bpk-component-chip:
- Fixed an issue causing non-themed selected chips to not show background color.
2019-05-20 - Grey theming
Added:
- react-native-bpk-theming:
- Added new theme attributes for
colorGray50,colorGray100,colorGray300,colorGray500,colorGray700,colorGray900toBpkThemeAttributesto support new gray theming.
- Added new theme attributes for
2019-05-17 - Visual fixes for iOS buttons and theming tweaks
Fixed:
-
react-native-bpk-component-button:
- Aligned iOS secondary and destructive buttons to iOS native buttons.
- Tweaked the theming props for border radius. See Theme props section of https://backpack.github.io/components/button/?platform=native.
-
react-native-bpk-component-calendar:
- Remove version range for
backpack-android.
- Remove version range for
2019-05-06 - Fix touchable highlight for Android
Fixed:
- react-native-bpk-component-button-link:
- Fixed touchable highlight for Android.
2019-05-06 - More theming support for buttons
Added:
- react-native-bpk-component-button:
- Added support for theming the border radius of buttons. See Theme props section of https://backpack.github.io/components/button/?platform=native.
Changed:
- react-native-bpk-component-button:
- Fixed an issue where theming button borders on
secondaryanddestructivebutton types didn't work.
- Fixed an issue where theming button borders on
- react-native-bpk-component-calendar:
- bumped
backpack-androidto 8.0
- bumped
2019-05-01 - Fixed dependency resolution for react-native-bpk-component-calendar
Fixed:
- react-native-bpk-component-calendar: 0.3.7 => 0.3.8
- fixed
backpack-androidversion.
- fixed
2019-04-29 - New borderRadius prop for touchable overlay
Updated:
- react-native-bpk-component-touchable-overlay: 1.1.13 => 1.2.0
borderRadiusprop now accepts numbers in addition to the existingsm,lgandpillvalues. E.g.<BpkTouchableOverlay borderRadius={30} ... />.
Fixed:
- react-native-component-calendar: 0.3.6 => 0.3.7
- fixed dependency resolution to follow semver for backpack-android and fail the build if not compatible.
2019-04-24 - Theming support for BpkButton and BpkStarRating
Added:
-
react-native-bpk-component-button: 9.0.0 => 9.1.0
- Added theming support to
BpkButtonforfeaturedanddestructivebuttons. See https://backpack.github.io/components/button?platform=native
- Added theming support to
-
react-native-bpk-component-star-rating: 1.0.76 => 1.1.0
- Added theming support to
BpkStarRatingwhen selected. See https://backpack.github.io/components/star-rating?platform=native#theme-props
- Added theming support to
2019-04-23 - Bump backpack-android to 7.4.0 and address breaking changes
Fixed:
- react-native-bpk-component-calendar: 0.3.4 => 0.3.5
- bump
backpack-androidto 7.4.0
- bump
2019-04-19 - Fix semver range used for Backpack iOS dependency in calendar package
Fixed:
- react-native-bpk-component-calendar: 0.3.3 => 0.3.4
- Fixed semver range of Backpack pod dependency to allow
8.0.0 <= version < 9.0.0.
- Fixed semver range of Backpack pod dependency to allow
2019-04-15 - Increase tap area for iOS nav bar buttons
Fixed:
- react-native-bpk-component-navigation-bar: 5.1.8 => 5.1.9
- Increase tap area for iOS navigation bar buttons.
2019-04-12 - Updated iconAlignment behaviour for buttons
Breaking:
- react-native-bpk-component-button: 8.3.7 => 9.0.0
- Changed behaviour of
iconAlignmentleadingandtrailingvalues to behave ascenterLeadingandcenterTrailing. - Removed
centerLeadingandcenterTrailingfromiconAlignment.
- Changed behaviour of
2019-04-11 - Update price alert icons
Changed:
- react-native-bpk-component-button-link: 4.4.5 => 4.4.6
- react-native-bpk-component-button: 8.3.6 => 8.3.7
- react-native-bpk-component-icon: 1.14.6 => 1.14.7
- react-native-bpk-component-navigation-bar: 5.1.6 => 5.1.7
- Updated
alert--active,alert--add,alert--expired,alert--remove,price-alertsicons.
- Updated
2019-04-09 - Theming support for BpkChip and improved BpkSelect display
Added
- react-native-bpk-component-chip: 3.1.21 => 3.2.0
- Added theming support to
BpkChipwhen selected. See https://backpack.github.io/components/chip?platform=native#theme-props
- Added theming support to
Changed
- react-native-bpk-component-select: 2.1.22 => 2.1.23
BpkSelectwithvalid={true}no longer has a green border to match the behaviour ofBpkTextInputwhich also doesn't have one.
2019-03-25 - Added support for single date selection for Android calendar
Added:
- react-native-bpk-component-calendar: 0.2.0 => 0.3.0
- Bumped the Android calendar bridge to
backpack-android:6.1.0 - Added support for single date selection for Android.
- Bumped the Android calendar bridge to
2019-03-19 - Theming support for BpkTextInput
Added:
- react-native-bpk-component-text-input: 3.0.20 => 3.1.0
- Added theme props
textInputFocusedColorandtextFontFamilytoBpkTextInput.
- Added theme props
2019-03-18 - Updated react-native-dash dependency
Fixed:
- react-native-bpk-component-card: 1.3.13 => 1.4.0
- Updated
react-native-dashdependency to fix an issue that arises under React Native 0.59.
- Updated
2019-03-11 - Themeability for BpkFlatList and BpkSectionList
Added:
- react-native-bpk-component-flat-list: 3.0.19 => 3.1.0
- react-native-bpk-component-section-list: 3.0.19 => 3.1.0
- Added a new
flatListSelectedItemColortheme prop for changing the colour of the selected list item.
- Added a new
2019-03-07 - Themeability for BpkText
Added:
- react-native-bpk-component-text: 4.0.9 => 4.1.0
- Added support for changing the font using a new
textFontFamilytheme prop.
- Added support for changing the font using a new
- react-native-bpk-theming: 1.0.91 => 1.1.0
- Added a new Render Prop component
BpkThemeAttributesto support arbitrary usage of a theme'sprimaryColorattribute. If rendered outside of aBpkThemeProviderwith a defined themecolorBlue500is used instead.const Color = () => ( <BpkThemeAttributes> {({ primaryColor }) => <View style={{ backgroundColor: primaryColor }} />} </BpkThemeAttributes> );
2019-02-26 - uppercase prop for Android link buttons
Added:
- react-native-bpk-component-button-link: 4.3.0 => 4.4.0
- Added optional
uppercaseprop for Android to toggle whether the button title should be in uppercase.
- Added optional
2019-02-26 - New eco-leaf icon
Added:
- react-native-bpk-component-button-link:
- react-native-bpk-component-button:
- react-native-bpk-component-icon:
- react-native-bpk-component-navigation-bar:
- Added new icon
eco-leaf.
- Added new icon
2019-02-18 - New navigation bar property and theming prop
Breaking:
- react-native-bpk-component-navigation-bar: 4.2.0 => 5.0.0
- New
typeprop forBpkNavigationBarTextButtonIOSto change the button colour. - Added
navigationBarPrimaryColortheme property, applied toBpkNavigationBarTextButtonIOSwhen type isprimary. This is a breaking change as you must now supply this theme property to theme the component. If you are not using theming, this release is not breaking.
- New
2019-02-12 - Fix range selection bug in calendar
Fixed:
- react-native-bpk-component-calendar: 0.2.1 => 0.2.2
- Fixed a bug were on initial render, on iOS, the calendar would render with broken layout in some cases.
2019-02-11 - New withRtlSuppport HOC for icons
Added:
-
react-native-bpk-component-icon: 1.13.0
- New
withRtlSupportHOC.
- New
-
react-native-bpk-component-button-link: 4.2.0
-
react-native-bpk-component-button: 8.2.0
-
react-native-bpk-component-icon: 1.13.0
-
react-native-bpk-component-navigation-bar: 4.2.0
- Added new icon
grid-layout.
- Added new icon
2019-02-04 - Breaking changes to the calendar component
Breaking:
- react-native-bpk-component-calendar: 0.1.1 => 0.2.0
- Changed date prop format to allow date timestamps in milliseconds, as well as Date object
- Android: Changed all input and output dates to use
UTC.
2019-01-30 - New social-like icon
Added:
- react-native-bpk-component-button-link@4.1.0
- react-native-bpk-component-button@8.1.0
- react-native-bpk-component-icon@1.12.0
- react-native-bpk-component-navigation-bar@4.1.0
- New social-like icon.
2019-01-29 - React Native Calendar UTC dates
Breaking:
- react-native-bpk-component-calendar: 0.0.2 => 0.1.0
- Changed all input and output dates to use
UTC.
Added:
- react-native-bpk-component-calendar: 0.0.2 => 0.1.0
- added bridge for the android calendar.
2019-01-25 - New speaker icon
Added
- react-native-bpk-component-button-link: 4.0.14
- react-native-bpk-component-button: 8.0.15
- react-native-bpk-component-icon: 1.11.0
- react-native-bpk-component-navigation-bar: 4.0.16
- New speaker icon.
2019-01-21 - Fix Android Pie (API level 28) ripple effect
Fixed:
- react-native-bpk-component-button: 8.0.14
- react-native-bpk-component-card: 1.3.6
- react-native-bpk-component-chip: 3.1.12
- react-native-bpk-component-nudger: 2.0.14
- react-native-bpk-component-touchable-native-feedback: 1.1.43
- Fix ripple effect overflowing outside component borders on Android Pie (API level 28).
2019-01-11 - Improve iOS picker accessory view
Fixed
- react-native-bpk-component-picker: 3.0.14 => 3.0.15
- (iOS only) The accessory view above the picker now uses the default iOS styles to match other inputs.
2019-01-04 - Badge improvements plus sundry bug fixes
Added:
- react-native-bpk-component-badge: 2.1.4 => 2.2.0
- The
messageprop is now optional. This is for when badges have only anaccessoryViewand no text. - Added an
accessibilityLabelprop. This defaults to the contents ofmessageand is only a required prop whenmessageisnull. - Fixed padding issues when badges had no
messageand anaccessoryView.
- The
Fixed:
-
react-native-bpk-component-text-input: 3.0.10 => 3.0.11
- Disabled font scaling for the label when an accessory view is present.
-
react-native-bpk-component-phone-input: 3.0.10 => 3.0.11
- Disabled font scaling for the label.
-
react-native-bpk-component-button: 8.0.12 => 3.0.11
- Secondary and destructive buttons now correctly have white backgrounds instead of transparent.
-
react-native-bpk-component-image: 1.1.22 => 1.1.23
-
react-native-bpk-component-text: 4.0.4 => 4.0.5
- Remove dependency on
bpk-react-utils.
- Remove dependency on
2018-12-19 - Fixes for switch and text components to support RN 57 upgrade
Fixed:
-
react-native-bpk-component-switch: 1.0.76 => 1.0.77
- Update internal workings to remove deprecation warnings.
-
react-native-bpk-component-text: 4.0.3 => 4.0.4
- (iOS only) Fixed an issue where the font-weight prop value
heavywas not setting the font-weight correctly. Note this affected only some versions of iOS / RN.
- (iOS only) Fixed an issue where the font-weight prop value
2018-12-13 - Fixes for text and text input components
Fixed:
-
react-native-bpk-component-text: 4.0.1 => 4.0.2
- Remove warning about invalid prop type usage.
-
react-native-bpk-component-text-input: 3.0.7 => 3.0.8
-
react-native-bpk-component-phone-input: 3.0.7 => 3.0.8
- Removed line height to fix an issue where overflowing content didn't scroll correctly.
2018-12-12 - Scrollable calendar uses react-virtualised again
Fixed:
-
bpk-component-calendar: 4.4.0 => 4.4.1
- Date buttons now have transparent backgrounds instead of white which caused display issues in scrollable calendar.
-
bpk-component-scrollable-calendar: 0.1.15 => 0.1.16
- Revert to use react-virtualized instead of bpk-component-infinite-scroll.
2018-12-07 - Navigation bar fix
Fixed:
- react-native-bpk-component-navigation-bar: 4.0.8 => 4.0.9
- Remove the use of
StatusBaron Android.
- Remove the use of
2018-12-05 Background image component and popover props
Added:
- bpk-component-popover:
- Added
closeButtonPropsso that consumers can set props on the close button - for example,tabIndex.
- Added
- bpk-component-image
- Introducing
BpkBackgroundImagefor rendering background images. See https://backpack.github.io/components/image?platform=web#background-image.
- Introducing
Fixed:
- react-native-bpk-component-navigation-bar:
- Long titles are now truncated.
- Android Fixed a bug where the navigation bar would change the status bar colour and style without changing it back when being unmounted.
2018-11-30 Support custom class names on BpkCalendarDate
Added:
- bpk-component-calendar: 4.3.23 => 4.4.0
- bpk-component-datepicker: 8.1.26 => 8.1.27
- bpk-component-scrollable-calendar: 0.1.14 => 0.1.15
- Added
classNameproperty to BpkCalendarDate component
- Added
2018-11-27 Add RN card configuration for more rounded corners
Added:
-
react-native-bpk-component-card:
- Added
cornerStyleprop which can besm(4pt, default) orlg(24pt).
- Added
-
react-native-bpk-component-touchable-overlay:
- Added support for 'lg' border radius.
2018-11-26
Added:
- react-native-bpk-component-badge: 2.0.5 => 2.1.0
- Badges now accept an optional
accessoryViewthat allows icons, or other content, to be placed alongside the text inside the badge. See https://backpack.github.io/components/badge/?platform=native#with-icons - We've also added a
BpkBadgeIconscomponent which provides an easy way to configure icons to display within theaccessoryView.
- Badges now accept an optional
Breaking:
- react-native-bpk-component-text: 3.0.4 => 4.0.0
- Now consuming token values for the new type scale (only XXL and XXXL styles have changed).
Added
- bpk-tokens: 27.3.0 => 27.4.0
- Changed
fontSizeXxlandfontSizeXxltokens for Android and iOS. They are now30and36(previously36and42). - Changed
letterSpacingXxlandletterSpacingXxxltokens for Android. They are now-0.8and-1.0(previously-1.0and-1.2).
- Changed
- bpk-component-calendar: 4.3.22 => 4.3.23
- BpkCalendar accepts navProps, headerProps, gridProps and dateProps and passes them to sub-components
2018-11-22
Added:
- bpk-react-utils: 2.6.13 => 2.7.0
- Added
deprecatedfunction that accepts a prop type and adds a suitable console warning when the prop is used.
- Added
Changed
- bpk-component-badge: 1.1.43 => 1.1.44
- Badges containing icons are now slightly taller (
20pxinstead of18px) and the icon inside will be resized and positioned to fit better. See https://backpack.github.io/components/badge?platform=web#with-icons
- Badges containing icons are now slightly taller (
2018-11-16 - Change elevation tokens
Added, changed:
- bpk-tokens: 27.2.1 => 27.3.0
- Changed elevation token values. Also added a new
elevationXxltoken. See https://backpack.github.io/tokens/shadows for the new values.
- Changed elevation token values. Also added a new
- react-native-bpk-component-card: 1.2.50 => 1.2.51
- Focused cards now have a slightly different shadow to reflect the above elevation token changes.
2018-11-15 - Change shadow and border radius tokens
Changed:
- bpk-tokens: 27.2.0 => 27.2.1
- Updated iOS shadow tokens and deprecated XL shadow tokens on iOS.
- Changed Android
borderRadiusSmtoken to4. - Added
borderRadiusLgtokens to Android and iOS.
- react-native-bpk-component-card: 1.2.49 => 1.2.50
- react-native-bpk-component-chip: 3.1.1 => 3.1.2
- Updated to use new shadow tokens. Shadows are now slightly softer.
- react-native-bpk-styles: 1.1.20 => 1.1.21
- Tweaked
shadows.largeto use large tokens instead of deprecated XL ones.
- Tweaked
2018-11-14 - Update send-message icon
Fixed:
- bpk-svgs: 6.0.1 => 6.0.2
- Updated
send-messageicon
- Updated
2018-11-13 - Make scrollable calendar more performant
Fixed:
- bpk-component-calendar: 4.3.17 => 4.3.18
- bpk-component-datepicker: 8.1.20 => 8.1.21
- bpk-component-scrollable-calendar: 0.1.8 => 0.1.9
- Use bpk-component-infinite-scroll instead of react-virtualized
2018-11-08 - Add disabled prop to native chips
Added:
- react-native-bpk-component-chip: 3.0.0 => 3.1.0
- Added
disabledprop to chips.
- Added
2018-11-08 - New chip design
Breaking:
- react-native-bpk-component-chip: 2.0.1 => 3.0.0
- Chips now feature a beautiful new design. The
largeprop has also been removed. See https://backpack.github.io/components/chip?platform=native
- Chips now feature a beautiful new design. The
2018-11-05 - Update some components to use base text style instead of lg
Breaking:
-
react-native-bpk-component-navigation-bar: 3.0.1 => 4.0.0
- (iOS only) Navigation bar text now uses
basetext style as the new type scale made these too large. (See below for type scale changes)
- (iOS only) Navigation bar text now uses
-
react-native-bpk-component-flat-list: 2.0.0 => 3.0.0
-
react-native-bpk-component-phone-input: 2.0.2 => 3.0.0
- (iOS only) Flat list now uses
basetext style as the new type scale made these too large. (See below for type scale changes)
- (iOS only) Flat list now uses
-
react-native-bpk-component-section-list: 2.0.0 => 3.0.0
- (iOS only) Section list now uses
basetext style as the new type scale made these too large. (See below for type scale changes)
- (iOS only) Section list now uses
2018-11-02 - Add validation to RN Select component
Added:
- react-native-bpk-component-select:
- Added
validandvalidationMessageprops to make Select component to be consistent with Text Inputs. See the docs
- Added
2018-11-01 - Remove use of deprecated property
Fixed:
- react-native-bpk-component-button-link: 4.0.0 => 4.0.1
- react-native-bpk-component-button: 8.0.0 => 8.0.1
- react-native-bpk-component-navigation-bar: 3.0.0 => 3.0.1
- react-native-bpk-component-nudger: 2.0.0 => 2.0.1
- Token values updated to support new type-scale.
2018-10-31 - New type scale
Breaking:
- react-native-bpk-component-alert: 1.0.35 => 2.0.0
- react-native-bpk-component-badge: 1.0.28 => 2.0.0
- react-native-bpk-component-banner-alert: 4.0.39 => 5.0.0
- react-native-bpk-component-button-link: 3.1.4 => 4.0.0
- react-native-bpk-component-button: 7.1.23 => 8.0.0
- react-native-bpk-component-chip: 1.0.24 => 2.0.0
- react-native-bpk-component-flat-list: 1.0.34 => 2.0.0
- react-native-bpk-component-horizontal-nav: 3.0.40 => 4.0.0
- react-native-bpk-component-navigation-bar: 2.0.44 => 3.0.0
- react-native-bpk-component-nudger: 1.0.51 => 2.0.0
- react-native-bpk-component-phone-input: 1.0.50 => 2.0.0
- react-native-bpk-component-picker: 2.0.37 => 3.0.0
- react-native-bpk-component-section-list: 1.0.34 => 2.0.0
- react-native-bpk-component-select: 1.0.33 => 2.0.0
- react-native-bpk-component-text-input: 2.3.20 => 3.0.0
- react-native-bpk-component-text: 2.2.0 => 3.0.0
- Now consuming token values for the new type scale.
Added:
- bpk-tokens: 27.1.1 => 27.2.0
- Token values updated to support new type scale on mobile platforms. (No change for web.)
2018-10-31 - New prop for native text and bugfix for native button
Fixed:
- react-native-bpk-component-button: 7.1.22 => 7.1.23
- Fixed ripple effect for Android and React Native
0.57.x
- Fixed ripple effect for Android and React Native
Added:
- react-native-bpk-component-text: 2.1.55 => 2.2.0
- Added
weightprop to control font weight.emphasizeis now deprecated and will be removed in a future version. Useweight="emphasized"to emphasise text from now on.
- Added
2018-10-24 - Icons renamed and new prop for BpkInfiniteScroll
Breaking:
- bpk-svgs: 5.19.4 => 6.0.0
- Icons renamed:
bws--call-back=>call-backbws--end-call=>end-callbws--keypad=>keypadbws--mute=>mutebws--phone-call=>phone-callbws--send-message=>send-messagebws--un-mute=>unmutesend-messageicon replaced with new version
Added:
- bpk-component-infinite-scroll: 2.0.16 => 2.1.0
- Added possibility to have different number of elements loaded on load and on scroll
2018-10-24 - New icons added
Added:
- bpk-component-icon: 3.23.8 => 3.23.9
- bpk-mixins: 17.11.19 => 17.11.20
- bpk-svgs: 5.19.3 => 5.19.4
- react-native-bpk-component-button-link: 3.1.1 => 3.1.2
- react-native-bpk-component-button: 7.1.20 => 7.1.21
- react-native-bpk-component-icon: 1.10.8 => 1.10.9
- react-native-bpk-component-navigation-bar: 2.0.41 => 2.0.42
- New icons added:
bws--call-backbws--end-callbws--keypadbws--mutebws--phone-callbws--send-messagebws--un-mute
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 Backpack progress bar
2018-10-05 - Fix more React Native dynamic text issues
Added:
- react-native-bpk-component-button-link: 3.0.32 => 3.1.0
- Reverted
allowFontScalling={false}change. - Add
textPropsprop.
- Reverted
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-autosuggestdependency:9.4.1=>9.4.2
- Updated
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
gridClassNamedidn't work as expected.
- Fixed an issue where
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
- Added
- react-native-bpk-component-image: 1.0.2 => 1.1.0
- Ability to add a custom image component e.g.
imageComponent={CustomImage}.
- Ability to add a custom image component e.g.
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
distunderdists/svgs.
- The source SVGs are now available in
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.
- New icon:
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
onBarTouchprop as it ultimately had no effect
- Removes
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.xto4.x
- upgraded react router from
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 founderror.
- Fixed issue with
-
bpk-stylesheets: 3.2.122 => 3.2.123
- Reverted previous breaking change to base stylesheet.
2018-08-22 - Fixed native phone input 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
gridClassNamefor composed calendars. changeMonthLabelis now only required iff a Nav component is being used.
- Expose
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.
onItemsFetchprop 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 time zone 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
withNotchesprop for optionally removing the notches.
- Added
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
tinymasksupport via mask property
- Added
Fixed:
-
bpk-component-barchart: 2.3.8 => 2.3.9
- Upgraded
d3-scalefrom^1.0.5->^2.1.0.
- Upgraded
-
bpk-component-breakpoint: 1.1.4 => 1.1.5
- Upgraded
react-respnsivefrom^3.0.0->^4.1.0.
- Upgraded
-
bpk-component-drawer: 1.2.13 => 1.2.24
- Upgraded
react-transition-groupfrom^2.2.1->^2.4.0.
- Upgraded
-
bpk-component-image: 1.2.23 => 1.2.24
- Upgraded
react-transition-groupfrom^2.2.1->^2.4.0. - Fixed loading behaviour in mobile Safari on slow networks.
- Upgraded
-
bpk-component-navigation-stack: 1.0.9 => 1.0.10
- Upgraded
react-transition-groupfrom^2.3.1->^2.4.0.
- Upgraded
-
bpk-component-slider: 1.1.36 => 1.1.38
- Upgraded
react-sliderfrom^0.11.1->^0.11.2.
- Upgraded
-
bpk-react-utils: 2.6.1 => 2.6.2
- Upgraded
react-transition-groupfrom^2.2.1->^2.4.0. - Upgraded
recomposefrom^0.26.0->^0.27.1.
- Upgraded
-
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-dashdependency to latest(0.0.9).
- Update
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_TYPESandICON_ALIGNMENTSexports. - Added
centerLeadingandcenterTrailingto the possible values oficonAlignment.
- Added
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
sourcetype to accept the same values as theImagecomponent.
- Fixed
-
react-native-bpk-component-horizontal-nav: 3.0.21 => 3.0.22
BpkHorizontalNavnow 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. Seereact-slider#136.
- Fixed a bug where the handle would get stuck at the minimum value by upgrading
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-automaticandgears-manual.
- New icons:
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.
- Popover footer close link is now text style
2018-07-11 - Release native image component
Added:
- react-native-bpk-component-image: 0.0.0 => 1.0.0
- Introducing the native image component. See https://backpack.github.io/components/image?platform=native.
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.themeoncomponentDidUpdatefor RN navigation bar
- Update
2018-07-02 - New native chip component and web map enhancement
Added:
- react-native-bpk-component-chip: 0.0.0 => 1.0.0
- Introducing the native chip component. See https://backpack.github.io/components/chip?platform=native.
Fixed:
- bpk-component-map: 2.0.0 => 2.0.1
- Now
centerandzoomare controlled: changing them will change the values in the map.
- Now
2018-06-29 - Fix for image component SSR race condition
Fixed:
- bpk-component-image: 2.0.39 => 2.0.40
- Fixed
onloadrace condition when using server-side rendering.
- Fixed
2018-06-26 - Fix for bpk-scrim-utils and bpk-component-calendar
Fixed:
-
bpk-scrim-utils: 3.2.1 => 3.2.2
- Fixed incorrect prop type for
darkprop.
- Fixed incorrect prop type for
-
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,BpkOverlayViewandwithGoogleMapsScript. - Introduced
BpkOverlayViewcomponent to replaceOverlayView. - Introduced
withGoogleMapsScriptHOC to replacewithScriptjs. - Simplified
BpkMap's props by removing unused ones and renaming others.
- Removed all exports except for
Fixed:
- react-native-bpk-component-badge: 1.0.11 => 1.0.12
- Adjusted height to
20pt/dpfor Android and iOS.
- Adjusted height to
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
titleprop 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
darkfor an alternative dark appearance of the scrim.
- Add new prop
2018-06-20 - Add gradient definitions to React Native
Breaking:
- react-native-bpk-component-button: 6.0.15 => 7.0.0
react-native-linear-gradientis now a peer dependency instead of a dependency. The dependency is temporarily onskyscanner/react-native-linear-gradient#new-gradient-implementation.
Added:
- react-native-bpk-styles: 1.0.9 => 1.1.0
- Added definitions for the Skyscanner primary gradient.
react-native-bpk-stylesnow has a peer dependency onreact-native-linear-gradient.
- Added definitions for the Skyscanner primary gradient.
Fixed:
- bpk-component-navigation-bar: 1.2.3 => 1.2.4
titlenow 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.Xspecific fix to render font-weight correctly. Affects text stylesxs,sm,base,lg,xlwhen they areemphasize'd andxxlregardless of emphasis. - Added flow types
- An iOS 11 + React Native
2018-06-19 - Introduce native carousel component.
Added:
-
react-native-bpk-component-carousel: 1.0.0
- Introducing the React Native carousel component. See https://backpack.github.io/components/carousel?platform=native
-
react-native-bpk-component-carousel-indicator: 1.0.0
- Introducing the React Native carousel indicator component.
2018-06-14 - Introduce breadcrumb component and infinite scroll, plus fixing invalid text combination for xxl on iOS.
Added:
-
bpk-component-breadcrumb: 1.0.0
- Introducing the breadcrumb component for web , see https://backpack.github.io/components/breadcrumb/?platform=web
-
bpk-component-infinite-scroll: 1.0.0
- Introducing a React component for building infinite lists, see https://backpack.github.io/components/infinite-scroll?platform=web
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
xxlon iOS now nothing actually happens.
- In addition to issuing a prop warning when using emphasize in combination with
2018-06-08 - Introduce native map component, plus fixed display issues with native select and phone input.
Added:
- react-native-bpk-component-map: 0.0.1 => 1.0.0
- Introducing the React Native map component, see: https://backpack.github.io/components/map?platform=native
Fixed:
-
react-native-bpk-component-phone-input: 1.0.17 => 1.0.18
- Fixed dialling 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
blankandrelprops. - When
blankis set,relis automatically set torel="noopener noreferrer".
- Added
-
bpk-component-link: 1.1.18 => 1.2.0
- When
blankis set,relis automatically set torel="noopener noreferrer".
- When
-
bpk-component-breakpoint: 1.0.63 => 1.1.0
- Change
childrenprop type tooneOfType(node, func)(addednode).
- Change
-
bpk-component-phone-input: 0.0.0 => 1.0.0
- Introducing the web phone input component, see: https://backpack.github.io/components/phone-input/?platform=web
-
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:
- react-native-bpk-component-alert: 1.0.0
- Introducing the React Native alert component, see https://backpack.github.io/components/alert?platform=native
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
- New icon:
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:
- bpk-component-map: 1.0.0
- Introducing the map component for web, see https://backpack.github.io/components/map?platform=web
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:
-
bpk-component-navigation-stack: 1.0.0
- Introducing the Navigation Stack component, see: https://backpack.github.io/components/web/navigation-stack
-
bpk-component-section-list: 1.0.0
- Introducing the web section list component, see: https://backpack.github.io/components/web/section-list
-
bpk-component-horizontal-nav: 2.2.0 => 2.3.0
BpkHorizontalNavItemcan now be disabled with thedisabledprop.
2018-05-08 - Introducing native select component
Breaking:
- react-native-bpk-component-picker: 1.0.11 => 2.0.0
BpkPickerTriggerhas been removed, useBpkSelectinstead.
Added:
- react-native-bpk-component-select: 0.0.1 => 1.0.0
- New component
BpkSelectfor rendering tappable items that trigger a choice for the user.
- New component
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
leadingScrollIndicatorClassNameandtrailingScrollIndicatorClassNameprops for styling the scroll indicators.
- Added
-
bpk-component-mobile-scroll-container:
- Added
leadingIndicatorClassNameandtrailingIndicatorClassNameprops for styling the scroll indicators.
- Added
-
bpk-component-navigation-bar:
- New
BpkNavigationBarButtonLinkcomponent. - Added theming support.
- New
2018-05-01 - Native flat list and section list components, plus web navigation bar component
Added:
-
react-native-bpk-component-flat-list: 1.0.0
- Introducing the React Native FlatList component, see: https://backpack.github.io/components/native/flat-list
-
react-native-bpk-component-section-list: 1.0.0
- Introducing the React Native SectionList component, see: https://backpack.github.io/components/native/section-list
-
bpk-component-navigation-bar: 1.0.0
- Introducing the web navigation bar, see: https://backpack.github.io/components/web/navigation-bar
-
bpk-component-modal: 1.6.20 => 1.7.0
- Ability to remove padding from inner content e.g.
padded={false}. - Ability to add a custom class name to inner content e.g.
contentClassName="my-custom-class".
- Ability to remove padding from inner content e.g.
-
bpk-react-utils: 2.5.1 => 2.6.0
- the function returned by cssModules now accepts multiple class names and ignores values other than strings. see: https://github.com/Skyscanner/backpack/tree/main/packages/bpk-react-utils#cssmodulesjs
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
52dpto48dp
- Default height of Android banner alert has changed from
-
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 now36pt. - Overflowing text will not wrap and instead result in ellipses.
- Default height of button links on both iOS and Android is now
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--eventandcontent--guides.
- New profile icons:
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 centred within bounding box (large at
24dpand small at16dp)
- Android icons are now vertically centred within bounding box (large at
-
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:
- react-native-bpk-component-progress: 1.0.0
- Introducing the native progress component, see: https://backpack.github.io/components/native/progress.
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, andBpkNavigationBarButtonAndroidcan now be disabled with thedisabledprop.- 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
BpkCodeandBpkCodeBlocknow supports an alternate style more suitable for non-white backgrounds with thealternateprop.BpkCodeandBpkCodeBlockcan now take a customclassName.BpkCodeandBpkCodeBlocknow spreads additional props down.
- bpk-component-table: 1.0.57 => 1.1.0
BpkTableHeadCellandBpkTablenow supports an alternate style more suitable for non-white backgrounds with thealternateprop.
- bpk-component-content-container: 1.2.0 => 1.3.0
BpkConentContainernow supports an alternate style more suitable for non-white backgrounds with thealternateprop.
- 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-leadingandbpk-margin-trailing.
- Added new mixins to support the above alternate styles. Also includes two new mixins for RTL aware margins.
2018-04-17 - Context fixes and stylesheet improvements
Added:
- bpk-component-content-container: 1.1.62 => 1.2.0
BpkContentContainernow accepts aclassName.
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.
- Context is now preserved in components passed to
-
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
Portalcomponent now preserves context in it'schildrenprop.
- The
-
bpk-stylesheets: 3.2.100 => 3.2.101
- Prevent globals (
.hidden,.clearfix) from being scoped by CSS modules.
- Prevent globals (
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.jsonand*.raw.android.json.
- Major upgrade in underlying token library, including:
Fixed:
- bpk-component-input: 3.3.11 => 3.3.12
- The uppercase keys in
INPUT_TYPESare now deprecated use lower case instead. e.gINPUT_TYPES.EMAIL->INPUT_TYPES.email.
- The uppercase keys in
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
renderInputComponentprop now renders aBpkInputcorrectly
- The default
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_TYPESkeys are now all lower case i.e:ALERT_TYPES.successinstead ofALERT_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
borderlessBackgroundprop for this
- Android ripple is no longer constrained to the boundaries of the button link, please use the
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 dev dependencies 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
forattribute will now be correctly set from the Autosuggest'sinputPropsprop.
- When wrapping a BpkAutosuggest in a BpkFieldset, the label's
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
navigationBarStatusBarStyleis now not supported on iOS.- New chevron style for
BpkNavigationBarBackButtonIOSthat better aligns with iOS. - Support user provided
styleprop.
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...
- New iOS native close icon:
- 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
secondaryanddestructivebuttons 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.
- Android
Added
- react-native-bpk-component-horizontal-nav: 2.0.26 => 2.1.0
- New
smallprop is accepted in BpkHorizontalNavItem to allow for small text in the navigation item
- New
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--jacuzziandhotels--disabled-facilities. - New Android native back, forward and close icons:
native-android--back,native-android--forwardandnative-android--close.- Note: to be used on Android only...
- New hotels amenities icons:
2018-03-15 - Native Panel component
Added:
- react-native-bpk-component-panel: 1.0.0
- New native panel component, see https://backpack.github.io/components/native/panels.
2018-03-13 - Native Phone Number Input
Added:
- react-native-bpk-component-phone-input: 1.0.0
- New phone input components, see https://backpack.github.io/components/native/phone-input.
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
onCloseprop to the wrapped component inwithScrimHOC
- Pass
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
iconOnlyprop.
- Android now supports the
-
react-native-bpk-component-button-link: 1.0.1 => 1.1.0
- New
disabledprop.
- New
-
react-native-bpk-component-touchable-native-feedback: 1.0.0 => 1.1.0
- New
borderlessBackgroundprop.
- New
Fixed:
- bpk-component-drawer: 1.1.19 => 1.2.0
- bpk-scrim-utils: 3.1.14 => 3.1.15
- Fixed
closeOnScrimClickbehaviour.
- Fixed
2018-03-06 - New BpkTouchableNativeFeedback component
Added:
- react-native-bpk-component-touchable-native-feedback: 1.0.0
- Introduced new
BpkTouchableNativeFeedbackfor safe usage ofTouchableNativeFeedbackpre-Lollipop.
- Introduced new
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-horizontal-nav: 2.0.20 => 2.0.21
- Changed every usage of
TouchableNativeFeedbacktoBpkTouchableNativeFeedback, since it was crashing in Android pre-Lollipop.
- Changed every usage of
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
accessoryViewprop that enables rendering any view on the leading side of the text input.
- Introduced a new
-
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
typeprop has been introduced to allow selection of different visual appearances.
- An optional
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
largeandiconOnlyprops
- Android buttons now correctly ignore
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
labelprop-type is nownodeinstead ofstring.
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
blankwhich when set along with the use ofhrefmakes the card open the link in a new tab.
- Added new prop
-
bpk-component-icon: 3.15.5 => 3.16.0
- Added new HOC
withDescriptionto make it easy to provide a textual description of icons for screen readers.
- Added new HOC
-
bpk-component-popover: 2.0.9 => 2.1.0
-
bpk-component-tooltip: 3.0.8 => 3.1.0
- New
popperModifiersprop. Use this to customise the behaviour of the underlying positioning library. Please refer to its documentation for details.
- New
-
react-native-bpk-component-text-input: 2.0.11 => 2.1.0
- New
descriptionprop. Use this to add a brief description of the field that will appear underneath it.
- New
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
bannerStyleprop. These styles will be applied to the banner alerts outerViewcontainer, but still within it's animation container. This is useful for maintaining smooth animations whilst applying top/bottom margin.
- New
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,minusandcloseicons.
- Updated style of
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
- Fixed close button alignment issues in some cases (see https://github.com/Skyscanner/backpack/pull/499#issuecomment-364414472)
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
classNameprop 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
closeLabelis now a required prop.
Added:
-
bpk-component-accordion: 1.1.56 => 1.2.0
- When using
withAccordionItemState, send all the props to theBpkAccordioncomponent.
- When using
-
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 full-screen modals!
Added:
-
bpk-component-dialog: 0.0.5 => 1.0.0
- New web Dialog component, see https://backpack.github.io/components/web/dialogs/
-
bpk-component-input: 3.2.52 => 3.3.0
- Added
clearButtonMode,onClearandclearButtonLabelprops. These allow inputs to have an optional clear button that appears when the input is focused.
- Added
-
bpk-component-link: 1.0.44 => 1.1.0
- The
alternatestyle can now be themed. - The
whiteprop has been deprecated in favour ofalternateinBpkLinkandBpkButtonLink
- The
-
bpk-component-modal: 1.5.2 => 1.6.0
- New
fullScreenprop as an accompaniment tofullScreenOnMobile. When true, it trumps the mobile prop.
- New
2018-01-24 - Fieldset descriptions
Added:
- bpk-component-fieldset: 1.0.48 => 1.1.0
- Adds a new
descriptionprop to describe the fieldset component.
- Adds a new
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
shareicon visuals.
- New icons,
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
- Removed
selectedprop. See the migration guide.
- Removed
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
closeOnEscPressedprop.
- Portal now accepts a
- bpk-component-modal: 1.4.4 => 1.5.0
- Modal now accepts a
closeOnEscPressedprop.
- Modal now accepts a
2018-01-16 - New native button prop for positioning icons
Added:
- react-native-bpk-component-button: 4.2.16 => 4.3.0
- New
iconAlignmentprop allows icons inside buttons to be leading or trailing.
- New
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
tetherOptionsprop - Added
placementprop, accepts eithertop,right,bottomorleft
-
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
dismissableproperty in favour ofBpkBannerAlertDismissable. - A banner alert with
childrenwill no longer be automatically expandable. Use the newly introducedBpkBannerAlertExpandablecomponent instead. - The
ariaLiveprop has been removed fromBpkBannerAlert. hideAfterinwithBannerAlertStateis no longer valid for expandable banner alerts.- See the migration guide.
- Removed
Added:
- bpk-component-banner-alert: 1.6.4 => 2.0.0
- Introduced new component for the different banner alert configurations.
BpkBannerAlertis now the default banner alert.BpkBannerAlertDismissableis a banner alert with a dismiss behaviour.BpkBannerAlertExpandableis a banner alert with expandable behaviour.
- Introduced new component for the different banner alert configurations.
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
showwas initially setfalse.
- Fixed issue where banner was shown if
-
bpk-component-popover: 1.3.3 => 1.3.4
-
bpk-react-utils: 2.4.2 => 2.4.3
targetprop type is now correctlyoneOf([function, node])instead ofoneOf([function, element])
-
bpk-component-tooltip: 2.0.34 => 2.0.35
targetprop type is now correctlynodeinstead ofelement
2018-01-04 - Fixing BpkBarChart events for bar hovering and focus
Added:
- bpk-component-barchart: 2.1.27 => 2.2.0
- New
onBarFocusfunction prop that is invoked when a bar is focused.
- New
Fixed:
- bpk-component-barchart: 2.1.27 => 2.2.0
onBarHovernow 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
closeOnScrimClickprop, which istrueby default.
- New
Fixed:
- bpk-component-banner-alert: 1.6.2 => 1.6.3
- Removed usage of
Object.values.
- Removed usage of
2018-01-03 - New native icons constant
Added:
- react-native-bpk-component-icon: 1.1.15 => 1.2.0
iconsobject 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
PropTypesandcreateClass.
- Fixed react warnings about
2017-12-21 - Android Support for React Native Banner Alert
Added:
-
react-native-bpk-component-banner-alert: 1.2.0 => 2.0.0
- Android support
-
bpk-component-banner-alert: 1.5.2 => 1.6.0
withBannerAlertStateHOC, see https://backpack.github.io/components/web/banner-alerts/#withBannerAlertStatebannerClassNameprop added to allow styling to be applied to the internal banner rather than the outer container. See https://backpack.github.io/components/web/banner-alerts/#props
-
bpk-component-modal: 1.2.0 => 1.3.0
- The full screen behaviour on mobile can now be turned off by setting
fullScreenOnMobileto false
- The full screen behaviour on mobile can now be turned off by setting
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
placeholderprop support.
- Reinstated
2017-12-14 - New description list component
Added:
- bpk-component-description-list: 1.0.0
- New description list component. See https://backpack.github.io/components/web/typography#description-lists.
2017-12-13 - Fix banner alert react-transition-group dependency issues
- bpk-component-banner-alert: 1.5.1 => 1.5.2
- Downgraded
react-transition-groupto^1.2.1.
- Downgraded
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
placeholderprop has been removed. If supplied, it will be ignored. - The
smallprop has been removed. Existing components using it will now get the standard size. - The
disabledprop has been replaced witheditable, to follow React Native's built in TextInput component. - A new optional prop,
validationMessage, allows a message to be shown whenvalid={false}. - A new required
labelprop.
2017-12-12 - Fix missing dependency
Fixed:
- bpk-component-banner-alert: 1.5.0 => 1.5.1
- fix missing dependency
2017-12-12 - Pagination and native star rating components
Added:
-
bpk-component-pagination: 1.0.0
- New pagination component. See https://backpack.github.io/components/web/pagination.
-
react-native-bpk-component-star-rating: 1.0.0
- New star rating component. See https://backpack.github.io/components/native/star-rating.
-
bpk-component-banner-alert: 1.4.5 => 1.5.0
- New
dismissableconfiguration. See https://backpack.github.io/components/web/banner-alerts - New animations available when
showis toggled. See https://backpack.github.io/components/web/banner-alerts
- New
-
react-native-bpk-component-banner-alert: 1.1.13 => 1.2.0
- New animations available when
showis toggled. See https://backpack.github.io/components/native/banner-alerts
- New animations available when
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, date pickers, 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
- Date pickers now support theming.
-
bpk-react-utils: 2.3.8 => 2.4.0
- Portal now accepts a
renderTargetDOM element to render the portal in.
- Portal now accepts a
-
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)
- The theme provider now accepts arbitrary props (such as
2017-11-30 - New Drawer component and theming support for calendar
Breaking: -bpk-scrim-utils: 2.0.2 => 3.0.0
- Renamed prop:
contentClassNametocontainerClassNameto better reflect usage - Renamed prop it passes to wrapped component:
getDialogReftodialogRefto align with convention
Added:
- bpk-mixins: 17.0.16 => 17.1.0
- Adds
$bpk-zindex-drawer
- Adds
- 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-text-input
Added:
- react-native-bpk-component-text-input:
- Added new
inputRefprop to capture theTextInputref.
- Added new
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-nudger
- bpk-component-progress
- bpk-component-spinner
- bpk-theming: 1.0.0
- New web theming utility, see https://backpack.github.io/components/utilities/theming
- 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
typeofdark
- Large and extra large now should have a default
2017-11-23 - Web spinners can now be primary, light or dark
Added:
- bpk-component-spinner: 2.1.38 => 2.2.0
- New
typeprop. Options areprimary,lightordark
- New
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
TouchableHighlightwithBpkTouchableOverlay.
- Replaced
2017-11-21 - React Native cards can now have a dividing line
Added:
- react-native-bpk-component-card: 1.1.7 => 1.2.0
innerStyleprop enables the ability to customise inner container stylingwithDividerHOC, see https://backpack.github.io/components/native/cards/#with-divider
2017-11-21 - Improved image positioning, dependency upgrades and interface clarifications
Breaking:
-
bpk-scrim-utils: 1.0.2 => 2.0.0
- Removed
paddedprop in favour of more genericcontentClassName - Fixed modal white background on iPhone not showing
- Removed
-
bpk-component-image: 1.1.15 => 2.0.0
withLazyLoadingnow applies styling options to the wrapper div it creates rather than the lazy loaded component.- Any
classNameprovided toBpkImageis now applied to the outermost div in the component.
Added:
- bpk-component-banner-alert: 1.3.8 => 1.4.0
- New
dismissableconfiguration, see https://backpack.github.io/components/web/banner-alerts
- New
Fixed:
-
bpk-component-button: 1.6.71 => 1.6.72
- SVGs fill colour is automatically set to text colour.
-
bpk-component-banner-alert: 1.3.8 => 1.4.0
- Prevented
dismissButtonbeing constructed on non-dismissable banner-alerts to fix prop warning.
- Prevented
-
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
- Upgraded react-transition-group dependency to support React 16.
-
bpk-component-fieldset: 1.0.34 => 1.0.35
- BpkFieldset now correctly warns when the
labelprop is missing.
- BpkFieldset now correctly warns when the
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
BpkHorizontalNavItemno longer supports theselectedprop. Instead, add anidprop toBpkHorizontalNavItemand aselectedIdprop toBpkHorizontalNav. This allows the selected indicator line to animate when theselectedIdprop changes. See https://backpack.github.io/components/native/horizontal-nav for an example.
Added:
- bpk-animate-height: 1.0.32 => 1.1.0
- New
onAnimationCompletefunction prop which is invoked when expand / collapse completes.
- New
2017-11-16 - New platform specific extensions for React Native tokens
Added:
-
bpk-tokens: 26.4.5 => 26.5.0
- React native tokens can now be imported like so:
import { spacingBase } from 'bpk-tokens/tokens/base.react.native';
- React native tokens can now be imported like so:
-
react-native-bpk-component-touchable-overlay: 1.0.0
- Utility component to be used in favour of RN's TouchableHighlight (https://facebook.github.io/react-native/docs/touchablehighlight.html)
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
expandDelayandcollapseDelay. - Now removes itself from the tree when collapsed to
height: 0.
- Added props for
2017-11-10 - New withScrim HOC, plus native horizontal nav and switch components
Added:
-
bpk-scrim-utils: 1.0.0
- New higher order component
withScrim
- New higher order component
-
react-native-bpk-component-horizontal-nav: 1.0.0
- New horizontal nav component, see https://backpack.github.io/components/native/horizontal-nav
-
react-native-bpk-component-switch: 1.0.0
- New switch component, see https://backpack.github.io/components/native/switches
2017-11-07 - New slider component
Added:
- bpk-component-slider: 1.0.0
- New slider component, see https://backpack.github.io/components/web/sliders
Fixed:
- bpk-component-input: 3.2.36 => 3.2.37
- Expose BpkInput underlying DOM node ref to parent components.
2017-11-06 - Internet explorer compatibility 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 encapsulated 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.isFinitewhich are unsupported in IE
- Removed usage of
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:
- react-native-bpk-component-spinner: 0.0.1 => 1.0.0
- New spinner component, see https://backpack.github.io/components/native/spinners
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
Componentshowing up instead ofSVG.
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
- Removed redundant
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
- Now accepts a
focusedprop to add emphasis to a card, see https://backpack.github.io/components/native/cards/
- Now accepts a
- react-native-bpk-component-button: 4.0.4 => 4.1.0
- The
iconprop now accepts strings corresponding to a validBpkIcon. - Elements can still be passed in as before if required.
- The
Changed:
- bpk-component-breakpoint: 1.0.25 => 1.0.26
- Upgraded react-responsive to
v3.0.0to fix prop type warning.
2017-10-18 - New neutral configuration for native and web banner alerts
Added:
- react-native-bpk-component-banner-alert: 1.0.1 => 1.1.0
- New neutral configuration, see https://backpack.github.io/components/native/banner-alerts/
2017-10-17 - New native banner alert and animations for web banner alerts
Added:
-
bpk-component-banner-alert: 1.2.17 => 1.3.1
- Added animation to expandable banner-alerts + mew neutral configuration. See
- New neutral configuration, see https://backpack.github.io/components/web/banner-alerts/
-
react-native-bpk-component-banner-alert: 0.0.1 => 1.0.1
- New banner alert component, see https://backpack.github.io/components/native/banner-alerts/
2017-10-16 - React Lists and List Items can now have a className prop added
Added:
- bpk-component-list:
- The
classNameprop has been added to BpkList and BpkListItem, mirroring functionality in other components that implement the prop
- The
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
- Modified 5 icons:
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
selectedstate has been removed. Buttons usingselectedwill 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:
- New component
BpkBannerAlert, see https://backpack.github.io/components/native/banner-alerts/
- New component
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",
- Fixed package meta data to point to correct entry file
i.e.
-
react-native-bpk-theming: 1.0.2 => 1.0.3
- Removed TC39 stage 3 proposed syntax from
withThemeHOC
- Removed TC39 stage 3 proposed syntax from
-
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.0are 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_FAMILYtoken - Android
FONT_FAMILY&FONT_FAMILY_EMPHASIZEtoken
- iOS
Fixed:
-
bpk-stylesheets: 3.2.64 => 3.2.65
- Removed
.enable-jp-font-feature-settingsclass
- Removed
-
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_COLORasstates
- Re-categorized
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-smoothingclass added to body element
- Added ability to have
2017-10-01 - Add React Native Icon component and Theme Provider
Added:
-
react-native-bpk-theming 0.0.1 => 1.0.0
- New
BpkThemeProviderandwithThemeutilities, see https://backpack.github.io/components/utilities/theming
- New
-
react-native-bpk-component-icon 0.0.1 => 0.0.2
- New icon component, see https://backpack.github.io/components/native/icons/
2017-09-29 - Update tokens types value and add TTF icon font
Fixed:
- bpk-tokens:
- Fixed various
typevalues for web, iOS and android tokens e.g:LINE_HEIGHT_XS's type wasfont-sizebut is nowsizeFONT_SIZE_XS's type wassizebut is nowfont-size- etc
- Fixed various
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
- New props:
2017-09-26 - New native Card component
Added:
- react-native-bpk-component-card: 0.0.3 => 1.0.0
- New component BpkCard, see https://backpack.github.io/components/native/cards/
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
styleto the button was like so:
Now things are more in line with expectations:style={{ container: {...} }}style={{...}}
- Previously, applying custom
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
- Color tokens can now be made opaque with
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
titleprop is now required.
Added:
- react-native-bpk-component-button: 1.0.0 => 2.0.0
- New
iconOnlyandaccessibilityLabelprops.
- New
2017-09-20 - New React Native Button component
Added:
- react-native-bpk-component-button: 0.0.1 => 1.0.0
- New component, see https://backpack.github.io/components/native/button
2017-09-20 - New React Native Text Input component
Added:
-
react-native-bpk-component-text: 2.0.0 => 2.1.0
- New
emphasizeprop - Error messages when invalid fontWeight and emphasis are used
- New
-
react-native-bpk-component-text-input: 0.0.1 => 1.0.0
- New component, see https://backpack.github.io/components/native/text-input
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
- Default color is now
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:
- react-native-bpk-component-text: 2.0.0
- New component, see https://backpack.github.io/components/native/text
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/Date pickers can now set initially focused date / month
Added:
- bpk-component-calendar: 4.0.17 => 4.1.0
- bpk-component-datepicker: 7.0.18 => 7.1.0
- Added
initiallyFocusedDateprop that allows controlling which date is initially focused whenselectedDateis not specified. If not suppliedminDatewill receive focus as before.
- Added
2017-08-30 - New image component
Added:
- bpk-component-image: 1.0.0
- Added
BpkImagecomponent - Added
withLazyLoadingHOC which allowsBpkImageto be loaded only when in view - Added
withLoadingBehaviorHOC which allowsBpkImageto be shown only once loaded, displaying a spinner until that point
- Added
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&BpkTableRownow 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
wrapDisplayNameutility function
- Expose recompose's
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
wrapDisplayNamefrom bpk-react-utils instead of directly from recompose
- Import
2017-08-17 - New icons, customisable table rows, and CommonJS 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
- Added common JS output for React Native.
Fixed:
- bpk-component-table: 1.0.7 => 1.0.8
BpkTableRownow accepts arbitrary props
- bpk-component-icon: 3.10.3 => 3.11.0
- Fixed displayName of
withAlignmentHOC 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.
- Fixed displayName of
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.xmlandbpk-tokens/tokens/android/base.react.native.es6.js. These interfaces are not to be considered stable yet however and they may still change.
- Added new outputs for the iOS and Android platforms in
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 - BpkBlockQuote 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
classNameprop has been added to allow users to apply their own className - a
closeLabelprop has been added to allow users to specify the label on the close button within the chip
- a
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 behaviour 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
Portalbehaviour.
2017-08-03 - New icons, mobile friendly bar charts, and more styling options for tooltips
Breaking:
- bpk-component-tooltip: 1.2.3 => 2.0.0
- The
classNameprop has been renamed toportalClassName.
- The
- bpk-component-barchart: 1.0.6 => 2.0.0
- Increased the tappable area of bar chart bars by default
- Added new prop
paddingin 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
portalStyleprop that enables styling the tooltip portal.
- Add
2017-08-03 - Deprecated Heading & Paragraph components
Changed:
-
bpk-component-heading:
-
bpk-component-paragraph:
-
These components are now deprecated, please use
bpk-component-textinstead: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 :bug: fixes
Added:
-
bpk-mixins: 16.0.0 => 16.1.0
-
Added BEM
bpk-text--XXmixins for text styles. These are similar but subtly different to existingbpk-text-XXmixins -
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-xxstand-alone 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
withDefaultPropHOC to simplify using the same component with the same props in many places.
- Added
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
withAlignmentHOC uses wrappingspanto prevent overriding the style of an aligned component
-
bpk-component-breakpoint: 1.0.2 => 1.0.3
- Unpinned
react-responsiveto^1.3.2as the breaking change released in1.3.2has been resolved
- Unpinned
2017-07-28 - New Text component and mixins
Breaking:
-
bpk-mixins: 15.7.1 => 16.0.0
-
Text mixins (
bpk-text-base,bpk-text-lgetc.) now set letter-spacing and font-weight explicitly. This means you cannot setfont-weightany more before including the mixin. Instead, use the newbpk-text-boldmixin to embolden text:.selector { @include bpk-text-lg; @include bpk-text-bold; }
-
-
bpk-tokens: 23.3.1 => 24.0.0
-
Aliases in
.raw.jsonformat are now objects with avalueproperty i.e."WHITE": { "value": "#ffffff" },...instead of...
"WHITE": "#ffffff",
-
Added:
-
bpk-mixins: 15.7.1 => 16.0.0
- New
bpk-text-xsmixin in addition to the existing text styles (sm,base,lg,xl,xxl)
- New
-
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
BpkTextis the new preferred method for rendering text of all kinds. It utilizes the newly added mixins and allows separation of text style and semantics.
- New component
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 bar chart using the keyboard would overflow 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 stabilised 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.
- A custom class name can now be supplied when rendering
-
bpk-mixins: 15.6.4 => 15.7.0
- Adds
$bpk-zindex-tooltip
- Adds
-
bpk-tokens: 23.2.2 => 23.3.0
- Adds value for tooltip z-index.
-
bpk-component-icon: 3.8.0 => 3.9.0
withAlignmentHOC 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-responsivetov.1.3.0as a breaking change was released inv1.3.2
- Pinned
2017-07-14 - Selectable bar chart
Breaking:
-
bpk-component-barchart: 0.3.5 => 1.0.0
-
The
onBarClickcallback 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
getBarSelectioncallback prop which can be used to indicate that a given bar is selected
- Added
BpkBarchartBar- Added
selectedprop
- Added
- bpk-component-icon: 3.7.5 => 3.8.0
- Replaced HOC's:
withButtonAlignment&withLargeButtonAlignmentwithwithAlignment withAlignmentprovides similar alignment functionality to a given component, taking as extra arguments the line height of the parent and icon components.withButtonAlignment&withLargeButtonAlignmentare still available as wrappers around the newwithAlignmentfunction.
- Replaced HOC's:
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:
- bpk-component-chip: 0.0.1 => 1.0.0
- Introducing the new chip component: Docs: https://backpack.github.io/components/atoms/chips
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 argument to popover's onClose
Added:
-
bpk-component-popover: 1.1.3 => 1.2.0
-
bpk-react-utils: 2.0.2 => 2.1.0
-
Add
sourceargument toonClosecallback: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
- Fix for progress bar depending on undefined property
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 populate "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
onMonthChangesignature has changed fromonMonthChange(<Date>)toonMonthChange(event, { month: <Date>, source: <string> })
- The
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
smallLabelrenders the label at a smaller font size suitable for filters etc.
- New prop
- 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
targetprop to the popover.
- 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
2017-06-26 - New bar chart component
Added:
- bpk-component-barchart: 0.3.0
- Introducing the new bar chart component: Docs: https://backpack.github.io/components/molecules/barcharts
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
spaceAroundis now a prop ofBpkHorizontalNavIteminstead ofBpkHorizontalNav
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.nodeinstead ofPropTypes.stringwhich enables rending more customized messages.
- The message prop type is now
2017-06-21 - New star rating component
Added:
- bpk-component-star-rating: 0.0.3
- Introducing the new star rating component: Docs: https://backpack.github.io/components/molecules/star-rating
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
classNamePrefixin favour ofappearClassNameandappearActiveClassNamefor CSS Modules compatibility.
- TransitionInitialMount: Removes
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 support 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
hideOnTouchDevicesprop (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.
- Added
2017-06-13 - Panels release
Added:
- bpk-component-panel: 0.0.0 => 0.0.2
- bpk-mixins: 23.1.0 => 23.2.1
- bpk-tokens: 15.2.1 => 15.3.1
- New panel component (https://backpack.github.io/components/atoms/panels)
:warning: bpk-tokens@15.3.0, and bpk-mixins@23.2.0 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
BpkCalendarNavnow accepts adisabledprop 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
- Upgraded to
react-transition-group@1.1.3(no more prop-type warnings)
- Upgraded to
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-utilsto reduce bloat for the button for non tree-shaking consumers
- Removed the dependency on
2017-05-23 - Autosuggest suggestion values can now accept elements
Fixed:
- bpk-component-autosuggest: 3.0.3 => 3.0.4
- Suggestion
valueattribute is now of anodetype therefore it accepts: numbers, strings, elements and arrays of them subHeadingattribute is now of anodetype too
- Suggestion
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:
BpkAccordionContaineris now deprecated- Consumers using
BpkAccordionContainershould now enhanceBpkAccordionwith thewithSingleItemAccordionStatehigher-order component - Consumers using
BpkAccordionContainerwithallowMultipleshould now use a regularBpkAccordioncomponent with eachBpkAccordionItemenhanced using thewithAccordionItemStatehigher-order component - In each case,
BpkAccordionItemwill now use theinitiallyExpandedprop for items that should be initially expanded - Please refer to the readme for examples
- New API:
Added:
- bpk-component-input: 3.0.17 => 3.1.0
- Added a new
withOpenEventshigher-order component to encapsulate events triggering a modal or popover
- Added a new
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
disabledprop to display in a different color when used with a disabled form element
- Labels now accept
Fixed:
- bpk-component-popover: 1.0.41 => 1.0.42
- Popover now has a z-index 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-tokensto^23.0.0which comes with the following breaking change:- Renamed
AUTOSUGGEST_LIST_ITEM_FOCUSED_BACKGROUND_COLOR->AUTOSUGGEST_LIST_ITEM_HIGHLIGHTED_BACKGROUND_COLOR
- Renamed
- Upgraded
2017-05-16 - Fixed breaking change in bpk-component-autosuggest@2.1.3
Fixed:
- bpk-mixins: 14.1.1 => 14.1.3
- Reverted
bpk-tokensto^22.1.0as a result of a breaking change
- Reverted
2017-05-16 - Upgraded autosuggest to latest upstream major version
Breaking:
- bpk-component-autosuggest: 2.1.3 => 3.0.0
- Updated
react-autosuggestdependency:8.0.0=>9.0.1 - Upgrade instructions:
- Change the
focusFirstSuggestionprop to behighlightFirstSuggestion - Change the signature of
inputProps.onBlurfromfunction onBlur(event, { focusedSuggestion })tofunction onBlur(event, { highlightedSuggestion }) - For additional (breaking) changes, please refer to the release notes
- Change the
- Updated
- bpk-tokens: 22.1.0 => 23.0.0
- Renamed
AUTOSUGGEST_LIST_ITEM_FOCUSED_BACKGROUND_COLOR->AUTOSUGGEST_LIST_ITEM_HIGHLIGHTED_BACKGROUND_COLOR
- Renamed
Fixed:
- bpk-component-router-link: 0.1.76 => 0.1.77
- bpk-mixins: 14.1.0 => 14.1.1
- Fixed router link active + 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
labelprop has been deprecated in favour ofchildren - i.e.
<BpkLabel>My label</BpkLabel>instead of<BpkLabel label="My label" />
- The
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
requiredprop
- New
Fixed:
- All components now depend on
prop-typesdirectly
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
hXmargin top/bottom tokens- i.e.
H1_MARGIN_TOP->HEADING_MARGIN_TOP&H3_MARGIN_BOTTOM->HEADING_MARGIN_BOTTOM
- i.e.
Added:
- bpk-component-textarea: 0.0.0 => 0.0.1
- New form validation component (https://backpack.github.io/components/atoms/forms#textareas)
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-tokensdependency which dramatically reduces component bloat - Removed explicit
fillattribute, this is now applied via CSS class - Arbitrary props are now passed through to the SVG
- Removed
Added:
-
bpk-component-autosuggest: 2.0.32 => 2.1.0
-
refcallbacks 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 tofalse, the calendar will be of fluid width (does not work with transitions!)
- Added prop
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
onMonthChangecallback added- BpkCalendarView has been replaced by the higher-order component
composeCalendar - Higher-order component
withCalendarStatehas been added to provide focus management and keyboard input - Props deprecation
- Renamed the
dateprop toselectedDate;datewill be removed in future versions - Deprecating
dateModifiers; if needed, the date component can be wrapped in a HOC to add this feature;dateModifierswill be removed in future versions
- Renamed the
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
labelprop is now requiredvalueprops are no longer magically set to the value ofnameprop 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_COLORtokens - Removed
bpk-select--invalidmixin as it was made redundant.
- Removed
Added:
-
bpk-animate-height: 0.0.0 => 0.0.1
- Extracted
AnimateHeightmodule out ofbpk-component-accordionto its own package - Added
transitionOverflowprop to customise the overflow behaviour during the transition
- Extracted
-
bpk-component-fieldset: 0.0.0 => 0.0.1
- New form validation component (https://backpack.github.io/components/atoms/forms#validation)
-
bpk-component-form-validation: 0.0.0 => 0.0.1
- New fieldset component (https://backpack.github.io/components/molecules/fieldsets)
-
bpk-component-checkbox:
-
bpk-component-radio:
- Radio buttons and checkboxes can now have white labels
Fixed:
-
bpk-component-input: 3.0.9 => 3.0.10
-
bpk-component-select: 2.0.9 => 2.0.10
aria-invalidis now set whenvalid={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_700color
- Updated checkbox and radio checked SVGs to use
2017-04-20 (1) - Unified colours 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 colours for hover, active and selected states
2017-04-20 (1) - Fixed datepicker prop pass through to input
Fixed:
- bpk-component-datepicker: 5.0.33 => 5.0.34
- Event handlers
onClick,onFocus,onBlur,onKeyDown,onKeyUpandonTouchEndare now passed through to the input when provided ininputProps
- Event handlers
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
onDateSelectis 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_SHADOWBANNER_ALERT_SUCCESS_BOX_SHADOWBANNER_ALERT_WARN_BOX_SHADOWBANNER_ALERT_ERROR_BOX_SHADOW
- Renamed tokens:
BANNER_ALERT_SUCCESS_ICON_FILL->BANNER_ALERT_SUCCESS_COLORBANNER_ALERT_WARN_ICON_FILL->BANNER_ALERT_WARN_COLORBANNER_ALERT_ERROR_ICON_FILL->BANNER_ALERT_ERROR_COLOR
- Removed superfluous tokens:
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
- New mixins for applying borders:
Fixed:
- bpk-mixins: 11.1.3 => 12.0.0
- Fixed
@include bpk-border-radius-pill;mixin as it was completely broken
- Fixed
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:
- bpk-component-horizontal-nav: 0.0.0 => 0.0.1
- New horizontal navigation component (https://backpack.github.io/components/molecules/horizontal-nav)
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-buttoninstead
Added:
- bpk-component-loading-button: 0.0.0 => 0.0.3
- Replaces
bpk-component-cta-button
- Replaces
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
- Added the ability to pass a custom
-
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:
- bpk-component-cta-button: 0.0.0 => 0.0.1
- New call to action button component (https://backpack.github.io/components/atoms/calltoactions)
Fixed:
- bpk-component-accordion: 0.0.2 => 0.0.3
- Aligned
bpk-mixindependency
- Aligned
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-50backgrounds.
- Fixing disabled states of checkboxes and radio buttons so that they render better on
2017-03-27 (2) - New progress bar component
Added:
- bpk-component-progress: 0.0.0 => 0.0.1
- New progress bar component (https://backpack.github.io/components/molecules/progress)
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:
- bpk-component-accordion: 0.0.0 => 0.0.1
- New accordion component (https://backpack.github.io/components/molecules/accordions/)
- bpk-component-nudger: 0.0.0 => 0.0.1
- New nudger component (https://backpack.github.io/components/molecules/nudgers/)
- bpk-component-checkbox: 0.0.53 => 0.1.0
- Added ability to add custom className and other arbitrary props
- bpk-component-paragraph: 0.1.63 => 0.2.0
- Added ability to add custom className and other arbitrary props
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
invalidstate of inputs and selects from a red border to a light red background color. - Changed
red-50to a lighter shade
- Changed the
Added:
- bpk-component-input: 2.0.17 => 3.0.0
- bpk-component-select: 1.0.31 => 2.0.0
- Added
dockedFirst,dockedMiddleanddockedLastprops to BpkInput and BpkSelect in case you need finer control of docked inputs (e.g. when they are not direct sibling elements).
- Added
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-groupto1.0.0as they introduced a breaking change to the modal
- Locked down
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-iconmixin to include icons of any color
- Add more flexible
2017-03-14 - Fixed overzealous prop type warning in icon components
Fixed:
- bpk-component-icon: 3.3.12 => 3.3.13
- Relaxed
classNameprop type in internal component
- Relaxed
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
- Allow consumers to pass in a custom
- 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
targetRefcallback for the parent component to receive a ref to the portal's target
- The Portal component now accepts a
- bpk-tether: 0.0.1
- New packages to provide a wrapper around tether and related utilities
2017-03-03 (2) - Fixed datauri based icons in stock Android browser
Fixed:
- bpk-mixins: 10.0.0 => 10.0.1
- bpk-svgs: 5.0.2 => 5.0.3
- Removed
styleprop from icon datauri variables This fixes the icons rendering on stock android browser
- Removed
2017-03-03 - Fixed padding issues with grid components
Breaking:
-
bpk-component-grid: 0.1.6 => 1.0.0
-
Removed
paddedprop fromBpkGridContainerin favour of adding it toBpkGridRowcomponents 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--paddedmodifier mixin in favour ofbpk-grid__row--paddedi.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
BpkGridColumncomponents Usage:<BpkGridColumn width={1} padded={false}>Content</BpkGridColumn> - Added the ability to add a custom
classNameprop to all grid components - Added the ability to add arbitrary props to all grid components
- Added the ability to turn padding off on
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
- Fixed RTL support for grid columns using
-
bpk-component-card: 0.0.37 => 0.0.38
- Relaxed the
hrefprop to no longer be required - If an
hrefprop isn't provided, the component will render a<div role="button" />
- Relaxed the
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 small shadow
2017-02-27 - Deprecated logo components
Breaking:
-
bpk-component-logo:
- This component has been deprecated
- Consumers should now use our internal
bpk-logoscomponent 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-logoscomponent instead - Sass mixins are available atbpk-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';
- Tokens can now be consumed individually or grouped by category using ES6 imports:
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.assignexception in popover based components
- Fixed
-
bpk-react-utils: 1.2.1 => 1.2.2
- Portal now closes on
touchendinstead oftouchstart
- Portal now closes on
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/libin the components above (bye byereact-addons-css-transition-group) - Fixed issue with users of Webpack externals and bloated bundles
- Removed more traces of
2017-02-17 Improved autosuggest input options & :visited link styles
Breaking:
- bpk-component-autosuggest: 1.1.11 => 2.0.0
- Upgraded
react-autosuggesttov8.0.0& made use ofrenderInputComponentto truly composebpk-component-inputrather than just style the input thatreact-autosuggestrenders
- Upgraded
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
:visitedlink colour ofblue-700
- Added
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
modifierslogic. Modifiers now create classes likebpk-calendar-date-modifier--MYMODIFIER(wasbpk-calendar-date--MYMODIFIER). This means you cannot mess any more with core functionality of the calendar/datepicker. - Removes (previously broken) support for blocked dates (except for a min/max date range)
- Separates blocked/focused/selected/outside/today logic from
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
fullWidthprop toBpkGridContainerwhich allows it use the full width of the parent
- Added
-
bpk-mixins: 8.4.0 => 8.5.0
- Added
bpk-grid__container--full-width
- Added
2017-02-15 - Datepicker / Popover a11y improvements
Breaking:
-
bpk-component-datepicker: 3.0.0 => 4.0.0
- Renamed prop
popoverLabeltotitle
- Renamed prop
-
bpk-component-modal: 0.5.0 => 1.0.0
- Added new required prop
idto reduce id naming collisions
- Added new required prop
-
bpk-component-popover: 0.2.0 => 1.0.0
- Added new required prop
idto reduce id naming collisions - Added new required prop
labelfor screen readers - Renamed prop
titletolabelAsTitleand type is nowboolinstead ofstring- Consumers who were using
titleshould now uselabelto set the string and passlabelAsTitleaccordingly
- Consumers who were using
- Popovers now behave a lot better for screen reader users
- Added new required prop
Added:
-
bpk-mixins: 8.3.0 => 8.4.0
- A new
bpk-localemixin to help with targeting locale specifics styles. TO BE USED SPARINGLY. Example:@include bpk-locale("ja-JP") { /* ja-JP scss goes here */ }
- A new
-
bpk-stylesheets: 3.1.9 => 3.2.0
- A feature flag class on body
.enable-jp-font-feature-settingsto enablefont-feature-settingsfor ja-JP locale
- A feature flag class on body
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
classNameprop
- Now accepts a custom
-
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
targetprop - helpful for avoiding wrapper divs
- Now accepts a
-
bpk-react-utils: 1.1.0 => 1.2.0
- Added
TransitionInitialMountto help with CSS transitions (frombpk-component-modal)
- Added
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
minDateandmaxDateprops are now internally set to the start of that day
2017-01-31 - Introducing the popover, calendar and datepicker components
Added:
- bpk-component-calendar: 0.0.7
- New calendar component (https://backpack.github.io/components/molecules/calendar/)
- bpk-component-datepicker: 0.0.3
- New datepicker component (https://backpack.github.io/components/molecules/datepicker/)
- bpk-component-popover: 0.0.5
- New popover component (https://backpack.github.io/components/molecules/popovers/)
2017-01-26 - Input prop types are less strict & new portal implementation
Breaking:
-
bpk-component-input: 1.0.14 => 2.0.0
- Props
placeholderandonChangeare no longer required and are not explicitly listed in prop types any more
- Props
-
bpk-react-utils: 0.1.0 => 1.0.0
- deprecated
toPortalChild react&react-domare now peer dependencies
- deprecated
Added:
- bpk-react-utils: 0.1.0 => 1.0.0
- New
Portalimplementation - to be used instead of third partyreact-portal
- New
Fixed:
- bpk-component-modal: 0.3.9 => 0.3.10
- Swapped
react-portalin favour ofbpk-react-utilsimplementation
- Swapped
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
toPortalChildhelper
- Added
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
onClosecalled twice- Now consumes
bpk-component-close-button
2017-01-11 - Custom classNames and arbitrary 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
- BpkLink and BpkButtonLink now pass through arbitrary props to
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
- Added dependency on
-
bpk-component-button: 1.4.4 => 1.5.0
- All additional/custom props are now passed through to
<button>tag, includingstyle
- All additional/custom props are now passed through to
-
bpk-mixins: 6.7.1 => 6.8.0
- Added CSS module support (workaround for global
.bpk-no-touch-supportclass)
- Added CSS module support (workaround for global
2016-12-22 - Work around React regression in BpkButton
Fixed:
- bpk-component-button: 1.4.3 => 1.4.4
- onClick event no longer fires on disabled buttons in Chrome, see https://github.com/facebook/react/pull/8329
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 colours
Breaking:
- bpk-tokens: 17.0.0 => 17.0.1
- bpk-mixins: 6.7.0 => 6.7.1
- updated tokens for yellow colours 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_SEGOEand.font-family-segoe - Only bumped minor because we are certain that scaffold was the only consumer of this
- Removed all traces of Segoe, including
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 screen reader 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 UIfrom the base font stack - Added alternative font stack including
Segoe UI
- Removed
- bpk-stylesheets: 2.0.10 => 3.0.0
- Enabled the alternative font stack with
Segoe UIwhen thefont-family-segoeclass is added to<body>
- Enabled the alternative font stack with
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
- Added explicit dependency on
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
disabledstate
- Added tokens for destructive button
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
disabledstate
- Fixed destructive button
-
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
destructivebutton style
- Added
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-spreadso make sure you add it to your.babelrc
- Added use of
-
bpk-component-input: 0.0.20 => 1.0.0
placeholderprop is now required
-
bpk-component-select: 0.0.20 => 1.0.0
optionsprop 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 "pass through" 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
classNameprops - 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&dockedfor 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.
- Inputs & selects can now be made
2016-11-04 - Autosuggest improvements
Breaking:
-
bpk-component-autosuggest: 0.0.17 => 1.0.0
- Updated to
^7.0.1ofreact-autosuggest - Removed padding from suggestion containers with the idea
- Updated to
-
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-shadowsetc
- Removed automatic pluralisation of SCSS category names. This affects all token formats except
SCSS. Examples include:
-
bpk-component-autosuggest: 0.0.17 => 1.0.0
- Added
BpkAutosuggestSuggestioncomponent
- Added
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-700instead ofgray-300
- Changed default label color to
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
- Added duration variables:
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.jsas well as/node_modules/bpk-stylesheets/base.csson the page. - Default module export is now uncompiled
/index.jswhich contains both script and style, with/base.css&/base.jsexposed for compiled access
Added:
- bpk-mixins: 5.4.0 => 5.5.0
- Added
bpk-hovermixin to apply:hovereffects to non-touch devices only
- Added
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
:hovereffects 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
classNameto button
- Can now pass through custom
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" prop types
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-supportfor RTL support in icons
- New mixin
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 withRtlSupportprovides RTL support for icons on an opt-in basis (as not all icons should be flipped in RTL layouts)alignToButton&alignToLargeButtonremain (but are aliases towithButtonAlignment&withLargeButtonAlignmentrespectively)
- Three new HOC's:
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-rtlmixin to help with targeting RTL specific styles
Fixed:
-
bpk-tokens: 12.1.0 => 12.1.1
- The values for
INPUT_PADDING_XandINPUT_PADDING_Ywere the wrong way around
- The values for
-
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&heightto icon SVGs - Generating react components for each SVG using react-svg-loader CLI.
- Added
-
bpk-component-spinner: 0.2.12 => 1.0.0
- We now expose three components
BpkSpinner,BpkLargeSpinner,BpkExtraLargeSpinner - No need for raw-loader any more
- We now expose three components
-
bpk-component-logo: 0.2.8 => 1.0.0
- We now expose five components
BpkInlineLogo,BpkCloudLogo,BpkStackedLogo,BpkTianxunLogo,BpkTianxunStackedLogo - No need for raw-loader any more
- We now expose five components
-
bpk-component-icon: 0.2.12 => 1.0.0
- We now expose hundreds of components (generated in bpk-svgs)
- No need for raw-loader any more
- 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
- Surfaced
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:
- bpk-component-autosuggest@0.0.3
- Interface now conforms to
react-autosuggest100% - Fixed bug with arrow displaying even when the suggestion were hidden
- Interface now conforms to
2016-09-13 - Content container changes & initial version of Autosuggest
Added:
- bpk-component-autosuggest@0.0.2
- Initial version to be tested by B2B widgets squad
Breaking:
- bpk-component-content-container@1.0.0
- no longer applying styling to bare html in content container by default, instead consumers can opt in using
bareHtmlprop - nested content containers have bottom margin
- no longer applying styling to bare html in content container by default, instead consumers can opt in using
- bpk-mixins@5.0.0
- no longer applying styling to bare html in content container by default, instead consumers can opt in using
the
bpk-content-container--bare-htmlmixin
- no longer applying styling to bare html in content container by default, instead consumers can opt in using
the
- bpk-tokens@12.0.0
- re-categorised some tokens for typesetting
Fixed:
- bpk-component-grid@0.0.3
- added a
display: block;to columns to override anydisplay: none;'s as a result of setting width to 12
- added a
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