@skyscanner/backpack-web 36.11.1-alpha.0 → 36.12.0

package/bpk-component-horizontal-nav/src/BpkHorizontalNavItem.js

@@ -18,7 +18,7 @@
 import { Component } from 'react';
 import { cssModules } from "../../bpk-react-utils";
 import { HORIZONTAL_NAV_TYPES } from "./BpkHorizontalNav";
-import * as STYLES from "./BpkHorizontalNavItem.module.css";
+import STYLES from "./BpkHorizontalNavItem.module.css";
 import { jsx as _jsx } from "react/jsx-runtime";
 const getClassName = cssModules(STYLES);
 // In order to be able to access refs on the HorizontalNavItems, they need to be a fully defined

package/bpk-component-icon/src/withDescription.js

@@ -17,7 +17,7 @@
  */
 
 import { cssModules, wrapDisplayName } from "../../bpk-react-utils";
-import * as STYLES from "./withDescription.module.css";
+import STYLES from "./withDescription.module.css";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const getClassName = cssModules(STYLES);
 export default function withDescription(Component, description) {

package/bpk-component-icon/src/withRtlSupport.js

@@ -18,6 +18,6 @@
 
 import { cssModules } from "../../bpk-react-utils";
 import classNameModifierHOCFactory from "./classNameModifierHOCFactory";
-import * as STYLES from "./BpkIcon.module.css";
+import STYLES from "./BpkIcon.module.css";
 const getClassName = cssModules(STYLES);
 export default classNameModifierHOCFactory('withRtlSupport', [getClassName('bpk-icon--rtl-support')]);

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

@@ -21,7 +21,7 @@ import CSSTransition from 'react-transition-group/CSSTransition';
 import { animations } from '@skyscanner/bpk-foundations-web/tokens/base.es6';
 import { BpkSpinner } from "../../bpk-component-spinner";
 import { cssModules } from "../../bpk-react-utils";
-import * as STYLES from "./BpkBackgroundImage.module.css";
+import STYLES from "./BpkBackgroundImage.module.css";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const getClassName = cssModules(STYLES);
 class BpkBackgroundImage extends Component {

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

@@ -22,7 +22,7 @@ import { animations } from '@skyscanner/bpk-foundations-web/tokens/base.es6';
 import { BpkSpinner } from "../../bpk-component-spinner";
 import { cssModules } from "../../bpk-react-utils";
 import BORDER_RADIUS_STYLES from "./BpkImageBorderRadiusStyles";
-import * as STYLES from "./BpkImage.module.css";
+import STYLES from "./BpkImage.module.css";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const getClassName = cssModules(STYLES);
 class Image extends Component {

package/bpk-component-infinite-scroll/src/withInfiniteScroll.js

@@ -21,7 +21,7 @@ import omit from 'lodash/omit';
 import { cssModules } from "../../bpk-react-utils";
 import "./intersection-observer";
 import DataSource from "./DataSource";
-import * as STYLES from "./withInfiniteScroll.module.css";
+import STYLES from "./withInfiniteScroll.module.css";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const getClassNames = cssModules(STYLES);
 const propTypes = {

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

@@ -23,7 +23,7 @@ import { durationSm } from '@skyscanner/bpk-foundations-web/tokens/base.es6';
 // @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
 import BpkAnimateHeight from "../../bpk-animate-height";
 import { cssModules } from "../../bpk-react-utils";
-import * as STYLES from "./BpkAnimateAndFade.module.css";
+import STYLES from "./BpkAnimateAndFade.module.css";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const getClassName = cssModules(STYLES);
 const ANIMATION_DURATION = parseInt(durationSm, 10);

package/bpk-component-info-banner/src/BpkInfoBannerInner.js

@@ -36,7 +36,7 @@ import BpkLink from "../../bpk-component-link";
 import { cssModules } from "../../bpk-react-utils";
 import AnimateAndFade from "./AnimateAndFade";
 import { ALERT_TYPES, STYLE_TYPES } from "./common-types";
-import * as STYLES from "./BpkInfoBanner.module.css";
+import STYLES from "./BpkInfoBanner.module.css";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const getClassName = cssModules(STYLES);
 const ExpandIcon = withButtonAlignment(ChevronDownIcon);

package/bpk-component-input/src/BpkInput.js

@@ -21,7 +21,7 @@ import { withButtonAlignment } from "../../bpk-component-icon";
 import ClearIcon from "../../bpk-component-icon/sm/close-circle";
 import { cssModules } from "../../bpk-react-utils";
 import { CLEAR_BUTTON_MODES, defaultProps } from "./common-types";
-import * as STYLES from "./BpkInput.module.css";
+import STYLES from "./BpkInput.module.css";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const getClassName = cssModules(STYLES);
 const ClearButtonIcon = withButtonAlignment(ClearIcon);

package/bpk-component-inset-banner/src/BpkInsetBanner.js

@@ -20,7 +20,7 @@ import InfoIcon from "../../bpk-component-icon/sm/information-circle";
 import BpkPopover from "../../bpk-component-popover/src/BpkPopover";
 import BpkText, { TEXT_STYLES } from "../../bpk-component-text/src/BpkText";
 import { cssModules } from "../../bpk-react-utils";
-import * as STYLES from "./BpkInsetBanner.module.css";
+import STYLES from "./BpkInsetBanner.module.css";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const getClassName = cssModules(STYLES);
 export const VARIANT = {

package/bpk-component-journey-arrow/src/BpkJourneyArrow.js

@@ -17,7 +17,7 @@
  */
 
 import { cssModules } from "../../bpk-react-utils";
-import * as STYLES from "./BpkJourneyArrow.module.css";
+import STYLES from "./BpkJourneyArrow.module.css";
 import { jsx as _jsx } from "react/jsx-runtime";
 const getClassName = cssModules(STYLES);
 const BpkJourneyArrow = ({

package/bpk-component-label/src/BpkLabel.js

@@ -16,7 +16,7 @@
  * limitations under the License.
  */import PropTypes from 'prop-types';
 import { cssModules } from "../../bpk-react-utils";
-import * as STYLES from "./BpkLabel.module.css";
+import STYLES from "./BpkLabel.module.css";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const getClassName = cssModules(STYLES);
 const BpkLabel = props => {

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

@@ -17,7 +17,7 @@
  */import PropTypes from 'prop-types';
 import { cssModules } from "../../bpk-react-utils";
 import themeAttributes from "./themeAttributes";
-import * as STYLES from "./BpkLink.module.css";
+import STYLES from "./BpkLink.module.css";
 import { jsx as _jsx } from "react/jsx-runtime";
 const getClassName = cssModules(STYLES);
 const BpkButtonLink = props => {

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

@@ -18,7 +18,7 @@
 import { forwardRef } from 'react';
 import { cssModules } from "../../bpk-react-utils";
 import themeAttributes, { linkAlternateThemeAttributes } from "./themeAttributes";
-import * as STYLES from "./BpkLink.module.css";
+import STYLES from "./BpkLink.module.css";
 import { jsx as _jsx } from "react/jsx-runtime";
 const getClassName = cssModules(STYLES);
 const BpkLink = /*#__PURE__*/forwardRef((props, ref) => {

package/bpk-component-list/src/BpkList.js

@@ -16,7 +16,7 @@
  * limitations under the License.
  */import PropTypes from 'prop-types';
 import { cssModules } from "../../bpk-react-utils";
-import * as STYLES from "./BpkList.module.css";
+import STYLES from "./BpkList.module.css";
 import { jsx as _jsx } from "react/jsx-runtime";
 const getClassName = cssModules(STYLES);
 const BpkList = props => {

package/bpk-component-list/src/BpkListItem.js

@@ -16,7 +16,7 @@
  * limitations under the License.
  */import PropTypes from 'prop-types';
 import { cssModules } from "../../bpk-react-utils";
-import * as STYLES from "./BpkList.module.css";
+import STYLES from "./BpkList.module.css";
 import { jsx as _jsx } from "react/jsx-runtime";
 const getClassName = cssModules(STYLES);
 const BpkListItem = props => {

package/bpk-component-loading-button/src/BpkLoadingButton.js

@@ -22,7 +22,7 @@ import ArrowIconLg from "../../bpk-component-icon/lg/long-arrow-right";
 import ArrowIconSm from "../../bpk-component-icon/sm/long-arrow-right";
 import { BpkSpinner, BpkLargeSpinner } from "../../bpk-component-spinner";
 import { cssModules } from "../../bpk-react-utils";
-import * as STYLES from "./BpkLoadingButton.module.css";
+import STYLES from "./BpkLoadingButton.module.css";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const getClassName = cssModules(STYLES);
 export const ICON_POSITION = {

package/bpk-component-map/src/BpkIconMarker.js

@@ -19,7 +19,7 @@ import { cssModules } from "../../bpk-react-utils";
 import BpkBasicMapMarker from "./BpkBasicMapMarker";
 import BpkIconMarkerBackground from "./BpkIconMarkerBackground";
 import { LatLongPropType } from "./common-types";
-import * as STYLES from "./BpkIconMarker.module.css";
+import STYLES from "./BpkIconMarker.module.css";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const getClassName = cssModules(STYLES);
 const BpkIconMarker = props => {

package/bpk-component-map/src/BpkIconMarkerBackground.js

@@ -15,7 +15,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */import { cssModules } from "../../bpk-react-utils";
-import * as STYLES from "./BpkIconMarkerBackground.module.css";
+import STYLES from "./BpkIconMarkerBackground.module.css";
 import { jsx as _jsx } from "react/jsx-runtime";
 const getClassName = cssModules(STYLES);
 const BpkIconMarkerBackground = props => {

package/bpk-component-map/src/BpkMap.js

@@ -19,7 +19,7 @@ import { useCallback, useRef } from 'react';
 import { GoogleMap } from '@react-google-maps/api';
 import { cssModules } from "../../bpk-react-utils";
 import { LatLongPropType } from "./common-types";
-import * as STYLES from "./BpkMap.module.css";
+import STYLES from "./BpkMap.module.css";
 import { jsx as _jsx } from "react/jsx-runtime";
 const getClassName = cssModules(STYLES);
 const BpkMap = props => {

package/bpk-component-map/src/BpkPriceMarker.js

@@ -19,7 +19,7 @@ import BpkText, { TEXT_STYLES } from "../../bpk-component-text/src/BpkText";
 import { cssModules } from "../../bpk-react-utils";
 import BpkBasicMapMarker from "./BpkBasicMapMarker";
 import { LatLongPropType } from "./common-types";
-import * as STYLES from "./BpkPriceMarker.module.css";
+import STYLES from "./BpkPriceMarker.module.css";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const getClassName = cssModules(STYLES);
 export const PRICE_MARKER_STATUSES = {

package/bpk-component-map/src/BpkPriceMarkerV2/BpkPriceMarker.js

@@ -19,7 +19,7 @@
 import BpkText, { TEXT_STYLES } from "../../../bpk-component-text";
 import { cssModules } from "../../../bpk-react-utils";
 import BpkBasicMapMarker from "../BpkBasicMapMarker";
-import * as STYLES from "./BpkPriceMarker.module.css";
+import STYLES from "./BpkPriceMarker.module.css";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const getClassName = cssModules(STYLES);
 export const MARKER_STATUSES = {

package/bpk-component-map/src/DefaultLoadingElement.js

@@ -16,7 +16,7 @@
  * limitations under the License.
  */import { BpkLargeSpinner, SPINNER_TYPES } from "../../bpk-component-spinner";
 import { cssModules } from "../../bpk-react-utils";
-import * as STYLES from "./DefaultLoadingElement.module.css";
+import STYLES from "./DefaultLoadingElement.module.css";
 import { jsx as _jsx } from "react/jsx-runtime";
 const getClassName = cssModules(STYLES);
 const DefaultLoadingElement = () => /*#__PURE__*/_jsx("div", {

package/bpk-component-mobile-scroll-container/src/BpkMobileScrollContainer.js

@@ -19,7 +19,7 @@
 import { Component } from 'react';
 import debounce from 'lodash/debounce';
 import { cssModules, isRTL } from "../../bpk-react-utils";
-import * as STYLES from "./BpkMobileScrollContainer.module.css";
+import STYLES from "./BpkMobileScrollContainer.module.css";
 import { jsx as _jsx } from "react/jsx-runtime";
 const getClassName = cssModules(STYLES);
 const computeScrollBarAwareHeight = (scrollerEl, innerEl) => {

package/bpk-component-modal/src/BpkModal.js

@@ -19,7 +19,7 @@
 import { Portal, cssModules, isDeviceIphone } from "../../bpk-react-utils";
 import { withScrim } from "../../bpk-scrim-utils";
 import BpkModalInner, { MODAL_STYLING } from "./BpkModalInner";
-import * as STYLES from "./BpkModal.module.css";
+import STYLES from "./BpkModal.module.css";
 import { jsx as _jsx } from "react/jsx-runtime";
 const getClassName = cssModules(STYLES);
 const ScrimBpkModalInner = withScrim(BpkModalInner);

package/bpk-component-modal/src/BpkModalInner.js

@@ -22,7 +22,7 @@ import BpkCloseButton from "../../bpk-component-close-button";
 import { BpkButtonLink } from "../../bpk-component-link";
 import BpkNavigationBar, { BAR_STYLES } from "../../bpk-component-navigation-bar";
 import { TransitionInitialMount, cssModules } from "../../bpk-react-utils";
-import * as STYLES from "./BpkModalInner.module.css";
+import STYLES from "./BpkModalInner.module.css";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const getClassName = cssModules(STYLES);
 export const MODAL_STYLING = {

package/bpk-component-modal/src/BpkModalV2/BpkModal.js

@@ -23,7 +23,7 @@ import BpkCloseButton from "../../../bpk-component-close-button";
 import BpkText, { TEXT_STYLES } from "../../../bpk-component-text";
 import { cssModules, withDefaultProps } from "../../../bpk-react-utils";
 import { MODAL_STYLING } from "../BpkModalInner";
-import * as STYLES from "./BpKModal.module.css";
+import STYLES from "./BpKModal.module.css";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const getClassName = cssModules(STYLES);
 const Header = ({

package/bpk-component-navigation-bar/src/BpkNavigationBar.js

@@ -18,7 +18,7 @@
 
 import BpkText, { TEXT_STYLES } from "../../bpk-component-text";
 import { cssModules } from "../../bpk-react-utils";
-import * as STYLES from "./BpkNavigationBar.module.css";
+import STYLES from "./BpkNavigationBar.module.css";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const getClassNames = cssModules(STYLES);
 export const BAR_STYLES = {

package/bpk-component-navigation-tab-group/src/BpkNavigationTabGroup.js

@@ -19,7 +19,7 @@
 import { useState } from 'react';
 import BpkText, { TEXT_STYLES } from "../../bpk-component-text";
 import { cssModules } from "../../bpk-react-utils";
-import * as STYLES from "./BpkNavigationTabGroup.module.css";
+import STYLES from "./BpkNavigationTabGroup.module.css";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 const getClassName = cssModules(STYLES);
 export const NAVIGATION_TAB_GROUP_TYPES = {

package/bpk-component-nudger/src/BpkNudger.js

@@ -25,7 +25,7 @@ import PlusIcon from "../../bpk-component-icon/sm/plus";
 import BpkLabel from "../../bpk-component-label";
 import BpkText, { TEXT_STYLES } from "../../bpk-component-text";
 import { cssModules, setNativeValue } from "../../bpk-react-utils";
-import * as STYLES from "./BpkNudger.module.css";
+import STYLES from "./BpkNudger.module.css";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const getClassName = cssModules(STYLES);
 const compareValues = (a, b) => a - b;

package/bpk-component-overlay/src/BpkOverlay.js

@@ -17,7 +17,7 @@
  */
 
 import { cssModules } from "../../bpk-react-utils";
-import * as STYLES from "./BpkOverlay.module.css";
+import STYLES from "./BpkOverlay.module.css";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const getClassName = cssModules(STYLES);
 export const OVERLAY_TYPES = {

package/bpk-component-page-indicator/src/BpkPageIndicator.js

@@ -17,7 +17,7 @@
  */import PropTypes from 'prop-types';
 import { cssModules } from "../../bpk-react-utils";
 import NavButton, { DIRECTIONS } from "./NavButton";
-import * as STYLES from "./BpkPageIndicator.module.css";
+import STYLES from "./BpkPageIndicator.module.css";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const getClassName = cssModules(STYLES);
 const DISPLAYED_TOTAL = 5;

package/bpk-component-pagination/src/BpkPagination.js

@@ -20,7 +20,7 @@ import PropTypes from 'prop-types';
 import { cssModules } from "../../bpk-react-utils";
 import BpkPaginationList from "./BpkPaginationList";
 import BpkPaginationNudger from "./BpkPaginationNudger";
-import * as STYLES from "./BpkPagination.module.css";
+import STYLES from "./BpkPagination.module.css";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const getClassName = cssModules(STYLES);
 const handlePageChange = (onPageChange, pageCount) => nextPageIndex => {

package/bpk-component-pagination/src/BpkPaginationList.js

@@ -20,7 +20,7 @@ import PropTypes from 'prop-types';
 import { cssModules } from "../../bpk-react-utils";
 import BpkPaginationBreak from "./BpkPaginationBreak";
 import BpkPaginationPage from "./BpkPaginationPage";
-import * as STYLES from "./BpkPaginationList.module.css";
+import STYLES from "./BpkPaginationList.module.css";
 import { jsx as _jsx } from "react/jsx-runtime";
 const getClassName = cssModules(STYLES);
 const BpkPaginationList = props => {

package/bpk-component-pagination/src/BpkPaginationNudger.js

@@ -22,7 +22,7 @@ import { withRtlSupport, withButtonAlignment } from "../../bpk-component-icon";
 import ArrowLeftIcon from "../../bpk-component-icon/sm/arrow-left";
 import ArrowRightIcon from "../../bpk-component-icon/sm/arrow-right";
 import { cssModules } from "../../bpk-react-utils";
-import * as STYLES from "./BpkPaginationNudger.module.css";
+import STYLES from "./BpkPaginationNudger.module.css";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const getClassName = cssModules(STYLES);
 const AlignedArrowLeftIcon = withRtlSupport(withButtonAlignment(ArrowLeftIcon));

package/bpk-component-pagination/src/BpkPaginationPage.js

@@ -18,7 +18,7 @@
 
 import PropTypes from 'prop-types';
 import { cssModules } from "../../bpk-react-utils";
-import * as STYLES from "./BpkPaginationPage.module.css";
+import STYLES from "./BpkPaginationPage.module.css";
 import { jsx as _jsx } from "react/jsx-runtime";
 const getClassName = cssModules(STYLES);
 const BpkPaginationPage = props => {

package/bpk-component-panel/src/BpkPanel.js

@@ -18,7 +18,7 @@
 
 import PropTypes from 'prop-types';
 import { cssModules } from "../../bpk-react-utils";
-import * as STYLES from "./BpkPanel.module.css";
+import STYLES from "./BpkPanel.module.css";
 import { jsx as _jsx } from "react/jsx-runtime";
 const getClassName = cssModules(STYLES);
 const BpkPanel = props => {

package/bpk-component-phone-input/src/BpkPhoneInput.js

@@ -19,7 +19,7 @@ import BpkInput, { INPUT_TYPES } from "../../bpk-component-input";
 import BpkLabel from "../../bpk-component-label";
 import BpkSelect from "../../bpk-component-select";
 import { cssModules } from "../../bpk-react-utils";
-import * as STYLES from "./BpkPhoneInput.module.css";
+import STYLES from "./BpkPhoneInput.module.css";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const getClassName = cssModules(STYLES);
 const BpkPhoneInput = props => {

package/bpk-component-popover/src/BpkPopover.js

@@ -27,7 +27,7 @@ import { BpkButtonLink } from "../../bpk-component-link";
 import BpkText, { TEXT_STYLES } from "../../bpk-component-text";
 import { TransitionInitialMount, cssModules } from "../../bpk-react-utils";
 import { ARROW_ID } from "./constants";
-import * as STYLES from "./BpkPopover.module.css";
+import STYLES from "./BpkPopover.module.css";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 const getClassName = cssModules(STYLES);
 const EVENT_SOURCES = {

package/bpk-component-price/src/BpkPrice.js

@@ -18,7 +18,7 @@
 import BpkText, { TEXT_STYLES } from "../../bpk-component-text";
 import { cssModules } from "../../bpk-react-utils";
 import { SIZES, ALIGNS } from "./common-types";
-import * as STYLES from "./BpkPrice.module.css";
+import STYLES from "./BpkPrice.module.css";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const getClassName = cssModules(STYLES);
 const getPriceTextStyle = size => {

package/bpk-component-progress/src/BpkProgress.js

@@ -18,7 +18,7 @@
 import { Component } from 'react';
 import clamp from 'lodash.clamp';
 import { cssModules } from "../../bpk-react-utils";
-import * as STYLES from "./BpkProgress.module.css";
+import STYLES from "./BpkProgress.module.css";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const getClassName = cssModules(STYLES);
 const isTransitionEndSupported = () => !!(typeof window !== 'undefined' && 'TransitionEvent' in window);

package/bpk-component-radio/src/BpkRadio.js

@@ -16,7 +16,7 @@
  * limitations under the License.
  */import PropTypes from 'prop-types';
 import { cssModules } from "../../bpk-react-utils";
-import * as STYLES from "./BpkRadio.module.css";
+import STYLES from "./BpkRadio.module.css";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const getClassName = cssModules(STYLES);
 const BpkRadio = props => {

package/bpk-component-rating/src/BpkRating.js

@@ -21,7 +21,7 @@ import clamp from 'lodash.clamp';
 import BpkText, { TEXT_STYLES } from "../../bpk-component-text";
 import { cssModules } from "../../bpk-react-utils";
 import { RATING_SIZES, RATING_SCALES } from "./common-types";
-import * as STYLES from "./BpkRating.module.css";
+import STYLES from "./BpkRating.module.css";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const getClassName = cssModules(STYLES);
 const getMinValue = () =>

package/bpk-component-scrollable-calendar/src/BpkScrollableCalendarGrid.js

@@ -19,7 +19,7 @@
 import { BpkCalendarGrid } from "../../bpk-component-calendar";
 import BpkText, { TEXT_STYLES } from "../../bpk-component-text";
 import { cssModules } from "../../bpk-react-utils";
-import * as STYLES from "./BpkScrollableCalendarGrid.module.css";
+import STYLES from "./BpkScrollableCalendarGrid.module.css";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const getClassName = cssModules(STYLES);
 const BpkScrollableCalendarGrid = ({

package/bpk-component-scrollable-calendar/src/BpkScrollableCalendarGridList.js

@@ -24,7 +24,7 @@ import { CALENDAR_SELECTION_TYPE, DateUtils } from "../../bpk-component-calendar
 import { cssModules } from "../../bpk-react-utils";
 import BpkScrollableCalendarGrid from "./BpkScrollableCalendarGrid";
 import { getMonthsArray, getMonthItemHeights } from "./utils";
-import * as STYLES from "./BpkScrollableCalendarGridList.module.css";
+import STYLES from "./BpkScrollableCalendarGridList.module.css";
 import { jsx as _jsx } from "react/jsx-runtime";
 const getClassName = cssModules(STYLES);
 

package/bpk-component-section-header/src/BpkSectionHeader.js

@@ -18,7 +18,7 @@
 
 import BpkText from "../../bpk-component-text";
 import { cssModules } from "../../bpk-react-utils";
-import * as STYLES from "./BpkSectionHeader.module.css";
+import STYLES from "./BpkSectionHeader.module.css";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const getClassName = cssModules(STYLES);
 export const SECTION_TYPES = {

package/bpk-component-section-list/src/BpkSectionListItem.js

@@ -18,7 +18,7 @@
 import { withRtlSupport } from "../../bpk-component-icon";
 import BpkLargeChevronRightIcon from "../../bpk-component-icon/lg/chevron-right";
 import { cssModules } from "../../bpk-react-utils";
-import * as STYLES from "./BpkSectionListItem.module.css";
+import STYLES from "./BpkSectionListItem.module.css";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const BpkLargeChevronRightIconWithRtlSupport = withRtlSupport(BpkLargeChevronRightIcon);
 const getClassName = cssModules(STYLES);

package/bpk-component-section-list/src/BpkSectionListSection.js

@@ -18,7 +18,7 @@
 import { Children } from 'react';
 import BpkText, { TEXT_STYLES } from "../../bpk-component-text";
 import { cssModules } from "../../bpk-react-utils";
-import * as STYLES from "./BpkSectionListSection.module.css";
+import STYLES from "./BpkSectionListSection.module.css";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const getClassName = cssModules(STYLES);
 const BpkSectionListSection = props => {

package/bpk-component-segmented-control/src/BpkSegmentedControl.js

@@ -18,7 +18,7 @@
 
 import { useState } from 'react';
 import { cssModules } from "../../bpk-react-utils";
-import * as STYLES from "./BpkSegmentedControl.module.css";
+import STYLES from "./BpkSegmentedControl.module.css";
 import { jsx as _jsx } from "react/jsx-runtime";
 const getClassName = cssModules(STYLES);
 export const SEGMENT_TYPES = {

package/bpk-component-select/src/BpkSelect.js

@@ -17,7 +17,7 @@
  */import PropTypes from 'prop-types';
 import { cloneElement } from 'react';
 import { cssModules } from "../../bpk-react-utils";
-import * as STYLES from "./BpkSelect.module.css";
+import STYLES from "./BpkSelect.module.css";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const getClassName = cssModules(STYLES);
 const BpkSelect = props => {

package/bpk-component-skeleton/src/BpkBaseSkeleton.js

@@ -17,7 +17,7 @@
  */
 
 import { cssModules } from "../../bpk-react-utils";
-import * as STYLES from "./BpkBaseSkeleton.module.css";
+import STYLES from "./BpkBaseSkeleton.module.css";
 import { jsx as _jsx } from "react/jsx-runtime";
 const getClassName = cssModules(STYLES);
 const BpkBaseSkeleton = ({

package/bpk-component-skeleton/src/BpkSkeleton.js

@@ -19,7 +19,7 @@
 import { cssModules } from "../../bpk-react-utils";
 import BpkBaseSkeleton from "./BpkBaseSkeleton";
 import { SKELETON_TYPES, IMAGE_SKELETON_STYLE, SIZE_TYPES } from "./common-types";
-import * as STYLES from "./BpkSkeleton.module.css";
+import STYLES from "./BpkSkeleton.module.css";
 import { jsx as _jsx } from "react/jsx-runtime";
 const getClassName = cssModules(STYLES);
 const BpkSkeleton = props => {

package/bpk-component-skip-link/src/BpkSkipLink.js

@@ -16,7 +16,7 @@
  * limitations under the License.
  */import PropTypes from 'prop-types';
 import { cssModules } from "../../bpk-react-utils";
-import * as STYLES from "./BpkSkipLink.module.css";
+import STYLES from "./BpkSkipLink.module.css";
 import { jsx as _jsx } from "react/jsx-runtime";
 const getClassName = cssModules(STYLES);
 const BpkSkipLink = props => {

package/bpk-component-slider/src/BpkSlider.js

@@ -19,7 +19,7 @@ import { forwardRef, useRef, useEffect } from 'react';
 import { useComposedRefs } from '@radix-ui/react-compose-refs';
 import * as Slider from '@radix-ui/react-slider';
 import { cssModules, isRTL, setNativeValue } from "../../bpk-react-utils";
-import * as STYLES from "./BpkSlider.module.css";
+import STYLES from "./BpkSlider.module.css";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const getClassName = cssModules(STYLES);
 const BpkSlider = ({

package/bpk-component-snippet/src/BpkSnippet.js

@@ -21,7 +21,7 @@ import { BpkButtonV2, BUTTON_TYPES } from "../../bpk-component-button";
 import BpkImage, { BORDER_RADIUS_STYLES, withLazyLoading } from "../../bpk-component-image";
 import BpkText, { TEXT_STYLES } from "../../bpk-component-text/src/BpkText";
 import { cssModules } from "../../bpk-react-utils";
-import * as STYLES from "./BpkSnippet.module.css";
+import STYLES from "./BpkSnippet.module.css";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const getClassName = cssModules(STYLES);
 export const BODY_STYLE = {

package/bpk-component-spinner/src/BpkExtraLargeSpinner.js

@@ -19,7 +19,7 @@
 import { cssModules } from "../../bpk-react-utils";
 import SPINNER_TYPES from "./spinnerTypes";
 import XlSpinner from "./spinners/xl";
-import * as STYLES from "./BpkSpinner.module.css";
+import STYLES from "./BpkSpinner.module.css";
 import { jsx as _jsx } from "react/jsx-runtime";
 const getClassName = cssModules(STYLES);
 const BpkExtraLargeSpinner = ({

package/bpk-component-spinner/src/BpkLargeSpinner.js

@@ -19,7 +19,7 @@
 import { cssModules } from "../../bpk-react-utils";
 import SPINNER_TYPES from "./spinnerTypes";
 import LgSpinner from "./spinners/lg";
-import * as STYLES from "./BpkSpinner.module.css";
+import STYLES from "./BpkSpinner.module.css";
 import { jsx as _jsx } from "react/jsx-runtime";
 const getClassName = cssModules(STYLES);
 const BpkLargeSpinner = ({

package/bpk-component-spinner/src/BpkSpinner.js

@@ -19,7 +19,7 @@
 import { cssModules } from "../../bpk-react-utils";
 import SPINNER_TYPES from "./spinnerTypes";
 import SmSpinner from "./spinners/sm";
-import * as STYLES from "./BpkSpinner.module.css";
+import STYLES from "./BpkSpinner.module.css";
 import { jsx as _jsx } from "react/jsx-runtime";
 const getClassName = cssModules(STYLES);
 const BpkSpinner = ({

package/bpk-component-split-input/src/BpkInputField.js

@@ -19,7 +19,7 @@
 import { PureComponent } from 'react';
 import BpkInput from "../../bpk-component-input";
 import { cssModules } from "../../bpk-react-utils";
-import * as STYLES from "./BpkInputField.module.css";
+import STYLES from "./BpkInputField.module.css";
 import { jsx as _jsx } from "react/jsx-runtime";
 const getClassName = cssModules(STYLES);
 class BpkInputField extends PureComponent {