@skyscanner/backpack-web 34.0.0-premajor.2 → 34.0.0

package/bpk-component-aria-live/index.d.ts

@@ -1,26 +1,4 @@
-/*
- * Backpack - Skyscanner's Design System
- *
- * Copyright 2016 Skyscanner Ltd
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import BpkAriaLive, {
-  POLITENESS_SETTINGS as ARIA_LIVE_POLITENESS_SETTINGS,
-  type Props as BpkAriaLiveProps,
-} from './src/BpkAriaLive';
-
+import BpkAriaLive, { POLITENESS_SETTINGS as ARIA_LIVE_POLITENESS_SETTINGS, type Props as BpkAriaLiveProps } from './src/BpkAriaLive';
 export { ARIA_LIVE_POLITENESS_SETTINGS };
 export type { BpkAriaLiveProps };
 export default BpkAriaLive;

package/bpk-component-aria-live/src/BpkAriaLive.d.ts

@@ -1,41 +1,16 @@
-/*
- * Backpack - Skyscanner's Design System
- *
- * Copyright 2016 Skyscanner Ltd
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
 import type { ReactElement } from 'react';
-
 export declare const POLITENESS_SETTINGS: {
-  readonly off: 'off';
-  readonly polite: 'polite';
-  readonly assertive: 'assertive';
+    readonly off: "off";
+    readonly polite: "polite";
+    readonly assertive: "assertive";
 };
-export type PolitenessSetting =
-  typeof POLITENESS_SETTINGS[keyof typeof POLITENESS_SETTINGS];
+export type PolitenessSetting = (typeof POLITENESS_SETTINGS)[keyof typeof POLITENESS_SETTINGS];
 export type Props = {
-  children: ReactElement | string;
-  politenessSetting?: PolitenessSetting;
-  visible?: boolean;
-  className?: string | null;
-  [rest: string]: any;
+    children: ReactElement | string;
+    politenessSetting?: PolitenessSetting;
+    visible?: boolean;
+    className?: string | null;
+    [rest: string]: any;
 };
-declare const BpkAriaLive: ({
-  className,
-  politenessSetting,
-  visible,
-  ...rest
-}: Props) => JSX.Element;
+declare const BpkAriaLive: ({ className, politenessSetting, visible, ...rest }: Props) => JSX.Element;
 export default BpkAriaLive;

package/bpk-component-badge/index.d.ts

@@ -1,21 +1,3 @@
-/*
- * Backpack - Skyscanner's Design System
- *
- * Copyright 2016 Skyscanner Ltd
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
 import component, { BADGE_TYPES, type Props } from './src/BpkBadge';
 import themeAttributes from './src/themeAttributes';
 export type BpkBadgeProps = Props;

package/bpk-component-badge/src/BpkBadge.d.ts

@@ -1,47 +1,22 @@
-/*
- * Backpack - Skyscanner's Design System
- *
- * Copyright 2016 Skyscanner Ltd
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
 import type { ReactNode } from 'react';
-
 export declare const BADGE_TYPES: {
-  readonly warning: 'warning';
-  readonly success: 'success';
-  readonly critical: 'critical';
-  readonly normal: 'normal';
-  readonly inverse: 'inverse';
-  readonly outline: 'outline';
-  readonly strong: 'strong';
-  readonly brand: 'brand';
+    readonly warning: "warning";
+    readonly success: "success";
+    readonly critical: "critical";
+    readonly normal: "normal";
+    readonly inverse: "inverse";
+    readonly outline: "outline";
+    readonly strong: "strong";
+    readonly brand: "brand";
 };
-export type BadgeType = typeof BADGE_TYPES[keyof typeof BADGE_TYPES];
+export type BadgeType = (typeof BADGE_TYPES)[keyof typeof BADGE_TYPES];
 export type Props = {
-  type?: BadgeType;
-  docked?: 'right' | 'left' | null;
-  centered?: boolean;
-  className?: string | null;
-  children: string | ReactNode;
-  [rest: string]: any;
+    type?: BadgeType;
+    docked?: 'right' | 'left' | null;
+    centered?: boolean;
+    className?: string | null;
+    children: string | ReactNode;
+    [rest: string]: any;
 };
-declare const BpkBadge: ({
-  centered,
-  className,
-  docked,
-  type,
-  ...rest
-}: Props) => JSX.Element;
+declare const BpkBadge: ({ centered, className, docked, type, ...rest }: Props) => JSX.Element;
 export default BpkBadge;

package/bpk-component-badge/src/themeAttributes.d.ts

@@ -0,0 +1,2 @@
+declare const _default: string[];
+export default _default;

package/bpk-component-banner-alert/index.d.ts

@@ -1,33 +1,8 @@
-/*
- * Backpack - Skyscanner's Design System
- *
- * Copyright 2016 Skyscanner Ltd
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
 import BpkBannerAlert from './src/BpkBannerAlert';
 import BpkBannerAlertDismissable from './src/BpkBannerAlertDismissable';
 import BpkBannerAlertExpandable from './src/BpkBannerAlertExpandable';
 import { ALERT_TYPES } from './src/common-types';
-import withBannerAlertState from './src/withBannerAlertState';
 import themeAttributes from './src/themeAttributes';
-
-export {
-  ALERT_TYPES,
-  BpkBannerAlertDismissable,
-  BpkBannerAlertExpandable,
-  withBannerAlertState,
-  themeAttributes,
-};
+import withBannerAlertState from './src/withBannerAlertState';
+export { ALERT_TYPES, BpkBannerAlertDismissable, BpkBannerAlertExpandable, withBannerAlertState, themeAttributes, };
 export default BpkBannerAlert;

package/bpk-component-banner-alert/src/AnimateAndFade.d.ts

@@ -1,61 +1,32 @@
-/*
- * Backpack - Skyscanner's Design System
- *
- * Copyright 2016 Skyscanner Ltd
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
 import { Component } from 'react';
 import type { ReactNode } from 'react';
-
 type Props = {
-  animateOnEnter: boolean;
-  animateOnLeave: boolean;
-  children: ReactNode | string;
-  show: boolean;
-  className?: string | null;
+    animateOnEnter: boolean;
+    animateOnLeave: boolean;
+    children: ReactNode | string;
+    show: boolean;
+    className?: string | undefined;
 };
 type State = {
-  isExpanded: boolean;
-  visible: boolean;
-  initiateShow: boolean;
-  hideAnimationInProgress: boolean;
-  inDom: boolean;
+    isExpanded: boolean;
+    visible: boolean;
+    initiateShow: boolean;
+    hideAnimationInProgress: boolean;
+    inDom: boolean;
 };
 declare class AnimateAndFade extends Component<Props, State> {
-  toggleImmediately: boolean;
-
-  static defaultProps: {
-    animateOnEnter: boolean;
-    animateOnLeave: boolean;
-    className: null;
-  };
-
-  constructor(props: Props);
-
-  componentDidMount(): void;
-
-  UNSAFE_componentWillReceiveProps(nextProps: Props): void;
-
-  componentDidUpdate(): void;
-
-  onAnimateHeightComplete: () => void;
-
-  onFadeComplete: () => void;
-
-  toggle: () => void;
-
-  render(): JSX.Element | null;
+    toggleImmediately: boolean;
+    static defaultProps: {
+        animateOnEnter: boolean;
+        animateOnLeave: boolean;
+    };
+    constructor(props: Props);
+    componentDidMount(): void;
+    UNSAFE_componentWillReceiveProps(nextProps: Props): void;
+    componentDidUpdate(): void;
+    onAnimateHeightComplete: () => void;
+    onFadeComplete: () => void;
+    toggle: () => void;
+    render(): JSX.Element | null;
 }
 export default AnimateAndFade;

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

@@ -19,8 +19,6 @@
 import { Component } from 'react';
 // @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
 import { TransitionGroup, CSSTransition } from 'react-transition-group';
-
-// @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
 import { durationSm } from '@skyscanner/bpk-foundations-web/tokens/base.es6';
 
 // @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.

package/bpk-component-banner-alert/src/BpkBannerAlert.d.ts

@@ -1,29 +1,8 @@
-/*
- * Backpack - Skyscanner's Design System
- *
- * Copyright 2016 Skyscanner Ltd
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
 /// <reference types="react" />
 import type { CommonProps } from './common-types';
-
-declare const BpkBannerAlert: ({
-  animateOnEnter,
-  animateOnLeave,
-  icon,
-  show,
-  ...rest
-}: CommonProps) => JSX.Element;
+/**
+ * @deprecated use bpk-component-info-banner instead
+ * @returns {Component} a banner alert component
+ */
+declare const BpkBannerAlert: ({ animateOnEnter, animateOnLeave, icon, show, ...rest }: CommonProps) => JSX.Element;
 export default BpkBannerAlert;

package/bpk-component-banner-alert/src/BpkBannerAlertDismissable.d.ts

@@ -1,30 +1,8 @@
-/*
- * Backpack - Skyscanner's Design System
- *
- * Copyright 2016 Skyscanner Ltd
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
 /// <reference types="react" />
 import type { CommonProps, OnDismissHandler } from './common-types';
-
 export type Props = CommonProps & {
-  dismissButtonLabel: string;
-  onDismiss?: OnDismissHandler;
+    dismissButtonLabel: string;
+    onDismiss?: OnDismissHandler;
 };
-declare const BpkBannerAlertDismissable: ({
-  onDismiss,
-  ...rest
-}: Props) => JSX.Element;
+declare const BpkBannerAlertDismissable: ({ onDismiss, ...rest }: Props) => JSX.Element;
 export default BpkBannerAlertDismissable;

package/bpk-component-banner-alert/src/BpkBannerAlertExpandable.d.ts

@@ -1,35 +1,10 @@
-/*
- * Backpack - Skyscanner's Design System
- *
- * Copyright 2016 Skyscanner Ltd
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
 import type { ReactNode } from 'react';
-
 import type { CommonProps, OnExpandToggleHandler } from './common-types';
-
 export type Props = CommonProps & {
-  children: ReactNode;
-  expanded?: boolean;
-  toggleButtonLabel: string;
-  onExpandToggle?: OnExpandToggleHandler;
+    children: ReactNode;
+    expanded?: boolean;
+    toggleButtonLabel: string;
+    onExpandToggle?: OnExpandToggleHandler;
 };
-declare const BpkBannerAlertExpandable: ({
-  children,
-  expanded,
-  onExpandToggle,
-  ...rest
-}: Props) => JSX.Element;
+declare const BpkBannerAlertExpandable: ({ children, expanded, onExpandToggle, ...rest }: Props) => JSX.Element;
 export default BpkBannerAlertExpandable;

package/bpk-component-banner-alert/src/BpkBannerAlertInner.d.ts

@@ -1,58 +1,18 @@
-/*
- * Backpack - Skyscanner's Design System
- *
- * Copyright 2016 Skyscanner Ltd
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
 import type { ReactNode } from 'react';
-
-import type {
-  CommonProps,
-  OnDismissHandler,
-  OnExpandToggleHandler,
-} from './common-types';
-
+import type { CommonProps, OnDismissHandler, OnExpandToggleHandler } from './common-types';
 export declare const CONFIGURATION: {
-  readonly NONE: 'none';
-  readonly DISMISSABLE: 'dismissable';
-  readonly EXPANDABLE: 'expandable';
+    readonly NONE: "none";
+    readonly DISMISSABLE: "dismissable";
+    readonly EXPANDABLE: "expandable";
 };
 type Props = CommonProps & {
-  configuration?: typeof CONFIGURATION[keyof typeof CONFIGURATION];
-  children?: ReactNode | string;
-  expanded?: boolean;
-  toggleButtonLabel?: string;
-  onExpandToggle?: OnExpandToggleHandler;
-  dismissButtonLabel?: string;
-  onDismiss?: OnDismissHandler;
+    configuration?: (typeof CONFIGURATION)[keyof typeof CONFIGURATION];
+    children?: ReactNode | string;
+    expanded?: boolean;
+    toggleButtonLabel?: string;
+    onExpandToggle?: OnExpandToggleHandler;
+    dismissButtonLabel?: string;
+    onDismiss?: OnDismissHandler;
 };
-declare const BpkBannerAlertInner: ({
-  animateOnEnter,
-  animateOnLeave,
-  bannerClassName,
-  children,
-  configuration,
-  dismissButtonLabel,
-  expanded,
-  icon,
-  message,
-  onDismiss,
-  onExpandToggle,
-  show,
-  toggleButtonLabel,
-  type,
-  ...rest
-}: Props) => JSX.Element;
+declare const BpkBannerAlertInner: ({ animateOnEnter, animateOnLeave, bannerClassName, children, configuration, dismissButtonLabel, expanded, icon, message, onDismiss, onExpandToggle, show, toggleButtonLabel, type, ...rest }: Props) => JSX.Element;
 export default BpkBannerAlertInner;

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

@@ -20,7 +20,6 @@
  * `BpkBannerAlertDismissable` and `BpkBannerAlertExpandable`.
  */
 
-// @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
 import { durationSm } from '@skyscanner/bpk-foundations-web/tokens/base.es6';
 
 // @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
@@ -28,11 +27,8 @@ import BpkAnimateHeight from "../../bpk-animate-height";
 // @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
 import BpkCloseButton from "../../bpk-component-close-button";
 import { withButtonAlignment } from "../../bpk-component-icon";
-// @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
 import ChevronDownIcon from "../../bpk-component-icon/lg/chevron-down";
-// @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
 import InfoCircleIcon from "../../bpk-component-icon/sm/information-circle";
-// @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
 import TickCircleIcon from "../../bpk-component-icon/sm/tick-circle";
 import { cssModules } from "../../bpk-react-utils";
 import AnimateAndFade from "./AnimateAndFade";

package/bpk-component-banner-alert/src/common-types.d.ts

@@ -1,44 +1,22 @@
-/*
- * Backpack - Skyscanner's Design System
- *
- * Copyright 2016 Skyscanner Ltd
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
 import type { FunctionComponent, ReactNode } from 'react';
-
 export declare const ALERT_TYPES: {
-  readonly PRIMARY: 'primary';
-  readonly SUCCESS: 'success';
-  readonly WARN: 'warn';
-  readonly ERROR: 'error';
-  readonly NEUTRAL: 'neutral';
+    readonly PRIMARY: "primary";
+    readonly SUCCESS: "success";
+    readonly WARN: "warn";
+    readonly ERROR: "error";
+    readonly NEUTRAL: "neutral";
 };
-export type AlertTypeValue = typeof ALERT_TYPES[keyof typeof ALERT_TYPES];
+export type AlertTypeValue = (typeof ALERT_TYPES)[keyof typeof ALERT_TYPES];
 export type CommonProps = {
-  type: AlertTypeValue;
-  message: ReactNode | string;
-  animateOnEnter?: boolean;
-  animateOnLeave?: boolean;
-  show?: boolean;
-  bannerClassName?: string | null;
-  icon?: FunctionComponent<any> | null;
-  [rest: string]: any;
+    type: AlertTypeValue;
+    message: ReactNode | string;
+    animateOnEnter?: boolean;
+    animateOnLeave?: boolean;
+    show?: boolean;
+    bannerClassName?: string | null;
+    icon?: FunctionComponent<any> | null;
+    [rest: string]: any;
 };
-export type OnExpandToggleHandler =
-  | ((expanded: boolean) => void)
-  | null
-  | undefined;
+export type OnExpandToggleHandler = ((expanded: boolean) => void) | null | undefined;
 export type OnDismissHandler = (() => void) | null | undefined;
 export type OnHideHandler = (() => void) | null | undefined;

package/bpk-component-banner-alert/src/themeAttributes.d.ts

@@ -1,20 +1,2 @@
-/*
- * Backpack - Skyscanner's Design System
- *
- * Copyright 2016 Skyscanner Ltd
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
 declare const _default: string[];
 export default _default;

package/bpk-component-banner-alert/src/withBannerAlertState.d.ts

@@ -1,21 +1,3 @@
-/*
- * Backpack - Skyscanner's Design System
- *
- * Copyright 2016 Skyscanner Ltd
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
 /// <reference types="node" />
 import type { ComponentType } from 'react';
 export type WithBannerAlertStateProps = {

package/bpk-component-barchart/src/BpkBarchart.js

@@ -44,7 +44,6 @@ const getMaxYValue = (dataPoints, outlierPercentage) => {
 };
 class BpkBarchart extends Component {
   static defaultProps = {
-    className: null,
     leadingScrollIndicatorClassName: null,
     trailingScrollIndicatorClassName: null,
     outlierPercentage: null,
@@ -99,7 +98,6 @@ class BpkBarchart extends Component {
   render() {
     const {
       BarComponent,
-      className,
       data,
       disableDataTable,
       getBarLabel,
@@ -134,10 +132,6 @@ class BpkBarchart extends Component {
       right: 0,
       bottom: xAxisMargin
     });
-    const classNames = [getClassName('bpk-barchart')];
-    if (className) {
-      classNames.push(className);
-    }
     const width = this.state.width - margin.left - margin.right;
     const height = this.state.height - margin.bottom - margin.top;
     const maxYValue = getMaxYValue(data.map(d => d[yScaleDataKey]), outlierPercentage);
@@ -156,7 +150,7 @@ class BpkBarchart extends Component {
         yAxisLabel: yAxisLabel
       }), /*#__PURE__*/_jsxs("svg", {
         xmlns: "http://www.w3.org/2000/svg",
-        className: classNames.join(' '),
+        className: getClassName('bpk-barchart'),
         width: this.state.width,
         height: this.state.height,
         ref: svgEl => {
@@ -236,7 +230,6 @@ BpkBarchart.propTypes = {
   yAxisLabel: PropTypes.string.isRequired,
   initialWidth: PropTypes.number.isRequired,
   initialHeight: PropTypes.number.isRequired,
-  className: PropTypes.string,
   leadingScrollIndicatorClassName: PropTypes.string,
   trailingScrollIndicatorClassName: PropTypes.string,
   /**