@janiscommerce/ui-web 0.35.0 → 0.37.0

package/dist/index.umd.js

@@ -5651,9 +5651,9 @@
     Svg: styled__default["default"].svg.withConfig({
       displayName: "styles__Svg",
       componentId: "sc-jf3e5i-0"
-    })(["fill:", ";", " ", ";"], function (props) {
+    })(["fill:", ";", " ", ";", ";"], function (props) {
       return getColor(props.color);
-    }, mediaBreaks.onlyPrint(_templateObject$4 || (_templateObject$4 = _taggedTemplateLiteral(["\n\t\t\tfill: ", ";\n\t\t"])), palette.darkGrey), function (props) {
+    }, mediaBreaks.onlyPrint(_templateObject$4 || (_templateObject$4 = _taggedTemplateLiteral(["\n\t\t\tfill: ", ";\n\t\t"])), palette.darkGrey), mixins.transition('fill'), function (props) {
       return props.styles;
     }),
     Path: styled__default["default"].path.withConfig({
@@ -7179,19 +7179,17 @@
     }, function (props) {
       return props.textColor && "color: ".concat(getColor(props.textColor), ";");
     }, mediaBreaks.onlyPrint(_templateObject$3 || (_templateObject$3 = _taggedTemplateLiteral(["\n\t\t\tborder: 1px solid ", ";\n\t\t"])), palette.darkGrey)),
-    iconPathStyles: styled$g.css(["", ";"], mixins.transition('fill')),
     DeleteButton: styled__default["default"].button.withConfig({
       displayName: "styles__DeleteButton",
       componentId: "sc-1vnh4co-1"
     })(["width:16px;height:16px;margin-left:12px;"]),
-    deleteButtonPathStyles: styled$g.css(["", ";"], mixins.transition('fill')),
     Children: styled__default["default"].div.withConfig({
       displayName: "styles__Children",
       componentId: "sc-1vnh4co-2"
     })(["text-overflow:ellipsis;overflow:hidden;"])
   };
 
-  var _excluded$9 = ["backgroundColor", "borderColor", "children", "disabled", "icon", "iconColor", "onClick", "onDelete", "selected", "textColor", "variant", "hasLink"];
+  var _excluded$9 = ["backgroundColor", "borderColor", "children", "disabled", "icon", "iconColor", "iconSize", "onClick", "onDelete", "selected", "textColor", "variant", "hasLink"];
 
   var Chip = function Chip(_ref) {
     var backgroundColor = _ref.backgroundColor,
@@ -7200,6 +7198,7 @@
         disabled = _ref.disabled,
         icon = _ref.icon,
         iconColor = _ref.iconColor,
+        iconSize = _ref.iconSize,
         onClick = _ref.onClick,
         onDelete = _ref.onDelete,
         selected = _ref.selected,
@@ -7220,20 +7219,18 @@
       selected: selected,
       textColor: textColor,
       variant: variant,
-      iconColor: iconColor,
       hasLink: hasLink,
       onlyIcon: !children && icon
     }, props), icon && /*#__PURE__*/React__default["default"].createElement(Icon, {
       className: "chip-icon",
       name: icon,
       color: iconColor,
-      pathStyles: styled$d.iconPathStyles
+      size: iconSize
     }), children && /*#__PURE__*/React__default["default"].createElement(styled$d.Children, null, children), onDelete && /*#__PURE__*/React__default["default"].createElement(styled$d.DeleteButton, {
       type: "button",
       onClick: onDelete
     }, /*#__PURE__*/React__default["default"].createElement(Icon, {
       color: "black",
-      pathStyles: styled$d.deleteButtonPathStyles,
       className: "delete-button",
       name: "cross_circle_flat",
       size: 16