@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 +6 -0
- package/dist/index.esm.js +5 -12
- package/dist/index.esm.js.map +1 -1
- package/dist/index.umd.js +5 -12
- package/dist/index.umd.js.map +1 -1
- package/dist/package.json +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
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
|
|
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
|
|
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
|