Add restricted badge format (#219)

vimeo · Jan 20, 2023 · 0942ddc · 0942ddc
1 parent 511041e
commit 0942ddc
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 0 deletions.
diff --git a/src/components/Badge/Badge.style.ts b/src/components/Badge/Badge.style.ts
@@ -205,6 +205,13 @@ export function format({ $format, href = null }) {
         border: 1px solid ${color};
       `;
     }
+    case 'restricted': {
+      return css`
+        color: ${white};
+        background-color: ${red(500)};
+        opacity: 0.7;
+      `;
+    }
     case 'sponsor':
       return basicBadge(green(500));
     case 'partner':

diff --git a/src/components/Badge/Badge.types.ts b/src/components/Badge/Badge.types.ts
@@ -42,6 +42,7 @@ type Format =
   | 'plus'
   | 'producer'
   | 'pro'
+  | 'restricted'
   | 'spatial'
   | 'sponsor'
   | 'staff'