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

Comparing version 0.45.0 to 0.45.1

dist/index.js

 /**
  * Do not edit directly
- * Generated on Tue, 31 Oct 2023 10:49:01 GMT
+ * Generated on Wed, 01 Nov 2023 16:28:19 GMT
  */
@@ -200,3 +200,3 @@
 export const utrechtButtonPaddingInlineEnd = "12px";
-export const utrechtButtonFocusBorderColor = "#0177b2";
+export const utrechtButtonFocusBorderColor = "transparent";
 export const utrechtButtonHoverBackgroundColor = "#cccccc";
@@ -217,3 +217,3 @@ export const utrechtButtonHoverBorderColor = "#5e5e5e";
 export const utrechtButtonPrimaryActionActiveColor = "#bfbfbf";
-export const utrechtButtonPrimaryActionFocusBorderColor = "#000000";
+export const utrechtButtonPrimaryActionFocusBorderColor = "transparent";
 export const utrechtButtonPrimaryActionDangerBackgroundColor = "#D52B1E";
@@ -228,7 +228,8 @@ export const utrechtButtonPrimaryActionDangerBorderColor = "#aa2218";
 export const utrechtButtonPrimaryActionDangerActiveColor = "#ee837d";
-export const utrechtButtonPrimaryActionDangerFocusBorderColor = "#000000";
+export const utrechtButtonPrimaryActionDangerFocusBorderColor = "transparent";
 export const utrechtButtonSecondaryActionBorderColor = "#5e5e5e";
-export const utrechtButtonSecondaryActionFocusBorderColor = "#0177b2";
+export const utrechtButtonSecondaryActionFocusBorderColor = "transparent";
 export const utrechtButtonSecondaryActionDangerBackgroundColor = "#D52B1E";
 export const utrechtButtonSecondaryActionDangerColor = "#fce9e8";
+export const utrechtButtonSecondaryActionDangerFocusBorderColor = "transparent";
 export const utrechtButtonSubtleBorderColor = "rgba(0,0,0,0)";
@@ -288,4 +289,6 @@ export const utrechtButtonSubtleHoverBackgroundColor = "#ffffff";
 export const utrechtCheckboxCheckedColor = "#ffffff";
+export const utrechtFocusOutlineColor = "#000";
+export const utrechtFocusOutlineOffset = "0";
+export const utrechtFocusOutlineStyle = "solid";
 export const utrechtFocusOutlineWidth = "2px";
-export const utrechtFocusOutlineStyle = "solid";
 export const utrechtFormControlBackgroundColor = "#ffffff";
@@ -292,0 +295,0 @@ export const utrechtFormControlReadOnlyBackgroundColor = "#e9ecef";

package.json

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

src/community/utrecht/button.tokens.json

@@ -19,3 +19,3 @@ {
       "focus": {
-        "border-color": {"value": "{of.color.focus.border}"}
+        "border-color": {"value": "transparent"}
       },
@@ -53,3 +53,3 @@
         "focus": {
-          "border-color": {"value": "#000000"}
+          "border-color": {"value": "transparent"}
         },
@@ -75,3 +75,3 @@
           "focus": {
-            "border-color": {"value": "#000000"}
+            "border-color": {"value": "transparent"}
           }
@@ -85,13 +85,11 @@ }
         "focus": {
-          "border-color": {"value": "{of.color.focus.border}"}
+          "border-color": {"value": "transparent"}
         },
 
         "danger": {
-          "background": {
-            "color": {
-              "value": "{of.color.danger}"
-            }
-          },
-          "color": {
-            "value": "#fce9e8"
+          "background-color": {"value": "{of.color.danger}"},
+          "color": {"value": "#fce9e8"},
+
+          "focus": {
+            "border-color": {"value": "transparent"}
           }
@@ -98,0 +96,0 @@ }

src/community/utrecht/focus.tokens.json

 {
   "utrecht": {
     "focus": {
-      "outline-width": {"value": "2px"},
-      "outline-color": {},
-      "outline-style": {"value": "solid"}
+      "outline-color": {"value": "#000"},
+      "outline-offset": {"value": "0"},
+      "outline-style": {"value": "solid"},
+      "outline-width": {"value": "2px"}
     }
   }
 }

src/components/editgrid.tokens.json

@@ -11,3 +11,6 @@ {
       "line-height": {"value": 1.5},
-      "gap": {"value": "8px", "comment": "Spacing consistent with label (bottom) and help text (top) margins."},
+      "gap": {
+        "value": "8px",
+        "comment": "Spacing consistent with label (bottom) and help text (top) margins."
+      },
 
@@ -14,0 +17,0 @@ "item": {

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

389467

increased by0.6%

Lines of code

11037

increased by0.64%

No dependency changes