From f81d081a4f784c8a29beadde0db53c6e5b3221b7 Mon Sep 17 00:00:00 2001 From: StyleShit <32631382+StyleShit@users.noreply.github.com> Date: Tue, 24 Mar 2026 15:23:16 +0200 Subject: [PATCH] chore(design-system): align scss typings between IDE and CLI [AR-54784] --- .../ds-button/versions/ds-button-new/ds-button-new.tsx | 5 ++--- .../design-system/src/components/ds-drawer/ds-drawer.tsx | 5 ++--- .../src/components/ds-form-control/ds-form-control.tsx | 5 ++--- 3 files changed, 6 insertions(+), 9 deletions(-) diff --git a/packages/design-system/src/components/ds-button/versions/ds-button-new/ds-button-new.tsx b/packages/design-system/src/components/ds-button/versions/ds-button-new/ds-button-new.tsx index 756c7a54a..e49fb9296 100644 --- a/packages/design-system/src/components/ds-button/versions/ds-button-new/ds-button-new.tsx +++ b/packages/design-system/src/components/ds-button/versions/ds-button-new/ds-button-new.tsx @@ -36,9 +36,8 @@ const DsButton: React.FC = ({ styles[size], className, - // @ts-expect-error: we don't have all variations of classnames defined - // eslint-disable-next-line @typescript-eslint/no-unsafe-argument - styles[`${type}-${variant}`], + // Casting because we don't have all variations of classnames defined + styles[`${type}-${variant}` as keyof typeof styles], ); return ( diff --git a/packages/design-system/src/components/ds-drawer/ds-drawer.tsx b/packages/design-system/src/components/ds-drawer/ds-drawer.tsx index 5c1d51f84..ac0fd2744 100644 --- a/packages/design-system/src/components/ds-drawer/ds-drawer.tsx +++ b/packages/design-system/src/components/ds-drawer/ds-drawer.tsx @@ -49,9 +49,8 @@ const DsDrawer = ({ styles[`position-${position}`], className, - // @ts-expect-error: these classnames are generated dynamically in scss - // eslint-disable-next-line @typescript-eslint/no-unsafe-argument - styles[`cols-${String(columns)}`], + // eslint-disable-next-line @typescript-eslint/restrict-template-expressions + styles[`cols-${columns}`], )} >
{children}
diff --git a/packages/design-system/src/components/ds-form-control/ds-form-control.tsx b/packages/design-system/src/components/ds-form-control/ds-form-control.tsx index df4c02a52..a634e67cd 100644 --- a/packages/design-system/src/components/ds-form-control/ds-form-control.tsx +++ b/packages/design-system/src/components/ds-form-control/ds-form-control.tsx @@ -63,9 +63,8 @@ const DsFormControl = ({ styles.container, className, - // @ts-expect-error: `info` doesn't have its own classname - // eslint-disable-next-line @typescript-eslint/no-unsafe-argument - status && message && styles[status], + // Casting because `info` doesn't have its own classname + status && message && styles[status as keyof typeof styles], )} style={style} >