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/Accordion/Accordion.stories.tsx

@@ -1,18 +1,18 @@
-import type { Meta, StoryObj } from '@storybook/nextjs-vite'
+import type { Meta, StoryObj } from "@storybook/nextjs-vite"
 
-import Accordion from './index'
-import AccordionItem from './AccordionItem/index'
-import { MaterialIcon } from '../Icons/MaterialIcon'
-import { IconName } from '../Icons/iconName'
-import { Typography } from '../Typography'
+import Accordion from "./index"
+import AccordionItem from "./AccordionItem/index"
+import { MaterialIcon } from "../Icons/MaterialIcon"
+import { IconName } from "../Icons/iconName"
+import { Typography } from "../Typography"
 
 const meta: Meta<typeof Accordion> = {
-  title: 'Core Components/Accordion',
+  title: "Core Components/Accordion",
   component: Accordion,
   argTypes: {
     type: {
-      control: 'select',
-      options: ['card', 'sidepeek', 'inline'],
+      control: "select",
+      options: ["card", "sidepeek", "inline"],
     },
   },
 }
@@ -23,7 +23,7 @@ type Story = StoryObj<typeof Accordion>
 
 export const Default: Story = {
   args: {
-    type: 'card',
+    type: "card",
   },
   render: (args) => (
     <Accordion {...args}>
@@ -60,7 +60,7 @@ export const Default: Story = {
 
 export const WithIcons: Story = {
   args: {
-    type: 'card',
+    type: "card",
   },
   render: (args) => (
     <Accordion {...args}>
@@ -106,7 +106,7 @@ export const WithIcons: Story = {
 
 export const WithSubtitle: Story = {
   args: {
-    type: 'card',
+    type: "card",
   },
   render: (args) => (
     <Accordion {...args}>
@@ -140,7 +140,7 @@ export const WithSubtitle: Story = {
 
 export const Inline: Story = {
   args: {
-    type: 'inline',
+    type: "inline",
   },
   render: () => (
     <Accordion type="inline">

packages/design-system/lib/components/Accordion/AccordionItem/index.tsx

@@ -1,23 +1,24 @@
-'use client'
+"use client"
 
-import { type ReactNode, useEffect, useRef } from 'react'
+import { type ReactNode, useEffect, useRef } from "react"
 
-import { IconByIconName } from '../../Icons/IconByIconName'
-import { MaterialIcon } from '../../Icons/MaterialIcon'
+import { IconByIconName } from "../../Icons/IconByIconName"
+import { MaterialIcon } from "../../Icons/MaterialIcon"
 
-import { accordionItemVariants } from './variants'
+import { accordionItemVariants } from "./variants"
 
-import styles from './accordionItem.module.css'
+import styles from "./accordionItem.module.css"
 
-import type { VariantProps } from 'class-variance-authority'
-import type { IconName } from '../../Icons/iconName'
-import { Typography } from '../../Typography'
+import type { VariantProps } from "class-variance-authority"
+import type { IconName } from "../../Icons/iconName"
+import { Typography } from "../../Typography"
 
 export interface AccordionItemProps
-  extends React.HtmlHTMLAttributes<HTMLDetailsElement>,
+  extends
+    React.HtmlHTMLAttributes<HTMLDetailsElement>,
     VariantProps<typeof accordionItemVariants> {
   title: string
-  titleLevel?: 'span' | 'p' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'
+  titleLevel?: "span" | "p" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6"
   iconName?: IconName
   icon?: ReactNode
   subtitle?: string
@@ -31,7 +32,7 @@ export default function AccordionItem({
   icon,
   iconName,
   title,
-  titleLevel = 'p',
+  titleLevel = "p",
   type,
   className,
   subtitle,
@@ -59,17 +60,17 @@ export default function AccordionItem({
       if (details.open) {
         content.style.maxHeight = `${content.scrollHeight}px`
         content.addEventListener(
-          'transitionend',
+          "transitionend",
           () => {
             // Remove maxHeight after transition to allow content to transition multiple times
-            content.style.maxHeight = 'none'
+            content.style.maxHeight = "none"
           },
           { once: true }
         )
 
         onOpen?.()
       } else {
-        content.style.maxHeight = '0'
+        content.style.maxHeight = "0"
       }
     }
   }
@@ -89,11 +90,11 @@ export default function AccordionItem({
       <details ref={detailsRef} onToggle={toggleAccordion}>
         <summary className={styles.summary}>
           {IconComp}
-          {type === 'sidepeek' ? (
+          {type === "sidepeek" ? (
             <Typography variant="Title/Subtitle/md">
               <p className={styles.title}>{title}</p>
             </Typography>
-          ) : type === 'inline' ? (
+          ) : type === "inline" ? (
             <Typography variant="Body/Supporting text (caption)/smBold">
               <p className={styles.title}>{title}</p>
             </Typography>

packages/design-system/lib/components/Accordion/AccordionItem/variants.ts

@@ -1,6 +1,6 @@
-import { cva } from 'class-variance-authority'
+import { cva } from "class-variance-authority"
 
-import styles from './accordionItem.module.css'
+import styles from "./accordionItem.module.css"
 
 export const accordionItemVariants = cva(styles.accordionItem, {
   variants: {
@@ -11,6 +11,6 @@ export const accordionItemVariants = cva(styles.accordionItem, {
     },
   },
   defaultVariants: {
-    type: 'card',
+    type: "card",
   },
 })

packages/design-system/lib/components/Accordion/index.tsx

@@ -1,12 +1,13 @@
-import { Children, cloneElement, isValidElement } from 'react'
+import { Children, cloneElement, isValidElement } from "react"
 
-import type { VariantProps } from 'class-variance-authority'
+import type { VariantProps } from "class-variance-authority"
 
-import type { AccordionItemProps } from './AccordionItem'
-import { accordionVariants } from './variants'
+import type { AccordionItemProps } from "./AccordionItem"
+import { accordionVariants } from "./variants"
 
 interface AccordionProps
-  extends React.HtmlHTMLAttributes<HTMLUListElement>,
+  extends
+    React.HtmlHTMLAttributes<HTMLUListElement>,
     VariantProps<typeof accordionVariants> {}
 
 export default function Accordion({

packages/design-system/lib/components/Accordion/variants.ts

@@ -1,6 +1,6 @@
-import { cva } from 'class-variance-authority'
+import { cva } from "class-variance-authority"
 
-import styles from './accordion.module.css'
+import styles from "./accordion.module.css"
 
 export const accordionVariants = cva(styles.accordion, {
   variants: {
@@ -11,6 +11,6 @@ export const accordionVariants = cva(styles.accordion, {
     },
   },
   defaultVariants: {
-    type: 'card',
+    type: "card",
   },
 })