@cloud-ru/ds-uikit-product-header 1.5.1 → 1.5.2-preview-0406cbd2.0

package/src/components/PlatformLogo/styles.module.scss

@@ -5,9 +5,12 @@
   align-items: center;
   justify-content: center;
 
+  box-sizing: border-box;
   width: base.$sn-primitive-dimension-24;
   height: base.$sn-primitive-dimension-24;
   border-radius: base.$sn-density-radius-2xs;
 
-  background: base.$sn-theme-color-neutral-decor;
+  color: base.$sn-theme-color-neutral-onAccent;
+
+  background: base.$sn-theme-color-neutral-accent;
 }

package/src/components/UserMenu/UserMenu.tsx

@@ -1,9 +1,11 @@
 import { Avatar } from '@cloud-ru/ds-avatar';
 import { BaseItemProps, Droplist, DroplistProps } from '@cloud-ru/ds-list';
 import { useValueControl } from '@cloud-ru/ds-utils';
+import cn from 'classnames';
 import { useMemo } from 'react';
 
 import { BOTTOM_SHEET_FULLSCREEN_SNAP_POINTS, TEST_IDS } from '../../constants';
+import { useDesktopComfortClassName } from '../../hooks/useDesktopComfortClassName';
 import { useMobileLayout } from '../../hooks/useMobileLayout';
 import { headerLocale } from '../../locale';
 import { HeaderButton } from '../HeaderButton';
@@ -48,6 +50,7 @@ export function UserMenu({
 }: UserMenuProps) {
   const { t } = headerLocale.useTranslations();
   const isMobile = useMobileLayout();
+  const comfortClassName = useDesktopComfortClassName();
 
   const [open = false, setOpen] = useValueControl<boolean>({ value: openProp, onChange: setOpenProp });
 
@@ -78,6 +81,7 @@ export function UserMenu({
           Number(inviteCount)
             ? {
                 value: Number(inviteCount),
+                appearance: 'primary',
               }
             : undefined
         }
@@ -98,7 +102,7 @@ export function UserMenu({
       items={userMenuItems}
       trigger='click'
       placement='bottom-end'
-      className={styles.userMenuDroplist}
+      className={cn(styles.userMenuDroplist, comfortClassName)}
       closeOnPopstate
       data-test-id={TEST_IDS.userMenu.root}
       label={t('user')}

package/src/components/UserMenu/styles.module.scss

@@ -1,5 +1,5 @@
 .userMenuDroplist {
-  width: 272px;
+  width: 256px; // нет токена ширины дропдауна
 }
 
 .userMenuTrigger {

package/src/hooks/useDesktopComfortClassName.ts

@@ -0,0 +1,11 @@
+import { DENSITY, useThemeClassnames } from '@cloud-ru/ds-theme';
+
+import { useMobileLayout } from './useMobileLayout';
+
+/** Класс плотности comfort для выпадающих списков шапки на desktop; на mobile остаётся compact из темы. */
+export function useDesktopComfortClassName() {
+  const isMobile = useMobileLayout();
+  const comfortClassName = useThemeClassnames({ density: DENSITY.Comfort });
+
+  return isMobile ? undefined : comfortClassName;
+}

package/src/hooks/useMobileLayout.ts

@@ -3,5 +3,6 @@ import { LAYOUT_TYPE, useAdaptiveLayout } from '@cloud-ru/ds-adaptive';
 export function useMobileLayout() {
   const { layoutType } = useAdaptiveLayout();
 
+  // Осознанное исключение из isMobileLayout: desktop-шапка не помещается на tablet и desktopSmall
   return layoutType !== LAYOUT_TYPE.Desktop;
 }

package/src/locale/index.ts

@@ -5,11 +5,11 @@ const HEADER_MESSAGES = defineMessages({
     searchByServices: 'Search by services and their sections',
     services: 'Services',
     user: 'User',
-    logout: 'Log out',
+    logout: 'Log out of account',
     noData: 'No data',
     noDataFound: 'Nothing found',
     dragGroup: 'Drag group',
-    themeModeLabel: 'Theme',
+    themeModeLabel: 'Interface theme',
     themeModeLight: 'Light',
     themeModeDark: 'Dark',
     themeModeSystem: 'System',
@@ -33,11 +33,11 @@ const HEADER_MESSAGES = defineMessages({
     searchByServices: 'Поиск по сервисам и их разделам',
     services: 'Сервисы',
     user: 'Пользователь',
-    logout: 'Выйти',
+    logout: 'Выйти из аккаунта',
     noData: 'Нет данных',
     noDataFound: 'Ничего не найдено',
     dragGroup: 'Перетащить группу',
-    themeModeLabel: 'Тема',
+    themeModeLabel: 'Тема интерфейса',
     themeModeLight: 'Светлая',
     themeModeDark: 'Тёмная',
     themeModeSystem: 'Системная',