Merge pull request #35 from open-formulieren/fix/462-refactor-button-…

…component [SDK#462] Refactor button component
open-formulieren · Oct 23, 2023 · 9bd8f32 · 9bd8f32
2 parents 53c17f6 + 1dc9dba
commit 9bd8f32
Show file tree

Hide file tree

Showing 3 changed files with 59 additions and 1 deletion.
diff --git a/.gitignore b/.gitignore
@@ -102,3 +102,6 @@ dist
 
 # TernJS port file
 .tern-port
+
+# IDE files
+.idea/
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"
+        }
       }
     }
   }