fix: replace form select focus border-width with color

nl-design-system · Sep 25, 2021 · 31c821b · 31c821b
1 parent 5ba7c39
commit 31c821b
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 8 deletions.
diff --git a/components/select/bem.scss b/components/select/bem.scss
@@ -73,12 +73,9 @@
       var(--utrecht-select-border-color, var(--utrecht-form-input-border-color))
     )
   );
-  border-width: var(
-    --utrecht-select-focus-border-width,
-    var(
-      --utrecht-form-input-focus-border-width,
-      var(--utrecht-select-border-width, var(--utrecht-form-input-border-width))
-    )
+  color: var(
+    --utrecht-select-focus-color,
+    var(--utrecht-form-input-focus-color, var(--utrecht-select-color, var(--utrecht-form-input-color)))
   );
 }
 

diff --git a/components/select/modifier.tokens.json b/components/select/modifier.tokens.json
@@ -34,9 +34,9 @@
             "inherits": true
           }
         },
-        "border-width": {
+        "color": {
           "css": {
-            "syntax": "<length>",
+            "syntax": "<color>",
             "inherits": true
           }
         }