@sberbusiness/triplex-next-mcp-server 1.42.0-beta → 1.44.0-beta

package/bundle/components/AlertProcess.md

@@ -49,7 +49,7 @@ ARIA-роли не выставляет.
 | `closable`                    | `boolean`                   | `false`                        | Показывает кнопку закрытия в правом верхнем углу                                                                      |
 | `onClose`                     | `() => void`                | —                              | Вызывается **после** того, как компонент скрыл себя. Аргументов не принимает, отменить закрытие нельзя                |
 | `renderIcon`                  | `React.ReactNode`           | иконка по `type`               | Полностью заменяет иконку по умолчанию                                                                                |
-| `borderRadius`                | `EAlertProcessBorderRadius` | `EAlertProcessBorderRadius.MD` | Скругление углов: `MD` (12px) / `LG` (24px)                                                                           |
+| `borderRadius`                | `EAlertProcessBorderRadius` | `EAlertProcessBorderRadius.MD` | Скругление углов: `MD` (16px) / `LG` (24px)                                                                           |
 | `children`                    | `React.ReactNode`           | —                              | Контент. Типографику задаёт потребитель компонентами `Typography` — сам `AlertProcess` размер и цвет текста не задаёт |
 | `...HTMLDivElementAttributes` | —                           | —                              | Все стандартные атрибуты `<div>`                                                                                      |
 
@@ -80,7 +80,7 @@ ARIA-роли не выставляет.
 Значения — в `src/components/DesignTokens/components/AlertProcess.ts`. Компонент
 задаёт **только фон**: цвет и размер текста — зона ответственности `Typography`
 у потребителя, цвет иконок — `paletteIndex` соответствующей иконки. Скругления
-(12px / 24px) и внутренние отступы (16px) заданы литералами в
+(16px / 24px) и внутренние отступы (16px) заданы литералами в
 `styles/AlertProcess.module.less` — токенов для них нет.
 
 ---
@@ -245,6 +245,7 @@ ARIA-роли не выставляет.
 | ---------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
 | 2026-08-10 | Создан документ. AI-рефакторинг: `AlertProcessSpoiler` переведён на `forwardRef` и перестал затирать `className` собственными классами; из него убрана ссылка на несуществующий CSS-класс `styles.spoiler`; в `AlertProcess` убрано дублирующее присваивание `AlertProcess.Spoiler`, `renderIcon` приведён к `\|\|` как в `AlertContext`, добавлены JSDoc на props с дефолтами и явный `children`; из LESS удалено мёртвое правило `.alertTypeFeature .themeIcon { padding-top: 0 }`. Unit-тесты разбиты на `AlertProcess.test.tsx`и`AlertProcessSpoiler.test.tsx`и расширены с 11 до 34 кейсов. Stories переведены на modern pattern — файлы примеров без суффикса`Example`. Публичный API не изменён. |
 | 2026-08-11 | По ревью PR #520: из `AlertProcessSpoiler` убрана пустая обёртка-`<div>` — контент и кнопка раскрытия стали соседними элементами, корневым элементом компонента стал элемент контента (он и раньше получал `className` / `ref` / `...rest`). На кнопке раскрытия выставлен `aria-expanded`. Тесты дополнены до 37 кейсов. Публичный API не изменён.                                                                                                                                                                                                                                                                                                                                                     |
+| 2026-08-28 | Скругление варианта `MD` увеличено с 12px до 16px в `styles/AlertProcess.module.less`. |
 
 ---
 

package/bundle/components/BodyPage.md

@@ -35,12 +35,37 @@ version: "1.0"
 
 | Prop | Тип | По умолчанию | Описание |
 |---|---|---|---|
-| `verticalMargin` | `EBodyPageVerticalMargin` | `LARGE` | Вертикальные отступы: `LARGE` = 24px (16px на узких экранах), `SMALL` = 16px (8px на узких). В LightBox используется `SMALL`. |
+| `verticalMargin` | `TBodyPageVerticalMargin` | `LARGE` | Вертикальные отступы: `LARGE` = 24px (16px на узких экранах), `SMALL` = 16px (8px на узких), `NONE` = 0. Одно значение задаёт обе стороны; объект `{top, bottom}` — каждую отдельно, обе стороны указываются явно. В LightBox используется `SMALL`. |
 | `size` | `EComponentSize` | — | Размер острова (Island). **Доступен только для `type=FIRST`**; для `type=SECOND` типизирован как `never`. |
 
+### Тип verticalMargin
+
+```ts
+interface IBodyPageVerticalMarginSides {
+    top: EBodyPageVerticalMargin;
+    bottom: EBodyPageVerticalMargin;
+}
+
+type TBodyPageVerticalMargin = EBodyPageVerticalMargin | IBodyPageVerticalMarginSides;
+```
+
+```tsx
+<Page.Body type={EBodyPageType.FIRST} verticalMargin={EBodyPageVerticalMargin.NONE}>…</Page.Body>
+<Page.Body
+    type={EBodyPageType.FIRST}
+    verticalMargin={{top: EBodyPageVerticalMargin.NONE, bottom: EBodyPageVerticalMargin.LARGE}}
+>…</Page.Body>
+```
+
+`top` и `bottom` в объектной форме обязательны: скрытого дефолта у стороны нет, отступ виден
+прямо в месте вызова. Частичный объект (`{top}`) и пустой (`{}`) — ошибка компиляции.
+
 ### Ограничения по типам
 
 - `size` доступен только при `type=FIRST` (в `SECOND` контент не оборачивается в Island, поэтому `size?: never`).
+- Частичный объект в `verticalMargin` запрещён типом. Если он всё же придёт из нетипизированного кода,
+  сторона без значения не получит класс и даст 0 — дефолт `LARGE` намеренно не подставляется в рантайме,
+  иначе вернулся бы скрытый дефолт стороны.
 
 ---
 
@@ -48,7 +73,8 @@ version: "1.0"
 
 Собственных CSS-переменных нет. Внешний вид карточки наследуется от `Island` (`EIslandType.TYPE_1`).
 Вертикальные отступы заданы фиксированными значениями в `styles/BodyPage.module.less`
-(24/16px и адаптив 16/8px на `@screen-sm-max`).
+односторонними классами `marginTop{Large,Small,None}` / `marginBottom{Large,Small,None}`
+(24/16/0px и адаптив 16/8/0px на `@screen-sm-max`).
 
 ---
 
@@ -59,9 +85,14 @@ version: "1.0"
 - `displayName = "BodyPage"` — не менять.
 - Discriminated union по `type` и значения `EBodyPageType` / `EBodyPageVerticalMargin` — часть
   публичного API, менять нельзя.
-- Экспорты `BodyPage`, `IBodyPageTypeFirstProps`, `IBodyPageTypeSecondProps` идут в barrel
+- Экспорты `BodyPage`, `IBodyPageTypeFirstProps`, `IBodyPageTypeSecondProps`,
+  `IBodyPageVerticalMarginSides`, `TBodyPageVerticalMargin` идут в barrel
   `src/components/Page/index.ts` — сохранять.
 - `verticalMargin` по умолчанию `LARGE` — менять дефолт нельзя без обсуждения.
+- В объектной форме `top` и `bottom` обязательны — не делать их опциональными: дефолт стороны
+  вернул бы скрытое поведение, которого здесь сознательно нет.
+- Скалярная форма `verticalMargin` должна и дальше работать как раньше — это обратная
+  совместимость публичного API.
 
 ---
 
@@ -92,7 +123,7 @@ version: "1.0"
 | `Playground` | `Playground.tsx` | Интерактивный контроль `type` и `verticalMargin` |
 | `Default` | `Default.tsx` | Минимальный пример (FIRST, контент в карточке) |
 | `Types` | `Types.tsx` | Сравнение типов FIRST и SECOND |
-| `VerticalMargins` | `VerticalMargins.tsx` | Отступы LARGE (24px) и SMALL (16px) |
+| `VerticalMargins` | `VerticalMargins.tsx` | Отступы LARGE (24px), SMALL (16px), NONE (0) и асимметричные комбинации |
 | `VisualTests` | `VisualTests.tsx` | Матрица type × verticalMargin для скриншот-регрессии |
 
 ---
@@ -102,6 +133,7 @@ version: "1.0"
 | Дата | Изменение |
 |---|---|
 | 2026-06-18 | Создан документ. AI-рефакторинг (clsx order, JSDoc), unit-тесты, миграция stories на modern pattern. |
+| 2026-08-26 | TRI-121: добавлено `EBodyPageVerticalMargin.NONE`; `verticalMargin` принимает объект `{top, bottom}` (обе стороны обязательны) для независимых отступов сверху и снизу. LESS переразбит на односторонние классы. |
 
 ---
 
@@ -180,6 +212,42 @@ export const VerticalMargins = () => (
                 </Text>
             </Page.Body>
         </div>
+        <div>
+            <div style={{ marginBottom: "8px", fontSize: "16px", fontWeight: 700 }}>
+                NONE (0) — собственных отступов нет
+            </div>
+            <Page.Body type={EBodyPageType.FIRST} verticalMargin={EBodyPageVerticalMargin.NONE}>
+                <Text tag="div" size={ETextSize.B2} type={EFontType.PRIMARY}>
+                    Без вертикальных отступов сверху и снизу.
+                </Text>
+            </Page.Body>
+        </div>
+        <div>
+            <div style={{ marginBottom: "8px", fontSize: "16px", fontWeight: 700 }}>
+                {"{ top: NONE, bottom: LARGE }"}
+            </div>
+            <Page.Body
+                type={EBodyPageType.FIRST}
+                verticalMargin={{ top: EBodyPageVerticalMargin.NONE, bottom: EBodyPageVerticalMargin.LARGE }}
+            >
+                <Text tag="div" size={ETextSize.B2} type={EFontType.PRIMARY}>
+                    Отступы задаются раздельно: сверху 0, снизу 24px.
+                </Text>
+            </Page.Body>
+        </div>
+        <div>
+            <div style={{ marginBottom: "8px", fontSize: "16px", fontWeight: 700 }}>
+                {"{ top: SMALL, bottom: NONE }"}
+            </div>
+            <Page.Body
+                type={EBodyPageType.FIRST}
+                verticalMargin={{ top: EBodyPageVerticalMargin.SMALL, bottom: EBodyPageVerticalMargin.NONE }}
+            >
+                <Text tag="div" size={ETextSize.B2} type={EFontType.PRIMARY}>
+                    Отступы задаются раздельно: сверху 16px, снизу 0.
+                </Text>
+            </Page.Body>
+        </div>
     </div>
 );
 ```

package/bundle/components/Button.md

@@ -188,6 +188,7 @@ version: "1.0"
 | 2026-07-15 | Добавлен `vertical-align: middle` корневому классу `.button` — icon-only кнопка (`icon` без `children`) смещалась по вертикали относительно соседней текстовой кнопки из-за baseline-выравнивания inline-элементов; `middle` также центрирует кнопку относительно строки инлайн-текста |
 | 2026-07-28 | AI-рефакторинг (TRI-13): codestyle-чистка `Button.tsx` (JSDoc компонента, поясняющие комментарии, эквивалентные упрощения в `clsx`), unit-тесты расширены с 10 до 24 кейсов; публичный API и поведение не изменены |
 | 2026-07-28 | Правки по ревью PR #481 (TRI-13): исправлена трактовка строкового `aria-expanded="false"` (больше не считается раскрытым состоянием); `size` стал опциональным с default `EComponentSize.MD` (типы приведены в соответствие с реализацией); `ButtonBase` убран из barrel-экспорта `index.ts` — импорт только по прямому пути `components/Button/ButtonBase` |
+| 2026-08-17 | Добавлен `justify-content: center` корневому классу `.button` — при коротком тексте кнопка растягивается до `min-width`, и содержимое прижималось к левому краю вместо центра |
 
 ---
 

package/bundle/components/Checkbox.md

@@ -48,13 +48,15 @@ version: "1.0"
 | `bulk` | `boolean` | `false` | Влияет на отображаемую иконку (используется bulk-иконка). Видимость checkmark всё равно определяется состоянием `checked`. |
 | `size` | `EComponentSize` | `EComponentSize.MD` | Размер: `SM` / `MD` / `LG`. |
 | `children` | `React.ReactNode` | — | Контент лейбла рядом с чекбоксом. Если `children` нет — класс `.nonempty` не применяется. |
-| `labelAttributes` | `React.LabelHTMLAttributes<HTMLLabelElement>` | — | Дополнительные HTML-атрибуты для корневого `<label>` (например, `className`, `onFocus`). |
+| `labelAttributes` | `React.LabelHTMLAttributes<HTMLLabelElement>` | — | Дополнительные HTML-атрибуты для корневого `<label>` (например, `className`, `onFocus`). `labelAttributes.className` объединяется с `className` компонента, а не заменяет его. |
 | `...inputAttributes` | `Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" \| "size">` | — | Все стандартные атрибуты `<input type="checkbox">` (включая `name`, `onChange`, `aria-label` и т.д.). |
 
 ### Ограничения использования
 
 - DOM-структура фиксирована: корневой `<label>` → `<input type="checkbox">` → декоративные `<span>` / `<svg>` для отрисовки фона и галочки.
 - `ref` прокидывается на внутренний `<input type="checkbox">`.
+- `className` попадает на корневой `<label>`, все остальные props (`...inputAttributes`) — на `<input>`.
+- Размер задаёт классы только на `<label>`: внутренние элементы (`input`, фон, галочка) стилизуются от него как потомки.
 
 ---
 
@@ -84,6 +86,7 @@ version: "1.0"
 - `forwardRef` на компоненте обязателен и должен указывать на `<input>`.
 - Корневой DOM-элемент компонента — `<label>`, внутри которого находится `<input>`.
 - `className` и `size` — публичные части внешнего контрактного API: не менять семантику без согласования.
+- Ховер-стили объявляются только внутри `@media (hover: hover)`: на тач-устройствах браузер эмулирует `:hover` при тапе и не снимает его, из-за чего чекбокс залипал бы в состоянии ховера.
 
 ---
 
@@ -113,6 +116,7 @@ version: "1.0"
 | `Playground` | `PlaygroundExample.tsx` | Интерактивный контроль основных props |
 | `Default` | `DefaultExample.tsx` | Минимальное использование |
 | `Sizes` | `SizesExample.tsx` | Размеры `SM` / `MD` / `LG` |
+| `VisualTests` | `VisualTestsExample.tsx` | Состояния для visual regression: размеры `SM` / `MD` / `LG` в `checked` и `checked bulk` |
 
 ---
 
@@ -122,6 +126,8 @@ version: "1.0"
 |---|---|
 | 2026-04-16 | Приведение `Checkbox` к AI-ready: соблюдены правила `docs/ai/codestyle.md`, добавлена AI-документация и unit-тест на передачу `className` корневому `label`. |
 | 2026-04-27 | Приведён в соответствие с `docs/ai/template-ai.md`: убрана секция «Ключевые особенности реализации» (содержимое перенесено в `Ограничения использования`), переставлены секции (Accessibility после Инвариантов), добавлена колонка `Example file`. |
+| 2026-08-14 | AI-рефакторинг: выбор иконки галочки через компонент-переменную вместо render-функции, с `<input>` убран не влияющий на стили класс размера, JSDoc на props дополнен дефолтами, расширено unit-покрытие (размеры, `bulk`, `labelAttributes`, `onChange`, `disabled`). |
+| 2026-08-20 | Исправлено залипание ховера на тач-устройствах: правила `:hover` в `Checkbox.module.less` обёрнуты в `@media (hover: hover)`. |
 
 ---