Add border-image and clip-path to css map node (#174)

* add border image to css map * add changeset * add css clip-path * add changeset
tokens-studio · Nov 23, 2023 · 41f6a49 · 41f6a49
1 parent 7a629d9
commit 41f6a49
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 0 deletions.
diff --git a/.changeset/cold-garlics-flow.md b/.changeset/cold-garlics-flow.md
@@ -0,0 +1,5 @@
+---
+"@tokens-studio/graph-editor": minor
+---
+
+Add border-image to css map
diff --git a/.changeset/hungry-dolls-jog.md b/.changeset/hungry-dolls-jog.md
@@ -0,0 +1,5 @@
+---
+"@tokens-studio/graph-editor": minor
+---
+
+Add clip-path 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
@@ -16,6 +16,7 @@ const keys = [
   'border',
   'borderBottom',
   'borderColor',
+  'borderImage',
   'borderInline',
   'borderLeft',
   'borderRadius',
@@ -28,6 +29,7 @@ const keys = [
   'boxShadow',
   'boxSizing',
   'clip',
+  'clipPath',
   'color',
   'contain',
   'content',