From 8f261c7194fd7c871a723533957c852e14715b8a Mon Sep 17 00:00:00 2001 From: Jon Rohan Date: Thu, 12 Dec 2024 03:20:26 +0000 Subject: [PATCH 1/2] bugfix(Stack): typo in custom media variable --- packages/react/src/Stack/Stack.module.css | 4 ++-- packages/react/src/Stack/Stack.tsx | 4 ++-- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/packages/react/src/Stack/Stack.module.css b/packages/react/src/Stack/Stack.module.css index f326ef06e9e..d486159f684 100644 --- 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 index 9df230d7759..b99965c1c2d 100644 --- 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; From fd1cdc894a02a211f6e596d5ba3f0b0f5f4ce6b5 Mon Sep 17 00:00:00 2001 From: Jon Rohan Date: Wed, 11 Dec 2024 19:22:23 -0800 Subject: [PATCH 2/2] Create chilled-nails-juggle.md --- .changeset/chilled-nails-juggle.md | 5 +++++ 1 file changed, 5 insertions(+) create mode 100644 .changeset/chilled-nails-juggle.md diff --git a/.changeset/chilled-nails-juggle.md b/.changeset/chilled-nails-juggle.md new file mode 100644 index 00000000000..e010a4adad5 --- /dev/null +++ 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