bugfix(Stack): Fix typo in custom media variable used in Stack component (#5419)

jonrohan · web-flow · commit 73da985f4303 · 2024-12-12T14:27:06.000Z
* bugfix(Stack): typo in custom media variable

* Create chilled-nails-juggle.md
diff --git a/.changeset/chilled-nails-juggle.md b/.changeset/chilled-nails-juggle.md
@@ -0,0 +1,5 @@
+---
+"@primer/react": patch
+---
+
+bugfix(Stack): Fix typo in custom media variable used in Stack component
diff --git a/packages/react/src/Stack/Stack.module.css b/packages/react/src/Stack/Stack.module.css
@@ -113,7 +113,7 @@
     flex-wrap: nowrap;
   }
 
-  @media (--veiwportRange-regular) {
+  @media (--viewportRange-regular) {
     &[data-padding-regular='none'] {
       padding: 0;
     }
@@ -301,7 +301,7 @@
     flex-grow: 1;
   }
 
-  @media (--veiwportRange-regular) {
+  @media (--viewportRange-regular) {
     &[data-grow-regular='true'] {
       flex-grow: 1;
     }
diff --git a/packages/react/src/Stack/Stack.tsx b/packages/react/src/Stack/Stack.tsx
@@ -126,7 +126,7 @@ const StyledStack = toggleStyledComponent(
       flex-wrap: nowrap;
     }
 
-    // @custom-media --veiwportRange-regular
+    // @custom-media --viewportRange-regular
     @media (min-width: 48rem) {
       &[data-padding-regular='none'] {
         padding: 0;
@@ -406,7 +406,7 @@ const StyledStackItem = toggleStyledComponent(
       flex-grow: 1;
     }
 
-    // @custom-media --veiwportRange-regular
+    // @custom-media --viewportRange-regular
     @media (min-width: 48rem) {
       &[data-grow-regular='true'] {
         flex-grow: 1;

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +"@primer/react": patch
 +---
++
 +bugfix(Stack): Fix typo in custom media variable used in Stack component
Original file line number	Diff line number	Diff line change
`@@ -113,7 +113,7 @@`
`113`	`113`	`flex-wrap: nowrap;`
`114`	`114`	`}`
`115`	`115`
`116`		`- @media (--veiwportRange-regular) {`
	`116`	`+ @media (--viewportRange-regular) {`
`117`	`117`	`&[data-padding-regular='none'] {`
`118`	`118`	`padding: 0;`
`119`	`119`	`}`
`@@ -301,7 +301,7 @@`
`301`	`301`	`flex-grow: 1;`
`302`	`302`	`}`
`303`	`303`
`304`		`- @media (--veiwportRange-regular) {`
	`304`	`+ @media (--viewportRange-regular) {`
`305`	`305`	`&[data-grow-regular='true'] {`
`306`	`306`	`flex-grow: 1;`
`307`	`307`	`}`