Merged in fix/3697-prettier-configs (pull request #3396)

fix(SW-3691): Setup one prettier config for whole repo

* Setup prettierrc in root and remove other configs


Approved-by: Joakim Jäderberg
Approved-by: Linus Flood

packages/design-system/lib/components/RateCard/Modal/index.tsx

@@ -1,26 +1,26 @@
-'use client'
+"use client"
 
-import { AnimatePresence, motion } from 'motion/react'
-import { type PropsWithChildren, useEffect, useState } from 'react'
+import { AnimatePresence, motion } from "motion/react"
+import { type PropsWithChildren, useEffect, useState } from "react"
 import {
   Modal as AriaModal,
   Dialog,
   DialogTrigger,
   ModalOverlay,
-} from 'react-aria-components'
+} from "react-aria-components"
 
 import {
   type AnimationState,
   AnimationStateEnum,
   type InnerModalProps,
   type ModalProps,
-} from './modal'
-import { fade, slideInOut } from './motionVariants'
+} from "./modal"
+import { fade, slideInOut } from "./motionVariants"
 
-import { useIntl } from 'react-intl'
-import { IconButton } from '../../IconButton'
-import { Typography } from '../../Typography'
-import styles from './modal.module.css'
+import { useIntl } from "react-intl"
+import { IconButton } from "../../IconButton"
+import { Typography } from "../../Typography"
+import styles from "./modal.module.css"
 
 const MotionOverlay = motion.create(ModalOverlay)
 const MotionModal = motion.create(AriaModal)
@@ -94,8 +94,8 @@ function InnerModal({
                     emphasis
                     onPress={close}
                     aria-label={intl.formatMessage({
-                      id: 'common.close',
-                      defaultMessage: 'Close',
+                      id: "common.close",
+                      defaultMessage: "Close",
                     })}
                     iconName="close"
                   />
@@ -127,7 +127,7 @@ export default function Modal({
   )
 
   useEffect(() => {
-    if (typeof isOpen === 'boolean') {
+    if (typeof isOpen === "boolean") {
       setAnimation(
         isOpen ? AnimationStateEnum.visible : AnimationStateEnum.hidden
       )

packages/design-system/lib/components/RateCard/Modal/modal.ts

@@ -1,9 +1,9 @@
-import type { Dispatch, JSX, SetStateAction } from 'react'
+import type { Dispatch, JSX, SetStateAction } from "react"
 
 export enum AnimationStateEnum {
-  unmounted = 'unmounted',
-  hidden = 'hidden',
-  visible = 'visible',
+  unmounted = "unmounted",
+  hidden = "hidden",
+  visible = "visible",
 }
 
 export type AnimationState = keyof typeof AnimationStateEnum
@@ -23,7 +23,7 @@ export type ModalProps = {
     }
 )
 
-export type InnerModalProps = Omit<ModalProps, 'trigger'> & {
+export type InnerModalProps = Omit<ModalProps, "trigger"> & {
   animation: AnimationState
   setAnimation: Dispatch<SetStateAction<AnimationState>>
 }

packages/design-system/lib/components/RateCard/Modal/motionVariants.ts

@@ -1,11 +1,11 @@
 export const fade = {
   hidden: {
     opacity: 0,
-    transition: { duration: 0.4, ease: 'easeInOut' },
+    transition: { duration: 0.4, ease: "easeInOut" },
   },
   visible: {
     opacity: 1,
-    transition: { duration: 0.4, ease: 'easeInOut' },
+    transition: { duration: 0.4, ease: "easeInOut" },
   },
 } as const
 
@@ -13,12 +13,12 @@ export const slideInOut = {
   hidden: {
     opacity: 0,
     y: 32,
-    transition: { duration: 0.4, ease: 'easeInOut' },
+    transition: { duration: 0.4, ease: "easeInOut" },
   },
   visible: {
     opacity: 1,
     y: 0,
-    transition: { duration: 0.4, ease: 'easeInOut' },
+    transition: { duration: 0.4, ease: "easeInOut" },
   },
 } as const
 
@@ -26,11 +26,11 @@ export const slideFromTop = {
   hidden: {
     opacity: 0,
     y: -32,
-    transition: { duration: 0.4, ease: 'easeInOut' },
+    transition: { duration: 0.4, ease: "easeInOut" },
   },
   visible: {
     opacity: 1,
     y: 0,
-    transition: { duration: 0.4, ease: 'easeInOut' },
+    transition: { duration: 0.4, ease: "easeInOut" },
   },
 } as const