fix(ThemeProvider): fix scoped CSS classes

gravity-ui · Sep 13, 2023 · 1effe63 · 1effe63
1 parent fc3a75e
commit 1effe63
Showing 1 changed file with 5 additions and 7 deletions.
diff --git a/src/components/theme/ThemeProvider.tsx b/src/components/theme/ThemeProvider.tsx
@@ -1,6 +1,6 @@
 import React from 'react';
 
-import {block} from '../utils/cn';
+import {block, blockNew} from '../utils/cn';
 
 import {ThemeContext} from './ThemeContext';
 import {ThemeSettingsContext} from './ThemeSettingsContext';
@@ -10,6 +10,7 @@ import {updateBodyClassName} from './updateBodyClassName';
 import {useSystemTheme} from './useSystemTheme';
 
 const b = block(ROOT_CLASS_NAME);
+const bNew = blockNew(ROOT_CLASS_NAME);
 
 interface ThemeProviderExternalProps {}
 
@@ -65,13 +66,10 @@ export function ThemeProvider({
             <ThemeSettingsContext.Provider value={themeSettingsContext}>
                 {scoped ? (
                     <div
-                        className={b(
-                            {
-                                theme: themeValue,
-                                'native-scrollbar': nativeScrollbar,
-                            },
+                        className={bNew({theme: themeValue, 'native-scrollbar': nativeScrollbar}, [
+                            b({theme: themeValue, 'native-scrollbar': nativeScrollbar}),
                             rootClassName,
-                        )}
+                        ])}
                     >
                         {children}
                     </div>