From 9ee2db796ad24a2e3bee3b99783aa27f42d5b568 Mon Sep 17 00:00:00 2001
From: adids1221 <adids1221@gmail.com>
Date: Mon, 28 Apr 2025 15:14:01 +0300
Subject: [PATCH 1/3] Enhance note display in PropsList with improved note
 section styling and formatting

---
 .../src/components/pageComponents/PropsList.tsx  | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/docuilib/src/components/pageComponents/PropsList.tsx b/docuilib/src/components/pageComponents/PropsList.tsx
index 94ca132a2d..5980e65902 100644
--- a/docuilib/src/components/pageComponents/PropsList.tsx
+++ b/docuilib/src/components/pageComponents/PropsList.tsx
@@ -73,7 +73,21 @@ export const PropsList = ({props}) => {
             {defaultValue}
           </span>
           {prop.note && (
-            <span key={`${props.name}-note`} style={{display: 'block', marginBottom: 28, fontSize: '16px', fontWeight: '700'}}>{prop.note}</span>
+            <span
+              key={`${props.name}-note`}
+              style={{
+                display: 'block',
+                marginBottom: 28,
+                fontFamily: 'monospace',
+                fontSize: '14',
+                fontWeight: '600',
+                backgroundColor: '#D2D6D8',
+                padding: '10px',
+                borderRadius: '4px'
+              }}
+            >
+              {prop.note}
+            </span>
           )}
         </>
       );

From cba40bf0e4034c1e760fba295cf6fd5bdd189f24 Mon Sep 17 00:00:00 2001
From: adids1221 <adids1221@gmail.com>
Date: Mon, 28 Apr 2025 15:29:10 +0300
Subject: [PATCH 2/3] Style change to new guidelines

---
 docuilib/src/components/pageComponents/PropsList.tsx | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/docuilib/src/components/pageComponents/PropsList.tsx b/docuilib/src/components/pageComponents/PropsList.tsx
index 5980e65902..82b7e6642b 100644
--- a/docuilib/src/components/pageComponents/PropsList.tsx
+++ b/docuilib/src/components/pageComponents/PropsList.tsx
@@ -78,12 +78,12 @@ export const PropsList = ({props}) => {
               style={{
                 display: 'block',
                 marginBottom: 28,
-                fontFamily: 'monospace',
-                fontSize: '14',
-                fontWeight: '600',
-                backgroundColor: '#D2D6D8',
-                padding: '10px',
-                borderRadius: '4px'
+                fontSize: '16px',
+                fontWeight: '400',
+                backgroundColor: '#F0F2F5',
+                // padding top/bottom 24px, left/right 40px
+                padding: '24px 40px',
+                borderRadius: '8px'
               }}
             >
               {prop.note}

From 6724cad903f67f7cbc354867f9c0312d36d333ac Mon Sep 17 00:00:00 2001
From: adids1221 <adids1221@gmail.com>
Date: Mon, 28 Apr 2025 15:32:05 +0300
Subject: [PATCH 3/3] remove padding comment

---
 docuilib/src/components/pageComponents/PropsList.tsx | 1 -
 1 file changed, 1 deletion(-)

diff --git a/docuilib/src/components/pageComponents/PropsList.tsx b/docuilib/src/components/pageComponents/PropsList.tsx
index 82b7e6642b..f07781b3c7 100644
--- a/docuilib/src/components/pageComponents/PropsList.tsx
+++ b/docuilib/src/components/pageComponents/PropsList.tsx
@@ -81,7 +81,6 @@ export const PropsList = ({props}) => {
                 fontSize: '16px',
                 fontWeight: '400',
                 backgroundColor: '#F0F2F5',
-                // padding top/bottom 24px, left/right 40px
                 padding: '24px 40px',
                 borderRadius: '8px'
               }}