Add 'New' status badge to Patterns nav item

jesstelford · jesstelford · commit a02bb048a07e · 2023-02-24T13:50:49.000+11:00
diff --git a/.changeset/pretty-news-happen.md b/.changeset/pretty-news-happen.md
@@ -0,0 +1,5 @@
+---
+'polaris.shopify.com': patch
+---
+
+Add 'New' status badge to Patterns nav item
diff --git a/polaris.shopify.com/content/patterns/index.md b/polaris.shopify.com/content/patterns/index.md
@@ -4,6 +4,9 @@ description: Design patterns help ensure consistent behavior across the Shopify
 icon: BehaviorMajor
 order: 6
 newSection: true
+status:
+  value: New
+  message: ''
 ---
 
 ![Design system building blocks, with pattern block highlighted.](/images/foundations/patterns/patterns@2x.png)
diff --git a/polaris.shopify.com/src/components/StatusBadge/StatusBadge.module.scss b/polaris.shopify.com/src/components/StatusBadge/StatusBadge.module.scss
@@ -16,7 +16,8 @@
   }
 
   &[data-value='beta'],
-  &[data-value='information'] {
+  &[data-value='information'],
+  &[data-value='new'] {
     background: var(--surface-information);
   }
 }
diff --git a/polaris.shopify.com/src/types.ts b/polaris.shopify.com/src/types.ts
@@ -151,6 +151,7 @@ export enum Breakpoints {
 }
 
 export enum StatusName {
+  New = 'New',
   Deprecated = 'Deprecated',
   Alpha = 'Alpha',
   Beta = 'Beta',

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +'polaris.shopify.com': patch
 +---
++
 +Add 'New' status badge to Patterns nav item
Original file line number	Diff line number	Diff line change
`@@ -16,7 +16,8 @@`
`16`	`16`	`}`
`17`	`17`
`18`	`18`	`&[data-value='beta'],`
`19`		`- &[data-value='information'] {`
	`19`	`+ &[data-value='information'],`
	`20`	`+ &[data-value='new'] {`
`20`	`21`	`background: var(--surface-information);`
`21`	`22`	`}`
`22`	`23`	`}`