[polaris.shopify.com] Support beta components (#7418)

kyledurand · web-flow · commit c5cfe9026780 · 2022-10-18T12:01:42.000-04:00
Better communicates our confidence level in developing APIs and will help us release layout components Closes #7417
diff --git a/.changeset/gorgeous-planets-heal.md b/.changeset/gorgeous-planets-heal.md
@@ -0,0 +1,5 @@
+---
+'polaris.shopify.com': minor
+---
+
+Support beta status components
diff --git a/polaris.shopify.com/src/components/StatusBadge/StatusBadge.module.scss b/polaris.shopify.com/src/components/StatusBadge/StatusBadge.module.scss
@@ -6,13 +6,14 @@
   padding: 0.05rem 0.25rem;
   color: var(--text);
 
+  &[data-value='alpha'],
   &[data-value='warning'],
   &[data-value='deprecated'] {
     background: var(--surface-warning);
   }
 
-  &[data-value='information'],
-  &[data-value='alpha'] {
+  &[data-value='beta'],
+  &[data-value='information'] {
     background: var(--surface-information);
   }
 }
diff --git a/polaris.shopify.com/src/components/StatusBanner/StatusBanner.module.scss b/polaris.shopify.com/src/components/StatusBanner/StatusBanner.module.scss
@@ -5,13 +5,14 @@
   background: var(--surface-subdued);
   border-radius: var(--border-radius-400);
 
+  &[data-value='alpha'],
   &[data-value='warning'],
   &[data-value='deprecated'] {
     background: var(--surface-warning);
   }
 
-  &[data-value='information'],
-  &[data-value='alpha'] {
+  &[data-value='beta'],
+  &[data-value='information'] {
     background: var(--surface-information);
   }
 

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +'polaris.shopify.com': minor
 +---
++
 +Support beta status components
Original file line number	Diff line number	Diff line change
`@@ -6,13 +6,14 @@`
`6`	`6`	`padding: 0.05rem 0.25rem;`
`7`	`7`	`color: var(--text);`
`8`	`8`
	`9`	`+ &[data-value='alpha'],`
`9`	`10`	`&[data-value='warning'],`
`10`	`11`	`&[data-value='deprecated'] {`
`11`	`12`	`background: var(--surface-warning);`
`12`	`13`	`}`
`13`	`14`
`14`		`- &[data-value='information'],`
`15`		`- &[data-value='alpha'] {`
	`15`	`+ &[data-value='beta'],`
	`16`	`+ &[data-value='information'] {`
`16`	`17`	`background: var(--surface-information);`
`17`	`18`	`}`
`18`	`19`	`}`
Original file line number	Diff line number	Diff line change
`@@ -5,13 +5,14 @@`
`5`	`5`	`background: var(--surface-subdued);`
`6`	`6`	`border-radius: var(--border-radius-400);`
`7`	`7`
	`8`	`+ &[data-value='alpha'],`
`8`	`9`	`&[data-value='warning'],`
`9`	`10`	`&[data-value='deprecated'] {`
`10`	`11`	`background: var(--surface-warning);`
`11`	`12`	`}`
`12`	`13`
`13`		`- &[data-value='information'],`
`14`		`- &[data-value='alpha'] {`
	`14`	`+ &[data-value='beta'],`
	`15`	`+ &[data-value='information'] {`
`15`	`16`	`background: var(--surface-information);`
`16`	`17`	`}`
`17`	`18`