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/Form/Phone/index.tsx

@@ -1,9 +1,9 @@
-'use client'
-import 'react-international-phone/style.css'
+"use client"
+import "react-international-phone/style.css"
 
-import { useEffect, useMemo } from 'react'
-import { TextField } from 'react-aria-components'
-import { useFormContext, useWatch } from 'react-hook-form'
+import { useEffect, useMemo } from "react"
+import { TextField } from "react-aria-components"
+import { useFormContext, useWatch } from "react-hook-form"
 import {
   buildCountryData,
   CountrySelector,
@@ -12,29 +12,29 @@ import {
   parseCountry,
   type ParsedCountry,
   usePhoneInput,
-} from 'react-international-phone'
+} from "react-international-phone"
 
-import { ErrorMessage } from '../ErrorMessage'
-import { MaterialIcon } from '../../Icons/MaterialIcon'
-import { Input } from '../../Input'
-import { InputLabel } from '../../InputLabel'
+import { ErrorMessage } from "../ErrorMessage"
+import { MaterialIcon } from "../../Icons/MaterialIcon"
+import { Input } from "../../Input"
+import { InputLabel } from "../../InputLabel"
 
-import styles from './phone.module.css'
+import styles from "./phone.module.css"
 
-import type { PhoneProps } from './phone'
-import { Typography } from '../../Typography'
+import type { PhoneProps } from "./phone"
+import { Typography } from "../../Typography"
 
 export default function Phone({
-  ariaLabel = 'Phone number input',
-  className = '',
-  countryLabel = 'Country code',
-  countrySelectorName = 'phoneNumberCC',
+  ariaLabel = "Phone number input",
+  className = "",
+  countryLabel = "Country code",
+  countrySelectorName = "phoneNumberCC",
   countriesWithTranslatedName,
   defaultCountryCode,
   disabled = false,
   errorMessage,
   label,
-  name = 'phoneNumber',
+  name = "phoneNumber",
   placeholder,
   registerOptions = {
     required: true,
@@ -90,7 +90,7 @@ export default function Phone({
         dropdownArrowClassName={styles.arrow}
         flagClassName={styles.flag}
         onSelect={handleSelectCountry}
-        preferredCountries={['de', 'dk', 'fi', 'no', 'se', 'gb']}
+        preferredCountries={["de", "dk", "fi", "no", "se", "gb"]}
         selectedCountry={country.iso2}
         renderButtonWrapper={(props) => (
           <button

packages/design-system/lib/components/Form/Phone/phone.module.css

@@ -90,7 +90,7 @@
   }
 }
 
-.select[aria-expanded='true'] .chevron {
+.select[aria-expanded="true"] .chevron {
   transform: rotate(180deg);
 }
 

packages/design-system/lib/components/Form/Phone/phone.ts

@@ -1,4 +1,4 @@
-import type { RegisterOptions } from 'react-hook-form'
+import type { RegisterOptions } from "react-hook-form"
 
 export interface PhoneProps {
   ariaLabel?: string