From 9c064d653ea44da18ecad6621b8e9f202d104873 Mon Sep 17 00:00:00 2001
From: Haider Alshamma <haidera@nulogy.com>
Date: Wed, 6 Nov 2024 13:29:03 -0500
Subject: [PATCH] fix: lint issues

---
 .storybook/nds-theme/ThemeInput.jsx | 15 ---------------
 .storybook/nds-theme/index.tsx      |  1 -
 .storybook/nds-theme/register.tsx   |  2 +-
 3 files changed, 1 insertion(+), 17 deletions(-)

diff --git a/.storybook/nds-theme/ThemeInput.jsx b/.storybook/nds-theme/ThemeInput.jsx
index 27674acd6..b0900af9d 100644
--- a/.storybook/nds-theme/ThemeInput.jsx
+++ b/.storybook/nds-theme/ThemeInput.jsx
@@ -1,20 +1,5 @@
 import styled from "styled-components";
 
-export const ThemeInput = styled.input(({ theme }) => ({
-  fontFamily: `${theme.fonts.mono} !important`,
-  padding: 0,
-  width: "100%",
-  fontSize: theme.fontSizes.small,
-  border: 0,
-  borderBottom: "1px solid #000",
-  transition: ".2s",
-  "&:focus": {
-    outline: "none",
-    boxShadow: "1px 1px 1px 0px rgba(0,0,0,1)",
-  },
-  lineHeight: theme.lineHeights.base,
-}));
-
 export const ThemeSelect = styled.select(({ theme }) => ({
   fontFamily: `${theme.fonts.mono} !important`,
   padding: 0,
diff --git a/.storybook/nds-theme/index.tsx b/.storybook/nds-theme/index.tsx
index 0ef778011..92182e7d6 100644
--- a/.storybook/nds-theme/index.tsx
+++ b/.storybook/nds-theme/index.tsx
@@ -2,7 +2,6 @@ import React from "react";
 import { select } from "@storybook/addon-knobs";
 import { NDSProvider } from "../../src";
 import { ALL_NDS_LOCALES } from "../../src/locales.const";
-import { desktop } from "../../src/theme";
 import { ComponentVariant } from "../../src/NDSProvider/ComponentVariantContext";
 import { useLocalStorage } from "./useLocalStorage/useLocalStorage";
 
diff --git a/.storybook/nds-theme/register.tsx b/.storybook/nds-theme/register.tsx
index b2c663c4b..059ee5eea 100644
--- a/.storybook/nds-theme/register.tsx
+++ b/.storybook/nds-theme/register.tsx
@@ -50,7 +50,7 @@ const ThemePanel = () => {
 };
 
 const ThemeAddonPanel = ({ active, key }: RenderOptions) => (
-  <AddonPanel key={key} active={active}>
+  <AddonPanel key={key} active={Boolean(active)}>
     <ThemePanel />
   </AddonPanel>
 );