@helpdice/icons 1.2.6 → 1.3.6

package/dist/core/Award/index.js

@@ -81,7 +81,7 @@ var IconContext = /*#__PURE__*/React.createContext(defaultValues);
 // IconContext.displayName = 'IconContext';
 
 var _excluded = ["color", "strokeWidth", "size", "set", "style"];
-function createIcon(Component) {
+var createIcon = function createIcon(Component) {
   var Icon = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref2, _ref3;
     var color = _ref.color,
@@ -120,9 +120,10 @@ function createIcon(Component) {
   }));
 
   // 🔥 CRITICAL PART
-  Icon.displayName = "Icon(".concat(")");
+  // Icon.displayName = displayName;
+
   return Icon;
-}
+};
 
 var Award = function Award(_ref) {
   var color = _ref.color,

package/dist/core/Barchart/index.js

@@ -81,7 +81,7 @@ var IconContext = /*#__PURE__*/React.createContext(defaultValues);
 // IconContext.displayName = 'IconContext';
 
 var _excluded = ["color", "strokeWidth", "size", "set", "style"];
-function createIcon(Component) {
+var createIcon = function createIcon(Component) {
   var Icon = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref2, _ref3;
     var color = _ref.color,
@@ -120,9 +120,10 @@ function createIcon(Component) {
   }));
 
   // 🔥 CRITICAL PART
-  Icon.displayName = "Icon(".concat(")");
+  // Icon.displayName = displayName;
+
   return Icon;
-}
+};
 
 var Barchart = function Barchart(_ref) {
   var color = _ref.color,

package/dist/core/Barchart2/index.js

@@ -81,7 +81,7 @@ var IconContext = /*#__PURE__*/React.createContext(defaultValues);
 // IconContext.displayName = 'IconContext';
 
 var _excluded = ["color", "strokeWidth", "size", "set", "style"];
-function createIcon(Component) {
+var createIcon = function createIcon(Component) {
   var Icon = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref2, _ref3;
     var color = _ref.color,
@@ -120,9 +120,10 @@ function createIcon(Component) {
   }));
 
   // 🔥 CRITICAL PART
-  Icon.displayName = "Icon(".concat(")");
+  // Icon.displayName = displayName;
+
   return Icon;
-}
+};
 
 var Barchart2 = function Barchart2(_ref) {
   var color = _ref.color,

package/dist/core/Battery/index.js

@@ -81,7 +81,7 @@ var IconContext = /*#__PURE__*/React.createContext(defaultValues);
 // IconContext.displayName = 'IconContext';
 
 var _excluded = ["color", "strokeWidth", "size", "set", "style"];
-function createIcon(Component) {
+var createIcon = function createIcon(Component) {
   var Icon = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref2, _ref3;
     var color = _ref.color,
@@ -120,9 +120,10 @@ function createIcon(Component) {
   }));
 
   // 🔥 CRITICAL PART
-  Icon.displayName = "Icon(".concat(")");
+  // Icon.displayName = displayName;
+
   return Icon;
-}
+};
 
 var Battery = function Battery(_ref) {
   var color = _ref.color,

package/dist/core/Batterycharging/index.js

@@ -81,7 +81,7 @@ var IconContext = /*#__PURE__*/React.createContext(defaultValues);
 // IconContext.displayName = 'IconContext';
 
 var _excluded = ["color", "strokeWidth", "size", "set", "style"];
-function createIcon(Component) {
+var createIcon = function createIcon(Component) {
   var Icon = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref2, _ref3;
     var color = _ref.color,
@@ -120,9 +120,10 @@ function createIcon(Component) {
   }));
 
   // 🔥 CRITICAL PART
-  Icon.displayName = "Icon(".concat(")");
+  // Icon.displayName = displayName;
+
   return Icon;
-}
+};
 
 var Batterycharging = function Batterycharging(_ref) {
   var color = _ref.color,

package/dist/core/Bell/index.js

@@ -81,7 +81,7 @@ var IconContext = /*#__PURE__*/React.createContext(defaultValues);
 // IconContext.displayName = 'IconContext';
 
 var _excluded = ["color", "strokeWidth", "size", "set", "style"];
-function createIcon(Component) {
+var createIcon = function createIcon(Component) {
   var Icon = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref2, _ref3;
     var color = _ref.color,
@@ -120,9 +120,10 @@ function createIcon(Component) {
   }));
 
   // 🔥 CRITICAL PART
-  Icon.displayName = "Icon(".concat(")");
+  // Icon.displayName = displayName;
+
   return Icon;
-}
+};
 
 var Bell = function Bell(_ref) {
   var color = _ref.color,

package/dist/core/Belloff/index.js

@@ -81,7 +81,7 @@ var IconContext = /*#__PURE__*/React.createContext(defaultValues);
 // IconContext.displayName = 'IconContext';
 
 var _excluded = ["color", "strokeWidth", "size", "set", "style"];
-function createIcon(Component) {
+var createIcon = function createIcon(Component) {
   var Icon = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref2, _ref3;
     var color = _ref.color,
@@ -120,9 +120,10 @@ function createIcon(Component) {
   }));
 
   // 🔥 CRITICAL PART
-  Icon.displayName = "Icon(".concat(")");
+  // Icon.displayName = displayName;
+
   return Icon;
-}
+};
 
 var Belloff = function Belloff(_ref) {
   var color = _ref.color,

package/dist/core/Bluetooth/index.js

@@ -81,7 +81,7 @@ var IconContext = /*#__PURE__*/React.createContext(defaultValues);
 // IconContext.displayName = 'IconContext';
 
 var _excluded = ["color", "strokeWidth", "size", "set", "style"];
-function createIcon(Component) {
+var createIcon = function createIcon(Component) {
   var Icon = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref2, _ref3;
     var color = _ref.color,
@@ -120,9 +120,10 @@ function createIcon(Component) {
   }));
 
   // 🔥 CRITICAL PART
-  Icon.displayName = "Icon(".concat(")");
+  // Icon.displayName = displayName;
+
   return Icon;
-}
+};
 
 var Bluetooth = function Bluetooth(_ref) {
   var color = _ref.color,

package/dist/core/Bold/index.js

@@ -81,7 +81,7 @@ var IconContext = /*#__PURE__*/React.createContext(defaultValues);
 // IconContext.displayName = 'IconContext';
 
 var _excluded = ["color", "strokeWidth", "size", "set", "style"];
-function createIcon(Component) {
+var createIcon = function createIcon(Component) {
   var Icon = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref2, _ref3;
     var color = _ref.color,
@@ -120,9 +120,10 @@ function createIcon(Component) {
   }));
 
   // 🔥 CRITICAL PART
-  Icon.displayName = "Icon(".concat(")");
+  // Icon.displayName = displayName;
+
   return Icon;
-}
+};
 
 var Bold = function Bold(_ref) {
   var color = _ref.color,

package/dist/core/Book/index.js

@@ -81,7 +81,7 @@ var IconContext = /*#__PURE__*/React.createContext(defaultValues);
 // IconContext.displayName = 'IconContext';
 
 var _excluded = ["color", "strokeWidth", "size", "set", "style"];
-function createIcon(Component) {
+var createIcon = function createIcon(Component) {
   var Icon = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref2, _ref3;
     var color = _ref.color,
@@ -120,9 +120,10 @@ function createIcon(Component) {
   }));
 
   // 🔥 CRITICAL PART
-  Icon.displayName = "Icon(".concat(")");
+  // Icon.displayName = displayName;
+
   return Icon;
-}
+};
 
 var Book = function Book(_ref) {
   var color = _ref.color,

package/dist/core/Bookmark/index.js

@@ -81,7 +81,7 @@ var IconContext = /*#__PURE__*/React.createContext(defaultValues);
 // IconContext.displayName = 'IconContext';
 
 var _excluded = ["color", "strokeWidth", "size", "set", "style"];
-function createIcon(Component) {
+var createIcon = function createIcon(Component) {
   var Icon = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref2, _ref3;
     var color = _ref.color,
@@ -120,9 +120,10 @@ function createIcon(Component) {
   }));
 
   // 🔥 CRITICAL PART
-  Icon.displayName = "Icon(".concat(")");
+  // Icon.displayName = displayName;
+
   return Icon;
-}
+};
 
 var Bookmark = function Bookmark(_ref) {
   var color = _ref.color,

package/dist/core/Bookopen/index.js

@@ -81,7 +81,7 @@ var IconContext = /*#__PURE__*/React.createContext(defaultValues);
 // IconContext.displayName = 'IconContext';
 
 var _excluded = ["color", "strokeWidth", "size", "set", "style"];
-function createIcon(Component) {
+var createIcon = function createIcon(Component) {
   var Icon = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref2, _ref3;
     var color = _ref.color,
@@ -120,9 +120,10 @@ function createIcon(Component) {
   }));
 
   // 🔥 CRITICAL PART
-  Icon.displayName = "Icon(".concat(")");
+  // Icon.displayName = displayName;
+
   return Icon;
-}
+};
 
 var Bookopen = function Bookopen(_ref) {
   var color = _ref.color,

package/dist/core/Box/index.js

@@ -81,7 +81,7 @@ var IconContext = /*#__PURE__*/React.createContext(defaultValues);
 // IconContext.displayName = 'IconContext';
 
 var _excluded = ["color", "strokeWidth", "size", "set", "style"];
-function createIcon(Component) {
+var createIcon = function createIcon(Component) {
   var Icon = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref2, _ref3;
     var color = _ref.color,
@@ -120,9 +120,10 @@ function createIcon(Component) {
   }));
 
   // 🔥 CRITICAL PART
-  Icon.displayName = "Icon(".concat(")");
+  // Icon.displayName = displayName;
+
   return Icon;
-}
+};
 
 var Box = function Box(_ref) {
   var color = _ref.color,

package/dist/core/Briefcase/index.js

@@ -81,7 +81,7 @@ var IconContext = /*#__PURE__*/React.createContext(defaultValues);
 // IconContext.displayName = 'IconContext';
 
 var _excluded = ["color", "strokeWidth", "size", "set", "style"];
-function createIcon(Component) {
+var createIcon = function createIcon(Component) {
   var Icon = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref2, _ref3;
     var color = _ref.color,
@@ -120,9 +120,10 @@ function createIcon(Component) {
   }));
 
   // 🔥 CRITICAL PART
-  Icon.displayName = "Icon(".concat(")");
+  // Icon.displayName = displayName;
+
   return Icon;
-}
+};
 
 var Briefcase = function Briefcase(_ref) {
   var color = _ref.color,

package/dist/core/Calendar/index.js

@@ -81,7 +81,7 @@ var IconContext = /*#__PURE__*/React.createContext(defaultValues);
 // IconContext.displayName = 'IconContext';
 
 var _excluded = ["color", "strokeWidth", "size", "set", "style"];
-function createIcon(Component) {
+var createIcon = function createIcon(Component) {
   var Icon = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref2, _ref3;
     var color = _ref.color,
@@ -120,9 +120,10 @@ function createIcon(Component) {
   }));
 
   // 🔥 CRITICAL PART
-  Icon.displayName = "Icon(".concat(")");
+  // Icon.displayName = displayName;
+
   return Icon;
-}
+};
 
 var Calendar = function Calendar(_ref) {
   var color = _ref.color,

package/dist/core/Camera/index.js

@@ -81,7 +81,7 @@ var IconContext = /*#__PURE__*/React.createContext(defaultValues);
 // IconContext.displayName = 'IconContext';
 
 var _excluded = ["color", "strokeWidth", "size", "set", "style"];
-function createIcon(Component) {
+var createIcon = function createIcon(Component) {
   var Icon = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref2, _ref3;
     var color = _ref.color,
@@ -120,9 +120,10 @@ function createIcon(Component) {
   }));
 
   // 🔥 CRITICAL PART
-  Icon.displayName = "Icon(".concat(")");
+  // Icon.displayName = displayName;
+
   return Icon;
-}
+};
 
 var Camera = function Camera(_ref) {
   var color = _ref.color,

package/dist/core/Cameraoff/index.js

@@ -81,7 +81,7 @@ var IconContext = /*#__PURE__*/React.createContext(defaultValues);
 // IconContext.displayName = 'IconContext';
 
 var _excluded = ["color", "strokeWidth", "size", "set", "style"];
-function createIcon(Component) {
+var createIcon = function createIcon(Component) {
   var Icon = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref2, _ref3;
     var color = _ref.color,
@@ -120,9 +120,10 @@ function createIcon(Component) {
   }));
 
   // 🔥 CRITICAL PART
-  Icon.displayName = "Icon(".concat(")");
+  // Icon.displayName = displayName;
+
   return Icon;
-}
+};
 
 var Cameraoff = function Cameraoff(_ref) {
   var color = _ref.color,

package/dist/core/Cast/index.js

@@ -81,7 +81,7 @@ var IconContext = /*#__PURE__*/React.createContext(defaultValues);
 // IconContext.displayName = 'IconContext';
 
 var _excluded = ["color", "strokeWidth", "size", "set", "style"];
-function createIcon(Component) {
+var createIcon = function createIcon(Component) {
   var Icon = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref2, _ref3;
     var color = _ref.color,
@@ -120,9 +120,10 @@ function createIcon(Component) {
   }));
 
   // 🔥 CRITICAL PART
-  Icon.displayName = "Icon(".concat(")");
+  // Icon.displayName = displayName;
+
   return Icon;
-}
+};
 
 var Cast = function Cast(_ref) {
   var color = _ref.color,

package/dist/core/Check/index.js

@@ -81,7 +81,7 @@ var IconContext = /*#__PURE__*/React.createContext(defaultValues);
 // IconContext.displayName = 'IconContext';
 
 var _excluded = ["color", "strokeWidth", "size", "set", "style"];
-function createIcon(Component) {
+var createIcon = function createIcon(Component) {
   var Icon = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref2, _ref3;
     var color = _ref.color,
@@ -120,9 +120,10 @@ function createIcon(Component) {
   }));
 
   // 🔥 CRITICAL PART
-  Icon.displayName = "Icon(".concat(")");
+  // Icon.displayName = displayName;
+
   return Icon;
-}
+};
 
 var Check = function Check(_ref) {
   var color = _ref.color,

package/dist/core/Checkbox/index.js

@@ -81,7 +81,7 @@ var IconContext = /*#__PURE__*/React.createContext(defaultValues);
 // IconContext.displayName = 'IconContext';
 
 var _excluded = ["color", "strokeWidth", "size", "set", "style"];
-function createIcon(Component) {
+var createIcon = function createIcon(Component) {
   var Icon = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref2, _ref3;
     var color = _ref.color,
@@ -120,9 +120,10 @@ function createIcon(Component) {
   }));
 
   // 🔥 CRITICAL PART
-  Icon.displayName = "Icon(".concat(")");
+  // Icon.displayName = displayName;
+
   return Icon;
-}
+};
 
 var Checkbox = function Checkbox(_ref) {
   var color = _ref.color,

package/dist/core/Checkboxfill/index.js

@@ -81,7 +81,7 @@ var IconContext = /*#__PURE__*/React.createContext(defaultValues);
 // IconContext.displayName = 'IconContext';
 
 var _excluded = ["color", "strokeWidth", "size", "set", "style"];
-function createIcon(Component) {
+var createIcon = function createIcon(Component) {
   var Icon = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref2, _ref3;
     var color = _ref.color,
@@ -120,9 +120,10 @@ function createIcon(Component) {
   }));
 
   // 🔥 CRITICAL PART
-  Icon.displayName = "Icon(".concat(")");
+  // Icon.displayName = displayName;
+
   return Icon;
-}
+};
 
 var Checkboxfill = function Checkboxfill(_ref) {
   var color = _ref.color,

package/dist/core/Checkcircle/index.js

@@ -81,7 +81,7 @@ var IconContext = /*#__PURE__*/React.createContext(defaultValues);
 // IconContext.displayName = 'IconContext';
 
 var _excluded = ["color", "strokeWidth", "size", "set", "style"];
-function createIcon(Component) {
+var createIcon = function createIcon(Component) {
   var Icon = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref2, _ref3;
     var color = _ref.color,
@@ -120,9 +120,10 @@ function createIcon(Component) {
   }));
 
   // 🔥 CRITICAL PART
-  Icon.displayName = "Icon(".concat(")");
+  // Icon.displayName = displayName;
+
   return Icon;
-}
+};
 
 var Checkcircle = function Checkcircle(_ref) {
   var color = _ref.color,

package/dist/core/Checkincircle/index.js

@@ -81,7 +81,7 @@ var IconContext = /*#__PURE__*/React.createContext(defaultValues);
 // IconContext.displayName = 'IconContext';
 
 var _excluded = ["color", "strokeWidth", "size", "set", "style"];
-function createIcon(Component) {
+var createIcon = function createIcon(Component) {
   var Icon = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref2, _ref3;
     var color = _ref.color,
@@ -120,9 +120,10 @@ function createIcon(Component) {
   }));
 
   // 🔥 CRITICAL PART
-  Icon.displayName = "Icon(".concat(")");
+  // Icon.displayName = displayName;
+
   return Icon;
-}
+};
 
 var Checkincircle = function Checkincircle(_ref) {
   var color = _ref.color,

package/dist/core/Checkincirclefill/index.js

@@ -81,7 +81,7 @@ var IconContext = /*#__PURE__*/React.createContext(defaultValues);
 // IconContext.displayName = 'IconContext';
 
 var _excluded = ["color", "strokeWidth", "size", "set", "style"];
-function createIcon(Component) {
+var createIcon = function createIcon(Component) {
   var Icon = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref2, _ref3;
     var color = _ref.color,
@@ -120,9 +120,10 @@ function createIcon(Component) {
   }));
 
   // 🔥 CRITICAL PART
-  Icon.displayName = "Icon(".concat(")");
+  // Icon.displayName = displayName;
+
   return Icon;
-}
+};
 
 var Checkincirclefill = function Checkincirclefill(_ref) {
   var color = _ref.color,

package/dist/core/Checksquare/index.js

@@ -81,7 +81,7 @@ var IconContext = /*#__PURE__*/React.createContext(defaultValues);
 // IconContext.displayName = 'IconContext';
 
 var _excluded = ["color", "strokeWidth", "size", "set", "style"];
-function createIcon(Component) {
+var createIcon = function createIcon(Component) {
   var Icon = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref2, _ref3;
     var color = _ref.color,
@@ -120,9 +120,10 @@ function createIcon(Component) {
   }));
 
   // 🔥 CRITICAL PART
-  Icon.displayName = "Icon(".concat(")");
+  // Icon.displayName = displayName;
+
   return Icon;
-}
+};
 
 var Checksquare = function Checksquare(_ref) {
   var color = _ref.color,

package/dist/core/Chevrondown/index.js

@@ -81,7 +81,7 @@ var IconContext = /*#__PURE__*/React.createContext(defaultValues);
 // IconContext.displayName = 'IconContext';
 
 var _excluded = ["color", "strokeWidth", "size", "set", "style"];
-function createIcon(Component) {
+var createIcon = function createIcon(Component) {
   var Icon = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref2, _ref3;
     var color = _ref.color,
@@ -120,9 +120,10 @@ function createIcon(Component) {
   }));
 
   // 🔥 CRITICAL PART
-  Icon.displayName = "Icon(".concat(")");
+  // Icon.displayName = displayName;
+
   return Icon;
-}
+};
 
 var Chevrondown = function Chevrondown(_ref) {
   var color = _ref.color,

package/dist/core/Chevrondowncircle/index.js

@@ -81,7 +81,7 @@ var IconContext = /*#__PURE__*/React.createContext(defaultValues);
 // IconContext.displayName = 'IconContext';
 
 var _excluded = ["color", "strokeWidth", "size", "set", "style"];
-function createIcon(Component) {
+var createIcon = function createIcon(Component) {
   var Icon = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref2, _ref3;
     var color = _ref.color,
@@ -120,9 +120,10 @@ function createIcon(Component) {
   }));
 
   // 🔥 CRITICAL PART
-  Icon.displayName = "Icon(".concat(")");
+  // Icon.displayName = displayName;
+
   return Icon;
-}
+};
 
 var Chevrondowncircle = function Chevrondowncircle(_ref) {
   var color = _ref.color,

package/dist/core/Chevrondowncirclefill/index.js

@@ -81,7 +81,7 @@ var IconContext = /*#__PURE__*/React.createContext(defaultValues);
 // IconContext.displayName = 'IconContext';
 
 var _excluded = ["color", "strokeWidth", "size", "set", "style"];
-function createIcon(Component) {
+var createIcon = function createIcon(Component) {
   var Icon = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref2, _ref3;
     var color = _ref.color,
@@ -120,9 +120,10 @@ function createIcon(Component) {
   }));
 
   // 🔥 CRITICAL PART
-  Icon.displayName = "Icon(".concat(")");
+  // Icon.displayName = displayName;
+
   return Icon;
-}
+};
 
 var Chevrondowncirclefill = function Chevrondowncirclefill(_ref) {
   var color = _ref.color,

package/dist/core/Chevronleft/index.js

@@ -81,7 +81,7 @@ var IconContext = /*#__PURE__*/React.createContext(defaultValues);
 // IconContext.displayName = 'IconContext';
 
 var _excluded = ["color", "strokeWidth", "size", "set", "style"];
-function createIcon(Component) {
+var createIcon = function createIcon(Component) {
   var Icon = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref2, _ref3;
     var color = _ref.color,
@@ -120,9 +120,10 @@ function createIcon(Component) {
   }));
 
   // 🔥 CRITICAL PART
-  Icon.displayName = "Icon(".concat(")");
+  // Icon.displayName = displayName;
+
   return Icon;
-}
+};
 
 var Chevronleft = function Chevronleft(_ref) {
   var color = _ref.color,