From 0f76000f16663e4b7eeb5a0e38c8c34f49416aea Mon Sep 17 00:00:00 2001
From: SilviaAmAm <silvia@maykinmedia.nl>
Date: Fri, 3 Nov 2023 15:40:02 +0100
Subject: [PATCH 1/3] :sparkles: [open-formulieren/open-forms-sdk#467] Add
 design tokens for Alert

---
 src/community/utrecht/alert.tokens.json | 78 +++++++++++++++++++++++++
 1 file changed, 78 insertions(+)
 create mode 100644 src/community/utrecht/alert.tokens.json

diff --git a/src/community/utrecht/alert.tokens.json b/src/community/utrecht/alert.tokens.json
new file mode 100644
index 0000000..e212f48
--- /dev/null
+++ b/src/community/utrecht/alert.tokens.json
@@ -0,0 +1,78 @@
+{
+  "utrecht": {
+    "alert": {
+      "icon": {
+        "gap": {
+          "value": "16px"
+        },
+        "error": {
+          "color": {
+            "value": "var(--of-color-danger)"
+          }
+        },
+        "info": {
+          "color": {
+            "value": "var(--of-color-info)"
+          }
+        },
+        "warning": {
+          "color": {
+            "value": "var(--of-color-warning)"
+          }
+        },
+        "ok": {
+          "color": {
+            "value": "var(--of-color-success)"
+          }
+        }
+      },
+      "padding": {
+        "block": {
+          "end": {
+            "value": "20px"
+          },
+          "start": {
+            "value": "20px"
+          }
+        },
+        "inline": {
+          "start": {
+            "value": "20px"
+          },
+          "end": {
+            "value": "20px"
+          }
+        }
+      },
+      "error": {
+        "background": {
+          "color": {
+            "value": "#f8d7da",
+            "comment": "from formio.form.css .formio-error"
+          }
+        }
+      },
+      "info": {
+        "background": {
+          "color": {
+            "value": "#d9ebf7"
+          }
+        }
+      },
+      "warning": {
+        "background": {
+          "color": {
+            "value": "#fff3cd"
+          }
+        }
+      },
+      "ok": {
+        "background": {
+          "color": {
+            "value": "#ddffdd"
+          }
+        }
+      }
+    }
+  }
+}

From affd22fb850091b71c51e623ae26fd950a442f66 Mon Sep 17 00:00:00 2001
From: SilviaAmAm <silvia@maykinmedia.nl>
Date: Mon, 6 Nov 2023 12:32:22 +0100
Subject: [PATCH 2/3] :fire: [open-formulieren/open-forms-sdk#467] Remove old
 alert tokens

---
 src/components/alert.tokens.json | 18 ------------------
 1 file changed, 18 deletions(-)
 delete mode 100644 src/components/alert.tokens.json

diff --git a/src/components/alert.tokens.json b/src/components/alert.tokens.json
deleted file mode 100644
index df12e6a..0000000
--- a/src/components/alert.tokens.json
+++ /dev/null
@@ -1,18 +0,0 @@
-{
-  "of": {
-    "alert": {
-      "info": {
-        "bg": {"value": "#d9ebf7"}
-      },
-      "warning": {
-        "bg": {"value": "#fff3cd"}
-      },
-      "error": {
-        "bg": {
-          "value": "#f8d7da",
-          "comment": "from formio.form.css .formio-error"
-        }
-      }
-    }
-  }
-}

From a8067b3c74fce28bd611fbf43ae1a0cf21a31593 Mon Sep 17 00:00:00 2001
From: SilviaAmAm <silvia@maykinmedia.nl>
Date: Mon, 6 Nov 2023 14:01:22 +0100
Subject: [PATCH 3/3] :ok_hand: [open-formulieren/open-forms-sdk#467] PR
 Feedback

---
 src/community/utrecht/alert.tokens.json | 56 ++++++++-----------------
 1 file changed, 17 insertions(+), 39 deletions(-)

diff --git a/src/community/utrecht/alert.tokens.json b/src/community/utrecht/alert.tokens.json
index e212f48..d02a829 100644
--- a/src/community/utrecht/alert.tokens.json
+++ b/src/community/utrecht/alert.tokens.json
@@ -7,70 +7,48 @@
         },
         "error": {
           "color": {
-            "value": "var(--of-color-danger)"
+            "value": "{of.color.danger}"
           }
         },
         "info": {
           "color": {
-            "value": "var(--of-color-info)"
+            "value": "{of.color.info}"
           }
         },
         "warning": {
           "color": {
-            "value": "var(--of-color-warning)"
+            "value": "{of.color.warning}"
           }
         },
         "ok": {
           "color": {
-            "value": "var(--of-color-success)"
-          }
-        }
-      },
-      "padding": {
-        "block": {
-          "end": {
-            "value": "20px"
-          },
-          "start": {
-            "value": "20px"
-          }
-        },
-        "inline": {
-          "start": {
-            "value": "20px"
-          },
-          "end": {
-            "value": "20px"
+            "value": "{of.color.success}"
           }
         }
       },
+      "padding-block-end": {"value": "20px"},
+      "padding-block-start": {"value": "20px"},
+      "padding-inline-start": {"value": "20px"},
+      "padding-inline-end": {"value": "20px"},
       "error": {
-        "background": {
-          "color": {
-            "value": "#f8d7da",
-            "comment": "from formio.form.css .formio-error"
-          }
+        "background-color": {
+          "value": "#f8d7da",
+          "comment": "from formio.form.css .formio-error"
         }
       },
       "info": {
-        "background": {
-          "color": {
-            "value": "#d9ebf7"
-          }
+        "background-color": {
+          "value": "#d9ebf7"
         }
       },
       "warning": {
-        "background": {
-          "color": {
-            "value": "#fff3cd"
-          }
+        "background-color": {
+          "value": "#fff3cd"
         }
       },
       "ok": {
-        "background": {
-          "color": {
-            "value": "#ddffdd"
-          }
+        "background-color": {
+          "value": "#ddffdd"
         }
       }
     }