From 17e117472e51f2c7e37bf96915bc8ff116051a7c Mon Sep 17 00:00:00 2001
From: Mike Perrotti <mperrotti@github.com>
Date: Mon, 16 Dec 2024 16:05:40 -0500
Subject: [PATCH 01/14] adds 'count' prop to IconButton

---
 .../react/src/Button/ButtonBase.module.css    | 14 ++++++++
 packages/react/src/Button/ButtonBase.tsx      | 32 +++++++++++++++++--
 .../Button/IconButton.features.stories.tsx    |  2 ++
 packages/react/src/Button/IconButton.tsx      | 11 +++++--
 packages/react/src/Button/types.ts            |  1 +
 5 files changed, 56 insertions(+), 4 deletions(-)

diff --git a/packages/react/src/Button/ButtonBase.module.css b/packages/react/src/Button/ButtonBase.module.css
index af5ef685034..dd279e566df 100644
--- a/packages/react/src/Button/ButtonBase.module.css
+++ b/packages/react/src/Button/ButtonBase.module.css
@@ -85,6 +85,20 @@
     }
   }
 
+  &.IconButton--withCount {
+    width: unset;
+    min-width: var(--control-medium-size);
+    padding-inline: var(--control-small-paddingInline-condensed);
+
+    &:where([data-size='small']) {
+      min-width: var(--control-small-size);
+    }
+
+    &:where([data-size='large']) {
+      min-width: var(--control-large-size);
+    }
+  }
+
   /* LinkButton */
 
   &[href] {
diff --git a/packages/react/src/Button/ButtonBase.tsx b/packages/react/src/Button/ButtonBase.tsx
index d49124a624f..e5fdcfd88b0 100644
--- a/packages/react/src/Button/ButtonBase.tsx
+++ b/packages/react/src/Button/ButtonBase.tsx
@@ -123,7 +123,21 @@ const ButtonBase = forwardRef(
               ) : isElement(Icon) ? (
                 Icon
               ) : (
-                <Icon />
+                <span data-component="buttonContent" data-align={alignContent} className={classes.ButtonContent}>
+                  <Icon />
+                  {count !== undefined
+                    ? renderModuleVisual(
+                        () => (
+                          <CounterLabel className={classes.CounterLabel} data-component="ButtonCounter">
+                            {count}
+                          </CounterLabel>
+                        ),
+                        Boolean(loading) && !LeadingVisual,
+                        'trailingVisual',
+                        true,
+                      )
+                    : null}
+                </span>
               )
             ) : (
               <>
@@ -244,7 +258,21 @@ const ButtonBase = forwardRef(
             ) : isElement(Icon) ? (
               Icon
             ) : (
-              <Icon />
+              <span data-component="buttonContent" data-align={alignContent} className={classes.ButtonContent}>
+                <Icon />
+                {count !== undefined
+                  ? renderModuleVisual(
+                      () => (
+                        <CounterLabel className={classes.CounterLabel} data-component="ButtonCounter">
+                          {count}
+                        </CounterLabel>
+                      ),
+                      Boolean(loading) && !LeadingVisual,
+                      'trailingVisual',
+                      true,
+                    )
+                  : null}
+              </span>
             )
           ) : (
             <>
diff --git a/packages/react/src/Button/IconButton.features.stories.tsx b/packages/react/src/Button/IconButton.features.stories.tsx
index d8db5c4b4c2..c1bf82f57d4 100644
--- a/packages/react/src/Button/IconButton.features.stories.tsx
+++ b/packages/react/src/Button/IconButton.features.stories.tsx
@@ -94,3 +94,5 @@ export const KeybindingHintOnDescription = () => (
 )
 
 export const KeybindingHint = () => <IconButton icon={BoldIcon} aria-label="Bold" keybindingHint="Mod+B" />
+
+export const TrailingCounter = () => <IconButton icon={HeartIcon} aria-label="Favorite" count={42} />
diff --git a/packages/react/src/Button/IconButton.tsx b/packages/react/src/Button/IconButton.tsx
index 4b86ea1bd48..a48836892c3 100644
--- a/packages/react/src/Button/IconButton.tsx
+++ b/packages/react/src/Button/IconButton.tsx
@@ -18,6 +18,7 @@ const IconButton = forwardRef(
       description,
       disabled,
       tooltipDirection,
+      count,
       // This is planned to be a temporary prop until the default tooltip on icon buttons are fully rolled out.
       unsafeDisableTooltip = false,
       keyshortcuts,
@@ -47,12 +48,15 @@ const IconButton = forwardRef(
       return (
         <ButtonBase
           icon={Icon}
-          className={clsx(className, classes.IconButton)}
+          className={clsx(className, classes.IconButton, {
+            [classes['IconButton--withCount']]: count === 0 || Boolean(count),
+          })}
           data-component="IconButton"
           sx={sxStyles}
           type="button"
           aria-label={ariaLabel}
           disabled={disabled}
+          count={count}
           {...props}
           // @ts-expect-error StyledButton wants both Anchor and Button refs
           ref={forwardedRef}
@@ -70,10 +74,13 @@ const IconButton = forwardRef(
         >
           <ButtonBase
             icon={Icon}
-            className={clsx(className, classes.IconButton)}
+            className={clsx(className, classes.IconButton, {
+              [classes['IconButton--withCount']]: count === 0 || Boolean(count),
+            })}
             data-component="IconButton"
             sx={sxStyles}
             type="button"
+            count={count}
             aria-keyshortcuts={keyshortcuts ?? undefined}
             // If description is provided, we will use the tooltip to describe the button, so we need to keep the aria-label to label the button.
             aria-label={description ? ariaLabel : undefined}
diff --git a/packages/react/src/Button/types.ts b/packages/react/src/Button/types.ts
index 6824ae17e69..54892e3fc53 100644
--- a/packages/react/src/Button/types.ts
+++ b/packages/react/src/Button/types.ts
@@ -94,6 +94,7 @@ export type IconButtonProps = ButtonA11yProps & {
   unsafeDisableTooltip?: boolean
   description?: string
   tooltipDirection?: TooltipDirection
+  count?: ButtonProps['count']
   /** @deprecated Use `keybindingHint` instead. */
   keyshortcuts?: string
   keybindingHint?: string

From fe74ed1f303fd853332442f61bf0712c4d41c0bc Mon Sep 17 00:00:00 2001
From: Mike Perrotti <mperrotti@github.com>
Date: Mon, 16 Dec 2024 16:08:41 -0500
Subject: [PATCH 02/14] adds VRT for IconButton with trailing counter

---
 e2e/components/IconButton.test.ts | 34 +++++++++++++++++++++++++++++++
 1 file changed, 34 insertions(+)

diff --git a/e2e/components/IconButton.test.ts b/e2e/components/IconButton.test.ts
index 83b00e325e1..2fbc554995b 100644
--- a/e2e/components/IconButton.test.ts
+++ b/e2e/components/IconButton.test.ts
@@ -371,4 +371,38 @@ test.describe('IconButton', () => {
       })
     }
   })
+
+  test.describe('Trailing Counter', () => {
+    for (const theme of themes) {
+      test.describe(theme, () => {
+        test('default @vrt', async ({page}) => {
+          await visit(page, {
+            id: 'components-iconbutton-features--trailing-counter',
+            globals: {
+              colorScheme: theme,
+            },
+          })
+
+          // Default state
+          expect(await page.screenshot()).toMatchSnapshot(`IconButton.Trailing Counter.${theme}.png`)
+        })
+
+        test('axe @aat', async ({page}) => {
+          await visit(page, {
+            id: 'components-iconbutton-features--trailing-counter',
+            globals: {
+              colorScheme: theme,
+            },
+          })
+          await expect(page).toHaveNoViolations({
+            rules: {
+              'color-contrast': {
+                enabled: theme !== 'dark_dimmed',
+              },
+            },
+          })
+        })
+      })
+    }
+  })
 })

From 6b025a825096cbc2d54f7138f9bf358874f9ef08 Mon Sep 17 00:00:00 2001
From: Mike Perrotti <mperrotti@github.com>
Date: Mon, 16 Dec 2024 16:11:29 -0500
Subject: [PATCH 03/14] updates IconButton component API docs

---
 packages/react/src/Button/IconButton.docs.json | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/packages/react/src/Button/IconButton.docs.json b/packages/react/src/Button/IconButton.docs.json
index 88d7ae75938..d6ed0d42f13 100644
--- a/packages/react/src/Button/IconButton.docs.json
+++ b/packages/react/src/Button/IconButton.docs.json
@@ -51,6 +51,9 @@
     },
     {
       "id": "components-iconbutton-features--keybinding-hint"
+    },
+    {
+      "id": "components-iconbutton-features--trailing-counter"
     }
   ],
   "importPath": "@primer/react",
@@ -117,6 +120,11 @@
       "description": "If `description` is provided, we will use a Tooltip to describe the button. Then `aria-label` is used to label the button.",
       "defaultValue": ""
     },
+    {
+      "name": "count",
+      "type": "number",
+      "description": "For counter buttons, the number to display."
+    },
     {
       "name": "sx",
       "type": "SystemStyleObject"

From 274d9a859faa4970dff76ca1e6c8c4ea879a0522 Mon Sep 17 00:00:00 2001
From: Mike Perrotti <mperrotti@github.com>
Date: Mon, 16 Dec 2024 16:12:25 -0500
Subject: [PATCH 04/14] adds changeset

---
 .changeset/brave-penguins-clap.md | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 .changeset/brave-penguins-clap.md

diff --git a/.changeset/brave-penguins-clap.md b/.changeset/brave-penguins-clap.md
new file mode 100644
index 00000000000..fc4c3e216e7
--- /dev/null
+++ b/.changeset/brave-penguins-clap.md
@@ -0,0 +1,5 @@
+---
+"@primer/react": minor
+---
+
+Adds 'count' prop to IconButton component

From 001bdc81ceaf682980f3ad9551fcb0725c913643 Mon Sep 17 00:00:00 2001
From: mperrotti <mperrotti@users.noreply.github.com>
Date: Mon, 16 Dec 2024 21:24:15 +0000
Subject: [PATCH 05/14] test(vrt): update snapshots

---
 ...on-Trailing-Counter-dark-colorblind-linux.png | Bin 0 -> 5961 bytes
 ...Button-Trailing-Counter-dark-dimmed-linux.png | Bin 0 -> 5864 bytes
 ...Trailing-Counter-dark-high-contrast-linux.png | Bin 0 -> 6112 bytes
 .../IconButton-Trailing-Counter-dark-linux.png   | Bin 0 -> 5961 bytes
 ...on-Trailing-Counter-dark-tritanopia-linux.png | Bin 0 -> 5961 bytes
 ...n-Trailing-Counter-light-colorblind-linux.png | Bin 0 -> 5898 bytes
 ...railing-Counter-light-high-contrast-linux.png | Bin 0 -> 6180 bytes
 .../IconButton-Trailing-Counter-light-linux.png  | Bin 0 -> 5898 bytes
 ...n-Trailing-Counter-light-tritanopia-linux.png | Bin 0 -> 5898 bytes
 9 files changed, 0 insertions(+), 0 deletions(-)
 create mode 100644 .playwright/snapshots/components/IconButton.test.ts-snapshots/IconButton-Trailing-Counter-dark-colorblind-linux.png
 create mode 100644 .playwright/snapshots/components/IconButton.test.ts-snapshots/IconButton-Trailing-Counter-dark-dimmed-linux.png
 create mode 100644 .playwright/snapshots/components/IconButton.test.ts-snapshots/IconButton-Trailing-Counter-dark-high-contrast-linux.png
 create mode 100644 .playwright/snapshots/components/IconButton.test.ts-snapshots/IconButton-Trailing-Counter-dark-linux.png
 create mode 100644 .playwright/snapshots/components/IconButton.test.ts-snapshots/IconButton-Trailing-Counter-dark-tritanopia-linux.png
 create mode 100644 .playwright/snapshots/components/IconButton.test.ts-snapshots/IconButton-Trailing-Counter-light-colorblind-linux.png
 create mode 100644 .playwright/snapshots/components/IconButton.test.ts-snapshots/IconButton-Trailing-Counter-light-high-contrast-linux.png
 create mode 100644 .playwright/snapshots/components/IconButton.test.ts-snapshots/IconButton-Trailing-Counter-light-linux.png
 create mode 100644 .playwright/snapshots/components/IconButton.test.ts-snapshots/IconButton-Trailing-Counter-light-tritanopia-linux.png

diff --git a/.playwright/snapshots/components/IconButton.test.ts-snapshots/IconButton-Trailing-Counter-dark-colorblind-linux.png b/.playwright/snapshots/components/IconButton.test.ts-snapshots/IconButton-Trailing-Counter-dark-colorblind-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..702a092cc1e8c1105458d3970c974a99ee1d80d3
GIT binary patch
literal 5961
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

literal 0
HcmV?d00001

diff --git a/.playwright/snapshots/components/IconButton.test.ts-snapshots/IconButton-Trailing-Counter-dark-dimmed-linux.png b/.playwright/snapshots/components/IconButton.test.ts-snapshots/IconButton-Trailing-Counter-dark-dimmed-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..621282fe9c34681682286ac2c9597158c5fad08a
GIT binary patch
literal 5864
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

literal 0
HcmV?d00001

diff --git a/.playwright/snapshots/components/IconButton.test.ts-snapshots/IconButton-Trailing-Counter-dark-high-contrast-linux.png b/.playwright/snapshots/components/IconButton.test.ts-snapshots/IconButton-Trailing-Counter-dark-high-contrast-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..8c7ee1620e7ec8e8cb91b0c1537d12c2cc9a2505
GIT binary patch
literal 6112
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
L{@zvlzQ6JxQ{k;E

literal 0
HcmV?d00001

diff --git a/.playwright/snapshots/components/IconButton.test.ts-snapshots/IconButton-Trailing-Counter-dark-linux.png b/.playwright/snapshots/components/IconButton.test.ts-snapshots/IconButton-Trailing-Counter-dark-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..702a092cc1e8c1105458d3970c974a99ee1d80d3
GIT binary patch
literal 5961
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

literal 0
HcmV?d00001

diff --git a/.playwright/snapshots/components/IconButton.test.ts-snapshots/IconButton-Trailing-Counter-dark-tritanopia-linux.png b/.playwright/snapshots/components/IconButton.test.ts-snapshots/IconButton-Trailing-Counter-dark-tritanopia-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..702a092cc1e8c1105458d3970c974a99ee1d80d3
GIT binary patch
literal 5961
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

literal 0
HcmV?d00001

diff --git a/.playwright/snapshots/components/IconButton.test.ts-snapshots/IconButton-Trailing-Counter-light-colorblind-linux.png b/.playwright/snapshots/components/IconButton.test.ts-snapshots/IconButton-Trailing-Counter-light-colorblind-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..a38530359c5d8bb5b54831cf08ca60e1b5b58790
GIT binary patch
literal 5898
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

literal 0
HcmV?d00001

diff --git a/.playwright/snapshots/components/IconButton.test.ts-snapshots/IconButton-Trailing-Counter-light-high-contrast-linux.png b/.playwright/snapshots/components/IconButton.test.ts-snapshots/IconButton-Trailing-Counter-light-high-contrast-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..1045fc66a9b4e578be6191b335014c9c92db09be
GIT binary patch
literal 6180
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

literal 0
HcmV?d00001

diff --git a/.playwright/snapshots/components/IconButton.test.ts-snapshots/IconButton-Trailing-Counter-light-linux.png b/.playwright/snapshots/components/IconButton.test.ts-snapshots/IconButton-Trailing-Counter-light-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..a38530359c5d8bb5b54831cf08ca60e1b5b58790
GIT binary patch
literal 5898
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

literal 0
HcmV?d00001

diff --git a/.playwright/snapshots/components/IconButton.test.ts-snapshots/IconButton-Trailing-Counter-light-tritanopia-linux.png b/.playwright/snapshots/components/IconButton.test.ts-snapshots/IconButton-Trailing-Counter-light-tritanopia-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..a38530359c5d8bb5b54831cf08ca60e1b5b58790
GIT binary patch
literal 5898
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

literal 0
HcmV?d00001


From 6dbcecf70085c8f41ecadcdb2ee50326c0a440e5 Mon Sep 17 00:00:00 2001
From: Mike Perrotti <mperrotti@github.com>
Date: Mon, 16 Dec 2024 16:35:03 -0500
Subject: [PATCH 06/14] adds 'count' to IconButton Playground story

---
 packages/react/src/Button/IconButton.stories.tsx | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/packages/react/src/Button/IconButton.stories.tsx b/packages/react/src/Button/IconButton.stories.tsx
index 845fa4b5415..cf0a7cc3c3c 100644
--- a/packages/react/src/Button/IconButton.stories.tsx
+++ b/packages/react/src/Button/IconButton.stories.tsx
@@ -35,6 +35,11 @@ Playground.argTypes = {
     },
     options: ['default', 'primary', 'danger', 'invisible'],
   },
+  count: {
+    control: {
+      type: 'number',
+    },
+  },
   icon: OcticonArgType([EyeClosedIcon, EyeIcon, SearchIcon, XIcon, HeartIcon]),
 }
 Playground.args = {

From f4a26e4aa445af50a50df94167391652403c96d8 Mon Sep 17 00:00:00 2001
From: Mike Perrotti <mperrotti@github.com>
Date: Wed, 18 Dec 2024 16:03:35 -0500
Subject: [PATCH 07/14] addresses feedback to modify component API

---
 .../src/Button/Button.features.stories.tsx    |  8 ++++-
 .../react/src/Button/ButtonBase.module.css    | 28 +++++++--------
 packages/react/src/Button/ButtonBase.tsx      | 34 +++----------------
 .../react/src/Button/IconButton.docs.json     |  8 -----
 packages/react/src/Button/IconButton.tsx      | 11 ++----
 packages/react/src/Button/types.ts            |  1 -
 6 files changed, 27 insertions(+), 63 deletions(-)

diff --git a/packages/react/src/Button/Button.features.stories.tsx b/packages/react/src/Button/Button.features.stories.tsx
index 61bceaafd6f..1688770a928 100644
--- a/packages/react/src/Button/Button.features.stories.tsx
+++ b/packages/react/src/Button/Button.features.stories.tsx
@@ -62,7 +62,13 @@ export const TrailingCounter = () => {
 }
 
 export const TrailingCounterWithNoText = () => {
-  return <Button leadingVisual={CommentIcon} count={3} />
+  return (
+    <>
+      <Button leadingVisual={CommentIcon} count={3} size="small" />
+      <Button leadingVisual={CommentIcon} count={3} />
+      <Button leadingVisual={CommentIcon} count={3} size="large" />
+    </>
+  )
 }
 
 export const TrailingCounterAllVariants = () => {
diff --git a/packages/react/src/Button/ButtonBase.module.css b/packages/react/src/Button/ButtonBase.module.css
index dd279e566df..b1305a7a2d7 100644
--- a/packages/react/src/Button/ButtonBase.module.css
+++ b/packages/react/src/Button/ButtonBase.module.css
@@ -85,20 +85,6 @@
     }
   }
 
-  &.IconButton--withCount {
-    width: unset;
-    min-width: var(--control-medium-size);
-    padding-inline: var(--control-small-paddingInline-condensed);
-
-    &:where([data-size='small']) {
-      min-width: var(--control-small-size);
-    }
-
-    &:where([data-size='large']) {
-      min-width: var(--control-large-size);
-    }
-  }
-
   /* LinkButton */
 
   &[href] {
@@ -519,6 +505,20 @@
       color: inherit !important;
     }
   }
+
+  /* Icon-only + Counter */
+
+  &:where([data-has-count]):has([data-component='leadingVisual']):not(:has([data-component='text'])) {
+    padding-inline: var(--control-medium-paddingInline-condensed);
+
+    &:where([data-size='small']) {
+      padding-inline: var(--control-xsmall-paddingInline-condensed);
+    }
+
+    &:where([data-size='large']) {
+      padding-inline: var(--control-large-paddingInline-normal);
+    }
+  }
 }
 
 .ConditionalWrapper {
diff --git a/packages/react/src/Button/ButtonBase.tsx b/packages/react/src/Button/ButtonBase.tsx
index e5fdcfd88b0..3ef7ae902b1 100644
--- a/packages/react/src/Button/ButtonBase.tsx
+++ b/packages/react/src/Button/ButtonBase.tsx
@@ -105,6 +105,7 @@ const ButtonBase = forwardRef(
             data-size={size}
             data-variant={variant}
             data-label-wrap={labelWrap}
+            data-has-count={count !== undefined ? true : undefined}
             aria-describedby={[loadingAnnouncementID, ariaDescribedBy]
               .filter(descriptionID => Boolean(descriptionID))
               .join(' ')}
@@ -123,21 +124,7 @@ const ButtonBase = forwardRef(
               ) : isElement(Icon) ? (
                 Icon
               ) : (
-                <span data-component="buttonContent" data-align={alignContent} className={classes.ButtonContent}>
-                  <Icon />
-                  {count !== undefined
-                    ? renderModuleVisual(
-                        () => (
-                          <CounterLabel className={classes.CounterLabel} data-component="ButtonCounter">
-                            {count}
-                          </CounterLabel>
-                        ),
-                        Boolean(loading) && !LeadingVisual,
-                        'trailingVisual',
-                        true,
-                      )
-                    : null}
-                </span>
+                <Icon />
               )
             ) : (
               <>
@@ -239,6 +226,7 @@ const ButtonBase = forwardRef(
           data-size={size}
           data-variant={variant}
           data-label-wrap={labelWrap}
+          data-has-count={count !== undefined ? true : undefined}
           aria-describedby={[loadingAnnouncementID, ariaDescribedBy]
             .filter(descriptionID => Boolean(descriptionID))
             .join(' ')}
@@ -258,21 +246,7 @@ const ButtonBase = forwardRef(
             ) : isElement(Icon) ? (
               Icon
             ) : (
-              <span data-component="buttonContent" data-align={alignContent} className={classes.ButtonContent}>
-                <Icon />
-                {count !== undefined
-                  ? renderModuleVisual(
-                      () => (
-                        <CounterLabel className={classes.CounterLabel} data-component="ButtonCounter">
-                          {count}
-                        </CounterLabel>
-                      ),
-                      Boolean(loading) && !LeadingVisual,
-                      'trailingVisual',
-                      true,
-                    )
-                  : null}
-              </span>
+              <Icon />
             )
           ) : (
             <>
diff --git a/packages/react/src/Button/IconButton.docs.json b/packages/react/src/Button/IconButton.docs.json
index d6ed0d42f13..88d7ae75938 100644
--- a/packages/react/src/Button/IconButton.docs.json
+++ b/packages/react/src/Button/IconButton.docs.json
@@ -51,9 +51,6 @@
     },
     {
       "id": "components-iconbutton-features--keybinding-hint"
-    },
-    {
-      "id": "components-iconbutton-features--trailing-counter"
     }
   ],
   "importPath": "@primer/react",
@@ -120,11 +117,6 @@
       "description": "If `description` is provided, we will use a Tooltip to describe the button. Then `aria-label` is used to label the button.",
       "defaultValue": ""
     },
-    {
-      "name": "count",
-      "type": "number",
-      "description": "For counter buttons, the number to display."
-    },
     {
       "name": "sx",
       "type": "SystemStyleObject"
diff --git a/packages/react/src/Button/IconButton.tsx b/packages/react/src/Button/IconButton.tsx
index a48836892c3..4b86ea1bd48 100644
--- a/packages/react/src/Button/IconButton.tsx
+++ b/packages/react/src/Button/IconButton.tsx
@@ -18,7 +18,6 @@ const IconButton = forwardRef(
       description,
       disabled,
       tooltipDirection,
-      count,
       // This is planned to be a temporary prop until the default tooltip on icon buttons are fully rolled out.
       unsafeDisableTooltip = false,
       keyshortcuts,
@@ -48,15 +47,12 @@ const IconButton = forwardRef(
       return (
         <ButtonBase
           icon={Icon}
-          className={clsx(className, classes.IconButton, {
-            [classes['IconButton--withCount']]: count === 0 || Boolean(count),
-          })}
+          className={clsx(className, classes.IconButton)}
           data-component="IconButton"
           sx={sxStyles}
           type="button"
           aria-label={ariaLabel}
           disabled={disabled}
-          count={count}
           {...props}
           // @ts-expect-error StyledButton wants both Anchor and Button refs
           ref={forwardedRef}
@@ -74,13 +70,10 @@ const IconButton = forwardRef(
         >
           <ButtonBase
             icon={Icon}
-            className={clsx(className, classes.IconButton, {
-              [classes['IconButton--withCount']]: count === 0 || Boolean(count),
-            })}
+            className={clsx(className, classes.IconButton)}
             data-component="IconButton"
             sx={sxStyles}
             type="button"
-            count={count}
             aria-keyshortcuts={keyshortcuts ?? undefined}
             // If description is provided, we will use the tooltip to describe the button, so we need to keep the aria-label to label the button.
             aria-label={description ? ariaLabel : undefined}
diff --git a/packages/react/src/Button/types.ts b/packages/react/src/Button/types.ts
index 54892e3fc53..6824ae17e69 100644
--- a/packages/react/src/Button/types.ts
+++ b/packages/react/src/Button/types.ts
@@ -94,7 +94,6 @@ export type IconButtonProps = ButtonA11yProps & {
   unsafeDisableTooltip?: boolean
   description?: string
   tooltipDirection?: TooltipDirection
-  count?: ButtonProps['count']
   /** @deprecated Use `keybindingHint` instead. */
   keyshortcuts?: string
   keybindingHint?: string

From 049d430b224aae3b00ad5f91d51d6fa334f46444 Mon Sep 17 00:00:00 2001
From: Mike Perrotti <mperrotti@github.com>
Date: Wed, 18 Dec 2024 16:05:22 -0500
Subject: [PATCH 08/14] modifies changeset

---
 .changeset/brave-penguins-clap.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.changeset/brave-penguins-clap.md b/.changeset/brave-penguins-clap.md
index fc4c3e216e7..5b111e9c7e8 100644
--- a/.changeset/brave-penguins-clap.md
+++ b/.changeset/brave-penguins-clap.md
@@ -2,4 +2,4 @@
 "@primer/react": minor
 ---
 
-Adds 'count' prop to IconButton component
+Corrects horizontal padding of `<Button>` when the button only contains an icon and a counter label (no button text label).

From bf5f35296e4cc29bca7ae2ff6131ce7d5e4c9f78 Mon Sep 17 00:00:00 2001
From: Mike Perrotti <mperrotti@github.com>
Date: Wed, 18 Dec 2024 16:08:50 -0500
Subject: [PATCH 09/14] reverts new IconButton VRT

---
 e2e/components/IconButton.test.ts             | 34 -------------------
 .../src/Button/Button.features.stories.tsx    | 10 +-----
 2 files changed, 1 insertion(+), 43 deletions(-)

diff --git a/e2e/components/IconButton.test.ts b/e2e/components/IconButton.test.ts
index 2fbc554995b..83b00e325e1 100644
--- a/e2e/components/IconButton.test.ts
+++ b/e2e/components/IconButton.test.ts
@@ -371,38 +371,4 @@ test.describe('IconButton', () => {
       })
     }
   })
-
-  test.describe('Trailing Counter', () => {
-    for (const theme of themes) {
-      test.describe(theme, () => {
-        test('default @vrt', async ({page}) => {
-          await visit(page, {
-            id: 'components-iconbutton-features--trailing-counter',
-            globals: {
-              colorScheme: theme,
-            },
-          })
-
-          // Default state
-          expect(await page.screenshot()).toMatchSnapshot(`IconButton.Trailing Counter.${theme}.png`)
-        })
-
-        test('axe @aat', async ({page}) => {
-          await visit(page, {
-            id: 'components-iconbutton-features--trailing-counter',
-            globals: {
-              colorScheme: theme,
-            },
-          })
-          await expect(page).toHaveNoViolations({
-            rules: {
-              'color-contrast': {
-                enabled: theme !== 'dark_dimmed',
-              },
-            },
-          })
-        })
-      })
-    }
-  })
 })
diff --git a/packages/react/src/Button/Button.features.stories.tsx b/packages/react/src/Button/Button.features.stories.tsx
index 1688770a928..c30314e4ffa 100644
--- a/packages/react/src/Button/Button.features.stories.tsx
+++ b/packages/react/src/Button/Button.features.stories.tsx
@@ -61,15 +61,7 @@ export const TrailingCounter = () => {
   )
 }
 
-export const TrailingCounterWithNoText = () => {
-  return (
-    <>
-      <Button leadingVisual={CommentIcon} count={3} size="small" />
-      <Button leadingVisual={CommentIcon} count={3} />
-      <Button leadingVisual={CommentIcon} count={3} size="large" />
-    </>
-  )
-}
+export const TrailingCounterWithNoText = () => <Button leadingVisual={CommentIcon} count={3} />
 
 export const TrailingCounterAllVariants = () => {
   const [count, setCount] = useState(0)

From 50070c44d40ab47466946110ed88687ca575172b Mon Sep 17 00:00:00 2001
From: Mike Perrotti <mperrotti@github.com>
Date: Wed, 18 Dec 2024 16:10:28 -0500
Subject: [PATCH 10/14] reverts new IconButton stories

---
 packages/react/src/Button/IconButton.features.stories.tsx | 2 --
 packages/react/src/Button/IconButton.stories.tsx          | 5 -----
 2 files changed, 7 deletions(-)

diff --git a/packages/react/src/Button/IconButton.features.stories.tsx b/packages/react/src/Button/IconButton.features.stories.tsx
index c1bf82f57d4..d8db5c4b4c2 100644
--- a/packages/react/src/Button/IconButton.features.stories.tsx
+++ b/packages/react/src/Button/IconButton.features.stories.tsx
@@ -94,5 +94,3 @@ export const KeybindingHintOnDescription = () => (
 )
 
 export const KeybindingHint = () => <IconButton icon={BoldIcon} aria-label="Bold" keybindingHint="Mod+B" />
-
-export const TrailingCounter = () => <IconButton icon={HeartIcon} aria-label="Favorite" count={42} />
diff --git a/packages/react/src/Button/IconButton.stories.tsx b/packages/react/src/Button/IconButton.stories.tsx
index cf0a7cc3c3c..845fa4b5415 100644
--- a/packages/react/src/Button/IconButton.stories.tsx
+++ b/packages/react/src/Button/IconButton.stories.tsx
@@ -35,11 +35,6 @@ Playground.argTypes = {
     },
     options: ['default', 'primary', 'danger', 'invisible'],
   },
-  count: {
-    control: {
-      type: 'number',
-    },
-  },
   icon: OcticonArgType([EyeClosedIcon, EyeIcon, SearchIcon, XIcon, HeartIcon]),
 }
 Playground.args = {

From e46cda0624b37974472c00c5add0b49c47bdb2fd Mon Sep 17 00:00:00 2001
From: mperrotti <mperrotti@users.noreply.github.com>
Date: Wed, 18 Dec 2024 21:18:19 +0000
Subject: [PATCH 11/14] test(vrt): update snapshots

---
 ...Trailing-Counter-dark-colorblind-linux.png | Bin 5961 -> 5087 bytes
 ...ton-Trailing-Counter-dark-dimmed-linux.png | Bin 5864 -> 5078 bytes
 ...iling-Counter-dark-high-contrast-linux.png | Bin 6112 -> 5130 bytes
 ...IconButton-Trailing-Counter-dark-linux.png | Bin 5961 -> 5087 bytes
 ...Trailing-Counter-dark-tritanopia-linux.png | Bin 5961 -> 5087 bytes
 ...railing-Counter-light-colorblind-linux.png | Bin 5898 -> 5161 bytes
 ...ling-Counter-light-high-contrast-linux.png | Bin 6180 -> 5177 bytes
 ...conButton-Trailing-Counter-light-linux.png | Bin 5898 -> 5161 bytes
 ...railing-Counter-light-tritanopia-linux.png | Bin 5898 -> 5161 bytes
 9 files changed, 0 insertions(+), 0 deletions(-)

diff --git a/.playwright/snapshots/components/IconButton.test.ts-snapshots/IconButton-Trailing-Counter-dark-colorblind-linux.png b/.playwright/snapshots/components/IconButton.test.ts-snapshots/IconButton-Trailing-Counter-dark-colorblind-linux.png
index 702a092cc1e8c1105458d3970c974a99ee1d80d3..4023d4fef94c8e5d1aa622b144f8a059fc8eb0c3 100644
GIT binary patch
literal 5087
zcmeHLYfuwc7`@agR1tKX8W9s}AJ`ccuxNu~5)}$qd9*%2NleffQVkd=B9K7hKouXw
z9fxW}FpfHgq5~L_XCNVl$DovqQo+$cNO%M_34tI937hTWwEpba$ItxOy}NtA+5NtA
z&pG$rJ@Z|3_`><i=K}y1ZjT7v3Ba65^Z;%jpikz8N;aX5OWMxxZJ?rS#Y+H|6m1XP
zx;wMP(Dw+s%D^^{D~|cO-|vooalLi^p3n~#_-{G+rLR78@%}|0Bb)om<{rqWM1ENN
z?P%_f2>OADZdMXAY!e|Zecc(kcdCeagQqj^6Pl$m-98?3La1vpH0#AK0GJTAUe<(O
zB&=^C01$eb3&80`762BlG`fIKwyEZTEkD({f)j43o&YS?;sE&c?*mVdW7SzdOqnj+
z%!pF2BM^z=!Ido5ok#eil%^lEG`4E2C;GX0dGch}M945u!;R*pW*<DrU@+3t)9G}2
z`y;5JASyC4Ix4E%gU#EFXwK_UXzU`9g>4a*-=oFH$J1zPm8$XLFdmQZ?d?6K&`e@8
za6ti8bt!PH$OSZ0YYa@I=Wn>8%Oz;^as%<wrKPKUOFeK`u!g+=JPWSDTEa(0PAQ5d
z;)|M;%wxuizRT_aaOE|FJPwD0W`eJ|*U<1)PCHhz&I^F4+~juHYHcZ>$(;&JN=i~a
zlm`QFw|%4T9U%IdFJh5{JyvUB3^8kB2qO}S{HTqluHdn3liW2=J|NG>aYp5?kdKTT
zw8HUHRj-y!x7lnqx8At`gn3!$_BJ8cSQ-xD2pPthbLVzg`ZCnrF??h|9x^yM2$3At
z2igbRu_k<Ap!rQ@j^UY@F0&2$A00oD4ZwiU&ufe^S8Z)7mFi`;Y!lxxlMrBqi`hI~
zS*b8ndq$pMGD^mz4jYS1QZ!lm3zbB>Ug1fa=^?WVjvPiA@QYHVMsC@aLV{$^RGvH`
zhYnZwQukA-j-f*DN@S{9hP@j|LLP_v<XDIONddRhUBHR8pV^i0^^hvF*?i4$C^^~i
zG>+!w{x!Y_F^+bwj;rLoSxv(}Z2+M8(uG!7t9>BPb44_YG+h^LzF3u?h*^pWtM)^&
zWE_HqDGkTQhdTVxvCo-e)T)U&N`i&jn3B5tH7XKv*is9#tE8x;Bq;sWW2ICtZpRg)
zH)$iCzxJRI)}R3R)1)(+e4RA)m6+ZRArcl5ndaiMhAvbwmDDB<<IfjOpL#Cfn<t(;
zdE&`8DHP!zh`BZ&TEQE!D=CuWXbDs=&5hZVzi)$0Bc@4nX}&@O@h1zHtcuRI-9gVY
zL*YtzxKLKYb4)&b_0SD7n}ELfO24e!`#j&+qSb0;_T!A8Yy`H9N$o~9&rD|BVPX6z
z%iQNd#EH>eYS`Gi14HACw-)0CB)YY;Q+^K9#b%M-LWMm!jaO()w**wq<nLvxq_Dy6
zlbMj6tyVp*uT}Hx1$bU<ef`FXVSo<7O~}5MKcny=3a=sk79s8he(E)bdKt-dkm^1{
z>0aM=)?RK-<2lUN4E?iQ=?<IDi$_~o#H_wsP|_zSrza)FIX++J?M)_=`wBYH5y2z{
zcMI5SVj?4rZLz+-z5=%D*<T&TN=p6u4b`ht`F6vuI6vC+cO95Y8rjQ(nV1+Rfr^TX
z(Bd$d3h4M60QA@wybwb|z+Ot76lw0fnql;DpI2P$T|05)wpc9g=qQ8jV-znBrILSt
za3c!CTZhnhg;eE3oqZb!gtulg+}jf?5C|%%(#8~68H_`jq1uU-0gzoKY47P#?`>wz
z!2f4baN_91@!u~goa}M3$H|_5whVV_#;F;nW}KRNw?F;wJA0?4I4#9#DJ?V?+twp*
V4(Ba6i~g1Z+rNnpt=N{3`v+&GOa=e|

literal 5961
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

diff --git a/.playwright/snapshots/components/IconButton.test.ts-snapshots/IconButton-Trailing-Counter-dark-dimmed-linux.png b/.playwright/snapshots/components/IconButton.test.ts-snapshots/IconButton-Trailing-Counter-dark-dimmed-linux.png
index 621282fe9c34681682286ac2c9597158c5fad08a..cbc5bd4aea9a4b69b2fb5ffc27acf00cc907733a 100644
GIT binary patch
literal 5078
zcmeI0X;2eq9L8UyiWP`3b^sNKJw|%a0ii<V+6pK#w%|1&6G>>R(4r7A9Dx9#wG=gC
zw3(qrj?^-gS`gF}2u(sjxkV^qAi$DvC^1nIXhIH>&35evKi0O>kJ*`>eP`eQ%+CA#
zpWn0Z?)d{TQH~q7Yybc_M(>L}1c0p;JHh%j*qybJ{2=UNLp>A~4jPBt6##6y938p)
z2(5B)TE;pi{-k5Myvl=~BWxJoNx<QL<h_;pASobvQ`h0OJ1-om{T=dG9^T=oef4<!
z1_hBF{_eh?i#yXKPQJQ1WJfSR_vkx&KHj~Y7x#t8WDJqE=_@q`@e`O@!a|Ib*mDgi
zMa2?ggQS42Pyiy&(E&K;qzAz1b(Ia+77p8j55MNwfui*p8v$^h^910Hzb`yzjDXsB
zJeu<1AG8q9(!C{~$AhY3wzFfQX$cI6Xtx2-F*{$FwK539@X*jB)$|PnK_X%ycbr@v
zwSRwIO!YBd*3<b2mMsA8$;2V0vV8V*I+aTIn-Fqt;~mzSOeS`}YMM`^QftIwf4%=}
zSRqyKuD540YevjtW4cr0x7ylvZYgzfaY+gG#%A%@?7g}&FLwVy?-PC#i6m0kg)25-
zhQO2a@T^`wf3)W4fJ&7a;)(C>1K_kfOodr{YfNwonyb_6)$$n+00;|})E6S)Q0IE|
zM1yf;G!{bo-egr0c9GB|<VLHsP+o<)Ijkcilk?;P^D>nj)XELb)%TQg1QxbJyDxju
z7Ib6;aCw}H3i@oZD44Dr<g29;iG-#diSi*^p4!F5_0$+C3^}n?4O_aWMENscKBic@
z13mMebh@Im1I}qM){@UoCTECRbdSz%wDdFMNvmQ8lIrUwu&jzgG=t>O6`>lp?rf_x
z&otS5l1?|B?VPz&Y!4YaWg*L5feam&Q6YYaHN#sELplkEBq~IHcxHFDQ!3Re#q~rY
zF-M(F;_HU(PC#xB=~97FN>?WeXc=)D%(r&Qx?yBMF{&0ZG~D>?oVq4qc9yS1HZ^5>
zw!#WqHEboLs|^cl0l*D<s{&PULPCNO?@EDr%ch*_FyR@~&|<=Ud#p9zPqb8$o0=Gp
zuQXK>GUk|+;I^AfOU3s1hNj_E5&$zDgL9VBKoses30krhOo~a@Iu>)W7h-7S+^eow
zTYR}Zbm{I!3QVJ<r7d2g%EQ#vCHO+agIcdfvdB^)%m1K0*9H{Xa?Rn3^-b-+-C9=Y
zMJTK+7t2u0hf3;jqU8~r_<RZ9u>V@zX8qJuaD1cSSFTWVN5i07?#Ut3sL_YRm^I4P
zQbgPR9(47i?f#XR^$5N}ni(TB(}K3#K9fhKKGhUXPfQpe`$%``YpF8ip8A<eRk+l-
zn&ivNRGd%Y6eJfQ<31wufNo447VPFwR^~#HWnac&V)P7Nx?`?dtXhmG8SA{ptMirD
z)rn><Q&TfC!A+6T=I`TC!wSYrd92-Y?FwMLK_Rke7fgXZ<ic!1pt<)uQoE58h!&Lq
zP;@u=7al}_<Ry^VRI?S2;ogwYegIS5?0o(?=$QLCF?Dxmm)<V(bH~+<Dh^(B0HC)s
zv==$<SI)tEbRSxfM_uZ`%of3y^JEg9KNR-u_~~A+o*Wgt>jgrx$;ruz7+2TWp==K(
z)1J@n*Xdjf=CH&wtSQO8rW?D#((82CI(z4hCYXVtjty#SyM@B(*s!)ND8dGG?8xbJ
z3}{U+5Zt`U6A1E^4<CG<X?Wi-s>t*!KZPA>X`Xpbm>t@~K5cGpzTSt?i{j+}KA-+^
zkXZ}=pBI8vN2`wieLG=wkJUX^_x!spxRn_zGgfA-%)I<#-I^5Eq_8H%OOj%lxLKT<
W=lIhre%OC95WOcRvN1gAt3LsHC}FPv

literal 5864
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

diff --git a/.playwright/snapshots/components/IconButton.test.ts-snapshots/IconButton-Trailing-Counter-dark-high-contrast-linux.png b/.playwright/snapshots/components/IconButton.test.ts-snapshots/IconButton-Trailing-Counter-dark-high-contrast-linux.png
index 8c7ee1620e7ec8e8cb91b0c1537d12c2cc9a2505..7b0ffb19e24905c5b71210dc1e7b4631579f7036 100644
GIT binary patch
literal 5130
zcmeI0Sx{3~7{?D~Y^(^up(U-vr0UdYp^dUAF#=VP)UhQFRjH&9np!|CL_}FiLKxej
zwiIaVAgg2?L~1DkA6P=zY(YQ>Ob`W4NF*@{kd2U#J=|W}jt_n4{+NfmoO{oF=YPKY
z{r>md`{l71lIMoa8vp>FN8XN#1;E`1Z(#j%@RfB@y#4UOEi0CE2yn*H3jp{G9Em!3
zJhxUeJ6d)vC$C>0)SI+%%NalltlEhxi**n5y>p}dEw1G|kJ9ZYe%$`r@pM$>j$?Y<
z=>(kDnVR$$Dgt)i5_LU_^8UozEj}uE@60XFD+AG<7a27F9Wjgr+Ktz@rQLW%yvayp
zPb}A(nRSxorur;#(4O0An)Lu!Ao`%r4r}V)JrD*!)a85tE_<5+@ZPF*1Fs$uxr4Vp
z??iyY^_fTjHc2r6Z2R+$mroS;8Wfavai%h1I=!;0x;ozYjXsy*u&~10AgUK8H(3w~
zK%pQtcum8$47&=?SO_~S$(mo9yMiOvh2>`pR5%>2v9WPq`eWmw#VBD~uOFUp1HjkE
zY-Y_Jtswc3!&asWl`~ue#{)GU(Umh%7~}?$PMsp$rmbAc=#)Q9_e<tTI_Q#CW$vm~
zN$>n{bbh%3m00PQ9SA^xkH_jk&6XT-2$9HpkwmzVY8of&;=dXJpcNeus%`1X_<7_C
zu0pyK-(#FCs;X+J+z7zvolCNUw6w(>>pBfFG~cA2nzCP|t%XC>Wj)J|FN8Zu@318_
zMHo`p)+JK-vNlAwD);DPm=F`IPjS$m%_SM#dU891Hrf_PwcD)IDJdyz#`1^<N{l{-
z2VnPUQA<2`xtQvx@sG%rtFJ%OFWj%$%QW`dwf6q5i)Y1cHj_{ndU0{8404imEC`X&
zwQ%z+r`JX|tGNv8<gq3<P`FiAU@sNkY^fFV%yS<Nm6k-;)0wJ~d@Wb0P2fe>3y^H4
z$&bu%N(YbD3sPlwOW1aimO|%Rg%a!dZz1}!`tl44Wr0n^cvKc$UyQ;tG%6}n(>6U`
zM=%WdNGkDmLF$F4!{4%<jub3!P8O+I2Y|xUG~#?I?t{#y!xIwQy&8JA^}!If@4%j}
zb9yO-3OyL1GMC?Dqtn)AOK<ID$;;y&HdD+LJZ3**UK7WmbZDno?9IR5Z;_Aj`ONu9
zY$7jPL!_EWI;QS!iJwxTD0=Jxz?ffv7Ku5~n#`}(2;2J%9}_eBnEdJx1QPx7vk~-z
zC?qz#Th=b*a23^%s#?_o$(lPdnA*mPYoU3x?|Wbdy0=2tP5xBtkUrOeVp-!<(=9AJ
z58gv+Hp?WhU^y+*80@)SYpRDkBXYDNaSswwh`4qgD=9fy(M;!$jftRs_mspi!|-+_
zo8??_tANQj6n$;CrYO{TsS_fRNIT1xbfpVZgR3hmXW$dK9g!&=h(u}#S&Fe%KltJ0
zeHOOCz;eQ&hcNapG{O!^k4js{QWupsoqU%}#)dA<(hCgiH>thB7T8jf#7mhGx`jq|
z_@~DC9<!K78@xxtI+q3Yq>9u{YjST%3s$WJWVq$YBp(5QIPHlJW*hY3e?{6CZI<bC
z&!0cPt2B^6AYj;u&sbn(I%bSUV=P+!Llb9zfqEwPo##QJJn2p*M7Nt^Km`q<_Z0jZ
zGo*^Z51t0#eJ?l~0(ro&Xeqx&%<;-EP2goaZF0!AYWDIX`T}sZtlY={B;HtubuJ<H
zi7kzkc7}Aa;iz(g&61Vu^X(~sl_V!850wfNx3CM;I_xPU8lEJL_Tcg0Y~Fo7MdvWW
z<}$N8WTp3T3$~05NiBM(-OSYW2Nh%Bd^=*+?8<RaU;Cf^>~9;NtK<Lk0&(ThmB)X-
z{BTu|t9o43^Us#-E@oWJxR`M<^Vc8uE~jugh07`a=oG7n;Jpb$%|C^|0slw?M-InC
JaSkP2`UQv=Yaajr

literal 6112
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
L{@zvlzQ6JxQ{k;E

diff --git a/.playwright/snapshots/components/IconButton.test.ts-snapshots/IconButton-Trailing-Counter-dark-linux.png b/.playwright/snapshots/components/IconButton.test.ts-snapshots/IconButton-Trailing-Counter-dark-linux.png
index 702a092cc1e8c1105458d3970c974a99ee1d80d3..4023d4fef94c8e5d1aa622b144f8a059fc8eb0c3 100644
GIT binary patch
literal 5087
zcmeHLYfuwc7`@agR1tKX8W9s}AJ`ccuxNu~5)}$qd9*%2NleffQVkd=B9K7hKouXw
z9fxW}FpfHgq5~L_XCNVl$DovqQo+$cNO%M_34tI937hTWwEpba$ItxOy}NtA+5NtA
z&pG$rJ@Z|3_`><i=K}y1ZjT7v3Ba65^Z;%jpikz8N;aX5OWMxxZJ?rS#Y+H|6m1XP
zx;wMP(Dw+s%D^^{D~|cO-|vooalLi^p3n~#_-{G+rLR78@%}|0Bb)om<{rqWM1ENN
z?P%_f2>OADZdMXAY!e|Zecc(kcdCeagQqj^6Pl$m-98?3La1vpH0#AK0GJTAUe<(O
zB&=^C01$eb3&80`762BlG`fIKwyEZTEkD({f)j43o&YS?;sE&c?*mVdW7SzdOqnj+
z%!pF2BM^z=!Ido5ok#eil%^lEG`4E2C;GX0dGch}M945u!;R*pW*<DrU@+3t)9G}2
z`y;5JASyC4Ix4E%gU#EFXwK_UXzU`9g>4a*-=oFH$J1zPm8$XLFdmQZ?d?6K&`e@8
za6ti8bt!PH$OSZ0YYa@I=Wn>8%Oz;^as%<wrKPKUOFeK`u!g+=JPWSDTEa(0PAQ5d
z;)|M;%wxuizRT_aaOE|FJPwD0W`eJ|*U<1)PCHhz&I^F4+~juHYHcZ>$(;&JN=i~a
zlm`QFw|%4T9U%IdFJh5{JyvUB3^8kB2qO}S{HTqluHdn3liW2=J|NG>aYp5?kdKTT
zw8HUHRj-y!x7lnqx8At`gn3!$_BJ8cSQ-xD2pPthbLVzg`ZCnrF??h|9x^yM2$3At
z2igbRu_k<Ap!rQ@j^UY@F0&2$A00oD4ZwiU&ufe^S8Z)7mFi`;Y!lxxlMrBqi`hI~
zS*b8ndq$pMGD^mz4jYS1QZ!lm3zbB>Ug1fa=^?WVjvPiA@QYHVMsC@aLV{$^RGvH`
zhYnZwQukA-j-f*DN@S{9hP@j|LLP_v<XDIONddRhUBHR8pV^i0^^hvF*?i4$C^^~i
zG>+!w{x!Y_F^+bwj;rLoSxv(}Z2+M8(uG!7t9>BPb44_YG+h^LzF3u?h*^pWtM)^&
zWE_HqDGkTQhdTVxvCo-e)T)U&N`i&jn3B5tH7XKv*is9#tE8x;Bq;sWW2ICtZpRg)
zH)$iCzxJRI)}R3R)1)(+e4RA)m6+ZRArcl5ndaiMhAvbwmDDB<<IfjOpL#Cfn<t(;
zdE&`8DHP!zh`BZ&TEQE!D=CuWXbDs=&5hZVzi)$0Bc@4nX}&@O@h1zHtcuRI-9gVY
zL*YtzxKLKYb4)&b_0SD7n}ELfO24e!`#j&+qSb0;_T!A8Yy`H9N$o~9&rD|BVPX6z
z%iQNd#EH>eYS`Gi14HACw-)0CB)YY;Q+^K9#b%M-LWMm!jaO()w**wq<nLvxq_Dy6
zlbMj6tyVp*uT}Hx1$bU<ef`FXVSo<7O~}5MKcny=3a=sk79s8he(E)bdKt-dkm^1{
z>0aM=)?RK-<2lUN4E?iQ=?<IDi$_~o#H_wsP|_zSrza)FIX++J?M)_=`wBYH5y2z{
zcMI5SVj?4rZLz+-z5=%D*<T&TN=p6u4b`ht`F6vuI6vC+cO95Y8rjQ(nV1+Rfr^TX
z(Bd$d3h4M60QA@wybwb|z+Ot76lw0fnql;DpI2P$T|05)wpc9g=qQ8jV-znBrILSt
za3c!CTZhnhg;eE3oqZb!gtulg+}jf?5C|%%(#8~68H_`jq1uU-0gzoKY47P#?`>wz
z!2f4baN_91@!u~goa}M3$H|_5whVV_#;F;nW}KRNw?F;wJA0?4I4#9#DJ?V?+twp*
V4(Ba6i~g1Z+rNnpt=N{3`v+&GOa=e|

literal 5961
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

diff --git a/.playwright/snapshots/components/IconButton.test.ts-snapshots/IconButton-Trailing-Counter-dark-tritanopia-linux.png b/.playwright/snapshots/components/IconButton.test.ts-snapshots/IconButton-Trailing-Counter-dark-tritanopia-linux.png
index 702a092cc1e8c1105458d3970c974a99ee1d80d3..4023d4fef94c8e5d1aa622b144f8a059fc8eb0c3 100644
GIT binary patch
literal 5087
zcmeHLYfuwc7`@agR1tKX8W9s}AJ`ccuxNu~5)}$qd9*%2NleffQVkd=B9K7hKouXw
z9fxW}FpfHgq5~L_XCNVl$DovqQo+$cNO%M_34tI937hTWwEpba$ItxOy}NtA+5NtA
z&pG$rJ@Z|3_`><i=K}y1ZjT7v3Ba65^Z;%jpikz8N;aX5OWMxxZJ?rS#Y+H|6m1XP
zx;wMP(Dw+s%D^^{D~|cO-|vooalLi^p3n~#_-{G+rLR78@%}|0Bb)om<{rqWM1ENN
z?P%_f2>OADZdMXAY!e|Zecc(kcdCeagQqj^6Pl$m-98?3La1vpH0#AK0GJTAUe<(O
zB&=^C01$eb3&80`762BlG`fIKwyEZTEkD({f)j43o&YS?;sE&c?*mVdW7SzdOqnj+
z%!pF2BM^z=!Ido5ok#eil%^lEG`4E2C;GX0dGch}M945u!;R*pW*<DrU@+3t)9G}2
z`y;5JASyC4Ix4E%gU#EFXwK_UXzU`9g>4a*-=oFH$J1zPm8$XLFdmQZ?d?6K&`e@8
za6ti8bt!PH$OSZ0YYa@I=Wn>8%Oz;^as%<wrKPKUOFeK`u!g+=JPWSDTEa(0PAQ5d
z;)|M;%wxuizRT_aaOE|FJPwD0W`eJ|*U<1)PCHhz&I^F4+~juHYHcZ>$(;&JN=i~a
zlm`QFw|%4T9U%IdFJh5{JyvUB3^8kB2qO}S{HTqluHdn3liW2=J|NG>aYp5?kdKTT
zw8HUHRj-y!x7lnqx8At`gn3!$_BJ8cSQ-xD2pPthbLVzg`ZCnrF??h|9x^yM2$3At
z2igbRu_k<Ap!rQ@j^UY@F0&2$A00oD4ZwiU&ufe^S8Z)7mFi`;Y!lxxlMrBqi`hI~
zS*b8ndq$pMGD^mz4jYS1QZ!lm3zbB>Ug1fa=^?WVjvPiA@QYHVMsC@aLV{$^RGvH`
zhYnZwQukA-j-f*DN@S{9hP@j|LLP_v<XDIONddRhUBHR8pV^i0^^hvF*?i4$C^^~i
zG>+!w{x!Y_F^+bwj;rLoSxv(}Z2+M8(uG!7t9>BPb44_YG+h^LzF3u?h*^pWtM)^&
zWE_HqDGkTQhdTVxvCo-e)T)U&N`i&jn3B5tH7XKv*is9#tE8x;Bq;sWW2ICtZpRg)
zH)$iCzxJRI)}R3R)1)(+e4RA)m6+ZRArcl5ndaiMhAvbwmDDB<<IfjOpL#Cfn<t(;
zdE&`8DHP!zh`BZ&TEQE!D=CuWXbDs=&5hZVzi)$0Bc@4nX}&@O@h1zHtcuRI-9gVY
zL*YtzxKLKYb4)&b_0SD7n}ELfO24e!`#j&+qSb0;_T!A8Yy`H9N$o~9&rD|BVPX6z
z%iQNd#EH>eYS`Gi14HACw-)0CB)YY;Q+^K9#b%M-LWMm!jaO()w**wq<nLvxq_Dy6
zlbMj6tyVp*uT}Hx1$bU<ef`FXVSo<7O~}5MKcny=3a=sk79s8he(E)bdKt-dkm^1{
z>0aM=)?RK-<2lUN4E?iQ=?<IDi$_~o#H_wsP|_zSrza)FIX++J?M)_=`wBYH5y2z{
zcMI5SVj?4rZLz+-z5=%D*<T&TN=p6u4b`ht`F6vuI6vC+cO95Y8rjQ(nV1+Rfr^TX
z(Bd$d3h4M60QA@wybwb|z+Ot76lw0fnql;DpI2P$T|05)wpc9g=qQ8jV-znBrILSt
za3c!CTZhnhg;eE3oqZb!gtulg+}jf?5C|%%(#8~68H_`jq1uU-0gzoKY47P#?`>wz
z!2f4baN_91@!u~goa}M3$H|_5whVV_#;F;nW}KRNw?F;wJA0?4I4#9#DJ?V?+twp*
V4(Ba6i~g1Z+rNnpt=N{3`v+&GOa=e|

literal 5961
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

diff --git a/.playwright/snapshots/components/IconButton.test.ts-snapshots/IconButton-Trailing-Counter-light-colorblind-linux.png b/.playwright/snapshots/components/IconButton.test.ts-snapshots/IconButton-Trailing-Counter-light-colorblind-linux.png
index a38530359c5d8bb5b54831cf08ca60e1b5b58790..575e8cfc823ef0ed072a87e644cdf6ebfb62d022 100644
GIT binary patch
literal 5161
zcmeI0drVVT9LEo!U~B;=F0caa9*M-Mzz{(ZTBj^XnCQfbP@pU*s34Uwo&~Bf1V@k%
zGFW*v1O*M!1`&jmKCobw7MKnO($Wg$Q64RnLLc;Tcg<dZEzV_s_K$mSa?d&U{O&j3
z&-a{rZ=DVevfYl_4gjzXJ`s2Z0IPNQ0NX6#J6i)8e(=R2^-Rz)KpS#d0Kh>S9QgU!
z%v$**R5GK9<|rw3%t@w@pL_CNb>^6Lc7Xe>;I=CVV~g|iPj9(<$2z2?HNRtP<K10G
zt2<{uy?e#;Ug4RaG24HbxOSDk`~3aF6W+f*(pm1gTs`+vyiv^%it=h)$>;a9_Hshw
zzoKd~4Tn?|&5}`?nt)T8kZu*v;d-<XQ9&kI0l-NrCIL{qLj%B$j}#W*!($>VaP<2w
z8*qJFiah}DO``$$xGw;Jz_)Z%g^|~u^z$9vX;Be)Oxfe6m<!(3LPpoM8II|=O=WY;
z766=(*4*b8y!v@8wLz!MOw5wJoPJWTdvR$|StC_WY(5<*X=!{RvZed^ZNRc|yi*{-
zt5k09s%*;YfQZ+Pa4h29V8ONBmuu_w2uBa%)syjfbwTgz39gL~Pf8?2QsfT-xVAB#
zA|fvp^7;D8^tioxjXVI7hcMc_0En_pchR&YI+q|wa0`4sH|CQbcM*Ut)bb$(509tM
zI6m@-%kxGNPm)*d-~qF>secL4L@pi;X>FxLqi!a32_ZWvEp6kel$Q)CF~&Auk&hD+
z3l)-ePmbH;HrB(dDl3y2vm?>$)usSa`YbIMo~3$lpTgId$A)Y$S#z)ElbN$4<=i4j
zUQ#C3yeK29MBSyOgKS*xoUHs4qM;mvC7bZ}2I)L|ZT$dSBi0B8b<Gw42wn=NO{P<1
zH6?*ck`S3oX>?|ar;})-gt)0HGtLsA$%Wq7RR>}YSGba=y5x;QT9;wfeMQ)BB?)M)
zXxOyw+K#e?AGB7lC+E)KV#rH_!izX3q*^cx4R}a8dU{qk2lWzl2=w(EftxDalKrx#
z8;UTL(I^07g#uPL+2lMQTIa8vr0;XzXIR8byj<+&=GpTyfin#<*+2`_goBO%jQg~A
zvDLCEV(k$~64N8E4D(>F>4^1gg{(Yca4P_vgUg+@V=g$gtO`xYQV#G5=?iNERT$Fr
z({K#+kLjjOLr0Pccmga<ZxwsFqIvj1D_xSslebqR07$Bd5V1GMZGEYJSx_@pKN8N`
z#6_!Sc~pbIib^uJ`eGPUHu1lg!{^SC<?;*+Hb+*b(97C~>v9(u!`KY97^fd^p)nM$
z#9ThI2<BH9|A9tdrC~z#8S>}}{SBO<f=A6+WJt0N&zrHU4LIy~s~o*TSIQ(+#UI-B
z=3S+{z8KQ_vlW(Rl72XExd6k`tW#`Y>@Ij6hD*24(~2=YrcDhr#ISeu_Y~fOecnlN
zE!4TfZdK?8GsMsWS=%ScS%bBHB^uXGj17x*6^|vxIV!cLMk(0|56BQ;6_1UgVZ+G%
z3OCcb2NsJa8r7scW7A45>wN$`Q(?{?HrgBX4yV{^ZE{_jYUURL)ZlQN1JiT4>y-7M
zRKunZN==37OHR6&>W|j-?+4(^MBZo2E>CtRtIZi7ftQ?*8gIpDEx}RoZK>(?nwY;g
z9A>BL9L+_<&hR~F4X(HJ!Y$7l5^r*QyAd9Obj-Yak0;9Rwo6ZZC*KlqM&o!v-`H6f
zbaZsI&l7$^-qdUM?{{COU`m_N?89h!D={jv+Y4pKUYRIBAP`|5uq(p5FHh%rQ6A7}
zG1(~_(*uhWn{%0oiHpj{?(Y6Vot3_l77-H}8Huth`n$g{(;r<1Q;ZLzdpaR+a;HQh
z5o~^DJ{__E*TZ+gImdza4E^}-`S!1a(A@F=Sy0S6nsxl|+Yz&S%<eI}=iRpOW@gOH
tn3*v%^Y)K@b5fX-!kiTUm=sECpZ?0uo0eX?;eTx)_>0g$+OgRD-vH?{hW-Em

literal 5898
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

diff --git a/.playwright/snapshots/components/IconButton.test.ts-snapshots/IconButton-Trailing-Counter-light-high-contrast-linux.png b/.playwright/snapshots/components/IconButton.test.ts-snapshots/IconButton-Trailing-Counter-light-high-contrast-linux.png
index 1045fc66a9b4e578be6191b335014c9c92db09be..ee4ec6322b9a286fc3e6038326e540e8df283988 100644
GIT binary patch
literal 5177
zcmeHLX;4#F7`;dp6(Mx6EV4vvr_K}*6crIjEYMPi5L&6#0wFjki|j-QOBU1$Qi0TQ
zETv#lhE^;fiwFS&JXT}bBDD~fKp-L^5C{-Rh}rt;RQs>n_%nCr&AapF`|dmU-0z%s
z-_7|H>tnQi*LDDa(TPvIPXeI7247(7Ciux_Z`LvRrbjsG;|Zz;tVIBrN>6xy_<3sa
z;sieCHZiSjB}|Ceb|<AM+;dm5U}x;zoVKb%$+2(wKHOwuZd!BT_^wlPTg-PKu`n5)
zz!rUV*X)A>4Yv-~;^Hn}4LKgR8)x{AQ{>peL3HNukA5ek_ONOUV~dZ-_E(nVU$`Z<
zjUMMRIL}=rX>|T`u53k_Z|~q>1VE-%`>~dZfRXLUZZrUyTNB~_+X7nv-tF=L!24PT
z0M|_90GRAq(gV9adHUe^SAQQ^n>fT!30V@?)p|Fihh~JwQ<Z09Fu70?_qU?S)QMK^
zB5vITfKVrkTo}YXK^Q~T8^m!aX3**M;^r6<i8Qnz6bk+6?#X<z+&}n`%s`UCDHp;Z
zD{_?nl=<O7zaswXEZ<t-YK&|ppR3tumqWyB&Uzpe_vH$4Nz$yOmzkSo1<9_oPu+_r
zOK+kTBAlE=Xbgix)MpZTNJY<JVPRqY(Vo6r&OYI^s_t_DoI!kHEob|?qg>NQ1Fg@q
zXJ#N9bgkJ<IL8Cd;q-H$@3cRV^-N7o9cLf80Z=p0#Cc898MRj>J$_o%f!1^iA+6eg
zfg&!g;#jh!mf7+O%6TUXk~D~~8GuOg!Dnn{-014}B5t!f7OIbu&hA;-3_zBpoa3$(
zv(Xgk&jDp+W%!oZ@dk;<ay64Ii|5ciSP7KrUOXyE^ix3ydHqxbN5jSuC&+@X9CVW?
zth7`U2{Y7r=s_boi7kdlK))D7K=TFEC?^Zmz&J%opvvXhP^vQ2X(Xe6$c4AevT}*D
z-mwLNT6^NaB+W<rNJ!7DLeP~%0JJ$l1gcga(btD@EKtK452Bu4(s#+t%ge)G9As%K
z#0FQ|=@Truc#<rh4C@>-1i;>EEPjcjQqqW$RzXvB^Es(+97%rZ#*OwndD_@syO5RZ
zM5@~A&)7g7{vmn1&^dy-)GZR7Mr(VVBPh*erR?k?%*D4xi_xwDtUI>p%Oz#>^!clf
z8LRvJQL5#=1$flq$`%;m{gQ5VwS*7BtUMN<4%xWxNESWrP+V0j<wntt@an`wCPD;Z
zzDI_Pm&g{E(rmSis<fGDpM2XELU?#OyuLLuSem_AX>|&@Mw2(bziH+vb={?mkt$F~
z=oCQ?)VkhK0IAF=l1KVp!LYFHt-^V<mKgC=I|916FkBRmTDyYO%r(WUr?Sy6y7p-V
zg6sQ?DKmS6m~l1&*a1REzd@R^;8_*L9XopXaPr&}hq^jEE-)}KIJo$>dcMSqiNS`*
z*hsgdi7Q<RE-&$<*!3|it*n$!4A2Se8>7@?s_qP$O~!0tgg*mCUaVJ6D)O1Md}Bq#
zHUOp~vXJuL$u%o3%=*_Ho@~_6+)O*?Mcp89nDB5}arXoig~pYtiJ(4Ak?Mg=;i`w_
zD^=GD8W|Qy27`gWUfS2+?}y2)el3N705>e%z23|xO*QjNZ&}J;BH`kh+7Yt6y8E;I
zi46XFHI(A;zCLJ6uMsptDg0=>>{o|u1RupCkTizbj)jep`~{gY(H?+G<X&H2UpsYQ
zM@L5)TG|9pXQ{_7A_arRVk$Kybp!%|#&A!Q5NWuil?~-2AyhisUttRu!~*YvfD#oY
z;x!TQkZ{~b^5W47+qS4ENUh~!F}aelCaDouJr-T97;*?|$j!~IOy3E=j{rNydGr0j
zjS15of|sqFOUwVG#f{XQ?aVT&u!T8lz6)C#(D<*I*u5g=U)!B7@XdTSbUf;K{QsK{
zUG?ayM^`=nZKJN!j7~E;&FD1q&%g9Kr_ect&MDr2Q)su<)`wfZ=jV3>KB@sHKEire
Id4^v89WQu&(*OVf

literal 6180
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

diff --git a/.playwright/snapshots/components/IconButton.test.ts-snapshots/IconButton-Trailing-Counter-light-linux.png b/.playwright/snapshots/components/IconButton.test.ts-snapshots/IconButton-Trailing-Counter-light-linux.png
index a38530359c5d8bb5b54831cf08ca60e1b5b58790..575e8cfc823ef0ed072a87e644cdf6ebfb62d022 100644
GIT binary patch
literal 5161
zcmeI0drVVT9LEo!U~B;=F0caa9*M-Mzz{(ZTBj^XnCQfbP@pU*s34Uwo&~Bf1V@k%
zGFW*v1O*M!1`&jmKCobw7MKnO($Wg$Q64RnLLc;Tcg<dZEzV_s_K$mSa?d&U{O&j3
z&-a{rZ=DVevfYl_4gjzXJ`s2Z0IPNQ0NX6#J6i)8e(=R2^-Rz)KpS#d0Kh>S9QgU!
z%v$**R5GK9<|rw3%t@w@pL_CNb>^6Lc7Xe>;I=CVV~g|iPj9(<$2z2?HNRtP<K10G
zt2<{uy?e#;Ug4RaG24HbxOSDk`~3aF6W+f*(pm1gTs`+vyiv^%it=h)$>;a9_Hshw
zzoKd~4Tn?|&5}`?nt)T8kZu*v;d-<XQ9&kI0l-NrCIL{qLj%B$j}#W*!($>VaP<2w
z8*qJFiah}DO``$$xGw;Jz_)Z%g^|~u^z$9vX;Be)Oxfe6m<!(3LPpoM8II|=O=WY;
z766=(*4*b8y!v@8wLz!MOw5wJoPJWTdvR$|StC_WY(5<*X=!{RvZed^ZNRc|yi*{-
zt5k09s%*;YfQZ+Pa4h29V8ONBmuu_w2uBa%)syjfbwTgz39gL~Pf8?2QsfT-xVAB#
zA|fvp^7;D8^tioxjXVI7hcMc_0En_pchR&YI+q|wa0`4sH|CQbcM*Ut)bb$(509tM
zI6m@-%kxGNPm)*d-~qF>secL4L@pi;X>FxLqi!a32_ZWvEp6kel$Q)CF~&Auk&hD+
z3l)-ePmbH;HrB(dDl3y2vm?>$)usSa`YbIMo~3$lpTgId$A)Y$S#z)ElbN$4<=i4j
zUQ#C3yeK29MBSyOgKS*xoUHs4qM;mvC7bZ}2I)L|ZT$dSBi0B8b<Gw42wn=NO{P<1
zH6?*ck`S3oX>?|ar;})-gt)0HGtLsA$%Wq7RR>}YSGba=y5x;QT9;wfeMQ)BB?)M)
zXxOyw+K#e?AGB7lC+E)KV#rH_!izX3q*^cx4R}a8dU{qk2lWzl2=w(EftxDalKrx#
z8;UTL(I^07g#uPL+2lMQTIa8vr0;XzXIR8byj<+&=GpTyfin#<*+2`_goBO%jQg~A
zvDLCEV(k$~64N8E4D(>F>4^1gg{(Yca4P_vgUg+@V=g$gtO`xYQV#G5=?iNERT$Fr
z({K#+kLjjOLr0Pccmga<ZxwsFqIvj1D_xSslebqR07$Bd5V1GMZGEYJSx_@pKN8N`
z#6_!Sc~pbIib^uJ`eGPUHu1lg!{^SC<?;*+Hb+*b(97C~>v9(u!`KY97^fd^p)nM$
z#9ThI2<BH9|A9tdrC~z#8S>}}{SBO<f=A6+WJt0N&zrHU4LIy~s~o*TSIQ(+#UI-B
z=3S+{z8KQ_vlW(Rl72XExd6k`tW#`Y>@Ij6hD*24(~2=YrcDhr#ISeu_Y~fOecnlN
zE!4TfZdK?8GsMsWS=%ScS%bBHB^uXGj17x*6^|vxIV!cLMk(0|56BQ;6_1UgVZ+G%
z3OCcb2NsJa8r7scW7A45>wN$`Q(?{?HrgBX4yV{^ZE{_jYUURL)ZlQN1JiT4>y-7M
zRKunZN==37OHR6&>W|j-?+4(^MBZo2E>CtRtIZi7ftQ?*8gIpDEx}RoZK>(?nwY;g
z9A>BL9L+_<&hR~F4X(HJ!Y$7l5^r*QyAd9Obj-Yak0;9Rwo6ZZC*KlqM&o!v-`H6f
zbaZsI&l7$^-qdUM?{{COU`m_N?89h!D={jv+Y4pKUYRIBAP`|5uq(p5FHh%rQ6A7}
zG1(~_(*uhWn{%0oiHpj{?(Y6Vot3_l77-H}8Huth`n$g{(;r<1Q;ZLzdpaR+a;HQh
z5o~^DJ{__E*TZ+gImdza4E^}-`S!1a(A@F=Sy0S6nsxl|+Yz&S%<eI}=iRpOW@gOH
tn3*v%^Y)K@b5fX-!kiTUm=sECpZ?0uo0eX?;eTx)_>0g$+OgRD-vH?{hW-Em

literal 5898
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

diff --git a/.playwright/snapshots/components/IconButton.test.ts-snapshots/IconButton-Trailing-Counter-light-tritanopia-linux.png b/.playwright/snapshots/components/IconButton.test.ts-snapshots/IconButton-Trailing-Counter-light-tritanopia-linux.png
index a38530359c5d8bb5b54831cf08ca60e1b5b58790..575e8cfc823ef0ed072a87e644cdf6ebfb62d022 100644
GIT binary patch
literal 5161
zcmeI0drVVT9LEo!U~B;=F0caa9*M-Mzz{(ZTBj^XnCQfbP@pU*s34Uwo&~Bf1V@k%
zGFW*v1O*M!1`&jmKCobw7MKnO($Wg$Q64RnLLc;Tcg<dZEzV_s_K$mSa?d&U{O&j3
z&-a{rZ=DVevfYl_4gjzXJ`s2Z0IPNQ0NX6#J6i)8e(=R2^-Rz)KpS#d0Kh>S9QgU!
z%v$**R5GK9<|rw3%t@w@pL_CNb>^6Lc7Xe>;I=CVV~g|iPj9(<$2z2?HNRtP<K10G
zt2<{uy?e#;Ug4RaG24HbxOSDk`~3aF6W+f*(pm1gTs`+vyiv^%it=h)$>;a9_Hshw
zzoKd~4Tn?|&5}`?nt)T8kZu*v;d-<XQ9&kI0l-NrCIL{qLj%B$j}#W*!($>VaP<2w
z8*qJFiah}DO``$$xGw;Jz_)Z%g^|~u^z$9vX;Be)Oxfe6m<!(3LPpoM8II|=O=WY;
z766=(*4*b8y!v@8wLz!MOw5wJoPJWTdvR$|StC_WY(5<*X=!{RvZed^ZNRc|yi*{-
zt5k09s%*;YfQZ+Pa4h29V8ONBmuu_w2uBa%)syjfbwTgz39gL~Pf8?2QsfT-xVAB#
zA|fvp^7;D8^tioxjXVI7hcMc_0En_pchR&YI+q|wa0`4sH|CQbcM*Ut)bb$(509tM
zI6m@-%kxGNPm)*d-~qF>secL4L@pi;X>FxLqi!a32_ZWvEp6kel$Q)CF~&Auk&hD+
z3l)-ePmbH;HrB(dDl3y2vm?>$)usSa`YbIMo~3$lpTgId$A)Y$S#z)ElbN$4<=i4j
zUQ#C3yeK29MBSyOgKS*xoUHs4qM;mvC7bZ}2I)L|ZT$dSBi0B8b<Gw42wn=NO{P<1
zH6?*ck`S3oX>?|ar;})-gt)0HGtLsA$%Wq7RR>}YSGba=y5x;QT9;wfeMQ)BB?)M)
zXxOyw+K#e?AGB7lC+E)KV#rH_!izX3q*^cx4R}a8dU{qk2lWzl2=w(EftxDalKrx#
z8;UTL(I^07g#uPL+2lMQTIa8vr0;XzXIR8byj<+&=GpTyfin#<*+2`_goBO%jQg~A
zvDLCEV(k$~64N8E4D(>F>4^1gg{(Yca4P_vgUg+@V=g$gtO`xYQV#G5=?iNERT$Fr
z({K#+kLjjOLr0Pccmga<ZxwsFqIvj1D_xSslebqR07$Bd5V1GMZGEYJSx_@pKN8N`
z#6_!Sc~pbIib^uJ`eGPUHu1lg!{^SC<?;*+Hb+*b(97C~>v9(u!`KY97^fd^p)nM$
z#9ThI2<BH9|A9tdrC~z#8S>}}{SBO<f=A6+WJt0N&zrHU4LIy~s~o*TSIQ(+#UI-B
z=3S+{z8KQ_vlW(Rl72XExd6k`tW#`Y>@Ij6hD*24(~2=YrcDhr#ISeu_Y~fOecnlN
zE!4TfZdK?8GsMsWS=%ScS%bBHB^uXGj17x*6^|vxIV!cLMk(0|56BQ;6_1UgVZ+G%
z3OCcb2NsJa8r7scW7A45>wN$`Q(?{?HrgBX4yV{^ZE{_jYUURL)ZlQN1JiT4>y-7M
zRKunZN==37OHR6&>W|j-?+4(^MBZo2E>CtRtIZi7ftQ?*8gIpDEx}RoZK>(?nwY;g
z9A>BL9L+_<&hR~F4X(HJ!Y$7l5^r*QyAd9Obj-Yak0;9Rwo6ZZC*KlqM&o!v-`H6f
zbaZsI&l7$^-qdUM?{{COU`m_N?89h!D={jv+Y4pKUYRIBAP`|5uq(p5FHh%rQ6A7}
zG1(~_(*uhWn{%0oiHpj{?(Y6Vot3_l77-H}8Huth`n$g{(;r<1Q;ZLzdpaR+a;HQh
z5o~^DJ{__E*TZ+gImdza4E^}-`S!1a(A@F=Sy0S6nsxl|+Yz&S%<eI}=iRpOW@gOH
tn3*v%^Y)K@b5fX-!kiTUm=sECpZ?0uo0eX?;eTx)_>0g$+OgRD-vH?{hW-Em

literal 5898
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


From 81f8b37bd64caa2b03aa8f9d4ebbc238a103e163 Mon Sep 17 00:00:00 2001
From: Mike Perrotti <mperrotti@github.com>
Date: Thu, 19 Dec 2024 12:56:16 -0500
Subject: [PATCH 12/14] appeases the linter

---
 packages/react/src/Button/ButtonBase.module.css | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/packages/react/src/Button/ButtonBase.module.css b/packages/react/src/Button/ButtonBase.module.css
index b1305a7a2d7..3df7e8c1e48 100644
--- a/packages/react/src/Button/ButtonBase.module.css
+++ b/packages/react/src/Button/ButtonBase.module.css
@@ -509,13 +509,16 @@
   /* Icon-only + Counter */
 
   &:where([data-has-count]):has([data-component='leadingVisual']):not(:has([data-component='text'])) {
+    /* stylelint-disable-next-line primer/spacing */
     padding-inline: var(--control-medium-paddingInline-condensed);
 
     &:where([data-size='small']) {
+      /* stylelint-disable-next-line primer/spacing */
       padding-inline: var(--control-xsmall-paddingInline-condensed);
     }
 
     &:where([data-size='large']) {
+      /* stylelint-disable-next-line primer/spacing */
       padding-inline: var(--control-large-paddingInline-normal);
     }
   }

From 553c62ea0314c633cd7990be17d925e33565d3ff Mon Sep 17 00:00:00 2001
From: Katie Langerman <18661030+langermank@users.noreply.github.com>
Date: Thu, 19 Dec 2024 10:23:15 -0800
Subject: [PATCH 13/14] add vrt

---
 ...Trailing-Counter-dark-colorblind-linux.png | Bin 5087 -> 0 bytes
 ...ton-Trailing-Counter-dark-dimmed-linux.png | Bin 5078 -> 0 bytes
 ...iling-Counter-dark-high-contrast-linux.png | Bin 5130 -> 0 bytes
 ...IconButton-Trailing-Counter-dark-linux.png | Bin 5087 -> 0 bytes
 ...Trailing-Counter-dark-tritanopia-linux.png | Bin 5087 -> 0 bytes
 ...railing-Counter-light-colorblind-linux.png | Bin 5161 -> 0 bytes
 ...ling-Counter-light-high-contrast-linux.png | Bin 5177 -> 0 bytes
 ...conButton-Trailing-Counter-light-linux.png | Bin 5161 -> 0 bytes
 ...railing-Counter-light-tritanopia-linux.png | Bin 5161 -> 0 bytes
 e2e/components/Button.test.ts                 |  18 ++++++++++++++++++
 .../src/Button/Button.features.stories.tsx    |   2 +-
 11 files changed, 19 insertions(+), 1 deletion(-)
 delete mode 100644 .playwright/snapshots/components/IconButton.test.ts-snapshots/IconButton-Trailing-Counter-dark-colorblind-linux.png
 delete mode 100644 .playwright/snapshots/components/IconButton.test.ts-snapshots/IconButton-Trailing-Counter-dark-dimmed-linux.png
 delete mode 100644 .playwright/snapshots/components/IconButton.test.ts-snapshots/IconButton-Trailing-Counter-dark-high-contrast-linux.png
 delete mode 100644 .playwright/snapshots/components/IconButton.test.ts-snapshots/IconButton-Trailing-Counter-dark-linux.png
 delete mode 100644 .playwright/snapshots/components/IconButton.test.ts-snapshots/IconButton-Trailing-Counter-dark-tritanopia-linux.png
 delete mode 100644 .playwright/snapshots/components/IconButton.test.ts-snapshots/IconButton-Trailing-Counter-light-colorblind-linux.png
 delete mode 100644 .playwright/snapshots/components/IconButton.test.ts-snapshots/IconButton-Trailing-Counter-light-high-contrast-linux.png
 delete mode 100644 .playwright/snapshots/components/IconButton.test.ts-snapshots/IconButton-Trailing-Counter-light-linux.png
 delete mode 100644 .playwright/snapshots/components/IconButton.test.ts-snapshots/IconButton-Trailing-Counter-light-tritanopia-linux.png

diff --git a/.playwright/snapshots/components/IconButton.test.ts-snapshots/IconButton-Trailing-Counter-dark-colorblind-linux.png b/.playwright/snapshots/components/IconButton.test.ts-snapshots/IconButton-Trailing-Counter-dark-colorblind-linux.png
deleted file mode 100644
index 4023d4fef94c8e5d1aa622b144f8a059fc8eb0c3..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 5087
zcmeHLYfuwc7`@agR1tKX8W9s}AJ`ccuxNu~5)}$qd9*%2NleffQVkd=B9K7hKouXw
z9fxW}FpfHgq5~L_XCNVl$DovqQo+$cNO%M_34tI937hTWwEpba$ItxOy}NtA+5NtA
z&pG$rJ@Z|3_`><i=K}y1ZjT7v3Ba65^Z;%jpikz8N;aX5OWMxxZJ?rS#Y+H|6m1XP
zx;wMP(Dw+s%D^^{D~|cO-|vooalLi^p3n~#_-{G+rLR78@%}|0Bb)om<{rqWM1ENN
z?P%_f2>OADZdMXAY!e|Zecc(kcdCeagQqj^6Pl$m-98?3La1vpH0#AK0GJTAUe<(O
zB&=^C01$eb3&80`762BlG`fIKwyEZTEkD({f)j43o&YS?;sE&c?*mVdW7SzdOqnj+
z%!pF2BM^z=!Ido5ok#eil%^lEG`4E2C;GX0dGch}M945u!;R*pW*<DrU@+3t)9G}2
z`y;5JASyC4Ix4E%gU#EFXwK_UXzU`9g>4a*-=oFH$J1zPm8$XLFdmQZ?d?6K&`e@8
za6ti8bt!PH$OSZ0YYa@I=Wn>8%Oz;^as%<wrKPKUOFeK`u!g+=JPWSDTEa(0PAQ5d
z;)|M;%wxuizRT_aaOE|FJPwD0W`eJ|*U<1)PCHhz&I^F4+~juHYHcZ>$(;&JN=i~a
zlm`QFw|%4T9U%IdFJh5{JyvUB3^8kB2qO}S{HTqluHdn3liW2=J|NG>aYp5?kdKTT
zw8HUHRj-y!x7lnqx8At`gn3!$_BJ8cSQ-xD2pPthbLVzg`ZCnrF??h|9x^yM2$3At
z2igbRu_k<Ap!rQ@j^UY@F0&2$A00oD4ZwiU&ufe^S8Z)7mFi`;Y!lxxlMrBqi`hI~
zS*b8ndq$pMGD^mz4jYS1QZ!lm3zbB>Ug1fa=^?WVjvPiA@QYHVMsC@aLV{$^RGvH`
zhYnZwQukA-j-f*DN@S{9hP@j|LLP_v<XDIONddRhUBHR8pV^i0^^hvF*?i4$C^^~i
zG>+!w{x!Y_F^+bwj;rLoSxv(}Z2+M8(uG!7t9>BPb44_YG+h^LzF3u?h*^pWtM)^&
zWE_HqDGkTQhdTVxvCo-e)T)U&N`i&jn3B5tH7XKv*is9#tE8x;Bq;sWW2ICtZpRg)
zH)$iCzxJRI)}R3R)1)(+e4RA)m6+ZRArcl5ndaiMhAvbwmDDB<<IfjOpL#Cfn<t(;
zdE&`8DHP!zh`BZ&TEQE!D=CuWXbDs=&5hZVzi)$0Bc@4nX}&@O@h1zHtcuRI-9gVY
zL*YtzxKLKYb4)&b_0SD7n}ELfO24e!`#j&+qSb0;_T!A8Yy`H9N$o~9&rD|BVPX6z
z%iQNd#EH>eYS`Gi14HACw-)0CB)YY;Q+^K9#b%M-LWMm!jaO()w**wq<nLvxq_Dy6
zlbMj6tyVp*uT}Hx1$bU<ef`FXVSo<7O~}5MKcny=3a=sk79s8he(E)bdKt-dkm^1{
z>0aM=)?RK-<2lUN4E?iQ=?<IDi$_~o#H_wsP|_zSrza)FIX++J?M)_=`wBYH5y2z{
zcMI5SVj?4rZLz+-z5=%D*<T&TN=p6u4b`ht`F6vuI6vC+cO95Y8rjQ(nV1+Rfr^TX
z(Bd$d3h4M60QA@wybwb|z+Ot76lw0fnql;DpI2P$T|05)wpc9g=qQ8jV-znBrILSt
za3c!CTZhnhg;eE3oqZb!gtulg+}jf?5C|%%(#8~68H_`jq1uU-0gzoKY47P#?`>wz
z!2f4baN_91@!u~goa}M3$H|_5whVV_#;F;nW}KRNw?F;wJA0?4I4#9#DJ?V?+twp*
V4(Ba6i~g1Z+rNnpt=N{3`v+&GOa=e|

diff --git a/.playwright/snapshots/components/IconButton.test.ts-snapshots/IconButton-Trailing-Counter-dark-dimmed-linux.png b/.playwright/snapshots/components/IconButton.test.ts-snapshots/IconButton-Trailing-Counter-dark-dimmed-linux.png
deleted file mode 100644
index cbc5bd4aea9a4b69b2fb5ffc27acf00cc907733a..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 5078
zcmeI0X;2eq9L8UyiWP`3b^sNKJw|%a0ii<V+6pK#w%|1&6G>>R(4r7A9Dx9#wG=gC
zw3(qrj?^-gS`gF}2u(sjxkV^qAi$DvC^1nIXhIH>&35evKi0O>kJ*`>eP`eQ%+CA#
zpWn0Z?)d{TQH~q7Yybc_M(>L}1c0p;JHh%j*qybJ{2=UNLp>A~4jPBt6##6y938p)
z2(5B)TE;pi{-k5Myvl=~BWxJoNx<QL<h_;pASobvQ`h0OJ1-om{T=dG9^T=oef4<!
z1_hBF{_eh?i#yXKPQJQ1WJfSR_vkx&KHj~Y7x#t8WDJqE=_@q`@e`O@!a|Ib*mDgi
zMa2?ggQS42Pyiy&(E&K;qzAz1b(Ia+77p8j55MNwfui*p8v$^h^910Hzb`yzjDXsB
zJeu<1AG8q9(!C{~$AhY3wzFfQX$cI6Xtx2-F*{$FwK539@X*jB)$|PnK_X%ycbr@v
zwSRwIO!YBd*3<b2mMsA8$;2V0vV8V*I+aTIn-Fqt;~mzSOeS`}YMM`^QftIwf4%=}
zSRqyKuD540YevjtW4cr0x7ylvZYgzfaY+gG#%A%@?7g}&FLwVy?-PC#i6m0kg)25-
zhQO2a@T^`wf3)W4fJ&7a;)(C>1K_kfOodr{YfNwonyb_6)$$n+00;|})E6S)Q0IE|
zM1yf;G!{bo-egr0c9GB|<VLHsP+o<)Ijkcilk?;P^D>nj)XELb)%TQg1QxbJyDxju
z7Ib6;aCw}H3i@oZD44Dr<g29;iG-#diSi*^p4!F5_0$+C3^}n?4O_aWMENscKBic@
z13mMebh@Im1I}qM){@UoCTECRbdSz%wDdFMNvmQ8lIrUwu&jzgG=t>O6`>lp?rf_x
z&otS5l1?|B?VPz&Y!4YaWg*L5feam&Q6YYaHN#sELplkEBq~IHcxHFDQ!3Re#q~rY
zF-M(F;_HU(PC#xB=~97FN>?WeXc=)D%(r&Qx?yBMF{&0ZG~D>?oVq4qc9yS1HZ^5>
zw!#WqHEboLs|^cl0l*D<s{&PULPCNO?@EDr%ch*_FyR@~&|<=Ud#p9zPqb8$o0=Gp
zuQXK>GUk|+;I^AfOU3s1hNj_E5&$zDgL9VBKoses30krhOo~a@Iu>)W7h-7S+^eow
zTYR}Zbm{I!3QVJ<r7d2g%EQ#vCHO+agIcdfvdB^)%m1K0*9H{Xa?Rn3^-b-+-C9=Y
zMJTK+7t2u0hf3;jqU8~r_<RZ9u>V@zX8qJuaD1cSSFTWVN5i07?#Ut3sL_YRm^I4P
zQbgPR9(47i?f#XR^$5N}ni(TB(}K3#K9fhKKGhUXPfQpe`$%``YpF8ip8A<eRk+l-
zn&ivNRGd%Y6eJfQ<31wufNo447VPFwR^~#HWnac&V)P7Nx?`?dtXhmG8SA{ptMirD
z)rn><Q&TfC!A+6T=I`TC!wSYrd92-Y?FwMLK_Rke7fgXZ<ic!1pt<)uQoE58h!&Lq
zP;@u=7al}_<Ry^VRI?S2;ogwYegIS5?0o(?=$QLCF?Dxmm)<V(bH~+<Dh^(B0HC)s
zv==$<SI)tEbRSxfM_uZ`%of3y^JEg9KNR-u_~~A+o*Wgt>jgrx$;ruz7+2TWp==K(
z)1J@n*Xdjf=CH&wtSQO8rW?D#((82CI(z4hCYXVtjty#SyM@B(*s!)ND8dGG?8xbJ
z3}{U+5Zt`U6A1E^4<CG<X?Wi-s>t*!KZPA>X`Xpbm>t@~K5cGpzTSt?i{j+}KA-+^
zkXZ}=pBI8vN2`wieLG=wkJUX^_x!spxRn_zGgfA-%)I<#-I^5Eq_8H%OOj%lxLKT<
W=lIhre%OC95WOcRvN1gAt3LsHC}FPv

diff --git a/.playwright/snapshots/components/IconButton.test.ts-snapshots/IconButton-Trailing-Counter-dark-high-contrast-linux.png b/.playwright/snapshots/components/IconButton.test.ts-snapshots/IconButton-Trailing-Counter-dark-high-contrast-linux.png
deleted file mode 100644
index 7b0ffb19e24905c5b71210dc1e7b4631579f7036..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 5130
zcmeI0Sx{3~7{?D~Y^(^up(U-vr0UdYp^dUAF#=VP)UhQFRjH&9np!|CL_}FiLKxej
zwiIaVAgg2?L~1DkA6P=zY(YQ>Ob`W4NF*@{kd2U#J=|W}jt_n4{+NfmoO{oF=YPKY
z{r>md`{l71lIMoa8vp>FN8XN#1;E`1Z(#j%@RfB@y#4UOEi0CE2yn*H3jp{G9Em!3
zJhxUeJ6d)vC$C>0)SI+%%NalltlEhxi**n5y>p}dEw1G|kJ9ZYe%$`r@pM$>j$?Y<
z=>(kDnVR$$Dgt)i5_LU_^8UozEj}uE@60XFD+AG<7a27F9Wjgr+Ktz@rQLW%yvayp
zPb}A(nRSxorur;#(4O0An)Lu!Ao`%r4r}V)JrD*!)a85tE_<5+@ZPF*1Fs$uxr4Vp
z??iyY^_fTjHc2r6Z2R+$mroS;8Wfavai%h1I=!;0x;ozYjXsy*u&~10AgUK8H(3w~
zK%pQtcum8$47&=?SO_~S$(mo9yMiOvh2>`pR5%>2v9WPq`eWmw#VBD~uOFUp1HjkE
zY-Y_Jtswc3!&asWl`~ue#{)GU(Umh%7~}?$PMsp$rmbAc=#)Q9_e<tTI_Q#CW$vm~
zN$>n{bbh%3m00PQ9SA^xkH_jk&6XT-2$9HpkwmzVY8of&;=dXJpcNeus%`1X_<7_C
zu0pyK-(#FCs;X+J+z7zvolCNUw6w(>>pBfFG~cA2nzCP|t%XC>Wj)J|FN8Zu@318_
zMHo`p)+JK-vNlAwD);DPm=F`IPjS$m%_SM#dU891Hrf_PwcD)IDJdyz#`1^<N{l{-
z2VnPUQA<2`xtQvx@sG%rtFJ%OFWj%$%QW`dwf6q5i)Y1cHj_{ndU0{8404imEC`X&
zwQ%z+r`JX|tGNv8<gq3<P`FiAU@sNkY^fFV%yS<Nm6k-;)0wJ~d@Wb0P2fe>3y^H4
z$&bu%N(YbD3sPlwOW1aimO|%Rg%a!dZz1}!`tl44Wr0n^cvKc$UyQ;tG%6}n(>6U`
zM=%WdNGkDmLF$F4!{4%<jub3!P8O+I2Y|xUG~#?I?t{#y!xIwQy&8JA^}!If@4%j}
zb9yO-3OyL1GMC?Dqtn)AOK<ID$;;y&HdD+LJZ3**UK7WmbZDno?9IR5Z;_Aj`ONu9
zY$7jPL!_EWI;QS!iJwxTD0=Jxz?ffv7Ku5~n#`}(2;2J%9}_eBnEdJx1QPx7vk~-z
zC?qz#Th=b*a23^%s#?_o$(lPdnA*mPYoU3x?|Wbdy0=2tP5xBtkUrOeVp-!<(=9AJ
z58gv+Hp?WhU^y+*80@)SYpRDkBXYDNaSswwh`4qgD=9fy(M;!$jftRs_mspi!|-+_
zo8??_tANQj6n$;CrYO{TsS_fRNIT1xbfpVZgR3hmXW$dK9g!&=h(u}#S&Fe%KltJ0
zeHOOCz;eQ&hcNapG{O!^k4js{QWupsoqU%}#)dA<(hCgiH>thB7T8jf#7mhGx`jq|
z_@~DC9<!K78@xxtI+q3Yq>9u{YjST%3s$WJWVq$YBp(5QIPHlJW*hY3e?{6CZI<bC
z&!0cPt2B^6AYj;u&sbn(I%bSUV=P+!Llb9zfqEwPo##QJJn2p*M7Nt^Km`q<_Z0jZ
zGo*^Z51t0#eJ?l~0(ro&Xeqx&%<;-EP2goaZF0!AYWDIX`T}sZtlY={B;HtubuJ<H
zi7kzkc7}Aa;iz(g&61Vu^X(~sl_V!850wfNx3CM;I_xPU8lEJL_Tcg0Y~Fo7MdvWW
z<}$N8WTp3T3$~05NiBM(-OSYW2Nh%Bd^=*+?8<RaU;Cf^>~9;NtK<Lk0&(ThmB)X-
z{BTu|t9o43^Us#-E@oWJxR`M<^Vc8uE~jugh07`a=oG7n;Jpb$%|C^|0slw?M-InC
JaSkP2`UQv=Yaajr

diff --git a/.playwright/snapshots/components/IconButton.test.ts-snapshots/IconButton-Trailing-Counter-dark-linux.png b/.playwright/snapshots/components/IconButton.test.ts-snapshots/IconButton-Trailing-Counter-dark-linux.png
deleted file mode 100644
index 4023d4fef94c8e5d1aa622b144f8a059fc8eb0c3..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 5087
zcmeHLYfuwc7`@agR1tKX8W9s}AJ`ccuxNu~5)}$qd9*%2NleffQVkd=B9K7hKouXw
z9fxW}FpfHgq5~L_XCNVl$DovqQo+$cNO%M_34tI937hTWwEpba$ItxOy}NtA+5NtA
z&pG$rJ@Z|3_`><i=K}y1ZjT7v3Ba65^Z;%jpikz8N;aX5OWMxxZJ?rS#Y+H|6m1XP
zx;wMP(Dw+s%D^^{D~|cO-|vooalLi^p3n~#_-{G+rLR78@%}|0Bb)om<{rqWM1ENN
z?P%_f2>OADZdMXAY!e|Zecc(kcdCeagQqj^6Pl$m-98?3La1vpH0#AK0GJTAUe<(O
zB&=^C01$eb3&80`762BlG`fIKwyEZTEkD({f)j43o&YS?;sE&c?*mVdW7SzdOqnj+
z%!pF2BM^z=!Ido5ok#eil%^lEG`4E2C;GX0dGch}M945u!;R*pW*<DrU@+3t)9G}2
z`y;5JASyC4Ix4E%gU#EFXwK_UXzU`9g>4a*-=oFH$J1zPm8$XLFdmQZ?d?6K&`e@8
za6ti8bt!PH$OSZ0YYa@I=Wn>8%Oz;^as%<wrKPKUOFeK`u!g+=JPWSDTEa(0PAQ5d
z;)|M;%wxuizRT_aaOE|FJPwD0W`eJ|*U<1)PCHhz&I^F4+~juHYHcZ>$(;&JN=i~a
zlm`QFw|%4T9U%IdFJh5{JyvUB3^8kB2qO}S{HTqluHdn3liW2=J|NG>aYp5?kdKTT
zw8HUHRj-y!x7lnqx8At`gn3!$_BJ8cSQ-xD2pPthbLVzg`ZCnrF??h|9x^yM2$3At
z2igbRu_k<Ap!rQ@j^UY@F0&2$A00oD4ZwiU&ufe^S8Z)7mFi`;Y!lxxlMrBqi`hI~
zS*b8ndq$pMGD^mz4jYS1QZ!lm3zbB>Ug1fa=^?WVjvPiA@QYHVMsC@aLV{$^RGvH`
zhYnZwQukA-j-f*DN@S{9hP@j|LLP_v<XDIONddRhUBHR8pV^i0^^hvF*?i4$C^^~i
zG>+!w{x!Y_F^+bwj;rLoSxv(}Z2+M8(uG!7t9>BPb44_YG+h^LzF3u?h*^pWtM)^&
zWE_HqDGkTQhdTVxvCo-e)T)U&N`i&jn3B5tH7XKv*is9#tE8x;Bq;sWW2ICtZpRg)
zH)$iCzxJRI)}R3R)1)(+e4RA)m6+ZRArcl5ndaiMhAvbwmDDB<<IfjOpL#Cfn<t(;
zdE&`8DHP!zh`BZ&TEQE!D=CuWXbDs=&5hZVzi)$0Bc@4nX}&@O@h1zHtcuRI-9gVY
zL*YtzxKLKYb4)&b_0SD7n}ELfO24e!`#j&+qSb0;_T!A8Yy`H9N$o~9&rD|BVPX6z
z%iQNd#EH>eYS`Gi14HACw-)0CB)YY;Q+^K9#b%M-LWMm!jaO()w**wq<nLvxq_Dy6
zlbMj6tyVp*uT}Hx1$bU<ef`FXVSo<7O~}5MKcny=3a=sk79s8he(E)bdKt-dkm^1{
z>0aM=)?RK-<2lUN4E?iQ=?<IDi$_~o#H_wsP|_zSrza)FIX++J?M)_=`wBYH5y2z{
zcMI5SVj?4rZLz+-z5=%D*<T&TN=p6u4b`ht`F6vuI6vC+cO95Y8rjQ(nV1+Rfr^TX
z(Bd$d3h4M60QA@wybwb|z+Ot76lw0fnql;DpI2P$T|05)wpc9g=qQ8jV-znBrILSt
za3c!CTZhnhg;eE3oqZb!gtulg+}jf?5C|%%(#8~68H_`jq1uU-0gzoKY47P#?`>wz
z!2f4baN_91@!u~goa}M3$H|_5whVV_#;F;nW}KRNw?F;wJA0?4I4#9#DJ?V?+twp*
V4(Ba6i~g1Z+rNnpt=N{3`v+&GOa=e|

diff --git a/.playwright/snapshots/components/IconButton.test.ts-snapshots/IconButton-Trailing-Counter-dark-tritanopia-linux.png b/.playwright/snapshots/components/IconButton.test.ts-snapshots/IconButton-Trailing-Counter-dark-tritanopia-linux.png
deleted file mode 100644
index 4023d4fef94c8e5d1aa622b144f8a059fc8eb0c3..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 5087
zcmeHLYfuwc7`@agR1tKX8W9s}AJ`ccuxNu~5)}$qd9*%2NleffQVkd=B9K7hKouXw
z9fxW}FpfHgq5~L_XCNVl$DovqQo+$cNO%M_34tI937hTWwEpba$ItxOy}NtA+5NtA
z&pG$rJ@Z|3_`><i=K}y1ZjT7v3Ba65^Z;%jpikz8N;aX5OWMxxZJ?rS#Y+H|6m1XP
zx;wMP(Dw+s%D^^{D~|cO-|vooalLi^p3n~#_-{G+rLR78@%}|0Bb)om<{rqWM1ENN
z?P%_f2>OADZdMXAY!e|Zecc(kcdCeagQqj^6Pl$m-98?3La1vpH0#AK0GJTAUe<(O
zB&=^C01$eb3&80`762BlG`fIKwyEZTEkD({f)j43o&YS?;sE&c?*mVdW7SzdOqnj+
z%!pF2BM^z=!Ido5ok#eil%^lEG`4E2C;GX0dGch}M945u!;R*pW*<DrU@+3t)9G}2
z`y;5JASyC4Ix4E%gU#EFXwK_UXzU`9g>4a*-=oFH$J1zPm8$XLFdmQZ?d?6K&`e@8
za6ti8bt!PH$OSZ0YYa@I=Wn>8%Oz;^as%<wrKPKUOFeK`u!g+=JPWSDTEa(0PAQ5d
z;)|M;%wxuizRT_aaOE|FJPwD0W`eJ|*U<1)PCHhz&I^F4+~juHYHcZ>$(;&JN=i~a
zlm`QFw|%4T9U%IdFJh5{JyvUB3^8kB2qO}S{HTqluHdn3liW2=J|NG>aYp5?kdKTT
zw8HUHRj-y!x7lnqx8At`gn3!$_BJ8cSQ-xD2pPthbLVzg`ZCnrF??h|9x^yM2$3At
z2igbRu_k<Ap!rQ@j^UY@F0&2$A00oD4ZwiU&ufe^S8Z)7mFi`;Y!lxxlMrBqi`hI~
zS*b8ndq$pMGD^mz4jYS1QZ!lm3zbB>Ug1fa=^?WVjvPiA@QYHVMsC@aLV{$^RGvH`
zhYnZwQukA-j-f*DN@S{9hP@j|LLP_v<XDIONddRhUBHR8pV^i0^^hvF*?i4$C^^~i
zG>+!w{x!Y_F^+bwj;rLoSxv(}Z2+M8(uG!7t9>BPb44_YG+h^LzF3u?h*^pWtM)^&
zWE_HqDGkTQhdTVxvCo-e)T)U&N`i&jn3B5tH7XKv*is9#tE8x;Bq;sWW2ICtZpRg)
zH)$iCzxJRI)}R3R)1)(+e4RA)m6+ZRArcl5ndaiMhAvbwmDDB<<IfjOpL#Cfn<t(;
zdE&`8DHP!zh`BZ&TEQE!D=CuWXbDs=&5hZVzi)$0Bc@4nX}&@O@h1zHtcuRI-9gVY
zL*YtzxKLKYb4)&b_0SD7n}ELfO24e!`#j&+qSb0;_T!A8Yy`H9N$o~9&rD|BVPX6z
z%iQNd#EH>eYS`Gi14HACw-)0CB)YY;Q+^K9#b%M-LWMm!jaO()w**wq<nLvxq_Dy6
zlbMj6tyVp*uT}Hx1$bU<ef`FXVSo<7O~}5MKcny=3a=sk79s8he(E)bdKt-dkm^1{
z>0aM=)?RK-<2lUN4E?iQ=?<IDi$_~o#H_wsP|_zSrza)FIX++J?M)_=`wBYH5y2z{
zcMI5SVj?4rZLz+-z5=%D*<T&TN=p6u4b`ht`F6vuI6vC+cO95Y8rjQ(nV1+Rfr^TX
z(Bd$d3h4M60QA@wybwb|z+Ot76lw0fnql;DpI2P$T|05)wpc9g=qQ8jV-znBrILSt
za3c!CTZhnhg;eE3oqZb!gtulg+}jf?5C|%%(#8~68H_`jq1uU-0gzoKY47P#?`>wz
z!2f4baN_91@!u~goa}M3$H|_5whVV_#;F;nW}KRNw?F;wJA0?4I4#9#DJ?V?+twp*
V4(Ba6i~g1Z+rNnpt=N{3`v+&GOa=e|

diff --git a/.playwright/snapshots/components/IconButton.test.ts-snapshots/IconButton-Trailing-Counter-light-colorblind-linux.png b/.playwright/snapshots/components/IconButton.test.ts-snapshots/IconButton-Trailing-Counter-light-colorblind-linux.png
deleted file mode 100644
index 575e8cfc823ef0ed072a87e644cdf6ebfb62d022..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 5161
zcmeI0drVVT9LEo!U~B;=F0caa9*M-Mzz{(ZTBj^XnCQfbP@pU*s34Uwo&~Bf1V@k%
zGFW*v1O*M!1`&jmKCobw7MKnO($Wg$Q64RnLLc;Tcg<dZEzV_s_K$mSa?d&U{O&j3
z&-a{rZ=DVevfYl_4gjzXJ`s2Z0IPNQ0NX6#J6i)8e(=R2^-Rz)KpS#d0Kh>S9QgU!
z%v$**R5GK9<|rw3%t@w@pL_CNb>^6Lc7Xe>;I=CVV~g|iPj9(<$2z2?HNRtP<K10G
zt2<{uy?e#;Ug4RaG24HbxOSDk`~3aF6W+f*(pm1gTs`+vyiv^%it=h)$>;a9_Hshw
zzoKd~4Tn?|&5}`?nt)T8kZu*v;d-<XQ9&kI0l-NrCIL{qLj%B$j}#W*!($>VaP<2w
z8*qJFiah}DO``$$xGw;Jz_)Z%g^|~u^z$9vX;Be)Oxfe6m<!(3LPpoM8II|=O=WY;
z766=(*4*b8y!v@8wLz!MOw5wJoPJWTdvR$|StC_WY(5<*X=!{RvZed^ZNRc|yi*{-
zt5k09s%*;YfQZ+Pa4h29V8ONBmuu_w2uBa%)syjfbwTgz39gL~Pf8?2QsfT-xVAB#
zA|fvp^7;D8^tioxjXVI7hcMc_0En_pchR&YI+q|wa0`4sH|CQbcM*Ut)bb$(509tM
zI6m@-%kxGNPm)*d-~qF>secL4L@pi;X>FxLqi!a32_ZWvEp6kel$Q)CF~&Auk&hD+
z3l)-ePmbH;HrB(dDl3y2vm?>$)usSa`YbIMo~3$lpTgId$A)Y$S#z)ElbN$4<=i4j
zUQ#C3yeK29MBSyOgKS*xoUHs4qM;mvC7bZ}2I)L|ZT$dSBi0B8b<Gw42wn=NO{P<1
zH6?*ck`S3oX>?|ar;})-gt)0HGtLsA$%Wq7RR>}YSGba=y5x;QT9;wfeMQ)BB?)M)
zXxOyw+K#e?AGB7lC+E)KV#rH_!izX3q*^cx4R}a8dU{qk2lWzl2=w(EftxDalKrx#
z8;UTL(I^07g#uPL+2lMQTIa8vr0;XzXIR8byj<+&=GpTyfin#<*+2`_goBO%jQg~A
zvDLCEV(k$~64N8E4D(>F>4^1gg{(Yca4P_vgUg+@V=g$gtO`xYQV#G5=?iNERT$Fr
z({K#+kLjjOLr0Pccmga<ZxwsFqIvj1D_xSslebqR07$Bd5V1GMZGEYJSx_@pKN8N`
z#6_!Sc~pbIib^uJ`eGPUHu1lg!{^SC<?;*+Hb+*b(97C~>v9(u!`KY97^fd^p)nM$
z#9ThI2<BH9|A9tdrC~z#8S>}}{SBO<f=A6+WJt0N&zrHU4LIy~s~o*TSIQ(+#UI-B
z=3S+{z8KQ_vlW(Rl72XExd6k`tW#`Y>@Ij6hD*24(~2=YrcDhr#ISeu_Y~fOecnlN
zE!4TfZdK?8GsMsWS=%ScS%bBHB^uXGj17x*6^|vxIV!cLMk(0|56BQ;6_1UgVZ+G%
z3OCcb2NsJa8r7scW7A45>wN$`Q(?{?HrgBX4yV{^ZE{_jYUURL)ZlQN1JiT4>y-7M
zRKunZN==37OHR6&>W|j-?+4(^MBZo2E>CtRtIZi7ftQ?*8gIpDEx}RoZK>(?nwY;g
z9A>BL9L+_<&hR~F4X(HJ!Y$7l5^r*QyAd9Obj-Yak0;9Rwo6ZZC*KlqM&o!v-`H6f
zbaZsI&l7$^-qdUM?{{COU`m_N?89h!D={jv+Y4pKUYRIBAP`|5uq(p5FHh%rQ6A7}
zG1(~_(*uhWn{%0oiHpj{?(Y6Vot3_l77-H}8Huth`n$g{(;r<1Q;ZLzdpaR+a;HQh
z5o~^DJ{__E*TZ+gImdza4E^}-`S!1a(A@F=Sy0S6nsxl|+Yz&S%<eI}=iRpOW@gOH
tn3*v%^Y)K@b5fX-!kiTUm=sECpZ?0uo0eX?;eTx)_>0g$+OgRD-vH?{hW-Em

diff --git a/.playwright/snapshots/components/IconButton.test.ts-snapshots/IconButton-Trailing-Counter-light-high-contrast-linux.png b/.playwright/snapshots/components/IconButton.test.ts-snapshots/IconButton-Trailing-Counter-light-high-contrast-linux.png
deleted file mode 100644
index ee4ec6322b9a286fc3e6038326e540e8df283988..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 5177
zcmeHLX;4#F7`;dp6(Mx6EV4vvr_K}*6crIjEYMPi5L&6#0wFjki|j-QOBU1$Qi0TQ
zETv#lhE^;fiwFS&JXT}bBDD~fKp-L^5C{-Rh}rt;RQs>n_%nCr&AapF`|dmU-0z%s
z-_7|H>tnQi*LDDa(TPvIPXeI7247(7Ciux_Z`LvRrbjsG;|Zz;tVIBrN>6xy_<3sa
z;sieCHZiSjB}|Ceb|<AM+;dm5U}x;zoVKb%$+2(wKHOwuZd!BT_^wlPTg-PKu`n5)
zz!rUV*X)A>4Yv-~;^Hn}4LKgR8)x{AQ{>peL3HNukA5ek_ONOUV~dZ-_E(nVU$`Z<
zjUMMRIL}=rX>|T`u53k_Z|~q>1VE-%`>~dZfRXLUZZrUyTNB~_+X7nv-tF=L!24PT
z0M|_90GRAq(gV9adHUe^SAQQ^n>fT!30V@?)p|Fihh~JwQ<Z09Fu70?_qU?S)QMK^
zB5vITfKVrkTo}YXK^Q~T8^m!aX3**M;^r6<i8Qnz6bk+6?#X<z+&}n`%s`UCDHp;Z
zD{_?nl=<O7zaswXEZ<t-YK&|ppR3tumqWyB&Uzpe_vH$4Nz$yOmzkSo1<9_oPu+_r
zOK+kTBAlE=Xbgix)MpZTNJY<JVPRqY(Vo6r&OYI^s_t_DoI!kHEob|?qg>NQ1Fg@q
zXJ#N9bgkJ<IL8Cd;q-H$@3cRV^-N7o9cLf80Z=p0#Cc898MRj>J$_o%f!1^iA+6eg
zfg&!g;#jh!mf7+O%6TUXk~D~~8GuOg!Dnn{-014}B5t!f7OIbu&hA;-3_zBpoa3$(
zv(Xgk&jDp+W%!oZ@dk;<ay64Ii|5ciSP7KrUOXyE^ix3ydHqxbN5jSuC&+@X9CVW?
zth7`U2{Y7r=s_boi7kdlK))D7K=TFEC?^Zmz&J%opvvXhP^vQ2X(Xe6$c4AevT}*D
z-mwLNT6^NaB+W<rNJ!7DLeP~%0JJ$l1gcga(btD@EKtK452Bu4(s#+t%ge)G9As%K
z#0FQ|=@Truc#<rh4C@>-1i;>EEPjcjQqqW$RzXvB^Es(+97%rZ#*OwndD_@syO5RZ
zM5@~A&)7g7{vmn1&^dy-)GZR7Mr(VVBPh*erR?k?%*D4xi_xwDtUI>p%Oz#>^!clf
z8LRvJQL5#=1$flq$`%;m{gQ5VwS*7BtUMN<4%xWxNESWrP+V0j<wntt@an`wCPD;Z
zzDI_Pm&g{E(rmSis<fGDpM2XELU?#OyuLLuSem_AX>|&@Mw2(bziH+vb={?mkt$F~
z=oCQ?)VkhK0IAF=l1KVp!LYFHt-^V<mKgC=I|916FkBRmTDyYO%r(WUr?Sy6y7p-V
zg6sQ?DKmS6m~l1&*a1REzd@R^;8_*L9XopXaPr&}hq^jEE-)}KIJo$>dcMSqiNS`*
z*hsgdi7Q<RE-&$<*!3|it*n$!4A2Se8>7@?s_qP$O~!0tgg*mCUaVJ6D)O1Md}Bq#
zHUOp~vXJuL$u%o3%=*_Ho@~_6+)O*?Mcp89nDB5}arXoig~pYtiJ(4Ak?Mg=;i`w_
zD^=GD8W|Qy27`gWUfS2+?}y2)el3N705>e%z23|xO*QjNZ&}J;BH`kh+7Yt6y8E;I
zi46XFHI(A;zCLJ6uMsptDg0=>>{o|u1RupCkTizbj)jep`~{gY(H?+G<X&H2UpsYQ
zM@L5)TG|9pXQ{_7A_arRVk$Kybp!%|#&A!Q5NWuil?~-2AyhisUttRu!~*YvfD#oY
z;x!TQkZ{~b^5W47+qS4ENUh~!F}aelCaDouJr-T97;*?|$j!~IOy3E=j{rNydGr0j
zjS15of|sqFOUwVG#f{XQ?aVT&u!T8lz6)C#(D<*I*u5g=U)!B7@XdTSbUf;K{QsK{
zUG?ayM^`=nZKJN!j7~E;&FD1q&%g9Kr_ect&MDr2Q)su<)`wfZ=jV3>KB@sHKEire
Id4^v89WQu&(*OVf

diff --git a/.playwright/snapshots/components/IconButton.test.ts-snapshots/IconButton-Trailing-Counter-light-linux.png b/.playwright/snapshots/components/IconButton.test.ts-snapshots/IconButton-Trailing-Counter-light-linux.png
deleted file mode 100644
index 575e8cfc823ef0ed072a87e644cdf6ebfb62d022..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 5161
zcmeI0drVVT9LEo!U~B;=F0caa9*M-Mzz{(ZTBj^XnCQfbP@pU*s34Uwo&~Bf1V@k%
zGFW*v1O*M!1`&jmKCobw7MKnO($Wg$Q64RnLLc;Tcg<dZEzV_s_K$mSa?d&U{O&j3
z&-a{rZ=DVevfYl_4gjzXJ`s2Z0IPNQ0NX6#J6i)8e(=R2^-Rz)KpS#d0Kh>S9QgU!
z%v$**R5GK9<|rw3%t@w@pL_CNb>^6Lc7Xe>;I=CVV~g|iPj9(<$2z2?HNRtP<K10G
zt2<{uy?e#;Ug4RaG24HbxOSDk`~3aF6W+f*(pm1gTs`+vyiv^%it=h)$>;a9_Hshw
zzoKd~4Tn?|&5}`?nt)T8kZu*v;d-<XQ9&kI0l-NrCIL{qLj%B$j}#W*!($>VaP<2w
z8*qJFiah}DO``$$xGw;Jz_)Z%g^|~u^z$9vX;Be)Oxfe6m<!(3LPpoM8II|=O=WY;
z766=(*4*b8y!v@8wLz!MOw5wJoPJWTdvR$|StC_WY(5<*X=!{RvZed^ZNRc|yi*{-
zt5k09s%*;YfQZ+Pa4h29V8ONBmuu_w2uBa%)syjfbwTgz39gL~Pf8?2QsfT-xVAB#
zA|fvp^7;D8^tioxjXVI7hcMc_0En_pchR&YI+q|wa0`4sH|CQbcM*Ut)bb$(509tM
zI6m@-%kxGNPm)*d-~qF>secL4L@pi;X>FxLqi!a32_ZWvEp6kel$Q)CF~&Auk&hD+
z3l)-ePmbH;HrB(dDl3y2vm?>$)usSa`YbIMo~3$lpTgId$A)Y$S#z)ElbN$4<=i4j
zUQ#C3yeK29MBSyOgKS*xoUHs4qM;mvC7bZ}2I)L|ZT$dSBi0B8b<Gw42wn=NO{P<1
zH6?*ck`S3oX>?|ar;})-gt)0HGtLsA$%Wq7RR>}YSGba=y5x;QT9;wfeMQ)BB?)M)
zXxOyw+K#e?AGB7lC+E)KV#rH_!izX3q*^cx4R}a8dU{qk2lWzl2=w(EftxDalKrx#
z8;UTL(I^07g#uPL+2lMQTIa8vr0;XzXIR8byj<+&=GpTyfin#<*+2`_goBO%jQg~A
zvDLCEV(k$~64N8E4D(>F>4^1gg{(Yca4P_vgUg+@V=g$gtO`xYQV#G5=?iNERT$Fr
z({K#+kLjjOLr0Pccmga<ZxwsFqIvj1D_xSslebqR07$Bd5V1GMZGEYJSx_@pKN8N`
z#6_!Sc~pbIib^uJ`eGPUHu1lg!{^SC<?;*+Hb+*b(97C~>v9(u!`KY97^fd^p)nM$
z#9ThI2<BH9|A9tdrC~z#8S>}}{SBO<f=A6+WJt0N&zrHU4LIy~s~o*TSIQ(+#UI-B
z=3S+{z8KQ_vlW(Rl72XExd6k`tW#`Y>@Ij6hD*24(~2=YrcDhr#ISeu_Y~fOecnlN
zE!4TfZdK?8GsMsWS=%ScS%bBHB^uXGj17x*6^|vxIV!cLMk(0|56BQ;6_1UgVZ+G%
z3OCcb2NsJa8r7scW7A45>wN$`Q(?{?HrgBX4yV{^ZE{_jYUURL)ZlQN1JiT4>y-7M
zRKunZN==37OHR6&>W|j-?+4(^MBZo2E>CtRtIZi7ftQ?*8gIpDEx}RoZK>(?nwY;g
z9A>BL9L+_<&hR~F4X(HJ!Y$7l5^r*QyAd9Obj-Yak0;9Rwo6ZZC*KlqM&o!v-`H6f
zbaZsI&l7$^-qdUM?{{COU`m_N?89h!D={jv+Y4pKUYRIBAP`|5uq(p5FHh%rQ6A7}
zG1(~_(*uhWn{%0oiHpj{?(Y6Vot3_l77-H}8Huth`n$g{(;r<1Q;ZLzdpaR+a;HQh
z5o~^DJ{__E*TZ+gImdza4E^}-`S!1a(A@F=Sy0S6nsxl|+Yz&S%<eI}=iRpOW@gOH
tn3*v%^Y)K@b5fX-!kiTUm=sECpZ?0uo0eX?;eTx)_>0g$+OgRD-vH?{hW-Em

diff --git a/.playwright/snapshots/components/IconButton.test.ts-snapshots/IconButton-Trailing-Counter-light-tritanopia-linux.png b/.playwright/snapshots/components/IconButton.test.ts-snapshots/IconButton-Trailing-Counter-light-tritanopia-linux.png
deleted file mode 100644
index 575e8cfc823ef0ed072a87e644cdf6ebfb62d022..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 5161
zcmeI0drVVT9LEo!U~B;=F0caa9*M-Mzz{(ZTBj^XnCQfbP@pU*s34Uwo&~Bf1V@k%
zGFW*v1O*M!1`&jmKCobw7MKnO($Wg$Q64RnLLc;Tcg<dZEzV_s_K$mSa?d&U{O&j3
z&-a{rZ=DVevfYl_4gjzXJ`s2Z0IPNQ0NX6#J6i)8e(=R2^-Rz)KpS#d0Kh>S9QgU!
z%v$**R5GK9<|rw3%t@w@pL_CNb>^6Lc7Xe>;I=CVV~g|iPj9(<$2z2?HNRtP<K10G
zt2<{uy?e#;Ug4RaG24HbxOSDk`~3aF6W+f*(pm1gTs`+vyiv^%it=h)$>;a9_Hshw
zzoKd~4Tn?|&5}`?nt)T8kZu*v;d-<XQ9&kI0l-NrCIL{qLj%B$j}#W*!($>VaP<2w
z8*qJFiah}DO``$$xGw;Jz_)Z%g^|~u^z$9vX;Be)Oxfe6m<!(3LPpoM8II|=O=WY;
z766=(*4*b8y!v@8wLz!MOw5wJoPJWTdvR$|StC_WY(5<*X=!{RvZed^ZNRc|yi*{-
zt5k09s%*;YfQZ+Pa4h29V8ONBmuu_w2uBa%)syjfbwTgz39gL~Pf8?2QsfT-xVAB#
zA|fvp^7;D8^tioxjXVI7hcMc_0En_pchR&YI+q|wa0`4sH|CQbcM*Ut)bb$(509tM
zI6m@-%kxGNPm)*d-~qF>secL4L@pi;X>FxLqi!a32_ZWvEp6kel$Q)CF~&Auk&hD+
z3l)-ePmbH;HrB(dDl3y2vm?>$)usSa`YbIMo~3$lpTgId$A)Y$S#z)ElbN$4<=i4j
zUQ#C3yeK29MBSyOgKS*xoUHs4qM;mvC7bZ}2I)L|ZT$dSBi0B8b<Gw42wn=NO{P<1
zH6?*ck`S3oX>?|ar;})-gt)0HGtLsA$%Wq7RR>}YSGba=y5x;QT9;wfeMQ)BB?)M)
zXxOyw+K#e?AGB7lC+E)KV#rH_!izX3q*^cx4R}a8dU{qk2lWzl2=w(EftxDalKrx#
z8;UTL(I^07g#uPL+2lMQTIa8vr0;XzXIR8byj<+&=GpTyfin#<*+2`_goBO%jQg~A
zvDLCEV(k$~64N8E4D(>F>4^1gg{(Yca4P_vgUg+@V=g$gtO`xYQV#G5=?iNERT$Fr
z({K#+kLjjOLr0Pccmga<ZxwsFqIvj1D_xSslebqR07$Bd5V1GMZGEYJSx_@pKN8N`
z#6_!Sc~pbIib^uJ`eGPUHu1lg!{^SC<?;*+Hb+*b(97C~>v9(u!`KY97^fd^p)nM$
z#9ThI2<BH9|A9tdrC~z#8S>}}{SBO<f=A6+WJt0N&zrHU4LIy~s~o*TSIQ(+#UI-B
z=3S+{z8KQ_vlW(Rl72XExd6k`tW#`Y>@Ij6hD*24(~2=YrcDhr#ISeu_Y~fOecnlN
zE!4TfZdK?8GsMsWS=%ScS%bBHB^uXGj17x*6^|vxIV!cLMk(0|56BQ;6_1UgVZ+G%
z3OCcb2NsJa8r7scW7A45>wN$`Q(?{?HrgBX4yV{^ZE{_jYUURL)ZlQN1JiT4>y-7M
zRKunZN==37OHR6&>W|j-?+4(^MBZo2E>CtRtIZi7ftQ?*8gIpDEx}RoZK>(?nwY;g
z9A>BL9L+_<&hR~F4X(HJ!Y$7l5^r*QyAd9Obj-Yak0;9Rwo6ZZC*KlqM&o!v-`H6f
zbaZsI&l7$^-qdUM?{{COU`m_N?89h!D={jv+Y4pKUYRIBAP`|5uq(p5FHh%rQ6A7}
zG1(~_(*uhWn{%0oiHpj{?(Y6Vot3_l77-H}8Huth`n$g{(;r<1Q;ZLzdpaR+a;HQh
z5o~^DJ{__E*TZ+gImdza4E^}-`S!1a(A@F=Sy0S6nsxl|+Yz&S%<eI}=iRpOW@gOH
tn3*v%^Y)K@b5fX-!kiTUm=sECpZ?0uo0eX?;eTx)_>0g$+OgRD-vH?{hW-Em

diff --git a/e2e/components/Button.test.ts b/e2e/components/Button.test.ts
index 4aa18a1be66..f9b15ef589f 100644
--- a/e2e/components/Button.test.ts
+++ b/e2e/components/Button.test.ts
@@ -644,4 +644,22 @@ test.describe('Button', () => {
       })
     }
   })
+
+  test.describe('Trailing Counter No Text', () => {
+    for (const theme of themes) {
+      test.describe(theme, () => {
+        test('default @vrt', async ({page}) => {
+          await visit(page, {
+            id: 'components-button-features--trailing-counter-with-no-text',
+            globals: {
+              colorScheme: theme,
+            },
+          })
+
+          // Default state
+          expect(await page.screenshot()).toMatchSnapshot(`Trailing Counter No Text.${theme}.png`)
+        })
+      })
+    }
+  })
 })
diff --git a/packages/react/src/Button/Button.features.stories.tsx b/packages/react/src/Button/Button.features.stories.tsx
index c30314e4ffa..e71cfdf3667 100644
--- a/packages/react/src/Button/Button.features.stories.tsx
+++ b/packages/react/src/Button/Button.features.stories.tsx
@@ -61,7 +61,7 @@ export const TrailingCounter = () => {
   )
 }
 
-export const TrailingCounterWithNoText = () => <Button leadingVisual={CommentIcon} count={3} />
+export const TrailingCounterWithNoText = () => <Button aria-label="Comments" leadingVisual={CommentIcon} count={3} />
 
 export const TrailingCounterAllVariants = () => {
   const [count, setCount] = useState(0)

From dbfbadbe1d50e8b4fcdee5522a0b348326939dd3 Mon Sep 17 00:00:00 2001
From: langermank <langermank@users.noreply.github.com>
Date: Thu, 19 Dec 2024 18:34:01 +0000
Subject: [PATCH 14/14] test(vrt): update snapshots

---
 ...ing-Counter-No-Text-dark-colorblind-linux.png | Bin 0 -> 5394 bytes
 ...railing-Counter-No-Text-dark-dimmed-linux.png | Bin 0 -> 5287 bytes
 ...-Counter-No-Text-dark-high-contrast-linux.png | Bin 0 -> 5609 bytes
 .../Trailing-Counter-No-Text-dark-linux.png      | Bin 0 -> 5394 bytes
 ...ing-Counter-No-Text-dark-tritanopia-linux.png | Bin 0 -> 5394 bytes
 ...ng-Counter-No-Text-light-colorblind-linux.png | Bin 0 -> 5353 bytes
 ...Counter-No-Text-light-high-contrast-linux.png | Bin 0 -> 5646 bytes
 .../Trailing-Counter-No-Text-light-linux.png     | Bin 0 -> 5353 bytes
 ...ng-Counter-No-Text-light-tritanopia-linux.png | Bin 0 -> 5353 bytes
 9 files changed, 0 insertions(+), 0 deletions(-)
 create mode 100644 .playwright/snapshots/components/Button.test.ts-snapshots/Trailing-Counter-No-Text-dark-colorblind-linux.png
 create mode 100644 .playwright/snapshots/components/Button.test.ts-snapshots/Trailing-Counter-No-Text-dark-dimmed-linux.png
 create mode 100644 .playwright/snapshots/components/Button.test.ts-snapshots/Trailing-Counter-No-Text-dark-high-contrast-linux.png
 create mode 100644 .playwright/snapshots/components/Button.test.ts-snapshots/Trailing-Counter-No-Text-dark-linux.png
 create mode 100644 .playwright/snapshots/components/Button.test.ts-snapshots/Trailing-Counter-No-Text-dark-tritanopia-linux.png
 create mode 100644 .playwright/snapshots/components/Button.test.ts-snapshots/Trailing-Counter-No-Text-light-colorblind-linux.png
 create mode 100644 .playwright/snapshots/components/Button.test.ts-snapshots/Trailing-Counter-No-Text-light-high-contrast-linux.png
 create mode 100644 .playwright/snapshots/components/Button.test.ts-snapshots/Trailing-Counter-No-Text-light-linux.png
 create mode 100644 .playwright/snapshots/components/Button.test.ts-snapshots/Trailing-Counter-No-Text-light-tritanopia-linux.png

diff --git a/.playwright/snapshots/components/Button.test.ts-snapshots/Trailing-Counter-No-Text-dark-colorblind-linux.png b/.playwright/snapshots/components/Button.test.ts-snapshots/Trailing-Counter-No-Text-dark-colorblind-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..c373f4bd220ffab8fe3a565eff1f8e836b70232a
GIT binary patch
literal 5394
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
ZqyA3J=#`{UcsCK8KJ{L5`^n6|`~zf54+H=J

literal 0
HcmV?d00001

diff --git a/.playwright/snapshots/components/Button.test.ts-snapshots/Trailing-Counter-No-Text-dark-dimmed-linux.png b/.playwright/snapshots/components/Button.test.ts-snapshots/Trailing-Counter-No-Text-dark-dimmed-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..28c620e99607d7f977bd99aa6e07576a7cb93cdf
GIT binary patch
literal 5287
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
TPwDtxABf!;7hS)8-^t$rJNDTa

literal 0
HcmV?d00001

diff --git a/.playwright/snapshots/components/Button.test.ts-snapshots/Trailing-Counter-No-Text-dark-high-contrast-linux.png b/.playwright/snapshots/components/Button.test.ts-snapshots/Trailing-Counter-No-Text-dark-high-contrast-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..639678aa94efc9aefd96caa89d567b9f5d446f3d
GIT binary patch
literal 5609
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

literal 0
HcmV?d00001

diff --git a/.playwright/snapshots/components/Button.test.ts-snapshots/Trailing-Counter-No-Text-dark-linux.png b/.playwright/snapshots/components/Button.test.ts-snapshots/Trailing-Counter-No-Text-dark-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..c373f4bd220ffab8fe3a565eff1f8e836b70232a
GIT binary patch
literal 5394
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
ZqyA3J=#`{UcsCK8KJ{L5`^n6|`~zf54+H=J

literal 0
HcmV?d00001

diff --git a/.playwright/snapshots/components/Button.test.ts-snapshots/Trailing-Counter-No-Text-dark-tritanopia-linux.png b/.playwright/snapshots/components/Button.test.ts-snapshots/Trailing-Counter-No-Text-dark-tritanopia-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..c373f4bd220ffab8fe3a565eff1f8e836b70232a
GIT binary patch
literal 5394
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
ZqyA3J=#`{UcsCK8KJ{L5`^n6|`~zf54+H=J

literal 0
HcmV?d00001

diff --git a/.playwright/snapshots/components/Button.test.ts-snapshots/Trailing-Counter-No-Text-light-colorblind-linux.png b/.playwright/snapshots/components/Button.test.ts-snapshots/Trailing-Counter-No-Text-light-colorblind-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..7f9ab430cdf91a0a0e1a0ceeb5aacdf838ede2f5
GIT binary patch
literal 5353
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
Al>h($

literal 0
HcmV?d00001

diff --git a/.playwright/snapshots/components/Button.test.ts-snapshots/Trailing-Counter-No-Text-light-high-contrast-linux.png b/.playwright/snapshots/components/Button.test.ts-snapshots/Trailing-Counter-No-Text-light-high-contrast-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..45a93394498e5f4e7177929f902973ae7f132eda
GIT binary patch
literal 5646
zcmeHLc~BEs8h^-YECIpYQFI5$Dyy!gf)1k)Fhu3ZxG2m{jf)6QxFpJ9I7T8#NL*2r
z@fu}8fk0$ba0EdF0ZB+yj;IJ3CW9ck2ob`O!w_<jq_eI6?0-A6Tl;6es;;i;e*OCE
z?{|E!U(uJ5SeIpgTm}Ge+4n{0R{%K9!v|Qp2)?p7lo<%09CE(G?gb449@7A<e6cTd
z&)28uN>SSPm54oDX>-vpKZw$Q4DVQ5QFGvVz~BG+WkmJ*2XPyAukXBbU{G`BcGx-B
zfGdHkmaTKV;1}4nwCkSH0iPLOz1G30<y`jk;@=5s=6BBTJzjBH)UoQ%F@HI5KH2Ja
zKH<!r^pRqbWil_AEk~0fxqy%>HlV$mo0}a07@KNKu13I_X+wmLVE5T}1US7k%N2kX
z<6Z!)>qY|*dVvhU1vdi#ZfjKz;7@!1^FU)$7gdgLU}|R4FxDZ2*Jvl1$BHcXPfF^0
zLuV~ae2SwC6#BW7oB(hZy-+9=2`pu$8ahu<=O<bh@KO8g<66_-x)t^ppvn6Ek*d+A
zB<`a@**Avr2zSzQ_@QBGw>3y&HAGa+$=vCj;{nB!61@_+W{twuHOwYep9kQnTfeE?
z9EBsw+6=*2pOjeRx3#~2uEn!W4|rmu>6{k~Nyz8&cFw{d7>7AjYi6(W;DWrKvrrzj
zbsh$A^$#en)zMW&zj+8n-yYJEnm7(2yyB)-0<bMK=ZaZG)^8aNI_8>?o}NA!JOtNo
zvPX(proHe)E+!K=)`6FB9AUCi+I~j_7K@E;h<lPc^a{_&9ql-o=1%ekU<<3q%YZaK
zU3rzNoW*G8YZ=sD?Eo|0(k=^k^<b2h<t3-WF*6etXTIwzYCYN)=G6HK0INoJajhqZ
zC7BZ?Nc8;TZAsj#8NoJ|ACEMLEbUO}ZZIIBpU-IaO9SWgzz@-(D&u)LFYy;=T8}o;
zWVlXQ24*xDfPjwv93d{N=X_ODqD9f{?=enis#vo)OuKHM4C47PEfyz#M)s>sQ47_+
zBboXl*=BL3sREi)5-QEfFe7ft+a*k*`bP|HCa>a~tSLTwA=$OT^c2w+Y{=sU-BYw>
zSjWt^>3k+fbD4qG$suEuZ)|g}h=@DP%vI)4H8)yMh;lVO6|@!t%s^}%3bR$dwA~;k
zbM!hJYPQ~;qJ9=jcrwu_(ddWjq9C1wG<1Y0)J*!brMHL~a8llUzClE^UGs$5bg?Iq
zRjqFosN>ia(;fulRHC}k+Dl;15Pdv94T8jE6<bp{i^t=!;o)opeWH&+H7kkrv2Bwt
zRExpsu!QZ9oSL0I*R9bMEU(g7{BQ;=?X#Peoys?{>JIGyKMEte^$6*_M7Ft?7^&KI
zCc**4uZX#n#Yr1((5Nq(9mU!Pj<q0yW<JXZl)BI$cZqGrX#5VQLKku=oZw*MCG)fR
z<XpXtCLNEU>U0E>_H|X+Fa)VpBBtRB^&&Wp^zFUY?pGyO_aE^5_Prm2tv{l+R1^=>
zv&D-mc=<gwHaeX$^$*1IKz!<qw5X^Ao4E;Q(>g6BL^(3@h{>TC;<v3{6O;X>jE9k)
zt#w&a;7ie9YHDja<N*<mO;#A2LM+z~)@`V%sabB>Jw!wYS|zqQo?2oW3#kpBZK0Xp
zx7G&hHdZywja^}ojMC!Bz~fZT3IIH|PNG!4tT9W50Fy0=hSYiggn?JJDv|7&`)P1Z
zn`B%c_%=L0Ka%`r2gCBq9)v&P$-6;pZ6jplp6HmqSQpKpm?|W5#avI~Pbfa0FK4IA
zcICs$3V3ztHFT>_Ks$Z8qSYcJ+f@6a$U1dr3cm*T)=;UYSnj9oJVAL`deOI>UmMqS
zQt;yX-4D!kwUy2`GEYoje->8Z8_<0xDlV^wo&vkT-;xgv3o#R$xD+VI25IUVPzK?R
z{>KVL!L!nf{*r8MzkxQvM$TEtswZ;2-~>AKE$o5fhvQI>@4^Jvi>xSVWWD<-dd%Z_
z5H$AyX`U+iAfw`{JnKn@_1%u>PUQmviscH!R+w<4)DPE6Jtml+zm4gnn2Ka@Y!1g_
zKZ?1moOB9S^TIXT;imC!<Rne+)8_zgWmFOFRTABCEhcuOkOo&o(Qc}#4BCiKNm=fJ
z^z=OPICcEa!McHbQ}2$n$e5`z03N<yMHad)DL9!nTp!C!sg8!fGtpn3rs9@v6*S{{
zAFK=}6SueY-%d6&RJUOx(FOn7O-ZNkI{H}Bwg}uxAIP%(?9RyPyW-ik#xJx@$dcXl
z&6DnJ1mN`A@*E-OJ>7+i){Q6yn9u0wkS1M-fU$EY>7#eUWOg2;BhR5$JL^><bCrRu
zj=hS8=(t0i)Wk&C6axg*uVHTxqfmML18ww7%cJ4Ah5JcYP$|{!4zN9YMhbZY1Hq6{
z=1);M4O8`n2rtSpgDQ+f`@rJjXhw@BOitHX<S+<L-rn9$o$xygr!vQ()A?q-QqV@Q
zK~}Rt%}^iICcV7AKB9C>Ovks=Ki`F$#K+De<-)D&;l0<U!ovW>XZ`-Swy)pZ=j;Rj
zKkEg19qo1e-&dP<_So5DXU~84hi2D|T{Cvg*fsO(dpUNeusem_DSpK%Y)-d>AP1pq
S+XZ+N3+xMv3~ksOf979-)1)>4

literal 0
HcmV?d00001

diff --git a/.playwright/snapshots/components/Button.test.ts-snapshots/Trailing-Counter-No-Text-light-linux.png b/.playwright/snapshots/components/Button.test.ts-snapshots/Trailing-Counter-No-Text-light-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..7f9ab430cdf91a0a0e1a0ceeb5aacdf838ede2f5
GIT binary patch
literal 5353
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
Al>h($

literal 0
HcmV?d00001

diff --git a/.playwright/snapshots/components/Button.test.ts-snapshots/Trailing-Counter-No-Text-light-tritanopia-linux.png b/.playwright/snapshots/components/Button.test.ts-snapshots/Trailing-Counter-No-Text-light-tritanopia-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..7f9ab430cdf91a0a0e1a0ceeb5aacdf838ede2f5
GIT binary patch
literal 5353
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
Al>h($

literal 0
HcmV?d00001