From 4a07afb36d29bb81f80cf24a57d6a94f0e8d6398 Mon Sep 17 00:00:00 2001
From: Rez <13340707+rezrah@users.noreply.github.com>
Date: Mon, 28 Oct 2024 16:36:36 +0000
Subject: [PATCH] Hotfixes for 0.41.0 RC (#801)

---
 .changeset/light-eyes-talk.md                 |  20 ++++++++++++++++++
 .changeset/lovely-rocks-bathe.md              |   2 +-
 .changeset/sweet-waves-matter.md              |   4 +++-
 .changeset/twelve-hotels-bake.md              |   5 -----
 .changeset/wise-cherries-walk.md              |   6 ------
 .../src/tokens/functional/size/size.json      |  14 ++++++++++--
 .../src/ActionMenu/ActionMenu.module.css      |   3 ++-
 .../src/Button/Button.features.stories.tsx    |  11 ++++++++++
 packages/react/src/Button/Button.module.css   |   4 ++--
 .../react/src/Button/Button.visual.spec.ts    |   9 ++++++++
 ...Button-Button-With-Longer-Text-1-linux.png | Bin 0 -> 18609 bytes
 .../src/forms/TextInput/TextInput.module.css  |   4 ++--
 .../src/forms/Textarea/Textarea.module.css    |   4 ++--
 13 files changed, 64 insertions(+), 22 deletions(-)
 delete mode 100644 .changeset/twelve-hotels-bake.md
 delete mode 100644 .changeset/wise-cherries-walk.md
 create mode 100644 packages/react/src/Button/Button.visual.spec.ts-snapshots/Visual-Comparison-Button-Button-With-Longer-Text-1-linux.png

diff --git a/.changeset/light-eyes-talk.md b/.changeset/light-eyes-talk.md
index ddb5ff725..2fb9b0f67 100644
--- a/.changeset/light-eyes-talk.md
+++ b/.changeset/light-eyes-talk.md
@@ -1,5 +1,25 @@
 ---
+'@primer/brand-primitives': minor
 '@primer/react-brand': patch
 ---
 
 Fixed issue where `Button` component would reflow and break over multiple lines when its text content exceeded the viewport width.
+
+:warning: Breaking changes to the following design tokens:
+
+```diff
+- --brand-control-medium-paddingBlock
++ --brand-control-medium-paddingBlock-normal
+```
+
+```diff
+- --brand-control-large-paddingBlock
++ --brand-control-large-paddingBlock-normal
+```
+
+Additional tokens added:
+
+```diff
++ --brand-control-medium-paddingBlock-condensed
++ --brand-control-large-paddingBlock-condensed
+```
diff --git a/.changeset/lovely-rocks-bathe.md b/.changeset/lovely-rocks-bathe.md
index bdfb411de..2ba5fe556 100644
--- a/.changeset/lovely-rocks-bathe.md
+++ b/.changeset/lovely-rocks-bathe.md
@@ -2,4 +2,4 @@
 '@primer/react-brand': patch
 ---
 
-Improves spacing of RiverBreakout content
+Improves spacing of `RiverBreakout` content
diff --git a/.changeset/sweet-waves-matter.md b/.changeset/sweet-waves-matter.md
index 7b6030e07..1e098e48c 100644
--- a/.changeset/sweet-waves-matter.md
+++ b/.changeset/sweet-waves-matter.md
@@ -2,5 +2,7 @@
 '@primer/react-brand': patch
 ---
 
-- Update the order of River children to ensure an acccessible markup strucuture.
+- Update the order of River children to ensure an accessible markup structure.
 - On narrow viewports, the content and visuals are now flipped, with the visuals always placed first to enhance visual hierarchy.
+
+  > :warning: This may introduce a visual breaking change, whereby the visual is now displayed earlier in the page than originally intended. Please manually review content adjacent to the `River` components for correctness.
diff --git a/.changeset/twelve-hotels-bake.md b/.changeset/twelve-hotels-bake.md
deleted file mode 100644
index 2f2c748cd..000000000
--- a/.changeset/twelve-hotels-bake.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'@primer/react-brand': patch
----
-
-Added `size` prop to `Icon` component
diff --git a/.changeset/wise-cherries-walk.md b/.changeset/wise-cherries-walk.md
deleted file mode 100644
index d3882df20..000000000
--- a/.changeset/wise-cherries-walk.md
+++ /dev/null
@@ -1,6 +0,0 @@
----
-'@primer/brand-primitives': patch
-'@primer/react-brand': patch
----
-
-Add Icon component with new color primitives.
diff --git a/packages/design-tokens/src/tokens/functional/size/size.json b/packages/design-tokens/src/tokens/functional/size/size.json
index 56ced0f71..be57f1d97 100644
--- a/packages/design-tokens/src/tokens/functional/size/size.json
+++ b/packages/design-tokens/src/tokens/functional/size/size.json
@@ -41,7 +41,12 @@
         "value": "{base.size.16}"
       },
       "paddingBlock": {
-        "value": "{base.size.16}"
+        "condensed": {
+          "value": "{base.size.6}"
+        },
+        "normal": {
+          "value": "{base.size.16}"
+        }
       },
       "paddingInline": {
         "condensed": {
@@ -67,7 +72,12 @@
         "value": "{base.size.20}"
       },
       "paddingBlock": {
-        "value": "{base.size.20}"
+        "condensed": {
+          "value": "{base.size.12}"
+        },
+        "normal": {
+          "value": "{base.size.20}"
+        }
       },
       "paddingInline": {
         "condensed": {
diff --git a/packages/react/src/ActionMenu/ActionMenu.module.css b/packages/react/src/ActionMenu/ActionMenu.module.css
index 0a41d7bfa..6b7e95fe4 100644
--- a/packages/react/src/ActionMenu/ActionMenu.module.css
+++ b/packages/react/src/ActionMenu/ActionMenu.module.css
@@ -125,7 +125,8 @@
 }
 
 .ActionMenu__item--medium {
-  padding: var(--brand-control-medium-paddingBlock) var(--brand-control-medium-paddingInline-normal);
+  padding: var(--brand-control-medium-paddingBlock-condensed) var(--brand-control-medium-paddingInline-normal);
+  min-height: var(--brand-control-medium-size);
 }
 
 .ActionMenu__item--small {
diff --git a/packages/react/src/Button/Button.features.stories.tsx b/packages/react/src/Button/Button.features.stories.tsx
index b67a28e32..6da000740 100644
--- a/packages/react/src/Button/Button.features.stories.tsx
+++ b/packages/react/src/Button/Button.features.stories.tsx
@@ -4,6 +4,7 @@ import {userEvent, waitFor, within} from '@storybook/test'
 
 import {Button} from '.'
 import {HeartFillIcon, MarkGithubIcon, PlayIcon} from '@primer/octicons-react'
+import {Grid} from '../Grid'
 
 export default {
   title: 'Components/Button/Features',
@@ -255,3 +256,13 @@ export const WithVisualsAndDisabled = () => (
   </Button>
 )
 WithVisualsAndDisabled.storyName = 'With visuals and disabled'
+
+export const WithLongerText = () => (
+  <Grid>
+    <Grid.Column span={2}>
+      <Button hasArrow={false}>
+        Lorem ipsum dolor sit amet, consectetur adipiscing elit. In sapien sit ullamcorper id.
+      </Button>
+    </Grid.Column>
+  </Grid>
+)
diff --git a/packages/react/src/Button/Button.module.css b/packages/react/src/Button/Button.module.css
index 79525eb9c..a5179e90d 100644
--- a/packages/react/src/Button/Button.module.css
+++ b/packages/react/src/Button/Button.module.css
@@ -168,12 +168,12 @@
 
 .Button--size-medium {
   min-height: var(--brand-control-medium-size);
-  padding-inline: var(--brand-control-medium-paddingInline-spacious);
+  padding: var(--brand-control-medium-paddingBlock-condensed) var(--brand-control-medium-paddingInline-spacious);
 }
 
 .Button--size-large {
   min-height: var(--brand-control-large-size);
-  padding-inline: var(--brand-control-large-paddingInline-spacious);
+  padding: var(--brand-control-large-paddingBlock-condensed) var(--brand-control-large-paddingInline-spacious);
 }
 
 .Button--size-large .Button__icon-visual,
diff --git a/packages/react/src/Button/Button.visual.spec.ts b/packages/react/src/Button/Button.visual.spec.ts
index a1289faba..b6f7e8c75 100644
--- a/packages/react/src/Button/Button.visual.spec.ts
+++ b/packages/react/src/Button/Button.visual.spec.ts
@@ -206,4 +206,13 @@ test.describe('Visual Comparison: Button', () => {
     await page.waitForTimeout(500)
     expect(await page.screenshot({fullPage: true})).toMatchSnapshot()
   })
+
+  test('Button / With Longer Text', async ({page}) => {
+    await page.goto(
+      'http://localhost:6006/iframe.html?args=&id=components-button-features--with-longer-text&viewMode=story',
+    )
+
+    await page.waitForTimeout(500)
+    expect(await page.screenshot({fullPage: true})).toMatchSnapshot()
+  })
 })
diff --git a/packages/react/src/Button/Button.visual.spec.ts-snapshots/Visual-Comparison-Button-Button-With-Longer-Text-1-linux.png b/packages/react/src/Button/Button.visual.spec.ts-snapshots/Visual-Comparison-Button-Button-With-Longer-Text-1-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..174d2e73af782b2689a1323232f4d6cd76869c71
GIT binary patch
literal 18609
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

literal 0
HcmV?d00001

diff --git a/packages/react/src/forms/TextInput/TextInput.module.css b/packages/react/src/forms/TextInput/TextInput.module.css
index 2eadc7960..37712710c 100644
--- a/packages/react/src/forms/TextInput/TextInput.module.css
+++ b/packages/react/src/forms/TextInput/TextInput.module.css
@@ -40,13 +40,13 @@
 .TextInput--medium {
   font-weight: var(--brand-text-weight-100);
   font-size: var(--brand-text-size-100);
-  padding: var(--brand-control-medium-paddingBlock) var(--brand-control-medium-paddingInline-condensed);
+  padding: var(--brand-control-medium-paddingBlock-normal) var(--brand-control-medium-paddingInline-condensed);
 }
 
 .TextInput--large {
   font-weight: var(--brand-text-weight-200);
   font-size: var(--brand-text-size-200);
-  padding: var(--brand-control-large-paddingBlock) var(--brand-control-large-paddingInline-condensed);
+  padding: var(--brand-control-large-paddingBlock-normal) var(--brand-control-large-paddingInline-condensed);
 }
 
 .TextInput-wrapper--large {
diff --git a/packages/react/src/forms/Textarea/Textarea.module.css b/packages/react/src/forms/Textarea/Textarea.module.css
index 2610f5e56..f6b5b5420 100644
--- a/packages/react/src/forms/Textarea/Textarea.module.css
+++ b/packages/react/src/forms/Textarea/Textarea.module.css
@@ -56,13 +56,13 @@
 .Textarea--medium {
   font-weight: var(--brand-text-weight-100);
   font-size: var(--brand-text-size-100);
-  padding: var(--brand-control-medium-paddingBlock) var(--brand-control-medium-paddingInline-condensed);
+  padding: var(--brand-control-medium-paddingBlock-normal) var(--brand-control-medium-paddingInline-condensed);
 }
 
 .Textarea--large {
   font-weight: var(--brand-text-weight-200);
   font-size: var(--brand-text-size-200);
-  padding: var(--brand-control-large-paddingBlock) var(--brand-control-large-paddingInline-condensed);
+  padding: var(--brand-control-large-paddingBlock-normal) var(--brand-control-large-paddingInline-condensed);
 }
 
 /*