New import routes

Author: Kubit

src/components/dropdownSelected/dropdownSelectedStandAlone.tsx

@@ -4,7 +4,7 @@ import { keyDownMove, keyUpMove } from '@/components/listOptions/utils';
 import { useId } from '@/hooks/useId/useId';
 import { ROLES } from '@/types';
 
-import { ButtonType } from '../button';
+import { ButtonType } from '../button/types';
 import { ElementOrIcon } from '../elementOrIcon';
 import { ListOptions, ListOptionsOptionType, ListOptionsType } from '../listOptions';
 import {

src/components/icon/icon.tsx

@@ -4,7 +4,7 @@ import { ScreenReaderOnly } from '@/components/screenReaderOnly';
 import { useMediaDevice } from '@/hooks/index';
 import { pickAriaProps } from '@/utils/aria/aria';
 
-import { ButtonType } from '../button';
+import { ButtonType } from '../button/types/type';
 import { IconButtonStyled } from './icon.styled';
 import { IconStandAlone } from './iconStandAlone';
 import { IIcon } from './types';

src/components/mediaButton/mediaButtonStandAlone.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 
-import { ButtonType } from '../button';
+import { ButtonType } from '../button/types';
 //components
 import { ElementOrIcon } from '../elementOrIcon';
 import { Loader } from '../loader';

src/components/mediaButton/stories/mediaButton.stories.tsx

@@ -12,7 +12,7 @@ import { argtypes } from './argtypes';
 const themeSelected = localStorage.getItem('themeSelected') || 'kubit';
 
 const meta = {
-  title: 'Components/Resources/Mediabutton',
+  title: 'Components/Actions/Mediabutton',
   component: Story,
   parameters: {
     layout: 'centered',
@@ -41,7 +41,7 @@ const commonArgs: IMediaButton = {
   )[0] as MediaButtonSizeType,
   icon: { icon: ICONS.ICON_PLACEHOLDER },
   twistedIcon: { icon: ICONS.ICON_CLOSE },
-  hasBackground: false,
+  hasBackground: true,
   loading: true,
 };
 
@@ -52,6 +52,18 @@ export const Mediabutton: Story = {
   },
 };
 
+export const MediabuttonWithoutBackground: Story = {
+  args: {
+    ...commonArgs,
+    themeArgs: themesObject[themeSelected][STYLES_NAME.MEDIA_BUTTON],
+    size: Object.values(
+      variantsObject[themeSelected].MediaButtonIconSizeVariantType || {}
+    )[1] as MediaButtonSizeType,
+    hasBackground: false,
+    loading: false,
+  },
+};
+
 export const MediabuttonWithCtv: Story = {
   args: {
     ...commonArgs,

src/components/navigationCard/navigationCardStandAlone.tsx

@@ -6,7 +6,7 @@ import { Text } from '@/components/text/text';
 import { TextComponentType } from '@/components/text/types/component';
 import { useId } from '@/hooks';
 
-import { ButtonType } from '../button';
+import { ButtonType } from '../button/types';
 import { NavigationCardInfo } from './fragments';
 import { buildProps } from './helpers';
 import {
@@ -36,8 +36,7 @@ const NavigationCardStandaloneComponent = (
   return (
     // Can not be spread -> styled component breaks
     <NavigationCardStyled
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      ref={ref as any}
+      ref={ref as React.ForwardedRef<HTMLButtonElement>}
       aria-disabled={props['aria-disabled']}
       as={props.url ? props.component : 'button'}
       className={props.className}

src/components/pillV2/pillStandAlone.tsx

@@ -7,7 +7,7 @@ import { useId } from '@/hooks';
 import { ROLES } from '@/types';
 import { InputTypeType } from '@/types/inputType';
 
-import { ButtonType } from '../button';
+import { ButtonType } from '../button/types';
 import {
   PillAsButton,
   PillContentContainerStyled,
@@ -18,7 +18,7 @@ import { IPillStandAlone, PillType } from './types';
 
 const PillStandAloneComponent = (
   { dataTestId = 'pill', type = PillType.BUTTON, ...props }: IPillStandAlone,
-  ref: React.ForwardedRef<HTMLButtonElement> | undefined | null
+  ref: React.ForwardedRef<HTMLDivElement> | undefined | null
 ): JSX.Element => {
   const id = useId('pill');
   const pillContentId = `${id}-content`;

src/components/quickButton/quickButton.tsx

@@ -6,7 +6,7 @@ import { States, useManageState } from '@/hooks';
 import { useStyles } from '@/hooks/useStyles/useStyles';
 import { ErrorBoundary, FallbackComponent } from '@/provider/errorBoundary';
 
-import { ButtonType } from '../button';
+import { ButtonType } from '../button/types';
 //components
 import { QuickButtonStandAlone } from './quickButtonStandAlone';
 import {