fix(core): remove node border styles from required styles (#1954)

* fix(core): remove node border styles from required styles

Signed-off-by: braks <78412429+bcakmakoglu@users.noreply.github.com>

* chore(changeset): add

Signed-off-by: braks <78412429+bcakmakoglu@users.noreply.github.com>

---------

Signed-off-by: braks <78412429+bcakmakoglu@users.noreply.github.com>

.changeset/cyan-pandas-enjoy.md

@@ -0,0 +1,5 @@
+---
+"@vue-flow/core": patch
+---
+
+Remove border related styles from the required styles and move them into the default theme stylesheet

packages/core/src/style.css

@@ -133,21 +133,6 @@
   transform-origin: 0 0;
 }
 
-.vue-flow__node-default,
-.vue-flow__node-input,
-.vue-flow__node-output {
-  border-width: 1px;
-  border-style: solid;
-  border-color: #bbb;
-
-  &.selected,
-  &:focus,
-  &:focus-visible {
-     outline: none;
-     border: 1px solid #555;
-   }
-}
-
 .vue-flow__node {
   position: absolute;
   user-select: none;

packages/core/src/theme-default.css

@@ -55,6 +55,13 @@
     box-shadow: 0 0 0 0.5px var(--vf-box-shadow);
   }
 
+  &.selected,
+  &:focus,
+  &:focus-visible {
+    outline: none;
+    border: 1px solid #555;
+  }
+
   .vue-flow__handle {
     background: var(--vf-handle);
   }