From 694539ea0e1b9ebe34b49eeb35dcdab56091b3fe Mon Sep 17 00:00:00 2001
From: Haider Alshamma <haidera@nulogy.com>
Date: Wed, 6 Nov 2024 13:28:36 -0500
Subject: [PATCH] chore: remove unused files

---
 .storybook/nds-theme/ThemeColorInput.jsx | 44 ------------------------
 .storybook/nds-theme/ThemeKey.jsx        | 12 -------
 2 files changed, 56 deletions(-)
 delete mode 100644 .storybook/nds-theme/ThemeColorInput.jsx
 delete mode 100644 .storybook/nds-theme/ThemeKey.jsx

diff --git a/.storybook/nds-theme/ThemeColorInput.jsx b/.storybook/nds-theme/ThemeColorInput.jsx
deleted file mode 100644
index 6d9abf9ca..000000000
--- a/.storybook/nds-theme/ThemeColorInput.jsx
+++ /dev/null
@@ -1,44 +0,0 @@
-import React, { useState } from "react";
-import { ChromePicker } from "react-color";
-import styled from "styled-components";
-
-import { ThemeInput } from "./ThemeInput";
-
-const Popover = styled.div({
-  position: "absolute",
-  zIndex: "2",
-});
-
-const CloseableArea = styled.div({
-  position: "fixed",
-  top: "0px",
-  right: "0px",
-  bottom: "0px",
-  left: "100px",
-});
-
-const Swatch = styled.div(({ color }) => ({
-  backgroundColor: color,
-  height: "15px",
-  width: "23px",
-  borderRadius: "3px",
-  margin: "0 5px",
-}));
-
-const ThemeColorInput = ({ color, onChange }) => {
-  const [displayColorPicker, setDisplayColorPicker] = useState(false);
-  return (
-    <>
-      <Swatch color={color} />
-      <ThemeInput onClick={() => setDisplayColorPicker(true)} value={color} readOnly />
-      {displayColorPicker ? (
-        <Popover>
-          <CloseableArea onClick={() => setDisplayColorPicker(false)} />
-          <ChromePicker color={color} onChangeComplete={(e) => onChange(e)} />
-        </Popover>
-      ) : null}
-    </>
-  );
-};
-
-export default ThemeColorInput;
diff --git a/.storybook/nds-theme/ThemeKey.jsx b/.storybook/nds-theme/ThemeKey.jsx
deleted file mode 100644
index 146277a4d..000000000
--- a/.storybook/nds-theme/ThemeKey.jsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import styled from "styled-components";
-import { Text } from "../../src";
-
-const ThemeKey = styled(Text)(({ theme }) => ({
-  display: "inline-block",
-  width: "250px",
-  fontSize: theme.fontSizes.small,
-  fontFamily: `${theme.fonts.mono} important`,
-  marginRight: theme.space.x3,
-}));
-
-export default ThemeKey;