odaptos_design_system 2.0.65 → 2.0.67

package/dist/Atoms/Buttons/Button.d.ts

@@ -1,6 +1,6 @@
 import React, { HTMLAttributes } from 'react';
 export interface ButtonProps extends HTMLAttributes<HTMLButtonElement> {
-    variant?: 'primary' | 'secondary' | 'tertiary' | 'tertiary-alt' | 'upsell' | 'alert' | 'success';
+    variant?: 'primary' | 'secondary' | 'tertiary' | 'tertiary-alt' | 'upsell' | 'alert' | 'alert_white_text' | 'success';
     size?: 'sm' | 'base' | 'lg';
     customBackground?: string;
     iconLeft?: JSX.Element;

package/dist/DesignTokens/Icons/Arrows/ArrowDoubleLineDownIcon.d.ts

@@ -3,5 +3,5 @@ import { SvgIconProps } from '@mui/material';
 interface CustomSvgProps {
     size?: 'sm' | 'base' | 'lg' | 'xl';
 }
-export default function ArrowDoubleLineDownIcon({ stroke, strokeWidth, fill, size, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
+export default function ArrowDoubleLineDownIcon({ stroke, strokeWidth, fill, size, className, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
 export {};

package/dist/DesignTokens/Icons/Arrows/ArrowDoubleLineLeftIcon.d.ts

@@ -3,5 +3,5 @@ import { SvgIconProps } from '@mui/material';
 interface CustomSvgProps {
     size?: 'sm' | 'base' | 'lg' | 'xl';
 }
-export default function ArrowDoubleLineLeftIcon({ stroke, strokeWidth, fill, size, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
+export default function ArrowDoubleLineLeftIcon({ stroke, strokeWidth, fill, size, className, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
 export {};

package/dist/DesignTokens/Icons/Arrows/ArrowDoubleLineRightIcon.d.ts

@@ -3,5 +3,5 @@ import { SvgIconProps } from '@mui/material';
 interface CustomSvgProps {
     size?: 'sm' | 'base' | 'lg' | 'xl';
 }
-export default function ArrowDoubleLineRightIcon({ stroke, strokeWidth, fill, size, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
+export default function ArrowDoubleLineRightIcon({ stroke, strokeWidth, fill, size, className, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
 export {};

package/dist/DesignTokens/Icons/Arrows/ArrowDoubleLineUpIcon.d.ts

@@ -3,5 +3,5 @@ import { SvgIconProps } from '@mui/material';
 interface CustomSvgProps {
     size?: 'sm' | 'base' | 'lg' | 'xl';
 }
-export default function ArrowDoubleLineUpIcon({ stroke, strokeWidth, fill, size, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
+export default function ArrowDoubleLineUpIcon({ stroke, strokeWidth, fill, size, className, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
 export {};

package/dist/DesignTokens/Icons/Arrows/ArrowFilledDownIcon.d.ts

@@ -3,5 +3,5 @@ import { SvgIconProps } from '@mui/material';
 interface CustomSvgProps {
     size?: 'sm' | 'base' | 'lg' | 'xl';
 }
-export default function ArrowFilledDownIcon({ stroke, strokeWidth, fill, size, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
+export default function ArrowFilledDownIcon({ stroke, strokeWidth, fill, size, className, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
 export {};

package/dist/DesignTokens/Icons/Arrows/ArrowFilledLeftIcon.d.ts

@@ -3,5 +3,5 @@ import { SvgIconProps } from '@mui/material';
 interface CustomSvgProps {
     size?: 'sm' | 'base' | 'lg' | 'xl';
 }
-export default function ArrowFilledLeftIcon({ stroke, strokeWidth, fill, size, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
+export default function ArrowFilledLeftIcon({ stroke, strokeWidth, fill, size, className, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
 export {};

package/dist/DesignTokens/Icons/Arrows/ArrowFilledRightIcon.d.ts

@@ -3,5 +3,5 @@ import { SvgIconProps } from '@mui/material';
 interface CustomSvgProps {
     size?: 'sm' | 'base' | 'lg' | 'xl';
 }
-export default function ArrowFilledRightIcon({ stroke, strokeWidth, fill, size, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
+export default function ArrowFilledRightIcon({ stroke, strokeWidth, fill, size, className, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
 export {};

package/dist/DesignTokens/Icons/Arrows/ArrowFilledUpIcon.d.ts

@@ -3,5 +3,5 @@ import { SvgIconProps } from '@mui/material';
 interface CustomSvgProps {
     size?: 'sm' | 'base' | 'lg' | 'xl';
 }
-export default function ArrowFilledUpIcon({ stroke, strokeWidth, fill, size, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
+export default function ArrowFilledUpIcon({ stroke, strokeWidth, fill, size, className, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
 export {};

package/dist/DesignTokens/Icons/Arrows/ArrowLineDownIcon.d.ts

@@ -3,5 +3,5 @@ import { SvgIconProps } from '@mui/material';
 interface CustomSvgProps {
     size?: 'sm' | 'base' | 'lg' | 'xl';
 }
-export default function ArrowLineDowIcon({ stroke, strokeWidth, fill, size, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
+export default function ArrowLineDowIcon({ stroke, strokeWidth, fill, size, className, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
 export {};

package/dist/DesignTokens/Icons/Arrows/ArrowLineLeftIcon.d.ts

@@ -3,5 +3,5 @@ import { SvgIconProps } from '@mui/material';
 interface CustomSvgProps {
     size?: 'sm' | 'base' | 'lg' | 'xl';
 }
-export default function ArrowLineLeftIcon({ stroke, strokeWidth, fill, size, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
+export default function ArrowLineLeftIcon({ stroke, strokeWidth, fill, size, className, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
 export {};

package/dist/DesignTokens/Icons/Arrows/ArrowLineRightIcon.d.ts

@@ -3,5 +3,5 @@ import { SvgIconProps } from '@mui/material';
 interface CustomSvgProps {
     size?: 'sm' | 'base' | 'lg' | 'xl';
 }
-export default function ArrowLineRightIcon({ stroke, strokeWidth, fill, size, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
+export default function ArrowLineRightIcon({ stroke, strokeWidth, fill, size, className, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
 export {};

package/dist/DesignTokens/Icons/Arrows/ArrowLineUpIcon.d.ts

@@ -3,5 +3,5 @@ import { SvgIconProps } from '@mui/material';
 interface CustomSvgProps {
     size?: 'sm' | 'base' | 'lg' | 'xl';
 }
-export default function ArrowLineUpIcon({ stroke, strokeWidth, fill, size, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
+export default function ArrowLineUpIcon({ stroke, strokeWidth, fill, size, className, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
 export {};

package/dist/DesignTokens/Icons/Arrows/ArrowPointerDown.d.ts

@@ -3,5 +3,5 @@ import { SvgIconProps } from '@mui/material';
 interface CustomSvgProps {
     size?: 'sm' | 'base' | 'lg' | 'xl';
 }
-export default function ArrowPointerDown({ stroke, strokeWidth, fill, size, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
+export default function ArrowPointerDown({ stroke, strokeWidth, fill, size, className, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
 export {};

package/dist/DesignTokens/Icons/Arrows/ArrowPointerDownLeft.d.ts

@@ -3,5 +3,5 @@ import { SvgIconProps } from '@mui/material';
 interface CustomSvgProps {
     size?: 'sm' | 'base' | 'lg' | 'xl';
 }
-export default function ArrowPointerDownLeft({ stroke, strokeWidth, fill, size, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
+export default function ArrowPointerDownLeft({ stroke, strokeWidth, fill, size, className, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
 export {};

package/dist/DesignTokens/Icons/Arrows/ArrowPointerDownRight.d.ts

@@ -3,5 +3,5 @@ import { SvgIconProps } from '@mui/material';
 interface CustomSvgProps {
     size?: 'sm' | 'base' | 'lg' | 'xl';
 }
-export default function ArrowPointerDownRight({ stroke, strokeWidth, fill, size, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
+export default function ArrowPointerDownRight({ stroke, strokeWidth, fill, size, className, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
 export {};

package/dist/DesignTokens/Icons/Arrows/ArrowPointerLeft.d.ts

@@ -3,5 +3,5 @@ import { SvgIconProps } from '@mui/material';
 interface CustomSvgProps {
     size?: 'sm' | 'base' | 'lg' | 'xl';
 }
-export default function ArrowPointerLeft({ stroke, strokeWidth, fill, size, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
+export default function ArrowPointerLeft({ stroke, strokeWidth, fill, size, className, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
 export {};

package/dist/DesignTokens/Icons/Arrows/ArrowPointerRight.d.ts

@@ -3,5 +3,5 @@ import { SvgIconProps } from '@mui/material';
 interface CustomSvgProps {
     size?: 'sm' | 'base' | 'lg' | 'xl';
 }
-export default function ArrowPointerRight({ stroke, strokeWidth, fill, size, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
+export default function ArrowPointerRight({ stroke, strokeWidth, fill, size, className, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
 export {};

package/dist/DesignTokens/Icons/Arrows/ArrowPointerUp.d.ts

@@ -3,5 +3,5 @@ import { SvgIconProps } from '@mui/material';
 interface CustomSvgProps {
     size?: 'sm' | 'base' | 'lg' | 'xl';
 }
-export default function ArrowPointerUp({ stroke, strokeWidth, fill, size, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
+export default function ArrowPointerUp({ stroke, strokeWidth, fill, size, className, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
 export {};

package/dist/DesignTokens/Icons/Arrows/ArrowPointerUpLeft.d.ts

@@ -3,5 +3,5 @@ import { SvgIconProps } from '@mui/material';
 interface CustomSvgProps {
     size?: 'sm' | 'base' | 'lg' | 'xl';
 }
-export default function ArrowPointerUpLeft({ stroke, strokeWidth, fill, size, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
+export default function ArrowPointerUpLeft({ stroke, strokeWidth, fill, size, className, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
 export {};

package/dist/DesignTokens/Icons/Arrows/ArrowPointerUpRight.d.ts

@@ -3,5 +3,5 @@ import { SvgIconProps } from '@mui/material';
 interface CustomSvgProps {
     size?: 'sm' | 'base' | 'lg' | 'xl';
 }
-export default function ArrowPointerUpRight({ stroke, strokeWidth, fill, size, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
+export default function ArrowPointerUpRight({ stroke, strokeWidth, fill, size, className, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
 export {};

package/dist/DesignTokens/Icons/Circled/AddCircledIcon.d.ts

@@ -3,5 +3,5 @@ import { SvgIconProps } from '@mui/material';
 interface CustomSvgProps {
     size?: 'sm' | 'base' | 'lg' | 'xl';
 }
-export default function AddCircledIcon({ stroke, strokeWidth, fill, size, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
+export default function AddCircledIcon({ stroke, strokeWidth, fill, size, className, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
 export {};

package/dist/DesignTokens/Icons/Circled/AlertCircledIcon.d.ts

@@ -3,5 +3,5 @@ import { SvgIconProps } from '@mui/material';
 interface CustomSvgProps {
     size?: 'sm' | 'base' | 'lg' | 'xl';
 }
-export default function AlertCircledIcon({ stroke, strokeWidth, fill, size, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
+export default function AlertCircledIcon({ stroke, strokeWidth, fill, size, className, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
 export {};

package/dist/DesignTokens/Icons/Circled/CheckedCircled.d.ts

@@ -3,5 +3,5 @@ import { SvgIconProps } from '@mui/material';
 interface CustomSvgProps {
     size?: 'sm' | 'base' | 'lg' | 'xl';
 }
-export default function CheckedCircled({ stroke, strokeWidth, fill, size, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
+export default function CheckedCircled({ stroke, strokeWidth, fill, size, className, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
 export {};

package/dist/DesignTokens/Icons/Circled/InfoCircledIcon.d.ts

@@ -3,5 +3,5 @@ import { SvgIconProps } from '@mui/material';
 interface CustomSvgProps {
     size?: 'sm' | 'base' | 'lg' | 'xl';
 }
-export default function InfoCircledIcon({ stroke, strokeWidth, fill, size, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
+export default function InfoCircledIcon({ stroke, strokeWidth, fill, size, className, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
 export {};

package/dist/DesignTokens/Icons/Circled/MinusCircledIcon.d.ts

@@ -3,5 +3,5 @@ import { SvgIconProps } from '@mui/material';
 interface CustomSvgProps {
     size?: 'sm' | 'base' | 'lg' | 'xl';
 }
-export default function MinusCircledIcon({ stroke, strokeWidth, fill, size, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
+export default function MinusCircledIcon({ stroke, strokeWidth, fill, size, className, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
 export {};

package/dist/DesignTokens/Icons/Circled/NavigationCircledIcon.d.ts

@@ -3,5 +3,5 @@ import { SvgIconProps } from '@mui/material';
 interface CustomSvgProps {
     size?: 'sm' | 'base' | 'lg' | 'xl';
 }
-export default function NavigationCircledIcon({ stroke, strokeWidth, fill, size, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
+export default function NavigationCircledIcon({ stroke, strokeWidth, fill, size, className, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
 export {};

package/dist/DesignTokens/Icons/Circled/QuestionCircledIcon.d.ts

@@ -3,5 +3,5 @@ import { SvgIconProps } from '@mui/material';
 interface CustomSvgProps {
     size?: 'sm' | 'base' | 'lg' | 'xl';
 }
-export default function QuestionCircledIcon({ stroke, strokeWidth, fill, size, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
+export default function QuestionCircledIcon({ stroke, strokeWidth, fill, size, className, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
 export {};

package/dist/DesignTokens/Icons/Circled/RemoveCircledIcon.d.ts

@@ -3,5 +3,5 @@ import { SvgIconProps } from '@mui/material';
 interface CustomSvgProps {
     size?: 'sm' | 'base' | 'lg' | 'xl';
 }
-export default function RemoveCircledIcon({ stroke, strokeWidth, fill, size, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
+export default function RemoveCircledIcon({ stroke, strokeWidth, fill, size, className, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
 export {};

package/dist/DesignTokens/Icons/Circled/SearchCircledIcon.d.ts

@@ -3,5 +3,5 @@ import { SvgIconProps } from '@mui/material';
 interface CustomSvgProps {
     size?: 'sm' | 'base' | 'lg' | 'xl';
 }
-export default function SearchCircledIcon({ stroke, strokeWidth, fill, size, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
+export default function SearchCircledIcon({ stroke, strokeWidth, fill, size, className, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
 export {};

package/dist/DesignTokens/Icons/Circled/SettingsCircledIcon.d.ts

@@ -3,5 +3,5 @@ import { SvgIconProps } from '@mui/material';
 interface CustomSvgProps {
     size?: 'sm' | 'base' | 'lg' | 'xl';
 }
-export default function SettingsCircledIcon({ stroke, strokeWidth, fill, size, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
+export default function SettingsCircledIcon({ stroke, strokeWidth, fill, size, className, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
 export {};

package/dist/DesignTokens/Icons/Equipment/CameraIcon.d.ts

@@ -3,5 +3,5 @@ import { SvgIconProps } from '@mui/material';
 interface CustomSvgProps {
     size?: 'sm' | 'base' | 'lg' | 'xl';
 }
-export default function CameraIcon({ stroke, strokeWidth, fill, size, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
+export default function CameraIcon({ stroke, strokeWidth, fill, size, className, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
 export {};

package/dist/DesignTokens/Icons/Equipment/LaptopIcon.d.ts

@@ -3,5 +3,5 @@ import { SvgIconProps } from '@mui/material';
 interface CustomSvgProps {
     size?: 'sm' | 'base' | 'lg' | 'xl';
 }
-export default function LaptopIcon({ stroke, strokeWidth, fill, size, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
+export default function LaptopIcon({ stroke, strokeWidth, fill, size, className, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
 export {};

package/dist/DesignTokens/Icons/Equipment/MicrophonePodcastIcon.d.ts

@@ -3,5 +3,5 @@ import { SvgIconProps } from '@mui/material';
 interface CustomSvgProps {
     size?: 'sm' | 'base' | 'lg' | 'xl';
 }
-export default function MicrophonePodcastIcon({ stroke, strokeWidth, fill, size, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
+export default function MicrophonePodcastIcon({ stroke, strokeWidth, fill, size, className, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
 export {};

package/dist/DesignTokens/Icons/Equipment/MobileIcon.d.ts

@@ -3,5 +3,5 @@ import { SvgIconProps } from '@mui/material';
 interface CustomSvgProps {
     size?: 'sm' | 'base' | 'lg' | 'xl';
 }
-export default function MobileIcon({ stroke, strokeWidth, fill, size, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
+export default function MobileIcon({ stroke, strokeWidth, fill, size, className, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
 export {};

package/dist/DesignTokens/Icons/Equipment/TvFlatScreenIcon.d.ts

@@ -3,5 +3,5 @@ import { SvgIconProps } from '@mui/material';
 interface CustomSvgProps {
     size?: 'sm' | 'base' | 'lg' | 'xl';
 }
-export default function TvFlatScreenIcon({ stroke, strokeWidth, fill, size, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
+export default function TvFlatScreenIcon({ stroke, strokeWidth, fill, size, className, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
 export {};

package/dist/DesignTokens/Icons/Equipment/TvIcon.d.ts

@@ -3,5 +3,5 @@ import { SvgIconProps } from '@mui/material';
 interface CustomSvgProps {
     size?: 'sm' | 'base' | 'lg' | 'xl';
 }
-export default function TvIcon({ stroke, strokeWidth, fill, size, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
+export default function TvIcon({ stroke, strokeWidth, fill, size, className, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
 export {};

package/dist/DesignTokens/Icons/Illustrations/AI_UserTest.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { SvgIconProps } from '@mui/material';
-export default function AI_UserTest({ stroke, strokeWidth, fill, ...rest }: SvgIconProps): React.JSX.Element;
+export default function AI_UserTest({ stroke, strokeWidth, fill, className, ...rest }: SvgIconProps): React.JSX.Element;

package/dist/DesignTokens/Icons/Illustrations/AngryIntervieweeFemale.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { SvgIconProps } from '@mui/material';
-export default function AngryIntervieweeFemale({ stroke, strokeWidth, fill, ...rest }: SvgIconProps): React.JSX.Element;
+export default function AngryIntervieweeFemale({ stroke, strokeWidth, fill, className, ...rest }: SvgIconProps): React.JSX.Element;

package/dist/DesignTokens/Icons/Illustrations/MenShowingSomething.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { SvgIconProps } from '@mui/material';
-export default function MenShowingSomething({ stroke, strokeWidth, fill, ...rest }: SvgIconProps): React.JSX.Element;
+export default function MenShowingSomething({ stroke, strokeWidth, fill, className, ...rest }: SvgIconProps): React.JSX.Element;

package/dist/DesignTokens/Icons/Illustrations/OdaWaiting.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { SvgIconProps } from '@mui/material';
-export default function OdaWaiting({ stroke, strokeWidth, fill, ...rest }: SvgIconProps): React.JSX.Element;
+export default function OdaWaiting({ stroke, strokeWidth, fill, className, ...rest }: SvgIconProps): React.JSX.Element;

package/dist/DesignTokens/Icons/Interaction/AccountIcon.d.ts

@@ -3,5 +3,5 @@ import { SvgIconProps } from '@mui/material';
 interface CustomSvgProps {
     size?: 'sm' | 'base' | 'lg' | 'xl';
 }
-export default function AccountIcon({ stroke, strokeWidth, fill, size, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
+export default function AccountIcon({ stroke, strokeWidth, fill, size, className, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
 export {};

package/dist/DesignTokens/Icons/Interaction/AccountIconMksite.d.ts

@@ -3,5 +3,5 @@ import { SvgIconProps } from '@mui/material';
 interface CustomSvgProps {
     size?: 'sm' | 'base' | 'lg' | 'xl';
 }
-export default function AccountIconMksite({ stroke, strokeWidth, fill, size, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
+export default function AccountIconMksite({ stroke, strokeWidth, fill, size, className, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
 export {};

package/dist/DesignTokens/Icons/Interaction/AddIcon.d.ts

@@ -3,5 +3,5 @@ import { SvgIconProps } from '@mui/material';
 interface CustomSvgProps {
     size?: 'sm' | 'base' | 'lg' | 'xl';
 }
-export default function AddIcon({ stroke, strokeWidth, fill, size, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
+export default function AddIcon({ stroke, strokeWidth, fill, size, className, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
 export {};

package/dist/DesignTokens/Icons/Interaction/AddTagIcon.d.ts

@@ -3,5 +3,5 @@ import { SvgIconProps } from '@mui/material';
 interface CustomSvgProps {
     size?: 'sm' | 'base' | 'lg' | 'xl';
 }
-export default function AddTagIcon({ stroke, strokeWidth, fill, size, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
+export default function AddTagIcon({ stroke, strokeWidth, fill, size, className, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
 export {};

package/dist/DesignTokens/Icons/Interaction/AgendaIcon.d.ts

@@ -3,5 +3,5 @@ import { SvgIconProps } from '@mui/material';
 interface CustomSvgProps {
     size?: 'sm' | 'base' | 'lg' | 'xl';
 }
-export default function AgendaIcon({ stroke, strokeWidth, fill, size, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
+export default function AgendaIcon({ stroke, strokeWidth, fill, size, className, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
 export {};

package/dist/DesignTokens/Icons/Interaction/BillingIcon.d.ts

@@ -3,5 +3,5 @@ import { SvgIconProps } from '@mui/material';
 interface CustomSvgProps {
     size?: 'sm' | 'base' | 'lg' | 'xl';
 }
-export default function BillingIcon({ stroke, strokeWidth, fill, size, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
+export default function BillingIcon({ stroke, strokeWidth, fill, size, className, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
 export {};

package/dist/DesignTokens/Icons/Interaction/BinIcon.d.ts

@@ -3,5 +3,5 @@ import { SvgIconProps } from '@mui/material';
 interface CustomSvgProps {
     size?: 'sm' | 'base' | 'lg' | 'xl';
 }
-export default function BinIcon({ stroke, strokeWidth, fill, size, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
+export default function BinIcon({ stroke, strokeWidth, fill, size, className, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
 export {};

package/dist/DesignTokens/Icons/Interaction/CheckedIcon.d.ts

@@ -3,5 +3,5 @@ import { SvgIconProps } from '@mui/material';
 interface CustomSvgProps {
     size?: 'sm' | 'base' | 'lg' | 'xl';
 }
-export default function CheckedIcon({ stroke, strokeWidth, fill, size, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
+export default function CheckedIcon({ stroke, strokeWidth, fill, size, className, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
 export {};

package/dist/DesignTokens/Icons/Interaction/ClockIcon.d.ts

@@ -3,5 +3,5 @@ import { SvgIconProps } from '@mui/material';
 interface CustomSvgProps {
     size?: 'sm' | 'base' | 'lg' | 'xl';
 }
-export default function ClockIcon({ stroke, strokeWidth, fill, size, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
+export default function ClockIcon({ stroke, strokeWidth, fill, size, className, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
 export {};

package/dist/DesignTokens/Icons/Interaction/CloseIcon.d.ts

@@ -3,5 +3,5 @@ import { SvgIconProps } from '@mui/material';
 interface CustomSvgProps {
     size?: 'sm' | 'base' | 'lg' | 'xl';
 }
-export default function CloseIcon({ stroke, strokeWidth, fill, size, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
+export default function CloseIcon({ stroke, strokeWidth, fill, size, className, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
 export {};

package/dist/DesignTokens/Icons/Interaction/CogIcon.d.ts

@@ -3,5 +3,5 @@ import { SvgIconProps } from '@mui/material';
 interface CustomSvgProps {
     size?: 'sm' | 'base' | 'lg' | 'xl';
 }
-export default function CogIcon({ stroke, strokeWidth, fill, size, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
+export default function CogIcon({ stroke, strokeWidth, fill, size, className, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
 export {};

package/dist/DesignTokens/Icons/Interaction/CopyPasteIcon.d.ts

@@ -3,5 +3,5 @@ import { SvgIconProps } from '@mui/material';
 interface CustomSvgProps {
     size?: 'sm' | 'base' | 'lg' | 'xl';
 }
-export default function CopyPasteIcon({ stroke, strokeWidth, fill, size, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
+export default function CopyPasteIcon({ stroke, strokeWidth, fill, size, className, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
 export {};

package/dist/DesignTokens/Icons/Interaction/DragDropIcon.d.ts

@@ -3,5 +3,5 @@ import { SvgIconProps } from '@mui/material';
 interface CustomSvgProps {
     size?: 'sm' | 'base' | 'lg' | 'xl';
 }
-export default function DragDropIcon({ stroke, strokeWidth, fill, size, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
+export default function DragDropIcon({ stroke, strokeWidth, fill, size, className, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
 export {};

package/dist/DesignTokens/Icons/Interaction/EditIcon.d.ts

@@ -3,5 +3,5 @@ import { SvgIconProps } from '@mui/material';
 interface CustomSvgProps {
     size?: 'sm' | 'base' | 'lg' | 'xl';
 }
-export default function EditIcon({ stroke, strokeWidth, fill, size, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
+export default function EditIcon({ stroke, strokeWidth, fill, size, className, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
 export {};

package/dist/DesignTokens/Icons/Interaction/EditTextIcon.d.ts

@@ -3,5 +3,5 @@ import { SvgIconProps } from '@mui/material';
 interface CustomSvgProps {
     size?: 'sm' | 'base' | 'lg' | 'xl';
 }
-export default function EditTextIcon({ stroke, strokeWidth, fill, size, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
+export default function EditTextIcon({ stroke, strokeWidth, fill, size, className, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
 export {};

package/dist/DesignTokens/Icons/Interaction/FilterIcon.d.ts

@@ -3,5 +3,5 @@ import { SvgIconProps } from '@mui/material';
 interface CustomSvgProps {
     size?: 'sm' | 'base' | 'lg' | 'xl';
 }
-export default function FilterIcon({ stroke, strokeWidth, fill, size, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
+export default function FilterIcon({ stroke, strokeWidth, fill, size, className, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
 export {};

package/dist/DesignTokens/Icons/Interaction/LayoutIcon.d.ts

@@ -3,5 +3,5 @@ import { SvgIconProps } from '@mui/material';
 interface CustomSvgProps {
     size?: 'sm' | 'base' | 'lg' | 'xl';
 }
-export default function LayoutIcon({ stroke, strokeWidth, fill, size, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
+export default function LayoutIcon({ stroke, strokeWidth, fill, size, className, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
 export {};

package/dist/DesignTokens/Icons/Interaction/LayoutLeftIcon.d.ts

@@ -3,5 +3,5 @@ import { SvgIconProps } from '@mui/material';
 interface CustomSvgProps {
     size?: 'sm' | 'base' | 'lg' | 'xl';
 }
-export default function LayoutLeftIcon({ stroke, strokeWidth, fill, size, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
+export default function LayoutLeftIcon({ stroke, strokeWidth, fill, size, className, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
 export {};

package/dist/DesignTokens/Icons/Interaction/LayoutRightIcon.d.ts

@@ -3,5 +3,5 @@ import { SvgIconProps } from '@mui/material';
 interface CustomSvgProps {
     size?: 'sm' | 'base' | 'lg' | 'xl';
 }
-export default function LayoutRightIcon({ stroke, strokeWidth, fill, size, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
+export default function LayoutRightIcon({ stroke, strokeWidth, fill, size, className, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
 export {};

package/dist/DesignTokens/Icons/Interaction/LockIcon.d.ts

@@ -3,5 +3,5 @@ import { SvgIconProps } from '@mui/material';
 interface CustomSvgProps {
     size?: 'sm' | 'base' | 'lg' | 'xl';
 }
-export default function LockIcon({ stroke, strokeWidth, fill, size, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
+export default function LockIcon({ stroke, strokeWidth, fill, size, className, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
 export {};

package/dist/DesignTokens/Icons/Interaction/LogoutIcon.d.ts

@@ -3,5 +3,5 @@ import { SvgIconProps } from '@mui/material';
 interface CustomSvgProps {
     size?: 'sm' | 'base' | 'lg' | 'xl';
 }
-export default function LogoutIcon({ stroke, strokeWidth, fill, size, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
+export default function LogoutIcon({ stroke, strokeWidth, fill, size, className, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
 export {};

package/dist/DesignTokens/Icons/Interaction/MenuHorizontalIcon.d.ts

@@ -3,5 +3,5 @@ import { SvgIconProps } from '@mui/material';
 interface CustomSvgProps {
     size?: 'sm' | 'base' | 'lg' | 'xl';
 }
-export default function MenuHorizontalIcon({ stroke, strokeWidth, fill, size, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
+export default function MenuHorizontalIcon({ stroke, strokeWidth, fill, size, className, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
 export {};

package/dist/DesignTokens/Icons/Interaction/MenuVerticalIcon.d.ts

@@ -3,5 +3,5 @@ import { SvgIconProps } from '@mui/material';
 interface CustomSvgProps {
     size?: 'sm' | 'base' | 'lg' | 'xl';
 }
-export default function MenuVerticalIcon({ stroke, strokeWidth, fill, size, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
+export default function MenuVerticalIcon({ stroke, strokeWidth, fill, size, className, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
 export {};

package/dist/DesignTokens/Icons/Interaction/MinusIcon.d.ts

@@ -3,5 +3,5 @@ import { SvgIconProps } from '@mui/material';
 interface CustomSvgProps {
     size?: 'sm' | 'base' | 'lg' | 'xl';
 }
-export default function MinusIcon({ stroke, strokeWidth, fill, size, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
+export default function MinusIcon({ stroke, strokeWidth, fill, size, className, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
 export {};

package/dist/DesignTokens/Icons/Interaction/PencilWriteIcon.d.ts

@@ -3,5 +3,5 @@ import { SvgIconProps } from '@mui/material';
 interface CustomSvgProps {
     size?: 'sm' | 'base' | 'lg' | 'xl';
 }
-export default function PencilWriteIcon({ stroke, strokeWidth, fill, size, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
+export default function PencilWriteIcon({ stroke, strokeWidth, fill, size, className, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
 export {};

package/dist/DesignTokens/Icons/Interaction/SearchIcon.d.ts

@@ -3,5 +3,5 @@ import { SvgIconProps } from '@mui/material';
 interface CustomSvgProps {
     size?: 'sm' | 'base' | 'lg' | 'xl';
 }
-export default function SearchIcon({ stroke, strokeWidth, fill, size, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
+export default function SearchIcon({ stroke, strokeWidth, fill, size, className, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
 export {};

package/dist/DesignTokens/Icons/Interaction/SearchRemoveIcon.d.ts

@@ -3,5 +3,5 @@ import { SvgIconProps } from '@mui/material';
 interface CustomSvgProps {
     size?: 'sm' | 'base' | 'lg' | 'xl';
 }
-export default function SearchRemoveIcon({ stroke, strokeWidth, fill, size, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
+export default function SearchRemoveIcon({ stroke, strokeWidth, fill, size, className, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
 export {};

package/dist/DesignTokens/Icons/Interaction/SettingsSliderIcon.d.ts

@@ -3,5 +3,5 @@ import { SvgIconProps } from '@mui/material';
 interface CustomSvgProps {
     size?: 'sm' | 'base' | 'lg' | 'xl';
 }
-export default function SettingsSliderIcon({ stroke, strokeWidth, fill, size, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
+export default function SettingsSliderIcon({ stroke, strokeWidth, fill, size, className, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
 export {};

package/dist/DesignTokens/Icons/Interaction/ShareIcon.d.ts

@@ -3,5 +3,5 @@ import { SvgIconProps } from '@mui/material';
 interface CustomSvgProps {
     size?: 'sm' | 'base' | 'lg' | 'xl';
 }
-export default function ShareIcon({ stroke, strokeWidth, fill, size, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
+export default function ShareIcon({ stroke, strokeWidth, fill, size, className, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
 export {};

package/dist/DesignTokens/Icons/Interaction/SortingIcon.d.ts

@@ -3,5 +3,5 @@ import { SvgIconProps } from '@mui/material';
 interface CustomSvgProps {
     size?: 'sm' | 'base' | 'lg' | 'xl';
 }
-export default function SortingIcon({ stroke, strokeWidth, fill, size, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
+export default function SortingIcon({ stroke, strokeWidth, fill, size, className, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
 export {};