добавить размеры ширины message и вариант fill

[khaliulin]

У <extra-message> была одна ширина — message.extend.width = 400px. Добавлены четыре размера и вариант fill (на всю ширину контейнера).

Что изменено

Семантика — новая ступень шкалы, 630px в ней не выражалось:

"2000": "{sizing.200x}",
"2200": "{sizing.315x}",   ← 630px
"max":  "{sizing.max}"

Компонентные токены — только ссылки на семантику:

"message": { "extend": { "overlayWidth": {
  "small":  "{dimension.size.1700}",
  "base":   "{dimension.size.1900}",
  "large":  "{dimension.size.2000}",
  "xlarge": "{dimension.size.2200}"
} } }

Стили (tokens/components/message.ts): .p-message → overlayWidth.base, классы .p-message-size-{small,large,xlarge} → свои токены, .p-message-size-fill → width: 100%.

API (message.component.ts): ExtraMessageSize = 'small' | 'base' | 'large' | 'xlarge' | 'fill', @Input() size = 'base', геттер sizeClass подставляется в [styleClass] PrimeNG-компонента. Префикс -size- выбран намеренно: p-message-sm / p-message-lg уже заняты самим PrimeNG под его собственный size.

Stories: контрол size с пятью опциями, проброс в шаблон Default.

Замеры (браузер, story Info)

size	ширина
small	272px
base	336px
large	400px
xlarge	630px
fill	вся ширина контейнера

Гейты: check-component.mjs message — 0 FAIL, 13 WARN (12 прежних по неиспользуемой ветке outlined + extend.width, который заменён на overlayWidth.base); prettier и tsc --noEmit чисто.

Вопросы к дизайну

1. Значения не равны макету. Таблица Figma (sizing.width) просит 280 / 350 / 420 / 630, семантическая шкала даёт ближайшие 272 / 336 / 400 / 630 — промах 8-20px на трёх размерах из четырёх. Точные значения потребуют своих ступеней в Figma.
2. Спецификация разошлась с кодом: docs/components-api/message.md пропа size не содержит. Нужно дописать туда строку про size (включая fill).
3. dimension.size.2200 заведена также в ветке size.drawer.update (PR задать ширину drawer по размерам #138) — строки идентичны, при мерже обеих возможен тривиальный конфликт в этом месте.