oneslash-design-system 1.1.9 → 1.1.10

package/components/checkBox.tsx

@@ -37,7 +37,7 @@ export default function Checkbox({
         <div
           className={`relative z-10 w-4 h-4 border-2 rounded ${
             isChecked
-              ? 'bg-light-accent-main dark:bg-dark-accent-main border-none'
+              ? 'bg-light-text-primary dark:bg-dark-text-primary border-none'
               : 'border-light-text-secondary dark:border-dark-text-secondary'
           } flex items-center justify-center transition-colors`}
         >
@@ -54,7 +54,7 @@ export default function Checkbox({
           )}
         </div>
       </div>
-      {label && <span className="ml-2">{label}</span>}
+      {label && <span className="ml-2 text-body1 text-light-text-primary dark:text-dark-text-primary">{label}</span>}
     </label>
   );
 }

package/components/iconButton.tsx

@@ -93,7 +93,7 @@ export default function IconButton({
 
   return (
     <button
-      className={`${baseClasses} ${bgColor} ${iconColor} ${bgColorHover} ${stateClasses} transition-colors duration-300 ease-in-out`}
+      className={`${baseClasses} ${bgColor} ${iconColor} ${bgColorHover} ${stateClasses} `}
       disabled={state === 'disabled'}
       onMouseEnter={() => setIsHovered(true)}
       onMouseLeave={() => setIsHovered(false)}

package/components/menuItem.tsx

@@ -56,7 +56,7 @@ export default function MenuItem({
         className={`
           flex items-center space-x-2 p-2 rounded-[8px] cursor-pointer justify-start
           ${isSelected 
-            ? 'bg-light-action-selected dark:bg-dark-action-selected' 
+            ? 'bg-light-background-accent200 dark:bg-dark-background-accent200 hover:bg-light-background-accent300 dark:hover:bg-dark-background-accent300' 
             : 'hover:bg-light-background-accent100 hover:dark:bg-dark-background-accent100'}
         `}
         style={{ width: '100%' }}
@@ -70,7 +70,7 @@ export default function MenuItem({
       )}
 
         {/* label */}
-        <span className="whitespace-nowrap text-body1 px-2">
+        <span className="whitespace-nowrap text-body1 px-2 text-light-text-primary dark:text-dark-text-primary">
           {label}
         </span>
 

package/components/radioGroup.tsx

@@ -42,7 +42,7 @@ export default function RadioGroup({
               <div className='absolute w-2 h-2 rounded-full bg-light-text-primary dark:bg-dark-text-primary'/>
               )}
           </div>
-          <span className="ml-2 text-body1">{option.label}</span>
+          <span className="ml-2 text-body1 text-light-text-primary dark:text-dark-text-primary">{option.label}</span>
         </label>
       ))}
     </div>

package/components/tab.tsx

@@ -64,7 +64,7 @@ export default function Tab({
   return (
     <div
       className={`
-        flex items-center space-x-2 p-1 rounded-[8px] cursor-pointer justify-start
+        flex items-center space-x-1 p-1 rounded-[8px] cursor-pointer justify-start 
         ${isSelected 
           ? 'bg-light-primary-dark dark:bg-dark-primary-dark text-light-text-contrast dark:text-dark-text-contrast' 
           : 'bg-transparent dark:bg-transparent hover:bg-light-background-accent200 dark:hover:bg-dark-background-accent200'}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "oneslash-design-system",
   "description": "A design system for the Oneslash projects",
-  "version": "1.1.9",
+  "version": "1.1.10",
   "private": false,
   "main": "./dist/index.js",  
   "types": "./dist/index.d.ts",