From 897a396171f207d0cd6b5a07a2c303629125c1fc Mon Sep 17 00:00:00 2001
From: Matthew Volk <volkmattj@gmail.com>
Date: Fri, 12 Apr 2024 13:58:50 -0500
Subject: [PATCH] feat: remove beta references (#1400)

---
 .../docs/components/BetaRibbon/BetaRibbon.tsx |  5 ----
 packages/docs/components/BetaRibbon/index.tsx |  1 -
 .../docs/components/BetaRibbon/styled.tsx     | 23 -------------------
 packages/docs/components/index.tsx            |  1 -
 packages/docs/pages/_app.tsx                  |  3 +--
 packages/docs/pages/index.tsx                 |  2 +-
 6 files changed, 2 insertions(+), 33 deletions(-)
 delete mode 100644 packages/docs/components/BetaRibbon/BetaRibbon.tsx
 delete mode 100644 packages/docs/components/BetaRibbon/index.tsx
 delete mode 100644 packages/docs/components/BetaRibbon/styled.tsx

diff --git a/packages/docs/components/BetaRibbon/BetaRibbon.tsx b/packages/docs/components/BetaRibbon/BetaRibbon.tsx
deleted file mode 100644
index 6490646dc..000000000
--- a/packages/docs/components/BetaRibbon/BetaRibbon.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import React from 'react';
-
-import { StyledRibbon } from './styled';
-
-export const BetaRibbon: React.FC = () => <StyledRibbon>Beta</StyledRibbon>;
diff --git a/packages/docs/components/BetaRibbon/index.tsx b/packages/docs/components/BetaRibbon/index.tsx
deleted file mode 100644
index 3c8d5ae0d..000000000
--- a/packages/docs/components/BetaRibbon/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export * from './BetaRibbon';
diff --git a/packages/docs/components/BetaRibbon/styled.tsx b/packages/docs/components/BetaRibbon/styled.tsx
deleted file mode 100644
index 4109f61d6..000000000
--- a/packages/docs/components/BetaRibbon/styled.tsx
+++ /dev/null
@@ -1,23 +0,0 @@
-import styled from 'styled-components';
-
-const RIBBON_POSITION = 48;
-
-export const StyledRibbon = styled.div`
-  display: none;
-
-  ${({ theme }) => theme.breakpoints.tablet} {
-    background-color: ${({ theme }) => theme.colors.primary};
-    color: ${({ theme }) => theme.colors.white};
-    display: block;
-    font-weight: ${({ theme }) => theme.typography.fontWeight.semiBold};
-    line-height: ${({ theme }) => theme.lineHeight.xxLarge};
-    position: fixed;
-    right: ${({ theme }) => theme.helpers.remCalc(-RIBBON_POSITION)};
-    text-align: center;
-    text-transform: uppercase;
-    top: ${({ theme }) => theme.helpers.remCalc(RIBBON_POSITION / 2)};
-    transform: rotate(45deg);
-    width: ${({ theme }) => theme.helpers.remCalc(192)};
-    z-index: ${({ theme }) => theme.zIndex.fixed - 1};
-  }
-`;
diff --git a/packages/docs/components/index.tsx b/packages/docs/components/index.tsx
index d64fa451e..bae77c3ef 100644
--- a/packages/docs/components/index.tsx
+++ b/packages/docs/components/index.tsx
@@ -1,4 +1,3 @@
-export * from './BetaRibbon';
 export * from './Code';
 export * from './CodePreview';
 export * from './CodeSnippet';
diff --git a/packages/docs/pages/_app.tsx b/packages/docs/pages/_app.tsx
index e0f3cb709..26b6f211f 100644
--- a/packages/docs/pages/_app.tsx
+++ b/packages/docs/pages/_app.tsx
@@ -12,7 +12,7 @@ import Script from 'next/script';
 import React, { useEffect } from 'react';
 import { ThemeProvider } from 'styled-components';
 
-import { BetaRibbon, SideNav, StoryWrapper } from '../components';
+import { SideNav, StoryWrapper } from '../components';
 import { GTM_ID, isProd, pageView } from '../utils/analytics/gtm';
 
 export const alertsManager = createAlertsManager();
@@ -118,7 +118,6 @@ const App = ({ Component, pageProps }) => {
                   </StoryWrapper>
                 </GridItem>
               </Grid>
-              <BetaRibbon />
             </>
           )}
         </>
diff --git a/packages/docs/pages/index.tsx b/packages/docs/pages/index.tsx
index 634a9d5d9..42b374e4a 100644
--- a/packages/docs/pages/index.tsx
+++ b/packages/docs/pages/index.tsx
@@ -44,7 +44,7 @@ const GettingStartedPage = () => {
                 href="https://support.bigcommerce.com/s/group/0F91B000000bnqoSAA/bigdesign-beta"
                 target="_blank"
               >
-                Beta Community Group
+                Community Group
               </Link>
             </List.Item>
             <List.Item>