From b71d1f1f88b420c1bf5dc230aad3d5d831810625 Mon Sep 17 00:00:00 2001
From: Danil Khaliulin <danielooneilie@gmail.com>
Date: Mon, 7 Sep 2026 17:06:16 +0800
Subject: [PATCH 1/2] =?UTF-8?q?=D0=BF=D0=BE=D1=87=D0=B8=D0=BD=D0=B8=D1=82?=
 =?UTF-8?q?=D1=8C=20=D1=81=D1=82=D1=83=D0=BF=D0=B5=D0=BD=D1=8C=20xlg=20?=
 =?UTF-8?q?=D1=83=20select-button:=20=D0=BA=D0=BB=D0=B0=D1=81=D1=81=20?=
 =?UTF-8?q?=D0=BD=D0=B0=20=D0=BA=D0=BE=D1=80=D0=BD=D0=B5=20=D0=B2=D0=BC?=
 =?UTF-8?q?=D0=B5=D1=81=D1=82=D0=BE=20styleClass?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../select-button/select-button.component.ts       | 14 ++++++--------
 1 file changed, 6 insertions(+), 8 deletions(-)

diff --git a/src/lib/components/select-button/select-button.component.ts b/src/lib/components/select-button/select-button.component.ts
index b13dd97a..5297abd1 100644
--- a/src/lib/components/select-button/select-button.component.ts
+++ b/src/lib/components/select-button/select-button.component.ts
@@ -1,5 +1,4 @@
 import { Component, EventEmitter, Input, Optional, Output, Self } from '@angular/core';
-import { NgClass } from '@angular/common';
 import { ControlValueAccessor, FormsModule, NgControl } from '@angular/forms';
 import { SelectButton, SelectButtonChangeEvent } from 'primeng/selectbutton';
 import { SharedModule } from 'primeng/api';
@@ -21,8 +20,11 @@ export type ExtraSelectButtonSize = 'sm' | 'base' | 'lg' | 'xlg';
 @Component({
   selector: 'extra-select-button',
   standalone: true,
-  imports: [SelectButton, SharedModule, FormsModule, NgClass],
+  imports: [SelectButton, SharedModule, FormsModule],
   template: `
+    <!-- Ступень xlg навешивается классом на корень: styleClass в PrimeNG 20 на корне
+         p-selectbutton не остаётся, а раздаётся вниз каждому p-togglebutton, и стили
+         ступени (.p-selectbutton-xlarge .p-togglebutton) не находят свой корень. -->
     <p-selectbutton
       [options]="options"
       [ngModel]="value"
@@ -35,7 +37,7 @@ export type ExtraSelectButtonSize = 'sm' | 'base' | 'lg' | 'xlg';
       [allowEmpty]="allowEmpty"
       [disabled]="isDisabled"
       [size]="primeSize"
-      [styleClass]="primeStyleClass"
+      [class.p-selectbutton-xlarge]="size === 'xlg'"
     >
       <ng-template pTemplate="item" let-item>
         @if ($any(item)['icon']) {
@@ -44,7 +46,7 @@ export type ExtraSelectButtonSize = 'sm' | 'base' | 'lg' | 'xlg';
         <span>{{ $any(item)[optionLabel] }}</span>
       </ng-template>
     </p-selectbutton>
-  `,
+  `
 })
 export class ExtraSelectButtonComponent implements ControlValueAccessor {
   @Input() options: ExtraSelectButtonOption[] | any[] = [];
@@ -77,10 +79,6 @@ export class ExtraSelectButtonComponent implements ControlValueAccessor {
     return undefined;
   }
 
-  get primeStyleClass(): string {
-    return this.size === 'xlg' ? 'p-selectbutton-xlarge' : '';
-  }
-
   writeValue(value: any): void {
     this.value = value ?? null;
   }

From d0eaf1eecae3fae8410531827215670053f250d7 Mon Sep 17 00:00:00 2001
From: Danil Khaliulin <danielooneilie@gmail.com>
Date: Mon, 7 Sep 2026 17:10:31 +0800
Subject: [PATCH 2/2] =?UTF-8?q?=D0=B7=D0=B0=D0=B4=D0=B0=D1=82=D1=8C=20?=
 =?UTF-8?q?=D0=BF=D0=B0=D0=B4=D0=B4=D0=B8=D0=BD=D0=B3=D0=B8=20=D1=81=D1=82?=
 =?UTF-8?q?=D1=83=D0=BF=D0=B5=D0=BD=D0=B8=20xlg=20=D1=83=20select-button?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../providers/prime-preset/tokens/components/selectbutton.ts | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/lib/providers/prime-preset/tokens/components/selectbutton.ts b/src/lib/providers/prime-preset/tokens/components/selectbutton.ts
index b58ccaea..577a5f4a 100644
--- a/src/lib/providers/prime-preset/tokens/components/selectbutton.ts
+++ b/src/lib/providers/prime-preset/tokens/components/selectbutton.ts
@@ -78,8 +78,11 @@ export const selectbuttonCss = ({ dt }: { dt: (token: string) => string }): stri
   font-size: ${dt('selectbutton.extend.iconSize.lg')};
 }
 
-/* Size: xlarge */
+/* Size: xlarge — PrimeNG не вешает на дочерний p-togglebutton класс размера (у него нет
+   ступени xlg), поэтому паддинги остаются базовыми: задаём их сами, как у отдельного
+   togglebutton в этой же ступени. */
 .p-selectbutton.p-selectbutton-xlarge.p-component .p-togglebutton.p-component {
+  padding: ${dt('togglebutton.extend.extXlg.padding')};
   font-size: ${dt('fonts.fontSize.600')};
   line-height: ${dt('fonts.lineHeight.550')};
   height: ${dt('togglebutton.extend.extXlg.iconOnlyWidth')};