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
36dp
high.
Fixed:
react-native-bpk-component-banner-alert
: 5.0.34 => 5.0.35- Fixed an issue with using
isString
and replaced with a better solution.
Breaking:
bpk-component-calendar
: 0.3.4 => 1.0.0bpk-component-dialog
: 0.1.0 => 1.0.0- Upgraded Backpack pod dependency to
10.0.0
.
- Upgraded Backpack pod dependency to
Fixed:
- react-native-bpk-component-panel:
- Fixed an issue that was causing
padded
to default tofalse
when it should have beentrue
- Fixed an issue that was causing
Added:
react-native-bpk-component-dialog
: 0.1.0- New implementation of the Dialog component in React Native (JS).
Updated:
- react-native-bpk-component-icon:
- Updated world and heart icons.
Added:
- react-native-bpk-component-icon: 1.14.10 => 1.15.0
- Added new smiley icons face--blank, face--happy, face--sad.
Added:
- react-native-bpk-component-icon:
- Added
trend--steady
,trend--down
,trend--will-rise
family
,filter
,world--amer
,world--apac
, andworld--emea
icons
- Added
Fixed:
- react-native-bpk-component-chip:
- Fixed an issue causing non-themed selected chips to not show background color.
Added:
- react-native-bpk-theming:
- Added new theme attributes for
colorGray50
,colorGray100
,colorGray300
,colorGray500
,colorGray700
,colorGray900
toBpkThemeAttributes
to support new gray theming.
- Added new theme attributes for
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
Fixed:
- react-native-bpk-component-button-link:
- Fixed touchable highlight for Android.
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
secondary
anddestructive
button types didn't work.
- Fixed an issue where theming button borders on
- react-native-bpk-component-calendar:
- bumped
backpack-android
to 8.0
- bumped
Fixed:
- react-native-bpk-component-calendar: 0.3.7 => 0.3.8
- fixed
backpack-android
version.
- fixed
Updated:
- react-native-bpk-component-touchable-overlay: 1.1.13 => 1.2.0
borderRadius
prop now accepts numbers in addition to the existingsm
,lg
andpill
values. 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.
Added:
-
react-native-bpk-component-button: 9.0.0 => 9.1.0
- Added theming support to
BpkButton
forfeatured
anddestructive
buttons. 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
BpkStarRating
when selected. See https://backpack.github.io/components/star-rating?platform=native#theme-props
- Added theming support to
Fixed:
- react-native-bpk-component-calendar: 0.3.4 => 0.3.5
- bump
backpack-android
to 7.4.0
- bump
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
Fixed:
- react-native-bpk-component-navigation-bar: 5.1.8 => 5.1.9
- Increase tap area for iOS navigation bar buttons.
Breaking:
- react-native-bpk-component-button: 8.3.7 => 9.0.0
- Changed behaviour of
iconAlignment
leading
andtrailing
values to behave ascenterLeading
andcenterTrailing
. - Removed
centerLeading
andcenterTrailing
fromiconAlignment
.
- Changed behaviour of
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-alerts
icons.
- Updated
Added
- react-native-bpk-component-chip: 3.1.21 => 3.2.0
- Added theming support to
BpkChip
when 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
BpkSelect
withvalid={true}
no longer has a green border to match the behaviour ofBpkTextInput
which also doesn't have one.
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
Added:
- react-native-bpk-component-text-input: 3.0.20 => 3.1.0
- Added theme props
textInputFocusedColor
andtextFontFamily
toBpkTextInput
.
- Added theme props
Fixed:
- react-native-bpk-component-card: 1.3.13 => 1.4.0
- Updated
react-native-dash
dependency to fix an issue that arises under React Native 0.59.
- Updated
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
flatListSelectedItemColor
theme prop for changing the colour of the selected list item.
- Added a new
Added:
- react-native-bpk-component-text: 4.0.9 => 4.1.0
- Added support for changing the font using a new
textFontFamily
theme 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
BpkThemeAttributes
to support arbitrary usage of a theme'sprimaryColor
attribute. If rendered outside of aBpkThemeProvider
with a defined themecolorBlue500
is used instead.const Color = () => ( <BpkThemeAttributes> {({ primaryColor }) => <View style={{ backgroundColor: primaryColor }} />} </BpkThemeAttributes> );
Added:
- react-native-bpk-component-button-link: 4.3.0 => 4.4.0
- Added optional
uppercase
prop for Android to toggle whether the button title should be in uppercase.
- Added optional
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
Breaking:
- react-native-bpk-component-navigation-bar: 4.2.0 => 5.0.0
- New
type
prop forBpkNavigationBarTextButtonIOS
to change the button colour. - Added
navigationBarPrimaryColor
theme property, applied toBpkNavigationBarTextButtonIOS
when 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
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.
Added:
-
react-native-bpk-component-icon: 1.13.0
- New
withRtlSupport
HOC.
- 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
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
.
Added:
- [email protected]
- [email protected]
- [email protected]
- [email protected]
- New social-like icon.
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.
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.
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).
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.
Added:
- react-native-bpk-component-badge: 2.1.4 => 2.2.0
- The
message
prop is now optional. This is for when badges have only anaccessoryView
and no text. - Added an
accessibilityLabel
prop. This defaults to the contents ofmessage
and is only a required prop whenmessage
isnull
. - Fixed padding issues when badges had no
message
and 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
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
heavy
was 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
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.
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.
Fixed:
- react-native-bpk-component-navigation-bar: 4.0.8 => 4.0.9
- Remove the use of
StatusBar
on Android.
- Remove the use of
Added:
- bpk-component-popover:
- Added
closeButtonProps
so that consumers can set props on the close button - for example,tabIndex
.
- Added
- bpk-component-image
- Introducing
BpkBackgroundImage
for 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.
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
className
property to BpkCalendarDate component
- Added
Added:
-
react-native-bpk-component-card:
- Added
cornerStyle
prop which can besm
(4pt
, default) orlg
(24pt
).
- Added
-
react-native-bpk-component-touchable-overlay:
- Added support for 'lg' border radius.
Added:
- react-native-bpk-component-badge: 2.0.5 => 2.1.0
- Badges now accept an optional
accessoryView
that 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
BpkBadgeIcons
component 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
fontSizeXxl
andfontSizeXxl
tokens for Android and iOS. They are now30
and36
(previously36
and42
). - Changed
letterSpacingXxl
andletterSpacingXxxl
tokens for Android. They are now-0.8
and-1.0
(previously-1.0
and-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
Added:
- bpk-react-utils: 2.6.13 => 2.7.0
- Added
deprecated
function 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 (
20px
instead 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 (
Added, changed:
- bpk-tokens: 27.2.1 => 27.3.0
- Changed elevation token values. Also added a new
elevationXxl
token. 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.
Changed:
- bpk-tokens: 27.2.0 => 27.2.1
- Updated iOS shadow tokens and deprecated XL shadow tokens on iOS.
- Changed Android
borderRadiusSm
token to4
. - Added
borderRadiusLg
tokens 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.large
to use large tokens instead of deprecated XL ones.
- Tweaked
Fixed:
- bpk-svgs: 6.0.1 => 6.0.2
- Updated
send-message
icon
- Updated
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
Added:
- react-native-bpk-component-chip: 3.0.0 => 3.1.0
- Added
disabled
prop to chips.
- Added
Breaking:
- react-native-bpk-component-chip: 2.0.1 => 3.0.0
- Chips now feature a beautiful new design. The
large
prop has also been removed. See https://backpack.github.io/components/chip?platform=native
- Chips now feature a beautiful new design. The
Breaking:
-
react-native-bpk-component-navigation-bar: 3.0.1 => 4.0.0
- (iOS only) Navigation bar text now uses
base
text 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
base
text 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
base
text style as the new type scale made these too large. (See below for type scale changes)
- (iOS only) Section list now uses
Added:
- react-native-bpk-component-select:
- Added
valid
andvalidationMessage
props to make Select component to be consistent with Text Inputs. See the docs
- Added
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.
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.)
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
weight
prop to control font weight.emphasize
is now deprecated and will be removed in a future version. Useweight="emphasized"
to emphasise text from now on.
- Added
Breaking:
- bpk-svgs: 5.19.4 => 6.0.0
- Icons renamed:
bws--call-back
=>call-back
bws--end-call
=>end-call
bws--keypad
=>keypad
bws--mute
=>mute
bws--phone-call
=>phone-call
bws--send-message
=>send-message
bws--un-mute
=>unmute
send-message
icon 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
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-back
bws--end-call
bws--keypad
bws--mute
bws--phone-call
bws--send-message
bws--un-mute
Fixed:
- bpk-component-infinite-scroll: 2.0.13 => 2.0.14
- Changed IntersectionObserver threshold from 1 to 0.99.
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.
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
Added:
- react-native-bpk-component-button-link: 3.0.32 => 3.1.0
- Reverted
allowFontScalling={false}
change. - Add
textProps
prop.
- 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-autosuggest
dependency:9.4.1
=>9.4.2
- Updated
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
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.
Fixed:
- react-native-bpk-component-button: 7.1.14 => 7.1.15
- The default button variant now correctly works with Dynamic Text sizes.
Fixed:
- bpk-component-scrollable-calendar: 0.1.0 => 0.1.1
- Fixed an issue where
gridClassName
didn't work as expected.
- Fixed an issue where
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.
Fixed:
- bpk-component-icon: 3.23.3 => 3.23.4
- Republished as previous publish partially failed
Added:
- bpk-svgs: 5.18.11 => 5.19.0
- The source SVGs are now available in
dist
underdists/svgs
.
- The source SVGs are now available in
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.
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:
Fixed:
-
bpk-component-datatable: 0.1.34 => 0.1.35
- Fixed an issue where sorting columns would cause an exception.
-
bpk-component-barchart: 2.3.19 => 2.3.20
- Removes
onBarTouch
prop as it ultimately had no effect
- Removes
Breaking:
- bpk-component-router-link: 1.0.77 => 2.0.0
- upgraded react router from
2.x
to4.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 found
error.
- Fixed issue with
-
bpk-stylesheets: 3.2.122 => 3.2.123
- Reverted previous breaking change to base stylesheet.
Fixed:
- react-native-bpk-component-phone-input: 1.0.34 => 1.0.35
- fixed spread operation in PropTypes
Added:
- bpk-component-calendar: 4.3.0 => 4.3.1
- Expose
gridClassName
for composed calendars. changeMonthLabel
is now only required iff a Nav component is being used.
- Expose
Fixed:
- bpk-component-breadcrumb: 1.0.13 => 1.0.14
- Container now wraps on smaller screens
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.
Breaking:
- bpk-component-infinite-scroll: 1.0.10 => 2.0.1
- Added DataSource class. Can be used to trigger updates when the data for infinite scroll has changed.
onItemsFetch
prop replaced in favour of DataSource.
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.
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.
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.
Added:
- bpk-component-ticket: 1.1.57 => 1.2.0
- Added
withNotches
prop for optionally removing the notches.
- Added
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.
Added:
- react-native-bpk-component-text-input: 2.2.21 => 2.3.0
- Added
tinymask
support via mask property
- Added
Fixed:
-
bpk-component-barchart: 2.3.8 => 2.3.9
- Upgraded
d3-scale
from^1.0.5
->^2.1.0
.
- Upgraded
-
bpk-component-breakpoint: 1.1.4 => 1.1.5
- Upgraded
react-respnsive
from^3.0.0
->^4.1.0
.
- Upgraded
-
bpk-component-drawer: 1.2.13 => 1.2.24
- Upgraded
react-transition-group
from^2.2.1
->^2.4.0
.
- Upgraded
-
bpk-component-image: 1.2.23 => 1.2.24
- Upgraded
react-transition-group
from^2.2.1
->^2.4.0
. - Fixed loading behaviour in mobile Safari on slow networks.
- Upgraded
-
bpk-component-navigation-stack: 1.0.9 => 1.0.10
- Upgraded
react-transition-group
from^2.3.1
->^2.4.0
.
- Upgraded
-
bpk-component-slider: 1.1.36 => 1.1.38
- Upgraded
react-slider
from^0.11.1
->^0.11.2
.
- Upgraded
-
bpk-react-utils: 2.6.1 => 2.6.2
- Upgraded
react-transition-group
from^2.2.1
->^2.4.0
. - Upgraded
recompose
from^0.26.0
->^0.27.1
.
- 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.
- react-native-bpk-component-card: 1.2.31 => 1.2.32
- Update
react-native-dash
dependency to latest(0.0.9).
- Update
Added:
- react-native-bpk-component-button: 7.0.6 => 7.1.0
- Added
BUTTON_TYPES
andICON_ALIGNMENTS
exports. - Added
centerLeading
andcenterTrailing
to the possible values oficonAlignment
.
- Added
Fixed:
- bpk-component-navigation-stack: 1.0.9 => 1.0.10
- Fixed stack height in IE11.
Fixed:
-
bpk-component-infinite-scroll: 1.0.5 => 1.0.6
- Scroll intersection evaluation changed. Previously, it an intersection of, exactly, 1 (100%) was expected. This change cover the case when the intersection ratio is almost 1 (i.e. 1.001).
-
react-native-bpk-component-image: 1.0.1 => 1.0.2
- Fixed
source
type to accept the same values as theImage
component.
- Fixed
-
react-native-bpk-component-horizontal-nav: 3.0.21 => 3.0.22
BpkHorizontalNav
now displays correctly when using RTL.
-
bpk-component-slider: 1.1.34 => 1.1.35
- Fixed a bug where the handle would get stuck at the minimum value by upgrading
react-slider
. Seereact-slider#136
.
- Fixed a bug where the handle would get stuck at the minimum value by upgrading
Added:
- bpk-component-icon: 3.21.4 => 3.22.0
- bpk-mixins: 17.10.4 => 17.11.0
- bpk-svgs: 5.17.4 => 5.18.0
- react-native-bpk-component-button-link: 3.0.12 => 3.0.13
- react-native-bpk-component-button: 7.0.4 => 7.0.5
- react-native-bpk-component-icon: 1.8.7. => 1.9.0
- react-native-bpk-component-navigation-bar: 2.0.17 => 2.0.18
- New icons:
gears-automatic
andgears-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
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.
Fixed:
- react-native-bpk-component-navigation-bar: 2.0.15 => 2.0.16
- Update
this.theme
oncomponentDidUpdate
for RN navigation bar
- Update
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
center
andzoom
are controlled: changing them will change the values in the map.
- Now
Fixed:
- bpk-component-image: 2.0.39 => 2.0.40
- Fixed
onload
race condition when using server-side rendering.
- Fixed
Fixed:
-
bpk-scrim-utils: 3.2.1 => 3.2.2
- Fixed incorrect prop type for
dark
prop.
- Fixed incorrect prop type for
-
bpk-component-calendar: 4.2.35 => 4.2.36
- Fixed calendar to work with different font sizes.
Breaking:
- bpk-component-map: 1.0.5 => 2.0.0
- Removed all exports except for
BpkMap
,BpkOverlayView
andwithGoogleMapsScript
. - Introduced
BpkOverlayView
component to replaceOverlayView
. - Introduced
withGoogleMapsScript
HOC 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/dp
for Android and iOS.
- Adjusted height to
Fixed:
-
react-native-bpk-component-button-link: 3.0.9 => 3.0.10
- Loosened React Native peer dependency.
-
bpk-component-navigation-bar: 1.2.5 => 1.2.6
title
prop type is now node.
Added:
- bpk-scrim-utils: 3.1.32 => 3.2.0
- Add new prop
dark
for an alternative dark appearance of the scrim.
- Add new prop
Breaking:
- react-native-bpk-component-button: 6.0.15 => 7.0.0
react-native-linear-gradient
is now a peer dependency instead of a dependency. The dependency is temporarily 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-styles
now 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
title
now accepts strings, in addition to elements
- react-native-bpk-component-text: 2.1.38 => 2.1.39
- An iOS 11 + React Native
0.55.X
specific fix to render font-weight correctly. Affects text stylesxs
,sm
,base
,lg
,xl
when they areemphasize
'd andxxl
regardless of emphasis. - Added flow types
- An iOS 11 + React Native
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
xxl
on 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.
Added:
-
bpk-component-button: 2.0.21 => 2.1.0
- Added
blank
andrel
props. - When
blank
is set,rel
is automatically set torel="noopener noreferrer"
.
- Added
-
bpk-component-link: 1.1.18 => 1.2.0
- When
blank
is set,rel
is automatically set torel="noopener noreferrer"
.
- When
-
bpk-component-breakpoint: 1.0.63 => 1.1.0
- Change
children
prop 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.
Added:
- react-native-bpk-component-alert: 1.0.0
- Introducing the React Native alert component, see https://backpack.github.io/components/alert?platform=native
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.
Added:
- bpk-component-map: 1.0.0
- Introducing the map component for web, see https://backpack.github.io/components/map?platform=web
Fixed:
- react-native-bpk-component-card: 1.2.21 => 1.2.22
- fix visual layout in Android API level 21
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.
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.
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
BpkHorizontalNavItem
can now be disabled with thedisabled
prop.
Breaking:
- react-native-bpk-component-picker: 1.0.11 => 2.0.0
BpkPickerTrigger
has been removed, useBpkSelect
instead.
Added:
- react-native-bpk-component-select: 0.0.1 => 1.0.0
- New component
BpkSelect
for rendering tappable items that trigger a choice for the user.
- New component
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.
Fixed:
bpk-navigation-bar
: 1.1.0 => 1.1.1- fixed BpkNavigationBarButtonLink export in the index file.
Added:
-
bpk-component-barchart:
-
bpk-component-horizontal-nav:
- Added
leadingScrollIndicatorClassName
andtrailingScrollIndicatorClassName
props for styling the scroll indicators.
- Added
-
bpk-component-mobile-scroll-container:
- Added
leadingIndicatorClassName
andtrailingIndicatorClassName
props for styling the scroll indicators.
- Added
-
bpk-component-navigation-bar:
- New
BpkNavigationBarButtonLink
component. - Added theming support.
- New
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/master/packages/bpk-react-utils#cssmodulesjs
Breaking:
-
react-native-bpk-component-banner-alert: 3.0.6 => 4.0.0
- Default height of Android banner alert has changed from
52dp
to48dp
- 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
Added:
- bpk-component-icon: 3.19.3 => 3.20.0
- bpk-mixins: 17.7.0 => 17.8.0
- bpk-svgs: 5.15.1 => 5.16.0
- react-native-bpk-component-icon:
- react-native-bpk-component-button-link: 2.0.5 => 2.0.6
- react-native-bpk-component-button: 6.0.7 => 6.0.8
- react-native-bpk-component-navigation-bar: 2.0.2 => 2.0.3
- New profile icons:
account--id-card
,account--permit
,add-circle
,content--event
andcontent--guides
.
- New profile icons:
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
24dp
and 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.
Added:
- react-native-bpk-component-progress: 1.0.0
- Introducing the native progress component, see: https://backpack.github.io/components/native/progress.
Fixed:
- bpk-component-horizontal-nav: 3.0.5 => 3.0.6
- Fixed issue where icon colour would not be set inside horizontal nav items.
Breaking:
- react-native-bpk-component-navigation-bar: 1.1.4 => 2.0.0
BpkNavigationBarTextButtonIOS
,BpkNavigationBarIconButtonIOS
, andBpkNavigationBarButtonAndroid
can now be disabled with thedisabled
prop.- Introduces a new theme attribute
disabledTintColor
. This new attribute has to be supplied to define a valid theme, without it theming is disabled.
Added:
- bpk-component-code: 1.0.57 => 1.1.0
BpkCode
andBpkCodeBlock
now supports an alternate style more suitable for non-white backgrounds with thealternate
prop.BpkCode
andBpkCodeBlock
can now take a customclassName
.BpkCode
andBpkCodeBlock
now spreads additional props down.
- bpk-component-table: 1.0.57 => 1.1.0
BpkTableHeadCell
andBpkTable
now supports an alternate style more suitable for non-white backgrounds with thealternate
prop.
- bpk-component-content-container: 1.2.0 => 1.3.0
BpkConentContainer
now supports an alternate style more suitable for non-white backgrounds with thealternate
prop.
- bpk-mixins: 17.6.2 => 17.7.0
- Added new mixins to support the above alternate styles. Also includes two new mixins for RTL aware margins.
bpk-margin-leading
andbpk-margin-trailing
.
- Added new mixins to support the above alternate styles. Also includes two new mixins for RTL aware margins.
Added:
- bpk-component-content-container: 1.1.62 => 1.2.0
BpkContentContainer
now 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
Portal
component now preserves context in it'schildren
prop.
- The
-
bpk-stylesheets: 3.2.100 => 3.2.101
- Prevent globals (
.hidden
,.clearfix
) from being scoped by CSS modules.
- Prevent globals (
Breaking:
- bpk-tokens: 26.8.0 => 27.0.0
- Major upgrade in underlying token library, including:
- Token output is now sorted alphabetically
".alias"
property has been replaced with an"originalValue"
property in*.ios.json
,*.raw.ios.json
and*.raw.android.json
.
- Major upgrade in underlying token library, including:
Fixed:
- bpk-component-input: 3.3.11 => 3.3.12
- The uppercase keys in
INPUT_TYPES
are now deprecated use lower case instead. e.gINPUT_TYPES.EMAIL
->INPUT_TYPES.email
.
- The uppercase keys in
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.
Fixed:
- bpk-component-autosuggest: 3.0.77 => 3.0.78
- The default
renderInputComponent
prop now renders aBpkInput
correctly
- The default
Breaking:
-
react-native-bpk-component-animate-height: 1.0.37 => 2.0.0
-
react-native-bpk-component-banner-alert: 2.1.14 => 3.0.0
- Major refactor
ALERT_TYPES
keys are now all lower case i.e:ALERT_TYPES.success
instead 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
borderlessBackground
prop for this
- Android ripple is no longer constrained to the boundaries of the button link, please use the
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.
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.
Breaking:
- react-native-bpk-component-horizontal-nav: 3.0.0
- fix spaceAround config resulting in a visual breaking change
Fixed:
-
bpk-component-datepicker: 8.0.18 => 8.0.19
-
bpk-component-dialog: 1.0.12 => 1.0.13
-
bpk-component-drawer: 1.2.4 => 1.2.5
-
bpk-component-modal: 1.6.12 => 1.6.13
-
bpk-scrim-utils: 3.1.19 => 3.1.20
- Fix bug on iPad when virtual keyboards is used in a modal.
-
bpk-component-fieldset: 1.1.11 => 1.1.12
- When wrapping a BpkAutosuggest in a BpkFieldset, the label's
for
attribute will now be correctly set from the Autosuggest'sinputProps
prop.
- When wrapping a BpkAutosuggest in a BpkFieldset, the label's
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.
Fixed:
- react-native-bpk-component-navigation-bar: 1.0.0 => 1.0.2
navigationBarStatusBarStyle
is now not supported on iOS.- New chevron style for
BpkNavigationBarBackButtonIOS
that better aligns with iOS. - Support user provided
style
prop.
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
secondary
anddestructive
buttons have been visually aligned with iOS by adding a border. Note that the existing visual look is available on both platforms via the button-link component. This is a breaking change to prevent unintended updates to the button look and feel.
- Android
Added
- react-native-bpk-component-horizontal-nav: 2.0.26 => 2.1.0
- New
small
prop is accepted in BpkHorizontalNavItem to allow for small text in the navigation item
- New
Added:
- bpk-component-icon: 3.16.1 => 3.17.0
- bpk-mixins: 17.3.7 => 17.4.0
- bpk-svgs: 5.12.3 => 5.13.0
- react-native-bpk-component-icon: 1.3.6 => 1.4.0
- New hotels amenities icons:
hotels--smoking
,hotels--pets-allowed
,hotels--jacuzzi
andhotels--disabled-facilities
. - New Android native back, forward and close icons:
native-android--back
,native-android--forward
andnative-android--close
.- Note: to be used on Android only...
- New hotels amenities icons:
Added:
- react-native-bpk-component-panel: 1.0.0
- New native panel component, see https://backpack.github.io/components/native/panels.
Added:
- react-native-bpk-component-phone-input: 1.0.0
- New phone input components, see https://backpack.github.io/components/native/phone-input.
Added:
- react-native-bpk-component-nudger: 0.0.1 => 1.0.0
- Introducing the React Native nudger component.
Fixed:
- bpk-component-popover: 2.1.1 => 2.1.2
- bpk-component-tooltip: 3.1.1 => 3.1.2
- bpk-component-datepicker: 8.0.14 => 8.0.15
- Fixed compatibility with server side OC
- bpk-scrim-utils: 3.1.15 => 3.1.16
- Pass
onClose
prop to the wrapped component inwithScrim
HOC
- Pass
Added:
-
bpk-component-drawer: 1.1.19 => 1.2.0
- Arbitrary props are now passed to drawer container.
-
react-native-bpk-component-button: 4.3.9 => 4.4.0
- Android now supports the
iconOnly
prop.
- Android now supports the
-
react-native-bpk-component-button-link: 1.0.1 => 1.1.0
- New
disabled
prop.
- New
-
react-native-bpk-component-touchable-native-feedback: 1.0.0 => 1.1.0
- New
borderlessBackground
prop.
- New
Fixed:
- bpk-component-drawer: 1.1.19 => 1.2.0
- bpk-scrim-utils: 3.1.14 => 3.1.15
- Fixed
closeOnScrimClick
behaviour.
- Fixed
Added:
- react-native-bpk-component-touchable-native-feedback: 1.0.0
- Introduced new
BpkTouchableNativeFeedback
for safe usage ofTouchableNativeFeedback
pre-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
TouchableNativeFeedback
toBpkTouchableNativeFeedback
, 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
accessoryView
prop 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
type
prop has been introduced to allow selection of different visual appearances.
- An optional
Fixed:
- react-native-bpk-component-button: 4.3.6 => 4.3.7
- Android buttons now correctly ignore
large
andiconOnly
props
- Android buttons now correctly ignore
Fixed:
- bpk-component-checkbox: 1.4.13 => 1.4.14
- bpk-component-radio: 1.2.13 => 1.2.14
label
prop-type is nownode
instead 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
blank
which when set along with the use ofhref
makes the card open the link in a new tab.
- Added new prop
-
bpk-component-icon: 3.15.5 => 3.16.0
- Added new HOC
withDescription
to make it easy to provide a textual description of icons for screen readers.
- Added new HOC
-
bpk-component-popover: 2.0.9 => 2.1.0
-
bpk-component-tooltip: 3.0.8 => 3.1.0
- New
popperModifiers
prop. Use this to customise the behaviour of the underlying positioning library. Please refer to its documentation for details.
- New
-
react-native-bpk-component-text-input: 2.0.11 => 2.1.0
- New
description
prop. Use this to add a brief description of the field that will appear underneath it.
- 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
bannerStyle
prop. These styles will be applied to the banner alerts outerView
container, 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
,minus
andclose
icons.
- Updated style of
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.
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.
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 Skyscanner/backpack#499 (comment))
Added:
- bpk-component-grid-toggle: 1.0.46 => 1.1.0
- bpk-component-rtl-toggle: 1.0.46 => 1.1.0
className
prop is now accepted.
Breaking:
- bpk-component-chip: 1.1.42 => 2.0.0
closeLabel
is now a required prop.
Added:
-
bpk-component-accordion: 1.1.56 => 1.2.0
- When using
withAccordionItemState
, send all the props to theBpkAccordion
component.
- When using
-
bpk-component-datatable: 0.0.11 => 0.1.0
- Supports changing column used for initial sorting.
Fixed:
- bpk-component-dialog: 1.0.0 => 1.0.1
- Fixed appearance in Safari for iOS.
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
,onClear
andclearButtonLabel
props. 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
alternate
style can now be themed. - The
white
prop has been deprecated in favour ofalternate
inBpkLink
andBpkButtonLink
- The
-
bpk-component-modal: 1.5.2 => 1.6.0
- New
fullScreen
prop as an accompaniment tofullScreenOnMobile
. When true, it trumps the mobile prop.
- New
Added:
- bpk-component-fieldset: 1.0.48 => 1.1.0
- Adds a new
description
prop 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.
Added:
- bpk-component-icon: 3.14.20 => 3.15.0
- bpk-mixins: 17.2.6 => 17.3.0
- bpk-svgs: 5.11.13 => 5.12.0
- react-native-bpk-component-icon: 1.2.3 => 1.3.0
- New icons,
share--android
&share-ios
. - Updated
share
icon visuals.
- New icons,
Breaking:
- bpk-component-button: 1.6.83 => 2.0.0
- bpk-component-loading-button: 1.0.45 => 2.0.0
- Removed
selected
prop. 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
closeOnEscPressed
prop.
- Portal now accepts a
- bpk-component-modal: 1.4.4 => 1.5.0
- Modal now accepts a
closeOnEscPressed
prop.
- Modal now accepts a
Added:
- react-native-bpk-component-button: 4.2.16 => 4.3.0
- New
iconAlignment
prop 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.
Breaking:
-
bpk-component-datepicker: 7.2.5 => 8.0.0
-
bpk-component-popover: 1.3.4 => 2.0.0
-
bpk-component-tooltip: 2.0.35 => 3.0.0
- Swapped out tether positioning library in favour of Popper.js
- Removed
tetherOptions
prop - Added
placement
prop, accepts eithertop
,right
,bottom
orleft
-
bpk-component-popover: 1.3.4 => 2.0.0
- On mobile screen sizes, popovers now have a margin to prevent them from filling the entire width of their container.
-
bpk-component-banner-alert: 1.6.4 => 2.0.0
- Removed
dismissable
property in favour ofBpkBannerAlertDismissable
. - A banner alert with
children
will no longer be automatically expandable. Use the newly introducedBpkBannerAlertExpandable
component instead. - The
ariaLive
prop has been removed fromBpkBannerAlert
. hideAfter
inwithBannerAlertState
is 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.
BpkBannerAlert
is now the default banner alert.BpkBannerAlertDismissable
is a banner alert with a dismiss behaviour.BpkBannerAlertExpandable
is a banner alert with expandable behaviour.
- Introduced new component for the different banner alert configurations.
Fixed:
-
bpk-component-banner-alert: 1.6.3 => 1.6.4
- Fixed issue where banner was shown if
show
was 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
target
prop type is now correctlyoneOf([function, node])
instead ofoneOf([function, element])
-
bpk-component-tooltip: 2.0.34 => 2.0.35
target
prop type is now correctlynode
instead ofelement
Added:
- bpk-component-barchart: 2.1.27 => 2.2.0
- New
onBarFocus
function prop that is invoked when a bar is focused.
- New
Fixed:
- bpk-component-barchart: 2.1.27 => 2.2.0
onBarHover
now correctly attaches hover event.
Added:
- bpk-component-modal: 1.3.2 => 1.4.0
- bpk-scrim-utils: 3.0.3 => 3.1.0
- New
closeOnScrimClick
prop, which istrue
by default.
- New
Fixed:
- bpk-component-banner-alert: 1.6.2 => 1.6.3
- Removed usage of
Object.values
.
- Removed usage of
Added:
- react-native-bpk-component-icon: 1.1.15 => 1.2.0
icons
object is now exposed, allowing users to refer to icon names using a constant.
Fixed:
- bpk-component-button: 1.6.78 => 1.6.79
- Fixed react warnings about
PropTypes
andcreateClass
.
- Fixed react warnings about
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
withBannerAlertState
HOC, see https://backpack.github.io/components/web/banner-alerts/#withBannerAlertStatebannerClassName
prop 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
fullScreenOnMobile
to false
- The full screen behaviour on mobile can now be turned off by setting
Fixed:
- react-native-bpk-component-text-input: 2.0.0 => 2.0.1
- Reinstated
placeholder
prop support.
- Reinstated
Added:
- bpk-component-description-list: 1.0.0
- New description list component. See https://backpack.github.io/components/web/typography#description-lists.
- bpk-component-banner-alert: 1.5.1 => 1.5.2
- Downgraded
react-transition-group
to^1.2.1
.
- Downgraded
Breaking:
- react-native-bpk-component-text-input: 1.1.3 => 2.0.0
- Now supports Android.
- A new floating label text design.
- The
placeholder
prop has been removed. If supplied, it will be ignored. - The
small
prop has been removed. Existing components using it will now get the standard size. - The
disabled
prop has been replaced 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
label
prop.
Fixed:
- bpk-component-banner-alert: 1.5.0 => 1.5.1
- fix missing dependency
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
dismissable
configuration. See https://backpack.github.io/components/web/banner-alerts - New animations available when
show
is 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
show
is toggled. See https://backpack.github.io/components/native/banner-alerts
- New animations available when
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.
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
renderTarget
DOM 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
Breaking: -bpk-scrim-utils: 2.0.2 => 3.0.0
- Renamed prop:
contentClassName
tocontainerClassName
to better reflect usage - Renamed prop it passes to wrapped component:
getDialogRef
todialogRef
to 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
Added:
- react-native-bpk-component-text-input:
- Added new
inputRef
prop to capture theTextInput
ref.
- Added new
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
Fixed:
- bpk-component-loading-button: 1.0.35 => 1.0.36
- bpk-component-spinner: 2.2.0 => 2.2.1
- Large and extra large now should have a default
type
ofdark
- Large and extra large now should have a default
Added:
- bpk-component-spinner: 2.1.38 => 2.2.0
- New
type
prop. Options areprimary
,light
ordark
- 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
TouchableHighlight
withBpkTouchableOverlay
.
- Replaced
Added:
- react-native-bpk-component-card: 1.1.7 => 1.2.0
innerStyle
prop enables the ability to customise inner container stylingwithDivider
HOC, see https://backpack.github.io/components/native/cards/#with-divider
Breaking:
-
bpk-scrim-utils: 1.0.2 => 2.0.0
- Removed
padded
prop in favour of more genericcontentClassName
- Fixed modal white background on iPhone not showing
- Removed
-
bpk-component-image: 1.1.15 => 2.0.0
withLazyLoading
now applies styling options to the wrapper div it creates rather than the lazy loaded component.- Any
className
provided toBpkImage
is now applied to the outermost div in the component.
Added:
- bpk-component-banner-alert: 1.3.8 => 1.4.0
- New
dismissable
configuration, 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
dismissButton
being 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
label
prop is missing.
- BpkFieldset now correctly warns when the
Breaking:
- react-native-bpk-component-horizontal-nav: 1.0.1 => 2.0.0
BpkHorizontalNavItem
no longer supports theselected
prop. Instead, add anid
prop toBpkHorizontalNavItem
and aselectedId
prop toBpkHorizontalNav
. This allows the selected indicator line to animate when theselectedId
prop changes. See https://backpack.github.io/components/native/horizontal-nav for an example.
Added:
- bpk-animate-height: 1.0.32 => 1.1.0
- New
onAnimationComplete
function prop which is invoked when expand / collapse completes.
- New
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
expandDelay
andcollapseDelay
. - Now removes itself from the tree when collapsed to
height: 0
.
- Added props for
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
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.
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.isFinite
which are unsupported in IE
- Removed usage of
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
Added:
- react-native-bpk-component-spinner: 0.0.1 => 1.0.0
- New spinner component, see https://backpack.github.io/components/native/spinners
Fixed:
-
bpk-mixins: 17.0.9 => 17.0.10
-
bpk-component-select: 2.1.33 => 2.1.34
- Fixed text vertical alignment
-
bpk-component-icon: 3.14.4 => 3.14.5
-
bpk-svgs: 5.11.4 => 5.11.5
- React SVGs are now functional components as opposed to class components
- NOTE: If you have backpack icon components in your snapshots tests you will see some snapshot failures as a
result of this change. To minimise against such failures in the future, shallow rendering should be used. In this
particular example using shallow rendering would have resulted in
Component
showing up instead ofSVG
.
Fixed:
- bpk-component-horizontal-nav: 1.0.35 => 1.0.36
- Explicitly set the border radius to 0 for BpkHorizontalNavItem.
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
Added:
- react-native-bpk-component-card: 1.0.10 => 1.1.0
- Now accepts a
focused
prop 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
icon
prop 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.0
to fix prop type warning.
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/
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/
Added:
- bpk-component-list:
- The
className
prop has been added to BpkList and BpkListItem, mirroring functionality in other components that implement the prop
- The
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
selected
state has been removed. Buttons usingselected
will fall back and become standard buttons.
Updated:
- react-native-bpk-component-icon: 1.0.1 => 1.0.2
- update installation instruction
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
withTheme
HOC
- 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.0
are good
- react-native-bpk-component-icon: 0.0.4 => 1.0.0
Added:
- bpk-tokens: 26.2.2 => 26.3.0
- iOS
FONT_FAMILY
token - Android
FONT_FAMILY
&FONT_FAMILY_EMPHASIZE
token
- iOS
Fixed:
-
bpk-stylesheets: 3.2.64 => 3.2.65
- Removed
.enable-jp-font-feature-settings
class
- 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_COLOR
asstates
- Re-categorized
Fixed:
-
bpk-component-ticket: 1.1.2 => 1.1.3
- Ticket notch now displays correctly in Safari 11
-
bpk-stylesheets: 3.2.63 => 3.2.64
- Added ability to have
.enable-font-smoothing
class added to body element
- Added ability to have
Added:
-
react-native-bpk-theming 0.0.1 => 1.0.0
- New
BpkThemeProvider
andwithTheme
utilities, 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/
Fixed:
- bpk-tokens:
- Fixed various
type
values for web, iOS and android tokens e.g:LINE_HEIGHT_XS
's type wasfont-size
but is nowsize
FONT_SIZE_XS
's type wassize
but is nowfont-size
- etc
- Fixed various
Added:
- bpk-svgs:
- Added TTF icon font
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
Added:
- bpk-component-ticket: 1.0.18 => 1.1.0
- New props:
stubProps
&stubClassName
- New props:
Added:
- react-native-bpk-component-card: 0.0.3 => 1.0.0
- New component BpkCard, see https://backpack.github.io/components/native/cards/
Breaking:
- react-native-bpk-component-button: 2.0.0 => 3.0.0
- Previously, applying custom
style
to the button was like so:Now things are more in line with expectations:style={{ container: {...} }}
style={{...}}
- Previously, applying custom
- 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
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
Breaking:
- react-native-bpk-component-button: 1.0.0 => 2.0.0
title
prop is now required.
Added:
- react-native-bpk-component-button: 1.0.0 => 2.0.0
- New
iconOnly
andaccessibilityLabel
props.
- New
Added:
- react-native-bpk-component-button: 0.0.1 => 1.0.0
- New component, see https://backpack.github.io/components/native/button
Added:
-
react-native-bpk-component-text: 2.0.0 => 2.1.0
- New
emphasize
prop - 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
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.
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
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
Added:
- bpk-component-calendar: 4.0.17 => 4.1.0
- bpk-component-datepicker: 7.0.18 => 7.1.0
- Added
initiallyFocusedDate
prop that allows controlling which date is initially focused whenselectedDate
is not specified. If not suppliedminDate
will receive focus as before.
- Added
Added:
- bpk-component-image: 1.0.0
- Added
BpkImage
component - Added
withLazyLoading
HOC which allowsBpkImage
to be loaded only when in view - Added
withLoadingBehavior
HOC which allowsBpkImage
to be shown only once loaded, displaying a spinner until that point
- Added
Added:
- bpk-component-icon: 3.11.1 => 3.12.0
- bpk-mixins: 16.3.1 => 16.4.0
- bpk-svgs: 5.7.0 => 5.8.0
- Added 1 new icon (unlock)
Fixed:
-
bpk-component-button: 1.6.48 => 1.6.49
- Fixed SyntheticEvent not being passed to the onClick handler.
-
bpk-component-table: 1.0.9 => 1.0.10
BpkTableBody
,BpkTableHead
,BpkTableHeadCell
&BpkTableRow
now accept custom classes and arbitrary props
Added:
- bpk-react-utils: 2.2.2 => 2.3.0
- Expose recompose's
wrapDisplayName
utility 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
wrapDisplayName
from bpk-react-utils instead of directly from recompose
- Import
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
BpkTableRow
now accepts arbitrary props
- bpk-component-icon: 3.10.3 => 3.11.0
- Fixed displayName of
withAlignment
HOC NOTE: This may break your snapshot tests and thus your build. This is nothing to worry about and the snapshots can safely be updated. Just make sure to perform the update in isolation so that all the snapshot updates relate to this issue and don't introduce unrelated regressions.
- Fixed displayName of
Added:
- bpk-tokens: 24.0.1 => 24.1.0
- Added new outputs for the iOS and Android platforms in
bpk-tokens/tokens/ios/base.ios.json
,bpk-tokens/tokens/ios/base.react.native.es6.js
,bpk-tokens/tokens/android/base.android.xml
andbpk-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.
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
Added:
- bpk-component-chip: 1.0.6 => 1.1.0
- a
className
prop has been added to allow users to apply their own className - a
closeLabel
prop has been added to allow users to specify the label on the close button within the chip
- 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
Portal
behaviour.
Breaking:
- bpk-component-tooltip: 1.2.3 => 2.0.0
- The
className
prop 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
padding
in BpkBarchartBar to support this behaviour
Added:
-
bpk-component-icon: 3.9.3 => 3.10.0
-
bpk-mixins: 16.1.0 => 16.2.0
-
bpk-svgs: 5.5.4 => 5.6.0
- added 3 new icons (legroom-normal, legroom-extra, legroom-reduced)
-
bpk-component-tooltip: 1.2.3 => 2.0.0
- Add
portalStyle
prop that enables styling the tooltip portal.
- Add
Changed:
-
bpk-component-heading:
-
bpk-component-paragraph:
-
These components are now deprecated, please use
bpk-component-text
instead:bpk-component-heading -> bpk-component-text:
If you were relying on the baked-in bottom margin:
// old <BpkHeading level="h1">My Heading</BpkHeading> // new <BpkText tagName="h1" textStyle="xxl" className="MyHeading"> My Heading </BpkText> .MyHeading { margin-bottom: $bpk-spacing-sm; }
If you were opting out of the baked-in bottom margin:
// old <BpkHeading level="h1" bottomMargin={false}>My Heading</BpkHeading> // new <BpkText tagName="h1" textStyle="xxl">My Heading</BpkText>
bpk-component-paragrapg -> bpk-component-text:
// old <BpkParagraph>My paragraph.</BpkParagraph> // new <BpkText tagName="p" textStyle="base" className="MyParagraph"> My paragraph. </BpkText> .MyParagraph { margin-bottom: $bpk-spacing-sm; }
-
Added:
-
bpk-mixins: 16.0.0 => 16.1.0
-
Added BEM
bpk-text--XX
mixins for text styles. These are similar but subtly different to existingbpk-text-XX
mixins -
By default, use the BEM-style mixins:
.my-component { @include bpk-text; // resets margin @include bpk-text--sm; // applies sm text style }
-
If you want the text style but need to apply custom margin, use the
bpk-text-xx
stand-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
withDefaultProp
HOC 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
withAlignment
HOC uses wrappingspan
to prevent overriding the style of an aligned component
-
bpk-component-breakpoint: 1.0.2 => 1.0.3
- Unpinned
react-responsive
to^1.3.2
as the breaking change released in1.3.2
has been resolved
- Unpinned
Breaking:
-
bpk-mixins: 15.7.1 => 16.0.0
-
Text mixins (
bpk-text-base
,bpk-text-lg
etc.) now set letter-spacing and font-weight explicitly. This means you cannot setfont-weight
any more before including the mixin. Instead, use the newbpk-text-bold
mixin to embolden text:.selector { @include bpk-text-lg; @include bpk-text-bold; }
-
-
bpk-tokens: 23.3.1 => 24.0.0
-
Aliases in
.raw.json
format are now objects with avalue
property i.e."WHITE": { "value": "#ffffff" },
...instead of...
"WHITE": "#ffffff",
-
Added:
-
bpk-mixins: 15.7.1 => 16.0.0
- New
bpk-text-xs
mixin in addition to the existing text styles (sm
,base
,lg
,xl
,xxl
)
- 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
BpkText
is the new preferred method for rendering text of all kinds. It utilizes the newly added mixins and allows separation of text style and semantics.
- New component
Fixed:
- bpk-tokens: 23.3.1 => 24.0.0
- Android colours are now #AARRGGBB instead of #RRGGBBAA
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
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
withAlignment
HOC updated to accept props. Existing styling will be spread with the new alignment styling.
Fixed:
-
bpk-component-modal: 1.1.6 => 1.1.7
- Fixed a bug where an on mouse down event starting inside the modal and ending outside the modal would incorrectly close the modal.
-
bpk-component-tooltip: 1.1.5 => 1.2.0
- The tooltip now correctly sets an appropriate z-index.
Fixed:
- bpk-component-breakpoint: 0.1.27 => 0.1.28
- bpk-component-datepicker: 7.0.5 => 7.0.6
- Pinned
react-responsive
tov.1.3.0
as a breaking change was released inv1.3.2
- Pinned
Breaking:
-
bpk-component-barchart: 0.3.5 => 1.0.0
-
The
onBarClick
callback prop has changed signature:const onBarClick = (e, source) => { ... } // old const onBarClick = (e, { source }) => { ... } // new
-
Added:
- bpk-component-barchart: 0.3.5 => 1.0.0
BpkBarchart
- Added
getBarSelection
callback prop which can be used to indicate that a given bar is selected
- Added
BpkBarchartBar
- Added
selected
prop
- Added
- bpk-component-icon: 3.7.5 => 3.8.0
- Replaced HOC's:
withButtonAlignment
&withLargeButtonAlignment
withwithAlignment
withAlignment
provides similar alignment functionality to a given component, taking as extra arguments the line height of the parent and icon components.withButtonAlignment
&withLargeButtonAlignment
are still available as wrappers around the newwithAlignment
function.
- Replaced HOC's:
Fixed:
- bpk-component-banner-alert: 1.1.7 => 1.1.8
- Add alert role to notification for use by accessibility tools
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
Added:
-
bpk-component-popover: 1.1.3 => 1.2.0
-
bpk-react-utils: 2.0.2 => 2.1.0
-
Add
source
argument toonClose
callback:onClose(event, { source: <string> })
-
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
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"
Breaking:
- bpk-component-calendar: 3.3.2 => 4.0.0
- bpk-component-datepicker: 6.1.3 => 7.0.0
- The
onMonthChange
signature has changed fromonMonthChange(<Date>)
toonMonthChange(event, { month: <Date>, source: <string> })
- The
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
Added:
- bpk-component-checkbox: 1.2.0 => 1.3.0
- New prop
smallLabel
renders the label at a smaller font size suitable for filters etc.
- 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
target
prop 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
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
Breaking:
- bpk-component-horizontal-nav: 0.1.0 => 1.0.0
spaceAround
is now a prop ofBpkHorizontalNavItem
instead 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.node
instead ofPropTypes.string
which enables rending more customized messages.
- The message prop type is now
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.
Breaking:
-
bpk-react-utils:
- TransitionInitialMount: Removes
classNamePrefix
in favour ofappearClassName
andappearActiveClassName
for 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.
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)
Breaking:
- bpk-component-tooltip: 0.0.34 => 1.0.0
- Added
hideOnTouchDevices
prop (defaults to true) to not render the tooltip on touch-capable devices. Prevents the need to double-tap links that have tooltips attached to them.
- Added
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)
[email protected]
, and [email protected]
were broken due to a previous bad release. Because many packages depend on these versions make sure you're not depending either of them.
Added:
- bpk-component-calendar: 3.1.11 => 3.2.0
BpkCalendarNav
now accepts adisabled
prop to disable all navigation elements (buttons and select)
Fixed:
- bpk-component-icon: 3.5.0 => 3.5.1
- bpk-svgs: 5.4.0 => 5.4.1
- All icons are now generated from a single source, rather than large and small SVGs
Fixed:
- bpk-react-utils: 1.4.4 => 1.4.5
- Upgraded to
[email protected]
(no more prop-type warnings)
- Upgraded to
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)
Fixed:
- bpk-component-button: 1.6.25 => 1.6.26
- Removed the dependency on
bpk-react-utils
to reduce bloat for the button for non tree-shaking consumers
- Removed the dependency on
Fixed:
- bpk-component-autosuggest: 3.0.3 => 3.0.4
- Suggestion
value
attribute is now of anode
type therefore it accepts: numbers, strings, elements and arrays of them subHeading
attribute is now of anode
type too
- Suggestion
Breaking:
- bpk-component-accordion: 0.0.17 => 1.0.0
- New API:
BpkAccordionContainer
is now deprecated- Consumers using
BpkAccordionContainer
should now enhanceBpkAccordion
with thewithSingleItemAccordionState
higher-order component - Consumers using
BpkAccordionContainer
withallowMultiple
should now use a regularBpkAccordion
component with eachBpkAccordionItem
enhanced using thewithAccordionItemState
higher-order component - In each case,
BpkAccordionItem
will now use theinitiallyExpanded
prop 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
withOpenEvents
higher-order component to encapsulate events triggering a modal or popover
- Added a new
Added:
- bpk-component-fieldset: 0.1.2 => 0.2.0
- bpk-component-label: 3.0.2 => 3.1.0
- bpk-mixins: 15.0.0 => 15.1.0
- bpk-tokens: 23.0.0 => 23.1.0
- Labels now accept
disabled
prop to display in a different color when used with a disabled form element
- Labels now accept
Fixed:
- bpk-component-popover: 1.0.41 => 1.0.42
- Popover now has a z-index on par with autosuggest
Breaking:
- bpk-mixins: 14.1.3 => 15.0.0
- Upgraded
bpk-tokens
to^23.0.0
which comes with the following breaking change:- Renamed
AUTOSUGGEST_LIST_ITEM_FOCUSED_BACKGROUND_COLOR
->AUTOSUGGEST_LIST_ITEM_HIGHLIGHTED_BACKGROUND_COLOR
- Renamed
- Upgraded
2017-05-16 - Fixed breaking change in [email protected]
Fixed:
- bpk-mixins: 14.1.1 => 14.1.3
- Reverted
bpk-tokens
to^22.1.0
as a result of a breaking change
- Reverted
Breaking:
- bpk-component-autosuggest: 2.1.3 => 3.0.0
- Updated
react-autosuggest
dependency:8.0.0
=>9.0.1
- Upgrade instructions:
- Change the
focusFirstSuggestion
prop to behighlightFirstSuggestion
- Change the signature of
inputProps.onBlur
fromfunction 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
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
Breaking:
- bpk-component-label: 2.0.45 => 3.0.0
- The
label
prop 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
required
prop
- New
Fixed:
- All components now depend on
prop-types
directly
Breaking:
- bpk-component-heading: 1.2.17 => 2.0.0
- bpk-mixins: 13.1.1 => 14.0.0
- bpk-tokens: 21.1.0 => 22.0.0
- h1, h2, h3 and h4 heading styles are bumped one level down on mobile
- i.e. h1 -> h2, h2 -> h3 etc
- H4, H5 and H6 headings are now bold.
- Consolidated
hX
margin top/bottom tokens- i.e.
H1_MARGIN_TOP
->HEADING_MARGIN_TOP
&H3_MARGIN_BOTTOM
->HEADING_MARGIN_BOTTOM
- 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
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
Breaking:
- bpk-component-spinner: 1.0.57 => 2.0.0
- Removed
bpk-tokens
dependency which dramatically reduces component bloat - Removed explicit
fill
attribute, this is now applied via CSS class - Arbitrary props are now passed through to the SVG
- Removed
Added:
-
bpk-component-autosuggest: 2.0.32 => 2.1.0
-
ref
callbacks now work:function storeInputReference(autosuggest) { if (autosuggest !== null) { this.input = autosuggest.input; } } <BpkAutosuggest ref={storeInputReference} ... />
-
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
Breaking:
- bpk-component-datepicker: 5.0.37 => 6.0.0
- bpk-component-calendar: 2.0.26 => 3.0.0
onMonthChange
callback added- BpkCalendarView has been replaced by the higher-order component
composeCalendar
- Higher-order component
withCalendarState
has been added to provide focus management and keyboard input - Props deprecation
- Renamed the
date
prop toselectedDate
;date
will be removed in future versions - Deprecating
dateModifiers
; if needed, the date component can be wrapped in a HOC to add this feature;dateModifiers
will be removed in future versions
- Renamed the
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
Breaking:
-
bpk-component-checkbox: 0.1.8 => 1.0.0
-
bpk-component-radio: 0.0.62 => 0.0.63
label
prop is now requiredvalue
props are no longer magically set to the value ofname
prop if not provided
-
bpk-mixins: 12.0.1 => 13.0.0
-
bpk-tokens: 20.0.1 => 21.0.0
- Removed
INPUT_INVALID_BACKGROUND_COLOR
&SELECT_INVALID_BACKGROUND_COLOR
tokens - Removed
bpk-select--invalid
mixin as it was made redundant.
- Removed
Added:
-
bpk-animate-height: 0.0.0 => 0.0.1
- Extracted
AnimateHeight
module out ofbpk-component-accordion
to its own package - Added
transitionOverflow
prop 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-invalid
is 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_700
color
- Updated checkbox and radio checked SVGs to use
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
Fixed:
- bpk-component-datepicker: 5.0.33 => 5.0.34
- Event handlers
onClick
,onFocus
,onBlur
,onKeyDown
,onKeyUp
andonTouchEnd
are now passed through to the input when provided ininputProps
- Event handlers
Fixed:
- bpk-component-calendar: 2.0.22 => 2.0.23
- bpk-component-datepicker: 5.0.32 => 5.0.33
onDateSelect
is now called after internal state operations have concluded- This fixes an internal react exception in the datepicker when selecting dates
Breaking:
- bpk-component-banner-alert: 0.0.51 => 1.0.0
- bpk-mixins: 11.1.3 => 12.0.0
- bpk-tokens: 19.0.2 => 20.0.0
- Removed superfluous tokens:
MODAL_HEADER_BOX_SHADOW
BANNER_ALERT_SUCCESS_BOX_SHADOW
BANNER_ALERT_WARN_BOX_SHADOW
BANNER_ALERT_ERROR_BOX_SHADOW
- Renamed tokens:
BANNER_ALERT_SUCCESS_ICON_FILL
->BANNER_ALERT_SUCCESS_COLOR
BANNER_ALERT_WARN_ICON_FILL
->BANNER_ALERT_WARN_COLOR
BANNER_ALERT_ERROR_ICON_FILL
->BANNER_ALERT_ERROR_COLOR
- 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
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
Added:
- bpk-component-horizontal-nav: 0.0.0 => 0.0.1
- New horizontal navigation component (https://backpack.github.io/components/molecules/horizontal-nav)
Added:
- bpk-component-ticket: 0.0.0 => 0.0.1
- bpk-svgs: 5.2.0 => 5.3.0
- Introducing the new BpkTicket component
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
Added:
- bpk-component-breakpoint: 0.0.20 => 0.1.0
- Add 'legacy' prop to allow component to receive legacy queries
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
Breaking:
- bpk-component-cta-button:
- This component has been deprecated
- Consumers should now use
bpk-component-loading-button
instead
Added:
- bpk-component-loading-button: 0.0.0 => 0.0.3
- Replaces
bpk-component-cta-button
- Replaces
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
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-mixin
dependency
- Aligned
Fixed:
-
bpk-component-accordion: 0.0.1 => 0.0.2
- Content in collapsed accordions are now correctly hidden
-
bpk-component-popover: 1.0.22 => 1.0.23
-
bpk-component-tooltip: 0.0.9 => 0.0.10
- Popovers and tooltips now flip in RTL when positioned on the side
-
bpk-component-checkbox: 0.1.0 => 0.1.1
-
bpk-component-radio: 0.0.54 => 0.0.55
-
bpk-mixins: 11.0.1 => 11.0.2
-
bpk-svgs: 5.1.2 => 5.1.3
- Fixing disabled states of checkboxes and radio buttons so that they render better on
gray-50
backgrounds.
- Fixing disabled states of checkboxes and radio buttons so that they render better on
Added:
- bpk-component-progress: 0.0.0 => 0.0.1
- New progress bar component (https://backpack.github.io/components/molecules/progress)
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
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
Breaking:
- bpk-component-input: 2.0.17 => 3.0.0
- bpk-component-select: 1.0.31 => 2.0.0
- bpk-mixins: 10.2.1 => 11.0.0
- bpk-tokens: 18.2.1 => 19.0.0
- Changed the
invalid
state of inputs and selects from a red border to a light red background color. - Changed
red-50
to a lighter shade
- Changed the
Added:
- bpk-component-input: 2.0.17 => 3.0.0
- bpk-component-select: 1.0.31 => 2.0.0
- Added
dockedFirst
,dockedMiddle
anddockedLast
props to BpkInput and BpkSelect in case you need finer control of docked inputs (e.g. when they are not direct sibling elements).
- Added
Fixed:
- bpk-tokens: 18.2.0 => 18.2.1
- Some token aliases were not found and failed to be included in output files
Fixed:
- bpk-component-modal: 1.0.16 => 1.0.17
- Locked down
react-transition-group
to1.0.0
as they introduced a breaking change to the modal
- Locked down
Added:
- bpk-component-button: 1.5.22 => 1.6.0
- bpk-mixins: 10.1.1 => 10.2.0
- bpk-tokens: 18.1.0 => 18.2.0
- Add "featured" variant of buttons
- bpk-mixins: 10.1.1 => 10.2.0
- bpk-svgs: 5.0.5 => 5.1.0
- Add more flexible
bpk-icon
mixin to include icons of any color
- Add more flexible
Fixed:
- bpk-component-icon: 3.3.12 => 3.3.13
- Relaxed
className
prop type in internal component
- Relaxed
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
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
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
targetRef
callback 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
Fixed:
- bpk-mixins: 10.0.0 => 10.0.1
- bpk-svgs: 5.0.2 => 5.0.3
- Removed
style
prop from icon datauri variables This fixes the icons rendering on stock android browser
- Removed
Breaking:
-
bpk-component-grid: 0.1.6 => 1.0.0
-
Removed
padded
prop fromBpkGridContainer
in favour of adding it toBpkGridRow
components i.e. instead of the following:<BpkGridContainer padded={false}> <BpkGridRow> ... </BpkGridRow> </BpkGridContainer>
...consumers should now do:
<BpkGridContainer> <BpkGridRow padded={false}> ... </BpkGridRow> </BpkGridContainer>
-
-
bpk-mixins: 9.0.2 => 10.0.0
-
Removed
bpk-grid__container--padded
modifier mixin in favour ofbpk-grid__row--padded
i.e. instead of the following:.selector { @include bpk-grid__container(); @include bpk-grid__container--padded(); }
..consumers should now do:
.selector { @include bpk-grid__row(); @include bpk-grid__row--padded(); }
-
Added:
- bpk-component-grid: 0.1.6 => 1.0.0
- bpk-mixins: 9.0.2 => 10.0.0
- Added the ability to turn padding off on
BpkGridColumn
components Usage:<BpkGridColumn width={1} padded={false}>Content</BpkGridColumn>
- Added the ability to add a custom
className
prop to all grid components - Added the ability to add arbitrary props to all grid components
- 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
href
prop to no longer be required - If an
href
prop isn't provided, the component will render a<div role="button" />
- Relaxed the
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.
Fixed:
- bpk-tokens: 18.0.0 => 18.0.1
- Increased opacity of small shadow
Breaking:
-
bpk-component-logo:
- This component has been deprecated
- Consumers should now use our internal
bpk-logos
component instead
-
bpk-mixins: 8.6.2 => 9.0.0
-
bpk-svgs: 4.3.3 => 5.0.0
-
bpk-tokens: 17.1.1 => 18.0.0
- Removed logo mixins
- Consumers who were using logo mixins from these packages should now use
our internal
bpk-logos
component instead - Sass mixins are available atbpk-logos/sass
Fixed:
- bpk-component-datepicker: 5.0.5 => 5.0.6
- Month selector used to be automatically opened on iPad
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:
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
Fixed:
-
bpk-component-datepicker: 5.0.2 => 5.0.3
-
bpk-component-popover: 1.0.3 => 1.0.4
- Arrow position now stays true to the target element
-
bpk-component-datepicker: 5.0.2 => 5.0.3
-
bpk-component-modal: 1.0.3 => 1.0.4
-
bpk-component-popover: 1.0.3 => 1.0.4
-
bpk-react-utils: 1.2.1 => 1.2.2
- Fixed
Object.assign
exception in popover based components
- Fixed
-
bpk-react-utils: 1.2.1 => 1.2.2
- Portal now closes on
touchend
instead oftouchstart
- Portal now closes on
Fixed:
- bpk-component-autosuggest: 2.0.0 => 2.0.1
- bpk-component-button: 1.5.10 => 1.5.11
- bpk-component-datepicker: 5.0.1 => 5.0.2
- bpk-component-modal: 1.0.2 => 1.0.3
- bpk-component-popover: 1.0.2 => 1.0.3
- bpk-react-utils: 1.2.0 => 1.2.1
- Removed more traces of
react/lib
in the components above (bye byereact-addons-css-transition-group
) - Fixed issue with users of Webpack externals and bloated bundles
- Removed more traces of
Breaking:
- bpk-component-autosuggest: 1.1.11 => 2.0.0
- Upgraded
react-autosuggest
tov8.0.0
& made use ofrenderInputComponent
to truly composebpk-component-input
rather than just style the input thatreact-autosuggest
renders
- 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
:visited
link colour ofblue-700
- Added
Fixed:
- bpk-component-datepicker: 5.0.0 => 5.0.1
- Fixed bug with datepicker not closing on IE9
Breaking:
- bpk-component-datepicker:
- bpk-component-calendar:
- Separates blocked/focused/selected/outside/today logic from
modifiers
logic. 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
-
bpk-component-grid: 0.0.36 => 0.1.0
- Added
fullWidth
prop toBpkGridContainer
which 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
Breaking:
-
bpk-component-datepicker: 3.0.0 => 4.0.0
- Renamed prop
popoverLabel
totitle
- Renamed prop
-
bpk-component-modal: 0.5.0 => 1.0.0
- Added new required prop
id
to reduce id naming collisions
- Added new required prop
-
bpk-component-popover: 0.2.0 => 1.0.0
- Added new required prop
id
to reduce id naming collisions - Added new required prop
label
for screen readers - Renamed prop
title
tolabelAsTitle
and type is nowbool
instead ofstring
- Consumers who were using
title
should now uselabel
to set the string and passlabelAsTitle
accordingly
- 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-locale
mixin 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-settings
to enablefont-feature-settings
for ja-JP locale
- A feature flag class on body
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
Breaking:
- bpk-component-datepicker: 2.0.0 => 3.0.0
- Datepicker renders as a modal on mobile
Added:
-
bpk-component-breakpoint: 0.0.2
- A new component which encapsulates Backpacks viewport breakpoints and re-renders children when they change
-
bpk-component-calendar: 1.1.0 => 1.2.0
- Now accepts a custom
className
prop
- 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
target
prop - helpful for avoiding wrapper divs
- Now accepts a
-
bpk-react-utils: 1.1.0 => 1.2.0
- Added
TransitionInitialMount
to help with CSS transitions (frombpk-component-modal
)
- Added
Breaking:
- bpk-component-calendar: 0.0.7 => 1.0.0
- bpk-component-datepicker: 0.0.3 => 1.0.0
- Removed "selected date" state management from components, which is not in the consumer's responsibility
Added:
- bpk-component-icon: 3.0.1 => 3.1.0
- bpk-mixins: 8.0.1 => 8.1.0
- bpk-svgs: 4.0.1 => 4.1.0
- Pin icon
Fixed:
- bpk-component-calendar: 0.0.7 => 1.0.0
minDate
andmaxDate
props are now internally set to the start of that day
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/)
Breaking:
-
bpk-component-input: 1.0.14 => 2.0.0
- Props
placeholder
andonChange
are 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-dom
are now peer dependencies
- deprecated
Added:
- bpk-react-utils: 0.1.0 => 1.0.0
- New
Portal
implementation - to be used instead of third partyreact-portal
- New
Fixed:
- bpk-component-modal: 0.3.9 => 0.3.10
- Swapped
react-portal
in favour ofbpk-react-utils
implementation
- 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
Breaking:
- bpk-component-icon: 1.3.2 => 2.0.0
- bpk-mixins: 6.8.0 => 7.0.0
- bpk-svgs: 2.2.1 => 3.0.0
- Removed 'stubby' long-arrow-X icons
- Renamed long-arrow-X-alt icons to long-arrow-X
- Consumers who were relying on the 'alt' long arrow should now use the regular version and those who were using the regular version will now see a new style.
Added:
- bpk-component-close-button: 0.0.0 => 0.0.1
- Pulled close button icon out of BpkModal for use in new popover component too
- bpk-react-utils: 0.0.1 => 0.1.0
- Added
toPortalChild
helper
- 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
onClose
called twice- Now consumes
bpk-component-close-button
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
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-support
class)
- Added CSS module support (workaround for global
Fixed:
- bpk-component-button: 1.4.3 => 1.4.4
- onClick event no longer fires on disabled buttons in Chrome, see facebook/react#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
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.
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
Breaking:
- bpk-stylesheets: 3.0.2 => 3.1.0
- bpk-tokens: 16.0.0 => 16.1.0
- Removed all traces of Segoe, including
FONT_FAMILY_SEGOE
and.font-family-segoe
- Only bumped minor because we are certain that scaffold was the only consumer of this
- 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
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
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
Breaking:
- bpk-tokens: 14.4.1 => 15.0.0
- Removed
Segoe UI
from 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 UI
when thefont-family-segoe
class is added to<body>
- Enabled the alternative font stack with
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
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
Added:
- bpk-tokens: 14.2.0 => 14.3.0
- Added tokens for destructive button
disabled
state
- 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
disabled
state
- Fixed destructive button
-
bpk-component-button: 1.2.0 => 1.2.1
- Fixed link button border radius in safari
Added:
- bpk-component-button: 1.1.7 => 1.2.0
- bpk-mixins: 6.2.0 => 6.3.0
- bpk-tokens: 14.1.0 => 14.2.0
- Added
destructive
button style
- Added
Breaking:
-
bpk-component-input: 0.0.20 => 1.0.0
-
bpk-component-label: 1.0.2 => 2.0.0
-
bpk-component-select: 0.0.20 => 1.0.0
- Added use of
transform-object-rest-spread
so make sure you add it to your.babelrc
- Added use of
-
bpk-component-input: 0.0.20 => 1.0.0
placeholder
prop is now required
-
bpk-component-select: 0.0.20 => 1.0.0
options
prop is now deprecated, just pass options as children like normal
Added:
-
bpk-component-input: 0.0.20 => 1.0.0
-
bpk-component-label: 1.0.2 => 2.0.0
-
bpk-component-select: 0.0.20 => 1.0.0
- We are opting for a prop "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
className
props - they will be added to classes already supplied by backpack
-
bpk-component-input: 0.0.20 => 1.0.0
-
bpk-component-select: 0.0.20 => 1.0.0
-
bpk-mixins: 6.1.1 => 6.2.0
-
bpk-tokens: 14.0.0 => 14.1.0
- Inputs & selects can now be made
large
&docked
for one line search forms - Sass mixin API is as follows:
@include bpk-input--docked-first-child;
,@include bpk-input--docked-last-child;
and@include bpk-input--docked-middle-child;
are available for fine grained control@include bpk-input--docked;
is available as a combo of the above which uses pseudo selectors behind the scenes to apply styles accordingly - it requires inputs / selects are placed together.
- Inputs & selects can now be made
Breaking:
-
bpk-component-autosuggest: 0.0.17 => 1.0.0
- Updated to
^7.0.1
ofreact-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-shadows
etc
- 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
BpkAutosuggestSuggestion
component
- Added
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
Breaking:
- bpk-component-label: 0.0.17 => 1.0.0
- bpk-mixins: 5.6.1 => 6.0.0
- bpk-tokens: 12.5.0 => 13.0.0
- Changed default label color to
gray-700
instead 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
Fixed:
- bpk-mixins: 5.6.0 => 5.6.1
- bpk-component-select: 0.0.16 => 0.0.17
- Fixed select background color on IE
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
Breaking:
- bpk-stylesheets: 1.0.14 => 2.0.0
- Added small JavaScript utility to add feature detection classes to html element
- Consumers now have to include
/node_modules/bpk-stylesheets/base.js
as well as/node_modules/bpk-stylesheets/base.css
on the page. - Default module export is now uncompiled
/index.js
which contains both script and style, with/base.css
&/base.js
exposed for compiled access
Added:
- bpk-mixins: 5.4.0 => 5.5.0
- Added
bpk-hover
mixin to apply:hover
effects to non-touch devices only
- 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
:hover
effects now disabled on touch devices
Added:
- bpk-component-button: 1.0.24 => 1.1.0
- Can now pass through custom
className
to button
- Can now pass through custom
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
Fixed:
- bpk-component-button: 1.0.22 => 1.0.23
- bpk-mixins: 5.3.2 => 5.3.3
- Button text can now wrap
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
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)
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
Added:
- bpk-mixins: 5.1.0 => 5.2.0
- New mixin
bpk-icon--rtl-support
for RTL support in icons
- New mixin
Consumers should now add the transform-object-rest-spread
plugin to their .babelrc
as all components may or may not depend
on it.
Added:
-
bpk-component-rtl-toggle: 0.0.0 => 0.0.1
- New component to help with testing RTL layouts
-
bpk-component-icon: 1.0.1 => 1.1.0
- Three new HOC's:
withButtonAlignment
,withLargeButtonAlignment
&withRtlSupport
withRtlSupport
provides RTL support for icons on an opt-in basis (as not all icons should be flipped in RTL layouts)alignToButton
&alignToLargeButton
remain (but are aliases towithButtonAlignment
&withLargeButtonAlignment
respectively)
- 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)
Added:
- bpk-mixins: 5.0.1 => 5.1.0
bpk-rtl
mixin to help with targeting RTL specific styles
Fixed:
-
bpk-tokens: 12.1.0 => 12.1.1
- The values for
INPUT_PADDING_X
andINPUT_PADDING_Y
were 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
Breaking:
-
bpk-svgs: 1.0.4 => 2.0.0
- Added
width
&height
to icon SVGs - Generating react components for each SVG using react-svg-loader CLI.
- 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.
Breaking:
- [email protected]
- Interface now conforms to
react-autosuggest
100% - Fixed bug with arrow displaying even when the suggestion were hidden
- Interface now conforms to
Added:
- [email protected]
- Initial version to be tested by B2B widgets squad
Breaking:
- [email protected]
- no longer applying styling to bare html in content container by default, instead consumers can opt in using
bareHtml
prop - nested content containers have bottom margin
- no longer applying styling to bare html in content container by default, instead consumers can opt in using
- [email protected]
- no longer applying styling to bare html in content container by default, instead consumers can opt in using
the
bpk-content-container--bare-html
mixin
- no longer applying styling to bare html in content container by default, instead consumers can opt in using
the
- [email protected]
- re-categorised some tokens for typesetting
Fixed:
- [email protected]
- added a
display: block;
to columns to override anydisplay: none;
's as a result of setting width to 12
- added a
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