@envive-ai/react-toolkit-v3 0.3.25 → 0.3.26

package/src/components/ChatHeader/hooks/useGetToggleOptionProperties.ts

@@ -10,7 +10,7 @@ const defaultContainerModernClasses =
 
 const defaultMinimalClasses = 'envive-tw-cursor-pointer';
 
-const opacity = 'envive-tw-opacity-50';
+const opacity = 'envive-tw-opacity-70';
 
 const optionContainerClassesMap = (selected: boolean) => {
   if (selected) {
@@ -53,12 +53,12 @@ const textClassesMap = (selected: boolean) => {
         [ChatHeaderVariant.DARK]: 'envive-tw-text-text-primary',
       },
       [Theme.MODERN]: {
-        [ChatHeaderVariant.LIGHT]: `envive-tw-text-text-light`,
-        [ChatHeaderVariant.DARK]: `envive-tw-text-text-primary`,
+        [ChatHeaderVariant.LIGHT]: `envive-tw-text-text-light envive-tw-font-semibold`,
+        [ChatHeaderVariant.DARK]: `envive-tw-text-text-primary envive-tw-font-semibold`,
       },
       [Theme.MINIMAL]: {
-        [ChatHeaderVariant.LIGHT]: 'envive-tw-text-text-primary',
-        [ChatHeaderVariant.DARK]: 'envive-tw-text-text-light',
+        [ChatHeaderVariant.LIGHT]: 'envive-tw-text-text-primary envive-tw-font-semibold',
+        [ChatHeaderVariant.DARK]: 'envive-tw-text-text-light envive-tw-font-semibold',
       },
     };
   }
@@ -84,7 +84,7 @@ export const useGetToggleOptionProperties = (
   variant: ChatHeaderVariant,
 ) => {
   const itemContainerClasses = optionContainerClassesMap(selected)[theme][variant];
-  const logoClasses = `envive-tw-h-[12px] envive-tw-max-w-[100px] ${!selected ? 'envive-tw-opacity-50' : ''}`;
+  const logoClasses = `envive-tw-h-[12px] envive-tw-max-w-[100px] ${!selected ? 'envive-tw-opacity-70' : ''}`;
   const textClasses = textClassesMap(selected)[theme][variant];
   const textVariant = selected ? TypographyVariant.B4_MD : TypographyVariant.B4_RG;