oneslash-design-system 1.1.7 → 1.1.9

package/components/iconButton.tsx

@@ -49,8 +49,8 @@ export default function IconButton({
 
   // padding, corner
   const baseClasses = variant === 'contained' 
-    ? 'p-2 rounded-[8px] leading-none ' 
-    : 'p-2 rounded-[8px] leading-none ';
+    ? 'p-1 rounded-[8px] leading-none ' 
+    : 'p-1 rounded-[8px] leading-none ';
 
   // bg color
   const bgColor = variant === 'contained'

package/components/menuItem.tsx

@@ -12,7 +12,7 @@ interface MenuItemProps {
   userImgUrl?: string;
   label: string;
   isSelected?: boolean;
-  onClick: any;
+  onClick?: any;
 }
 
 export default function MenuItem({ 

package/components/modal.tsx

@@ -76,7 +76,7 @@ export default function Modal({
           {children}
         </div>
         {actions && (
-          <div className='pt-6 border-t border-light-misc-divider dark:border-dark-misc-divider'>
+          <div className='pt-6'>
             <div className="flex justify-between" >
               {actions}
             </div>

package/components/radioGroup.tsx

@@ -10,7 +10,6 @@ interface RadioGroupProps {
   options: RadioOption[];
   selectedValue: string;
   onChange: (value: string) => void;
-  name: string;
   direction?: 'horizontal' | 'vertical';
 }
 
@@ -18,45 +17,30 @@ export default function RadioGroup({
   options,
   selectedValue,
   onChange,
-  name,
   direction = 'vertical',
 }: RadioGroupProps) {
   return (
     <div
-      className={`flex ${
-        direction === 'horizontal' ? 'space-x-4' : 'flex-col space-y-2'
-      }`}
+      className={`flex ${ direction === 'horizontal' ? 'space-x-4' : 'flex-col space-y-2' }`}
     >
       {options.map((option) => (
         <label
           key={option.value}
           className="flex items-center cursor-pointer"
+          onClick={() => onChange(option.value)}
         >
+          {/* outer circle */}
           <div
-            onClick={() => onChange(option.value)}
-            className="relative flex items-center justify-center w-6 h-6 group"
+            className={`relative flex justify-center items-center w-4 h-4 rounded-full border-2
+              ${selectedValue === option.value 
+                ? 'border-light-text-primary dark:border-dark-text-primary'
+                : 'border-light-text-secondary dark:border-dark-text-secondary'}
+            `}
           >
-            {/* Hover background circle */}
-            <div
-              className={`absolute w-6 h-6 rounded-full transition-all 
-                hover:bg-light-action-hovered dark:group-hover:bg-dark-action-hovered 
-                bg-transparent group-hover:w-7 group-hover:h-7`}
-            ></div>
-
-            {/* Outer circle */}
-            <div
-              className={`relative z-10 w-4 h-4 border-2 rounded-full transition-colors 
-                ${selectedValue === option.value ? 'border-light-text-primary dark:border-dark-text-primary' : 'border-light-text-secondary dark:border-dark-text-secondary'}
-              `}
-            >
-
-              {/* Inner circle when selected */}
-              {selectedValue === option.value && (
-                <div
-                  className="w-2 h-2 bg-light-text-primary dark:bg-dark-text-primary rounded-full absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2"
-                />
+            {/* Inner circle */}
+            {selectedValue === option.value && (
+              <div className='absolute w-2 h-2 rounded-full bg-light-text-primary dark:bg-dark-text-primary'/>
               )}
-            </div>
           </div>
           <span className="ml-2 text-body1">{option.label}</span>
         </label>

package/components/tab.tsx

@@ -64,10 +64,10 @@ export default function Tab({
   return (
     <div
       className={`
-        flex items-center space-x-2 p-2 rounded-[8px] cursor-pointer justify-start
+        flex items-center space-x-2 p-1 rounded-[8px] cursor-pointer justify-start
         ${isSelected 
-          ? 'bg-light-primary-main dark:bg-dark-primary-main text-light-text-contrast dark:text-dark-text-contrast' 
-          : 'bg-light-action-selected dark:bg-dark-action-selected hover:bg-light-background-default dark:hover:bg-dark-action-hover'}
+          ? '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'}
       `}
       onClick={handleClick}
     >

package/package.json

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

package/tailwind.config.js

@@ -3,8 +3,6 @@ const designTokens = require('./designTokens');
 module.exports = {
   darkMode: 'class',
   content: [
-    "./src/**/*.{js,jsx,ts,tsx}",
-    "./dist/**/*.{html,js}",
     "./components/**/*.{js,ts,jsx,tsx}",
   ],
   theme: {