From 55dcaa7920ca83f1c994e587b55d5b2c38d6fbed Mon Sep 17 00:00:00 2001
From: N1cE-tm <banicov2011@yandex.ru>
Date: Mon, 12 Aug 2024 22:00:46 +0400
Subject: [PATCH 1/2] feat(jss-plugin-expand): Add support background  array of
 objects

---
 packages/jss-plugin-expand/src/props.js | 17 ++++++++++++-----
 1 file changed, 12 insertions(+), 5 deletions(-)

diff --git a/packages/jss-plugin-expand/src/props.js b/packages/jss-plugin-expand/src/props.js
index b5ed81d80..445151116 100644
--- a/packages/jss-plugin-expand/src/props.js
+++ b/packages/jss-plugin-expand/src/props.js
@@ -3,6 +3,7 @@
  * All properties listed below will be transformed to a string separated by space.
  */
 export const propArray = {
+  background: true,
   'background-size': true,
   'background-position': true,
   border: true,
@@ -51,11 +52,16 @@ export const propObj = {
     left: 0
   },
   background: {
-    attachment: null,
-    color: null,
     image: null,
     position: null,
-    repeat: null
+    size: null,
+    repeat: null,
+    attachment: null,
+    origin: null,
+    clip: null,
+    color: null,
+    'blend-mode': null,
+    blendMode: null,
   },
   border: {
     width: null,
@@ -162,8 +168,9 @@ export const customPropObj = {
     color: 'border-right-color'
   },
   background: {
-    size: 'background-size',
-    image: 'background-image'
+    blendMode: "blend-mode-repeat",
+    "blend-mode": "blend-mode-repeat",
+    color: "background-color",
   },
   font: {
     style: 'font-style',

From 96658e5208d369d917511992540db656ba0b3a87 Mon Sep 17 00:00:00 2001
From: N1cE-tm <banicov2011@yandex.ru>
Date: Tue, 13 Aug 2024 23:53:07 +0400
Subject: [PATCH 2/2] fix: Issue with blend mode prop

---
 packages/jss-plugin-expand/src/props.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/jss-plugin-expand/src/props.js b/packages/jss-plugin-expand/src/props.js
index 445151116..436bfa07c 100644
--- a/packages/jss-plugin-expand/src/props.js
+++ b/packages/jss-plugin-expand/src/props.js
@@ -168,8 +168,8 @@ export const customPropObj = {
     color: 'border-right-color'
   },
   background: {
-    blendMode: "blend-mode-repeat",
-    "blend-mode": "blend-mode-repeat",
+    blendMode: "background-blend-mode",
+    "blend-mode": "background-blend-mode",
     color: "background-color",
   },
   font: {