Increased spacing between River components on mobile viewports (#791)

* increased River outer padding on mobile viewports * update snapshots * add changeset * apply PR feedback
primer · Oct 23, 2024 · 8105b6a · 8105b6a
1 parent b5c291e
commit 8105b6a
Show file tree

Hide file tree

Showing 6 changed files with 7 additions and 4 deletions.
diff --git a/.changeset/angry-masks-kneel.md b/.changeset/angry-masks-kneel.md
@@ -0,0 +1,6 @@
+---
+'@primer/brand-primitives': patch
+'@primer/react-brand': patch
+---
+
+Increased spacing between `River` components on narrow viewports from `28px` to `36px`
diff --git a/packages/design-tokens/src/tokens/functional/components/river/river.json b/packages/design-tokens/src/tokens/functional/components/river/river.json
@@ -13,11 +13,8 @@
         }
       },
       "outer": {
-        "value": "var(--base-size-28)",
+        "value": "var(--base-size-36)",
         "responsive": {
-          "768px": {
-            "value": "var(--base-size-36)"
-          },
           "1280px": {
             "value": "var(--base-size-48)"
           }

diff --git a/...avBar-Mobile-view-2fbdc-bdomainNavBar-Mobile-Search-Results-Visible-1-linux.png b/...avBar-Mobile-view-2fbdc-bdomainNavBar-Mobile-Search-Results-Visible-1-linux.png
diff --git a/...avBar-Mobile-view-8d921-for-Mobile-View-SubdomainNavBar-Mobile-View-1-linux.png b/...avBar-Mobile-view-8d921-for-Mobile-View-SubdomainNavBar-Mobile-View-1-linux.png
diff --git a/...avBar-Mobile-view-98fdb-SubdomainNavBar-Mobile-Menu-Open-Many-Items-1-linux.png b/...avBar-Mobile-view-98fdb-SubdomainNavBar-Mobile-Menu-Open-Many-Items-1-linux.png
diff --git a/...avBar-Mobile-view-e88bc--Menu-Open-SubdomainNavBar-Mobile-Menu-Open-1-linux.png b/...avBar-Mobile-view-e88bc--Menu-Open-SubdomainNavBar-Mobile-Menu-Open-1-linux.png