@appquality/unguess-design-system 2.10.40 β 2.10.43
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 +36 -0
- package/build/index.js +195 -368
- package/build/stories/alerts/index.d.ts +1 -1
- package/build/stories/alerts/index.stories.d.ts +1 -1
- package/build/stories/buttons/button/_types.d.ts +2 -0
- package/build/stories/cards/_types.d.ts +2 -0
- package/build/stories/cards/container.stories.d.ts +1 -2
- package/build/stories/cards/index.d.ts +2 -2
- package/build/stories/loaders/skeleton/index.d.ts +1 -1
- package/package.json +1 -1
- package/build/stories/forms/field/index.stories.d.ts +0 -5
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,39 @@
|
|
|
1
|
+
# v2.10.43 (Wed Jun 01 2022)
|
|
2
|
+
|
|
3
|
+
#### π Bug Fix
|
|
4
|
+
|
|
5
|
+
- fix(avatar): set text uppercase + cleanings [#65](https://github.com/AppQuality/unguess-design-system/pull/65) ([@marcbon](https://github.com/marcbon))
|
|
6
|
+
|
|
7
|
+
#### Authors: 1
|
|
8
|
+
|
|
9
|
+
- Marco Bonomo ([@marcbon](https://github.com/marcbon))
|
|
10
|
+
|
|
11
|
+
---
|
|
12
|
+
|
|
13
|
+
# v2.10.42 (Mon May 30 2022)
|
|
14
|
+
|
|
15
|
+
#### π Bug Fix
|
|
16
|
+
|
|
17
|
+
- fix(buttons): fix close positioning + fix login button isPill + fix buttons themeColor [#64](https://github.com/AppQuality/unguess-design-system/pull/64) ([@marcbon](https://github.com/marcbon))
|
|
18
|
+
|
|
19
|
+
#### Authors: 1
|
|
20
|
+
|
|
21
|
+
- Marco Bonomo ([@marcbon](https://github.com/marcbon))
|
|
22
|
+
|
|
23
|
+
---
|
|
24
|
+
|
|
25
|
+
# v2.10.41 (Fri May 27 2022)
|
|
26
|
+
|
|
27
|
+
#### π Bug Fix
|
|
28
|
+
|
|
29
|
+
- Cup 786 fix components [#63](https://github.com/AppQuality/unguess-design-system/pull/63) ([@marcbon](https://github.com/marcbon))
|
|
30
|
+
|
|
31
|
+
#### Authors: 1
|
|
32
|
+
|
|
33
|
+
- Marco Bonomo ([@marcbon](https://github.com/marcbon))
|
|
34
|
+
|
|
35
|
+
---
|
|
36
|
+
|
|
1
37
|
# v2.10.40 (Wed May 25 2022)
|
|
2
38
|
|
|
3
39
|
#### π Bug Fix
|
package/build/index.js
CHANGED
|
@@ -238,13 +238,13 @@ var gradients = {
|
|
|
238
238
|
dark: "linear-gradient(90.81deg, ".concat(hex2rgba(palette.blue[800]), " 0%, ").concat(hex2rgba(palette.blue[600]), " 100%);"),
|
|
239
239
|
};
|
|
240
240
|
|
|
241
|
-
var _a, _b, _c, _d, _e, _f, _g$
|
|
242
|
-
var components = __assign(__assign({}, reactTheming.DEFAULT_THEME.components), { chrome: __assign(__assign({}, (_a = reactTheming.DEFAULT_THEME.components) === null || _a === void 0 ? void 0 : _a.chrome), { header: __assign(__assign({}, (_c = (_b = reactTheming.DEFAULT_THEME.components) === null || _b === void 0 ? void 0 : _b.chrome) === null || _c === void 0 ? void 0 : _c.header), { height: "64px" }), nav: __assign(__assign({}, (_e = (_d = reactTheming.DEFAULT_THEME.components) === null || _d === void 0 ? void 0 : _d.chrome) === null || _e === void 0 ? void 0 : _e.nav), { openWidth: 240, closedWidth: 36, workspaceDropdownWidth: 192 }) }), notification: __assign(__assign({}, (_f = reactTheming.DEFAULT_THEME.components) === null || _f === void 0 ? void 0 : _f.notification), { card: __assign(__assign({}, (_h = (_g$
|
|
241
|
+
var _a, _b, _c, _d, _e, _f, _g$3, _h;
|
|
242
|
+
var components = __assign(__assign({}, reactTheming.DEFAULT_THEME.components), { chrome: __assign(__assign({}, (_a = reactTheming.DEFAULT_THEME.components) === null || _a === void 0 ? void 0 : _a.chrome), { header: __assign(__assign({}, (_c = (_b = reactTheming.DEFAULT_THEME.components) === null || _b === void 0 ? void 0 : _b.chrome) === null || _c === void 0 ? void 0 : _c.header), { height: "64px" }), nav: __assign(__assign({}, (_e = (_d = reactTheming.DEFAULT_THEME.components) === null || _d === void 0 ? void 0 : _d.chrome) === null || _e === void 0 ? void 0 : _e.nav), { openWidth: 240, closedWidth: 36, workspaceDropdownWidth: 192 }) }), notification: __assign(__assign({}, (_f = reactTheming.DEFAULT_THEME.components) === null || _f === void 0 ? void 0 : _f.notification), { card: __assign(__assign({}, (_h = (_g$3 = reactTheming.DEFAULT_THEME.components) === null || _g$3 === void 0 ? void 0 : _g$3.notification) === null || _h === void 0 ? void 0 : _h.well), { padding: "16px" }) }) });
|
|
243
243
|
|
|
244
244
|
var theme = __assign(__assign({}, reactTheming.DEFAULT_THEME), { colors: __assign(__assign({}, reactTheming.DEFAULT_THEME.colors), { primaryHue: palette.blue[600], warningHue: palette.yellow[600], successHue: palette.teal["M600"], dangerHue: palette.red[400] }), palette: palette, fonts: __assign(__assign({}, reactTheming.DEFAULT_THEME.fonts), { system: '"Poppins",sans-serif,Helvetica,Arial,sans-serif' }), fontWeights: __assign(__assign({}, reactTheming.DEFAULT_THEME.fontWeights), { semibold: 500 }), gradients: gradients, borderRadii: __assign(__assign({}, reactTheming.DEFAULT_THEME.borderRadii), { lg: "8px", xl: "16px", xxl: "32px" }), components: components, shadows: __assign(__assign({}, reactTheming.DEFAULT_THEME.shadows), { boxShadow: boxShadow }) });
|
|
245
245
|
|
|
246
|
-
var GlobalStyle = styled.createGlobalStyle(templateObject_1
|
|
247
|
-
var templateObject_1
|
|
246
|
+
var GlobalStyle = styled.createGlobalStyle(templateObject_1$$ || (templateObject_1$$ = __makeTemplateObject(["\n ::-webkit-scrollbar-track:hover {\n border-left: solid 1px ", ";\n border-right: solid 1px ", ";\n }\n\n ::-webkit-scrollbar {\n width: 10px;\n }\n\n ::-webkit-scrollbar-track {\n border: solid 2px transparent;\n }\n\n ::-webkit-scrollbar-thumb {\n box-shadow: inset 0 0 10px 10px ", ";\n border: solid 2px transparent;\n border-radius: 25px;\n }\n\n /* This stuff is for Firefox */\n * {\n scrollbar-color: ", " #FFFFFF;\n scrollbar-width: thin;\n }\n\n html {\n overflow-y: auto;\n }\n\n body {\n font-family: ", ";\n margin: 0;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n \n svg {\n max-height: 100%;\n }\n\n"], ["\n ::-webkit-scrollbar-track:hover {\n border-left: solid 1px ", ";\n border-right: solid 1px ", ";\n }\n\n ::-webkit-scrollbar {\n width: 10px;\n }\n\n ::-webkit-scrollbar-track {\n border: solid 2px transparent;\n }\n\n ::-webkit-scrollbar-thumb {\n box-shadow: inset 0 0 10px 10px ", ";\n border: solid 2px transparent;\n border-radius: 25px;\n }\n\n /* This stuff is for Firefox */\n * {\n scrollbar-color: ", " #FFFFFF;\n scrollbar-width: thin;\n }\n\n html {\n overflow-y: auto;\n }\n\n body {\n font-family: ", ";\n margin: 0;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n \n svg {\n max-height: 100%;\n }\n\n"])), theme.palette.grey["200"], theme.palette.grey["200"], theme.palette.blue["200"], theme.palette.blue["200"], theme.fonts.system);
|
|
247
|
+
var templateObject_1$$;
|
|
248
248
|
|
|
249
249
|
/**
|
|
250
250
|
* Accordions are headers that can be expanded to reveal content or collapsed to hide it.
|
|
@@ -259,9 +259,16 @@ Accordion.Header = reactAccordions.Accordion.Header;
|
|
|
259
259
|
Accordion.Label = reactAccordions.Accordion.Label;
|
|
260
260
|
Accordion.Panel = reactAccordions.Accordion.Panel;
|
|
261
261
|
|
|
262
|
-
var UgAlert = styled__default["default"](reactNotifications.Alert)(templateObject_1$
|
|
262
|
+
var UgAlert = styled__default["default"](reactNotifications.Alert)(templateObject_1$_ || (templateObject_1$_ = __makeTemplateObject(["\n background-color: white;\n color: ", ";\n border-width: 2px;\n font-size: ", ";\n"], ["\n background-color: white;\n color: ", ";\n border-width: 2px;\n font-size: ", ";\n"])), function (_a) {
|
|
263
263
|
var theme = _a.theme;
|
|
264
264
|
return theme.palette.grey[700];
|
|
265
|
+
}, function (_a) {
|
|
266
|
+
var theme = _a.theme;
|
|
267
|
+
return theme.fontSizes.sm;
|
|
268
|
+
});
|
|
269
|
+
var UgAlertTitle = styled__default["default"](reactNotifications.Title)(templateObject_2$q || (templateObject_2$q = __makeTemplateObject(["\n font-size: ", ";\n"], ["\n font-size: ", ";\n"])), function (_a) {
|
|
270
|
+
var theme = _a.theme;
|
|
271
|
+
return theme.fontSizes.md;
|
|
265
272
|
});
|
|
266
273
|
/**
|
|
267
274
|
* Breadcrumbs mark and communicate a userβs location in the product.
|
|
@@ -271,12 +278,11 @@ var UgAlert = styled__default["default"](reactNotifications.Alert)(templateObjec
|
|
|
271
278
|
- To provide a quick way to navigate to ancestor pages
|
|
272
279
|
*/
|
|
273
280
|
var Alert = function (props) { return jsxRuntime.jsx(UgAlert, __assign({}, props)); };
|
|
274
|
-
Alert.Title =
|
|
281
|
+
Alert.Title = UgAlertTitle;
|
|
275
282
|
Alert.Close = reactNotifications.Close;
|
|
276
|
-
var templateObject_1$
|
|
283
|
+
var templateObject_1$_, templateObject_2$q;
|
|
277
284
|
|
|
278
|
-
|
|
279
|
-
var UgAvatar = styled__default["default"](reactAvatars.Avatar)(templateObject_1$Y || (templateObject_1$Y = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
285
|
+
var UgAvatar = styled__default["default"](reactAvatars.Avatar)(templateObject_1$Z || (templateObject_1$Z = __makeTemplateObject(["\n text-transform: uppercase;\n\n ", "\n"], ["\n text-transform: uppercase;\n\n ", "\n"])), function (props) {
|
|
280
286
|
return props.avatarType &&
|
|
281
287
|
props.avatarType !== "image" &&
|
|
282
288
|
"background: ".concat(props.backgroundColor || theme.gradients.dark, ";");
|
|
@@ -297,11 +303,10 @@ var Avatar = function (props) {
|
|
|
297
303
|
if (type === "text")
|
|
298
304
|
return jsxRuntime.jsx(Avatar.Text, { children: props.children });
|
|
299
305
|
};
|
|
300
|
-
// const { width } = useWindowSize();
|
|
301
306
|
return (jsxRuntime.jsx(UgAvatar, __assign({}, props, { badge: fixedBadge, children: wrapChildren(props.avatarType || "text"), size: props.size || "small" })));
|
|
302
307
|
};
|
|
303
308
|
Avatar.Text = UgAvatar.Text;
|
|
304
|
-
var templateObject_1$
|
|
309
|
+
var templateObject_1$Z;
|
|
305
310
|
|
|
306
311
|
/**
|
|
307
312
|
* Breadcrumbs mark and communicate a userβs location in the product.
|
|
@@ -322,7 +327,17 @@ var Breadcrumb = function (props) { return jsxRuntime.jsx(reactBreadcrumbs.Bread
|
|
|
322
327
|
*/
|
|
323
328
|
var Anchor = function (props) { return jsxRuntime.jsx(reactButtons.Anchor, __assign({}, props)); };
|
|
324
329
|
|
|
325
|
-
var
|
|
330
|
+
var customTheme = __assign({}, theme);
|
|
331
|
+
// Define theme override
|
|
332
|
+
var getThemeStyle = function (props) {
|
|
333
|
+
var themeColor = props.themeColor;
|
|
334
|
+
if (themeColor) {
|
|
335
|
+
customTheme = __assign(__assign({}, theme), { colors: __assign(__assign({}, theme.colors), { primaryHue: themeColor }) });
|
|
336
|
+
return customTheme;
|
|
337
|
+
}
|
|
338
|
+
return theme;
|
|
339
|
+
};
|
|
340
|
+
var UgButton = styled__default["default"](reactButtons.Button)(templateObject_1$Y || (templateObject_1$Y = __makeTemplateObject([""], [""])));
|
|
326
341
|
/**
|
|
327
342
|
* Buttons let users take action quickly.
|
|
328
343
|
* Use a Button to enable actions or decisions that are important to a userβs workflow.
|
|
@@ -331,10 +346,16 @@ var UgButton = styled__default["default"](reactButtons.Button)(templateObject_1$
|
|
|
331
346
|
- To enable user action
|
|
332
347
|
- To draw attention to relevant actions in a user's workflow
|
|
333
348
|
*/
|
|
334
|
-
var Button = function (props) {
|
|
349
|
+
var Button = function (props) {
|
|
350
|
+
if (props.themeColor) {
|
|
351
|
+
var currentTheme = getThemeStyle(props);
|
|
352
|
+
return jsxRuntime.jsx(UgButton, __assign({}, props, { theme: currentTheme }));
|
|
353
|
+
}
|
|
354
|
+
return jsxRuntime.jsx(UgButton, __assign({}, props));
|
|
355
|
+
};
|
|
335
356
|
Button.StartIcon = UgButton.StartIcon;
|
|
336
357
|
Button.EndIcon = UgButton.EndIcon;
|
|
337
|
-
var templateObject_1$
|
|
358
|
+
var templateObject_1$Y;
|
|
338
359
|
|
|
339
360
|
/**
|
|
340
361
|
A Button group lets users make a selection from a set of options.
|
|
@@ -364,7 +385,7 @@ Used for this:
|
|
|
364
385
|
**/
|
|
365
386
|
var SplitButton = function (props) { return (jsxRuntime.jsx(reactButtons.SplitButton, __assign({}, props))); };
|
|
366
387
|
|
|
367
|
-
var
|
|
388
|
+
var UgContentCard = styled__default["default"](reactNotifications.Well)(templateObject_1$X || (templateObject_1$X = __makeTemplateObject(["\n border-radius: ", ";\n padding: ", ";\n border: 1px solid ", ";\n ", "\n"], ["\n border-radius: ", ";\n padding: ", ";\n border: 1px solid ", ";\n ", "\n"])), function (_a) {
|
|
368
389
|
var theme = _a.theme;
|
|
369
390
|
return theme.borderRadii.lg;
|
|
370
391
|
}, function (_a) {
|
|
@@ -384,12 +405,19 @@ var ContentCard = styled__default["default"](reactNotifications.Well)(templateOb
|
|
|
384
405
|
* Used for this:
|
|
385
406
|
- To group related content
|
|
386
407
|
*/
|
|
387
|
-
var Card = function (props) { return jsxRuntime.jsx(
|
|
388
|
-
var
|
|
408
|
+
var Card = function (props) { return jsxRuntime.jsx(UgContentCard, __assign({}, props)); };
|
|
409
|
+
var UgContainerCard = styled__default["default"](reactNotifications.Well)(templateObject_2$p || (templateObject_2$p = __makeTemplateObject(["\n border-radius: ", ";\n padding: ", ";\n border: 1px solid ", ";\n"], ["\n border-radius: ", ";\n padding: ", ";\n border: 1px solid ", ";\n"])), function (_a) {
|
|
389
410
|
var theme = _a.theme;
|
|
390
411
|
return theme.borderRadii.xl;
|
|
412
|
+
}, function (_a) {
|
|
413
|
+
var theme = _a.theme;
|
|
414
|
+
return theme.space.xxl;
|
|
415
|
+
}, function (_a) {
|
|
416
|
+
var theme = _a.theme;
|
|
417
|
+
return theme.palette.grey["200"];
|
|
391
418
|
});
|
|
392
|
-
var
|
|
419
|
+
var ContainerCard = function (props) { return jsxRuntime.jsx(UgContainerCard, __assign({}, props)); };
|
|
420
|
+
var templateObject_1$X, templateObject_2$p;
|
|
393
421
|
|
|
394
422
|
/**
|
|
395
423
|
* Tags let users categorize content using a keyword.
|
|
@@ -406,212 +434,205 @@ var Tag = function (props) { return jsxRuntime.jsx(reactTags.Tag, __assign({}, p
|
|
|
406
434
|
Tag.Avatar = reactTags.Tag.Avatar;
|
|
407
435
|
Tag.Close = reactTags.Tag.Close;
|
|
408
436
|
|
|
409
|
-
var UgLabel$1 = styled__default["default"](reactForms.Label)(templateObject_1$
|
|
437
|
+
var UgLabel$1 = styled__default["default"](reactForms.Label)(templateObject_1$W || (templateObject_1$W = __makeTemplateObject([""], [""])));
|
|
410
438
|
/**
|
|
411
439
|
* A Label is used to specify a title for an input.
|
|
412
440
|
* <hr>
|
|
413
441
|
**/
|
|
414
442
|
var Label = function (props) { return jsxRuntime.jsx(UgLabel$1, __assign({}, props)); };
|
|
415
|
-
var templateObject_1$
|
|
443
|
+
var templateObject_1$W;
|
|
416
444
|
|
|
417
|
-
var _g$
|
|
445
|
+
var _g$2, _path$n;
|
|
418
446
|
|
|
419
|
-
function _extends$
|
|
447
|
+
function _extends$p() { _extends$p = Object.assign ? Object.assign.bind() : 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$p.apply(this, arguments); }
|
|
420
448
|
|
|
421
|
-
var
|
|
422
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
449
|
+
var SvgCampaignFunctional = function SvgCampaignFunctional(props) {
|
|
450
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$p({
|
|
423
451
|
width: 24,
|
|
424
452
|
height: 24,
|
|
425
453
|
viewBox: "0 0 24 24",
|
|
426
454
|
fill: "none",
|
|
427
455
|
xmlns: "http://www.w3.org/2000/svg"
|
|
428
|
-
}, props), _g$
|
|
456
|
+
}, props), _g$2 || (_g$2 = /*#__PURE__*/React__namespace.createElement("g", {
|
|
429
457
|
opacity: 0.3
|
|
430
458
|
}, /*#__PURE__*/React__namespace.createElement("path", {
|
|
431
459
|
opacity: 0.3,
|
|
432
460
|
d: "M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z",
|
|
433
461
|
fill: "#003A57"
|
|
434
|
-
}))), _path$
|
|
462
|
+
}))), _path$n || (_path$n = /*#__PURE__*/React__namespace.createElement("path", {
|
|
435
463
|
d: "M17.9983 7.16705C17.5188 6.58566 17.1422 6.73039 17.1422 6.73039C17.1422 6.73039 16.406 7.02453 16.0401 7.16303C15.6742 7.30153 15.2408 7.17357 15.2408 7.17357L14.7579 6.8851C14.7579 6.8851 14.4296 6.56554 14.3656 6.18067C14.3123 5.78958 14.1888 5.00269 14.1888 5.00269C14.1888 5.00269 14.1356 4.61159 13.3938 4.47257C12.652 4.33356 12.4678 4.68715 12.4678 4.68715C12.4678 4.68715 12.0932 5.38344 11.9091 5.73703C11.7249 6.09062 11.3114 6.27118 11.3114 6.27118L10.7639 6.36908C10.7639 6.36908 10.3144 6.33771 10.0176 6.07271L9.12712 5.27769C9.12712 5.27769 8.8303 5.01268 8.18313 5.38632C7.53595 5.75997 7.61705 6.14953 7.61705 6.14953L7.86033 7.3182C7.94143 7.70776 7.74381 8.11275 7.74381 8.11275L7.38528 8.53794C7.38528 8.53794 7.02217 8.80577 6.62387 8.78845C6.22557 8.77114 5.43527 8.7474 5.43527 8.7474C5.43527 8.7474 5.03697 8.73009 4.78646 9.44201C4.53595 10.1539 4.84804 10.3956 4.84804 10.3956C4.84804 10.3956 5.46774 10.896 5.77983 11.1376C6.09192 11.3793 6.19373 11.8296 6.19373 11.8296L6.20207 12.3921C6.20207 12.3921 6.09618 12.8314 5.79331 13.079C5.49043 13.3266 4.86759 13.8171 4.86759 13.8171C4.86759 13.8171 4.56471 14.0647 4.81769 14.7769C5.08144 15.4828 5.46713 15.4783 5.46713 15.4783C5.46713 15.4783 6.26012 15.4569 6.64582 15.4524C7.03152 15.4479 7.40116 15.7145 7.40116 15.7145L7.76458 16.1447C7.76458 16.1447 7.96976 16.5499 7.89441 16.9425C7.81907 17.3351 7.66208 18.1094 7.66208 18.1094C7.66208 18.1094 7.58674 18.502 8.23785 18.8824C8.88895 19.2629 9.18553 19.0044 9.18553 19.0044C9.18553 19.0044 9.7724 18.4765 10.069 18.218C10.3655 17.9595 10.8115 17.9347 10.8115 17.9347L11.3609 18.0394C11.3609 18.0394 11.77 18.225 11.9608 18.5803C12.1516 18.9356 12.5268 19.6354 12.5268 19.6354C12.5268 19.6354 12.7176 19.9907 13.4583 19.8539C14.1946 19.7343 14.2529 19.337 14.2529 19.337C14.2529 19.337 14.3586 18.5487 14.4232 18.1623C14.4814 17.765 14.8086 17.4598 14.8086 17.4598L15.2939 17.1796C15.2939 17.1796 15.7281 17.0598 16.095 17.1971C16.4682 17.3453 17.1975 17.637 17.1975 17.637C17.1975 17.637 17.5707 17.7851 18.0424 17.2073C18.5142 16.6295 18.3189 16.2913 18.3189 16.2913C18.3189 16.2913 17.9006 15.6164 17.6882 15.2736C17.4759 14.9307 17.5197 14.4836 17.5197 14.4836L17.7038 13.9555C17.7038 13.9555 17.9482 13.5816 18.3203 13.454C18.6925 13.3264 19.4431 13.0822 19.4431 13.0822C19.4431 13.0822 19.8153 12.9546 19.8113 12.2005C19.8074 11.4464 19.4297 11.3153 19.4297 11.3153C19.4297 11.3153 18.6807 11.0641 18.303 10.9331C17.9253 10.802 17.677 10.4217 17.677 10.4217L17.4861 9.8919C17.4861 9.8919 17.4293 9.4447 17.6368 9.1067C17.8443 8.7687 18.2486 8.09891 18.2486 8.09891C18.2486 8.09891 18.4778 7.74844 17.9983 7.16707L17.9983 7.16705ZM9.33902 8.38466L10.6176 10.5992C10.0433 11.149 9.82793 11.9715 10.0567 12.7413L7.86713 14.0054C6.98868 12.0106 7.60355 9.66286 9.33905 8.38457L9.33902 8.38466ZM13.9748 16.414C11.9998 17.2778 9.65918 16.6363 8.37099 14.8783L10.5605 13.6141C11.1128 14.1971 11.9329 14.4219 12.6961 14.1994L13.9748 16.414ZM12.6552 13.132C12.1159 13.4434 11.4325 13.2561 11.1176 12.7107C10.8027 12.1652 10.9822 11.4797 11.5215 11.1684C12.0608 10.857 12.7441 11.0443 13.0591 11.5897C13.374 12.1352 13.1945 12.8207 12.6552 13.132ZM14.8376 15.9158L13.5591 13.7012C14.1333 13.1515 14.3487 12.3289 14.12 11.5591L16.3095 10.295C17.188 12.2898 16.5731 14.6376 14.8376 15.9159L14.8376 15.9158ZM13.6161 10.6863C13.0638 10.1034 12.2437 9.87862 11.4805 10.1011L10.2019 7.88652C12.1769 7.02266 14.5112 7.65314 15.8057 9.42223L13.6161 10.6863Z",
|
|
436
464
|
fill: "#003A57"
|
|
437
465
|
})));
|
|
438
466
|
};
|
|
439
467
|
|
|
440
|
-
var _g$
|
|
468
|
+
var _g$1, _path$m, _path2$3, _path3$3, _path4$2, _path5$1, _path6$1, _path7$1, _path8$1, _path9$1, _path10$1, _path11$1;
|
|
441
469
|
|
|
442
|
-
function _extends$
|
|
470
|
+
function _extends$o() { _extends$o = Object.assign ? Object.assign.bind() : 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$o.apply(this, arguments); }
|
|
443
471
|
|
|
444
|
-
var
|
|
445
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
446
|
-
width:
|
|
472
|
+
var SvgCampaignExperiential = function SvgCampaignExperiential(props) {
|
|
473
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$o({
|
|
474
|
+
width: 25,
|
|
447
475
|
height: 24,
|
|
448
|
-
viewBox: "0 0
|
|
476
|
+
viewBox: "0 0 25 24",
|
|
449
477
|
fill: "none",
|
|
450
478
|
xmlns: "http://www.w3.org/2000/svg"
|
|
451
|
-
}, props), _g$
|
|
479
|
+
}, props), _g$1 || (_g$1 = /*#__PURE__*/React__namespace.createElement("g", {
|
|
452
480
|
opacity: 0.3
|
|
453
481
|
}, /*#__PURE__*/React__namespace.createElement("path", {
|
|
454
|
-
|
|
455
|
-
|
|
456
|
-
|
|
457
|
-
|
|
458
|
-
d: "M12.
|
|
459
|
-
fill: "#
|
|
460
|
-
|
|
461
|
-
})), _path2$7 || (_path2$7 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
482
|
+
d: "M12.1641 24C18.7915 24 24.1641 18.6274 24.1641 12C24.1641 5.37258 18.7915 0 12.1641 0C5.53665 0 0.164062 5.37258 0.164062 12C0.164062 18.6274 5.53665 24 12.1641 24Z",
|
|
483
|
+
fill: "#D3ECDB"
|
|
484
|
+
}))), _path$m || (_path$m = /*#__PURE__*/React__namespace.createElement("path", {
|
|
485
|
+
opacity: 0.8,
|
|
486
|
+
d: "M12.653 3.1964C8.84605 3.1964 5.76496 6.27748 5.76496 10.0844C5.76496 10.2596 5.76496 10.4347 5.7904 10.5854C5.46458 11.1861 4.98908 12.0129 4.41279 12.5138C3.98719 12.8896 4.08697 13.2907 4.13687 13.4404C4.26211 13.7662 4.61237 14.0411 5.18866 14.2417C5.38924 14.3171 5.61427 14.367 5.81485 14.4169L5.84028 16.8463C5.84028 17.7983 6.6416 18.625 7.61905 18.625L9.09645 18.1495L9.24713 19.0262C9.34693 19.6025 9.84787 20.0281 10.4496 20.0281C10.5249 20.0281 10.6003 20.0281 10.6746 20.0026L15.3084 19.1769C15.9845 19.0516 16.4101 18.4254 16.3103 17.7494L15.9845 16.1213C18.1634 14.9188 19.541 12.5891 19.541 10.0843C19.541 6.30267 16.4356 3.19629 12.6529 3.19629L12.653 3.1964Z",
|
|
487
|
+
fill: "#70C38A"
|
|
488
|
+
})), _path2$3 || (_path2$3 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
462
489
|
fillRule: "evenodd",
|
|
463
490
|
clipRule: "evenodd",
|
|
464
|
-
d: "M6.
|
|
465
|
-
fill: "#
|
|
466
|
-
})), _path3$
|
|
491
|
+
d: "M6.55859 10.7679V10.1211H8.23278V10.7679H6.55859Z",
|
|
492
|
+
fill: "#D3ECDB"
|
|
493
|
+
})), _path3$3 || (_path3$3 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
467
494
|
fillRule: "evenodd",
|
|
468
495
|
clipRule: "evenodd",
|
|
469
|
-
d: "M7.
|
|
470
|
-
fill: "#
|
|
471
|
-
})), _path4$
|
|
496
|
+
d: "M7.46563 13.6061L7.15234 13.0469L8.60113 12.1841L8.91441 12.7432L7.46563 13.6061Z",
|
|
497
|
+
fill: "#D3ECDB"
|
|
498
|
+
})), _path4$2 || (_path4$2 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
472
499
|
fillRule: "evenodd",
|
|
473
500
|
clipRule: "evenodd",
|
|
474
|
-
d: "M8.
|
|
475
|
-
fill: "#
|
|
476
|
-
})), _path5$
|
|
501
|
+
d: "M8.60113 8.70375L7.15234 7.84237L7.46563 7.2832L8.91441 8.14458L8.60113 8.70375Z",
|
|
502
|
+
fill: "#D3ECDB"
|
|
503
|
+
})), _path5$1 || (_path5$1 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
477
504
|
fillRule: "evenodd",
|
|
478
505
|
clipRule: "evenodd",
|
|
479
|
-
d: "M16.
|
|
480
|
-
fill: "#
|
|
481
|
-
})), _path6$
|
|
506
|
+
d: "M16.8472 7.2832L17.1605 7.84237L15.7117 8.70375L15.3984 8.14458L16.8472 7.2832Z",
|
|
507
|
+
fill: "#D3ECDB"
|
|
508
|
+
})), _path6$1 || (_path6$1 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
482
509
|
fillRule: "evenodd",
|
|
483
510
|
clipRule: "evenodd",
|
|
484
|
-
d: "M11.
|
|
485
|
-
fill: "#
|
|
486
|
-
})), _path7$
|
|
511
|
+
d: "M11.8438 4.68018H12.4718V6.40439H11.8438V4.68018Z",
|
|
512
|
+
fill: "#D3ECDB"
|
|
513
|
+
})), _path7$1 || (_path7$1 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
487
514
|
fillRule: "evenodd",
|
|
488
515
|
clipRule: "evenodd",
|
|
489
|
-
d: "M9.
|
|
490
|
-
fill: "#
|
|
491
|
-
})), _path8$
|
|
516
|
+
d: "M9.62746 5.29053L10.4653 6.78261L9.92232 7.10526L9.08594 5.61318L9.62746 5.29053Z",
|
|
517
|
+
fill: "#D3ECDB"
|
|
518
|
+
})), _path8$1 || (_path8$1 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
492
519
|
fillRule: "evenodd",
|
|
493
520
|
clipRule: "evenodd",
|
|
494
|
-
d: "M13.
|
|
495
|
-
fill: "#
|
|
496
|
-
})), _path9$
|
|
521
|
+
d: "M13.4669 12.9974V14.6224H12.8956L12.8971 15.2502H11.4129L11.4114 14.6224H10.843V12.9974C9.96978 12.5054 9.41406 11.5521 9.41406 10.5242C9.41406 8.96938 10.6445 7.70215 12.1543 7.70215C13.6669 7.70215 14.8973 8.96938 14.8973 10.5242C14.8959 11.5506 14.3388 12.504 13.467 12.9974H13.4669Z",
|
|
522
|
+
fill: "#D3ECDB"
|
|
523
|
+
})), _path9$1 || (_path9$1 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
497
524
|
fillRule: "evenodd",
|
|
498
525
|
clipRule: "evenodd",
|
|
499
|
-
d: "M14.
|
|
500
|
-
fill: "#
|
|
501
|
-
})), _path10$
|
|
526
|
+
d: "M14.3906 7.10672L13.8477 6.78407L14.684 5.29199L15.227 5.61464L14.3906 7.10672Z",
|
|
527
|
+
fill: "#D3ECDB"
|
|
528
|
+
})), _path10$1 || (_path10$1 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
502
529
|
fillRule: "evenodd",
|
|
503
530
|
clipRule: "evenodd",
|
|
504
|
-
d: "M16.
|
|
505
|
-
fill: "#
|
|
506
|
-
})), _path11$
|
|
531
|
+
d: "M16.8472 13.6066L15.3984 12.7437L15.7117 12.1846L17.1605 13.0474L16.8472 13.6066Z",
|
|
532
|
+
fill: "#D3ECDB"
|
|
533
|
+
})), _path11$1 || (_path11$1 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
507
534
|
fillRule: "evenodd",
|
|
508
535
|
clipRule: "evenodd",
|
|
509
|
-
d: "M17.
|
|
510
|
-
fill: "#
|
|
536
|
+
d: "M17.7523 10.7684H16.0781V10.1216H17.7523V10.7684Z",
|
|
537
|
+
fill: "#D3ECDB"
|
|
511
538
|
})));
|
|
512
539
|
};
|
|
513
540
|
|
|
514
|
-
var
|
|
541
|
+
var _path$l, _path2$2, _path3$2, _path4$1;
|
|
515
542
|
|
|
516
|
-
function _extends$
|
|
543
|
+
function _extends$n() { _extends$n = Object.assign ? Object.assign.bind() : 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$n.apply(this, arguments); }
|
|
517
544
|
|
|
518
|
-
var
|
|
519
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
520
|
-
width:
|
|
521
|
-
height:
|
|
522
|
-
viewBox: "0 0
|
|
545
|
+
var SvgCampaignCompleted = function SvgCampaignCompleted(props) {
|
|
546
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$n({
|
|
547
|
+
width: 24,
|
|
548
|
+
height: 24,
|
|
549
|
+
viewBox: "0 0 24 24",
|
|
523
550
|
fill: "none",
|
|
524
551
|
xmlns: "http://www.w3.org/2000/svg"
|
|
525
|
-
}, props),
|
|
526
|
-
|
|
527
|
-
cy: 16,
|
|
528
|
-
r: 16,
|
|
552
|
+
}, props), _path$l || (_path$l = /*#__PURE__*/React__namespace.createElement("path", {
|
|
553
|
+
d: "M0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12Z",
|
|
529
554
|
fill: "#F8F9F9"
|
|
530
|
-
})),
|
|
531
|
-
d: "
|
|
555
|
+
})), _path2$2 || (_path2$2 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
556
|
+
d: "M20.6953 5.73905C21.0148 5.41953 21.0148 4.90149 20.6953 4.58197C20.3758 4.26245 19.8577 4.26245 19.5382 4.58197L11.88 12.2402L10.0849 9.95981C9.80539 9.60476 9.29098 9.54352 8.93593 9.82303C8.58088 10.1025 8.51963 10.6169 8.79914 10.972L11.1642 13.9763C11.3089 14.16 11.5252 14.2731 11.7586 14.2869C11.9921 14.3008 12.2203 14.2141 12.3856 14.0487L20.6953 5.73905Z",
|
|
532
557
|
fill: "#27DD70"
|
|
533
|
-
})),
|
|
534
|
-
d: "
|
|
558
|
+
})), _path3$2 || (_path3$2 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
559
|
+
d: "M3 12C3 7.02944 7.02944 3 12 3C13.3602 3 14.6521 3.3023 15.8102 3.84415C16.2195 4.03565 16.396 4.52268 16.2045 4.93196C16.013 5.34125 15.526 5.5178 15.1167 5.3263C14.1712 4.88391 13.1156 4.63636 12 4.63636C7.93318 4.63636 4.63636 7.93318 4.63636 12C4.63636 16.0668 7.93318 19.3636 12 19.3636C16.0668 19.3636 19.3636 16.0668 19.3636 12C19.3636 11.3631 19.283 10.7462 19.1317 10.1585C19.0191 9.72084 19.2826 9.27479 19.7202 9.16218C20.1578 9.04957 20.6038 9.31303 20.7165 9.75064C20.9017 10.4705 21 11.2243 21 12C21 16.9705 16.9705 21 12 21C7.02944 21 3 16.9705 3 12Z",
|
|
535
560
|
fill: "#27DD70"
|
|
536
|
-
})),
|
|
537
|
-
d: "
|
|
561
|
+
})), _path4$1 || (_path4$1 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
562
|
+
d: "M20.6953 5.73905C21.0148 5.41953 21.0148 4.90149 20.6953 4.58197C20.3758 4.26245 19.8577 4.26245 19.5382 4.58197L11.88 12.2402L10.0849 9.95981C9.80539 9.60476 9.29098 9.54352 8.93593 9.82303C8.58088 10.1025 8.51963 10.6169 8.79914 10.972L11.1642 13.9763C11.3089 14.16 11.5252 14.2731 11.7586 14.2869C11.9921 14.3008 12.2203 14.2141 12.3856 14.0487L20.6953 5.73905Z",
|
|
538
563
|
fill: "#158944"
|
|
539
564
|
})));
|
|
540
565
|
};
|
|
541
566
|
|
|
542
|
-
var
|
|
567
|
+
var _path$k, _path2$1, _path3$1, _path4, _path5, _path6, _path7, _path8, _path9, _path10, _path11;
|
|
543
568
|
|
|
544
|
-
function _extends$
|
|
569
|
+
function _extends$m() { _extends$m = Object.assign ? Object.assign.bind() : 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$m.apply(this, arguments); }
|
|
545
570
|
|
|
546
|
-
var
|
|
547
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
548
|
-
width:
|
|
549
|
-
height:
|
|
550
|
-
viewBox: "0 0
|
|
571
|
+
var SvgCampaignProgress = function SvgCampaignProgress(props) {
|
|
572
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$m({
|
|
573
|
+
width: 24,
|
|
574
|
+
height: 24,
|
|
575
|
+
viewBox: "0 0 24 24",
|
|
551
576
|
fill: "none",
|
|
552
577
|
xmlns: "http://www.w3.org/2000/svg"
|
|
553
|
-
}, props),
|
|
554
|
-
|
|
555
|
-
cy: 16,
|
|
556
|
-
r: 16,
|
|
578
|
+
}, props), _path$k || (_path$k = /*#__PURE__*/React__namespace.createElement("path", {
|
|
579
|
+
d: "M0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12Z",
|
|
557
580
|
fill: "#F8F9F9"
|
|
558
|
-
})),
|
|
559
|
-
d: "
|
|
581
|
+
})), _path2$1 || (_path2$1 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
582
|
+
d: "M13.059 16.7647C13.059 16.1799 12.585 15.7059 12.0002 15.7059C11.4154 15.7059 10.9414 16.1799 10.9414 16.7647V19.9412C10.9414 20.5259 11.4154 21 12.0002 21C12.585 21 13.059 20.5259 13.059 19.9412V16.7647Z",
|
|
560
583
|
fill: "#D1820A"
|
|
561
|
-
})),
|
|
562
|
-
d: "
|
|
584
|
+
})), _path3$1 || (_path3$1 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
585
|
+
d: "M16.1149 14.6183C15.7014 14.2048 15.031 14.2048 14.6175 14.6183C14.204 15.0318 14.204 15.7022 14.6175 16.1157L16.8649 18.3631C17.2783 18.7766 17.9488 18.7766 18.3623 18.3631C18.7757 17.9496 18.7757 17.2792 18.3623 16.8657L16.1149 14.6183Z",
|
|
563
586
|
fill: "#D1820A"
|
|
564
|
-
})),
|
|
565
|
-
d: "
|
|
587
|
+
})), _path4 || (_path4 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
588
|
+
d: "M16.7649 10.9412C16.1802 10.9412 15.7061 11.4152 15.7061 12C15.7061 12.5848 16.1802 13.0588 16.7649 13.0588H19.9414C20.5262 13.0588 21.0002 12.5848 21.0002 12C21.0002 11.4152 20.5262 10.9412 19.9414 10.9412H16.7649Z",
|
|
566
589
|
fill: "#D1820A"
|
|
567
|
-
})),
|
|
568
|
-
d: "
|
|
590
|
+
})), _path5 || (_path5 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
591
|
+
d: "M9.38105 14.6183C9.79455 15.0318 9.79455 15.7022 9.38105 16.1157L7.1337 18.3631C6.7202 18.7766 6.04979 18.7766 5.63629 18.3631C5.2228 17.9496 5.2228 17.2792 5.63629 16.8657L7.88365 14.6183C8.29714 14.2048 8.96756 14.2048 9.38105 14.6183Z",
|
|
569
592
|
fill: "#D1820A"
|
|
570
|
-
})),
|
|
571
|
-
d: "
|
|
593
|
+
})), _path6 || (_path6 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
594
|
+
d: "M16.1149 14.6183C15.7014 14.2048 15.031 14.2048 14.6175 14.6183C14.204 15.0318 14.204 15.7022 14.6175 16.1157L16.8649 18.3631C17.2783 18.7766 17.9488 18.7766 18.3623 18.3631C18.7757 17.9496 18.7757 17.2792 18.3623 16.8657L16.1149 14.6183Z",
|
|
572
595
|
fill: "#FBE1AC"
|
|
573
|
-
})),
|
|
574
|
-
d: "
|
|
596
|
+
})), _path7 || (_path7 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
597
|
+
d: "M16.7649 10.9412C16.1802 10.9412 15.7061 11.4152 15.7061 12C15.7061 12.5848 16.1802 13.0588 16.7649 13.0588H19.9414C20.5262 13.0588 21.0002 12.5848 21.0002 12C21.0002 11.4152 20.5262 10.9412 19.9414 10.9412H16.7649Z",
|
|
575
598
|
fill: "#FBE1AC"
|
|
576
|
-
})),
|
|
577
|
-
d: "
|
|
599
|
+
})), _path8 || (_path8 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
600
|
+
d: "M12 3C12.5848 3 13.0588 3.47405 13.0588 4.05882V7.23529C13.0588 7.82007 12.5848 8.29412 12 8.29412C11.4152 8.29412 10.9412 7.82007 10.9412 7.23529V4.05882C10.9412 3.47405 11.4152 3 12 3Z",
|
|
578
601
|
fill: "#F7BF50"
|
|
579
|
-
})),
|
|
580
|
-
d: "
|
|
602
|
+
})), _path9 || (_path9 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
603
|
+
d: "M5.63607 5.63685C6.04957 5.22335 6.71998 5.22335 7.13348 5.63685L9.38083 7.8842C9.79433 8.2977 9.79433 8.96811 9.38083 9.3816C8.96734 9.7951 8.29693 9.7951 7.88343 9.38161L5.63608 7.13425C5.22258 6.72076 5.22258 6.05035 5.63607 5.63685Z",
|
|
581
604
|
fill: "#F7BF50"
|
|
582
|
-
})),
|
|
583
|
-
d: "
|
|
605
|
+
})), _path10 || (_path10 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
606
|
+
d: "M3 12C3 11.4152 3.47405 10.9412 4.05882 10.9412H7.23529C7.82007 10.9412 8.29412 11.4152 8.29412 12C8.29412 12.5848 7.82007 13.0588 7.23529 13.0588H4.05882C3.47405 13.0588 3 12.5848 3 12Z",
|
|
584
607
|
fill: "#F7BF50"
|
|
585
|
-
})),
|
|
586
|
-
d: "
|
|
608
|
+
})), _path11 || (_path11 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
609
|
+
d: "M18.362 7.13425C18.7755 6.72076 18.7755 6.05035 18.362 5.63685C17.9485 5.22335 17.2781 5.22335 16.8646 5.63685L14.6173 7.8842C14.2038 8.2977 14.2038 8.96811 14.6173 9.3816C15.0308 9.7951 15.7012 9.7951 16.1147 9.38161L18.362 7.13425Z",
|
|
587
610
|
fill: "#F7BF50"
|
|
588
611
|
})));
|
|
589
612
|
};
|
|
590
613
|
|
|
591
|
-
var
|
|
614
|
+
var _path$j, _path2, _path3;
|
|
592
615
|
|
|
593
|
-
function _extends$
|
|
616
|
+
function _extends$l() { _extends$l = Object.assign ? Object.assign.bind() : 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$l.apply(this, arguments); }
|
|
594
617
|
|
|
595
|
-
var
|
|
596
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
597
|
-
width:
|
|
598
|
-
height:
|
|
599
|
-
viewBox: "0 0
|
|
618
|
+
var SvgCampaignIncoming = function SvgCampaignIncoming(props) {
|
|
619
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$l({
|
|
620
|
+
width: 24,
|
|
621
|
+
height: 24,
|
|
622
|
+
viewBox: "0 0 24 24",
|
|
600
623
|
fill: "none",
|
|
601
624
|
xmlns: "http://www.w3.org/2000/svg"
|
|
602
|
-
}, props),
|
|
603
|
-
|
|
604
|
-
cy: 16,
|
|
605
|
-
r: 16,
|
|
625
|
+
}, props), _path$j || (_path$j = /*#__PURE__*/React__namespace.createElement("path", {
|
|
626
|
+
d: "M0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12Z",
|
|
606
627
|
fill: "#F8F9F9"
|
|
607
|
-
})),
|
|
608
|
-
d: "
|
|
628
|
+
})), _path2 || (_path2 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
629
|
+
d: "M11.2266 13.0313H14.997M11.2266 9.26075V13.0313V9.26075ZM11.2266 13.0313L20.121 5.03906L11.2266 13.0313Z",
|
|
609
630
|
stroke: "#1371D6",
|
|
610
631
|
strokeWidth: 1.5,
|
|
611
632
|
strokeLinecap: "round",
|
|
612
633
|
strokeLinejoin: "round"
|
|
613
|
-
})),
|
|
614
|
-
d: "
|
|
634
|
+
})), _path3 || (_path3 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
635
|
+
d: "M15.4918 4.52344C14.4312 4.02722 13.2477 3.75 11.9995 3.75C7.4431 3.75 3.74945 7.44365 3.74945 12C3.74945 16.5563 7.4431 20.25 11.9995 20.25C16.5558 20.25 20.2495 16.5563 20.2495 12C20.2495 11.2878 20.1592 10.5968 19.9896 9.9375",
|
|
615
636
|
stroke: "#3091EC",
|
|
616
637
|
strokeWidth: 1.5,
|
|
617
638
|
strokeLinecap: "round",
|
|
@@ -619,7 +640,10 @@ var SvgArrivalStatusRoundIcon = function SvgArrivalStatusRoundIcon(props) {
|
|
|
619
640
|
})));
|
|
620
641
|
};
|
|
621
642
|
|
|
622
|
-
var UgSkeleton = styled__default["default"](reactLoaders.Skeleton)(templateObject_1$
|
|
643
|
+
var UgSkeleton = styled__default["default"](reactLoaders.Skeleton)(templateObject_1$V || (templateObject_1$V = __makeTemplateObject(["\n border-radius: ", ";\n ", "\n"], ["\n border-radius: ", ";\n ", "\n"])), function (props) { return props.theme.borderRadii.xxl; }, function (props) {
|
|
644
|
+
return props.isLight ?
|
|
645
|
+
"\n &:before {\n background-image: linear-gradient(45deg, transparent, ".concat(props.theme.palette.grey[200], ", transparent);\n }\n ") : "\n background-color: ".concat(props.theme.palette.grey[200], ";\n ");
|
|
646
|
+
});
|
|
623
647
|
/**
|
|
624
648
|
* A Skeleton loader shows users a blank version of a page or section of a page into which content is gradually loaded. It provides a visual estimate of the space needed.
|
|
625
649
|
* <hr>
|
|
@@ -634,13 +658,13 @@ var UgSkeleton = styled__default["default"](reactLoaders.Skeleton)(templateObjec
|
|
|
634
658
|
- To communicate a typing status, use Inline instead
|
|
635
659
|
*/
|
|
636
660
|
var Skeleton = function (props) { return jsxRuntime.jsx(UgSkeleton, __assign({}, props)); };
|
|
637
|
-
var templateObject_1$
|
|
661
|
+
var templateObject_1$V;
|
|
638
662
|
|
|
639
663
|
var CampaignCardSkeleton = function () {
|
|
640
664
|
return (jsxRuntime.jsxs(Wrapper$1, { children: [jsxRuntime.jsx(CardHeader$2, { children: jsxRuntime.jsx(Skeleton, { width: "30%" }) }), jsxRuntime.jsxs(CardBody$3, { children: [jsxRuntime.jsx(Skeleton, { height: "18px", width: "50%" }), jsxRuntime.jsx("br", {}), jsxRuntime.jsx(Skeleton, { height: "26px", style: { backgroundColor: theme.palette.blue[400] } })] }), jsxRuntime.jsx(Divider$3, {}), jsxRuntime.jsxs(CardFooter$3, { children: [jsxRuntime.jsx(Skeleton, { height: "18px", width: "45%" }), " ", jsxRuntime.jsx(Skeleton, { width: "26px", height: "26px", style: { borderRadius: "100%" } })] })] }));
|
|
641
665
|
};
|
|
642
666
|
|
|
643
|
-
var flexCenter = styled.css(templateObject_1$
|
|
667
|
+
var flexCenter = styled.css(templateObject_1$U || (templateObject_1$U = __makeTemplateObject(["\n display: flex;\n align-items: center;\n"], ["\n display: flex;\n align-items: center;\n"])));
|
|
644
668
|
var flexColumnCenter = styled.css(templateObject_2$o || (templateObject_2$o = __makeTemplateObject(["\n ", ";\n flex-direction: column;\n"], ["\n ", ";\n flex-direction: column;\n"])), flexCenter);
|
|
645
669
|
var flexStart = styled.css(templateObject_3$h || (templateObject_3$h = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n align-items: ", ";\n"], ["\n display: flex;\n flex-direction: column;\n align-items: ", ";\n"])), function (_a) {
|
|
646
670
|
var theme = _a.theme;
|
|
@@ -659,31 +683,31 @@ var cardStyle = styled.css(templateObject_4$d || (templateObject_4$d = __makeTem
|
|
|
659
683
|
var theme = _a.theme;
|
|
660
684
|
return theme.shadows.boxShadow(theme);
|
|
661
685
|
});
|
|
662
|
-
var templateObject_1$
|
|
686
|
+
var templateObject_1$U, templateObject_2$o, templateObject_3$h, templateObject_4$d;
|
|
663
687
|
|
|
664
688
|
var getStatusIcon = function (status) {
|
|
665
689
|
switch (status) {
|
|
666
690
|
case "COMPLETED":
|
|
667
|
-
return
|
|
691
|
+
return SvgCampaignCompleted;
|
|
668
692
|
case "PROGRESS":
|
|
669
|
-
return
|
|
693
|
+
return SvgCampaignProgress;
|
|
670
694
|
case "INCOMING":
|
|
671
|
-
return
|
|
695
|
+
return SvgCampaignIncoming;
|
|
672
696
|
default:
|
|
673
|
-
return
|
|
697
|
+
return SvgCampaignProgress;
|
|
674
698
|
}
|
|
675
699
|
};
|
|
676
700
|
var getTypeDataIcon = function (type) {
|
|
677
701
|
switch (type) {
|
|
678
702
|
case "EXPERIENTIAL":
|
|
679
|
-
return
|
|
703
|
+
return SvgCampaignExperiential;
|
|
680
704
|
case "FUNCTIONAL":
|
|
681
|
-
return
|
|
705
|
+
return SvgCampaignFunctional;
|
|
682
706
|
default:
|
|
683
|
-
return
|
|
707
|
+
return SvgCampaignFunctional;
|
|
684
708
|
}
|
|
685
709
|
};
|
|
686
|
-
var Wrapper$1 = styled__default["default"](Card)(templateObject_1$
|
|
710
|
+
var Wrapper$1 = styled__default["default"](Card)(templateObject_1$T || (templateObject_1$T = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), cardStyle);
|
|
687
711
|
var StyledTag$2 = styled__default["default"](Tag)(templateObject_2$n || (templateObject_2$n = __makeTemplateObject(["\n color: ", ";\n max-width: 75%;\n cursor: pointer;\n"], ["\n color: ", ";\n max-width: 75%;\n cursor: pointer;\n"])), function (_a) {
|
|
688
712
|
var theme = _a.theme;
|
|
689
713
|
return theme.palette.grey["700"];
|
|
@@ -745,9 +769,9 @@ var CampaignCard = function (props) {
|
|
|
745
769
|
}
|
|
746
770
|
return props.isLoading ? (jsxRuntime.jsx(CampaignCardSkeleton, {})) : (jsxRuntime.jsxs(Wrapper$1, __assign({}, props, { children: [jsxRuntime.jsxs(CardHeader$2, { children: [jsxRuntime.jsx(StyledLabel$2, __assign({ isRegular: true }, { children: date })), isNew && (jsxRuntime.jsx(StyledTagNew$1, __assign({ hue: theme.palette.fuschia["600"], isPill: true, size: "medium", title: labelNew ? labelNew : "New!" }, { children: labelNew ? labelNew : "New!" })))] }), jsxRuntime.jsxs(CardBody$3, { children: [jsxRuntime.jsx(StyledLabel$2, __assign({ isRegular: true }, { children: projectTitleCut })), jsxRuntime.jsx(StyledTitleLabel$1, __assign({ isRegular: true }, { children: campaignTitleCut }))] }), jsxRuntime.jsx(Divider$3, {}), jsxRuntime.jsxs(CardFooter$3, { children: [props.pillText && (jsxRuntime.jsxs(StyledTag$2, __assign({ size: "large", isPill: true, isRegular: true, hue: theme.palette.grey[100] }, { children: [jsxRuntime.jsx(Tag.Avatar, { children: jsxRuntime.jsx(PillIcon, {}) }), props.pillText] }))), jsxRuntime.jsx(StatusIcon, {})] })] })));
|
|
747
771
|
};
|
|
748
|
-
var templateObject_1$
|
|
772
|
+
var templateObject_1$T, templateObject_2$n, templateObject_3$g, templateObject_4$c, templateObject_5$7, templateObject_6$4, templateObject_7$3, templateObject_8$3, templateObject_9$2;
|
|
749
773
|
|
|
750
|
-
var Wrapper = styled__default["default"](Card)(templateObject_1$
|
|
774
|
+
var Wrapper = styled__default["default"](Card)(templateObject_1$S || (templateObject_1$S = __makeTemplateObject(["\n border-radius: ", ";\n padding: ", ";\n border: 1px solid ", ";\n display: flex;\n flex-direction: column;\n\n &:hover {\n box-shadow: ", ";\n }\n"], ["\n border-radius: ", ";\n padding: ", ";\n border: 1px solid ", ";\n display: flex;\n flex-direction: column;\n\n &:hover {\n box-shadow: ", ";\n }\n"])), function (_a) {
|
|
751
775
|
var theme = _a.theme;
|
|
752
776
|
return theme.borderRadii.lg;
|
|
753
777
|
}, function (_a) {
|
|
@@ -808,7 +832,7 @@ var ProductCard = function (props) {
|
|
|
808
832
|
}
|
|
809
833
|
return props.isLoading ? (jsxRuntime.jsx(CampaignCardSkeleton, {})) : (jsxRuntime.jsxs(Wrapper, __assign({}, props, { children: [jsxRuntime.jsxs(CardBody$2, __assign({ onClick: props.onCtaClick }, { children: [isNew && (jsxRuntime.jsx(StyledTagNew, __assign({ hue: theme.palette.fuschia["600"], isPill: true, size: "medium", title: labelNew ? labelNew : "New!" }, { children: labelNew ? labelNew : "New!" }))), props.icon && jsxRuntime.jsx(IconContainer$2, { children: props.icon }), props.preTitle && (jsxRuntime.jsx(StyledLabel$1, __assign({ isRegular: true }, { children: props.preTitle }))), jsxRuntime.jsx(StyledTitleLabel, __assign({ isRegular: true }, { children: productTitleCut }))] })), jsxRuntime.jsx(Divider$2, {}), jsxRuntime.jsx(CardFooter$2, { children: jsxRuntime.jsx(Button, __assign({ isPill: true, isPrimary: true, onClick: props.onCtaClick }, { children: props.ctaLabel })) })] })));
|
|
810
834
|
};
|
|
811
|
-
var templateObject_1$
|
|
835
|
+
var templateObject_1$S, templateObject_2$m, templateObject_3$f, templateObject_4$b, templateObject_5$6, templateObject_6$3, templateObject_7$2, templateObject_8$2;
|
|
812
836
|
|
|
813
837
|
/**
|
|
814
838
|
* Type components come in small, medium, large, extra-large, extra-extra-large, and extra-extra-extra-large.
|
|
@@ -820,7 +844,7 @@ var XL = function (props) { return jsxRuntime.jsx(reactTypography.XL, __assign({
|
|
|
820
844
|
var XXL = function (props) { return jsxRuntime.jsx(reactTypography.XXL, __assign({}, props)); };
|
|
821
845
|
var XXXL = function (props) { return jsxRuntime.jsx(reactTypography.XXXL, __assign({}, props)); };
|
|
822
846
|
|
|
823
|
-
var ServiceSubtitle = styled__default["default"](SM)(templateObject_1$
|
|
847
|
+
var ServiceSubtitle = styled__default["default"](SM)(templateObject_1$R || (templateObject_1$R = __makeTemplateObject(["\n color: ", ";\n margin-bottom: ", "px;\n"], ["\n color: ", ";\n margin-bottom: ", "px;\n"])), function (_a) {
|
|
824
848
|
var theme = _a.theme;
|
|
825
849
|
return theme.palette.grey[500];
|
|
826
850
|
}, function (_a) {
|
|
@@ -894,9 +918,9 @@ var StyledCard$3 = styled__default["default"](Card)(templateObject_14 || (templa
|
|
|
894
918
|
var ServiceCard = function (props) {
|
|
895
919
|
return (jsxRuntime.jsxs(StyledCard$3, __assign({}, props, { children: [props.isHoverable && (jsxRuntime.jsxs(HoverBody, { children: [jsxRuntime.jsxs(HoverMetaContainer, { children: [props.hoverTitle && (jsxRuntime.jsx(ServiceTitle, { children: props.hoverTitle })), props.hoverSubtitle && (jsxRuntime.jsx(ServiceSubtitle, { children: props.hoverSubtitle }))] }), props.hoverButtons && (jsxRuntime.jsx(ButtonsWrap$1, { children: props.hoverButtons.map(function (button, index) { return (button); }) }))] })), jsxRuntime.jsxs(CardContent$1, { children: [jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [props.serviceIcon && (jsxRuntime.jsx(CardHeader$1, { children: jsxRuntime.jsx(IconContainer$1, { children: props.serviceIcon }) })), jsxRuntime.jsxs(CardBody$1, { children: [props.serviceSubtitle && (jsxRuntime.jsx(ServiceSubtitle, { children: props.serviceSubtitle })), props.serviceTitle && (jsxRuntime.jsx(ServiceTitle, { children: props.serviceTitle }))] })] }), props.tags && (jsxRuntime.jsxs(FooterContent$1, { children: [jsxRuntime.jsx(Divider$1, {}), jsxRuntime.jsx(CardFooter$1, { children: props.tags.map(function (tag, index) { return (jsxRuntime.jsxs(StyledTag$1, __assign({ size: "large", isPill: true, isRegular: true, hue: theme.palette.grey[100] }, { children: [jsxRuntime.jsx(StyledTag$1.Avatar, { children: tag.icon }), tag.label] }), index)); }) })] }))] })] })));
|
|
896
920
|
};
|
|
897
|
-
var templateObject_1$
|
|
921
|
+
var templateObject_1$R, templateObject_2$l, templateObject_3$e, templateObject_4$a, templateObject_5$5, templateObject_6$2, templateObject_7$1, templateObject_8$1, templateObject_9$1, templateObject_10$1, templateObject_11$1, templateObject_12, templateObject_13, templateObject_14;
|
|
898
922
|
|
|
899
|
-
var StyledCard$2 = styled__default["default"](Card)(templateObject_1$
|
|
923
|
+
var StyledCard$2 = styled__default["default"](Card)(templateObject_1$Q || (templateObject_1$Q = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), cardStyle);
|
|
900
924
|
var CardContent = styled__default["default"].div(templateObject_2$k || (templateObject_2$k = __makeTemplateObject(["\n z-index: 1;\n display: flex;\n align-items: flex-start;\n flex-direction: column;\n justify-content: flex-start;\n flex-grow: 1;\n"], ["\n z-index: 1;\n display: flex;\n align-items: flex-start;\n flex-direction: column;\n justify-content: flex-start;\n flex-grow: 1;\n"])));
|
|
901
925
|
var FooterContent = styled__default["default"].div(templateObject_3$d || (templateObject_3$d = __makeTemplateObject(["\n padding-top: ", ";\n margin-top: auto;\n width: 100%;\n"], ["\n padding-top: ", ";\n margin-top: auto;\n width: 100%;\n"])), function (_a) {
|
|
902
926
|
var theme = _a.theme;
|
|
@@ -943,211 +967,20 @@ var InfoTitle = styled__default["default"](LG)(templateObject_11 || (templateObj
|
|
|
943
967
|
var InfoCard = function (props) {
|
|
944
968
|
return (jsxRuntime.jsx(StyledCard$2, __assign({}, props, { children: jsxRuntime.jsxs(CardContent, { children: [jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [props.infoImg && (jsxRuntime.jsx(CardHeader, { children: jsxRuntime.jsx(ImgContainer, { children: props.infoImg }) })), jsxRuntime.jsxs(CardBody, { children: [props.infoSubtitle && (jsxRuntime.jsx(InfoSubtitle, { children: props.infoSubtitle })), props.infoTitle && (jsxRuntime.jsx(InfoTitle, { children: props.infoTitle }))] })] }), props.infoButtons && (jsxRuntime.jsxs(FooterContent, { children: [jsxRuntime.jsx(Divider, {}), jsxRuntime.jsx(CardFooter, { children: props.infoButtons && (jsxRuntime.jsx(ButtonsWrap, { children: props.infoButtons.map(function (button, index) { return (button); }) })) })] }))] }) })));
|
|
945
969
|
};
|
|
946
|
-
var templateObject_1$
|
|
970
|
+
var templateObject_1$Q, templateObject_2$k, templateObject_3$d, templateObject_4$9, templateObject_5$4, templateObject_6$1, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11;
|
|
947
971
|
|
|
972
|
+
var UgClose = styled__default["default"](reactNotifications.Close)(templateObject_1$P || (templateObject_1$P = __makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: center;\n width: ", ";\n height: ", ";\n"], ["\n display: flex;\n align-items: center;\n justify-content: center;\n width: ", ";\n height: ", ";\n"])), function (_a) {
|
|
973
|
+
var theme = _a.theme;
|
|
974
|
+
return theme.space.xl;
|
|
975
|
+
}, function (_a) {
|
|
976
|
+
var theme = _a.theme;
|
|
977
|
+
return theme.space.xl;
|
|
978
|
+
});
|
|
948
979
|
/**
|
|
949
980
|
* Title is a basic component used to display a title. Often used in card headers.
|
|
950
981
|
*/
|
|
951
|
-
var Close = function (props) { return jsxRuntime.jsx(
|
|
952
|
-
|
|
953
|
-
var _path$n, _path2$3, _path3$3, _path4$2;
|
|
954
|
-
|
|
955
|
-
function _extends$p() { _extends$p = Object.assign ? Object.assign.bind() : 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$p.apply(this, arguments); }
|
|
956
|
-
|
|
957
|
-
var SvgCampaignCompleted = function SvgCampaignCompleted(props) {
|
|
958
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$p({
|
|
959
|
-
width: 24,
|
|
960
|
-
height: 24,
|
|
961
|
-
viewBox: "0 0 24 24",
|
|
962
|
-
fill: "none",
|
|
963
|
-
xmlns: "http://www.w3.org/2000/svg"
|
|
964
|
-
}, props), _path$n || (_path$n = /*#__PURE__*/React__namespace.createElement("path", {
|
|
965
|
-
d: "M0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12Z",
|
|
966
|
-
fill: "#F8F9F9"
|
|
967
|
-
})), _path2$3 || (_path2$3 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
968
|
-
d: "M20.6953 5.73905C21.0148 5.41953 21.0148 4.90149 20.6953 4.58197C20.3758 4.26245 19.8577 4.26245 19.5382 4.58197L11.88 12.2402L10.0849 9.95981C9.80539 9.60476 9.29098 9.54352 8.93593 9.82303C8.58088 10.1025 8.51963 10.6169 8.79914 10.972L11.1642 13.9763C11.3089 14.16 11.5252 14.2731 11.7586 14.2869C11.9921 14.3008 12.2203 14.2141 12.3856 14.0487L20.6953 5.73905Z",
|
|
969
|
-
fill: "#27DD70"
|
|
970
|
-
})), _path3$3 || (_path3$3 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
971
|
-
d: "M3 12C3 7.02944 7.02944 3 12 3C13.3602 3 14.6521 3.3023 15.8102 3.84415C16.2195 4.03565 16.396 4.52268 16.2045 4.93196C16.013 5.34125 15.526 5.5178 15.1167 5.3263C14.1712 4.88391 13.1156 4.63636 12 4.63636C7.93318 4.63636 4.63636 7.93318 4.63636 12C4.63636 16.0668 7.93318 19.3636 12 19.3636C16.0668 19.3636 19.3636 16.0668 19.3636 12C19.3636 11.3631 19.283 10.7462 19.1317 10.1585C19.0191 9.72084 19.2826 9.27479 19.7202 9.16218C20.1578 9.04957 20.6038 9.31303 20.7165 9.75064C20.9017 10.4705 21 11.2243 21 12C21 16.9705 16.9705 21 12 21C7.02944 21 3 16.9705 3 12Z",
|
|
972
|
-
fill: "#27DD70"
|
|
973
|
-
})), _path4$2 || (_path4$2 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
974
|
-
d: "M20.6953 5.73905C21.0148 5.41953 21.0148 4.90149 20.6953 4.58197C20.3758 4.26245 19.8577 4.26245 19.5382 4.58197L11.88 12.2402L10.0849 9.95981C9.80539 9.60476 9.29098 9.54352 8.93593 9.82303C8.58088 10.1025 8.51963 10.6169 8.79914 10.972L11.1642 13.9763C11.3089 14.16 11.5252 14.2731 11.7586 14.2869C11.9921 14.3008 12.2203 14.2141 12.3856 14.0487L20.6953 5.73905Z",
|
|
975
|
-
fill: "#158944"
|
|
976
|
-
})));
|
|
977
|
-
};
|
|
978
|
-
|
|
979
|
-
var _path$m, _path2$2, _path3$2, _path4$1, _path5$1, _path6$1, _path7$1, _path8$1, _path9$1, _path10$1, _path11$1;
|
|
980
|
-
|
|
981
|
-
function _extends$o() { _extends$o = Object.assign ? Object.assign.bind() : 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$o.apply(this, arguments); }
|
|
982
|
-
|
|
983
|
-
var SvgCampaignProgress = function SvgCampaignProgress(props) {
|
|
984
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$o({
|
|
985
|
-
width: 24,
|
|
986
|
-
height: 24,
|
|
987
|
-
viewBox: "0 0 24 24",
|
|
988
|
-
fill: "none",
|
|
989
|
-
xmlns: "http://www.w3.org/2000/svg"
|
|
990
|
-
}, props), _path$m || (_path$m = /*#__PURE__*/React__namespace.createElement("path", {
|
|
991
|
-
d: "M0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12Z",
|
|
992
|
-
fill: "#F8F9F9"
|
|
993
|
-
})), _path2$2 || (_path2$2 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
994
|
-
d: "M13.059 16.7647C13.059 16.1799 12.585 15.7059 12.0002 15.7059C11.4154 15.7059 10.9414 16.1799 10.9414 16.7647V19.9412C10.9414 20.5259 11.4154 21 12.0002 21C12.585 21 13.059 20.5259 13.059 19.9412V16.7647Z",
|
|
995
|
-
fill: "#D1820A"
|
|
996
|
-
})), _path3$2 || (_path3$2 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
997
|
-
d: "M16.1149 14.6183C15.7014 14.2048 15.031 14.2048 14.6175 14.6183C14.204 15.0318 14.204 15.7022 14.6175 16.1157L16.8649 18.3631C17.2783 18.7766 17.9488 18.7766 18.3623 18.3631C18.7757 17.9496 18.7757 17.2792 18.3623 16.8657L16.1149 14.6183Z",
|
|
998
|
-
fill: "#D1820A"
|
|
999
|
-
})), _path4$1 || (_path4$1 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1000
|
-
d: "M16.7649 10.9412C16.1802 10.9412 15.7061 11.4152 15.7061 12C15.7061 12.5848 16.1802 13.0588 16.7649 13.0588H19.9414C20.5262 13.0588 21.0002 12.5848 21.0002 12C21.0002 11.4152 20.5262 10.9412 19.9414 10.9412H16.7649Z",
|
|
1001
|
-
fill: "#D1820A"
|
|
1002
|
-
})), _path5$1 || (_path5$1 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1003
|
-
d: "M9.38105 14.6183C9.79455 15.0318 9.79455 15.7022 9.38105 16.1157L7.1337 18.3631C6.7202 18.7766 6.04979 18.7766 5.63629 18.3631C5.2228 17.9496 5.2228 17.2792 5.63629 16.8657L7.88365 14.6183C8.29714 14.2048 8.96756 14.2048 9.38105 14.6183Z",
|
|
1004
|
-
fill: "#D1820A"
|
|
1005
|
-
})), _path6$1 || (_path6$1 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1006
|
-
d: "M16.1149 14.6183C15.7014 14.2048 15.031 14.2048 14.6175 14.6183C14.204 15.0318 14.204 15.7022 14.6175 16.1157L16.8649 18.3631C17.2783 18.7766 17.9488 18.7766 18.3623 18.3631C18.7757 17.9496 18.7757 17.2792 18.3623 16.8657L16.1149 14.6183Z",
|
|
1007
|
-
fill: "#FBE1AC"
|
|
1008
|
-
})), _path7$1 || (_path7$1 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1009
|
-
d: "M16.7649 10.9412C16.1802 10.9412 15.7061 11.4152 15.7061 12C15.7061 12.5848 16.1802 13.0588 16.7649 13.0588H19.9414C20.5262 13.0588 21.0002 12.5848 21.0002 12C21.0002 11.4152 20.5262 10.9412 19.9414 10.9412H16.7649Z",
|
|
1010
|
-
fill: "#FBE1AC"
|
|
1011
|
-
})), _path8$1 || (_path8$1 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1012
|
-
d: "M12 3C12.5848 3 13.0588 3.47405 13.0588 4.05882V7.23529C13.0588 7.82007 12.5848 8.29412 12 8.29412C11.4152 8.29412 10.9412 7.82007 10.9412 7.23529V4.05882C10.9412 3.47405 11.4152 3 12 3Z",
|
|
1013
|
-
fill: "#F7BF50"
|
|
1014
|
-
})), _path9$1 || (_path9$1 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1015
|
-
d: "M5.63607 5.63685C6.04957 5.22335 6.71998 5.22335 7.13348 5.63685L9.38083 7.8842C9.79433 8.2977 9.79433 8.96811 9.38083 9.3816C8.96734 9.7951 8.29693 9.7951 7.88343 9.38161L5.63608 7.13425C5.22258 6.72076 5.22258 6.05035 5.63607 5.63685Z",
|
|
1016
|
-
fill: "#F7BF50"
|
|
1017
|
-
})), _path10$1 || (_path10$1 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1018
|
-
d: "M3 12C3 11.4152 3.47405 10.9412 4.05882 10.9412H7.23529C7.82007 10.9412 8.29412 11.4152 8.29412 12C8.29412 12.5848 7.82007 13.0588 7.23529 13.0588H4.05882C3.47405 13.0588 3 12.5848 3 12Z",
|
|
1019
|
-
fill: "#F7BF50"
|
|
1020
|
-
})), _path11$1 || (_path11$1 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1021
|
-
d: "M18.362 7.13425C18.7755 6.72076 18.7755 6.05035 18.362 5.63685C17.9485 5.22335 17.2781 5.22335 16.8646 5.63685L14.6173 7.8842C14.2038 8.2977 14.2038 8.96811 14.6173 9.3816C15.0308 9.7951 15.7012 9.7951 16.1147 9.38161L18.362 7.13425Z",
|
|
1022
|
-
fill: "#F7BF50"
|
|
1023
|
-
})));
|
|
1024
|
-
};
|
|
1025
|
-
|
|
1026
|
-
var _path$l, _path2$1, _path3$1;
|
|
1027
|
-
|
|
1028
|
-
function _extends$n() { _extends$n = Object.assign ? Object.assign.bind() : 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$n.apply(this, arguments); }
|
|
1029
|
-
|
|
1030
|
-
var SvgCampaignIncoming = function SvgCampaignIncoming(props) {
|
|
1031
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$n({
|
|
1032
|
-
width: 24,
|
|
1033
|
-
height: 24,
|
|
1034
|
-
viewBox: "0 0 24 24",
|
|
1035
|
-
fill: "none",
|
|
1036
|
-
xmlns: "http://www.w3.org/2000/svg"
|
|
1037
|
-
}, props), _path$l || (_path$l = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1038
|
-
d: "M0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12Z",
|
|
1039
|
-
fill: "#F8F9F9"
|
|
1040
|
-
})), _path2$1 || (_path2$1 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1041
|
-
d: "M11.2266 13.0313H14.997M11.2266 9.26075V13.0313V9.26075ZM11.2266 13.0313L20.121 5.03906L11.2266 13.0313Z",
|
|
1042
|
-
stroke: "#1371D6",
|
|
1043
|
-
strokeWidth: 1.5,
|
|
1044
|
-
strokeLinecap: "round",
|
|
1045
|
-
strokeLinejoin: "round"
|
|
1046
|
-
})), _path3$1 || (_path3$1 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1047
|
-
d: "M15.4918 4.52344C14.4312 4.02722 13.2477 3.75 11.9995 3.75C7.4431 3.75 3.74945 7.44365 3.74945 12C3.74945 16.5563 7.4431 20.25 11.9995 20.25C16.5558 20.25 20.2495 16.5563 20.2495 12C20.2495 11.2878 20.1592 10.5968 19.9896 9.9375",
|
|
1048
|
-
stroke: "#3091EC",
|
|
1049
|
-
strokeWidth: 1.5,
|
|
1050
|
-
strokeLinecap: "round",
|
|
1051
|
-
strokeLinejoin: "round"
|
|
1052
|
-
})));
|
|
1053
|
-
};
|
|
1054
|
-
|
|
1055
|
-
var _g$2, _path$k;
|
|
1056
|
-
|
|
1057
|
-
function _extends$m() { _extends$m = Object.assign ? Object.assign.bind() : 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$m.apply(this, arguments); }
|
|
1058
|
-
|
|
1059
|
-
var SvgCampaignFunctional = function SvgCampaignFunctional(props) {
|
|
1060
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$m({
|
|
1061
|
-
width: 24,
|
|
1062
|
-
height: 24,
|
|
1063
|
-
viewBox: "0 0 24 24",
|
|
1064
|
-
fill: "none",
|
|
1065
|
-
xmlns: "http://www.w3.org/2000/svg"
|
|
1066
|
-
}, props), _g$2 || (_g$2 = /*#__PURE__*/React__namespace.createElement("g", {
|
|
1067
|
-
opacity: 0.3
|
|
1068
|
-
}, /*#__PURE__*/React__namespace.createElement("path", {
|
|
1069
|
-
opacity: 0.3,
|
|
1070
|
-
d: "M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z",
|
|
1071
|
-
fill: "#003A57"
|
|
1072
|
-
}))), _path$k || (_path$k = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1073
|
-
d: "M17.9983 7.16705C17.5188 6.58566 17.1422 6.73039 17.1422 6.73039C17.1422 6.73039 16.406 7.02453 16.0401 7.16303C15.6742 7.30153 15.2408 7.17357 15.2408 7.17357L14.7579 6.8851C14.7579 6.8851 14.4296 6.56554 14.3656 6.18067C14.3123 5.78958 14.1888 5.00269 14.1888 5.00269C14.1888 5.00269 14.1356 4.61159 13.3938 4.47257C12.652 4.33356 12.4678 4.68715 12.4678 4.68715C12.4678 4.68715 12.0932 5.38344 11.9091 5.73703C11.7249 6.09062 11.3114 6.27118 11.3114 6.27118L10.7639 6.36908C10.7639 6.36908 10.3144 6.33771 10.0176 6.07271L9.12712 5.27769C9.12712 5.27769 8.8303 5.01268 8.18313 5.38632C7.53595 5.75997 7.61705 6.14953 7.61705 6.14953L7.86033 7.3182C7.94143 7.70776 7.74381 8.11275 7.74381 8.11275L7.38528 8.53794C7.38528 8.53794 7.02217 8.80577 6.62387 8.78845C6.22557 8.77114 5.43527 8.7474 5.43527 8.7474C5.43527 8.7474 5.03697 8.73009 4.78646 9.44201C4.53595 10.1539 4.84804 10.3956 4.84804 10.3956C4.84804 10.3956 5.46774 10.896 5.77983 11.1376C6.09192 11.3793 6.19373 11.8296 6.19373 11.8296L6.20207 12.3921C6.20207 12.3921 6.09618 12.8314 5.79331 13.079C5.49043 13.3266 4.86759 13.8171 4.86759 13.8171C4.86759 13.8171 4.56471 14.0647 4.81769 14.7769C5.08144 15.4828 5.46713 15.4783 5.46713 15.4783C5.46713 15.4783 6.26012 15.4569 6.64582 15.4524C7.03152 15.4479 7.40116 15.7145 7.40116 15.7145L7.76458 16.1447C7.76458 16.1447 7.96976 16.5499 7.89441 16.9425C7.81907 17.3351 7.66208 18.1094 7.66208 18.1094C7.66208 18.1094 7.58674 18.502 8.23785 18.8824C8.88895 19.2629 9.18553 19.0044 9.18553 19.0044C9.18553 19.0044 9.7724 18.4765 10.069 18.218C10.3655 17.9595 10.8115 17.9347 10.8115 17.9347L11.3609 18.0394C11.3609 18.0394 11.77 18.225 11.9608 18.5803C12.1516 18.9356 12.5268 19.6354 12.5268 19.6354C12.5268 19.6354 12.7176 19.9907 13.4583 19.8539C14.1946 19.7343 14.2529 19.337 14.2529 19.337C14.2529 19.337 14.3586 18.5487 14.4232 18.1623C14.4814 17.765 14.8086 17.4598 14.8086 17.4598L15.2939 17.1796C15.2939 17.1796 15.7281 17.0598 16.095 17.1971C16.4682 17.3453 17.1975 17.637 17.1975 17.637C17.1975 17.637 17.5707 17.7851 18.0424 17.2073C18.5142 16.6295 18.3189 16.2913 18.3189 16.2913C18.3189 16.2913 17.9006 15.6164 17.6882 15.2736C17.4759 14.9307 17.5197 14.4836 17.5197 14.4836L17.7038 13.9555C17.7038 13.9555 17.9482 13.5816 18.3203 13.454C18.6925 13.3264 19.4431 13.0822 19.4431 13.0822C19.4431 13.0822 19.8153 12.9546 19.8113 12.2005C19.8074 11.4464 19.4297 11.3153 19.4297 11.3153C19.4297 11.3153 18.6807 11.0641 18.303 10.9331C17.9253 10.802 17.677 10.4217 17.677 10.4217L17.4861 9.8919C17.4861 9.8919 17.4293 9.4447 17.6368 9.1067C17.8443 8.7687 18.2486 8.09891 18.2486 8.09891C18.2486 8.09891 18.4778 7.74844 17.9983 7.16707L17.9983 7.16705ZM9.33902 8.38466L10.6176 10.5992C10.0433 11.149 9.82793 11.9715 10.0567 12.7413L7.86713 14.0054C6.98868 12.0106 7.60355 9.66286 9.33905 8.38457L9.33902 8.38466ZM13.9748 16.414C11.9998 17.2778 9.65918 16.6363 8.37099 14.8783L10.5605 13.6141C11.1128 14.1971 11.9329 14.4219 12.6961 14.1994L13.9748 16.414ZM12.6552 13.132C12.1159 13.4434 11.4325 13.2561 11.1176 12.7107C10.8027 12.1652 10.9822 11.4797 11.5215 11.1684C12.0608 10.857 12.7441 11.0443 13.0591 11.5897C13.374 12.1352 13.1945 12.8207 12.6552 13.132ZM14.8376 15.9158L13.5591 13.7012C14.1333 13.1515 14.3487 12.3289 14.12 11.5591L16.3095 10.295C17.188 12.2898 16.5731 14.6376 14.8376 15.9159L14.8376 15.9158ZM13.6161 10.6863C13.0638 10.1034 12.2437 9.87862 11.4805 10.1011L10.2019 7.88652C12.1769 7.02266 14.5112 7.65314 15.8057 9.42223L13.6161 10.6863Z",
|
|
1074
|
-
fill: "#003A57"
|
|
1075
|
-
})));
|
|
1076
|
-
};
|
|
1077
|
-
|
|
1078
|
-
var _g$1, _path$j, _path2, _path3, _path4, _path5, _path6, _path7, _path8, _path9, _path10, _path11;
|
|
1079
|
-
|
|
1080
|
-
function _extends$l() { _extends$l = Object.assign ? Object.assign.bind() : 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$l.apply(this, arguments); }
|
|
1081
|
-
|
|
1082
|
-
var SvgCampaignExperiential = function SvgCampaignExperiential(props) {
|
|
1083
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$l({
|
|
1084
|
-
width: 24,
|
|
1085
|
-
height: 24,
|
|
1086
|
-
viewBox: "0 0 24 24",
|
|
1087
|
-
fill: "none",
|
|
1088
|
-
xmlns: "http://www.w3.org/2000/svg"
|
|
1089
|
-
}, props), _g$1 || (_g$1 = /*#__PURE__*/React__namespace.createElement("g", {
|
|
1090
|
-
opacity: 0.3
|
|
1091
|
-
}, /*#__PURE__*/React__namespace.createElement("path", {
|
|
1092
|
-
opacity: 0.3,
|
|
1093
|
-
d: "M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z",
|
|
1094
|
-
fill: "#003A57"
|
|
1095
|
-
}))), _path$j || (_path$j = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1096
|
-
d: "M12.4871 3.1964C8.68009 3.1964 5.59901 6.27748 5.59901 10.0844C5.59901 10.2596 5.59901 10.4347 5.62445 10.5854C5.29863 11.1861 4.82313 12.0129 4.24684 12.5138C3.82123 12.8896 3.92102 13.2907 3.97091 13.4404C4.09615 13.7662 4.44641 14.0411 5.02271 14.2417C5.22328 14.3171 5.44831 14.367 5.64889 14.4169L5.67433 16.8463C5.67433 17.7983 6.47565 18.625 7.4531 18.625L8.9305 18.1495L9.08117 19.0262C9.18097 19.6025 9.68191 20.0281 10.2837 20.0281C10.359 20.0281 10.4343 20.0281 10.5087 20.0026L15.1425 19.1769C15.8185 19.0516 16.2441 18.4254 16.1444 17.7494L15.8185 16.1213C17.9975 14.9188 19.375 12.5891 19.375 10.0843C19.375 6.30267 16.2696 3.19629 12.487 3.19629L12.4871 3.1964Z",
|
|
1097
|
-
fill: "#003A57",
|
|
1098
|
-
stroke: "#003A57"
|
|
1099
|
-
})), _path2 || (_path2 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1100
|
-
fillRule: "evenodd",
|
|
1101
|
-
clipRule: "evenodd",
|
|
1102
|
-
d: "M6.39337 10.7688V10.1221H8.06755V10.7688H6.39337Z",
|
|
1103
|
-
fill: "#E6EBEE"
|
|
1104
|
-
})), _path3 || (_path3 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1105
|
-
fillRule: "evenodd",
|
|
1106
|
-
clipRule: "evenodd",
|
|
1107
|
-
d: "M7.2994 13.6066L6.98611 13.0474L8.4349 12.1846L8.74818 12.7437L7.2994 13.6066Z",
|
|
1108
|
-
fill: "#E6EBEE"
|
|
1109
|
-
})), _path4 || (_path4 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1110
|
-
fillRule: "evenodd",
|
|
1111
|
-
clipRule: "evenodd",
|
|
1112
|
-
d: "M8.43603 8.70472L6.98724 7.84335L7.30053 7.28418L8.74931 8.14556L8.43603 8.70472Z",
|
|
1113
|
-
fill: "#E6EBEE"
|
|
1114
|
-
})), _path5 || (_path5 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1115
|
-
fillRule: "evenodd",
|
|
1116
|
-
clipRule: "evenodd",
|
|
1117
|
-
d: "M16.6807 7.28418L16.994 7.84335L15.5453 8.70472L15.232 8.14556L16.6807 7.28418Z",
|
|
1118
|
-
fill: "#E6EBEE"
|
|
1119
|
-
})), _path6 || (_path6 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1120
|
-
fillRule: "evenodd",
|
|
1121
|
-
clipRule: "evenodd",
|
|
1122
|
-
d: "M11.677 4.68066H12.305V6.40488H11.677V4.68066Z",
|
|
1123
|
-
fill: "#E6EBEE"
|
|
1124
|
-
})), _path7 || (_path7 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1125
|
-
fillRule: "evenodd",
|
|
1126
|
-
clipRule: "evenodd",
|
|
1127
|
-
d: "M9.46389 5.29102L10.3017 6.78309L9.75875 7.10574L8.92236 5.61367L9.46389 5.29102Z",
|
|
1128
|
-
fill: "#E6EBEE"
|
|
1129
|
-
})), _path8 || (_path8 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1130
|
-
fillRule: "evenodd",
|
|
1131
|
-
clipRule: "evenodd",
|
|
1132
|
-
d: "M13.3026 12.9984V14.6233H12.7313L12.7327 15.2511H11.2485L11.2471 14.6233H10.6787V12.9984C9.80544 12.5064 9.24973 11.553 9.24973 10.5252C9.24973 8.97036 10.4802 7.70312 11.9899 7.70312C13.5025 7.70312 14.733 8.97036 14.733 10.5252C14.7316 11.5516 14.1744 12.5049 13.3026 12.9984H13.3026Z",
|
|
1133
|
-
fill: "#E6EBEE"
|
|
1134
|
-
})), _path9 || (_path9 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1135
|
-
fillRule: "evenodd",
|
|
1136
|
-
clipRule: "evenodd",
|
|
1137
|
-
d: "M14.2242 7.10672L13.6813 6.78407L14.5177 5.29199L15.0606 5.61464L14.2242 7.10672Z",
|
|
1138
|
-
fill: "#E6EBEE"
|
|
1139
|
-
})), _path10 || (_path10 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1140
|
-
fillRule: "evenodd",
|
|
1141
|
-
clipRule: "evenodd",
|
|
1142
|
-
d: "M16.6807 13.6066L15.232 12.7437L15.5453 12.1846L16.994 13.0474L16.6807 13.6066Z",
|
|
1143
|
-
fill: "#E6EBEE"
|
|
1144
|
-
})), _path11 || (_path11 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1145
|
-
fillRule: "evenodd",
|
|
1146
|
-
clipRule: "evenodd",
|
|
1147
|
-
d: "M17.5866 10.7688H15.9124V10.1221H17.5866V10.7688Z",
|
|
1148
|
-
fill: "#E6EBEE"
|
|
1149
|
-
})));
|
|
1150
|
-
};
|
|
982
|
+
var Close = function (props) { return jsxRuntime.jsx(UgClose, __assign({}, props)); };
|
|
983
|
+
var templateObject_1$P;
|
|
1151
984
|
|
|
1152
985
|
/**
|
|
1153
986
|
* Use Span to style and format inline text elements.
|
|
@@ -1188,10 +1021,7 @@ function useWindowSize() {
|
|
|
1188
1021
|
}
|
|
1189
1022
|
|
|
1190
1023
|
var StyledSpan = styled__default["default"](Span)(templateObject_1$O || (templateObject_1$O = __makeTemplateObject([""], [""])));
|
|
1191
|
-
var StyledTag = styled__default["default"](Tag)(templateObject_2$j || (templateObject_2$j = __makeTemplateObject(["\n background-color: transparent;\n pointer-events: none;\n
|
|
1192
|
-
var theme = _a.theme;
|
|
1193
|
-
return theme.fontWeights.regular;
|
|
1194
|
-
}, function (_a) {
|
|
1024
|
+
var StyledTag = styled__default["default"](Tag)(templateObject_2$j || (templateObject_2$j = __makeTemplateObject(["\n background-color: transparent;\n pointer-events: none;\n ", "\n svg {\n margin-right: ", " !important;\n }\n\n ", " {\n margin-left: ", ";\n color: ", ";\n font-weight: ", ";\n }\n"], ["\n background-color: transparent;\n pointer-events: none;\n ", "\n svg {\n margin-right: ", " !important;\n }\n\n ", " {\n margin-left: ", ";\n color: ", ";\n font-weight: ", ";\n }\n"])), function (_a) {
|
|
1195
1025
|
var status = _a.status, theme = _a.theme;
|
|
1196
1026
|
switch (status) {
|
|
1197
1027
|
case "completed":
|
|
@@ -1207,14 +1037,14 @@ var StyledTag = styled__default["default"](Tag)(templateObject_2$j || (templateO
|
|
|
1207
1037
|
var theme = _a.theme;
|
|
1208
1038
|
return theme.space.xxs;
|
|
1209
1039
|
}, StyledSpan, function (_a) {
|
|
1210
|
-
var theme = _a.theme;
|
|
1211
|
-
return theme.fontWeights.bold;
|
|
1212
|
-
}, function (_a) {
|
|
1213
1040
|
var theme = _a.theme;
|
|
1214
1041
|
return theme.space.xxs;
|
|
1215
1042
|
}, function (_a) {
|
|
1216
1043
|
var theme = _a.theme;
|
|
1217
1044
|
return theme.palette.grey[700];
|
|
1045
|
+
}, function (_a) {
|
|
1046
|
+
var theme = _a.theme;
|
|
1047
|
+
return theme.fontWeights.medium;
|
|
1218
1048
|
});
|
|
1219
1049
|
/**
|
|
1220
1050
|
* Counter let users categorize content using a keyword.
|
|
@@ -1337,7 +1167,7 @@ var LabelWrapper = styled__default["default"](Label)(templateObject_3$c || (temp
|
|
|
1337
1167
|
return theme.space.base;
|
|
1338
1168
|
}, function (_a) {
|
|
1339
1169
|
var theme = _a.theme;
|
|
1340
|
-
return theme.palette.grey[
|
|
1170
|
+
return theme.palette.grey[700];
|
|
1341
1171
|
});
|
|
1342
1172
|
var StyledLabel = styled__default["default"](Label)(templateObject_4$8 || (templateObject_4$8 = __makeTemplateObject(["\n margin: ", "px auto;\n"], ["\n margin: ", "px auto;\n"])), function (_a) {
|
|
1343
1173
|
var theme = _a.theme;
|
|
@@ -1349,7 +1179,7 @@ var CheckboxCard = function (props) {
|
|
|
1349
1179
|
setChecked(!checked);
|
|
1350
1180
|
props.onToggle && props.onToggle(!checked);
|
|
1351
1181
|
};
|
|
1352
|
-
return (jsxRuntime.jsxs(StyledCard$1, __assign({}, props.card, props, props && !props.disabled && { onClick: handleToggle }, { className: checked ? "card-active" : "" }, { children: [jsxRuntime.jsx(IconWrapper$1, { children: (props.iconActive && checked) ? props.iconActive : props.icon }), jsxRuntime.jsx(LabelWrapper, { children: props.label }), jsxRuntime.jsx(Checkbox, __assign({}, props, { checked: checked, value: checked ? 1 : 0, onClick: function (e) { return e.stopPropagation(); } }, { children: jsxRuntime.jsx(StyledLabel, __assign({ hidden: true }, { children: props.label })) }))] })));
|
|
1182
|
+
return (jsxRuntime.jsxs(StyledCard$1, __assign({}, props.card, props, props && !props.disabled && { onClick: handleToggle }, { className: checked ? "card-active" : "" }, { children: [jsxRuntime.jsx(IconWrapper$1, { children: (props.iconActive && checked) ? props.iconActive : props.icon }), jsxRuntime.jsx(LabelWrapper, __assign({ style: checked ? { color: theme.colors.primaryHue } : {} }, { children: props.label })), jsxRuntime.jsx(Checkbox, __assign({}, props, { checked: checked, value: checked ? 1 : 0, onClick: function (e) { return e.stopPropagation(); } }, { children: jsxRuntime.jsx(StyledLabel, __assign({ hidden: true }, { children: props.label })) }))] })));
|
|
1353
1183
|
};
|
|
1354
1184
|
var templateObject_1$J, templateObject_2$i, templateObject_3$c, templateObject_4$8;
|
|
1355
1185
|
|
|
@@ -1429,18 +1259,15 @@ var IconWrapper = styled__default["default"].div(templateObject_2$g || (template
|
|
|
1429
1259
|
var theme = _a.theme;
|
|
1430
1260
|
return theme.space.base;
|
|
1431
1261
|
});
|
|
1432
|
-
var StyledText = styled__default["default"](reactTypography.LG)(templateObject_3$b || (templateObject_3$b = __makeTemplateObject(["\n margin: ", "px auto;\n color: ", ";\n font-weight: ", ";\n
|
|
1262
|
+
var StyledText = styled__default["default"](reactTypography.LG)(templateObject_3$b || (templateObject_3$b = __makeTemplateObject(["\n margin: ", "px auto;\n color: ", ";\n font-weight: ", ";\n user-select: none;\n\n &:focus {\n outline: 0;\n }\n"], ["\n margin: ", "px auto;\n color: ", ";\n font-weight: ", ";\n user-select: none;\n\n &:focus {\n outline: 0;\n }\n"])), function (_a) {
|
|
1433
1263
|
var theme = _a.theme;
|
|
1434
1264
|
return theme.space.base;
|
|
1435
1265
|
}, function (_a) {
|
|
1436
1266
|
var theme = _a.theme;
|
|
1437
|
-
return theme.palette.grey[
|
|
1267
|
+
return theme.palette.grey[700];
|
|
1438
1268
|
}, function (_a) {
|
|
1439
1269
|
var theme = _a.theme;
|
|
1440
1270
|
return theme.fontWeights.medium;
|
|
1441
|
-
}, function (_a) {
|
|
1442
|
-
var theme = _a.theme;
|
|
1443
|
-
return theme.colors.primaryHue;
|
|
1444
1271
|
});
|
|
1445
1272
|
var Circle = styled__default["default"].div(templateObject_4$7 || (templateObject_4$7 = __makeTemplateObject(["\n width: ", "px;\n height: ", "px;\n padding: ", "px;\n border-radius: 50%;\n background-color: ", ";\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n margin-left: auto;\n ", "\n"], ["\n width: ", "px;\n height: ", "px;\n padding: ", "px;\n border-radius: 50%;\n background-color: ", ";\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n margin-left: auto;\n ", "\n"])), function (_a) {
|
|
1446
1273
|
var theme = _a.theme;
|
|
@@ -1468,7 +1295,7 @@ var StyledDivider = styled__default["default"](Divider$3)(templateObject_5$3 ||
|
|
|
1468
1295
|
var RadioCard = function (_a) {
|
|
1469
1296
|
var _b;
|
|
1470
1297
|
var card = _a.card, icon = _a.icon, iconActive = _a.iconActive, props = __rest(_a, ["card", "icon", "iconActive"]);
|
|
1471
|
-
return (jsxRuntime.jsxs(StyledCard, __assign({}, card, props, { className: props.checked ? "card-active" : "", onClick: function () { props.onChecked && props.onChecked(props.value); } }, { children: [jsxRuntime.jsx(Circle, __assign({ checked: (_b = props.checked) !== null && _b !== void 0 ? _b : false }, { children: jsxRuntime.jsx(SvgCheckLg, { fill: "white" }) })), jsxRuntime.jsx(IconWrapper, { children: (iconActive && props.checked) ? iconActive : icon }), jsxRuntime.jsx("input", { hidden: true, type: "radio", value: props.value, name: props.name, checked: props.checked }), jsxRuntime.jsx(StyledDivider, {}), jsxRuntime.jsx(StyledText, { children: props.label })] })));
|
|
1298
|
+
return (jsxRuntime.jsxs(StyledCard, __assign({}, card, props, { className: props.checked ? "card-active" : "", onClick: function () { props.onChecked && props.onChecked(props.value); } }, { children: [jsxRuntime.jsx(Circle, __assign({ checked: (_b = props.checked) !== null && _b !== void 0 ? _b : false }, { children: jsxRuntime.jsx(SvgCheckLg, { fill: "white" }) })), jsxRuntime.jsx(IconWrapper, { children: (iconActive && props.checked) ? iconActive : icon }), jsxRuntime.jsx("input", { hidden: true, type: "radio", value: props.value, name: props.name, checked: props.checked }), jsxRuntime.jsx(StyledDivider, {}), jsxRuntime.jsx(StyledText, __assign({ style: props.checked ? { color: theme.colors.primaryHue } : {} }, { children: props.label }))] })));
|
|
1472
1299
|
};
|
|
1473
1300
|
var templateObject_1$E, templateObject_2$g, templateObject_3$b, templateObject_4$7, templateObject_5$3;
|
|
1474
1301
|
|
|
@@ -2166,7 +1993,7 @@ var LoginForm = function (props) { return (jsxRuntime.jsxs(jsxRuntime.Fragment,
|
|
|
2166
1993
|
? true
|
|
2167
1994
|
: isSubmitting
|
|
2168
1995
|
? true
|
|
2169
|
-
: false, isPrimary: true, style: { marginBottom: theme.space.md } }, { children: props.buttonText })), status && (jsxRuntime.jsx("div", __assign({ style: { textAlign: "center" } }, { children: jsxRuntime.jsx(Message, __assign({ validation: "error" }, { children: status.message })) })))] })));
|
|
1996
|
+
: false, isPrimary: true, isPill: true, themeColor: theme.palette.water[600], style: { marginBottom: theme.space.md } }, { children: props.buttonText })), status && (jsxRuntime.jsx("div", __assign({ style: { textAlign: "center" } }, { children: jsxRuntime.jsx(Message, __assign({ validation: "error" }, { children: status.message })) })))] })));
|
|
2170
1997
|
} }))] })), props.onBackClick && (jsxRuntime.jsxs(Button, __assign({ onClick: props.onBackClick, isBasic: true, style: { marginTop: theme.space.md } }, { children: [jsxRuntime.jsx(Button.StartIcon, { children: jsxRuntime.jsx(SvgChevronLeftStroke, {}) }), props.backToLabel || "Back to UNGUESS"] })))] })); };
|
|
2171
1998
|
|
|
2172
1999
|
var ugModalBody = styled__default["default"](reactModals.Body)(templateObject_1$h || (templateObject_1$h = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), function (_a) {
|
|
@@ -9,7 +9,7 @@ import { AlertArgs } from './_types';
|
|
|
9
9
|
*/
|
|
10
10
|
declare const Alert: {
|
|
11
11
|
(props: AlertArgs): JSX.Element;
|
|
12
|
-
Title: import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-notifications").ITitleProps & import("react").RefAttributes<HTMLDivElement
|
|
12
|
+
Title: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-notifications").ITitleProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
|
|
13
13
|
Close: import("react").ForwardRefExoticComponent<import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>>;
|
|
14
14
|
};
|
|
15
15
|
export { Alert };
|
|
@@ -4,7 +4,7 @@ import { AlertArgs } from "./_types";
|
|
|
4
4
|
export declare const Default: Story<AlertArgs>;
|
|
5
5
|
declare const _default: ComponentMeta<{
|
|
6
6
|
(props: AlertArgs): JSX.Element;
|
|
7
|
-
Title: import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-notifications").ITitleProps & import("react").RefAttributes<HTMLDivElement
|
|
7
|
+
Title: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-notifications").ITitleProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
|
|
8
8
|
Close: import("react").ForwardRefExoticComponent<import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>>;
|
|
9
9
|
}>;
|
|
10
10
|
export default _default;
|
|
@@ -5,6 +5,5 @@ interface CardStoryProps extends CardProps {
|
|
|
5
5
|
content: string;
|
|
6
6
|
}
|
|
7
7
|
export declare const Default: Story<CardStoryProps>;
|
|
8
|
-
|
|
9
|
-
declare const _default: ComponentMeta<import("styled-components").StyledComponent<(props: CardProps) => JSX.Element, any, {}, never>>;
|
|
8
|
+
declare const _default: ComponentMeta<(props: import("./_types").ContainerCardProps) => JSX.Element>;
|
|
10
9
|
export default _default;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { CardProps } from "./_types";
|
|
1
|
+
import { CardProps, ContainerCardProps } from "./_types";
|
|
2
2
|
/**
|
|
3
3
|
* A Card is a container that groups related content.
|
|
4
4
|
* <hr>
|
|
@@ -6,5 +6,5 @@ import { CardProps } from "./_types";
|
|
|
6
6
|
- To group related content
|
|
7
7
|
*/
|
|
8
8
|
declare const Card: (props: CardProps) => JSX.Element;
|
|
9
|
-
declare const ContainerCard:
|
|
9
|
+
declare const ContainerCard: (props: ContainerCardProps) => JSX.Element;
|
|
10
10
|
export { Card, ContainerCard };
|
package/package.json
CHANGED