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
tokens-studio · Nov 15, 2023 · dba5c05 · dba5c05
1 parent f52e0d7
commit dba5c05
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 0 deletions.
diff --git a/.changeset/strong-chicken-serve.md 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
@@ -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',