@cloud-ru/ds-popup-private 1.1.2-preview-86f06def.0 → 1.1.2

package/CHANGELOG.md

@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 1.1.2 (2026-09-18)
+
+**Note:** Version bump only for package @ds/popup-private
+
 ## 1.1.1 (2026-09-01)
 
 **Note:** Version bump only for package @ds/popup-private

package/README.md

@@ -12,7 +12,7 @@
 | `additionalButton` | `BottomSheetActionButton` | — | Дополнительная (третья) кнопка (по умолчанию `view='simple'`, `appearance='neutral'`). |
 | `approveButton` | `BottomSheetActionButton` | — | Основная кнопка (по умолчанию `view='filled'`, `appearance='primary'`). |
 | `cancelButton` | `BottomSheetActionButton` | — | Кнопка отмены (по умолчанию `view='outline'`, `appearance='neutral'`). |
-| `footerActionsOrientation` | `"horizontal"` \| `"vertical"` | — | Ориентация кнопок. Без значения раскладку выбирает число действий: два — в строку, три — стопкой. <br/> Заданное значение приоритетнее; на `bottomSheet` три кнопки в ряд не помещаются и остаются стопкой. |
+| `footerActionsOrientation` | `"horizontal"` \| `"vertical"` | `horizontal` | Ориентация кнопок при ровно двух действиях. |
 | `size` | `"l"` \| `"m"` \| `"s"` | — | Размер кнопок футера. Задаётся на уровне группы (как в `ButtonGroup`), не по кнопке — <br/> в макетах все действия футера одного размера. Нужен потребителям с собственной осью <br/> размера (календарные дропдауны: 24 / 32 / 40 при s / m / l). У modal, drawer и <br/> bottom-sheet своей оси нет, но кит рисует их футеры на `l` — эти поверхности <br/> передают `size='l'` явно. |
 | `surface` | `"bottomSheet"` \| `"window"` | `window` | Поверхность overlay'я — определяет раскладку кнопок: <br/> - `window` (desktop, дефолт): 1–2 кнопки компактно вправо, 3 — стопка (primary сверху). <br/> - `bottomSheet` (mobile): 1 → вправо, 2 → space-between, 3 → стопка с инверсией (primary внизу). |
 | `testIds` | `FooterActionsTestIds` | — | Идентификаторы слотов конкретного компонента (`bottom-sheet` / `modal` / `drawer`). |

package/dist/cjs/components/FooterActions/FooterActions.d.ts

@@ -23,10 +23,7 @@ export type FooterActionsProps = {
      * передают `size='l'` явно.
      */
     size?: Size;
-    /**
-     * Ориентация кнопок. Без значения раскладку выбирает число действий: два — в строку, три — стопкой.
-     * Заданное значение приоритетнее; на `bottomSheet` три кнопки в ряд не помещаются и остаются стопкой.
-     */
+    /** Ориентация кнопок при ровно двух действиях. */
     footerActionsOrientation?: FooterActionsOrientation;
     /** Идентификаторы слотов конкретного компонента (`bottom-sheet` / `modal` / `drawer`). */
     testIds: FooterActionsTestIds;

package/dist/cjs/components/FooterActions/FooterActions.js

@@ -14,23 +14,18 @@ const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
  * Единый источник правды для `BottomSheet`, `Modal` и `Drawer` (adaptive-маппинг 1:1).
  * Возвращает `null`, если ни одной кнопки не передано.
  */
-function FooterActions({ approveButton, cancelButton, additionalButton, size, footerActionsOrientation, testIds, actionsClassName, surface = 'window', }) {
+function FooterActions({ approveButton, cancelButton, additionalButton, size, footerActionsOrientation = constants_1.FOOTER_ACTIONS_ORIENTATION.Horizontal, testIds, actionsClassName, surface = 'window', }) {
     const actionCount = [approveButton, cancelButton, additionalButton].filter(Boolean).length;
     if (actionCount === 0) {
         return null;
     }
     const isMobile = surface === 'bottomSheet';
-    const isStackOnly = isMobile && actionCount === 3;
-    const isVerticalActions = !isStackOnly && footerActionsOrientation
-        ? footerActionsOrientation === constants_1.FOOTER_ACTIONS_ORIENTATION.Vertical
-        : actionCount === 3;
+    const isVerticalActions = footerActionsOrientation === constants_1.FOOTER_ACTIONS_ORIENTATION.Vertical || actionCount === 3;
     const hasTertiary = Boolean(additionalButton);
     // Раскладка кнопок футера зависит от поверхности:
     // - desktop (window): пара `cancel + approve` → компактно вправо (`compact`); пара с tertiary
     //   (`additional + approve`) → space-between, tertiary слева / primary справа (Figma
     //   `popupDropdownFooter` — календарные дропдауны); 3 → стопка, primary сверху (ButtonGroup default).
-    // Явный `footerActionsOrientation` перекрывает выбор по числу действий — кроме трёх кнопок
-    // на `bottomSheet`: в мобильную ширину они в ряд не помещаются.
     // - mobile (bottomSheet): 1 → вправо (`single`); 2 → space-between (`break`); 3 → стопка, инверсия (`stackInverted`).
     const useBreak = !isVerticalActions && actionCount === 2 && (isMobile || (!isMobile && hasTertiary));
     const isSingle = isMobile && actionCount === 1;

package/dist/cjs/components/PopupBody/styles.module.css

@@ -6,7 +6,7 @@
   box-sizing:border-box;
   min-height:0;
   padding:var(--sn-bottomSheet-anatomy-container-content-bodyWrapper-paddingTop, var(--sn-density-spacing-interval-m, var(--sn-primitive-dimension-16, 16px))) var(--sn-bottomSheet-anatomy-container-content-bodyWrapper-paddingHorizontal, var(--sn-density-spacing-interval-l, var(--sn-primitive-dimension-24, 24px))) var(--sn-bottomSheet-anatomy-container-content-bodyWrapper-paddingBottom, var(--sn-density-spacing-interval-l, var(--sn-primitive-dimension-24, 24px))) var(--sn-bottomSheet-anatomy-container-content-bodyWrapper-paddingHorizontal, var(--sn-density-spacing-interval-l, var(--sn-primitive-dimension-24, 24px)));
-  color:var(--sn-theme-color-available-version-textMain, var(--sn-brand-color-text-version-main, #41424e));
+  color:var(--sn-theme-color-neutral-text, var(--sn-brand-color-neutral-45, var(--sn-primitive-color-gray-45, #81869c)));
 }
 
 .root[data-no-padding]{

package/dist/cjs/style.css

@@ -26,7 +26,7 @@
   box-sizing:border-box;
   min-height:0;
   padding:var(--sn-bottomSheet-anatomy-container-content-bodyWrapper-paddingTop, var(--sn-density-spacing-interval-m, var(--sn-primitive-dimension-16, 16px))) var(--sn-bottomSheet-anatomy-container-content-bodyWrapper-paddingHorizontal, var(--sn-density-spacing-interval-l, var(--sn-primitive-dimension-24, 24px))) var(--sn-bottomSheet-anatomy-container-content-bodyWrapper-paddingBottom, var(--sn-density-spacing-interval-l, var(--sn-primitive-dimension-24, 24px))) var(--sn-bottomSheet-anatomy-container-content-bodyWrapper-paddingHorizontal, var(--sn-density-spacing-interval-l, var(--sn-primitive-dimension-24, 24px)));
-  color:var(--sn-theme-color-available-version-textMain, var(--sn-brand-color-text-version-main, #41424e));
+  color:var(--sn-theme-color-neutral-text, var(--sn-brand-color-neutral-45, var(--sn-primitive-color-gray-45, #81869c)));
 }
 
 .root[data-no-padding]{

package/dist/esm/components/FooterActions/FooterActions.d.ts

@@ -23,10 +23,7 @@ export type FooterActionsProps = {
      * передают `size='l'` явно.
      */
     size?: Size;
-    /**
-     * Ориентация кнопок. Без значения раскладку выбирает число действий: два — в строку, три — стопкой.
-     * Заданное значение приоритетнее; на `bottomSheet` три кнопки в ряд не помещаются и остаются стопкой.
-     */
+    /** Ориентация кнопок при ровно двух действиях. */
     footerActionsOrientation?: FooterActionsOrientation;
     /** Идентификаторы слотов конкретного компонента (`bottom-sheet` / `modal` / `drawer`). */
     testIds: FooterActionsTestIds;

package/dist/esm/components/FooterActions/FooterActions.js

@@ -8,23 +8,18 @@ import styles from './styles.module.css';
  * Единый источник правды для `BottomSheet`, `Modal` и `Drawer` (adaptive-маппинг 1:1).
  * Возвращает `null`, если ни одной кнопки не передано.
  */
-export function FooterActions({ approveButton, cancelButton, additionalButton, size, footerActionsOrientation, testIds, actionsClassName, surface = 'window', }) {
+export function FooterActions({ approveButton, cancelButton, additionalButton, size, footerActionsOrientation = FOOTER_ACTIONS_ORIENTATION.Horizontal, testIds, actionsClassName, surface = 'window', }) {
     const actionCount = [approveButton, cancelButton, additionalButton].filter(Boolean).length;
     if (actionCount === 0) {
         return null;
     }
     const isMobile = surface === 'bottomSheet';
-    const isStackOnly = isMobile && actionCount === 3;
-    const isVerticalActions = !isStackOnly && footerActionsOrientation
-        ? footerActionsOrientation === FOOTER_ACTIONS_ORIENTATION.Vertical
-        : actionCount === 3;
+    const isVerticalActions = footerActionsOrientation === FOOTER_ACTIONS_ORIENTATION.Vertical || actionCount === 3;
     const hasTertiary = Boolean(additionalButton);
     // Раскладка кнопок футера зависит от поверхности:
     // - desktop (window): пара `cancel + approve` → компактно вправо (`compact`); пара с tertiary
     //   (`additional + approve`) → space-between, tertiary слева / primary справа (Figma
     //   `popupDropdownFooter` — календарные дропдауны); 3 → стопка, primary сверху (ButtonGroup default).
-    // Явный `footerActionsOrientation` перекрывает выбор по числу действий — кроме трёх кнопок
-    // на `bottomSheet`: в мобильную ширину они в ряд не помещаются.
     // - mobile (bottomSheet): 1 → вправо (`single`); 2 → space-between (`break`); 3 → стопка, инверсия (`stackInverted`).
     const useBreak = !isVerticalActions && actionCount === 2 && (isMobile || (!isMobile && hasTertiary));
     const isSingle = isMobile && actionCount === 1;

package/dist/esm/components/PopupBody/styles.module.css

@@ -6,7 +6,7 @@
   box-sizing:border-box;
   min-height:0;
   padding:var(--sn-bottomSheet-anatomy-container-content-bodyWrapper-paddingTop, var(--sn-density-spacing-interval-m, var(--sn-primitive-dimension-16, 16px))) var(--sn-bottomSheet-anatomy-container-content-bodyWrapper-paddingHorizontal, var(--sn-density-spacing-interval-l, var(--sn-primitive-dimension-24, 24px))) var(--sn-bottomSheet-anatomy-container-content-bodyWrapper-paddingBottom, var(--sn-density-spacing-interval-l, var(--sn-primitive-dimension-24, 24px))) var(--sn-bottomSheet-anatomy-container-content-bodyWrapper-paddingHorizontal, var(--sn-density-spacing-interval-l, var(--sn-primitive-dimension-24, 24px)));
-  color:var(--sn-theme-color-available-version-textMain, var(--sn-brand-color-text-version-main, #41424e));
+  color:var(--sn-theme-color-neutral-text, var(--sn-brand-color-neutral-45, var(--sn-primitive-color-gray-45, #81869c)));
 }
 
 .root[data-no-padding]{

package/dist/esm/style.css

@@ -26,7 +26,7 @@
   box-sizing:border-box;
   min-height:0;
   padding:var(--sn-bottomSheet-anatomy-container-content-bodyWrapper-paddingTop, var(--sn-density-spacing-interval-m, var(--sn-primitive-dimension-16, 16px))) var(--sn-bottomSheet-anatomy-container-content-bodyWrapper-paddingHorizontal, var(--sn-density-spacing-interval-l, var(--sn-primitive-dimension-24, 24px))) var(--sn-bottomSheet-anatomy-container-content-bodyWrapper-paddingBottom, var(--sn-density-spacing-interval-l, var(--sn-primitive-dimension-24, 24px))) var(--sn-bottomSheet-anatomy-container-content-bodyWrapper-paddingHorizontal, var(--sn-density-spacing-interval-l, var(--sn-primitive-dimension-24, 24px)));
-  color:var(--sn-theme-color-available-version-textMain, var(--sn-brand-color-text-version-main, #41424e));
+  color:var(--sn-theme-color-neutral-text, var(--sn-brand-color-neutral-45, var(--sn-primitive-color-gray-45, #81869c)));
 }
 
 .root[data-no-padding]{