From 5de75fd591db0351227eda6f5396d2000c2c057b Mon Sep 17 00:00:00 2001 From: Inomdzhon Mirdzhamolov Date: Tue, 16 Jul 2024 20:35:31 +0300 Subject: [PATCH 1/2] docs(customize.md): fix imports and add additional comments --- styleguide/pages/customize.md | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) diff --git a/styleguide/pages/customize.md b/styleguide/pages/customize.md index b8bc8db9ed..d737f89ffe 100644 --- a/styleguide/pages/customize.md +++ b/styleguide/pages/customize.md @@ -87,19 +87,19 @@ ReactDOM.render( ```jsx static import { ConfigProvider, AppRoot, Button } from '@vkontakte/vkui'; import '@vkontakte/vkui/dist/components.css'; -import '@vkontakte/vkui-tokens/themes/paradigmBase/cssVars/declarations/onlyVariables.css'; -import '@vkontakte/vkui-tokens/themes/paradigmBaseDark/cssVars/declarations/onlyVariablesLocal.css'; +import '@vkontakte/vkui-tokens/themes/paradigmBase/cssVars/declarations/onlyVariables.css'; // базовая тема должна подключаться через `:root`, поэтому здесь импортируется `onlyVariables.css` +import '@vkontakte/vkui-tokens/themes/paradigmBaseDark/cssVars/declarations/onlyVariablesLocal.css'; // остальные должны быть завязаны на CSS класс, поэтому здесь импортируется `onlyVariablesLocal.css` // раз iOS мы не затрагиваем, то необходимо подключить стили по умолчанию -import '@vkontakte/vkui-tokens/themes/vkIOS/cssVars/declarations/onlyVariables.css'; +import '@vkontakte/vkui-tokens/themes/vkIOS/cssVars/declarations/onlyVariablesLocal.css'; import '@vkontakte/vkui-tokens/themes/vkIOSDark/cssVars/declarations/onlyVariablesLocal.css'; ReactDOM.render( @@ -120,8 +120,8 @@ import '@vkontakte/vkui/dist/components.css'; import './myCustomThemeTokens.css'; // раз iOS мы не затрагиваем, то необходимо подключить стили по умолчанию -import '@vkontakte/vkui-tokens/themes/myCustomIOS/cssVars/declarations/onlyVariables.css'; -import '@vkontakte/vkui-tokens/themes/myCustomIOSDark/cssVars/declarations/onlyVariablesLocal.css'; +import '@vkontakte/vkui-tokens/themes/vkIOS/cssVars/declarations/onlyVariablesLocal.css'; +import '@vkontakte/vkui-tokens/themes/vkIOSDark/cssVars/declarations/onlyVariablesLocal.css'; ReactDOM.render( Date: Wed, 17 Jul 2024 12:52:24 +0300 Subject: [PATCH 2/2] review: apply suggestions thanks for @mendrew Co-authored-by: Andrey Medvedev --- styleguide/pages/customize.md | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/styleguide/pages/customize.md b/styleguide/pages/customize.md index d737f89ffe..70a959662a 100644 --- a/styleguide/pages/customize.md +++ b/styleguide/pages/customize.md @@ -87,8 +87,10 @@ ReactDOM.render( ```jsx static import { ConfigProvider, AppRoot, Button } from '@vkontakte/vkui'; import '@vkontakte/vkui/dist/components.css'; -import '@vkontakte/vkui-tokens/themes/paradigmBase/cssVars/declarations/onlyVariables.css'; // базовая тема должна подключаться через `:root`, поэтому здесь импортируется `onlyVariables.css` -import '@vkontakte/vkui-tokens/themes/paradigmBaseDark/cssVars/declarations/onlyVariablesLocal.css'; // остальные должны быть завязаны на CSS класс, поэтому здесь импортируется `onlyVariablesLocal.css` +import '@vkontakte/vkui-tokens/themes/paradigmBase/cssVars/declarations/onlyVariables.css'; // базовая тема должна подключаться через `:root`, поэтому здесь импортируется `onlyVariables.css`, где токены навешиваются через псевдокласс `:root` +// @see https://unpkg.com/@vkontakte/vkui-tokens@4.48.0/themes/paradigmBase/cssVars/declarations/onlyVariables.css +import '@vkontakte/vkui-tokens/themes/paradigmBaseDark/cssVars/declarations/onlyVariablesLocal.css'; // остальные должны быть завязаны на CSS класс, поэтому здесь импортируется `onlyVariablesLocal.css` где токены навешиваются через класс темы `.vkui--paradigmBase--dark`. +// @see https://unpkg.com/@vkontakte/vkui-tokens@4.48.0/themes/paradigmBaseDark/cssVars/declarations/onlyVariablesLocal.css // раз iOS мы не затрагиваем, то необходимо подключить стили по умолчанию import '@vkontakte/vkui-tokens/themes/vkIOS/cssVars/declarations/onlyVariablesLocal.css';