plugin and theme sync

src/index.js

@@ -12,5 +12,4 @@ import TestModule from "./modules/TestModule"
 const collapsePanel =  new CollapsePanel()
 const customRangeSlider =  new CustomRangeSlider()
 const navControl =  new NavControl()
-const testModule =  new TestModule()
-console.log('Hello')
+const testModule =  new TestModule()

src/scss/base/_base.scss

@@ -124,3 +124,15 @@ select,
 textarea {
   background-color: var(--gray-100) !important;
 }
+
+button:disabled {
+  background-color: var(--gray-200);
+  color: black;
+  cursor: not-allowed;
+}
+
+button:disabled:hover {
+  background-color: var(--gray-500);
+  color: white;
+  cursor: not-allowed;
+}

src/scss/vendors/_wordpress.scss

@@ -116,7 +116,7 @@ body.login {
   text-decoration: underline;
 }
 
-.menu-item:hover {
+#menu-main-menu .menu-item:hover {
     background-color: var(--primary-500);
     color: #fff;
 }
@@ -131,6 +131,10 @@ body.login {
   font-size: 12px; /* Adjust the size as needed */
 }
 
+.menu-item-has-children:hover > a:after {
+  color: #fff; /* Change the color as needed */
+}
+
 /* Hide sub-menu items by default */
 .sub-menu {
   width: max-content;

src/scss/vendors/tailwind/_tailwind.scss

@@ -1580,6 +1580,10 @@ select {
   border-width: 8px;
 }
 
+.border-b-2 {
+  border-bottom-width: 2px;
+}
+
 .border-t {
   border-top-width: 1px;
 }
@@ -1588,10 +1592,6 @@ select {
   border-top-width: 4px;
 }
 
-.border-b-2 {
-  border-bottom-width: 2px;
-}
-
 .border-gray-300 {
   --tw-border-opacity: 1;
   border-color: rgb(209 213 219 / var(--tw-border-opacity));