chore(buttons): changed ts converting in icon butttons

Author: computools-anastasiia-nahaiska

src/buttons/icon-buttons/filled-icon-button/FilledIconButton.component.tsx

@@ -2,15 +2,14 @@ import React, {useMemo} from 'react';
 
 import {useTheme} from '../../../theme/useTheme.hook';
 import {type IconButtonProps} from '../icon-button.types';
-import {type ColorValue} from '../../../theme/theme.types';
 import {convertToRGBA} from '../../../utils/convert-to-rgba';
 import {BaseIconButton} from '../base-icon-button/BaseIconButton.component';
 
 export const FilledIconButton: React.FC<IconButtonProps> = ({selected, Icon, selectedIcon, style, ...props}) => {
   const {primary, surface, surfaceContainer} = useTheme();
 
   const [disabledIconColor, disabledContainerColor] = useMemo(
-    () => [convertToRGBA(surface.text as ColorValue, 0.38), convertToRGBA(surface.text as ColorValue, 0.12)],
+    () => [convertToRGBA(surface.text as string, 0.38), convertToRGBA(surface.text as string, 0.12)],
     [surface.text]
   );
 

src/buttons/icon-buttons/outlined-icon-button/OutlinedIconButton.component.tsx

@@ -2,15 +2,14 @@ import React, {useMemo} from 'react';
 
 import {useTheme} from '../../../theme/useTheme.hook';
 import {type IconButtonProps} from '../icon-button.types';
-import {type ColorValue} from '../../../theme/theme.types';
 import {convertToRGBA} from '../../../utils/convert-to-rgba';
 import {BaseIconButton} from '../base-icon-button/BaseIconButton.component';
 
 export const OutlinedIconButton: React.FC<IconButtonProps> = ({selected, Icon, selectedIcon, style, ...props}) => {
   const {surface, outline} = useTheme();
 
   const [disabledIconColor, disabledContainerColor] = useMemo(
-    () => [convertToRGBA(surface.text as ColorValue, 0.38), convertToRGBA(surface.text as ColorValue, 0.12)],
+    () => [convertToRGBA(surface.text as string, 0.38), convertToRGBA(surface.text as string, 0.12)],
     [surface.text]
   );
 

src/buttons/icon-buttons/standart-icon-button/StandardIconButton.component.tsx

@@ -2,14 +2,13 @@ import React, {useMemo} from 'react';
 
 import {useTheme} from '../../../theme/useTheme.hook';
 import {type IconButtonProps} from '../icon-button.types';
-import {type ColorValue} from '../../../theme/theme.types';
 import {convertToRGBA} from '../../../utils/convert-to-rgba';
 import {BaseIconButton} from '../base-icon-button/BaseIconButton.component';
 
 export const StandartIconButton: React.FC<IconButtonProps> = ({selected, Icon, selectedIcon, ...props}) => {
   const {primary, surface} = useTheme();
 
-  const disabledIconColor = useMemo(() => convertToRGBA(surface.text as ColorValue, 0.38), [surface.text]);
+  const disabledIconColor = useMemo(() => convertToRGBA(surface.text as string, 0.38), [surface.text]);
 
   const [iconColor, IconComponent] = selected ? [primary.background, selectedIcon ?? Icon] : [surface.textVariant, Icon];
 

src/buttons/icon-buttons/tonal-icon-button/TonalIconButton.component.tsx

@@ -2,15 +2,14 @@ import React, {useMemo} from 'react';
 
 import {useTheme} from '../../../theme/useTheme.hook';
 import {type IconButtonProps} from '../icon-button.types';
-import {type ColorValue} from '../../../theme/theme.types';
 import {convertToRGBA} from '../../../utils/convert-to-rgba';
 import {BaseIconButton} from '../base-icon-button/BaseIconButton.component';
 
 export const TonalIconButton: React.FC<IconButtonProps> = ({selected, Icon, selectedIcon, style, ...props}) => {
   const {surfaceContainer, surface, secondaryContainer} = useTheme();
 
   const [disabledIconColor, disabledContainerColor] = useMemo(
-    () => [convertToRGBA(surface.text as ColorValue, 0.38), convertToRGBA(surface.text as ColorValue, 0.12)],
+    () => [convertToRGBA(surface.text as string, 0.38), convertToRGBA(surface.text as string, 0.12)],
     [surface.text]
   );