diff --git a/.changeset/gorgeous-planets-heal.md b/.changeset/gorgeous-planets-heal.md new file mode 100644 index 00000000000..ee5f61dbfd9 --- /dev/null +++ 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 index 838ff3211ac..d103733f103 100644 --- 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 index 496bb91c33d..0148e4fb411 100644 --- 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); }