From 0fd8119c37602806c17a6c2cb3204ebcb7698b5b Mon Sep 17 00:00:00 2001
From: brentguf <brentguf@users.noreply.github.com>
Date: Tue, 19 Mar 2024 10:09:01 +0100
Subject: [PATCH] Remove dead code 4

---
 .../design/colors/Colors.stories.mdx          | 12 ---
 .../component-library/design/colors/index.tsx | 77 -------------------
 .../design/icons/Icons.stories.mdx            | 12 ---
 .../component-library/design/icons/index.tsx  | 53 -------------
 4 files changed, 154 deletions(-)
 delete mode 100644 front/app/component-library/design/colors/Colors.stories.mdx
 delete mode 100644 front/app/component-library/design/colors/index.tsx
 delete mode 100644 front/app/component-library/design/icons/Icons.stories.mdx
 delete mode 100644 front/app/component-library/design/icons/index.tsx

diff --git a/front/app/component-library/design/colors/Colors.stories.mdx b/front/app/component-library/design/colors/Colors.stories.mdx
deleted file mode 100644
index 210edd98ec54..000000000000
--- a/front/app/component-library/design/colors/Colors.stories.mdx
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Meta, Story, Canvas } from '@storybook/addon-docs/blocks';
-import Colors from './';
-
-<Meta title="Design/Colors" />
-
-# Colors
-
-<Canvas>
-  <Story name="default">
-    <Colors />
-  </Story>
-</Canvas>
diff --git a/front/app/component-library/design/colors/index.tsx b/front/app/component-library/design/colors/index.tsx
deleted file mode 100644
index 60dc0eff1b64..000000000000
--- a/front/app/component-library/design/colors/index.tsx
+++ /dev/null
@@ -1,77 +0,0 @@
-import React from 'react';
-
-import styled from 'styled-components';
-
-import Title from '../../components/Title';
-import { fontSizes, themeColors, semanticColors } from '../../utils/styleUtils';
-
-const Container = styled.div<{ borderColor: string }>`
-  width: 500px;
-  line-height: normal;
-  display: flex;
-  flex-direction: row;
-  flex-wrap: nowrap;
-  padding-right: 10px;
-  margin: 20px;
-  border-radius: ${(props) => props.theme.borderRadius};
-  border: ${(props) => `2px solid ${props.borderColor}`};
-`;
-const Color = styled.div<{ backgroundColor?: string }>`
-  min-height: 60px;
-  min-width: 120px;
-  background: ${(props) => props.backgroundColor};
-`;
-
-const ColorText = styled.div`
-  padding-left: 20px;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-`;
-
-const ColorTextKey = styled.div`
-  font-weight: 500;
-  font-size: ${fontSizes.xl}px;
-`;
-
-const ColorTextValue = styled.p`
-  font-weight: 400;
-  font-size: ${fontSizes.xs}px;
-`;
-
-const Colors = () => {
-  return (
-    <>
-      <Title> Semantic colors</Title>
-      {Object.entries(semanticColors)
-        .sort()
-        .map(([key, value]) => {
-          return (
-            <Container key={key} borderColor={value}>
-              <Color backgroundColor={value} />
-              <ColorText>
-                <ColorTextKey>{key}</ColorTextKey>
-                <ColorTextValue>{value}</ColorTextValue>
-              </ColorText>
-            </Container>
-          );
-        })}
-      <Title> Theme colors</Title>
-      {Object.entries(themeColors)
-        .sort()
-        .map(([key, value]) => {
-          return (
-            <Container key={key} borderColor={value}>
-              <Color backgroundColor={value} />
-              <ColorText>
-                <ColorTextKey>{key}</ColorTextKey>
-                <ColorTextValue>{value}</ColorTextValue>
-              </ColorText>
-            </Container>
-          );
-        })}
-    </>
-  );
-};
-
-export default Colors;
diff --git a/front/app/component-library/design/icons/Icons.stories.mdx b/front/app/component-library/design/icons/Icons.stories.mdx
deleted file mode 100644
index 23b3e10014ea..000000000000
--- a/front/app/component-library/design/icons/Icons.stories.mdx
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Meta, Story, Canvas } from '@storybook/addon-docs/blocks';
-import Icons from './';
-
-<Meta title="Design/Icons" />
-
-# Icons
-
-<Canvas>
-  <Story name="default">
-    <Icons />
-  </Story>
-</Canvas>
diff --git a/front/app/component-library/design/icons/index.tsx b/front/app/component-library/design/icons/index.tsx
deleted file mode 100644
index b684359e7010..000000000000
--- a/front/app/component-library/design/icons/index.tsx
+++ /dev/null
@@ -1,53 +0,0 @@
-import React from 'react';
-
-import styled from 'styled-components';
-
-import Icon, { icons, IconNames } from '../../components/Icon';
-import { fontSizes } from '../../utils/styleUtils';
-
-const Container = styled.div`
-  width: 500px;
-  line-height: normal;
-  display: flex;
-  flex-direction: row;
-  flex-wrap: nowrap;
-  padding-right: 10px;
-  margin: 20px;
-  border-radius: ${(props) => props.theme.borderRadius};
-`;
-
-const IconText = styled.div`
-  padding-left: 20px;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  div {
-    font-weight: 500;
-    font-size: ${fontSizes.xl}px;
-  }
-  p {
-    font-weight: 400;
-    font-size: ${fontSizes.xs}px;
-  }
-`;
-
-const Icons = () => {
-  return (
-    <>
-      {Object.keys(icons)
-        .sort()
-        .map((key) => {
-          return (
-            <Container key={key}>
-              <Icon name={key as IconNames} width="24px" height="24px" />
-              <IconText>
-                <div>{key}</div>
-              </IconText>
-            </Container>
-          );
-        })}
-    </>
-  );
-};
-
-export default Icons;