@janiscommerce/ui-web 0.35.0 → 0.36.0

package/CHANGELOG.md

@@ -7,6 +7,12 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.
 
 ## [Unreleased]
 
+## [0.36.0] - 2025-04-30
+
+### Added
+
+- Prop iconSize to chip and format styles
+
 ## [0.35.0] - 2025-04-24
 
 ### Added

package/dist/index.esm.js

@@ -7128,7 +7128,7 @@ var styled$d = {
   Chip: styled$g.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';
@@ -7140,10 +7140,12 @@ var styled$d = {
     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 getChipVariant(props);
+    return props.iconColor && "fill: ".concat(getColor(props.iconColor));
   }, function (props) {
     return props.styles;
   }, function (props) {
@@ -7165,7 +7167,7 @@ var styled$d = {
   })(["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,
@@ -7174,6 +7176,7 @@ var Chip = function Chip(_ref) {
       disabled = _ref.disabled,
       icon = _ref.icon,
       iconColor = _ref.iconColor,
+      iconSize = _ref.iconSize,
       onClick = _ref.onClick,
       onDelete = _ref.onDelete,
       selected = _ref.selected,
@@ -7201,6 +7204,7 @@ var Chip = function Chip(_ref) {
     className: "chip-icon",
     name: icon,
     color: iconColor,
+    size: iconSize,
     pathStyles: styled$d.iconPathStyles
   }), children && /*#__PURE__*/React__default.createElement(styled$d.Children, null, children), onDelete && /*#__PURE__*/React__default.createElement(styled$d.DeleteButton, {
     type: "button",