diff --git a/src/community/components/form/input-group/input-group.component.ts b/src/community/components/form/input-group/input-group.component.ts index 8857cb066..7df6ff978 100644 --- a/src/community/components/form/input-group/input-group.component.ts +++ b/src/community/components/form/input-group/input-group.component.ts @@ -1,5 +1,10 @@ import { Component, input, ViewEncapsulation } from "@angular/core"; -import { ComponentInputs, LabelComponent, FeedbackTextComponent } from "@tedi-design-system/angular/tedi"; +import { + ComponentInputs, + LabelComponent, + FeedbackTextComponent, + warnDeprecated, +} from "@tedi-design-system/angular/tedi"; /** * InputGroupComponent is a component that allows you to group multiple input elements together. @@ -13,6 +18,7 @@ import { ComponentInputs, LabelComponent, FeedbackTextComponent } from "@tedi-de * * * + * @deprecated Use the TEDI-Ready `tedi-input-group` from `@tedi-design-system/angular/tedi` instead. This component will be removed from future versions. */ @Component({ selector: "tedi-input-group", @@ -44,4 +50,11 @@ export class InputGroupComponent { * FeedbackText component inputs, displayed below the input group. */ readonly feedback = input>(); + + constructor() { + warnDeprecated( + "Community tedi-input-group", + "Use the TEDI-Ready `tedi-input-group` from `@tedi-design-system/angular/tedi` instead.", + ); + } } diff --git a/src/community/components/form/input-group/input-group.stories.ts b/src/community/components/form/input-group/input-group.stories.ts index 788383939..335d2fb8b 100644 --- a/src/community/components/form/input-group/input-group.stories.ts +++ b/src/community/components/form/input-group/input-group.stories.ts @@ -35,6 +35,11 @@ type Story = StoryObj; const meta: Meta = { title: "Community/Form/InputGroup", component: InputGroupComponent, + parameters: { + status: { + type: ["existsInTediReady", "deprecated"], + }, + }, argTypes: { label: { control: "text",