From 03a943de28d6996214a1ce98abf75d085ce3db83 Mon Sep 17 00:00:00 2001
From: ShakedZrihen <shaked.zrihen@gmail.com>
Date: Thu, 19 Sep 2024 20:28:30 +0300
Subject: [PATCH] feat: publish new version

---
 package-lock.json                                         | 4 ++--
 package.json                                              | 2 +-
 src/@types/theme.d.ts                                     | 4 ++++
 .../base/TranslationButton/TranslationButton.style.tsx    | 8 +++-----
 src/context/theme/lightMode.ts                            | 8 ++++----
 5 files changed, 14 insertions(+), 12 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 33ccab0..6ad9bbf 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "specter-ui-kit",
-  "version": "0.4.0-rc",
+  "version": "0.4.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "specter-ui-kit",
-      "version": "0.4.0-rc",
+      "version": "0.4.0",
       "dependencies": {
         "@emotion/react": "^11.13.3",
         "@emotion/styled": "^11.13.0",
diff --git a/package.json b/package.json
index e722e33..07d41ce 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "specter-ui-kit",
   "private": false,
-  "version": "0.4.0-rc-4",
+  "version": "0.4.0",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.es.js",
diff --git a/src/@types/theme.d.ts b/src/@types/theme.d.ts
index 94ada03..b22aefa 100644
--- a/src/@types/theme.d.ts
+++ b/src/@types/theme.d.ts
@@ -25,6 +25,10 @@ declare module '@mui/material/styles' {
         highlight: string;
         icon: string;
       };
+      colors: {
+        primary: string;
+        secondary: string;
+      }
     };
   }
   interface ThemeOptions {
diff --git a/src/components/base/TranslationButton/TranslationButton.style.tsx b/src/components/base/TranslationButton/TranslationButton.style.tsx
index c921a1d..8a79e37 100644
--- a/src/components/base/TranslationButton/TranslationButton.style.tsx
+++ b/src/components/base/TranslationButton/TranslationButton.style.tsx
@@ -2,21 +2,19 @@ import { styled } from '@mui/material/styles';
 import Button from '@mui/material/Button';
 import TranslateIcon from '@mui/icons-material/Translate';
 
-
 const StyledTranslationButton = styled(Button)(({ theme }) => ({
-  backgroundColor: theme.colorPalette.secondaryColor.color,
+  backgroundColor: theme.colorPalette.colors.primary,
   color: 'white',
   '&:hover': {
-    backgroundColor: theme.colorPalette.primaryColor.color,
+    backgroundColor: theme.colorPalette.colors.secondary,
   },
   minWidth: 'auto',
   padding: '8px',
   borderRadius: '4px',
 }));
 
-
 const StyledTranslateIcon = styled(TranslateIcon)(() => ({
   color: 'inherit',
 }));
 
-export { StyledTranslationButton, StyledTranslateIcon };
\ No newline at end of file
+export { StyledTranslationButton, StyledTranslateIcon };
diff --git a/src/context/theme/lightMode.ts b/src/context/theme/lightMode.ts
index a47d9a4..700ea09 100644
--- a/src/context/theme/lightMode.ts
+++ b/src/context/theme/lightMode.ts
@@ -28,10 +28,10 @@ export const colorPalette = {
     highlight: '#FFDF5F',
     icon: '#2860A8',
   },
-  primaryColor: {
-    color: '#474E72'
+  colors: {
+    primary: '#474E72',
+    secondary: '#1B1E2D',
   },
-  secondaryColor: '#1B1E2D',
 };
 
 export const lightMode = createTheme({
@@ -52,4 +52,4 @@ export const lightMode = createTheme({
       },
     },
   },
-});
\ No newline at end of file
+});