Merge pull request #2555 from SpareBank1/sf-bedre-feilmeldinger

Sf bedre feilmeldinger
SpareBank1 · Feb 24, 2025 · a6b003d · a6b003d
2 parents 4709eeb + 34a4ca5
commit a6b003d
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 2 deletions.
diff --git a/packages/ffe-context-message-react/src/ContextMessage.tsx b/packages/ffe-context-message-react/src/ContextMessage.tsx
@@ -23,8 +23,11 @@ export interface ContextMessageProps
     /** Callback for when the context message has been closed (after the animation) */
     onCloseRest?: () => void;
     showCloseButton?: boolean;
-    /** Adds alternative styling for better contrast on certain backgrounds */
-    onColoredBg?: boolean;
+    /** @deprecated as part of update to Semantic Colors
+     *
+     * Use the `ffe-accent-color` class on the component or on the container of the component instead
+     * [Read more in the upgrade guide](https://sparebank1.github.io/designsystem/?path=/docs/introduksjon-changelog--docs#2025---februar---semantiske-farger) */
+    onColoredBg?: never;
 }
 
 /**

diff --git a/packages/ffe-messages-react/src/MessageBox.tsx b/packages/ffe-messages-react/src/MessageBox.tsx
@@ -15,6 +15,11 @@ export interface MessageBoxProps extends React.ComponentPropsWithoutRef<'div'> {
     type: MessageType;
     /** Decides the language of the aria-label for the close icon */
     locale?: Locale;
+    /** @deprecated as part of update to Semantic Colors
+     *
+     * Use the `ffe-accent-color` class on the component or on the container of the component instead
+     * [Read more in the upgrade guide](https://sparebank1.github.io/designsystem/?path=/docs/introduksjon-changelog--docs#2025---februar---semantiske-farger) */
+    onColoredBg?: never;
 }
 
 export const MessageBox: React.FC<MessageBoxProps> = ({

diff --git a/packages/ffe-messages-react/src/SystemMessage.tsx b/packages/ffe-messages-react/src/SystemMessage.tsx
@@ -18,6 +18,11 @@ export interface SystemMessageProps
     locale?: Locale;
     /** Called when closed */
     onClose?: () => void;
+    /** @deprecated as part of update to Semantic Colors
+     *
+     * Use the `ffe-accent-color` class on the component or on the container of the component instead
+     * [Read more in the upgrade guide](https://sparebank1.github.io/designsystem/?path=/docs/introduksjon-changelog--docs#2025---februar---semantiske-farger) */
+    onColoredBg?: never;
 }
 
 export const SystemMessage: React.FC<SystemMessageProps> = ({