From 9adcc572f6cd99e281cd70a053cd6c7b42fa9159 Mon Sep 17 00:00:00 2001
From: Charles de Dreuille <charles.dedreuille@gmail.com>
Date: Tue, 3 Feb 2026 09:52:38 +0000
Subject: [PATCH] Update Prettier

Signed-off-by: Charles de Dreuille <charles.dedreuille@gmail.com>
---
 docs-ui/src/components/PropsTable/PropsTable.tsx    |  9 +++------
 .../src/components/PropsTable/SpacingGroupRow.tsx   | 13 ++++++++++---
 2 files changed, 13 insertions(+), 9 deletions(-)

diff --git a/docs-ui/src/components/PropsTable/PropsTable.tsx b/docs-ui/src/components/PropsTable/PropsTable.tsx
index 39ffb9f6b0..a8af2ad116 100644
--- a/docs-ui/src/components/PropsTable/PropsTable.tsx
+++ b/docs-ui/src/components/PropsTable/PropsTable.tsx
@@ -39,10 +39,8 @@ export const PropsTable = <T extends Record<string, PropData>>({
   data: T;
   columns?: ColumnConfig[];
 }) => {
-
   if (!data) return null;
 
-
   const renderCell = (
     propName: string,
     propData: PropData,
@@ -63,10 +61,9 @@ export const PropsTable = <T extends Record<string, PropData>>({
             {propData.type === 'number' && <Chip>number</Chip>}
             {propData.type === 'boolean' && <Chip>boolean</Chip>}
             {propData.type === 'enum' && enumValues}
-            {propData.type === 'spacing' &&
-              Array.isArray(propData.values) && (
-                <SpacingPopup values={propData.values} />
-              )}
+            {propData.type === 'spacing' && Array.isArray(propData.values) && (
+              <SpacingPopup values={propData.values} />
+            )}
             {propData.type === 'complex' && propData.complexType && (
               <TypePopup
                 complexType={propData.complexType}
diff --git a/docs-ui/src/components/PropsTable/SpacingGroupRow.tsx b/docs-ui/src/components/PropsTable/SpacingGroupRow.tsx
index 416ac2ae4f..b3cc8de26d 100644
--- a/docs-ui/src/components/PropsTable/SpacingGroupRow.tsx
+++ b/docs-ui/src/components/PropsTable/SpacingGroupRow.tsx
@@ -22,8 +22,12 @@ export const SpacingGroupRow = ({
   const [isExpanded, setIsExpanded] = useState(false);
 
   // Separate padding and margin props
-  const paddingProps = spacingGroup.props.filter(prop => prop.name.startsWith('p'));
-  const marginProps = spacingGroup.props.filter(prop => prop.name.startsWith('m'));
+  const paddingProps = spacingGroup.props.filter(prop =>
+    prop.name.startsWith('p'),
+  );
+  const marginProps = spacingGroup.props.filter(prop =>
+    prop.name.startsWith('m'),
+  );
 
   const renderCell = (columnKey: string) => {
     switch (columnKey) {
@@ -35,7 +39,10 @@ export const SpacingGroupRow = ({
             aria-expanded={isExpanded}
           >
             <span className={styles.propName}>
-              Spacing props <span className={styles.count}>({spacingGroup.props.length})</span>
+              Spacing props{' '}
+              <span className={styles.count}>
+                ({spacingGroup.props.length})
+              </span>
             </span>
             {isExpanded ? (
               <RiArrowDownSLine className={styles.icon} size={16} />