@skyscanner/backpack-web 19.0.0 → 20.0.0

package/README.md

@@ -48,7 +48,6 @@ To contribute please see [contributing.md](CONTRIBUTING.md).
 [`bpk-component-fieldset`](/packages/bpk-component-fieldset)
 [`bpk-component-form-validation`](/packages/bpk-component-form-validation)
 [`bpk-component-graphic-promotion`](/packages/bpk-component-graphic-promotion)
-[`bpk-component-grid`](/packages/bpk-component-grid)
 [`bpk-component-grid-toggle`](/packages/bpk-component-grid-toggle)
 [`bpk-component-horizontal-nav`](/packages/bpk-component-horizontal-nav)
 [`bpk-component-icon`](/packages/bpk-component-icon)

package/bpk-component-banner-alert/src/BpkBannerAlert.module.scss

@@ -58,10 +58,6 @@ $bpk-spacing-v2: true;
     @include bpk-border-sm($bpk-banner-alert-neutral-color, '');
   }
 
-  &--event {
-    @include bpk-border-sm($bpk-banner-alert-event-color, '');
-  }
-
   &__header {
     display: flex;
     padding: bpk-spacing-md();
@@ -129,10 +125,6 @@ $bpk-spacing-v2: true;
     fill: $bpk-text-secondary-day;
   }
 
-  &__event-icon {
-    fill: $bpk-banner-alert-event-color;
-  }
-
   &__toggle-button {
     padding: 0;
     border: 0;

package/bpk-component-banner-alert/src/BpkBannerAlertInner.js

@@ -65,7 +65,6 @@ const getIconForType = (
     [ALERT_TYPES.WARN]: getClassName('bpk-banner-alert__warn-icon'),
     [ALERT_TYPES.ERROR]: getClassName('bpk-banner-alert__error-icon'),
     [ALERT_TYPES.NEUTRAL]: getClassName('bpk-banner-alert__neutral-icon'),
-    [ALERT_TYPES.EVENT]: getClassName('bpk-banner-alert__event-icon'),
   };
   const className = classMap[type];
   const componentMap: { [AlertTypeValue]: Node } = {
@@ -74,7 +73,6 @@ const getIconForType = (
     [ALERT_TYPES.WARN]: InfoCircleIcon,
     [ALERT_TYPES.ERROR]: InfoCircleIcon,
     [ALERT_TYPES.NEUTRAL]: InfoCircleIcon,
-    [ALERT_TYPES.EVENT]: InfoCircleIcon,
   };
   const Icon = CustomIcon || componentMap[type];
   const AlignedIcon = withButtonAlignment(Icon);

package/bpk-component-banner-alert/src/common-types.js

@@ -25,7 +25,6 @@ export const ALERT_TYPES = {
   WARN: 'warn',
   ERROR: 'error',
   NEUTRAL: 'neutral',
-  EVENT: 'event', // DEPRECATED
 };
 
 export type AlertTypeValue = $Values<typeof ALERT_TYPES>;
@@ -45,14 +44,7 @@ export type OnDismissHandler = ?() => void;
 export type OnHideHandler = ?() => void;
 
 export const COMMON_PROP_TYPES = {
-  type: PropTypes.oneOf([
-    ALERT_TYPES.PRIMARY,
-    ALERT_TYPES.SUCCESS,
-    ALERT_TYPES.WARN,
-    ALERT_TYPES.ERROR,
-    ALERT_TYPES.NEUTRAL,
-    ALERT_TYPES.EVENT,
-  ]).isRequired,
+  type: PropTypes.oneOf(Object.values(ALERT_TYPES)).isRequired,
   message: PropTypes.node.isRequired,
   animateOnEnter: PropTypes.bool,
   animateOnLeave: PropTypes.bool,

package/bpk-component-button/README.md

@@ -23,7 +23,6 @@ export default () => (
     <BpkButton secondaryOnDark>SecondaryOnDark</BpkButton>
     <BpkButton link>Link</BpkButton>
     <BpkButton linkOnDark>LinkOnDark</BpkButton>
-    <BpkButton outline>Outline (Deprecated, use PrimaryOnDark or PrimaryOnLight instead)</BpkButton>
     <BpkButton primaryOnDark>PrimaryOnDark</BpkButton>
     <BpkButton primaryOnLight>PrimaryOnLight</BpkButton>
     <BpkButton iconOnly>
@@ -43,7 +42,6 @@ export default () => (
 | featured        | bool                 | false    | false         |
 | link            | bool                 | false    | false         |
 | linkOnDark      | bool                 | false    | false         |
-| outline         | bool (deprecated)    | false    | false         |
 | secondary       | bool                 | false    | false         |
 | secondaryOnDark | bool                 | false    | false         |
 | primaryOnDark   | bool                 | false    | false         |

package/bpk-component-button/index.js

@@ -28,7 +28,6 @@ import BpkButtonDestructive from './src/BpkButtonDestructive';
 import BpkButtonLink from './src/BpkButtonLink';
 import BpkButtonLinkOnDark from './src/BpkButtonLinkOnDark';
 import BpkButtonFeatured from './src/BpkButtonFeatured';
-import BpkButtonOutline from './src/BpkButtonOutline';
 
 export {
   buttonThemeAttributes,
@@ -53,5 +52,4 @@ export {
   BpkButtonLink,
   BpkButtonLinkOnDark,
   BpkButtonFeatured,
-  BpkButtonOutline,
 };

package/bpk-component-button/src/BpkButton.js

@@ -31,7 +31,6 @@ import {
   BpkButtonLink,
   BpkButtonLinkOnDark,
   BpkButtonFeatured,
-  BpkButtonOutline,
 } from '../index';
 
 import {
@@ -48,7 +47,6 @@ type Props = {
   secondaryOnDark: boolean,
   destructive: boolean,
   featured: boolean,
-  outline: boolean,
   link: boolean,
   linkOnDark: boolean,
 };
@@ -59,7 +57,6 @@ const BpkButton = (props: Props) => {
     featured,
     link,
     linkOnDark,
-    outline,
     primaryOnDark,
     primaryOnLight,
     secondary,
@@ -87,9 +84,6 @@ const BpkButton = (props: Props) => {
   if (featured) {
     return <BpkButtonFeatured {...rest} />;
   }
-  if (outline) {
-    return <BpkButtonOutline {...rest} />;
-  }
   if (link) {
     return <BpkButtonLink {...rest} />;
   }
@@ -107,7 +101,6 @@ BpkButton.propTypes = {
   secondaryOnDark: PropTypes.bool,
   destructive: PropTypes.bool,
   featured: PropTypes.bool,
-  outline: PropTypes.bool,
   link: PropTypes.bool,
   linkOnDark: PropTypes.bool,
 };
@@ -120,7 +113,6 @@ BpkButton.defaultProps = {
   secondaryOnDark: false,
   destructive: false,
   featured: false,
-  outline: false,
   link: false,
   linkOnDark: false,
 };

package/bpk-component-calendar/README.md

@@ -373,7 +373,7 @@ const onMonthChange = (event, {
 
 #### initiallyFocusedDate
 
-Sets the date that is focused initially, this prop has no effect if `selectedDate` or the deprecated `date` prop are specified in which case the date specified in those props is focused. If no selected date is set and `initiallyFocusedDate` is not set the focused date is the `minDate`(defaults to today if it has not been explicitly set).
+Sets the date that is focused initially, this prop has no effect if `selectionConfiguration` is specified in which case the date specified in this prop is focused. If no selected date is set and `initiallyFocusedDate` is not set the focused date is the `minDate`(defaults to today if it has not been explicitly set).
 
 #### navProps, headerProps, gridProps, dateProps
 

package/bpk-component-calendar/src/BpkCalendarContainer.js

@@ -19,7 +19,7 @@
 import PropTypes from 'prop-types';
 import { Component } from 'react';
 
-import { deprecated, isRTL } from '../../bpk-react-utils';
+import { isRTL } from '../../bpk-react-utils';
 
 import CustomPropTypes, { CALENDAR_SELECTION_TYPE } from './custom-proptypes';
 import BpkCalendarNav from './BpkCalendarNav';
@@ -287,13 +287,8 @@ const withCalendarState = (Calendar) => {
     };
 
     render() {
-      const {
-        date,
-        maxDate,
-        minDate,
-        selectionConfiguration,
-        ...calendarProps
-      } = this.props;
+      const { maxDate, minDate, selectionConfiguration, ...calendarProps } =
+        this.props;
 
       delete calendarProps.onDateSelect;
       delete calendarProps.onMonthChange;
@@ -326,25 +321,16 @@ const withCalendarState = (Calendar) => {
   }
 
   BpkCalendarContainer.propTypes = {
-    date: deprecated(
-      PropTypes.instanceOf(Date),
-      'Use selectionConfiguration to set selectedDate',
-    ),
     fixedWidth: PropTypes.bool,
     maxDate: PropTypes.instanceOf(Date),
     minDate: PropTypes.instanceOf(Date),
     onDateSelect: PropTypes.func,
     onMonthChange: PropTypes.func,
     selectionConfiguration: CustomPropTypes.SelectionConfiguration,
-    selectedDate: deprecated(
-      PropTypes.instanceOf(Date),
-      'Use selectionConfiguration to set selectedDate',
-    ),
     initiallyFocusedDate: PropTypes.instanceOf(Date),
   };
 
   BpkCalendarContainer.defaultProps = {
-    date: null,
     fixedWidth: true,
     maxDate: addMonths(new Date(), 12),
     minDate: new Date(),
@@ -354,7 +340,6 @@ const withCalendarState = (Calendar) => {
       type: CALENDAR_SELECTION_TYPE.single,
       date: null,
     },
-    selectedDate: null,
     initiallyFocusedDate: null,
   };
 

package/bpk-component-calendar/src/BpkCalendarGrid.js

@@ -19,7 +19,7 @@
 import PropTypes from 'prop-types';
 import { Component } from 'react';
 
-import { cssModules, deprecated, isDeviceIos } from '../../bpk-react-utils';
+import { cssModules, isDeviceIos } from '../../bpk-react-utils';
 
 import BpkCalendarGridHeader from './BpkCalendarGridHeader';
 import Week from './Week';
@@ -103,8 +103,6 @@ class BpkCalendarGrid extends Component {
       onDateKeyDown,
       preventKeyboardFocus,
       selectionConfiguration,
-      selectionEnd,
-      selectionStart,
       weekStartsOn,
     } = this.props;
 
@@ -139,8 +137,6 @@ class BpkCalendarGrid extends Component {
               markToday={markToday}
               markOutsideDays={markOutsideDays}
               selectionConfiguration={selectionConfiguration}
-              selectionEnd={selectionEnd}
-              selectionStart={selectionStart}
               focusedDate={focusedDate}
               minDate={minDate}
               maxDate={maxDate}
@@ -177,16 +173,6 @@ export const propTypes = {
   onDateKeyDown: PropTypes.func,
   preventKeyboardFocus: PropTypes.bool,
   selectionConfiguration: CustomPropTypes.SelectionConfiguration,
-  selectedDate: deprecated(
-    PropTypes.instanceOf(Date),
-    'Use selectionConfiguration to set selectedDate',
-  ),
-  selectionEnd: PropTypes.instanceOf(Date),
-  selectionStart: PropTypes.instanceOf(Date),
-  showWeekendSeparator: deprecated(
-    PropTypes.bool,
-    'The showWeekendSeparator prop in BpkCalendarGrid is now deprecated as no longer part of the calendar, so is no longer required',
-  ),
   ignoreOutsideDate: PropTypes.bool,
   dateProps: PropTypes.object,
 };
@@ -205,10 +191,7 @@ BpkCalendarGrid.defaultProps = {
   onDateClick: null,
   onDateKeyDown: null,
   preventKeyboardFocus: false,
-  selectedDate: null,
   selectionConfiguration: { type: CALENDAR_SELECTION_TYPE.single, date: null },
-  selectionEnd: null,
-  selectionStart: null,
   ignoreOutsideDate: false,
   dateProps: null,
   cellClassName: null,

package/bpk-component-calendar/src/BpkCalendarGridHeader.js

@@ -19,7 +19,7 @@
 import PropTypes from 'prop-types';
 import { PureComponent } from 'react';
 
-import { cssModules, deprecated } from '../../bpk-react-utils';
+import { cssModules } from '../../bpk-react-utils';
 
 import CustomPropTypes from './custom-proptypes';
 import { orderDaysOfWeek } from './date-utils';
@@ -94,11 +94,6 @@ BpkCalendarGridHeader.propTypes = {
   isTableHead: PropTypes.bool,
   className: PropTypes.string,
   weekDayKey: CustomPropTypes.WeekDayKey,
-  // eslint-disable-next-line react/require-default-props,react/no-unused-prop-types
-  showWeekendSeparator: deprecated(
-    PropTypes.bool,
-    'The showWeekendSeparator prop in BpkCalendarGridHeader is now deprecated as no longer part of the calendar, so is no longer required',
-  ),
 };
 
 BpkCalendarGridHeader.defaultProps = {

package/bpk-component-calendar/src/Week.js

@@ -19,7 +19,7 @@
 import PropTypes from 'prop-types';
 import { Component } from 'react';
 
-import { cssModules, deprecated } from '../../bpk-react-utils';
+import { cssModules } from '../../bpk-react-utils';
 
 import {
   isSameDay,
@@ -379,10 +379,6 @@ Week.propTypes = {
   isKeyboardFocusable: PropTypes.bool.isRequired,
   month: PropTypes.instanceOf(Date).isRequired,
   weekStartsOn: PropTypes.number.isRequired,
-  daysOfWeek: deprecated(
-    CustomPropTypes.DaysOfWeek,
-    'daysOfWeek property in Week is now deprecated as no longer part of the calendar, so is no longer required',
-  ),
   focusedDate: PropTypes.instanceOf(Date),
   maxDate: PropTypes.instanceOf(Date),
   minDate: PropTypes.instanceOf(Date),
@@ -390,33 +386,18 @@ Week.propTypes = {
   onDateClick: PropTypes.func,
   onDateKeyDown: PropTypes.func,
   selectionConfiguration: CustomPropTypes.SelectionConfiguration,
-  selectedDate: deprecated(
-    PropTypes.instanceOf(Date),
-    'Use selectionConfiguration to set selectedDate',
-  ),
-  selectionEnd: PropTypes.instanceOf(Date),
-  selectionStart: PropTypes.instanceOf(Date),
-  // eslint-disable-next-line react/require-default-props
-  showWeekendSeparator: deprecated(
-    PropTypes.bool,
-    'The showWeekendSeparator prop in Week is now deprecated as no longer part of the calendar, so is no longer required',
-  ),
   ignoreOutsideDate: PropTypes.bool,
   dateProps: PropTypes.object, // eslint-disable-line react/forbid-prop-types
 };
 
 Week.defaultProps = {
   cellClassName: null,
-  daysOfWeek: null,
   focusedDate: null,
   maxDate: null,
   minDate: null,
   onDateClick: null,
   onDateKeyDown: null,
   selectionConfiguration: { type: CALENDAR_SELECTION_TYPE.single, date: null },
-  selectedDate: null,
-  selectionEnd: null,
-  selectionStart: null,
   ignoreOutsideDate: false,
   dateProps: null,
 };

package/bpk-component-calendar/src/composeCalendar.js

@@ -18,7 +18,7 @@
 
 import PropTypes from 'prop-types';
 
-import { cssModules, deprecated } from '../../bpk-react-utils';
+import { cssModules } from '../../bpk-react-utils';
 
 import CustomPropTypes, { CALENDAR_SELECTION_TYPE } from './custom-proptypes';
 import STYLES from './BpkCalendar.module.scss';
@@ -159,15 +159,6 @@ const composeCalendar = (Nav, GridHeader, Grid, CalendarDate) => {
     onDateKeyDown: PropTypes.func,
     preventKeyboardFocus: PropTypes.bool,
     selectionConfiguration: CustomPropTypes.SelectionConfiguration,
-    selectedDate: deprecated(
-      PropTypes.instanceOf(Date),
-      'Use selectionConfiguration to set selectedDate',
-    ),
-    // eslint-disable-next-line react/require-default-props
-    showWeekendSeparator: deprecated(
-      PropTypes.bool,
-      'The showWeekendSeparator prop in composeCalendar is now deprecated as no longer part of the calendar, so is no longer required',
-    ),
     gridClassName: PropTypes.string,
     weekDayKey: PropTypes.string,
     /* eslint-disable react/forbid-prop-types */
@@ -196,7 +187,6 @@ const composeCalendar = (Nav, GridHeader, Grid, CalendarDate) => {
       type: CALENDAR_SELECTION_TYPE.single,
       date: null,
     },
-    selectedDate: null,
     gridClassName: null,
     weekDayKey: 'nameAbbr',
     navProps: null,

package/bpk-component-datepicker/src/BpkDatepicker.js

@@ -22,7 +22,7 @@ import { createRef, Component } from 'react';
 import BpkInput, { withOpenEvents } from '../../bpk-component-input';
 import BpkModal from '../../bpk-component-modal';
 import BpkPopover from '../../bpk-component-popover';
-import { cssModules, deprecated } from '../../bpk-react-utils';
+import { cssModules } from '../../bpk-react-utils';
 import BpkBreakpoint, { BREAKPOINTS } from '../../bpk-component-breakpoint';
 import {
   composeCalendar,
@@ -319,10 +319,6 @@ BpkDatepicker.propTypes = {
   // Optional
   calendarComponent: PropTypes.elementType,
   inputComponent: PropTypes.elementType,
-  date: deprecated(
-    PropTypes.instanceOf(Date),
-    'Use selectionConfiguration to set date',
-  ),
   dateModifiers: CustomPropTypes.DateModifiers,
   fixedWidth: PropTypes.bool,
   inputProps: PropTypes.object, // eslint-disable-line react/forbid-prop-types
@@ -334,11 +330,6 @@ BpkDatepicker.propTypes = {
   onOpenChange: PropTypes.func,
   onMonthChange: PropTypes.func,
   selectionConfiguration: CustomPropTypes.SelectionConfiguration,
-  // eslint-disable-next-line react/require-default-props
-  showWeekendSeparator: deprecated(
-    PropTypes.bool,
-    'The showWeekendSeparator prop in Week is now deprecated as no longer part of the calendar, so is no longer required',
-  ),
   initiallyFocusedDate: PropTypes.instanceOf(Date),
   renderTarget: PropTypes.func,
   isOpen: PropTypes.bool,
@@ -351,7 +342,6 @@ BpkDatepicker.propTypes = {
 BpkDatepicker.defaultProps = {
   calendarComponent: DefaultCalendar,
   inputComponent: null,
-  date: null,
   dateModifiers: DefaultCalendar.defaultProps.dateModifiers,
   inputProps: {},
   fixedWidth: true,

package/bpk-component-flare/src/svgs/pointer.svg

@@ -1 +1 @@
-<svg viewBox="0 0 14832 55"><path d="M7501.307 8.517l-68.043 39.341c-10.632 6.185-23.795 6.185-34.528 0l-68.144-39.34c-8.91-5.173-18.988-8.215-29.316-8.518H0v55h14832V0H7530.671a63.604 63.604 0 00-29.364 8.517z"/></svg>
+<svg viewBox="0 0 14832 55"><path d="m7501.307 8.517-68.043 39.341c-10.632 6.185-23.795 6.185-34.528 0l-68.144-39.34c-8.91-5.173-18.988-8.215-29.316-8.518H0v55h14832V0H7530.671a63.604 63.604 0 0 0-29.364 8.517z"/></svg>

package/bpk-component-icon/index.js

@@ -36,11 +36,7 @@ function withLargeButtonAlignment(WrappedComponent) {
   return withAlignment(WrappedComponent, buttonLargeLineHeight, iconSizeLg);
 }
 
-// alias to maintain backwards compat, can be deprecated in due course
-// alias to maintain backwards compat, can be deprecated in due course
 export {
-  withButtonAlignment as alignToButton,
-  withLargeButtonAlignment as alignToLargeButton,
   withButtonAlignment,
   withLargeButtonAlignment,
   withAlignment,

package/bpk-component-image/src/BpkBackgroundImage.js

@@ -23,10 +23,9 @@ import PropTypes from 'prop-types';
 import CSSTransition from 'react-transition-group/CSSTransition';
 import { animations } from '@skyscanner/bpk-foundations-web/tokens/base.es6';
 
-import { cssModules, deprecated } from '../../bpk-react-utils';
+import { cssModules } from '../../bpk-react-utils';
 import { BpkSpinner } from '../../bpk-component-spinner';
 
-import { widthHeightAspectRatioPropType } from './customPropTypes';
 import STYLES from './BpkBackgroundImage.module.scss';
 
 const getClassName = cssModules(STYLES);
@@ -34,11 +33,9 @@ const getClassName = cssModules(STYLES);
 export type BpkBackgroundImageProps = {
   children: Node,
   aspectRatio: ?number,
-  height: ?number,
   inView: boolean,
   loading: boolean,
   src: string,
-  width: ?number,
   className: ?string,
   onLoad: ?() => mixed,
   style: ?{},
@@ -55,15 +52,7 @@ class BpkBackgroundImage extends Component<BpkBackgroundImageProps> {
   onBackgroundImageLoad: () => mixed;
 
   static propTypes = {
-    aspectRatio: widthHeightAspectRatioPropType,
-    height: deprecated(
-      widthHeightAspectRatioPropType,
-      'Use "aspectRatio" instead of "width" and "height".',
-    ),
-    width: deprecated(
-      widthHeightAspectRatioPropType,
-      'Use "aspectRatio" instead of "width" and "height".',
-    ),
+    aspectRatio: PropTypes.number.isRequired,
     src: PropTypes.string.isRequired,
     className: PropTypes.string,
     inView: PropTypes.bool,
@@ -74,9 +63,6 @@ class BpkBackgroundImage extends Component<BpkBackgroundImageProps> {
   };
 
   static defaultProps = {
-    width: null,
-    height: null,
-    aspectRatio: null,
     className: null,
     inView: true,
     loading: false,
@@ -113,9 +99,6 @@ class BpkBackgroundImage extends Component<BpkBackgroundImageProps> {
     if (this.props.aspectRatio) {
       return this.props.aspectRatio;
     }
-    if (this.props.width && this.props.height) {
-      return this.props.width / this.props.height;
-    }
     return 1;
   };
 

package/bpk-component-image/src/BpkImage.js

@@ -23,10 +23,9 @@ import PropTypes from 'prop-types';
 import CSSTransition from 'react-transition-group/CSSTransition';
 import { animations } from '@skyscanner/bpk-foundations-web/tokens/base.es6';
 
-import { cssModules, deprecated } from '../../bpk-react-utils';
+import { cssModules } from '../../bpk-react-utils';
 import { BpkSpinner } from '../../bpk-component-spinner';
 
-import { widthHeightAspectRatioPropType } from './customPropTypes';
 import STYLES from './BpkImage.module.scss';
 import BORDER_RADIUS_STYLES from './BpkImageBorderRadiusStyles';
 
@@ -93,11 +92,9 @@ class Image extends Component<ImageProps> {
 type BpkImageProps = {
   altText: string,
   aspectRatio: ?number,
-  height: ?number,
   inView: boolean,
   loading: boolean,
   src: string,
-  width: ?number,
   borderRadiusStyle: $Keys<typeof BORDER_RADIUS_STYLES>,
   className: ?string,
   onLoad: ?() => mixed,
@@ -113,7 +110,7 @@ class BpkImage extends Component<BpkImageProps> {
   static propTypes = {
     altText: PropTypes.string.isRequired,
     src: PropTypes.string.isRequired,
-    aspectRatio: widthHeightAspectRatioPropType,
+    aspectRatio: PropTypes.number.isRequired,
     borderRadiusStyle: PropTypes.oneOf(Object.keys(BORDER_RADIUS_STYLES)),
     className: PropTypes.string,
     inView: PropTypes.bool,
@@ -121,27 +118,16 @@ class BpkImage extends Component<BpkImageProps> {
     onLoad: PropTypes.func,
     style: PropTypes.object, // eslint-disable-line react/forbid-prop-types
     suppressHydrationWarning: PropTypes.bool,
-    height: deprecated(
-      widthHeightAspectRatioPropType,
-      'Use "aspectRatio" instead of "width" and "height".',
-    ),
-    width: deprecated(
-      widthHeightAspectRatioPropType,
-      'Use "aspectRatio" instead of "width" and "height".',
-    ),
   };
 
   static defaultProps = {
-    aspectRatio: null,
     borderRadiusStyle: BORDER_RADIUS_STYLES.none,
     className: null,
-    height: null,
     inView: true,
     loading: false,
     onLoad: null,
     style: {},
     suppressHydrationWarning: false,
-    width: null,
   };
 
   onImageLoad = (): void => {
@@ -154,9 +140,6 @@ class BpkImage extends Component<BpkImageProps> {
     if (this.props.aspectRatio) {
       return this.props.aspectRatio;
     }
-    if (this.props.width && this.props.height) {
-      return this.props.width / this.props.height;
-    }
     return 1;
   };
 
@@ -166,12 +149,10 @@ class BpkImage extends Component<BpkImageProps> {
       aspectRatio,
       borderRadiusStyle,
       className,
-      height,
       inView,
       loading,
       onLoad,
       style,
-      width,
       ...rest
     } = this.props;
 

package/bpk-component-input/index.js

@@ -23,28 +23,19 @@ import {
   propTypes,
   defaultProps,
   CLEAR_BUTTON_MODES,
-  INPUT_TYPES as TYPES,
+  INPUT_TYPES,
   type Props,
 } from './src/common-types';
 import themeAttributes from './src/themeAttributes';
 
 export default BpkInput;
 
-// TODO: Remove these in the next major
-const DEPRECATED_INPUT_TYPES = {
-  TEXT: 'text',
-  EMAIL: 'email',
-  NUMBER: 'number',
-  PASSWORD: 'password',
-  TEL: 'tel',
-};
-
 export type BpkInputProps = Props;
-export const INPUT_TYPES = { ...DEPRECATED_INPUT_TYPES, ...TYPES };
 export {
   propTypes,
   defaultProps,
   withOpenEvents,
+  INPUT_TYPES,
   CLEAR_BUTTON_MODES,
   themeAttributes,
 };

package/bpk-component-link/src/BpkButtonLink.js

@@ -32,15 +32,14 @@ type Props = {
   children: Node,
   className: ?string,
   onClick: (event: SyntheticEvent<>) => mixed,
-  white: boolean,
   alternate: boolean,
 };
 
 const BpkButtonLink = (props: Props) => {
-  const { alternate, children, className, onClick, white, ...rest } = props;
+  const { alternate, children, className, onClick, ...rest } = props;
   const classNames = [getClassName('bpk-link')];
 
-  if (white || alternate) {
+  if (alternate) {
     classNames.push(getClassName('bpk-link--alternate'));
   }
   if (className) {
@@ -65,15 +64,11 @@ BpkButtonLink.propTypes = {
   children: PropTypes.node.isRequired,
   className: PropTypes.string,
   alternate: PropTypes.bool,
-  // DEPRECATED
-  white: PropTypes.bool,
 };
 
 BpkButtonLink.defaultProps = {
   className: null,
   alternate: false,
-  // DEPRECATED
-  white: false,
 };
 
 export { themeAttributes };