docs: merk MessageBox som deprecated og referer til Message

fremtind · Sep 10, 2024 · ca1de1e · ca1de1e
1 parent 52cd807
commit ca1de1e
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 0 deletions.
diff --git a/packages/message-box-react/src/MessageBox.tsx b/packages/message-box-react/src/MessageBox.tsx
@@ -90,11 +90,27 @@ function messageFactory(messageType: messageTypes) {
     return MessageBox;
 }
 
+/**
+ * @deprecated Denne komponenten har byttet navn. Bruk heller `InfoMessage` fra pakken `@fremtind/jkl-message-react`
+ * @link https://jokul.fremtind.no/komponenter/message
+ */
 export const InfoMessageBox = messageFactory("info");
 InfoMessageBox.displayName = "InfoMessageBox";
+/**
+ * @deprecated Denne komponenten har byttet navn. Bruk heller `ErrorMessage` fra pakken `@fremtind/jkl-message-react`
+ * @link https://jokul.fremtind.no/komponenter/message
+ */
 export const ErrorMessageBox = messageFactory("error");
 ErrorMessageBox.displayName = "ErrorMessageBox";
+/**
+ * @deprecated Denne komponenten har byttet navn. Bruk heller `WarningMessage` fra pakken `@fremtind/jkl-message-react`
+ * @link https://jokul.fremtind.no/komponenter/message
+ */
 export const WarningMessageBox = messageFactory("warning");
 WarningMessageBox.displayName = "WarningMessageBox";
+/**
+ * @deprecated Denne komponenten har byttet navn. Bruk heller `SuccessMessage` fra pakken `@fremtind/jkl-message-react`
+ * @link https://jokul.fremtind.no/komponenter/message
+ */
 export const SuccessMessageBox = messageFactory("success");
 SuccessMessageBox.displayName = "SuccessMessageBox";
diff --git a/packages/message-box/message-box.scss b/packages/message-box/message-box.scss
@@ -39,6 +39,8 @@ $_dismiss-hover-color: jkl.$color-stein;
     --jkl-message-box-padding: #{jkl.$spacing-12} #{jkl.$spacing-8};
 }
 
+/// @deprecated Denne komponenten bytter navn og blir erstattet av .jkl-message fra pakken `@fremtind/jkl-message`
+/// @link https://jokul.fremtind.no/komponenter/message
 .jkl-message-box {
     --background-color: var(--jkl-color-background-alert-neutral);
     --text-color: var(--jkl-color-text-on-alert);