@appquality/unguess-design-system 2.10.33 → 2.10.36
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.d.ts +2 -0
- package/build/index.js +338 -148
- package/build/stories/info-cards/_types.d.ts +8 -0
- package/build/stories/info-cards/index.d.ts +4 -0
- package/build/stories/info-cards/index.stories.d.ts +7 -0
- package/build/stories/navigation/sidebar/_types.d.ts +1 -0
- package/build/stories/service-cards/_types.d.ts +17 -0
- package/build/stories/service-cards/index.d.ts +4 -0
- package/build/stories/service-cards/index.stories.d.ts +7 -0
- package/package.json +1 -1
package/build/index.js
CHANGED
|
@@ -243,8 +243,8 @@ var components = __assign(__assign({}, reactTheming.DEFAULT_THEME.components), {
|
|
|
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,7 +259,7 @@ 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$Z || (templateObject_1$Z = __makeTemplateObject(["\n background-color: white;\n color: ", ";\n border-width: 2px;\n"], ["\n background-color: white;\n color: ", ";\n border-width: 2px;\n"])), function (_a) {
|
|
263
263
|
var theme = _a.theme;
|
|
264
264
|
return theme.palette.grey[700];
|
|
265
265
|
});
|
|
@@ -273,10 +273,10 @@ var UgAlert = styled__default["default"](reactNotifications.Alert)(templateObjec
|
|
|
273
273
|
var Alert = function (props) { return jsxRuntime.jsx(UgAlert, __assign({}, props)); };
|
|
274
274
|
Alert.Title = reactNotifications.Title;
|
|
275
275
|
Alert.Close = reactNotifications.Close;
|
|
276
|
-
var templateObject_1$
|
|
276
|
+
var templateObject_1$Z;
|
|
277
277
|
|
|
278
278
|
// import useWindowSize from "../../hooks/useWindowSize";
|
|
279
|
-
var UgAvatar = styled__default["default"](reactAvatars.Avatar)(templateObject_1$
|
|
279
|
+
var UgAvatar = styled__default["default"](reactAvatars.Avatar)(templateObject_1$Y || (templateObject_1$Y = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
280
280
|
return props.avatarType &&
|
|
281
281
|
props.avatarType !== "image" &&
|
|
282
282
|
"background: ".concat(props.backgroundColor || theme.gradients.dark, ";");
|
|
@@ -301,7 +301,7 @@ var Avatar = function (props) {
|
|
|
301
301
|
return (jsxRuntime.jsx(UgAvatar, __assign({}, props, { badge: fixedBadge, children: wrapChildren(props.avatarType || "text"), size: props.size || "small" })));
|
|
302
302
|
};
|
|
303
303
|
Avatar.Text = UgAvatar.Text;
|
|
304
|
-
var templateObject_1$
|
|
304
|
+
var templateObject_1$Y;
|
|
305
305
|
|
|
306
306
|
/**
|
|
307
307
|
* Breadcrumbs mark and communicate a user’s location in the product.
|
|
@@ -322,7 +322,7 @@ var Breadcrumb = function (props) { return jsxRuntime.jsx(reactBreadcrumbs.Bread
|
|
|
322
322
|
*/
|
|
323
323
|
var Anchor = function (props) { return jsxRuntime.jsx(reactButtons.Anchor, __assign({}, props)); };
|
|
324
324
|
|
|
325
|
-
var UgButton = styled__default["default"](reactButtons.Button)(templateObject_1$
|
|
325
|
+
var UgButton = styled__default["default"](reactButtons.Button)(templateObject_1$X || (templateObject_1$X = __makeTemplateObject([""], [""])));
|
|
326
326
|
/**
|
|
327
327
|
* Buttons let users take action quickly.
|
|
328
328
|
* Use a Button to enable actions or decisions that are important to a user’s workflow.
|
|
@@ -334,7 +334,7 @@ var UgButton = styled__default["default"](reactButtons.Button)(templateObject_1$
|
|
|
334
334
|
var Button = function (props) { return jsxRuntime.jsx(UgButton, __assign({}, props)); };
|
|
335
335
|
Button.StartIcon = UgButton.StartIcon;
|
|
336
336
|
Button.EndIcon = UgButton.EndIcon;
|
|
337
|
-
var templateObject_1$
|
|
337
|
+
var templateObject_1$X;
|
|
338
338
|
|
|
339
339
|
/**
|
|
340
340
|
A Button group lets users make a selection from a set of options.
|
|
@@ -364,7 +364,7 @@ Used for this:
|
|
|
364
364
|
**/
|
|
365
365
|
var SplitButton = function (props) { return (jsxRuntime.jsx(reactButtons.SplitButton, __assign({}, props))); };
|
|
366
366
|
|
|
367
|
-
var ContentCard = styled__default["default"](reactNotifications.Well)(templateObject_1$
|
|
367
|
+
var ContentCard = styled__default["default"](reactNotifications.Well)(templateObject_1$W || (templateObject_1$W = __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
368
|
var theme = _a.theme;
|
|
369
369
|
return theme.borderRadii.lg;
|
|
370
370
|
}, function (_a) {
|
|
@@ -385,11 +385,11 @@ var ContentCard = styled__default["default"](reactNotifications.Well)(templateOb
|
|
|
385
385
|
- To group related content
|
|
386
386
|
*/
|
|
387
387
|
var Card = function (props) { return jsxRuntime.jsx(ContentCard, __assign({}, props)); };
|
|
388
|
-
var ContainerCard = styled__default["default"](Card)(templateObject_2$
|
|
388
|
+
var ContainerCard = styled__default["default"](Card)(templateObject_2$p || (templateObject_2$p = __makeTemplateObject(["\n border-radius: ", ";\n"], ["\n border-radius: ", ";\n"])), function (_a) {
|
|
389
389
|
var theme = _a.theme;
|
|
390
390
|
return theme.borderRadii.xl;
|
|
391
391
|
});
|
|
392
|
-
var templateObject_1$
|
|
392
|
+
var templateObject_1$W, templateObject_2$p;
|
|
393
393
|
|
|
394
394
|
/**
|
|
395
395
|
* Tags let users categorize content using a keyword.
|
|
@@ -406,20 +406,20 @@ var Tag = function (props) { return jsxRuntime.jsx(reactTags.Tag, __assign({}, p
|
|
|
406
406
|
Tag.Avatar = reactTags.Tag.Avatar;
|
|
407
407
|
Tag.Close = reactTags.Tag.Close;
|
|
408
408
|
|
|
409
|
-
var UgLabel$1 = styled__default["default"](reactForms.Label)(templateObject_1$
|
|
409
|
+
var UgLabel$1 = styled__default["default"](reactForms.Label)(templateObject_1$V || (templateObject_1$V = __makeTemplateObject([""], [""])));
|
|
410
410
|
/**
|
|
411
411
|
* A Label is used to specify a title for an input.
|
|
412
412
|
* <hr>
|
|
413
413
|
**/
|
|
414
414
|
var Label = function (props) { return jsxRuntime.jsx(UgLabel$1, __assign({}, props)); };
|
|
415
|
-
var templateObject_1$
|
|
415
|
+
var templateObject_1$V;
|
|
416
416
|
|
|
417
|
-
var _g$4, _path$
|
|
417
|
+
var _g$4, _path$s;
|
|
418
418
|
|
|
419
|
-
function _extends$
|
|
419
|
+
function _extends$u() { _extends$u = 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$u.apply(this, arguments); }
|
|
420
420
|
|
|
421
421
|
var SvgFunctionalTestIcon = function SvgFunctionalTestIcon(props) {
|
|
422
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
422
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$u({
|
|
423
423
|
width: 24,
|
|
424
424
|
height: 24,
|
|
425
425
|
viewBox: "0 0 24 24",
|
|
@@ -431,18 +431,18 @@ var SvgFunctionalTestIcon = function SvgFunctionalTestIcon(props) {
|
|
|
431
431
|
opacity: 0.3,
|
|
432
432
|
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
433
|
fill: "#003A57"
|
|
434
|
-
}))), _path$
|
|
434
|
+
}))), _path$s || (_path$s = /*#__PURE__*/React__namespace.createElement("path", {
|
|
435
435
|
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
436
|
fill: "#003A57"
|
|
437
437
|
})));
|
|
438
438
|
};
|
|
439
439
|
|
|
440
|
-
var _g$3, _path$
|
|
440
|
+
var _g$3, _path$r, _path2$7, _path3$6, _path4$4, _path5$3, _path6$3, _path7$3, _path8$3, _path9$3, _path10$3, _path11$2;
|
|
441
441
|
|
|
442
|
-
function _extends$
|
|
442
|
+
function _extends$t() { _extends$t = 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$t.apply(this, arguments); }
|
|
443
443
|
|
|
444
444
|
var SvgExperientialTestIcon = function SvgExperientialTestIcon(props) {
|
|
445
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
445
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$t({
|
|
446
446
|
width: 24,
|
|
447
447
|
height: 24,
|
|
448
448
|
viewBox: "0 0 24 24",
|
|
@@ -454,7 +454,7 @@ var SvgExperientialTestIcon = function SvgExperientialTestIcon(props) {
|
|
|
454
454
|
opacity: 0.3,
|
|
455
455
|
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",
|
|
456
456
|
fill: "#003A57"
|
|
457
|
-
}))), _path$
|
|
457
|
+
}))), _path$r || (_path$r = /*#__PURE__*/React__namespace.createElement("path", {
|
|
458
458
|
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",
|
|
459
459
|
fill: "#003A57",
|
|
460
460
|
stroke: "#003A57"
|
|
@@ -511,12 +511,12 @@ var SvgExperientialTestIcon = function SvgExperientialTestIcon(props) {
|
|
|
511
511
|
})));
|
|
512
512
|
};
|
|
513
513
|
|
|
514
|
-
var _circle$2, _path$
|
|
514
|
+
var _circle$2, _path$q, _path2$6, _path3$5;
|
|
515
515
|
|
|
516
|
-
function _extends$
|
|
516
|
+
function _extends$s() { _extends$s = 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$s.apply(this, arguments); }
|
|
517
517
|
|
|
518
518
|
var SvgCompletedStatusRoundIcon = function SvgCompletedStatusRoundIcon(props) {
|
|
519
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
519
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$s({
|
|
520
520
|
width: 32,
|
|
521
521
|
height: 32,
|
|
522
522
|
viewBox: "0 0 32 32",
|
|
@@ -527,7 +527,7 @@ var SvgCompletedStatusRoundIcon = function SvgCompletedStatusRoundIcon(props) {
|
|
|
527
527
|
cy: 16,
|
|
528
528
|
r: 16,
|
|
529
529
|
fill: "#F8F9F9"
|
|
530
|
-
})), _path$
|
|
530
|
+
})), _path$q || (_path$q = /*#__PURE__*/React__namespace.createElement("path", {
|
|
531
531
|
d: "M24.6953 9.73905C25.0148 9.41953 25.0148 8.90149 24.6953 8.58197C24.3758 8.26245 23.8577 8.26245 23.5382 8.58197L15.88 16.2402L14.0849 13.9598C13.8054 13.6048 13.291 13.5435 12.9359 13.823C12.5809 14.1025 12.5196 14.6169 12.7991 14.972L15.1642 17.9763C15.3089 18.16 15.5252 18.2731 15.7586 18.2869C15.9921 18.3008 16.2203 18.2141 16.3856 18.0487L24.6953 9.73905Z",
|
|
532
532
|
fill: "#27DD70"
|
|
533
533
|
})), _path2$6 || (_path2$6 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
@@ -539,12 +539,12 @@ var SvgCompletedStatusRoundIcon = function SvgCompletedStatusRoundIcon(props) {
|
|
|
539
539
|
})));
|
|
540
540
|
};
|
|
541
541
|
|
|
542
|
-
var _circle$1, _path$
|
|
542
|
+
var _circle$1, _path$p, _path2$5, _path3$4, _path4$3, _path5$2, _path6$2, _path7$2, _path8$2, _path9$2, _path10$2;
|
|
543
543
|
|
|
544
|
-
function _extends$
|
|
544
|
+
function _extends$r() { _extends$r = 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$r.apply(this, arguments); }
|
|
545
545
|
|
|
546
546
|
var SvgOnGoingStatusRoundIcon = function SvgOnGoingStatusRoundIcon(props) {
|
|
547
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
547
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$r({
|
|
548
548
|
width: 32,
|
|
549
549
|
height: 32,
|
|
550
550
|
viewBox: "0 0 32 32",
|
|
@@ -555,7 +555,7 @@ var SvgOnGoingStatusRoundIcon = function SvgOnGoingStatusRoundIcon(props) {
|
|
|
555
555
|
cy: 16,
|
|
556
556
|
r: 16,
|
|
557
557
|
fill: "#F8F9F9"
|
|
558
|
-
})), _path$
|
|
558
|
+
})), _path$p || (_path$p = /*#__PURE__*/React__namespace.createElement("path", {
|
|
559
559
|
d: "M17.059 20.7647C17.059 20.1799 16.585 19.7059 16.0002 19.7059C15.4154 19.7059 14.9414 20.1799 14.9414 20.7647V23.9412C14.9414 24.5259 15.4154 25 16.0002 25C16.585 25 17.059 24.5259 17.059 23.9412V20.7647Z",
|
|
560
560
|
fill: "#D1820A"
|
|
561
561
|
})), _path2$5 || (_path2$5 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
@@ -588,12 +588,12 @@ var SvgOnGoingStatusRoundIcon = function SvgOnGoingStatusRoundIcon(props) {
|
|
|
588
588
|
})));
|
|
589
589
|
};
|
|
590
590
|
|
|
591
|
-
var _circle, _path$
|
|
591
|
+
var _circle, _path$o, _path2$4;
|
|
592
592
|
|
|
593
|
-
function _extends$
|
|
593
|
+
function _extends$q() { _extends$q = 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$q.apply(this, arguments); }
|
|
594
594
|
|
|
595
595
|
var SvgArrivalStatusRoundIcon = function SvgArrivalStatusRoundIcon(props) {
|
|
596
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
596
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$q({
|
|
597
597
|
width: 32,
|
|
598
598
|
height: 32,
|
|
599
599
|
viewBox: "0 0 32 32",
|
|
@@ -604,7 +604,7 @@ var SvgArrivalStatusRoundIcon = function SvgArrivalStatusRoundIcon(props) {
|
|
|
604
604
|
cy: 16,
|
|
605
605
|
r: 16,
|
|
606
606
|
fill: "#F8F9F9"
|
|
607
|
-
})), _path$
|
|
607
|
+
})), _path$o || (_path$o = /*#__PURE__*/React__namespace.createElement("path", {
|
|
608
608
|
d: "M15.2266 17.0313H18.997M15.2266 13.2607V17.0313V13.2607ZM15.2266 17.0313L24.121 9.03906L15.2266 17.0313Z",
|
|
609
609
|
stroke: "#1371D6",
|
|
610
610
|
strokeWidth: 1.5,
|
|
@@ -619,7 +619,7 @@ var SvgArrivalStatusRoundIcon = function SvgArrivalStatusRoundIcon(props) {
|
|
|
619
619
|
})));
|
|
620
620
|
};
|
|
621
621
|
|
|
622
|
-
var UgSkeleton = styled__default["default"](reactLoaders.Skeleton)(templateObject_1$
|
|
622
|
+
var UgSkeleton = styled__default["default"](reactLoaders.Skeleton)(templateObject_1$U || (templateObject_1$U = __makeTemplateObject(["\n background-color: ", ";\n border-radius: ", ";\n"], ["\n background-color: ", ";\n border-radius: ", ";\n"])), function (props) { return props.theme.palette.grey[500]; }, function (props) { return props.theme.borderRadii.xxl; });
|
|
623
623
|
/**
|
|
624
624
|
* 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
625
|
* <hr>
|
|
@@ -634,19 +634,19 @@ var UgSkeleton = styled__default["default"](reactLoaders.Skeleton)(templateObjec
|
|
|
634
634
|
- To communicate a typing status, use Inline instead
|
|
635
635
|
*/
|
|
636
636
|
var Skeleton = function (props) { return jsxRuntime.jsx(UgSkeleton, __assign({}, props)); };
|
|
637
|
-
var templateObject_1$
|
|
637
|
+
var templateObject_1$U;
|
|
638
638
|
|
|
639
639
|
var CampaignCardSkeleton = function () {
|
|
640
|
-
return (jsxRuntime.jsxs(Wrapper$1, { children: [jsxRuntime.jsx(CardHeader, { children: jsxRuntime.jsx(Skeleton, { width: "30%" }) }), jsxRuntime.jsxs(CardBody$
|
|
640
|
+
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
641
|
};
|
|
642
642
|
|
|
643
|
-
var flexCenter = styled.css(templateObject_1$
|
|
644
|
-
var flexColumnCenter = styled.css(templateObject_2$
|
|
645
|
-
var flexStart = styled.css(templateObject_3$
|
|
643
|
+
var flexCenter = styled.css(templateObject_1$T || (templateObject_1$T = __makeTemplateObject(["\n display: flex;\n align-items: center;\n"], ["\n display: flex;\n align-items: center;\n"])));
|
|
644
|
+
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
|
+
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
646
|
var theme = _a.theme;
|
|
647
647
|
return (theme.rtl ? "flex-end" : "flex-start");
|
|
648
648
|
});
|
|
649
|
-
var cardStyle = styled.css(templateObject_4$
|
|
649
|
+
var cardStyle = styled.css(templateObject_4$d || (templateObject_4$d = __makeTemplateObject(["\n border-radius: ", ";\n padding: ", ";\n border: 1px solid ", ";\n display: flex;\n flex-direction: column;\n height: 100%;\n position: relative;\n overflow: hidden;\n\n &:hover {\n box-shadow: ", ";\n }\n\n cursor: pointer;\n"], ["\n border-radius: ", ";\n padding: ", ";\n border: 1px solid ", ";\n display: flex;\n flex-direction: column;\n height: 100%;\n position: relative;\n overflow: hidden;\n\n &:hover {\n box-shadow: ", ";\n }\n\n cursor: pointer;\n"])), function (_a) {
|
|
650
650
|
var theme = _a.theme;
|
|
651
651
|
return theme.borderRadii.lg;
|
|
652
652
|
}, function (_a) {
|
|
@@ -659,7 +659,7 @@ var cardStyle = styled.css(templateObject_4$b || (templateObject_4$b = __makeTem
|
|
|
659
659
|
var theme = _a.theme;
|
|
660
660
|
return theme.shadows.boxShadow(theme);
|
|
661
661
|
});
|
|
662
|
-
var templateObject_1$
|
|
662
|
+
var templateObject_1$T, templateObject_2$o, templateObject_3$h, templateObject_4$d;
|
|
663
663
|
|
|
664
664
|
var getStatusIcon = function (status) {
|
|
665
665
|
switch (status) {
|
|
@@ -683,12 +683,12 @@ var getTypeDataIcon = function (type) {
|
|
|
683
683
|
return SvgFunctionalTestIcon;
|
|
684
684
|
}
|
|
685
685
|
};
|
|
686
|
-
var Wrapper$1 = styled__default["default"](Card)(templateObject_1$
|
|
687
|
-
var StyledTag$
|
|
686
|
+
var Wrapper$1 = styled__default["default"](Card)(templateObject_1$S || (templateObject_1$S = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), cardStyle);
|
|
687
|
+
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
688
|
var theme = _a.theme;
|
|
689
689
|
return theme.palette.grey["700"];
|
|
690
690
|
});
|
|
691
|
-
var StyledTagNew$1 = styled__default["default"](Tag)(templateObject_3$
|
|
691
|
+
var StyledTagNew$1 = styled__default["default"](Tag)(templateObject_3$g || (templateObject_3$g = __makeTemplateObject(["\n height: ", "px;\n padding: ", "px\n ", "px;\n color: ", ";\n"], ["\n height: ", "px;\n padding: ", "px\n ", "px;\n color: ", ";\n"])), function (_a) {
|
|
692
692
|
var theme = _a.theme;
|
|
693
693
|
return theme.space.base * 6;
|
|
694
694
|
}, function (_a) {
|
|
@@ -701,36 +701,36 @@ var StyledTagNew$1 = styled__default["default"](Tag)(templateObject_3$e || (temp
|
|
|
701
701
|
var theme = _a.theme;
|
|
702
702
|
return theme.palette.white;
|
|
703
703
|
});
|
|
704
|
-
var StyledLabel$2 = styled__default["default"](Label)(templateObject_4$
|
|
704
|
+
var StyledLabel$2 = styled__default["default"](Label)(templateObject_4$c || (templateObject_4$c = __makeTemplateObject(["\n font-size: ", ";\n color: ", ";\n cursor: pointer;\n"], ["\n font-size: ", ";\n color: ", ";\n cursor: pointer;\n"])), function (_a) {
|
|
705
705
|
var theme = _a.theme;
|
|
706
706
|
return theme.fontSizes.sm;
|
|
707
707
|
}, function (_a) {
|
|
708
708
|
var theme = _a.theme;
|
|
709
709
|
return theme.palette.grey["500"];
|
|
710
710
|
});
|
|
711
|
-
var StyledTitleLabel$1 = styled__default["default"](Label)(templateObject_5$
|
|
711
|
+
var StyledTitleLabel$1 = styled__default["default"](Label)(templateObject_5$7 || (templateObject_5$7 = __makeTemplateObject(["\n color: ", ";\n font-size: ", ";\n word-wrap: break-word;\n cursor: pointer;\n"], ["\n color: ", ";\n font-size: ", ";\n word-wrap: break-word;\n cursor: pointer;\n"])), function (_a) {
|
|
712
712
|
var theme = _a.theme;
|
|
713
713
|
return theme.palette.blue["600"];
|
|
714
714
|
}, function (_a) {
|
|
715
715
|
var theme = _a.theme;
|
|
716
716
|
return theme.fontSizes.lg;
|
|
717
717
|
});
|
|
718
|
-
var Divider$
|
|
718
|
+
var Divider$3 = styled__default["default"].div(templateObject_6$4 || (templateObject_6$4 = __makeTemplateObject(["\n width: 100%;\n height: 1px;\n margin: ", " 0;\n background-color: ", ";\n"], ["\n width: 100%;\n height: 1px;\n margin: ", " 0;\n background-color: ", ";\n"])), function (_a) {
|
|
719
719
|
var theme = _a.theme;
|
|
720
720
|
return theme.space.lg;
|
|
721
721
|
}, function (_a) {
|
|
722
722
|
var theme = _a.theme;
|
|
723
723
|
return theme.palette.grey["300"];
|
|
724
724
|
});
|
|
725
|
-
var CardHeader = styled__default["default"].div(templateObject_7$
|
|
725
|
+
var CardHeader$2 = styled__default["default"].div(templateObject_7$3 || (templateObject_7$3 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n flex-direction: row;\n justify-content: space-between;\n height: ", "px;\n"], ["\n display: flex;\n align-items: center;\n flex-direction: row;\n justify-content: space-between;\n height: ", "px;\n"])), function (_a) {
|
|
726
726
|
var theme = _a.theme;
|
|
727
727
|
return theme.space.base * 6;
|
|
728
728
|
});
|
|
729
|
-
var CardBody$
|
|
729
|
+
var CardBody$3 = styled__default["default"].div(templateObject_8$3 || (templateObject_8$3 = __makeTemplateObject(["\n display: flex;\n align-items: flex-start;\n flex-direction: column;\n justify-content: flex-start;\n margin-top: ", ";\n flex: 1;\n"], ["\n display: flex;\n align-items: flex-start;\n flex-direction: column;\n justify-content: flex-start;\n margin-top: ", ";\n flex: 1;\n"])), function (_a) {
|
|
730
730
|
var theme = _a.theme;
|
|
731
731
|
return theme.space.xxl;
|
|
732
732
|
});
|
|
733
|
-
var CardFooter$
|
|
733
|
+
var CardFooter$3 = styled__default["default"].div(templateObject_9$2 || (templateObject_9$2 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n flex-direction: row;\n justify-content: space-between;\n"], ["\n display: flex;\n align-items: center;\n flex-direction: row;\n justify-content: space-between;\n"])));
|
|
734
734
|
var CampaignCard = function (props) {
|
|
735
735
|
var isNew = props.isNew, date = props.date, projectTitle = props.projectTitle, campaignTitle = props.campaignTitle, status = props.status, type = props.type, labelNew = props.labelNew;
|
|
736
736
|
var StatusIcon = getStatusIcon(status !== null && status !== void 0 ? status : "PROGRESS");
|
|
@@ -743,11 +743,11 @@ var CampaignCard = function (props) {
|
|
|
743
743
|
if (campaignTitle.length > 29) {
|
|
744
744
|
campaignTitleCut = "".concat(campaignTitle.substring(0, 26), "...");
|
|
745
745
|
}
|
|
746
|
-
return props.isLoading ? (jsxRuntime.jsx(CampaignCardSkeleton, {})) : (jsxRuntime.jsxs(Wrapper$1, __assign({}, props, { children: [jsxRuntime.jsxs(CardHeader, { 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$
|
|
746
|
+
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
747
|
};
|
|
748
|
-
var templateObject_1$
|
|
748
|
+
var templateObject_1$S, 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
749
|
|
|
750
|
-
var Wrapper = styled__default["default"](Card)(templateObject_1$
|
|
750
|
+
var Wrapper = styled__default["default"](Card)(templateObject_1$R || (templateObject_1$R = __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
751
|
var theme = _a.theme;
|
|
752
752
|
return theme.borderRadii.lg;
|
|
753
753
|
}, function (_a) {
|
|
@@ -760,7 +760,7 @@ var Wrapper = styled__default["default"](Card)(templateObject_1$P || (templateOb
|
|
|
760
760
|
var theme = _a.theme;
|
|
761
761
|
return theme.shadows.boxShadow(theme);
|
|
762
762
|
});
|
|
763
|
-
var StyledTagNew = styled__default["default"](Tag)(templateObject_2$
|
|
763
|
+
var StyledTagNew = styled__default["default"](Tag)(templateObject_2$m || (templateObject_2$m = __makeTemplateObject(["\n height: ", "px;\n padding: ", "px\n ", "px;\n color: ", ";\n position: absolute;\n right: 16px;\n top: 16px;\n"], ["\n height: ", "px;\n padding: ", "px\n ", "px;\n color: ", ";\n position: absolute;\n right: 16px;\n top: 16px;\n"])), function (_a) {
|
|
764
764
|
var theme = _a.theme;
|
|
765
765
|
return theme.space.base * 6;
|
|
766
766
|
}, function (_a) {
|
|
@@ -773,60 +773,195 @@ var StyledTagNew = styled__default["default"](Tag)(templateObject_2$k || (templa
|
|
|
773
773
|
var theme = _a.theme;
|
|
774
774
|
return theme.palette.white;
|
|
775
775
|
});
|
|
776
|
-
var StyledLabel$1 = styled__default["default"](Label)(templateObject_3$
|
|
776
|
+
var StyledLabel$1 = styled__default["default"](Label)(templateObject_3$f || (templateObject_3$f = __makeTemplateObject(["\n font-size: ", ";\n color: ", ";\n cursor: pointer;\n"], ["\n font-size: ", ";\n color: ", ";\n cursor: pointer;\n"])), function (_a) {
|
|
777
777
|
var theme = _a.theme;
|
|
778
778
|
return theme.fontSizes.sm;
|
|
779
779
|
}, function (_a) {
|
|
780
780
|
var theme = _a.theme;
|
|
781
781
|
return theme.palette.grey["500"];
|
|
782
782
|
});
|
|
783
|
-
var StyledTitleLabel = styled__default["default"](Label)(templateObject_4$
|
|
783
|
+
var StyledTitleLabel = styled__default["default"](Label)(templateObject_4$b || (templateObject_4$b = __makeTemplateObject(["\n color: ", ";\n font-size: ", ";\n word-wrap: break-word;\n cursor: pointer;\n"], ["\n color: ", ";\n font-size: ", ";\n word-wrap: break-word;\n cursor: pointer;\n"])), function (_a) {
|
|
784
784
|
var theme = _a.theme;
|
|
785
785
|
return theme.palette.blue["600"];
|
|
786
786
|
}, function (_a) {
|
|
787
787
|
var theme = _a.theme;
|
|
788
788
|
return theme.fontSizes.lg;
|
|
789
789
|
});
|
|
790
|
-
var Divider = styled__default["default"].div(templateObject_5$
|
|
790
|
+
var Divider$2 = styled__default["default"].div(templateObject_5$6 || (templateObject_5$6 = __makeTemplateObject(["\n width: 100%;\n height: 1px;\n margin: ", " 0;\n background-color: ", ";\n"], ["\n width: 100%;\n height: 1px;\n margin: ", " 0;\n background-color: ", ";\n"])), function (_a) {
|
|
791
791
|
var theme = _a.theme;
|
|
792
792
|
return theme.space.sm;
|
|
793
793
|
}, function (_a) {
|
|
794
794
|
var theme = _a.theme;
|
|
795
795
|
return theme.palette.grey["300"];
|
|
796
796
|
});
|
|
797
|
-
var IconContainer$
|
|
797
|
+
var IconContainer$2 = styled__default["default"].div(templateObject_6$3 || (templateObject_6$3 = __makeTemplateObject(["\n padding: ", ";\n margin: auto;\n svg {\n max-width: 42px;\n width: 100%;\n height: auto;\n }\n"], ["\n padding: ", ";\n margin: auto;\n svg {\n max-width: 42px;\n width: 100%;\n height: auto;\n }\n"])), function (_a) {
|
|
798
798
|
var theme = _a.theme;
|
|
799
799
|
return theme.components.notification.card.padding;
|
|
800
800
|
});
|
|
801
|
-
var CardBody = styled__default["default"].div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n flex-direction: column;\n justify-content: center;\n flex: 1;\n cursor: pointer;\n"], ["\n display: flex;\n align-items: center;\n flex-direction: column;\n justify-content: center;\n flex: 1;\n cursor: pointer;\n"])));
|
|
802
|
-
var CardFooter = styled__default["default"].div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n flex-direction: column;\n justify-content: center;\n"], ["\n display: flex;\n align-items: center;\n flex-direction: column;\n justify-content: center;\n"])));
|
|
801
|
+
var CardBody$2 = styled__default["default"].div(templateObject_7$2 || (templateObject_7$2 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n flex-direction: column;\n justify-content: center;\n flex: 1;\n cursor: pointer;\n"], ["\n display: flex;\n align-items: center;\n flex-direction: column;\n justify-content: center;\n flex: 1;\n cursor: pointer;\n"])));
|
|
802
|
+
var CardFooter$2 = styled__default["default"].div(templateObject_8$2 || (templateObject_8$2 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n flex-direction: column;\n justify-content: center;\n"], ["\n display: flex;\n align-items: center;\n flex-direction: column;\n justify-content: center;\n"])));
|
|
803
803
|
var ProductCard = function (props) {
|
|
804
804
|
var isNew = props.isNew, productTitle = props.productTitle, labelNew = props.labelNew;
|
|
805
805
|
var productTitleCut = productTitle;
|
|
806
806
|
if (productTitle.length > 42) {
|
|
807
807
|
productTitleCut = "".concat(productTitle.substring(0, 39), "...");
|
|
808
808
|
}
|
|
809
|
-
return props.isLoading ? (jsxRuntime.jsx(CampaignCardSkeleton, {})) : (jsxRuntime.jsxs(Wrapper, __assign({}, props, { children: [jsxRuntime.jsxs(CardBody, __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$
|
|
809
|
+
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
|
+
};
|
|
811
|
+
var templateObject_1$R, templateObject_2$m, templateObject_3$f, templateObject_4$b, templateObject_5$6, templateObject_6$3, templateObject_7$2, templateObject_8$2;
|
|
812
|
+
|
|
813
|
+
/**
|
|
814
|
+
* Type components come in small, medium, large, extra-large, extra-extra-large, and extra-extra-extra-large.
|
|
815
|
+
*/
|
|
816
|
+
var SM = function (props) { return jsxRuntime.jsx(reactTypography.SM, __assign({ style: props.isMonospace ? { lineHeight: theme.lineHeights.sm } : {} }, props)); };
|
|
817
|
+
var MD = function (props) { return jsxRuntime.jsx(reactTypography.MD, __assign({ style: props.isMonospace ? { lineHeight: theme.lineHeights.md } : {} }, props)); };
|
|
818
|
+
var LG = function (props) { return jsxRuntime.jsx(reactTypography.LG, __assign({ style: props.isMonospace ? { lineHeight: theme.lineHeights.lg } : {} }, props)); };
|
|
819
|
+
var XL = function (props) { return jsxRuntime.jsx(reactTypography.XL, __assign({}, props)); };
|
|
820
|
+
var XXL = function (props) { return jsxRuntime.jsx(reactTypography.XXL, __assign({}, props)); };
|
|
821
|
+
var XXXL = function (props) { return jsxRuntime.jsx(reactTypography.XXXL, __assign({}, props)); };
|
|
822
|
+
|
|
823
|
+
var ServiceSubtitle = styled__default["default"](SM)(templateObject_1$Q || (templateObject_1$Q = __makeTemplateObject(["\n color: ", ";\n margin-bottom: ", "px;\n"], ["\n color: ", ";\n margin-bottom: ", "px;\n"])), function (_a) {
|
|
824
|
+
var theme = _a.theme;
|
|
825
|
+
return theme.palette.grey[500];
|
|
826
|
+
}, function (_a) {
|
|
827
|
+
var theme = _a.theme;
|
|
828
|
+
return theme.space.base;
|
|
829
|
+
});
|
|
830
|
+
var ServiceTitle = styled__default["default"](LG)(templateObject_2$l || (templateObject_2$l = __makeTemplateObject(["\n color: ", ";\n margin-bottom: ", "px;\n font-weight: ", ";\n"], ["\n color: ", ";\n margin-bottom: ", "px;\n font-weight: ", ";\n"])), function (_a) {
|
|
831
|
+
var theme = _a.theme;
|
|
832
|
+
return theme.palette.blue[600];
|
|
833
|
+
}, function (_a) {
|
|
834
|
+
var theme = _a.theme;
|
|
835
|
+
return theme.space.base;
|
|
836
|
+
}, function (_a) {
|
|
837
|
+
var theme = _a.theme;
|
|
838
|
+
return theme.fontWeights.semibold;
|
|
839
|
+
});
|
|
840
|
+
var StyledTag$1 = styled__default["default"](Tag)(templateObject_3$e || (templateObject_3$e = __makeTemplateObject(["\n margin-right: ", ";\n margin-top: ", ";\n"], ["\n margin-right: ", ";\n margin-top: ", ";\n"])), function (_a) {
|
|
841
|
+
var theme = _a.theme;
|
|
842
|
+
return theme.space.xs;
|
|
843
|
+
}, function (_a) {
|
|
844
|
+
var theme = _a.theme;
|
|
845
|
+
return theme.space.xs;
|
|
846
|
+
});
|
|
847
|
+
var CardHeader$1 = styled__default["default"].div(templateObject_4$a || (templateObject_4$a = __makeTemplateObject(["\n display: flex;\n align-items: center;\n flex-direction: row;\n justify-content: flex-start;\n"], ["\n display: flex;\n align-items: center;\n flex-direction: row;\n justify-content: flex-start;\n"])));
|
|
848
|
+
var IconContainer$1 = styled__default["default"].div(templateObject_5$5 || (templateObject_5$5 = __makeTemplateObject(["\n width: 100%;\n max-width: ", "px;\n height: 100%;\n max-height: ", "px;\n\n svg {\n width: 100%;\n }\n"], ["\n width: 100%;\n max-width: ", "px;\n height: 100%;\n max-height: ", "px;\n\n svg {\n width: 100%;\n }\n"])), function (_a) {
|
|
849
|
+
var theme = _a.theme;
|
|
850
|
+
return theme.space.base * 16;
|
|
851
|
+
}, function (_a) {
|
|
852
|
+
var theme = _a.theme;
|
|
853
|
+
return theme.space.base * 16;
|
|
854
|
+
});
|
|
855
|
+
var CardBody$1 = styled__default["default"].div(templateObject_6$2 || (templateObject_6$2 = __makeTemplateObject(["\n display: flex;\n align-items: flex-start;\n flex-direction: column;\n justify-content: flex-start;\n margin-top: ", ";\n"], ["\n display: flex;\n align-items: flex-start;\n flex-direction: column;\n justify-content: flex-start;\n margin-top: ", ";\n"])), function (_a) {
|
|
856
|
+
var theme = _a.theme;
|
|
857
|
+
return theme.space.sm;
|
|
858
|
+
});
|
|
859
|
+
var CardFooter$1 = styled__default["default"].div(templateObject_7$1 || (templateObject_7$1 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n flex-direction: row;\n justify-content: flex-start;\n margin-top: ", ";\n"], ["\n display: flex;\n align-items: center;\n flex-direction: row;\n justify-content: flex-start;\n margin-top: ", ";\n"])), function (_a) {
|
|
860
|
+
var theme = _a.theme;
|
|
861
|
+
return theme.space.sm;
|
|
862
|
+
});
|
|
863
|
+
var Divider$1 = styled__default["default"].div(templateObject_8$1 || (templateObject_8$1 = __makeTemplateObject(["\n width: 100%;\n height: 1px;\n margin: ", "px 0;\n background-color: ", ";\n"], ["\n width: 100%;\n height: 1px;\n margin: ", "px 0;\n background-color: ", ";\n"])), function (_a) {
|
|
864
|
+
var theme = _a.theme;
|
|
865
|
+
return theme.space.base;
|
|
866
|
+
}, function (_a) {
|
|
867
|
+
var theme = _a.theme;
|
|
868
|
+
return theme.palette.grey["300"];
|
|
869
|
+
});
|
|
870
|
+
var CardContent$1 = styled__default["default"].div(templateObject_9$1 || (templateObject_9$1 = __makeTemplateObject(["\n transition: all 0.3s ease-in-out;\n position: relative;\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 transition: all 0.3s ease-in-out;\n position: relative;\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"])));
|
|
871
|
+
var FooterContent$1 = styled__default["default"].div(templateObject_10$1 || (templateObject_10$1 = __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) {
|
|
872
|
+
var theme = _a.theme;
|
|
873
|
+
return theme.space.sm;
|
|
874
|
+
});
|
|
875
|
+
var ButtonsWrap$1 = styled__default["default"].div(templateObject_11$1 || (templateObject_11$1 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n flex-direction: column;\n justify-content: center;\n width: 100%;\n margin-top: ", "px;\n\n button {\n margin-top: ", ";\n }\n"], ["\n display: flex;\n align-items: center;\n flex-direction: column;\n justify-content: center;\n width: 100%;\n margin-top: ", "px;\n\n button {\n margin-top: ", ";\n }\n"])), function (_a) {
|
|
876
|
+
var theme = _a.theme;
|
|
877
|
+
return theme.space.base;
|
|
878
|
+
}, function (_a) {
|
|
879
|
+
var theme = _a.theme;
|
|
880
|
+
return theme.space.sm;
|
|
881
|
+
});
|
|
882
|
+
var HoverBody = styled__default["default"](CardBody$1)(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n position: absolute;\n top: 100%;\n left: 0;\n width: 100%;\n height: 100%;\n margin-top: 0;\n padding: ", ";\n background-color: ", ";\n transition: all 0.3s ease-in-out;\n z-index: 2;\n display: flex;\n align-items: space-between;\n flex-direction: column;\n justify-content: space-between;\n"], ["\n position: absolute;\n top: 100%;\n left: 0;\n width: 100%;\n height: 100%;\n margin-top: 0;\n padding: ", ";\n background-color: ", ";\n transition: all 0.3s ease-in-out;\n z-index: 2;\n display: flex;\n align-items: space-between;\n flex-direction: column;\n justify-content: space-between;\n"])), function (_a) {
|
|
883
|
+
var theme = _a.theme;
|
|
884
|
+
return theme.components.notification.card.padding;
|
|
885
|
+
}, function (_a) {
|
|
886
|
+
var theme = _a.theme;
|
|
887
|
+
return theme.palette.white;
|
|
888
|
+
});
|
|
889
|
+
var HoverMetaContainer = styled__default["default"].div(templateObject_13 || (templateObject_13 = __makeTemplateObject([""], [""])));
|
|
890
|
+
var StyledCard$3 = styled__default["default"](Card)(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n"])), cardStyle, function (_a) {
|
|
891
|
+
var isHoverable = _a.isHoverable;
|
|
892
|
+
return isHoverable && "\n &:hover {\n ".concat(HoverBody, " {\n top: 0;\n transition: all 0.3s ease-in-out;\n }\n\n ").concat(CardContent$1, " {\n opacity: 0;\n transition: all 0.3s ease-in-out;\n }\n }\n ");
|
|
893
|
+
});
|
|
894
|
+
var ServiceCard = function (props) {
|
|
895
|
+
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
|
+
};
|
|
897
|
+
var templateObject_1$Q, 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
|
+
|
|
899
|
+
var StyledCard$2 = styled__default["default"](Card)(templateObject_1$P || (templateObject_1$P = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), cardStyle);
|
|
900
|
+
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
|
+
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
|
+
var theme = _a.theme;
|
|
903
|
+
return theme.space.sm;
|
|
904
|
+
});
|
|
905
|
+
var ButtonsWrap = styled__default["default"].div(templateObject_4$9 || (templateObject_4$9 = __makeTemplateObject(["\n display: flex;\n align-items: flex-start;\n flex-direction: column;\n justify-content: flex-start;\n width: 100%;\n\n button {\n margin-top: ", ";\n }\n"], ["\n display: flex;\n align-items: flex-start;\n flex-direction: column;\n justify-content: flex-start;\n width: 100%;\n\n button {\n margin-top: ", ";\n }\n"])), function (_a) {
|
|
906
|
+
var theme = _a.theme;
|
|
907
|
+
return theme.space.sm;
|
|
908
|
+
});
|
|
909
|
+
var CardHeader = styled__default["default"].div(templateObject_5$4 || (templateObject_5$4 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n flex-direction: row;\n justify-content: flex-start;\n"], ["\n display: flex;\n align-items: center;\n flex-direction: row;\n justify-content: flex-start;\n"])));
|
|
910
|
+
var ImgContainer = styled__default["default"].div(templateObject_6$1 || (templateObject_6$1 = __makeTemplateObject(["\n width: 100%;\n\n svg, img {\n width: 100%;\n max-width: 100%;\n }\n"], ["\n width: 100%;\n\n svg, img {\n width: 100%;\n max-width: 100%;\n }\n"])));
|
|
911
|
+
var CardBody = styled__default["default"].div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n display: flex;\n align-items: flex-start;\n flex-direction: column;\n justify-content: flex-start;\n margin-top: ", ";\n"], ["\n display: flex;\n align-items: flex-start;\n flex-direction: column;\n justify-content: flex-start;\n margin-top: ", ";\n"])), function (_a) {
|
|
912
|
+
var theme = _a.theme;
|
|
913
|
+
return theme.space.sm;
|
|
914
|
+
});
|
|
915
|
+
var CardFooter = styled__default["default"].div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n flex-direction: row;\n justify-content: flex-start;\n margin-top: ", ";\n"], ["\n display: flex;\n align-items: center;\n flex-direction: row;\n justify-content: flex-start;\n margin-top: ", ";\n"])), function (_a) {
|
|
916
|
+
var theme = _a.theme;
|
|
917
|
+
return theme.space.sm;
|
|
918
|
+
});
|
|
919
|
+
var Divider = styled__default["default"].div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n width: 100%;\n height: 1px;\n margin: ", "px 0;\n background-color: ", ";\n"], ["\n width: 100%;\n height: 1px;\n margin: ", "px 0;\n background-color: ", ";\n"])), function (_a) {
|
|
920
|
+
var theme = _a.theme;
|
|
921
|
+
return theme.space.base;
|
|
922
|
+
}, function (_a) {
|
|
923
|
+
var theme = _a.theme;
|
|
924
|
+
return theme.palette.grey["300"];
|
|
925
|
+
});
|
|
926
|
+
var InfoSubtitle = styled__default["default"](SM)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n color: ", ";\n margin-bottom: ", "px;\n"], ["\n color: ", ";\n margin-bottom: ", "px;\n"])), function (_a) {
|
|
927
|
+
var theme = _a.theme;
|
|
928
|
+
return theme.palette.grey[500];
|
|
929
|
+
}, function (_a) {
|
|
930
|
+
var theme = _a.theme;
|
|
931
|
+
return theme.space.base;
|
|
932
|
+
});
|
|
933
|
+
var InfoTitle = styled__default["default"](LG)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n color: ", ";\n margin-bottom: ", "px;\n font-weight: ", ";\n"], ["\n color: ", ";\n margin-bottom: ", "px;\n font-weight: ", ";\n"])), function (_a) {
|
|
934
|
+
var theme = _a.theme;
|
|
935
|
+
return theme.palette.blue[600];
|
|
936
|
+
}, function (_a) {
|
|
937
|
+
var theme = _a.theme;
|
|
938
|
+
return theme.space.base;
|
|
939
|
+
}, function (_a) {
|
|
940
|
+
var theme = _a.theme;
|
|
941
|
+
return theme.fontWeights.semibold;
|
|
942
|
+
});
|
|
943
|
+
var InfoCard = function (props) {
|
|
944
|
+
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); }) })) })] }))] }) })));
|
|
810
945
|
};
|
|
811
|
-
var templateObject_1$P, templateObject_2$k, templateObject_3$d, templateObject_4$9, templateObject_5$4, templateObject_6$1, templateObject_7, templateObject_8;
|
|
946
|
+
var templateObject_1$P, 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;
|
|
812
947
|
|
|
813
948
|
/**
|
|
814
949
|
* Title is a basic component used to display a title. Often used in card headers.
|
|
815
950
|
*/
|
|
816
951
|
var Close = function (props) { return jsxRuntime.jsx(reactNotifications.Close, __assign({}, props)); };
|
|
817
952
|
|
|
818
|
-
var _path$
|
|
953
|
+
var _path$n, _path2$3, _path3$3, _path4$2;
|
|
819
954
|
|
|
820
|
-
function _extends$
|
|
955
|
+
function _extends$p() { _extends$p = 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$p.apply(this, arguments); }
|
|
821
956
|
|
|
822
957
|
var SvgCampaignCompleted = function SvgCampaignCompleted(props) {
|
|
823
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
958
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$p({
|
|
824
959
|
width: 24,
|
|
825
960
|
height: 24,
|
|
826
961
|
viewBox: "0 0 24 24",
|
|
827
962
|
fill: "none",
|
|
828
963
|
xmlns: "http://www.w3.org/2000/svg"
|
|
829
|
-
}, props), _path$
|
|
964
|
+
}, props), _path$n || (_path$n = /*#__PURE__*/React__namespace.createElement("path", {
|
|
830
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",
|
|
831
966
|
fill: "#F8F9F9"
|
|
832
967
|
})), _path2$3 || (_path2$3 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
@@ -841,18 +976,18 @@ var SvgCampaignCompleted = function SvgCampaignCompleted(props) {
|
|
|
841
976
|
})));
|
|
842
977
|
};
|
|
843
978
|
|
|
844
|
-
var _path$
|
|
979
|
+
var _path$m, _path2$2, _path3$2, _path4$1, _path5$1, _path6$1, _path7$1, _path8$1, _path9$1, _path10$1, _path11$1;
|
|
845
980
|
|
|
846
|
-
function _extends$
|
|
981
|
+
function _extends$o() { _extends$o = 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$o.apply(this, arguments); }
|
|
847
982
|
|
|
848
983
|
var SvgCampaignProgress = function SvgCampaignProgress(props) {
|
|
849
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
984
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$o({
|
|
850
985
|
width: 24,
|
|
851
986
|
height: 24,
|
|
852
987
|
viewBox: "0 0 24 24",
|
|
853
988
|
fill: "none",
|
|
854
989
|
xmlns: "http://www.w3.org/2000/svg"
|
|
855
|
-
}, props), _path$
|
|
990
|
+
}, props), _path$m || (_path$m = /*#__PURE__*/React__namespace.createElement("path", {
|
|
856
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",
|
|
857
992
|
fill: "#F8F9F9"
|
|
858
993
|
})), _path2$2 || (_path2$2 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
@@ -888,18 +1023,18 @@ var SvgCampaignProgress = function SvgCampaignProgress(props) {
|
|
|
888
1023
|
})));
|
|
889
1024
|
};
|
|
890
1025
|
|
|
891
|
-
var _path$
|
|
1026
|
+
var _path$l, _path2$1, _path3$1;
|
|
892
1027
|
|
|
893
|
-
function _extends$
|
|
1028
|
+
function _extends$n() { _extends$n = 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$n.apply(this, arguments); }
|
|
894
1029
|
|
|
895
1030
|
var SvgCampaignIncoming = function SvgCampaignIncoming(props) {
|
|
896
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
1031
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$n({
|
|
897
1032
|
width: 24,
|
|
898
1033
|
height: 24,
|
|
899
1034
|
viewBox: "0 0 24 24",
|
|
900
1035
|
fill: "none",
|
|
901
1036
|
xmlns: "http://www.w3.org/2000/svg"
|
|
902
|
-
}, props), _path$
|
|
1037
|
+
}, props), _path$l || (_path$l = /*#__PURE__*/React__namespace.createElement("path", {
|
|
903
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",
|
|
904
1039
|
fill: "#F8F9F9"
|
|
905
1040
|
})), _path2$1 || (_path2$1 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
@@ -917,12 +1052,12 @@ var SvgCampaignIncoming = function SvgCampaignIncoming(props) {
|
|
|
917
1052
|
})));
|
|
918
1053
|
};
|
|
919
1054
|
|
|
920
|
-
var _g$2, _path$
|
|
1055
|
+
var _g$2, _path$k;
|
|
921
1056
|
|
|
922
|
-
function _extends$
|
|
1057
|
+
function _extends$m() { _extends$m = 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$m.apply(this, arguments); }
|
|
923
1058
|
|
|
924
1059
|
var SvgCampaignFunctional = function SvgCampaignFunctional(props) {
|
|
925
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
1060
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$m({
|
|
926
1061
|
width: 24,
|
|
927
1062
|
height: 24,
|
|
928
1063
|
viewBox: "0 0 24 24",
|
|
@@ -934,18 +1069,18 @@ var SvgCampaignFunctional = function SvgCampaignFunctional(props) {
|
|
|
934
1069
|
opacity: 0.3,
|
|
935
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",
|
|
936
1071
|
fill: "#003A57"
|
|
937
|
-
}))), _path$
|
|
1072
|
+
}))), _path$k || (_path$k = /*#__PURE__*/React__namespace.createElement("path", {
|
|
938
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",
|
|
939
1074
|
fill: "#003A57"
|
|
940
1075
|
})));
|
|
941
1076
|
};
|
|
942
1077
|
|
|
943
|
-
var _g$1, _path$
|
|
1078
|
+
var _g$1, _path$j, _path2, _path3, _path4, _path5, _path6, _path7, _path8, _path9, _path10, _path11;
|
|
944
1079
|
|
|
945
|
-
function _extends$
|
|
1080
|
+
function _extends$l() { _extends$l = 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$l.apply(this, arguments); }
|
|
946
1081
|
|
|
947
1082
|
var SvgCampaignExperiential = function SvgCampaignExperiential(props) {
|
|
948
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
1083
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$l({
|
|
949
1084
|
width: 24,
|
|
950
1085
|
height: 24,
|
|
951
1086
|
viewBox: "0 0 24 24",
|
|
@@ -957,7 +1092,7 @@ var SvgCampaignExperiential = function SvgCampaignExperiential(props) {
|
|
|
957
1092
|
opacity: 0.3,
|
|
958
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",
|
|
959
1094
|
fill: "#003A57"
|
|
960
|
-
}))), _path$
|
|
1095
|
+
}))), _path$j || (_path$j = /*#__PURE__*/React__namespace.createElement("path", {
|
|
961
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",
|
|
962
1097
|
fill: "#003A57",
|
|
963
1098
|
stroke: "#003A57"
|
|
@@ -1268,18 +1403,18 @@ var UgRadio = styled__default["default"](reactForms.Radio)(templateObject_1$F ||
|
|
|
1268
1403
|
var Radio = function (props) { return jsxRuntime.jsx(UgRadio, __assign({}, props)); };
|
|
1269
1404
|
var templateObject_1$F;
|
|
1270
1405
|
|
|
1271
|
-
var _path$
|
|
1406
|
+
var _path$i;
|
|
1272
1407
|
|
|
1273
|
-
function _extends$
|
|
1408
|
+
function _extends$k() { _extends$k = 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$k.apply(this, arguments); }
|
|
1274
1409
|
|
|
1275
1410
|
var SvgCheckLg = function SvgCheckLg(props) {
|
|
1276
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
1411
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$k({
|
|
1277
1412
|
width: 16,
|
|
1278
1413
|
height: 16,
|
|
1279
1414
|
viewBox: "0 0 16 16",
|
|
1280
1415
|
fill: "#68737D",
|
|
1281
1416
|
xmlns: "http://www.w3.org/2000/svg"
|
|
1282
|
-
}, props), _path$
|
|
1417
|
+
}, props), _path$i || (_path$i = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1283
1418
|
fillRule: "evenodd",
|
|
1284
1419
|
clipRule: "evenodd",
|
|
1285
1420
|
d: "M14.6464 2.64645C14.8417 2.45118 15.1583 2.45118 15.3536 2.64645C15.5488 2.84171 15.5488 3.15829 15.3536 3.35355L5.35355 13.3536C5.15829 13.5488 4.84171 13.5488 4.64645 13.3536L0.646447 9.35355C0.451184 9.15829 0.451184 8.84171 0.646447 8.64645C0.841709 8.45118 1.15829 8.45118 1.35355 8.64645L5 12.2929L14.6464 2.64645Z"
|
|
@@ -1323,7 +1458,7 @@ var Circle = styled__default["default"].div(templateObject_4$7 || (templateObjec
|
|
|
1323
1458
|
var checked = _a.checked;
|
|
1324
1459
|
return !checked && "\n opacity: 0;\n visibility: hidden;\n ";
|
|
1325
1460
|
});
|
|
1326
|
-
var StyledDivider = styled__default["default"](Divider$
|
|
1461
|
+
var StyledDivider = styled__default["default"](Divider$3)(templateObject_5$3 || (templateObject_5$3 = __makeTemplateObject(["\n background-color: ", ";\n margin: ", "px auto;\n"], ["\n background-color: ", ";\n margin: ", "px auto;\n"])), function (_a) {
|
|
1327
1462
|
var theme = _a.theme;
|
|
1328
1463
|
return theme.palette.blue[100];
|
|
1329
1464
|
}, function (_a) {
|
|
@@ -1372,52 +1507,52 @@ var Row$1 = function (props) { return jsxRuntime.jsx(reactGrid.Row, __assign({},
|
|
|
1372
1507
|
*/
|
|
1373
1508
|
var Grid = function (props) { return jsxRuntime.jsx(reactGrid.Grid, __assign({}, props)); };
|
|
1374
1509
|
|
|
1375
|
-
var _path$
|
|
1510
|
+
var _path$h;
|
|
1376
1511
|
|
|
1377
|
-
function _extends$
|
|
1512
|
+
function _extends$j() { _extends$j = 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$j.apply(this, arguments); }
|
|
1378
1513
|
|
|
1379
1514
|
var SvgUgSquare = function SvgUgSquare(props) {
|
|
1380
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
1515
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$j({
|
|
1381
1516
|
width: 24,
|
|
1382
1517
|
height: 24,
|
|
1383
1518
|
viewBox: "0 0 24 24",
|
|
1384
1519
|
fill: "none",
|
|
1385
1520
|
xmlns: "http://www.w3.org/2000/svg"
|
|
1386
|
-
}, props), _path$
|
|
1521
|
+
}, props), _path$h || (_path$h = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1387
1522
|
d: "M19 3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3ZM18 19H6C5.45 19 5 18.55 5 18V6C5 5.45 5.45 5 6 5H18C18.55 5 19 5.45 19 6V18C19 18.55 18.55 19 18 19Z",
|
|
1388
1523
|
fill: "#E80C7A"
|
|
1389
1524
|
})));
|
|
1390
1525
|
};
|
|
1391
1526
|
|
|
1392
|
-
var _path$
|
|
1527
|
+
var _path$g;
|
|
1393
1528
|
|
|
1394
|
-
function _extends$
|
|
1529
|
+
function _extends$i() { _extends$i = 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$i.apply(this, arguments); }
|
|
1395
1530
|
|
|
1396
1531
|
var SvgUgCircle = function SvgUgCircle(props) {
|
|
1397
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
1532
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$i({
|
|
1398
1533
|
width: 24,
|
|
1399
1534
|
height: 24,
|
|
1400
1535
|
viewBox: "0 0 24 24",
|
|
1401
1536
|
fill: "none",
|
|
1402
1537
|
xmlns: "http://www.w3.org/2000/svg"
|
|
1403
|
-
}, props), _path$
|
|
1538
|
+
}, props), _path$g || (_path$g = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1404
1539
|
d: "M12 2C6.47 2 2 6.47 2 12C2 17.53 6.47 22 12 22C17.53 22 22 17.53 22 12C22 6.47 17.53 2 12 2ZM12 20C7.58 20 4 16.42 4 12C4 7.58 7.58 4 12 4C16.42 4 20 7.58 20 12C20 16.42 16.42 20 12 20Z",
|
|
1405
1540
|
fill: "#FFCD1A"
|
|
1406
1541
|
})));
|
|
1407
1542
|
};
|
|
1408
1543
|
|
|
1409
|
-
var _path$
|
|
1544
|
+
var _path$f;
|
|
1410
1545
|
|
|
1411
|
-
function _extends$
|
|
1546
|
+
function _extends$h() { _extends$h = 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$h.apply(this, arguments); }
|
|
1412
1547
|
|
|
1413
1548
|
var SvgUgTriangle = function SvgUgTriangle(props) {
|
|
1414
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
1549
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$h({
|
|
1415
1550
|
width: 24,
|
|
1416
1551
|
height: 24,
|
|
1417
1552
|
viewBox: "0 0 24 24",
|
|
1418
1553
|
fill: "none",
|
|
1419
1554
|
xmlns: "http://www.w3.org/2000/svg"
|
|
1420
|
-
}, props), _path$
|
|
1555
|
+
}, props), _path$f || (_path$f = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1421
1556
|
d: "M11.9993 7.32625L18.3893 17.5563H5.60929L11.9993 7.32625ZM11.1493 4.91625L2.94929 18.0262C2.53929 18.6962 3.01929 19.5563 3.79929 19.5563H20.1993C20.9893 19.5563 21.4593 18.6962 21.0493 18.0262L12.8493 4.91625C12.4593 4.28625 11.5393 4.28625 11.1493 4.91625Z",
|
|
1422
1557
|
fill: "#7B0DFF"
|
|
1423
1558
|
})));
|
|
@@ -1478,18 +1613,18 @@ var templateObject_1$y;
|
|
|
1478
1613
|
*/
|
|
1479
1614
|
var Content = function (props) { return jsxRuntime.jsx(reactChrome.Content, __assign({}, props)); };
|
|
1480
1615
|
|
|
1481
|
-
var _path$
|
|
1616
|
+
var _path$e;
|
|
1482
1617
|
|
|
1483
|
-
function _extends$
|
|
1618
|
+
function _extends$g() { _extends$g = 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$g.apply(this, arguments); }
|
|
1484
1619
|
|
|
1485
1620
|
var SvgChevronDownStroke = function SvgChevronDownStroke(props) {
|
|
1486
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
1621
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$g({
|
|
1487
1622
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1488
1623
|
width: 16,
|
|
1489
1624
|
height: 16,
|
|
1490
1625
|
focusable: "false",
|
|
1491
1626
|
viewBox: "0 0 16 16"
|
|
1492
|
-
}, props), _path$
|
|
1627
|
+
}, props), _path$e || (_path$e = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1493
1628
|
fill: "currentColor",
|
|
1494
1629
|
d: "M12.688 5.61a.5.5 0 01.69.718l-.066.062-5 4a.5.5 0 01-.542.054l-.082-.054-5-4a.5.5 0 01.55-.83l.074.05L8 9.359l4.688-3.75z"
|
|
1495
1630
|
})));
|
|
@@ -1541,18 +1676,18 @@ var Logo = function (props) {
|
|
|
1541
1676
|
}[props.type] })));
|
|
1542
1677
|
};
|
|
1543
1678
|
|
|
1544
|
-
var _path$
|
|
1679
|
+
var _path$d;
|
|
1545
1680
|
|
|
1546
|
-
function _extends$
|
|
1681
|
+
function _extends$f() { _extends$f = 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$f.apply(this, arguments); }
|
|
1547
1682
|
|
|
1548
1683
|
var SvgMenuStroke = function SvgMenuStroke(props) {
|
|
1549
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
1684
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$f({
|
|
1550
1685
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1551
1686
|
width: 16,
|
|
1552
1687
|
height: 16,
|
|
1553
1688
|
focusable: "false",
|
|
1554
1689
|
viewBox: "0 0 16 16"
|
|
1555
|
-
}, props), _path$
|
|
1690
|
+
}, props), _path$d || (_path$d = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1556
1691
|
fill: "none",
|
|
1557
1692
|
stroke: "currentColor",
|
|
1558
1693
|
strokeLinecap: "round",
|
|
@@ -1560,16 +1695,6 @@ var SvgMenuStroke = function SvgMenuStroke(props) {
|
|
|
1560
1695
|
})));
|
|
1561
1696
|
};
|
|
1562
1697
|
|
|
1563
|
-
/**
|
|
1564
|
-
* Type components come in small, medium, large, extra-large, extra-extra-large, and extra-extra-extra-large.
|
|
1565
|
-
*/
|
|
1566
|
-
var SM = function (props) { return jsxRuntime.jsx(reactTypography.SM, __assign({ style: props.isMonospace ? { lineHeight: theme.lineHeights.sm } : {} }, props)); };
|
|
1567
|
-
var MD = function (props) { return jsxRuntime.jsx(reactTypography.MD, __assign({ style: props.isMonospace ? { lineHeight: theme.lineHeights.md } : {} }, props)); };
|
|
1568
|
-
var LG = function (props) { return jsxRuntime.jsx(reactTypography.LG, __assign({ style: props.isMonospace ? { lineHeight: theme.lineHeights.lg } : {} }, props)); };
|
|
1569
|
-
var XL = function (props) { return jsxRuntime.jsx(reactTypography.XL, __assign({}, props)); };
|
|
1570
|
-
var XXL = function (props) { return jsxRuntime.jsx(reactTypography.XXL, __assign({}, props)); };
|
|
1571
|
-
var XXXL = function (props) { return jsxRuntime.jsx(reactTypography.XXXL, __assign({}, props)); };
|
|
1572
|
-
|
|
1573
1698
|
/**
|
|
1574
1699
|
* Use Ellipsis to automatically provide text content with a native title attribute and text-overflow styling.
|
|
1575
1700
|
*/
|
|
@@ -1707,35 +1832,35 @@ var templateObject_1$p;
|
|
|
1707
1832
|
|
|
1708
1833
|
var NavItemText = function (props) { return (jsxRuntime.jsx(reactChrome.NavItemText, __assign({}, props, { children: jsxRuntime.jsx(Ellipsis, __assign({ style: { width: "200px" } }, { children: props.children })) }))); };
|
|
1709
1834
|
|
|
1710
|
-
var _path$
|
|
1835
|
+
var _path$c;
|
|
1711
1836
|
|
|
1712
|
-
function _extends$
|
|
1837
|
+
function _extends$e() { _extends$e = 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$e.apply(this, arguments); }
|
|
1713
1838
|
|
|
1714
1839
|
var SvgChevronRightStroke = function SvgChevronRightStroke(props) {
|
|
1715
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
1840
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$e({
|
|
1716
1841
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1717
1842
|
width: 16,
|
|
1718
1843
|
height: 16,
|
|
1719
1844
|
focusable: "false",
|
|
1720
1845
|
viewBox: "0 0 16 16"
|
|
1721
|
-
}, props), _path$
|
|
1846
|
+
}, props), _path$c || (_path$c = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1722
1847
|
fill: "currentColor",
|
|
1723
1848
|
d: "M5.61 3.312a.5.5 0 01.718-.69l.062.066 4 5a.5.5 0 01.054.542l-.054.082-4 5a.5.5 0 01-.83-.55l.05-.074L9.359 8l-3.75-4.688z"
|
|
1724
1849
|
})));
|
|
1725
1850
|
};
|
|
1726
1851
|
|
|
1727
|
-
var _path$
|
|
1852
|
+
var _path$b;
|
|
1728
1853
|
|
|
1729
|
-
function _extends$
|
|
1854
|
+
function _extends$d() { _extends$d = 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$d.apply(this, arguments); }
|
|
1730
1855
|
|
|
1731
1856
|
var SvgChevronLeftStroke = function SvgChevronLeftStroke(props) {
|
|
1732
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
1857
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$d({
|
|
1733
1858
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1734
1859
|
width: 16,
|
|
1735
1860
|
height: 16,
|
|
1736
1861
|
focusable: "false",
|
|
1737
1862
|
viewBox: "0 0 16 16"
|
|
1738
|
-
}, props), _path$
|
|
1863
|
+
}, props), _path$b || (_path$b = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1739
1864
|
fill: "currentColor",
|
|
1740
1865
|
d: "M10.39 12.688a.5.5 0 01-.718.69l-.062-.066-4-5a.5.5 0 01-.054-.542l.054-.082 4-5a.5.5 0 01.83.55l-.05.074L6.641 8l3.75 4.688z"
|
|
1741
1866
|
})));
|
|
@@ -1779,29 +1904,29 @@ NavItemProject.Title = NavItemText;
|
|
|
1779
1904
|
NavItemProject.SubTitle = UgProjectSubtitle;
|
|
1780
1905
|
var templateObject_1$m, templateObject_2$c;
|
|
1781
1906
|
|
|
1782
|
-
var _path$
|
|
1907
|
+
var _path$a;
|
|
1783
1908
|
|
|
1784
|
-
function _extends$
|
|
1909
|
+
function _extends$c() { _extends$c = 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$c.apply(this, arguments); }
|
|
1785
1910
|
|
|
1786
1911
|
var SvgHomeFill = function SvgHomeFill(props) {
|
|
1787
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
1912
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$c({
|
|
1788
1913
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1789
1914
|
width: 26,
|
|
1790
1915
|
height: 26,
|
|
1791
1916
|
focusable: "false",
|
|
1792
1917
|
viewBox: "0 0 26 26"
|
|
1793
|
-
}, props), _path$
|
|
1918
|
+
}, props), _path$a || (_path$a = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1794
1919
|
fill: "currentColor",
|
|
1795
1920
|
d: "M23.885 13.2l-1.328 1.639a.522.522 0 01-.737.084l-1.444-1.155v7.182c0 .577-.474 1.05-1.054 1.05H16.51c-.58 0-1.054-.473-1.054-1.05v-3.182a2.43 2.43 0 00-.716-1.732 2.448 2.448 0 00-1.74-.714 2.45 2.45 0 00-1.739.714 2.43 2.43 0 00-.716 1.732v3.182c0 .577-.474 1.05-1.054 1.05H6.678c-.582 0-1.054-.47-1.054-1.05v-7.182L4.18 14.923a.522.522 0 01-.737-.084L2.115 13.2a.52.52 0 01.084-.735l10.474-8.348a.51.51 0 01.654 0L23.8 12.466a.52.52 0 01.084.735"
|
|
1796
1921
|
})));
|
|
1797
1922
|
};
|
|
1798
1923
|
|
|
1799
|
-
var _linearGradient, _path$
|
|
1924
|
+
var _linearGradient, _path$9;
|
|
1800
1925
|
|
|
1801
|
-
function _extends$
|
|
1926
|
+
function _extends$b() { _extends$b = 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$b.apply(this, arguments); }
|
|
1802
1927
|
|
|
1803
1928
|
var SvgHomeFillStyled = function SvgHomeFillStyled(props) {
|
|
1804
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
1929
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$b({
|
|
1805
1930
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1806
1931
|
width: 26,
|
|
1807
1932
|
height: 26,
|
|
@@ -1817,18 +1942,18 @@ var SvgHomeFillStyled = function SvgHomeFillStyled(props) {
|
|
|
1817
1942
|
className: "stop3",
|
|
1818
1943
|
offset: "100%",
|
|
1819
1944
|
stopColor: "#001825"
|
|
1820
|
-
}))), _path$
|
|
1945
|
+
}))), _path$9 || (_path$9 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1821
1946
|
fill: "url(#unguessIconGradient)",
|
|
1822
1947
|
d: "M23.885 13.2l-1.328 1.639a.522.522 0 01-.737.084l-1.444-1.155v7.182c0 .577-.474 1.05-1.054 1.05H16.51c-.58 0-1.054-.473-1.054-1.05v-3.182a2.43 2.43 0 00-.716-1.732 2.448 2.448 0 00-1.74-.714 2.45 2.45 0 00-1.739.714 2.43 2.43 0 00-.716 1.732v3.182c0 .577-.474 1.05-1.054 1.05H6.678c-.582 0-1.054-.47-1.054-1.05v-7.182L4.18 14.923a.522.522 0 01-.737-.084L2.115 13.2a.52.52 0 01.084-.735l10.474-8.348a.51.51 0 01.654 0L23.8 12.466a.52.52 0 01.084.735"
|
|
1823
1948
|
})));
|
|
1824
1949
|
};
|
|
1825
1950
|
|
|
1826
|
-
var _g, _defs;
|
|
1951
|
+
var _g, _defs$2;
|
|
1827
1952
|
|
|
1828
|
-
function _extends$
|
|
1953
|
+
function _extends$a() { _extends$a = 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$a.apply(this, arguments); }
|
|
1829
1954
|
|
|
1830
1955
|
var SvgToken = function SvgToken(props) {
|
|
1831
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
1956
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$a({
|
|
1832
1957
|
fill: "none",
|
|
1833
1958
|
viewBox: "0 0 32 32",
|
|
1834
1959
|
xmlns: "http://www.w3.org/2000/svg"
|
|
@@ -1855,7 +1980,7 @@ var SvgToken = function SvgToken(props) {
|
|
|
1855
1980
|
}), /*#__PURE__*/React__namespace.createElement("path", {
|
|
1856
1981
|
d: "m20.986 10.545h-2.381v2.381h2.381v-2.381z",
|
|
1857
1982
|
fill: "#fff"
|
|
1858
|
-
}))), _defs || (_defs = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("clipPath", {
|
|
1983
|
+
}))), _defs$2 || (_defs$2 = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("clipPath", {
|
|
1859
1984
|
id: "a"
|
|
1860
1985
|
}, /*#__PURE__*/React__namespace.createElement("rect", {
|
|
1861
1986
|
width: 32,
|
|
@@ -1864,18 +1989,18 @@ var SvgToken = function SvgToken(props) {
|
|
|
1864
1989
|
})))));
|
|
1865
1990
|
};
|
|
1866
1991
|
|
|
1867
|
-
var _path$
|
|
1992
|
+
var _path$8;
|
|
1868
1993
|
|
|
1869
|
-
function _extends$
|
|
1994
|
+
function _extends$9() { _extends$9 = 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$9.apply(this, arguments); }
|
|
1870
1995
|
|
|
1871
1996
|
var SvgFolderIcon = function SvgFolderIcon(props) {
|
|
1872
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
1997
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$9({
|
|
1873
1998
|
width: 12,
|
|
1874
1999
|
height: 12,
|
|
1875
2000
|
viewBox: "0 0 12 12",
|
|
1876
2001
|
fill: "#68737D",
|
|
1877
2002
|
xmlns: "http://www.w3.org/2000/svg"
|
|
1878
|
-
}, props), _path$
|
|
2003
|
+
}, props), _path$8 || (_path$8 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1879
2004
|
fillRule: "evenodd",
|
|
1880
2005
|
clipRule: "evenodd",
|
|
1881
2006
|
d: "M9.99976 4H6.99976V3.5C6.99976 2.62386 6.3759 2 5.49976 2H2.49976C1.62362 2 0.999758 2.62386 0.999758 3.5V6H0.499758C0.174472 6 -0.0642066 6.30569 0.0146868 6.62127L1.01469 10.6213C1.07033 10.8439 1.27032 11 1.49976 11H10.4998C10.7292 11 10.9292 10.8439 10.9848 10.6213L11.9848 6.62127C12.0637 6.30569 11.825 6 11.4998 6H10.9998V5C10.9998 4.42386 10.5759 4 9.99976 4ZM10.8594 7H1.14015L1.89015 10H10.1094L10.8594 7ZM1.99976 6H9.99976V5H5.99976V3.5C5.99976 3.17614 5.82362 3 5.49976 3H2.49976C2.1759 3 1.99976 3.17614 1.99976 3.5V6Z",
|
|
@@ -1883,6 +2008,69 @@ var SvgFolderIcon = function SvgFolderIcon(props) {
|
|
|
1883
2008
|
})));
|
|
1884
2009
|
};
|
|
1885
2010
|
|
|
2011
|
+
var _path$7, _defs$1;
|
|
2012
|
+
|
|
2013
|
+
function _extends$8() { _extends$8 = 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$8.apply(this, arguments); }
|
|
2014
|
+
|
|
2015
|
+
var SvgTemplates = function SvgTemplates(props) {
|
|
2016
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$8({
|
|
2017
|
+
width: 26,
|
|
2018
|
+
height: 26,
|
|
2019
|
+
viewBox: "0 0 26 26",
|
|
2020
|
+
fill: "none",
|
|
2021
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
2022
|
+
}, props), _path$7 || (_path$7 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
2023
|
+
fillRule: "evenodd",
|
|
2024
|
+
clipRule: "evenodd",
|
|
2025
|
+
d: "M8 5H3.5C3.2 5 3 5.2 3 5.5V18.5C3 18.8 3.2 19 3.5 19H7C10 19 11 21 11 21H12V7C12 6.9 11 5 8 5ZM9 15H6C5.5 15 5 14.5 5 14C5 13.5 5.5 13 6 13H9C9.5 13 10 13.5 10 14C10 14.5 9.5 15 9 15ZM9 11H6C5.5 11 5 10.5 5 10C5 9.5 5.5 9 6 9H9C9.5 9 10 9.5 10 10C10 10.5 9.5 11 9 11ZM14 7V21H15C15 21 16 19 19 19H22.5C22.8 19 23 18.8 23 18.5V5.5C23 5.2 22.8 5 22.5 5H18C15 5 14 6.9 14 7ZM16 14C16 13.5 16.5 13 17 13H20C20.5 13 21 13.5 21 14C21 14.5 20.5 15 20 15H17C16.5 15 16 14.5 16 14ZM16 10C16 9.5 16.5 9 17 9H20C20.5 9 21 9.5 21 10C21 10.5 20.5 11 20 11H17C16.5 11 16 10.5 16 10Z",
|
|
2026
|
+
fill: "url(#paint0_linear_342_21583)"
|
|
2027
|
+
})), _defs$1 || (_defs$1 = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("linearGradient", {
|
|
2028
|
+
id: "paint0_linear_342_21583",
|
|
2029
|
+
x1: 3,
|
|
2030
|
+
y1: 5,
|
|
2031
|
+
x2: 23.2766,
|
|
2032
|
+
y2: 5.35853,
|
|
2033
|
+
gradientUnits: "userSpaceOnUse"
|
|
2034
|
+
}, /*#__PURE__*/React__namespace.createElement("stop", {
|
|
2035
|
+
stopColor: "#001825"
|
|
2036
|
+
}), /*#__PURE__*/React__namespace.createElement("stop", {
|
|
2037
|
+
offset: 1,
|
|
2038
|
+
stopColor: "#003A57"
|
|
2039
|
+
})))));
|
|
2040
|
+
};
|
|
2041
|
+
|
|
2042
|
+
var _path$6, _defs;
|
|
2043
|
+
|
|
2044
|
+
function _extends$7() { _extends$7 = 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$7.apply(this, arguments); }
|
|
2045
|
+
|
|
2046
|
+
var SvgTemplatesActive = function SvgTemplatesActive(props) {
|
|
2047
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$7({
|
|
2048
|
+
width: 26,
|
|
2049
|
+
height: 26,
|
|
2050
|
+
viewBox: "0 0 26 26",
|
|
2051
|
+
fill: "none",
|
|
2052
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
2053
|
+
}, props), _path$6 || (_path$6 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
2054
|
+
fillRule: "evenodd",
|
|
2055
|
+
clipRule: "evenodd",
|
|
2056
|
+
d: "M8 5H3.5C3.2 5 3 5.2 3 5.5V18.5C3 18.8 3.2 19 3.5 19H7C10 19 11 21 11 21H12V7C12 6.9 11 5 8 5ZM9 15H6C5.5 15 5 14.5 5 14C5 13.5 5.5 13 6 13H9C9.5 13 10 13.5 10 14C10 14.5 9.5 15 9 15ZM9 11H6C5.5 11 5 10.5 5 10C5 9.5 5.5 9 6 9H9C9.5 9 10 9.5 10 10C10 10.5 9.5 11 9 11ZM14 7V21H15C15 21 16 19 19 19H22.5C22.8 19 23 18.8 23 18.5V5.5C23 5.2 22.8 5 22.5 5H18C15 5 14 6.9 14 7ZM16 14C16 13.5 16.5 13 17 13H20C20.5 13 21 13.5 21 14C21 14.5 20.5 15 20 15H17C16.5 15 16 14.5 16 14ZM16 10C16 9.5 16.5 9 17 9H20C20.5 9 21 9.5 21 10C21 10.5 20.5 11 20 11H17C16.5 11 16 10.5 16 10Z",
|
|
2057
|
+
fill: "url(#paint0_linear_342_4104)"
|
|
2058
|
+
})), _defs || (_defs = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("linearGradient", {
|
|
2059
|
+
id: "paint0_linear_342_4104",
|
|
2060
|
+
x1: 3,
|
|
2061
|
+
y1: 5,
|
|
2062
|
+
x2: 23.2766,
|
|
2063
|
+
y2: 5.35853,
|
|
2064
|
+
gradientUnits: "userSpaceOnUse"
|
|
2065
|
+
}, /*#__PURE__*/React__namespace.createElement("stop", {
|
|
2066
|
+
offset: 0.119792,
|
|
2067
|
+
stopColor: "#003A57"
|
|
2068
|
+
}), /*#__PURE__*/React__namespace.createElement("stop", {
|
|
2069
|
+
offset: 1,
|
|
2070
|
+
stopColor: "#70C38A"
|
|
2071
|
+
})))));
|
|
2072
|
+
};
|
|
2073
|
+
|
|
1886
2074
|
var StyledNav = styled__default["default"](Nav)(templateObject_1$l || (templateObject_1$l = __makeTemplateObject(["\n ", ";\n"], ["\n ", ";\n"])), function (_a) {
|
|
1887
2075
|
var isExpanded = _a.isExpanded, theme = _a.theme;
|
|
1888
2076
|
return isExpanded && "width: ".concat(theme.components.chrome.nav.openWidth);
|
|
@@ -1919,7 +2107,7 @@ var Sidebar = function (props) {
|
|
|
1919
2107
|
var padding = props.tokens ? {
|
|
1920
2108
|
paddingBottom: 0
|
|
1921
2109
|
} : {};
|
|
1922
|
-
return props.isLoading ? (jsxRuntime.jsx(LoadingSidebar, __assign({}, props))) : (jsxRuntime.jsxs(Nav, __assign({}, props, { children: [jsxRuntime.jsx(NavToggle, { onClick: toggleNav, isExpanded: props.isExpanded }), showWorkspacesDropdown && props.workspaces && props.workspaces.length > 1 && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(StyledNavItem, __assign({ hasLogo: true, isExpanded: props.isExpanded, style: padding }, { children: jsxRuntime.jsx(WorkspacesDropdown, { workspaces: props.workspaces, workspacesLabel: props.workspacesLabel, activeWorkspace: props.activeWorkspace, onWorkspaceChange: props.onWorkspaceChange, isCompact: true }) })), props.tokens && (jsxRuntime.jsx(NavDivider, { isExpanded: props.isExpanded, style: { order: 0 } }))] })), props.tokens && (jsxRuntime.jsx(StyledNavItem, __assign({ hasLogo: true, isExpanded: props.isExpanded, style: { pointerEvents: "none", paddingTop: 0 } }, { children: jsxRuntime.jsx(Card, __assign({ style: { padding: theme.space.sm } }, { children: jsxRuntime.jsxs(TokenContainer, { children: [jsxRuntime.jsx(SvgToken, { width: 32 }), jsxRuntime.jsx(Span, __assign({ isBold: true, style: { marginLeft: theme.space.xs, color: theme.palette.grey[800] } }, { children: props.tokens + " " + (props.tokensLabel || "tokens") }))] }) })) }))), jsxRuntime.jsxs(NavItem, __assign({ isExpanded: props.isExpanded, isCurrent: nav === "home", onClick: function () { return navigate("home"); } }, { children: [jsxRuntime.jsx(NavItemIcon, __assign({ isStyled: true }, { children: nav === "home" ? jsxRuntime.jsx(SvgHomeFillStyled, {}) : jsxRuntime.jsx(SvgHomeFill, {}) })), jsxRuntime.jsx(NavItemText, { children: props.homeItemLabel || "My Campaigns" })] })), jsxRuntime.jsxs(NavDivider, __assign({ isExpanded: props.isExpanded }, { children: [jsxRuntime.jsx(SvgFolderIcon, {}), " ", props.dividerLabel || ""] })), jsxRuntime.jsx(ScrollingContainer, { children: props.projects &&
|
|
2110
|
+
return props.isLoading ? (jsxRuntime.jsx(LoadingSidebar, __assign({}, props))) : (jsxRuntime.jsxs(Nav, __assign({}, props, { children: [jsxRuntime.jsx(NavToggle, { onClick: toggleNav, isExpanded: props.isExpanded }), showWorkspacesDropdown && props.workspaces && props.workspaces.length > 1 && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(StyledNavItem, __assign({ hasLogo: true, isExpanded: props.isExpanded, style: padding }, { children: jsxRuntime.jsx(WorkspacesDropdown, { workspaces: props.workspaces, workspacesLabel: props.workspacesLabel, activeWorkspace: props.activeWorkspace, onWorkspaceChange: props.onWorkspaceChange, isCompact: true }) })), props.tokens && (jsxRuntime.jsx(NavDivider, { isExpanded: props.isExpanded, style: { order: 0 } }))] })), props.tokens && (jsxRuntime.jsx(StyledNavItem, __assign({ hasLogo: true, isExpanded: props.isExpanded, style: { pointerEvents: "none", paddingTop: 0 } }, { children: jsxRuntime.jsx(Card, __assign({ style: { padding: theme.space.sm } }, { children: jsxRuntime.jsxs(TokenContainer, { children: [jsxRuntime.jsx(SvgToken, { width: 32 }), jsxRuntime.jsx(Span, __assign({ isBold: true, style: { marginLeft: theme.space.xs, color: theme.palette.grey[800] } }, { children: props.tokens + " " + (props.tokensLabel || "tokens") }))] }) })) }))), jsxRuntime.jsxs(NavItem, __assign({ isExpanded: props.isExpanded, isCurrent: nav === "home", onClick: function () { return navigate("home"); } }, { children: [jsxRuntime.jsx(NavItemIcon, __assign({ isStyled: true }, { children: nav === "home" ? jsxRuntime.jsx(SvgHomeFillStyled, {}) : jsxRuntime.jsx(SvgHomeFill, {}) })), jsxRuntime.jsx(NavItemText, { children: props.homeItemLabel || "My Campaigns" })] })), jsxRuntime.jsxs(NavItem, __assign({ isExpanded: props.isExpanded, isCurrent: nav === "templates", onClick: function () { return navigate("templates"); } }, { children: [jsxRuntime.jsx(NavItemIcon, __assign({ isStyled: true }, { children: nav === "templates" ? jsxRuntime.jsx(SvgTemplatesActive, {}) : jsxRuntime.jsx(SvgTemplates, {}) })), jsxRuntime.jsx(NavItemText, { children: props.servicesItemLabel || "Templates" })] })), jsxRuntime.jsxs(NavDivider, __assign({ isExpanded: props.isExpanded }, { children: [jsxRuntime.jsx(SvgFolderIcon, {}), " ", props.dividerLabel || ""] })), jsxRuntime.jsx(ScrollingContainer, { children: props.projects &&
|
|
1923
2111
|
props.projects.map(function (project) { return (jsxRuntime.jsxs(NavItemProject, __assign({ isExpanded: props.isExpanded, isCurrent: nav === project.id, onClick: function () { return navigate(project.id); } }, { children: [jsxRuntime.jsx(NavItemProject.Title, { title: project.title, children: project.title }), jsxRuntime.jsx(NavItemProject.SubTitle, { children: project.campaigns })] }), project.id)); }) }), jsxRuntime.jsxs(NavItem, __assign({ isExpanded: props.isExpanded, hasBrandmark: true, title: "Be smart from the start", style: { pointerEvents: "none", paddingBottom: theme.space.md } }, { children: [jsxRuntime.jsx(NavItemIcon, { children: jsxRuntime.jsx(Logo, { type: "icon", size: 150 }) }), jsxRuntime.jsx(NavItemText, { children: "UNGUESS" })] }))] })));
|
|
1924
2112
|
};
|
|
1925
2113
|
var templateObject_1$k, templateObject_2$b, templateObject_3$9;
|
|
@@ -2468,8 +2656,8 @@ Tiles.Label = reactForms.Tiles.Label;
|
|
|
2468
2656
|
Tiles.Tile = reactForms.Tiles.Tile;
|
|
2469
2657
|
|
|
2470
2658
|
var UgTimeline = styled__default["default"](reactAccordions.Timeline)(templateObject_1$2 || (templateObject_1$2 = __makeTemplateObject([""], [""])));
|
|
2471
|
-
var UgTimelineContent = styled__default["default"](reactAccordions.Timeline.Content)(templateObject_2$1 || (templateObject_2$1 = __makeTemplateObject([""], [""])));
|
|
2472
|
-
var UgTimelineItem = styled__default["default"](reactAccordions.Timeline.Item)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n div[data-garden-id=\"timeline.content.separator\"] {\n &:after {\n border-left-color: ", ";\n }\n svg {\n width: 24px;\n height: 24px;\n }\n }\n\n ", "\n"], ["\n div[data-garden-id=\"timeline.content.separator\"] {\n &:after {\n border-left-color: ", ";\n }\n svg {\n width: 24px;\n height: 24px;\n }\n }\n\n ", "\n"])), function (_a) {
|
|
2659
|
+
var UgTimelineContent = styled__default["default"](reactAccordions.Timeline.Content)(templateObject_2$1 || (templateObject_2$1 = __makeTemplateObject(["\n padding: 12px 16px;\n"], ["\n padding: 12px 16px;\n"])));
|
|
2660
|
+
var UgTimelineItem = styled__default["default"](reactAccordions.Timeline.Item)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n div[data-garden-id=\"timeline.content.separator\"] {\n &:after {\n border-left-color: ", ";\n }\n svg {\n width: 24px;\n height: 24px;\n }\n padding: 12px 16px;\n }\n\n ", "\n"], ["\n div[data-garden-id=\"timeline.content.separator\"] {\n &:after {\n border-left-color: ", ";\n }\n svg {\n width: 24px;\n height: 24px;\n }\n padding: 12px 16px;\n }\n\n ", "\n"])), function (_a) {
|
|
2473
2661
|
var theme = _a.theme;
|
|
2474
2662
|
return theme.palette.grey[300];
|
|
2475
2663
|
}, function (_a) {
|
|
@@ -2540,9 +2728,9 @@ exports.ButtonGroup = ButtonGroup;
|
|
|
2540
2728
|
exports.CampaignCard = CampaignCard;
|
|
2541
2729
|
exports.Caption = Caption;
|
|
2542
2730
|
exports.Card = Card;
|
|
2543
|
-
exports.CardBody = CardBody$
|
|
2544
|
-
exports.CardFooter = CardFooter$
|
|
2545
|
-
exports.CardHeader = CardHeader;
|
|
2731
|
+
exports.CardBody = CardBody$3;
|
|
2732
|
+
exports.CardFooter = CardFooter$3;
|
|
2733
|
+
exports.CardHeader = CardHeader$2;
|
|
2546
2734
|
exports.Checkbox = Checkbox;
|
|
2547
2735
|
exports.CheckboxCard = CheckboxCard;
|
|
2548
2736
|
exports.Chrome = Chrome;
|
|
@@ -2553,7 +2741,7 @@ exports.ContainerCard = ContainerCard;
|
|
|
2553
2741
|
exports.Content = Content;
|
|
2554
2742
|
exports.Counter = Counter;
|
|
2555
2743
|
exports.CursorPagination = CursorPagination;
|
|
2556
|
-
exports.Divider = Divider$
|
|
2744
|
+
exports.Divider = Divider$3;
|
|
2557
2745
|
exports.Drawer = Drawer;
|
|
2558
2746
|
exports.Dropdown = Dropdown;
|
|
2559
2747
|
exports.DropdownField = index$1;
|
|
@@ -2573,6 +2761,7 @@ exports.HeaderRow = HeaderRow;
|
|
|
2573
2761
|
exports.Hint = Hint;
|
|
2574
2762
|
exports.Icon = Icon;
|
|
2575
2763
|
exports.IconButton = IconButton;
|
|
2764
|
+
exports.InfoCard = InfoCard;
|
|
2576
2765
|
exports.Input = Input;
|
|
2577
2766
|
exports.Item = Item;
|
|
2578
2767
|
exports.ItemMeta = ItemMeta;
|
|
@@ -2615,6 +2804,7 @@ exports.Row = Row$1;
|
|
|
2615
2804
|
exports.SM = SM;
|
|
2616
2805
|
exports.Select = Select;
|
|
2617
2806
|
exports.Separator = Separator;
|
|
2807
|
+
exports.ServiceCard = ServiceCard;
|
|
2618
2808
|
exports.Sidebar = Sidebar;
|
|
2619
2809
|
exports.Skeleton = Skeleton;
|
|
2620
2810
|
exports.Span = Span;
|