@sledge-app/react-instant-search 2.0.25 → 2.0.26

package/dist/sledge-react-instant-search.js

@@ -1156,14 +1156,31 @@ const RadioGroup = ({ id, name, required, value, items, labelStyle = {}, onValue
   ) }) }) });
 };
 const ColorSwatch$1 = "";
-const ColorSwatch = ({ id, name, value, rgb, image, required, checked, onClick, labelType = "tooltip", label, labelStyle = {} }) => {
+const ColorSwatch = ({ id, name, value, rgb, additionalRgb: additionalRgbProp = [], image, required, checked, onClick, labelType = "tooltip", label, labelStyle = {} }) => {
+  var _a;
+  const additionalRgb = (_a = additionalRgbProp == null ? void 0 : additionalRgbProp.filter) == null ? void 0 : _a.call(additionalRgbProp, (item) => item);
+  let rgbStyle = {
+    backgroundColor: rgb
+  };
+  if (additionalRgb == null ? void 0 : additionalRgb.length) {
+    rgbStyle = {
+      background: `linear-gradient(to bottom right, ${rgb} 50%, ${additionalRgb[0]} 50%)`
+    };
+    if ((additionalRgb == null ? void 0 : additionalRgb.length) > 1) {
+      rgbStyle = {
+        background: `conic-gradient(
+                    ${rgb} 0deg 120deg,
+                    ${additionalRgb[0]} 120deg 240deg,
+                    ${additionalRgb[1]} 240deg 360deg
+                )`
+      };
+    }
+  }
   const styles = {
     ...(image == null ? void 0 : image.length) ? {
       backgroundImage: `url("${image}")`,
       backgroundSize: "contain"
-    } : {
-      backgroundColor: rgb
-    }
+    } : rgbStyle
   };
   const colorSwatchComponent = /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sledge__color-swatch-wrapper", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx($e698a72e93240346$export$be92b6f5f03c0fe9, { className: "sledge__color-swatch-root", checked, id, name, value, required, onClick, style: styles }),
@@ -7820,6 +7837,7 @@ const Facet = (props) => {
         name: value,
         value: item == null ? void 0 : item.value,
         rgb: getColorSwatch == null ? void 0 : getColorSwatch.rgb,
+        additionalRgb: [(getColorSwatch == null ? void 0 : getColorSwatch.color_2) || null, (getColorSwatch == null ? void 0 : getColorSwatch.color_3) || null],
         image: getColorSwatch == null ? void 0 : getColorSwatch.image,
         onClick: (e) => handleFilterChange({
           parentId: value,