fix: hash classes (#7857)

VKCOM · Oct 30, 2024 · 6086d34 · 6086d34
1 parent 792e571
commit 6086d34
Show file tree

Hide file tree

Showing 5 changed files with 5 additions and 5 deletions.
diff --git a/packages/vkui/package.swcrc b/packages/vkui/package.swcrc
@@ -29,7 +29,7 @@
         [
           "swc-plugin-css-modules",
           {
-            "generate_scoped_name": "vkui[folder]__[local]"
+            "generate_scoped_name": "[folder]__[local]--[hash:base64:5]"
           }
         ],
         [

diff --git a/packages/vkui/rspack.styles.config.ts b/packages/vkui/rspack.styles.config.ts
@@ -55,7 +55,7 @@ const config: Configuration = {
                 [
                   'swc-plugin-css-modules',
                   {
-                    generate_scoped_name: 'vkui[folder]_[local]',
+                    generate_scoped_name: '[folder]__[local]--[hash:base64:5]',
                   },
                 ],
               ],

diff --git a/packages/vkui/src/components/CustomSelect/CustomSelect.test.tsx b/packages/vkui/src/components/CustomSelect/CustomSelect.test.tsx
@@ -7,7 +7,7 @@ import { baselineComponent, userEvent, waitForFloatingPosition } from '../../tes
 import { Avatar } from '../Avatar/Avatar';
 import { CustomSelectOption } from '../CustomSelectOption/CustomSelectOption';
 import { CustomSelect, type CustomSelectRenderOption, type SelectProps } from './CustomSelect';
-import styles from './CustomSelectDropdown.module.css';
+import styles from './CustomSelect.module.css';
 
 let placementStub: Placement | undefined = undefined;
 jest.mock('../../lib/floating', () => {

diff --git a/packages/vkui/src/components/HorizontalCell/HorizontalCell.test.tsx b/packages/vkui/src/components/HorizontalCell/HorizontalCell.test.tsx
@@ -1,7 +1,7 @@
 import { render, screen } from '@testing-library/react';
 import { baselineComponent } from '../../testing/utils';
 import { CUSTOM_CSS_TOKEN_FOR_CELL_WIDTH, HorizontalCell } from './HorizontalCell';
-import styles from './HorizontaCell.module.css';
+import styles from './HorizontalCell.module.css';
 
 describe('HorizontalCell', () => {
   baselineComponent((props) => <HorizontalCell {...props}>HorizontalCell</HorizontalCell>);

diff --git a/shared.js b/shared.js
@@ -17,5 +17,5 @@ module.exports = {
     './node_modules/@vkontakte/vkui-tokens/themes/vkComDark/cssVars/declarations/onlyVariablesLocal.css',
   ],
 
-  generateScopedName: 'vkui[folder]__[local]',
+  generateScopedName: '[folder]__[local]--[hash:base64:5]',
 };