Merged in chore/sw-3145-move-skeleton-shimmer (pull request #2509)

chore(SW-3145): Move SkeletonShimmer to design-system

* Move SkeletonShimmer to design-system


Approved-by: Joakim Jäderberg

apps/scandic-web/components/HotelReservation/BookingConfirmation/PaymentDetails/index.tsx

@@ -3,10 +3,10 @@
 import { useIntl } from "react-intl"
 
 import Body from "@scandic-hotels/design-system/Body"
+import SkeletonShimmer from "@scandic-hotels/design-system/SkeletonShimmer"
 
 import { useBookingConfirmationStore } from "@/stores/booking-confirmation"
 
-import SkeletonShimmer from "@/components/SkeletonShimmer"
 import Subtitle from "@/components/TempDesignSystem/Text/Subtitle"
 
 import styles from "./paymentDetails.module.css"

apps/scandic-web/components/HotelReservation/BookingConfirmation/Receipt/Room/RoomSkeletonLoader.tsx

@@ -1,4 +1,4 @@
-import SkeletonShimmer from "@/components/SkeletonShimmer"
+import SkeletonShimmer from "@scandic-hotels/design-system/SkeletonShimmer"
 
 import styles from "./roomSkeletonLoader.module.css"
 

apps/scandic-web/components/HotelReservation/BookingConfirmation/Receipt/TotalPrice/index.tsx

@@ -4,12 +4,12 @@ import { cx } from "class-variance-authority"
 import { useIntl } from "react-intl"
 
 import { Divider } from "@scandic-hotels/design-system/Divider"
+import SkeletonShimmer from "@scandic-hotels/design-system/SkeletonShimmer"
 import { Typography } from "@scandic-hotels/design-system/Typography"
 
 import { useBookingConfirmationStore } from "@/stores/booking-confirmation"
 
 import BookingCodeChip from "@/components/BookingCodeChip"
-import SkeletonShimmer from "@/components/SkeletonShimmer"
 
 import PriceDetails from "../../PriceDetails"
 

apps/scandic-web/components/HotelReservation/BookingConfirmation/Rooms/LinkedReservation/LinkedReservationCardSkeleton.tsx

@@ -1,4 +1,4 @@
-import SkeletonShimmer from "@/components/SkeletonShimmer"
+import SkeletonShimmer from "@scandic-hotels/design-system/SkeletonShimmer"
 
 import styles from "./linkedReservationCardSkeleton.module.css"
 

apps/scandic-web/components/HotelReservation/HotelCard/HotelCardSkeleton.tsx

@@ -1,4 +1,4 @@
-import SkeletonShimmer from "@/components/SkeletonShimmer"
+import SkeletonShimmer from "@scandic-hotels/design-system/SkeletonShimmer"
 
 import styles from "./HotelCardSkeleton.module.css"
 

apps/scandic-web/components/HotelReservation/MyStay/PriceType/Cheques.tsx

@@ -2,9 +2,9 @@
 import { useIntl } from "react-intl"
 
 import { CurrencyEnum } from "@scandic-hotels/common/constants/currency"
+import SkeletonShimmer from "@scandic-hotels/design-system/SkeletonShimmer"
 import { Typography } from "@scandic-hotels/design-system/Typography"
 
-import SkeletonShimmer from "@/components/SkeletonShimmer"
 import { formatPrice } from "@/utils/numberFormatting"
 
 export default function Cheques({

apps/scandic-web/components/HotelReservation/MyStay/PriceType/Points.tsx

@@ -2,9 +2,9 @@
 import { useIntl } from "react-intl"
 
 import { CurrencyEnum } from "@scandic-hotels/common/constants/currency"
+import SkeletonShimmer from "@scandic-hotels/design-system/SkeletonShimmer"
 import { Typography } from "@scandic-hotels/design-system/Typography"
 
-import SkeletonShimmer from "@/components/SkeletonShimmer"
 import { formatPrice } from "@/utils/numberFormatting"
 
 export default function Points({

apps/scandic-web/components/HotelReservation/MyStay/PriceType/Vouchers.tsx

@@ -1,9 +1,9 @@
 "use client"
 import { useIntl } from "react-intl"
 
+import SkeletonShimmer from "@scandic-hotels/design-system/SkeletonShimmer"
 import { Typography } from "@scandic-hotels/design-system/Typography"
 
-import SkeletonShimmer from "@/components/SkeletonShimmer"
 import { formatPrice } from "@/utils/numberFormatting"
 
 import type { CurrencyEnum } from "@scandic-hotels/common/constants/currency"

apps/scandic-web/components/HotelReservation/MyStay/Rooms/SingleRoom/index.tsx

@@ -1,12 +1,12 @@
 "use client"
 
+import SkeletonShimmer from "@scandic-hotels/design-system/SkeletonShimmer"
 import { Typography } from "@scandic-hotels/design-system/Typography"
 
 import { useMyStayStore } from "@/stores/my-stay"
 
 import GuestDetails from "@/components/HotelReservation/MyStay/GuestDetails"
 import PriceDetails from "@/components/HotelReservation/MyStay/PriceDetails"
-import SkeletonShimmer from "@/components/SkeletonShimmer"
 
 import BookingInformation from "./BookingInformation"
 import Details from "./Details"

apps/scandic-web/components/HotelReservation/MyStay/myStaySkeleton.tsx

@@ -1,6 +1,6 @@
 "use client"
 
-import SkeletonShimmer from "@/components/SkeletonShimmer"
+import SkeletonShimmer from "@scandic-hotels/design-system/SkeletonShimmer"
 
 import styles from "./myStay.module.css"
 

apps/scandic-web/components/HotelReservation/RoomCardSkeleton/RoomCardSkeleton.tsx

@@ -1,4 +1,4 @@
-import SkeletonShimmer from "@/components/SkeletonShimmer"
+import SkeletonShimmer from "@scandic-hotels/design-system/SkeletonShimmer"
 
 import styles from "./RoomCardSkeleton.module.css"
 

apps/scandic-web/components/HotelReservation/SelectHotel/SelectHotelMap/SelectHotelMapContainerSkeleton.tsx

@@ -1,5 +1,6 @@
+import SkeletonShimmer from "@scandic-hotels/design-system/SkeletonShimmer"
+
 import { RoomCardSkeleton } from "@/components/HotelReservation/RoomCardSkeleton/RoomCardSkeleton"
-import SkeletonShimmer from "@/components/SkeletonShimmer"
 
 import styles from "./SelectHotelMapContainerSkeleton.module.css"
 

apps/scandic-web/components/HotelReservation/SelectHotel/SelectHotelSkeleton.tsx

@@ -1,4 +1,4 @@
-import SkeletonShimmer from "@/components/SkeletonShimmer"
+import SkeletonShimmer from "@scandic-hotels/design-system/SkeletonShimmer"
 
 import { HotelCardSkeleton } from "../HotelCard/HotelCardSkeleton"
 

apps/scandic-web/components/HotelReservation/SelectRate/HotelInfoCard/index.tsx

@@ -1,10 +1,10 @@
 import { dt } from "@scandic-hotels/common/dt"
 import { Divider } from "@scandic-hotels/design-system/Divider"
+import SkeletonShimmer from "@scandic-hotels/design-system/SkeletonShimmer"
 import { Typography } from "@scandic-hotels/design-system/Typography"
 
 import { FacilityToIcon } from "@/components/ContentType/HotelPage/data"
 import ImageGallery from "@/components/ImageGallery"
-import SkeletonShimmer from "@/components/SkeletonShimmer"
 import Alert from "@/components/TempDesignSystem/Alert"
 import { getIntl } from "@/i18n"
 import { mapApiImagesToGalleryImages } from "@/utils/imageGallery"

apps/scandic-web/components/HotelReservation/SelectRate/RoomsContainer/Rooms/RoomsList/RoomListItem/Rates/index.tsx

@@ -4,10 +4,10 @@ import { useSession } from "next-auth/react"
 
 import { dt } from "@scandic-hotels/common/dt"
 import { Divider } from "@scandic-hotels/design-system/Divider"
+import SkeletonShimmer from "@scandic-hotels/design-system/SkeletonShimmer"
 
 import { useRatesStore } from "@/stores/select-rate"
 
-import SkeletonShimmer from "@/components/SkeletonShimmer"
 import { useRoomContext } from "@/contexts/SelectRate/Room"
 import { isValidClientSession } from "@/utils/clientSession"