From 7032456c615db233c6e95f91c70d75adda2ecdb6 Mon Sep 17 00:00:00 2001
From: Cassandra Tam <cassandra.tam@cultureamp.com>
Date: Fri, 20 Dec 2024 15:15:26 +1100
Subject: [PATCH] chore(sb/docs): delete SbContent

---
 .../SbContent/SbContent.module.scss           | 150 ------------------
 docs/components/SbContent/SbContent.tsx       |  16 --
 docs/components/SbContent/index.ts            |   1 -
 docs/components/index.ts                      |   1 -
 4 files changed, 168 deletions(-)
 delete mode 100644 docs/components/SbContent/SbContent.module.scss
 delete mode 100644 docs/components/SbContent/SbContent.tsx
 delete mode 100644 docs/components/SbContent/index.ts

diff --git a/docs/components/SbContent/SbContent.module.scss b/docs/components/SbContent/SbContent.module.scss
deleted file mode 100644
index 9bca38e65bc..00000000000
--- a/docs/components/SbContent/SbContent.module.scss
+++ /dev/null
@@ -1,150 +0,0 @@
-@import '~@kaizen/design-tokens/sass/spacing';
-@import '~@kaizen/design-tokens/sass/typography';
-@import '~@kaizen/design-tokens/sass/color';
-
-// duplicated some of the RTE styles to act as a baseline
-@mixin content-styles {
-  position: relative;
-  box-sizing: content-box;
-  color: $color-purple-800;
-
-  h1 {
-    font-family: $typography-heading-1-font-family;
-    font-weight: $typography-heading-1-font-weight;
-    font-size: $typography-heading-1-font-size;
-    line-height: $typography-heading-1-line-height;
-    letter-spacing: $typography-heading-1-letter-spacing;
-  }
-
-  h2 {
-    font-family: $typography-heading-2-font-family;
-    font-weight: $typography-heading-2-font-weight;
-    font-size: $typography-heading-2-font-size;
-    line-height: $typography-heading-2-line-height;
-    letter-spacing: $typography-heading-2-letter-spacing;
-    border-bottom: 0;
-    text-decoration: none;
-  }
-
-  h3 {
-    font-family: $typography-heading-3-font-family;
-    font-weight: $typography-heading-3-font-weight;
-    font-size: $typography-heading-3-font-size;
-    line-height: $typography-heading-3-line-height;
-    letter-spacing: $typography-heading-3-letter-spacing;
-  }
-
-  h4 {
-    font-family: $typography-heading-4-font-family;
-    font-weight: $typography-heading-4-font-weight;
-    font-size: $typography-heading-4-font-size;
-    line-height: $typography-heading-4-line-height;
-    letter-spacing: $typography-heading-4-letter-spacing;
-  }
-
-  h5 {
-    font-family: $typography-heading-5-font-family;
-    font-weight: $typography-heading-5-font-weight;
-    font-size: $typography-heading-5-font-size;
-    line-height: $typography-heading-5-line-height;
-    letter-spacing: $typography-heading-5-letter-spacing;
-  }
-
-  p,
-  a,
-  li {
-    font-family: $typography-paragraph-body-font-family;
-    font-weight: $typography-paragraph-body-font-weight;
-    font-size: $typography-paragraph-body-font-size;
-    letter-spacing: $typography-paragraph-body-letter-spacing;
-    line-height: $typography-paragraph-body-line-height;
-  }
-
-  li {
-    margin: 0;
-    padding: 0;
-    font-family: inherit;
-    font-weight: inherit;
-    font-size: inherit;
-  }
-
-  > p {
-    margin: 0 0 $spacing-16;
-  }
-
-  > *:last-child {
-    margin-bottom: 0;
-
-    > li:last-of-type {
-      p {
-        margin-bottom: 0;
-      }
-    }
-  }
-
-  img {
-    max-width: 100%;
-  }
-
-  > *:first-child {
-    margin-top: 0;
-
-    > li:first-of-type {
-      p {
-        margin-top: 0;
-      }
-    }
-  }
-
-  a {
-    color: $color-blue-500;
-
-    &:hover {
-      text-decoration: none;
-    }
-  }
-
-  @include nested-list-styles {
-    @include nested-list-styles;
-  }
-}
-
-@mixin nested-list-styles {
-  ul,
-  ol {
-    padding: 0;
-    margin: 0;
-    line-height: 1;
-    padding-inline-start: $spacing-40; // default browser styling
-  }
-
-  ol {
-    list-style-type: decimal;
-
-    ol {
-      list-style-type: lower-alpha;
-
-      ol {
-        list-style-type: lower-roman;
-        @content;
-      }
-    }
-  }
-
-  ul {
-    list-style-type: disc;
-
-    ul {
-      list-style-type: circle;
-
-      ul {
-        list-style-type: square;
-        @content;
-      }
-    }
-  }
-}
-
-.SbContent {
-  @include content-styles;
-}
diff --git a/docs/components/SbContent/SbContent.tsx b/docs/components/SbContent/SbContent.tsx
deleted file mode 100644
index e070f55c8b5..00000000000
--- a/docs/components/SbContent/SbContent.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import React, { type HTMLAttributes } from 'react'
-import { Unstyled } from '@storybook/blocks'
-import classNames from 'classnames'
-import styles from './SbContent.module.scss'
-
-/** A sensible default and convenience wrapper for Storybook text so we don't have to wrap it in an unstyled all the time */
-export const SbContent = ({
-  className,
-  ...otherProps
-}: HTMLAttributes<HTMLDivElement>): JSX.Element => (
-  <Unstyled>
-    <div {...otherProps} className={classNames(styles.SbContent, className)} />
-  </Unstyled>
-)
-
-SbContent.displayName = 'SbContent'
diff --git a/docs/components/SbContent/index.ts b/docs/components/SbContent/index.ts
deleted file mode 100644
index 0ef31001a9e..00000000000
--- a/docs/components/SbContent/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './SbContent'
diff --git a/docs/components/index.ts b/docs/components/index.ts
index c07aa17da52..8f7434d029c 100644
--- a/docs/components/index.ts
+++ b/docs/components/index.ts
@@ -5,4 +5,3 @@ export * from './LinkTo'
 export * from './NoClipCanvas'
 export * from './ResourceLinks'
 export * from './SbReleaseNotification'
-export * from './SbContent'