@popmenu/common-ui 0.45.0 → 0.47.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.
Files changed (5) hide show
  1. package/build/index.es.js +64 -35
  2. package/build/index.es.js.map +1 -1
  3. package/build/index.js +64 -35
  4. package/build/index.js.map +1 -1
  5. package/package.json +2 -2
package/build/index.es.js CHANGED
@@ -90,26 +90,26 @@ function __rest(s, e) {
90
90
  return t;
91
91
  }
92
92
 
93
- var _g$19, _defs$J;
93
+ var _g$1d, _defs$I;
94
94
 
95
- function _extends$26() { _extends$26 = 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$26.apply(this, arguments); }
95
+ function _extends$27() { _extends$27 = 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$27.apply(this, arguments); }
96
96
 
97
97
  function SvgCheckCircle(props) {
98
- return /*#__PURE__*/React.createElement("svg", _extends$26({
98
+ return /*#__PURE__*/React.createElement("svg", _extends$27({
99
99
  viewBox: "0 0 16 16",
100
100
  fill: "none",
101
101
  strokeLinecap: "round",
102
102
  strokeLinejoin: "round",
103
103
  width: "1em",
104
104
  height: "1em"
105
- }, props), _g$19 || (_g$19 = /*#__PURE__*/React.createElement("g", {
105
+ }, props), _g$1d || (_g$1d = /*#__PURE__*/React.createElement("g", {
106
106
  clipPath: "url(#check-circle_svg__clip0_8_5831)",
107
107
  stroke: "currentColor"
108
108
  }, /*#__PURE__*/React.createElement("path", {
109
109
  d: "M14.667 7.387V8a6.667 6.667 0 11-3.954-6.093"
110
110
  }), /*#__PURE__*/React.createElement("path", {
111
111
  d: "M14.667 2.667L8 9.34l-2-2"
112
- }))), _defs$J || (_defs$J = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
112
+ }))), _defs$I || (_defs$I = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
113
113
  id: "check-circle_svg__clip0_8_5831"
114
114
  }, /*#__PURE__*/React.createElement("path", {
115
115
  fill: "currentColor",
@@ -117,24 +117,49 @@ function SvgCheckCircle(props) {
117
117
  })))));
118
118
  }
119
119
 
120
- var _g$$, _defs$B;
120
+ var _g$1b, _defs$G;
121
121
 
122
- function _extends$1U() { _extends$1U = 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$1U.apply(this, arguments); }
122
+ 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); }
123
+
124
+ function SvgXCircle(props) {
125
+ return /*#__PURE__*/React.createElement("svg", _extends$24({
126
+ viewBox: "0 0 16 16",
127
+ fill: "none",
128
+ strokeLinecap: "round",
129
+ strokeLinejoin: "round",
130
+ width: "1em",
131
+ height: "1em"
132
+ }, props), _g$1b || (_g$1b = /*#__PURE__*/React.createElement("g", {
133
+ clipPath: "url(#x-circle_svg__clip0_8_6136)",
134
+ stroke: "currentColor"
135
+ }, /*#__PURE__*/React.createElement("path", {
136
+ d: "M8 14.667A6.667 6.667 0 108 1.334a6.667 6.667 0 000 13.333zM10 6l-4 4m0-4l4 4"
137
+ }))), _defs$G || (_defs$G = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
138
+ id: "x-circle_svg__clip0_8_6136"
139
+ }, /*#__PURE__*/React.createElement("path", {
140
+ fill: "currentColor",
141
+ d: "M0 0h16v16H0z"
142
+ })))));
143
+ }
144
+
145
+ var _g$13, _defs$A;
146
+
147
+ 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); }
123
148
 
124
149
  function SvgInfo(props) {
125
- return /*#__PURE__*/React.createElement("svg", _extends$1U({
150
+ return /*#__PURE__*/React.createElement("svg", _extends$1V({
126
151
  viewBox: "0 0 16 16",
127
152
  fill: "none",
128
153
  strokeLinecap: "round",
129
154
  strokeLinejoin: "round",
130
155
  width: "1em",
131
156
  height: "1em"
132
- }, props), _g$$ || (_g$$ = /*#__PURE__*/React.createElement("g", {
157
+ }, props), _g$13 || (_g$13 = /*#__PURE__*/React.createElement("g", {
133
158
  clipPath: "url(#info_svg__clip0_8_5377)",
134
159
  stroke: "currentColor"
135
160
  }, /*#__PURE__*/React.createElement("path", {
136
161
  d: "M8 14.667A6.667 6.667 0 108 1.334a6.667 6.667 0 000 13.333zm0-4V8m0-2.667h.007"
137
- }))), _defs$B || (_defs$B = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
162
+ }))), _defs$A || (_defs$A = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
138
163
  id: "info_svg__clip0_8_5377"
139
164
  }, /*#__PURE__*/React.createElement("path", {
140
165
  fill: "currentColor",
@@ -142,24 +167,24 @@ function SvgInfo(props) {
142
167
  })))));
143
168
  }
144
169
 
145
- var _g$X, _defs$A;
170
+ var _g$$, _defs$z;
146
171
 
147
- function _extends$1K() { _extends$1K = 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$1K.apply(this, arguments); }
172
+ function _extends$1L() { _extends$1L = 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$1L.apply(this, arguments); }
148
173
 
149
174
  function SvgMinusCircle(props) {
150
- return /*#__PURE__*/React.createElement("svg", _extends$1K({
175
+ return /*#__PURE__*/React.createElement("svg", _extends$1L({
151
176
  viewBox: "0 0 16 16",
152
177
  fill: "none",
153
178
  strokeLinecap: "round",
154
179
  strokeLinejoin: "round",
155
180
  width: "1em",
156
181
  height: "1em"
157
- }, props), _g$X || (_g$X = /*#__PURE__*/React.createElement("g", {
182
+ }, props), _g$$ || (_g$$ = /*#__PURE__*/React.createElement("g", {
158
183
  clipPath: "url(#minus-circle_svg__clip0_8_5970)",
159
184
  stroke: "currentColor"
160
185
  }, /*#__PURE__*/React.createElement("path", {
161
186
  d: "M8 14.667A6.667 6.667 0 108 1.334a6.667 6.667 0 000 13.333zM5.333 8h5.334"
162
- }))), _defs$A || (_defs$A = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
187
+ }))), _defs$z || (_defs$z = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
163
188
  id: "minus-circle_svg__clip0_8_5970"
164
189
  }, /*#__PURE__*/React.createElement("path", {
165
190
  fill: "currentColor",
@@ -167,24 +192,24 @@ function SvgMinusCircle(props) {
167
192
  })))));
168
193
  }
169
194
 
170
- var _g$W, _defs$z;
195
+ var _g$_, _defs$y;
171
196
 
172
- function _extends$1G() { _extends$1G = 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$1G.apply(this, arguments); }
197
+ function _extends$1H() { _extends$1H = 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$1H.apply(this, arguments); }
173
198
 
174
199
  function SvgPlusCircle(props) {
175
- return /*#__PURE__*/React.createElement("svg", _extends$1G({
200
+ return /*#__PURE__*/React.createElement("svg", _extends$1H({
176
201
  viewBox: "0 0 16 16",
177
202
  fill: "none",
178
203
  strokeLinecap: "round",
179
204
  strokeLinejoin: "round",
180
205
  width: "1em",
181
206
  height: "1em"
182
- }, props), _g$W || (_g$W = /*#__PURE__*/React.createElement("g", {
207
+ }, props), _g$_ || (_g$_ = /*#__PURE__*/React.createElement("g", {
183
208
  clipPath: "url(#plus-circle_svg__clip0_8_5870)",
184
209
  stroke: "currentColor"
185
210
  }, /*#__PURE__*/React.createElement("path", {
186
211
  d: "M8 14.667A6.667 6.667 0 108 1.334a6.667 6.667 0 000 13.333zm0-9.334v5.334M5.333 8h5.334"
187
- }))), _defs$z || (_defs$z = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
212
+ }))), _defs$y || (_defs$y = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
188
213
  id: "plus-circle_svg__clip0_8_5870"
189
214
  }, /*#__PURE__*/React.createElement("path", {
190
215
  fill: "currentColor",
@@ -192,42 +217,42 @@ function SvgPlusCircle(props) {
192
217
  })))));
193
218
  }
194
219
 
195
- var _path$E;
220
+ var _path$D;
196
221
 
197
- function _extends$1t() { _extends$1t = 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$1t.apply(this, arguments); }
222
+ function _extends$1u() { _extends$1u = 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$1u.apply(this, arguments); }
198
223
 
199
224
  function SvgUser(props) {
200
- return /*#__PURE__*/React.createElement("svg", _extends$1t({
225
+ return /*#__PURE__*/React.createElement("svg", _extends$1u({
201
226
  viewBox: "0 0 16 16",
202
227
  fill: "none",
203
228
  strokeLinecap: "round",
204
229
  strokeLinejoin: "round",
205
230
  width: "1em",
206
231
  height: "1em"
207
- }, props), _path$E || (_path$E = /*#__PURE__*/React.createElement("path", {
232
+ }, props), _path$D || (_path$D = /*#__PURE__*/React.createElement("path", {
208
233
  d: "M13.333 14v-1.333A2.667 2.667 0 0010.667 10H5.333a2.667 2.667 0 00-2.666 2.667V14M8 7.333A2.667 2.667 0 108 2a2.667 2.667 0 000 5.333z",
209
234
  stroke: "currentColor"
210
235
  })));
211
236
  }
212
237
 
213
- var _g$M, _defs$s;
238
+ var _g$Q, _defs$r;
214
239
 
215
- function _extends$1p() { _extends$1p = 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$1p.apply(this, arguments); }
240
+ function _extends$1q() { _extends$1q = 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$1q.apply(this, arguments); }
216
241
 
217
242
  function SvgError(props) {
218
- return /*#__PURE__*/React.createElement("svg", _extends$1p({
243
+ return /*#__PURE__*/React.createElement("svg", _extends$1q({
219
244
  viewBox: "0 0 16 16",
220
245
  fill: "none",
221
246
  strokeLinecap: "round",
222
247
  strokeLinejoin: "round",
223
248
  width: "1em",
224
249
  height: "1em"
225
- }, props), _g$M || (_g$M = /*#__PURE__*/React.createElement("g", {
250
+ }, props), _g$Q || (_g$Q = /*#__PURE__*/React.createElement("g", {
226
251
  clipPath: "url(#error_svg__clip0_8_5411)",
227
252
  stroke: "currentColor"
228
253
  }, /*#__PURE__*/React.createElement("path", {
229
254
  d: "M5.24 1.333h5.52l3.907 3.907v5.52l-3.907 3.907H5.24L1.333 10.76V5.24L5.24 1.333zm2.76 4V8m0 2.666h.008"
230
- }))), _defs$s || (_defs$s = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
255
+ }))), _defs$r || (_defs$r = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
231
256
  id: "error_svg__clip0_8_5411"
232
257
  }, /*#__PURE__*/React.createElement("path", {
233
258
  fill: "currentColor",
@@ -235,19 +260,19 @@ function SvgError(props) {
235
260
  })))));
236
261
  }
237
262
 
238
- var _path$B;
263
+ var _path$A;
239
264
 
240
- function _extends$1o() { _extends$1o = 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$1o.apply(this, arguments); }
265
+ function _extends$1p() { _extends$1p = 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$1p.apply(this, arguments); }
241
266
 
242
267
  function SvgWarning(props) {
243
- return /*#__PURE__*/React.createElement("svg", _extends$1o({
268
+ return /*#__PURE__*/React.createElement("svg", _extends$1p({
244
269
  viewBox: "0 0 16 16",
245
270
  fill: "none",
246
271
  strokeLinecap: "round",
247
272
  strokeLinejoin: "round",
248
273
  width: "1em",
249
274
  height: "1em"
250
- }, props), _path$B || (_path$B = /*#__PURE__*/React.createElement("path", {
275
+ }, props), _path$A || (_path$A = /*#__PURE__*/React.createElement("path", {
251
276
  d: "M6.86 2.573L1.213 12a1.334 1.334 0 001.14 2h11.294a1.332 1.332 0 001.14-2L9.14 2.573a1.333 1.333 0 00-2.28 0v0zM8 6v2.667m0 2.667h.007",
252
277
  stroke: "currentColor"
253
278
  })));
@@ -482,7 +507,7 @@ Checkbox.displayName = 'Checkbox';
482
507
 
483
508
  var getBackground = function (theme) { return function (props) {
484
509
  var variant = props.variant, severity = props.severity;
485
- var background;
510
+ var background = theme.palette.grey[100];
486
511
  var backgrounds = {
487
512
  outlined: 'none',
488
513
  error: 'error.main',
@@ -551,6 +576,9 @@ var useChipStyles = makeStyles$1(function (theme) { return ({
551
576
  height: theme.spacing(2),
552
577
  width: theme.spacing(2),
553
578
  },
579
+ deleteIcon: {
580
+ color: theme.palette.grey[500],
581
+ },
554
582
  }); });
555
583
 
556
584
  var IconDictionary = {
@@ -563,7 +591,8 @@ var Chip = function (props) {
563
591
  var severity = props.severity, restProps = __rest(props, ["severity"]);
564
592
  var classes = useChipStyles(props);
565
593
  var icon = severity ? React__default.createElement(IconDictionary[severity]) : undefined;
566
- return React__default.createElement(MuiChip, __assign({ classes: classes, icon: icon }, restProps));
594
+ var deleteIcon = React__default.createElement(SvgXCircle);
595
+ return React__default.createElement(MuiChip, __assign({ classes: classes, icon: icon, deleteIcon: deleteIcon }, restProps));
567
596
  };
568
597
  Chip.displayName = 'Chip';
569
598