✨ [open-formulieren/open-forms-sdk#462] Add styles for Utrecht buttons

open-formulieren · Oct 13, 2023 · 6f82563 · 6f82563
1 parent 819e421
commit 6f82563
Show file tree

Hide file tree

Showing 2 changed files with 56 additions and 1 deletion.
diff --git a/src/community/utrecht/action.tokens.json b/src/community/utrecht/action.tokens.json
@@ -5,7 +5,14 @@
         "cursor": {"value": "pointer"}
       },
       "disabled": {
-        "cursor": {"value": "not-allowed"}
+        "cursor": {
+          "value": "not-allowed"
+        }
+      },
+      "submit": {
+        "cursor": {
+          "value": "pointer"
+        }
       }
     }
   }

diff --git a/src/community/utrecht/button.tokens.json b/src/community/utrecht/button.tokens.json
@@ -69,6 +69,54 @@
             "color": {"value": "{of.button.danger.active.fg}"}
           }
         }
+      },
+
+      "secondary-action": {
+        "danger": {
+          "background": {
+            "color": {
+              "value": "{of.color.danger}"
+            }
+          },
+          "color": {
+            "value": "#fce9e8"
+          }
+        }
+      },
+
+      "subtle": {
+        "danger": {
+          "background": {
+            "color": {
+              "value": "{of.color.danger}"
+            }
+          },
+          "hover": {
+            "background": {
+              "color": {
+                "value": "{of.color.bg}"
+              }
+            }
+          },
+          "active": {
+            "background": {
+              "color": {
+                "value": "#a02017"
+              }
+            }
+          }
+        }
+      },
+
+      "disabled": {
+        "background": {
+          "color": {
+            "value": "#b0b0b0"
+          }
+        },
+        "color": {
+          "value": "#ffffff"
+        }
       }
     }
   }