@popmenu/common-ui 0.46.0 → 0.48.0

package/build/index.js

@@ -184,6 +184,31 @@ function SvgCheckCircle(props) {
   })))));
 }
 
+var _g$1b, _defs$G;
+
+function _extends$24() { _extends$24 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$24.apply(this, arguments); }
+
+function SvgXCircle(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$24({
+    viewBox: "0 0 16 16",
+    fill: "none",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    width: "1em",
+    height: "1em"
+  }, props), _g$1b || (_g$1b = /*#__PURE__*/React__namespace.createElement("g", {
+    clipPath: "url(#x-circle_svg__clip0_8_6136)",
+    stroke: "currentColor"
+  }, /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M8 14.667A6.667 6.667 0 108 1.334a6.667 6.667 0 000 13.333zM10 6l-4 4m0-4l4 4"
+  }))), _defs$G || (_defs$G = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("clipPath", {
+    id: "x-circle_svg__clip0_8_6136"
+  }, /*#__PURE__*/React__namespace.createElement("path", {
+    fill: "currentColor",
+    d: "M0 0h16v16H0z"
+  })))));
+}
+
 var _g$13, _defs$A;
 
 function _extends$1V() { _extends$1V = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1V.apply(this, arguments); }
@@ -549,7 +574,7 @@ Checkbox.displayName = 'Checkbox';
 
 var getBackground = function (theme) { return function (props) {
     var variant = props.variant, severity = props.severity;
-    var background;
+    var background = theme.palette.grey[100];
     var backgrounds = {
         outlined: 'none',
         error: 'error.main',
@@ -618,6 +643,9 @@ var useChipStyles = styles.makeStyles(function (theme) { return ({
         height: theme.spacing(2),
         width: theme.spacing(2),
     },
+    deleteIcon: {
+        color: theme.palette.grey[500],
+    },
 }); });
 
 var IconDictionary = {
@@ -630,7 +658,8 @@ var Chip = function (props) {
     var severity = props.severity, restProps = __rest(props, ["severity"]);
     var classes = useChipStyles(props);
     var icon = severity ? React__default['default'].createElement(IconDictionary[severity]) : undefined;
-    return React__default['default'].createElement(MuiChip__default['default'], __assign({ classes: classes, icon: icon }, restProps));
+    var deleteIcon = React__default['default'].createElement(SvgXCircle);
+    return React__default['default'].createElement(MuiChip__default['default'], __assign({ classes: classes, icon: icon, deleteIcon: deleteIcon }, restProps));
 };
 Chip.displayName = 'Chip';