chore: remove aria hidden by hide error

public-ui · Nov 27, 2023 · 4ae641c · 4ae641c
1 parent b953fee
commit 4ae641c
Show file tree

Hide file tree

Showing 5 changed files with 7 additions and 16 deletions.
diff --git a/packages/components/src/components/alert/readme.md b/packages/components/src/components/alert/readme.md
@@ -7,13 +7,13 @@ Die **Alert**-Komponente gibt ein optisches Feedback an die Nutzer:innen. Sie be
 ### Code
 
 ```html
-<kol-alert _label="Überschrift im Alert" _level="1" _type="success" _variant="msg">Textbereich im Alert</kol-alert>
+<kol-alert _label="Überschrift im Alert" _level="1" _type="success">Textbereich im Alert</kol-alert>
 <kol-alert _label="Überschrift im Alert" _level="2" _type="info" _variant="card">Textbereich im Alert</kol-alert>
 ```
 
 ### Beispiel
 
-<kol-alert _label="Überschrift im Alert" _level="1" _type="success" _variant="msg">Textbereich im Alert</kol-alert>
+<kol-alert _label="Überschrift im Alert" _level="1" _type="success" >Textbereich im Alert</kol-alert>
 <kol-alert _label="Überschrift im Alert" _level="2" _type="info" _variant="card">Textbereich im Alert</kol-alert>
 
 ## Verwendung

diff --git a/packages/components/src/components/input-radio/component.tsx b/packages/components/src/components/input-radio/component.tsx
@@ -122,7 +122,7 @@ export class KolInputRadio implements API {
 						);
 					})}
 					{hasError && (
-						<kol-alert id="error" _alert={true} _type="error" _variant="msg" aria-hidden={this._hideError} class={`error${this._hideError ? ' hidden' : ''}`}>
+						<kol-alert id="error" _alert={true} _type="error" class={`error${this._hideError ? ' hidden' : ''}`}>
 							{this.state._error}
 						</kol-alert>
 					)}

diff --git a/packages/components/src/components/input/component.tsx b/packages/components/src/components/input/component.tsx
@@ -120,14 +120,7 @@ export class KolInput implements Props {
 					></kol-tooltip-wc>
 				)}
 				{hasError && (
-					<kol-alert
-						_alert={this._alert}
-						_type="error"
-						_variant="msg"
-						aria-hidden={this._hideError}
-						class={`error${this._hideError ? ' hidden' : ''}`}
-						id={`${this._id}-error`}
-					>
+					<kol-alert _alert={this._alert} _type="error" class={`error${this._hideError ? ' hidden' : ''}`} id={`${this._id}-error`}>
 						{this._error}
 					</kol-alert>
 				)}

diff --git a/packages/samples/react/src/scenarios/appointment-form/ErrorList.tsx b/packages/samples/react/src/scenarios/appointment-form/ErrorList.tsx
@@ -19,7 +19,7 @@ export function ErrorList({ errors }: ErrorListPropType) {
 	};
 
 	return (
-		<KolAlert _type="error" _variant="msg">
+		<KolAlert _type="error">
 			Bitte korrigieren Sie folgende Fehler:
 			<nav aria-label="Fehlerliste">
 				<ul>

diff --git a/packages/storybook/src/components/alert/1-examples/react.stories.tsx b/packages/storybook/src/components/alert/1-examples/react.stories.tsx
@@ -103,13 +103,11 @@ export const CardIcon = (args: any) => (
 
 export const Msg = (args: any) => (
 	<div>
-		<KolAlert _heading="Das ist die Überschrift des Alert." _type="warning" _variant="msg">
+		<KolAlert _heading="Das ist die Überschrift des Alert." _type="warning">
 			Das ist der Text des Alert.
 		</KolAlert>
 		<br />
-		<KolAlert _type="warning" _variant="msg">
-			In diesem Alert wird nur der Text ohne Überschrift verwendet.
-		</KolAlert>
+		<KolAlert _type="warning">In diesem Alert wird nur der Text ohne Überschrift verwendet.</KolAlert>
 	</div>
 );