@janiscommerce/ui-web 0.36.0 → 0.37.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -7,6 +7,12 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.
7
7
 
8
8
  ## [Unreleased]
9
9
 
10
+ ## [0.37.0] - 2025-05-02
11
+
12
+ ### Removed
13
+
14
+ - Prop iconSize to chip and format styles
15
+
10
16
  ## [0.36.0] - 2025-04-30
11
17
 
12
18
  ### Added
package/dist/index.esm.js CHANGED
@@ -5625,9 +5625,9 @@ var styles$2 = {
5625
5625
  Svg: styled$g.svg.withConfig({
5626
5626
  displayName: "styles__Svg",
5627
5627
  componentId: "sc-jf3e5i-0"
5628
- })(["fill:", ";", " ", ";"], function (props) {
5628
+ })(["fill:", ";", " ", ";", ";"], function (props) {
5629
5629
  return getColor(props.color);
5630
- }, mediaBreaks.onlyPrint(_templateObject$4 || (_templateObject$4 = _taggedTemplateLiteral(["\n\t\t\tfill: ", ";\n\t\t"])), palette.darkGrey), function (props) {
5630
+ }, mediaBreaks.onlyPrint(_templateObject$4 || (_templateObject$4 = _taggedTemplateLiteral(["\n\t\t\tfill: ", ";\n\t\t"])), palette.darkGrey), mixins.transition('fill'), function (props) {
5631
5631
  return props.styles;
5632
5632
  }),
5633
5633
  Path: styled$g.path.withConfig({
@@ -7128,7 +7128,7 @@ var styled$d = {
7128
7128
  Chip: styled$g.button.withConfig({
7129
7129
  displayName: "styles__Chip",
7130
7130
  componentId: "sc-1vnh4co-0"
7131
- })(["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) {
7131
+ })(["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) {
7132
7132
  return !props.onlyIcon ? '0 12px' : '0';
7133
7133
  }, function (props) {
7134
7134
  return props.clickable ? 'pointer' : 'default';
@@ -7140,12 +7140,10 @@ var styled$d = {
7140
7140
  return !props.onlyIcon ? '50px' : '50%';
7141
7141
  }, function (props) {
7142
7142
  return props.clickable || props.hasLink ? 'auto' : 'none';
7143
- }, function (props) {
7144
- return getChipVariant(props);
7145
7143
  }, function (props) {
7146
7144
  return !props.onlyIcon && 'margin-right: 8px';
7147
7145
  }, function (props) {
7148
- return props.iconColor && "fill: ".concat(getColor(props.iconColor));
7146
+ return getChipVariant(props);
7149
7147
  }, function (props) {
7150
7148
  return props.styles;
7151
7149
  }, function (props) {
@@ -7155,12 +7153,10 @@ var styled$d = {
7155
7153
  }, function (props) {
7156
7154
  return props.textColor && "color: ".concat(getColor(props.textColor), ";");
7157
7155
  }, mediaBreaks.onlyPrint(_templateObject$3 || (_templateObject$3 = _taggedTemplateLiteral(["\n\t\t\tborder: 1px solid ", ";\n\t\t"])), palette.darkGrey)),
7158
- iconPathStyles: css(["", ";"], mixins.transition('fill')),
7159
7156
  DeleteButton: styled$g.button.withConfig({
7160
7157
  displayName: "styles__DeleteButton",
7161
7158
  componentId: "sc-1vnh4co-1"
7162
7159
  })(["width:16px;height:16px;margin-left:12px;"]),
7163
- deleteButtonPathStyles: css(["", ";"], mixins.transition('fill')),
7164
7160
  Children: styled$g.div.withConfig({
7165
7161
  displayName: "styles__Children",
7166
7162
  componentId: "sc-1vnh4co-2"
@@ -7197,21 +7193,18 @@ var Chip = function Chip(_ref) {
7197
7193
  selected: selected,
7198
7194
  textColor: textColor,
7199
7195
  variant: variant,
7200
- iconColor: iconColor,
7201
7196
  hasLink: hasLink,
7202
7197
  onlyIcon: !children && icon
7203
7198
  }, props), icon && /*#__PURE__*/React__default.createElement(Icon, {
7204
7199
  className: "chip-icon",
7205
7200
  name: icon,
7206
7201
  color: iconColor,
7207
- size: iconSize,
7208
- pathStyles: styled$d.iconPathStyles
7202
+ size: iconSize
7209
7203
  }), children && /*#__PURE__*/React__default.createElement(styled$d.Children, null, children), onDelete && /*#__PURE__*/React__default.createElement(styled$d.DeleteButton, {
7210
7204
  type: "button",
7211
7205
  onClick: onDelete
7212
7206
  }, /*#__PURE__*/React__default.createElement(Icon, {
7213
7207
  color: "black",
7214
- pathStyles: styled$d.deleteButtonPathStyles,
7215
7208
  className: "delete-button",
7216
7209
  name: "cross_circle_flat",
7217
7210
  size: 16