@janiscommerce/ui-web 0.36.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({
@@ -7154,7 +7154,7 @@
     Chip: styled__default["default"].button.withConfig({
       displayName: "styles__Chip",
       componentId: "sc-1vnh4co-0"
-    })(["padding:", ";cursor:", ";font-size:13px;color:", ";height:", ";width:", ";min-width:36px;max-width:150px;border-radius:", ";display:inline-flex;justify-content:center;align-items:center;pointer-events:", ";white-space:nowrap;", ";.chip-icon{", ";", ";}", ";", " ", " ", " ", ""], function (props) {
+    })(["padding:", ";cursor:", ";font-size:13px;color:", ";height:", ";width:", ";min-width:36px;max-width:150px;border-radius:", ";display:inline-flex;justify-content:center;align-items:center;pointer-events:", ";white-space:nowrap;.chip-icon{", ";}", ";", ";", " ", " ", " ", ""], function (props) {
       return !props.onlyIcon ? '0 12px' : '0';
     }, function (props) {
       return props.clickable ? 'pointer' : 'default';
@@ -7166,12 +7166,10 @@
       return !props.onlyIcon ? '50px' : '50%';
     }, function (props) {
       return props.clickable || props.hasLink ? 'auto' : 'none';
-    }, function (props) {
-      return getChipVariant(props);
     }, function (props) {
       return !props.onlyIcon && 'margin-right: 8px';
     }, function (props) {
-      return props.iconColor && "fill: ".concat(getColor(props.iconColor));
+      return getChipVariant(props);
     }, function (props) {
       return props.styles;
     }, function (props) {
@@ -7181,12 +7179,10 @@
     }, 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"
@@ -7223,21 +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,
-      size: iconSize,
-      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