@open-formulieren/design-tokens - npm Package Compare versions

Comparing version 0.42.0 to 0.43.0

dist/index.js

 /**
  * Do not edit directly
- * Generated on Mon, 23 Oct 2023 10:46:08 GMT
+ * Generated on Mon, 30 Oct 2023 09:28:18 GMT
  */
@@ -202,12 +202,12 @@
 export const utrechtButtonHoverBackgroundColor = "#cccccc";
-export const utrechtButtonHoverBorderColor = "rgba(0,0,0,0)";
+export const utrechtButtonHoverBorderColor = "#5e5e5e";
 export const utrechtButtonHoverColor = "#000000";
 export const utrechtButtonActiveBackgroundColor = "#bfbfbf";
-export const utrechtButtonActiveBorderColor = "rgba(0,0,0,0)";
+export const utrechtButtonActiveBorderColor = "#767676";
 export const utrechtButtonActiveColor = "#000000";
 export const utrechtButtonPrimaryActionBackgroundColor = "#0177b2";
-export const utrechtButtonPrimaryActionBorderColor = "rgba(0,0,0,0)";
+export const utrechtButtonPrimaryActionBorderColor = "#01689B";
 export const utrechtButtonPrimaryActionColor = "#ffffff";
 export const utrechtButtonPrimaryActionHoverBackgroundColor = "#016698";
-export const utrechtButtonPrimaryActionHoverBorderColor = "rgba(0,0,0,0)";
+export const utrechtButtonPrimaryActionHoverBorderColor = "#01537c";
 export const utrechtButtonPrimaryActionHoverColor = "#ffffff";
@@ -219,6 +219,6 @@ export const utrechtButtonPrimaryActionActiveBackgroundColor = "#01608f";
 export const utrechtButtonPrimaryActionDangerBackgroundColor = "#D52B1E";
-export const utrechtButtonPrimaryActionDangerBorderColor = "rgba(0,0,0,0)";
+export const utrechtButtonPrimaryActionDangerBorderColor = "#aa2218";
 export const utrechtButtonPrimaryActionDangerColor = "#fce9e8";
 export const utrechtButtonPrimaryActionDangerHoverBackgroundColor = "#aa2218";
-export const utrechtButtonPrimaryActionDangerHoverBorderColor = "rgba(0,0,0,0)";
+export const utrechtButtonPrimaryActionDangerHoverBorderColor = "#881b13";
 export const utrechtButtonPrimaryActionDangerHoverColor = "#fce9e8";
@@ -230,3 +230,6 @@ export const utrechtButtonPrimaryActionDangerActiveBackgroundColor = "#a02017";
 export const utrechtButtonSecondaryActionDangerColor = "#fce9e8";
-export const utrechtButtonSubtleDangerBackgroundColor = "#D52B1E";
+export const utrechtButtonSubtleBorderColor = "rgba(0,0,0,0)";
+export const utrechtButtonSubtleHoverBackgroundColor = "#ffffff";
+export const utrechtButtonSubtleDangerColor = "#D52B1E";
+export const utrechtButtonSubtleDangerBackgroundColor = "#ffffff";
 export const utrechtButtonSubtleDangerHoverBackgroundColor = "#ffffff";
@@ -233,0 +236,0 @@ export const utrechtButtonSubtleDangerActiveBackgroundColor = "#a02017";

package.json

 {
   "name": "@open-formulieren/design-tokens",
-  "version": "0.42.0",
+  "version": "0.43.0",
   "description": "Design tokens for Open Forms",
@@ -5,0 +5,0 @@ "scripts": {

src/community/utrecht/button.tokens.json

@@ -24,3 +24,3 @@ {
         "background-color": {"value": "{of.button.hover.bg}"},
-        "border-color": {"value": "rgba(0,0,0,0)"},
+        "border-color": {"value": "#5e5e5e"},
         "color": {"value": "{of.button.fg}"}
@@ -31,3 +31,3 @@ },
         "background-color": {"value": "{of.button.active.bg}"},
-        "border-color": {"value": "rgba(0,0,0,0)"},
+        "border-color": {"value": "{of.color.border}"},
         "color": {"value": "{of.button.active.fg}"}
@@ -38,3 +38,3 @@ },
         "background-color": {"value": "{of.button.primary.bg}"},
-        "border-color": {"value": "rgba(0,0,0,0)"},
+        "border-color": {"value": "{of.color.primary}"},
         "color": {"value": "{of.button.primary.fg}"},
@@ -44,3 +44,3 @@
           "background-color": {"value": "{of.button.primary.hover.bg}"},
-          "border-color": {"value": "rgba(0,0,0,0)"},
+          "border-color": {"value": "#01537c"},
           "color": {"value": "{of.button.primary.fg}"}
@@ -61,3 +61,3 @@ },
           "background-color": {"value": "{of.button.danger.bg}"},
-          "border-color": {"value": "rgba(0,0,0,0)"},
+          "border-color": {"value": "#aa2218"},
           "color": {"value": "{of.button.danger.fg}"},
@@ -67,3 +67,3 @@
             "background-color": {"value": "{of.button.danger.hover.bg}"},
-            "border-color": {"value": "rgba(0,0,0,0)"},
+            "border-color": {"value": "#881b13"},
             "color": {"value": "{of.button.danger.fg}"}
@@ -94,6 +94,21 @@ },
       "subtle": {
+        "border": {
+          "color": {
+            "value": "rgba(0,0,0,0)"
+          }
+        },
+        "hover": {
+          "background": {
+            "color": {
+              "value": "{of.color.bg}"
+            }
+          }
+        },
         "danger": {
+          "color": {
+            "value": "{of.color.danger}"
+          },
           "background": {
             "color": {
-              "value": "{of.color.danger}"
+              "value": "{of.color.bg}"
             }
@@ -100,0 +115,0 @@ },

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

383460

increased by0.81%

Lines of code

10877

increased by0.93%

No dependency changes