fix: nanofix

Author: astandrik

src/components/DoughnutMetrics/DoughnutMetrics.scss

@@ -37,12 +37,12 @@
         --doughnut-wrapper-indent: 25px;
     }
 
-    &__doughnut_status_warning {
+    &_status_warning {
         --doughnut-color: var(--g-color-base-warning-heavy);
         --doughnut-backdrop-color: var(--g-color-sfx-fade);
         --doughnut-overlap-color: var(--g-color-base-warning-heavy-hover);
     }
-    &__doughnut_status_danger {
+    &_status_danger {
         --doughnut-color: var(--g-color-base-danger-heavy);
         --doughnut-backdrop-color: var(--g-color-sfx-fade);
         --doughnut-overlap-color: var(--g-color-base-danger-heavy-hover);

src/components/DoughnutMetrics/DoughnutMetrics.tsx

@@ -82,8 +82,8 @@ export function DoughnutMetrics({
 
     return (
         <SizeContext.Provider value={size}>
-            <div className={b(null, className)} style={{position: 'relative'}}>
-                <div style={doughnutStyle} className={b('doughnut', {status, size})}></div>
+            <div className={b({status}, className)} style={{position: 'relative'}}>
+                <div style={doughnutStyle} className={b('doughnut', {size})}></div>
                 <div className={b('text-wrapper')}>{children}</div>
             </div>
         </SizeContext.Provider>