From 9b50f3f533ff18ee929c26689d41804826aa1a10 Mon Sep 17 00:00:00 2001
From: Madhuri Sandbhor <madhuri.sandbhor@strapi.io>
Date: Fri, 19 Jul 2024 09:41:49 +0200
Subject: [PATCH 1/3] fix: icon button default size updated to small

---
 docs/stories/04-components/IconButton.mdx                | 4 ++--
 docs/stories/04-components/IconButton.stories.tsx        | 9 ++++-----
 .../src/components/IconButton/IconButton.tsx             | 6 +++---
 3 files changed, 9 insertions(+), 10 deletions(-)

diff --git a/docs/stories/04-components/IconButton.mdx b/docs/stories/04-components/IconButton.mdx
index 96e615e0a..6fb112107 100644
--- a/docs/stories/04-components/IconButton.mdx
+++ b/docs/stories/04-components/IconButton.mdx
@@ -45,9 +45,9 @@ variants available. However, `tertiary` is considered the default.
 
 <Canvas of={IconButtonStories.Disabled} />
 
-### Small Size
+### Medium Size
 
-<Canvas of={IconButtonStories.SizeSmall} />
+<Canvas of={IconButtonStories.SizeMedium} />
 
 ### Large Size
 
diff --git a/docs/stories/04-components/IconButton.stories.tsx b/docs/stories/04-components/IconButton.stories.tsx
index 0c0dc2ae7..0bb70af7e 100644
--- a/docs/stories/04-components/IconButton.stories.tsx
+++ b/docs/stories/04-components/IconButton.stories.tsx
@@ -27,7 +27,6 @@ const meta: Meta<IconButtonArgs> = {
     disabled: false,
     label: 'More actions',
     onClick: fn(),
-    size: 'M',
     variant: 'tertiary',
   },
   argTypes: {
@@ -94,22 +93,22 @@ export const Disabled = {
   name: 'disabled',
 } satisfies Story;
 
-export const SizeSmall = {
+export const SizeMedium = {
   args: {
-    size: 'S',
+    size: 'M',
   },
   parameters: {
     docs: {
       source: {
         code: outdent`
-          <IconButton size="S" label="More actions">
+          <IconButton size="M" label="More actions">
             <More />
           </IconButton>
         `,
       },
     },
   },
-  name: 'size small',
+  name: 'size medium',
 } satisfies Story;
 
 export const SizeLarge = {
diff --git a/packages/design-system/src/components/IconButton/IconButton.tsx b/packages/design-system/src/components/IconButton/IconButton.tsx
index 02a5b4328..1b6243c4e 100644
--- a/packages/design-system/src/components/IconButton/IconButton.tsx
+++ b/packages/design-system/src/components/IconButton/IconButton.tsx
@@ -33,7 +33,7 @@ const IconButton = forwardRef(
       children,
       disabled = false,
       onClick,
-      size = 'M',
+      size = 'S',
       variant = 'tertiary',
       withTooltip = true,
       ...restProps
@@ -81,8 +81,8 @@ const IconButtonWrapper = styled<FlexComponent<'button'>>(Flex)<IconButtonWrappe
     switch (props.$size) {
       case 'S': {
         return css`
-          padding-block: 0.6rem;
-          padding-inline: 0.6rem;
+          padding-block: 0.7rem;
+          padding-inline: 0.7rem;
         `;
       }
       case 'M': {

From cb491b8fa9e7751b4cd66b696a804163569c2d3d Mon Sep 17 00:00:00 2001
From: Madhuri Sandbhor <madhuri.sandbhor@strapi.io>
Date: Mon, 22 Jul 2024 17:25:50 +0200
Subject: [PATCH 2/3] fix: changset added

---
 .changeset/quick-pans-occur.md | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 .changeset/quick-pans-occur.md

diff --git a/.changeset/quick-pans-occur.md b/.changeset/quick-pans-occur.md
new file mode 100644
index 000000000..a513da544
--- /dev/null
+++ b/.changeset/quick-pans-occur.md
@@ -0,0 +1,5 @@
+---
+'@strapi/design-system': patch
+---
+
+fix: icon button default size updated to small

From 436ba53e8da80a6de1c0a1a50d030366d5435e8d Mon Sep 17 00:00:00 2001
From: Madhuri Sandbhor <madhuri.sandbhor@strapi.io>
Date: Tue, 23 Jul 2024 15:49:12 +0200
Subject: [PATCH 3/3] fix: field label supports ellipsis now

---
 packages/design-system/src/components/Field/Field.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/design-system/src/components/Field/Field.tsx b/packages/design-system/src/components/Field/Field.tsx
index fd6eb9a17..dde5d0df4 100644
--- a/packages/design-system/src/components/Field/Field.tsx
+++ b/packages/design-system/src/components/Field/Field.tsx
@@ -90,6 +90,7 @@ const Label = React.forwardRef<HTMLLabelElement, LabelProps>(({ children, action
       id={`${id}-label`}
       htmlFor={id}
       tag="label"
+      ellipsis
     >
       {children}
       {required && (