fixup! feat: added semantic tokens to Messagebox (refs SFKUI-6986)

Forsakringskassan · Jan 24, 2025 · feeacc5 · feeacc5
1 parent c6cb705
commit feeacc5
Show file tree

Hide file tree

Showing 5 changed files with 14 additions and 7 deletions.
diff --git a/packages/css-variables/src/_deprecated-exp-css-variables.scss b/packages/css-variables/src/_deprecated-exp-css-variables.scss
@@ -190,4 +190,9 @@ $palette-color-hav-20: #dbe0ec !default;
 
     /// Deprecated since 5.32.0
     --f-tooltip-close-button-padding: initial;
+
+    /// Deprecated since 5.46.0
+    --f-icon-color-warning: #{$palette-color-yellow-100};
+    --f-background-info: #{$palette-color-bluebell-5};
+    --f-background-warning: #{$palette-color-yellow-5};
 }
diff --git a/packages/css-variables/src/_deprecated-int-css-variables.scss b/packages/css-variables/src/_deprecated-int-css-variables.scss
@@ -190,4 +190,9 @@ $palette-color-hav-20: #dbe0ec !default;
 
     /// Deprecated since 5.32.0
     --f-tooltip-close-button-padding: 0.5rem;
+
+    /// Deprecated since 5.46.0
+    --f-icon-color-warning: #{$palette-color-yellow-100};
+    --f-background-info: #{$palette-color-bluebell-5};
+    --f-background-warning: #{$palette-color-yellow-5};
 }
diff --git a/packages/css-variables/src/deprecated-variables.json b/packages/css-variables/src/deprecated-variables.json
@@ -87,5 +87,8 @@
     "--f-button-tertiary-padding",
     "--f-button-discrete-padding",
     "--f-button-discrete-black-padding",
-    "--f-button-discrete-table-column-action-padding"
+    "--f-button-discrete-table-column-action-padding",
+    "--f-icon-color-warning",
+    "--f-background-info",
+    "--f-background-warning"
 ]
diff --git a/packages/css-variables/src/fkui-exp-css-variables.scss b/packages/css-variables/src/fkui-exp-css-variables.scss
@@ -77,7 +77,6 @@ $global: true !default;
     --f-icon-color-primary: #{$palette-color-bluebell-100}; // select-field, file-item, file-selector, calendar
     --f-icon-color-discrete: #{$palette-color-fk-black-70}; // wizard-step
     --f-icon-color-success: #{$palette-color-green-a-85}; // message-box, text-field, form-step
-    --f-icon-color-warning: #{$palette-color-yellow-100}; // message-box, modal
     --f-icon-color-error: #{$palette-color-red-100}; // message-box, text-field, textarea, modal, file-item
     --f-icon-color-input: #{$palette-color-fk-black-50}; // textfield
     --f-icon-color-notice: #{$palette-color-tegel-100}; // expandable-panel
@@ -103,8 +102,6 @@ $global: true !default;
     --f-background-input-selected: #{$palette-color-bluebell-100}; // checkbox, radiobutton
     --f-background-input-selected-disabled: #{$palette-color-fk-black-50}; // checkbox, radiobutton
     --f-background-error: #{$palette-color-red-5}; // modal, messagebox
-    --f-background-info: #{$palette-color-bluebell-5}; // modal, messagebox, tooltip
-    --f-background-warning: #{$palette-color-yellow-5}; // modal, messagebox
     --f-background-success: #{$palette-color-green-a-5}; // modal, messagebox
     --f-background-overlay: rgba(0, 0, 0, 0.75); // modal, loader
 

diff --git a/packages/css-variables/src/fkui-int-css-variables.scss b/packages/css-variables/src/fkui-int-css-variables.scss
@@ -79,7 +79,6 @@ $global: true !default;
     --f-icon-color-primary: #{$palette-color-green-a-100}; // select-field, file-item, file-selector
     --f-icon-color-discrete: #{$palette-color-fk-black-70}; // wizard-step
     --f-icon-color-success: #{$palette-color-green-a-85}; // message-box, text-field, form-step
-    --f-icon-color-warning: #{$palette-color-yellow-100}; // message-box, modal
     --f-icon-color-error: #{$palette-color-red-100}; // message-box, text-field, textarea, modal, file-item
     --f-icon-color-input: #{$palette-color-fk-black-50}; // textfield
     --f-icon-color-notice: #{$palette-color-tegel-100}; // expandable-panel
@@ -105,8 +104,6 @@ $global: true !default;
     --f-background-input-selected: #{$palette-color-green-a-100}; // checkbox, radiobutton
     --f-background-input-selected-disabled: #{$palette-color-green-b-15}; // checkbox, radiobutton
     --f-background-error: #{$palette-color-red-5}; // modal, messagebox
-    --f-background-info: #{$palette-color-bluebell-5}; // modal, messagebox, tooltip
-    --f-background-warning: #{$palette-color-yellow-5}; // modal, messagebox
     --f-background-success: #{$palette-color-green-a-5}; // modal, messagebox
     --f-background-overlay: rgba(0, 0, 0, 0.75); // modal, loader