Update Banner.tsx (#4598)

lukasoppermann · web-flow · commit 32c687041a60 · 2024-05-23T09:08:17.000Z
* Update Banner.tsx

Remove the use of --space tokens

* added changeset
diff --git a/.changeset/slimy-pandas-turn.md b/.changeset/slimy-pandas-turn.md
@@ -0,0 +1,5 @@
+---
+'@primer/react': patch
+---
+
+Replaced space-small with base-size-6
diff --git a/packages/react/src/Banner/Banner.tsx b/packages/react/src/Banner/Banner.tsx
@@ -264,7 +264,7 @@ const StyledBanner = styled.div`
   }
 
   &[data-title-hidden=''] .BannerContent {
-    margin-block: var(--space-small, 0.375rem);
+    margin-block: var(--base-size-6, 0.375rem);
   }
 
   @media screen and (min-width: 544px) {

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +'@primer/react': patch
 +---
++
 +Replaced space-small with base-size-6
Original file line number	Diff line number	Diff line change
@@ -264,7 +264,7 @@ const StyledBanner = styled.div`
`264`	`264`	`}`
`265`	`265`
`266`	`266`	`&[data-title-hidden=''] .BannerContent {`
`267`		`- margin-block: var(--space-small, 0.375rem);`
	`267`	`+ margin-block: var(--base-size-6, 0.375rem);`
`268`	`268`	`}`
`269`	`269`
`270`	`270`	`@media screen and (min-width: 544px) {`