Merged in feat/SW-3542-update-color-variables-to- (pull request #2970)

feat(SW-3542): Updated the color variables for MVP

Approved-by: Joakim Jäderberg

packages/booking-flow/lib/components/BookingWidget/BookingWidgetForm/FormContent/index.tsx

@@ -7,8 +7,8 @@ import { useIntl } from "react-intl"
 
 import { hotelreservation } from "@scandic-hotels/common/constants/routes/hotelReservation"
 import { dt } from "@scandic-hotels/common/dt"
+import { Button } from "@scandic-hotels/design-system/Button"
 import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
-import { OldDSButton as Button } from "@scandic-hotels/design-system/OldDSButton"
 import SkeletonShimmer from "@scandic-hotels/design-system/SkeletonShimmer"
 import { Typography } from "@scandic-hotels/design-system/Typography"
 import { SEARCH_TYPE_REDEMPTION } from "@scandic-hotels/trpc/constants/booking"
@@ -99,13 +99,7 @@ export default function FormContent({
         </div>
       </div>
       <div className={cx(styles.buttonContainer, styles.showOnTablet)}>
-        <Button
-          className={styles.button}
-          form={formId}
-          intent="primary"
-          theme="base"
-          type="submit"
-        >
+        <Button className={styles.button} form={formId} type="submit">
           <span className={styles.icon}>
             <MaterialIcon icon="search" color="Icon/Inverted" size={28} />
           </span>
@@ -130,10 +124,10 @@ export default function FormContent({
         <Button
           className={styles.button}
           form={formId}
-          intent="primary"
-          theme="base"
+          variant={"Primary"}
+          size={"Medium"}
           type="submit"
-          disabled={isSearching}
+          isDisabled={isSearching}
         >
           <Typography
             variant="Body/Supporting text (caption)/smBold"
@@ -195,13 +189,7 @@ export function BookingWidgetFormContentSkeleton() {
         </div>
       </div>
       <div className={cx(styles.buttonContainer, styles.showOnTablet)}>
-        <Button
-          className={styles.button}
-          intent="primary"
-          theme="base"
-          type="submit"
-          disabled
-        >
+        <Button className={styles.button} type="submit" isDisabled>
           <span className={styles.icon}>
             <MaterialIcon icon="search" color="Icon/Inverted" size={28} />
           </span>
@@ -213,10 +201,10 @@ export function BookingWidgetFormContentSkeleton() {
       <div className={cx(styles.buttonContainer, styles.hideOnTablet)}>
         <Button
           className={styles.button}
-          intent="primary"
-          theme="base"
+          variant={"Primary"}
+          size={"Medium"}
           type="submit"
-          disabled
+          isDisabled
         >
           <Typography
             variant="Body/Supporting text (caption)/smBold"