From dba5c0579031ef9967659c09d553c0240cc464c1 Mon Sep 17 00:00:00 2001
From: Marco Christian Krenn <marco.krenn@gmail.com>
Date: Wed, 15 Nov 2023 08:01:01 +0100
Subject: [PATCH] add more css props (#160)

* add css props for backdrop-filter and blend-mode

* add user-select prop to css map

* add mix-blend-mode to css map

* add changeset
---
 .changeset/strong-chicken-serve.md                          | 6 ++++++
 .../src/components/flow/nodes/output/cssMapNode.tsx         | 4 ++++
 2 files changed, 10 insertions(+)
 create mode 100644 .changeset/strong-chicken-serve.md

diff --git a/.changeset/strong-chicken-serve.md b/.changeset/strong-chicken-serve.md
new file mode 100644
index 00000000..cca32af9
--- /dev/null
+++ b/.changeset/strong-chicken-serve.md
@@ -0,0 +1,6 @@
+---
+"@tokens-studio/graph-editor": minor
+"@tokens-studio/graph-engine-ui": minor
+---
+
+add blending and blur to css map
diff --git a/packages/graph-editor/src/components/flow/nodes/output/cssMapNode.tsx b/packages/graph-editor/src/components/flow/nodes/output/cssMapNode.tsx
index 909d96d8..7444d737 100644
--- a/packages/graph-editor/src/components/flow/nodes/output/cssMapNode.tsx
+++ b/packages/graph-editor/src/components/flow/nodes/output/cssMapNode.tsx
@@ -10,7 +10,9 @@ const keys = [
   'animation',
   'aspectRatio',
   'align-items',
+  'backdrop-filter',
   'background',
+  'background-blend-mode',
   'border',
   'borderBottom',
   'borderColor',
@@ -69,6 +71,7 @@ const keys = [
   'maxWidth',
   'minHeight',
   'minWidth',
+  'mixBlendMode',
   'opacity',
   'outline',
   'overflow',
@@ -91,6 +94,7 @@ const keys = [
   'transform',
   'transition',
   'translate',
+  'userSelect',
   'verticalAlign',
   'visibility',
   'whiteSpace',