🔀 Merge branch 'release/3.0.35'

package.json

 {
   "name": "@vue-unistra/formbuilder",
-  "version": "3.0.34",
+  "version": "3.0.35",
   "main": "dist/index.js",
   "files": [
     "dist/*",

src/components/formbuilder/settings/tabs/conditional/UsfTabConditionalDraggableContainer/UsfTabConditionalDraggableContainer.vue

@@ -4,7 +4,7 @@
       <v-chip
           draggable
           outlined
-        color="primary"
+          :color="getColor(item)"
           v-for="(item, i) in items"
           :key="`${item.id}_${i}`"
           class="draggableItem"
@@ -19,7 +19,7 @@
       <v-chip
           :ripple="false"
           outlined
-        color="primary"
+          :color="getColor(item)"
           v-for="(item, i) in items"
           :key="`${item.id}_${i}-readonly`"
       >
@@ -60,6 +60,18 @@ export default vue.extend({
   },
 
   methods: {
+    getColor(item: FieldCondition): '#afbb00' | '#0060ab' | '#ff4d00' | '#9800ff' {
+      if (item.type === 'field') {
+        return '#ff4d00';
+      } else if (item.type === 'item') {
+        if (item.value === '&&' || item.value === '||') {
+          return '#0060ab';
+        }
+        return '#afbb00';
+      }
+
+      return '#9800ff';
+    },
     displayItem(item: FieldCondition): string {
       switch (item.type) {
         case 'field':