@conciso/design-system-angular 2.1.0 → 2.2.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@conciso/design-system-angular",
-  "version": "2.1.0",
+  "version": "2.2.0",
   "description": "Angular-Wrapper-Komponenten für das Conciso Design System — dünne Hüllen über der framework-agnostischen CSS-Schicht (@conciso/design-system). Liefert kein eigenes CSS.",
   "license": "MIT",
   "repository": {
@@ -15,7 +15,7 @@
     "@angular/core": "^22.0.0",
     "@angular/forms": "^22.0.0",
     "@angular/platform-browser": "^22.0.0",
-    "@conciso/design-system": "2.1.x"
+    "@conciso/design-system": "2.2.x"
   },
   "dependencies": {
     "@ng-icons/core": "^36.0.0",

package/types/conciso-design-system-angular.d.ts

@@ -57,6 +57,11 @@ declare class ThemeModeService {
  */
 type CdsButtonVariant = 'filled' | 'tonal' | 'elevated' | 'outlined' | 'text' | 'filled-on-band';
 type CdsButtonSize = 'sm' | 'md' | 'lg';
+/**
+ * Ton des Buttons. `err` markiert eine destruktive Aktion, die sich nicht rückgängig machen
+ * lässt (Löschen, Verwerfen), und ersetzt dann die Bereichsfarbe. Kürzel wie bei `CdsSnackTone`.
+ */
+type CdsButtonTone = 'def' | 'err';
 /**
  * Button — dünner Angular-Wrapper um die bestehende `.btn`-CSS-Familie.
  *
@@ -72,8 +77,10 @@ declare class ButtonComponent {
     /** Visuelle Variante → .btn-filled / .btn-tonal / .btn-elevated / .btn-outlined /
      *  .btn-text; `filled-on-band` → .btn-filled + .btn-on-band (invertiert). */
     readonly variant: _angular_core.InputSignal<CdsButtonVariant>;
-    /** Markenbereich → .btn-co / .btn-ki / .btn-es / .btn-wo */
+    /** Markenbereich → .btn-co / .btn-ki / .btn-es / .btn-wo. Wirkungslos bei `tone="err"`. */
     readonly area: _angular_core.InputSignal<CdsArea>;
+    /** Ton → `err` setzt .btn-err (destruktive Aktion) statt der Bereichsklasse. */
+    readonly tone: _angular_core.InputSignal<CdsButtonTone>;
     /** Größe → .btn-sm / (md = Default) / .btn-lg */
     readonly size: _angular_core.InputSignal<CdsButtonSize>;
     /** Volle Breite → .btn-full (Host wird block, damit 100% greifen). */
@@ -85,7 +92,7 @@ declare class ButtonComponent {
     /** @internal */
     protected readonly classes: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ButtonComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ButtonComponent, "cds-button", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "area": { "alias": "area"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "full": { "alias": "full"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; }, { "clicked": "clicked"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ButtonComponent, "cds-button", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "area": { "alias": "area"; "required": false; "isSignal": true; }; "tone": { "alias": "tone"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "full": { "alias": "full"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; }, { "clicked": "clicked"; }, never, never, true, never>;
 }
 
 interface CdsNavSubItem {
@@ -3493,4 +3500,4 @@ declare class AuthorCardGroupComponent {
 }
 
 export { AreaBadgeComponent, AreaTabComponent, AreaTabsComponent, ArticleCalloutComponent, ArticleFigureComponent, ArticleHeaderComponent, ArticlePullquoteComponent, ArticleTocComponent, AuthorCardComponent, AuthorCardGroupComponent, AvatarComponent, AvatarStackComponent, BlockquoteComponent, ButtonComponent, CDS_AREAS, CDS_AREA_LABELS, CDS_THEME_ICON, CDS_THEME_LABEL, CDS_THEME_ORDER, CardComponent, CarouselComponent, CheckboxComponent, ChipComponent, CodeBlockComponent, ComboboxComponent, CompareComponent, CtaBandComponent, DownloadCtaComponent, FactsComponent, FaqComponent, FeatureComponent, FeaturedCardComponent, FooterBottomComponent, FooterComponent, FooterMainComponent, HeroImageComponent, IconCardComponent, LinkCardComponent, LogoCarouselComponent, LogoComponent, PillComponent, RadioGroupComponent, ScaleComponent, SectionComponent, SelectComponent, SelectFieldComponent, SliderComponent, SnackbarComponent, StatCardComponent, StatStripComponent, StatusBadgeComponent, StoererComponent, StoererSetComponent, TableComponent, TeamVoiceComponent, TestimonialComponent, TextFieldComponent, TextareaFieldComponent, ThemeCycleComponent, ThemeModeService, ThemeSegmentComponent, ThemeSelectComponent, TierComponent, TopnavComponent, cdsThemeModes, themeStore };
-export type { CdsArea, CdsArticleBreadcrumbItem, CdsArticleTocItem, CdsAvatarSize, CdsBadgeTone, CdsButtonSize, CdsButtonVariant, CdsCompareColumn, CdsCompareRow, CdsFactsItem, CdsFaqItem, CdsFlatStat, CdsFooterLink, CdsLogo, CdsNavItem, CdsNavSubItem, CdsSelectOption, CdsSlide, CdsSnackTone, CdsSocialLink, CdsSocialPlatform, CdsThemeMode };
+export type { CdsArea, CdsArticleBreadcrumbItem, CdsArticleTocItem, CdsAvatarSize, CdsBadgeTone, CdsButtonSize, CdsButtonTone, CdsButtonVariant, CdsCompareColumn, CdsCompareRow, CdsFactsItem, CdsFaqItem, CdsFlatStat, CdsFooterLink, CdsLogo, CdsNavItem, CdsNavSubItem, CdsSelectOption, CdsSlide, CdsSnackTone, CdsSocialLink, CdsSocialPlatform, CdsThemeMode };