@appquality/unguess-design-system 2.10.71 → 2.11.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/CHANGELOG.md +36 -0
  2. package/build/index.js +134 -79
  3. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,3 +1,39 @@
1
+ # v2.11.2 (Wed Aug 17 2022)
2
+
3
+ #### ⚠️ Pushed to `master`
4
+
5
+ - fix(page-header): only the content MUST be boxed,keep the background ([@cannarocks](https://github.com/cannarocks))
6
+
7
+ #### Authors: 1
8
+
9
+ - Luca Cannarozzo ([@cannarocks](https://github.com/cannarocks))
10
+
11
+ ---
12
+
13
+ # v2.11.1 (Wed Aug 17 2022)
14
+
15
+ #### ⚠️ Pushed to `master`
16
+
17
+ - feat(page-header): add boxed layout support ([@cannarocks](https://github.com/cannarocks))
18
+
19
+ #### Authors: 1
20
+
21
+ - Luca Cannarozzo ([@cannarocks](https://github.com/cannarocks))
22
+
23
+ ---
24
+
25
+ # v2.11.0 (Tue Aug 16 2022)
26
+
27
+ #### 🚀 Enhancement
28
+
29
+ - feat(editor): add headings buttons [#80](https://github.com/AppQuality/unguess-design-system/pull/80) ([@cannarocks](https://github.com/cannarocks))
30
+
31
+ #### Authors: 1
32
+
33
+ - Luca Cannarozzo ([@cannarocks](https://github.com/cannarocks))
34
+
35
+ ---
36
+
1
37
  # v2.10.71 (Mon Aug 08 2022)
2
38
 
3
39
  #### 🐛 Bug Fix
package/build/index.js CHANGED
@@ -254,8 +254,8 @@ var gradients = {
254
254
  dark: "linear-gradient(90.81deg, ".concat(hex2rgba(palette.blue[800]), " 0%, ").concat(hex2rgba(palette.blue[600]), " 100%);"),
255
255
  };
256
256
 
257
- var _a, _b, _c, _d, _e, _f, _g$3, _h;
258
- var components = __assign(__assign({}, reactTheming.DEFAULT_THEME.components), { chrome: __assign(__assign({}, (_a = reactTheming.DEFAULT_THEME.components) === null || _a === void 0 ? void 0 : _a.chrome), { header: __assign(__assign({}, (_c = (_b = reactTheming.DEFAULT_THEME.components) === null || _b === void 0 ? void 0 : _b.chrome) === null || _c === void 0 ? void 0 : _c.header), { height: "64px" }), nav: __assign(__assign({}, (_e = (_d = reactTheming.DEFAULT_THEME.components) === null || _d === void 0 ? void 0 : _d.chrome) === null || _e === void 0 ? void 0 : _e.nav), { openWidth: 240, closedWidth: 36, workspaceDropdownWidth: 192 }) }), notification: __assign(__assign({}, (_f = reactTheming.DEFAULT_THEME.components) === null || _f === void 0 ? void 0 : _f.notification), { card: __assign(__assign({}, (_h = (_g$3 = reactTheming.DEFAULT_THEME.components) === null || _g$3 === void 0 ? void 0 : _g$3.notification) === null || _h === void 0 ? void 0 : _h.well), { padding: "16px" }) }), pageHeader: {
257
+ var _a, _b, _c, _d, _e, _f, _g$6, _h;
258
+ var components = __assign(__assign({}, reactTheming.DEFAULT_THEME.components), { chrome: __assign(__assign({}, (_a = reactTheming.DEFAULT_THEME.components) === null || _a === void 0 ? void 0 : _a.chrome), { header: __assign(__assign({}, (_c = (_b = reactTheming.DEFAULT_THEME.components) === null || _b === void 0 ? void 0 : _b.chrome) === null || _c === void 0 ? void 0 : _c.header), { height: "64px" }), nav: __assign(__assign({}, (_e = (_d = reactTheming.DEFAULT_THEME.components) === null || _d === void 0 ? void 0 : _d.chrome) === null || _e === void 0 ? void 0 : _e.nav), { openWidth: 240, closedWidth: 36, workspaceDropdownWidth: 192 }) }), notification: __assign(__assign({}, (_f = reactTheming.DEFAULT_THEME.components) === null || _f === void 0 ? void 0 : _f.notification), { card: __assign(__assign({}, (_h = (_g$6 = reactTheming.DEFAULT_THEME.components) === null || _g$6 === void 0 ? void 0 : _g$6.notification) === null || _h === void 0 ? void 0 : _h.well), { padding: "16px" }) }), pageHeader: {
259
259
  imgMaxHeight: "214px",
260
260
  }, autocomplete: {
261
261
  thumbSize: "60px",
@@ -286,7 +286,7 @@ var UgAlert = styled__default["default"](reactNotifications.Alert)(templateObjec
286
286
  var theme = _a.theme;
287
287
  return theme.fontSizes.sm;
288
288
  });
289
- var UgAlertTitle = styled__default["default"](reactNotifications.Title)(templateObject_2$u || (templateObject_2$u = __makeTemplateObject(["\n font-size: ", ";\n"], ["\n font-size: ", ";\n"])), function (_a) {
289
+ var UgAlertTitle = styled__default["default"](reactNotifications.Title)(templateObject_2$v || (templateObject_2$v = __makeTemplateObject(["\n font-size: ", ";\n"], ["\n font-size: ", ";\n"])), function (_a) {
290
290
  var theme = _a.theme;
291
291
  return theme.fontSizes.md;
292
292
  });
@@ -300,7 +300,7 @@ var UgAlertTitle = styled__default["default"](reactNotifications.Title)(template
300
300
  var Alert = function (props) { return jsxRuntime.jsx(UgAlert, __assign({}, props)); };
301
301
  Alert.Title = UgAlertTitle;
302
302
  Alert.Close = reactNotifications.Close;
303
- var templateObject_1$1e, templateObject_2$u;
303
+ var templateObject_1$1e, templateObject_2$v;
304
304
 
305
305
  var UgAvatar = styled__default["default"](reactAvatars.Avatar)(templateObject_1$1d || (templateObject_1$1d = __makeTemplateObject(["\n text-transform: uppercase;\n\n ", "\n"], ["\n text-transform: uppercase;\n\n ", "\n"])), function (props) {
306
306
  return props.avatarType &&
@@ -426,7 +426,7 @@ var UgCard = styled__default["default"](reactNotifications.Well)(templateObject_
426
426
  - To group related content
427
427
  */
428
428
  var Card = function (props) { return jsxRuntime.jsx(UgCard, __assign({}, props)); };
429
- var UgContainerCard = styled__default["default"](reactNotifications.Well)(templateObject_2$t || (templateObject_2$t = __makeTemplateObject(["\n border-radius: ", ";\n padding: ", ";\n border: 1px solid ", ";\n\n @media (max-width: ", ") {\n padding: ", ";\n }\n"], ["\n border-radius: ", ";\n padding: ", ";\n border: 1px solid ", ";\n\n @media (max-width: ", ") {\n padding: ", ";\n }\n"])), function (_a) {
429
+ var UgContainerCard = styled__default["default"](reactNotifications.Well)(templateObject_2$u || (templateObject_2$u = __makeTemplateObject(["\n border-radius: ", ";\n padding: ", ";\n border: 1px solid ", ";\n\n @media (max-width: ", ") {\n padding: ", ";\n }\n"], ["\n border-radius: ", ";\n padding: ", ";\n border: 1px solid ", ";\n\n @media (max-width: ", ") {\n padding: ", ";\n }\n"])), function (_a) {
430
430
  var theme = _a.theme;
431
431
  return theme.borderRadii.xl;
432
432
  }, function (_a) {
@@ -443,7 +443,7 @@ var UgContainerCard = styled__default["default"](reactNotifications.Well)(templa
443
443
  return "".concat(theme.space.xl, " ").concat(theme.space.md);
444
444
  });
445
445
  var ContainerCard = function (props) { return jsxRuntime.jsx(UgContainerCard, __assign({}, props)); };
446
- var templateObject_1$1b, templateObject_2$t;
446
+ var templateObject_1$1b, templateObject_2$u;
447
447
 
448
448
  /**
449
449
  * Tags let users categorize content using a keyword.
@@ -460,7 +460,7 @@ var Tag = function (props) { return jsxRuntime.jsx(reactTags.Tag, __assign({}, p
460
460
  Tag.Avatar = reactTags.Tag.Avatar;
461
461
  Tag.Close = reactTags.Tag.Close;
462
462
 
463
- var _g$2, _path$t;
463
+ var _g$5, _path$q;
464
464
 
465
465
  function _extends$v() { _extends$v = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$v.apply(this, arguments); }
466
466
 
@@ -471,19 +471,19 @@ var SvgCampaignFunctional = function SvgCampaignFunctional(props) {
471
471
  viewBox: "0 0 24 24",
472
472
  fill: "none",
473
473
  xmlns: "http://www.w3.org/2000/svg"
474
- }, props), _g$2 || (_g$2 = /*#__PURE__*/React__namespace.createElement("g", {
474
+ }, props), _g$5 || (_g$5 = /*#__PURE__*/React__namespace.createElement("g", {
475
475
  opacity: 0.3
476
476
  }, /*#__PURE__*/React__namespace.createElement("path", {
477
477
  opacity: 0.3,
478
478
  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",
479
479
  fill: "#003A57"
480
- }))), _path$t || (_path$t = /*#__PURE__*/React__namespace.createElement("path", {
480
+ }))), _path$q || (_path$q = /*#__PURE__*/React__namespace.createElement("path", {
481
481
  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",
482
482
  fill: "#003A57"
483
483
  })));
484
484
  };
485
485
 
486
- var _g$1, _path$s, _path2$4, _path3$3, _path4$2, _path5$1, _path6$1, _path7$1, _path8$1, _path9$1, _path10$1, _path11$1;
486
+ var _g$4, _path$p, _path2$4, _path3$3, _path4$2, _path5$1, _path6$1, _path7$1, _path8$1, _path9$1, _path10$1, _path11$1;
487
487
 
488
488
  function _extends$u() { _extends$u = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$u.apply(this, arguments); }
489
489
 
@@ -494,12 +494,12 @@ var SvgCampaignExperiential = function SvgCampaignExperiential(props) {
494
494
  viewBox: "0 0 25 24",
495
495
  fill: "none",
496
496
  xmlns: "http://www.w3.org/2000/svg"
497
- }, props), _g$1 || (_g$1 = /*#__PURE__*/React__namespace.createElement("g", {
497
+ }, props), _g$4 || (_g$4 = /*#__PURE__*/React__namespace.createElement("g", {
498
498
  opacity: 0.3
499
499
  }, /*#__PURE__*/React__namespace.createElement("path", {
500
500
  d: "M12.1641 24C18.7915 24 24.1641 18.6274 24.1641 12C24.1641 5.37258 18.7915 0 12.1641 0C5.53665 0 0.164062 5.37258 0.164062 12C0.164062 18.6274 5.53665 24 12.1641 24Z",
501
501
  fill: "#D3ECDB"
502
- }))), _path$s || (_path$s = /*#__PURE__*/React__namespace.createElement("path", {
502
+ }))), _path$p || (_path$p = /*#__PURE__*/React__namespace.createElement("path", {
503
503
  opacity: 0.8,
504
504
  d: "M12.653 3.1964C8.84605 3.1964 5.76496 6.27748 5.76496 10.0844C5.76496 10.2596 5.76496 10.4347 5.7904 10.5854C5.46458 11.1861 4.98908 12.0129 4.41279 12.5138C3.98719 12.8896 4.08697 13.2907 4.13687 13.4404C4.26211 13.7662 4.61237 14.0411 5.18866 14.2417C5.38924 14.3171 5.61427 14.367 5.81485 14.4169L5.84028 16.8463C5.84028 17.7983 6.6416 18.625 7.61905 18.625L9.09645 18.1495L9.24713 19.0262C9.34693 19.6025 9.84787 20.0281 10.4496 20.0281C10.5249 20.0281 10.6003 20.0281 10.6746 20.0026L15.3084 19.1769C15.9845 19.0516 16.4101 18.4254 16.3103 17.7494L15.9845 16.1213C18.1634 14.9188 19.541 12.5891 19.541 10.0843C19.541 6.30267 16.4356 3.19629 12.6529 3.19629L12.653 3.1964Z",
505
505
  fill: "#70C38A"
@@ -556,7 +556,7 @@ var SvgCampaignExperiential = function SvgCampaignExperiential(props) {
556
556
  })));
557
557
  };
558
558
 
559
- var _path$r, _path2$3, _path3$2, _path4$1;
559
+ var _path$o, _path2$3, _path3$2, _path4$1;
560
560
 
561
561
  function _extends$t() { _extends$t = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$t.apply(this, arguments); }
562
562
 
@@ -567,7 +567,7 @@ var SvgCampaignCompleted = function SvgCampaignCompleted(props) {
567
567
  viewBox: "0 0 24 24",
568
568
  fill: "none",
569
569
  xmlns: "http://www.w3.org/2000/svg"
570
- }, props), _path$r || (_path$r = /*#__PURE__*/React__namespace.createElement("path", {
570
+ }, props), _path$o || (_path$o = /*#__PURE__*/React__namespace.createElement("path", {
571
571
  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",
572
572
  fill: "#F8F9F9"
573
573
  })), _path2$3 || (_path2$3 = /*#__PURE__*/React__namespace.createElement("path", {
@@ -582,7 +582,7 @@ var SvgCampaignCompleted = function SvgCampaignCompleted(props) {
582
582
  })));
583
583
  };
584
584
 
585
- var _path$q, _path2$2, _path3$1, _path4, _path5, _path6, _path7, _path8, _path9, _path10, _path11;
585
+ var _path$n, _path2$2, _path3$1, _path4, _path5, _path6, _path7, _path8, _path9, _path10, _path11;
586
586
 
587
587
  function _extends$s() { _extends$s = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$s.apply(this, arguments); }
588
588
 
@@ -593,7 +593,7 @@ var SvgCampaignProgress = function SvgCampaignProgress(props) {
593
593
  viewBox: "0 0 24 24",
594
594
  fill: "none",
595
595
  xmlns: "http://www.w3.org/2000/svg"
596
- }, props), _path$q || (_path$q = /*#__PURE__*/React__namespace.createElement("path", {
596
+ }, props), _path$n || (_path$n = /*#__PURE__*/React__namespace.createElement("path", {
597
597
  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",
598
598
  fill: "#F8F9F9"
599
599
  })), _path2$2 || (_path2$2 = /*#__PURE__*/React__namespace.createElement("path", {
@@ -629,7 +629,7 @@ var SvgCampaignProgress = function SvgCampaignProgress(props) {
629
629
  })));
630
630
  };
631
631
 
632
- var _path$p, _path2$1, _path3;
632
+ var _path$m, _path2$1, _path3;
633
633
 
634
634
  function _extends$r() { _extends$r = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$r.apply(this, arguments); }
635
635
 
@@ -640,7 +640,7 @@ var SvgCampaignIncoming = function SvgCampaignIncoming(props) {
640
640
  viewBox: "0 0 24 24",
641
641
  fill: "none",
642
642
  xmlns: "http://www.w3.org/2000/svg"
643
- }, props), _path$p || (_path$p = /*#__PURE__*/React__namespace.createElement("path", {
643
+ }, props), _path$m || (_path$m = /*#__PURE__*/React__namespace.createElement("path", {
644
644
  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",
645
645
  fill: "#F8F9F9"
646
646
  })), _path2$1 || (_path2$1 = /*#__PURE__*/React__namespace.createElement("path", {
@@ -707,7 +707,7 @@ var Label$2 = styled__default["default"](SM)(templateObject_1$17 || (templateObj
707
707
  var theme = _a.theme;
708
708
  return theme.palette.grey[500];
709
709
  });
710
- var Title$3 = styled__default["default"](LG)(templateObject_2$s || (templateObject_2$s = __makeTemplateObject(["\n color: ", ";\n font-weight: ", ";\n margin-top: ", ";\n"], ["\n color: ", ";\n font-weight: ", ";\n margin-top: ", ";\n"])), function (_a) {
710
+ var Title$3 = styled__default["default"](LG)(templateObject_2$t || (templateObject_2$t = __makeTemplateObject(["\n color: ", ";\n font-weight: ", ";\n margin-top: ", ";\n"], ["\n color: ", ";\n font-weight: ", ";\n margin-top: ", ";\n"])), function (_a) {
711
711
  var theme = _a.theme;
712
712
  return theme.colors.primaryHue;
713
713
  }, function (_a) {
@@ -724,7 +724,7 @@ var Description$3 = styled__default["default"](MD)(templateObject_3$i || (templa
724
724
  var theme = _a.theme;
725
725
  return theme.space.xxs;
726
726
  });
727
- var Container$2 = styled__default["default"].div(templateObject_4$b || (templateObject_4$b = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
727
+ var Container$2 = styled__default["default"].div(templateObject_4$c || (templateObject_4$c = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
728
728
  var theme = _a.theme, align = _a.align;
729
729
  return "\n display: flex;\n align-items: ".concat(align || "start", ";\n flex-direction: column;\n flex-grow: 1;\n justify-content: start;\n padding: ").concat(theme.space.xxs, " 0;\n margin-top: ").concat(theme.space.xs, ";\n ");
730
730
  });
@@ -732,7 +732,7 @@ var CardHeader = function (props) { return jsxRuntime.jsx(Container$2, __assign(
732
732
  CardHeader.Label = Label$2;
733
733
  CardHeader.Title = Title$3;
734
734
  CardHeader.Text = Description$3;
735
- var templateObject_1$17, templateObject_2$s, templateObject_3$i, templateObject_4$b;
735
+ var templateObject_1$17, templateObject_2$t, templateObject_3$i, templateObject_4$c;
736
736
 
737
737
  var Divider = styled__default["default"].div(templateObject_1$16 || (templateObject_1$16 = __makeTemplateObject(["\n width: 100%;\n height: 1px;\n margin-top: ", "px;\n margin-bottom: ", ";\n background-color: ", ";\n"], ["\n width: 100%;\n height: 1px;\n margin-top: ", "px;\n margin-bottom: ", ";\n background-color: ", ";\n"])), function (_a) {
738
738
  var theme = _a.theme;
@@ -744,13 +744,13 @@ var Divider = styled__default["default"].div(templateObject_1$16 || (templateObj
744
744
  var theme = _a.theme;
745
745
  return theme.palette.grey["300"];
746
746
  });
747
- var Footer$2 = styled__default["default"].div(templateObject_2$r || (templateObject_2$r = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n margin-top: auto;\n width: 100%;\n"], ["\n display: flex;\n flex-direction: column;\n margin-top: auto;\n width: 100%;\n"])));
747
+ var Footer$2 = styled__default["default"].div(templateObject_2$s || (templateObject_2$s = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n margin-top: auto;\n width: 100%;\n"], ["\n display: flex;\n flex-direction: column;\n margin-top: auto;\n width: 100%;\n"])));
748
748
  var Container$1 = styled__default["default"].div(templateObject_3$h || (templateObject_3$h = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
749
749
  var theme = _a.theme, direction = _a.direction, justifyContent = _a.justifyContent, wrap = _a.wrap;
750
750
  return "\n display: flex;\n align-items: center;\n flex-direction: ".concat(direction || "row", ";\n justify-content: ").concat(justifyContent || "space-between", ";\n padding: ").concat(theme.space.xxs, " 0;\n margin-top: ").concat(theme.space.xs, ";\n ").concat(wrap ? "flex-wrap: wrap;" : "", "\n ");
751
751
  });
752
752
  var CardFooter = function (props) { return (jsxRuntime.jsxs(Footer$2, { children: [!props.noDivider && jsxRuntime.jsx(Divider, {}), jsxRuntime.jsx(Container$1, __assign({}, props, { children: props.children }))] })); };
753
- var templateObject_1$16, templateObject_2$r, templateObject_3$h;
753
+ var templateObject_1$16, templateObject_2$s, templateObject_3$h;
754
754
 
755
755
  var UgContentCard = styled__default["default"](reactNotifications.Well)(templateObject_1$15 || (templateObject_1$15 = __makeTemplateObject(["\n border-radius: ", ";\n padding: ", ";\n border: 1px solid ", ";\n height: 100%;\n display: flex;\n flex-direction: column;\n ", "\n\n ", "\n"], ["\n border-radius: ", ";\n padding: ", ";\n border: 1px solid ", ";\n height: 100%;\n display: flex;\n flex-direction: column;\n ", "\n\n ", "\n"])), function (_a) {
756
756
  var theme = _a.theme;
@@ -819,7 +819,7 @@ var StyledTag$2 = styled__default["default"](Tag)(templateObject_1$14 || (templa
819
819
  var theme = _a.theme;
820
820
  return theme.palette.grey["700"];
821
821
  });
822
- var StyledTagNew$1 = styled__default["default"](Tag)(templateObject_2$q || (templateObject_2$q = __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) {
822
+ var StyledTagNew$1 = styled__default["default"](Tag)(templateObject_2$r || (templateObject_2$r = __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) {
823
823
  var theme = _a.theme;
824
824
  return theme.space.base * 6;
825
825
  }, function (_a) {
@@ -842,7 +842,7 @@ var CampaignCard = function (_a) {
842
842
  var PillIcon = getTypeDataIcon(type);
843
843
  return props.isLoading ? (jsxRuntime.jsx(CampaignCardSkeleton, {})) : (jsxRuntime.jsxs(SpecialCard, __assign({ title: campaignTitle }, props, { children: [jsxRuntime.jsxs(SpecialCard.Meta, { children: [jsxRuntime.jsx(StyledLabel$1, { 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(SpecialCard.Header, { children: [jsxRuntime.jsx(SpecialCard.Header.Label, { children: projectTitle }), jsxRuntime.jsx(SpecialCard.Header.Title, { children: campaignTitle })] }), jsxRuntime.jsxs(SpecialCard.Footer, { 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, {}) }), jsxRuntime.jsx(Ellipsis, __assign({ style: { maxWidth: "180px" } }, { children: props.pillText }))] }))), jsxRuntime.jsx(StatusIcon, {})] })] })));
844
844
  };
845
- var templateObject_1$14, templateObject_2$q, templateObject_3$g;
845
+ var templateObject_1$14, templateObject_2$r, templateObject_3$g;
846
846
 
847
847
  var StyledTagNew = styled__default["default"](Tag)(templateObject_1$13 || (templateObject_1$13 = __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) {
848
848
  var theme = _a.theme;
@@ -870,7 +870,7 @@ var ServiceSubtitle = styled__default["default"](SM)(templateObject_1$12 || (tem
870
870
  var theme = _a.theme;
871
871
  return theme.space.base;
872
872
  });
873
- var ServiceTitle = styled__default["default"](LG)(templateObject_2$p || (templateObject_2$p = __makeTemplateObject(["\n color: ", ";\n margin-bottom: ", "px;\n font-weight: ", ";\n"], ["\n color: ", ";\n margin-bottom: ", "px;\n font-weight: ", ";\n"])), function (_a) {
873
+ var ServiceTitle = styled__default["default"](LG)(templateObject_2$q || (templateObject_2$q = __makeTemplateObject(["\n color: ", ";\n margin-bottom: ", "px;\n font-weight: ", ";\n"], ["\n color: ", ";\n margin-bottom: ", "px;\n font-weight: ", ";\n"])), function (_a) {
874
874
  var theme = _a.theme;
875
875
  return theme.palette.blue[600];
876
876
  }, function (_a) {
@@ -887,7 +887,7 @@ var StyledTag$1 = styled__default["default"](Tag)(templateObject_3$f || (templat
887
887
  var theme = _a.theme;
888
888
  return theme.space.xs;
889
889
  });
890
- var CardContent = styled__default["default"].div(templateObject_4$a || (templateObject_4$a = __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"])));
890
+ var CardContent = styled__default["default"].div(templateObject_4$b || (templateObject_4$b = __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"])));
891
891
  var ButtonsWrap$1 = styled__default["default"].div(templateObject_5$6 || (templateObject_5$6 = __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 padding: ", " 0;\n \n }\n\n button:not(:first-child) {\n margin-top: ", "px;\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 padding: ", " 0;\n \n }\n\n button:not(:first-child) {\n margin-top: ", "px;\n }\n"])), function (_a) {
892
892
  var theme = _a.theme;
893
893
  return theme.space.base;
@@ -915,7 +915,7 @@ var ServiceCard = function (props) {
915
915
  var serviceIcon = props.serviceIcon, serviceTitle = props.serviceTitle, serviceSubtitle = props.serviceSubtitle;
916
916
  return (jsxRuntime.jsxs(StyledCard$1, __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) { return button; }) }))] })), jsxRuntime.jsxs(CardContent, { children: [jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [serviceIcon && jsxRuntime.jsx(SpecialCard.Thumb, { children: serviceIcon }), jsxRuntime.jsxs(SpecialCard.Header, { children: [jsxRuntime.jsx(SpecialCard.Header.Label, { children: serviceSubtitle }), jsxRuntime.jsx(SpecialCard.Header.Title, { children: serviceTitle })] })] }), props.tags && (jsxRuntime.jsx(SpecialCard.Footer, __assign({ justifyContent: "start", wrap: true }, { 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)); }) })))] })] })));
917
917
  };
918
- var templateObject_1$12, templateObject_2$p, templateObject_3$f, templateObject_4$a, templateObject_5$6, templateObject_6$2, templateObject_7$1, templateObject_8$1;
918
+ var templateObject_1$12, templateObject_2$q, templateObject_3$f, templateObject_4$b, templateObject_5$6, templateObject_6$2, templateObject_7$1, templateObject_8$1;
919
919
 
920
920
  var ButtonsWrap = styled__default["default"].div(templateObject_1$11 || (templateObject_1$11 = __makeTemplateObject(["\n display: flex;\n align-items: flex-start;\n flex-direction: column;\n justify-content: flex-start;\n width: 100%;\n"], ["\n display: flex;\n align-items: flex-start;\n flex-direction: column;\n justify-content: flex-start;\n width: 100%;\n"])));
921
921
  var InfoCard = function (props) {
@@ -975,7 +975,7 @@ function useWindowSize() {
975
975
  }
976
976
 
977
977
  var StyledSpan = styled__default["default"](Span)(templateObject_1$$ || (templateObject_1$$ = __makeTemplateObject([""], [""])));
978
- var StyledTag = styled__default["default"](Tag)(templateObject_2$o || (templateObject_2$o = __makeTemplateObject(["\n background-color: transparent;\n pointer-events: none;\n ", "\n svg {\n margin-right: ", " !important;\n }\n\n ", " {\n margin-left: ", ";\n color: ", ";\n font-weight: ", ";\n }\n"], ["\n background-color: transparent;\n pointer-events: none;\n ", "\n svg {\n margin-right: ", " !important;\n }\n\n ", " {\n margin-left: ", ";\n color: ", ";\n font-weight: ", ";\n }\n"])), function (_a) {
978
+ var StyledTag = styled__default["default"](Tag)(templateObject_2$p || (templateObject_2$p = __makeTemplateObject(["\n background-color: transparent;\n pointer-events: none;\n ", "\n svg {\n margin-right: ", " !important;\n }\n\n ", " {\n margin-left: ", ";\n color: ", ";\n font-weight: ", ";\n }\n"], ["\n background-color: transparent;\n pointer-events: none;\n ", "\n svg {\n margin-right: ", " !important;\n }\n\n ", " {\n margin-left: ", ";\n color: ", ";\n font-weight: ", ";\n }\n"])), function (_a) {
979
979
  var status = _a.status, theme = _a.theme;
980
980
  switch (status) {
981
981
  case "completed":
@@ -1009,7 +1009,7 @@ var Counter = function (props) {
1009
1009
  return (jsxRuntime.jsxs(StyledTag, __assign({}, props, { size: props.size || "large" }, { children: [jsxRuntime.jsx(StyledTag.Avatar, { children: jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [status === "completed" && jsxRuntime.jsx(SvgCampaignCompleted, {}), status === "progress" && jsxRuntime.jsx(SvgCampaignProgress, {}), status === "incoming" && jsxRuntime.jsx(SvgCampaignIncoming, {}), status === "functional" && jsxRuntime.jsx(SvgCampaignFunctional, {}), status === "experiential" && jsxRuntime.jsx(SvgCampaignExperiential, {})] }) }), width > parseInt(theme.breakpoints.sm) && props.children, counter !== undefined && jsxRuntime.jsx(StyledSpan, { children: counter.toString() })] })));
1010
1010
  };
1011
1011
  Counter.Avatar = StyledTag.Avatar;
1012
- var templateObject_1$$, templateObject_2$o;
1012
+ var templateObject_1$$, templateObject_2$p;
1013
1013
 
1014
1014
  var UgDrawer = styled__default["default"](reactModals.DrawerModal)(templateObject_1$_ || (templateObject_1$_ = __makeTemplateObject(["\n @media (max-width: ", ") {\n width: 100%;\n }\n"], ["\n @media (max-width: ", ") {\n width: 100%;\n }\n"])), function (_a) {
1015
1015
  var theme = _a.theme;
@@ -1046,7 +1046,7 @@ var Item = function (props) { return jsxRuntime.jsx(UgItem, __assign({}, props))
1046
1046
  var templateObject_1$Y;
1047
1047
 
1048
1048
  var Container = styled__default["default"].div(templateObject_1$X || (templateObject_1$X = __makeTemplateObject(["\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: flex-start;\n width: 100%;\n"], ["\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: flex-start;\n width: 100%;\n"])));
1049
- var MetaContainer$1 = styled__default["default"].div(templateObject_2$n || (templateObject_2$n = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: center;\n"], ["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: center;\n"])));
1049
+ var MetaContainer$1 = styled__default["default"].div(templateObject_2$o || (templateObject_2$o = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: center;\n"], ["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: center;\n"])));
1050
1050
  var ThumbContainer = styled__default["default"].div(templateObject_3$e || (templateObject_3$e = __makeTemplateObject(["\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n margin-right: ", ";\n width: 100%;\n max-width: ", ";\n\n > div {\n height: 100%;\n }\n"], ["\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n margin-right: ", ";\n width: 100%;\n max-width: ", ";\n\n > div {\n height: 100%;\n }\n"])), function (_a) {
1051
1051
  var theme = _a.theme;
1052
1052
  return theme.space.sm;
@@ -1054,7 +1054,7 @@ var ThumbContainer = styled__default["default"].div(templateObject_3$e || (templ
1054
1054
  var theme = _a.theme;
1055
1055
  return theme.components.autocomplete.thumbSize;
1056
1056
  });
1057
- var Label$1 = styled__default["default"](MD)(templateObject_4$9 || (templateObject_4$9 = __makeTemplateObject(["\n font-weight: ", ";\n color: ", ";\n"], ["\n font-weight: ", ";\n color: ", ";\n"])), function (_a) {
1057
+ var Label$1 = styled__default["default"](MD)(templateObject_4$a || (templateObject_4$a = __makeTemplateObject(["\n font-weight: ", ";\n color: ", ";\n"], ["\n font-weight: ", ";\n color: ", ";\n"])), function (_a) {
1058
1058
  var theme = _a.theme;
1059
1059
  return theme.fontWeights.medium;
1060
1060
  }, function (_a) {
@@ -1073,7 +1073,7 @@ var ItemContent = function (props) {
1073
1073
  var thumbSrc = props.thumbSrc, description = props.description, label = props.label;
1074
1074
  return (jsxRuntime.jsxs(Container, { children: [thumbSrc && (jsxRuntime.jsx(ThumbContainer, { children: jsxRuntime.jsx(Image$1, { src: thumbSrc }) })), jsxRuntime.jsxs(MetaContainer$1, { children: [label && jsxRuntime.jsx(Label$1, __assign({ isBold: true }, { children: label })), description && jsxRuntime.jsx(Description$2, { children: description })] })] }));
1075
1075
  };
1076
- var templateObject_1$X, templateObject_2$n, templateObject_3$e, templateObject_4$9, templateObject_5$5;
1076
+ var templateObject_1$X, templateObject_2$o, templateObject_3$e, templateObject_4$a, templateObject_5$5;
1077
1077
 
1078
1078
  /**
1079
1079
  * A Menu is a wrapper for items elements
@@ -1144,7 +1144,7 @@ var editorStyle = styled.css(templateObject_1$V || (templateObject_1$V = __makeT
1144
1144
  });
1145
1145
  var templateObject_1$V;
1146
1146
 
1147
- var _path$o;
1147
+ var _path$l;
1148
1148
 
1149
1149
  function _extends$q() { _extends$q = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$q.apply(this, arguments); }
1150
1150
 
@@ -1155,122 +1155,170 @@ var SvgBoldFill = function SvgBoldFill(props) {
1155
1155
  height: 16,
1156
1156
  focusable: "false",
1157
1157
  viewBox: "0 0 16 16"
1158
- }, props), _path$o || (_path$o = /*#__PURE__*/React__namespace.createElement("path", {
1158
+ }, props), _path$l || (_path$l = /*#__PURE__*/React__namespace.createElement("path", {
1159
1159
  fill: "currentColor",
1160
1160
  d: "M7.5 0C9.952 0 12 2.048 12 4.5a4.483 4.483 0 01-1.27 3.108C12.078 8.39 13 9.855 13 11.5c0 2.452-2.048 4.5-4.5 4.5H4a1 1 0 01-1-1V1a1 1 0 011-1h3.5zM5 14h3.5c1.348 0 2.5-1.152 2.5-2.5S9.848 9 8.5 9H5v5zM7.5 2H5v5h2.5C8.848 7 10 5.848 10 4.5S8.848 2 7.5 2z"
1161
1161
  })));
1162
1162
  };
1163
1163
 
1164
- var _path$n;
1164
+ var _path$k;
1165
1165
 
1166
1166
  function _extends$p() { _extends$p = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$p.apply(this, arguments); }
1167
1167
 
1168
- var SvgBoldStroke = function SvgBoldStroke(props) {
1168
+ var SvgItalicFill = function SvgItalicFill(props) {
1169
1169
  return /*#__PURE__*/React__namespace.createElement("svg", _extends$p({
1170
1170
  xmlns: "http://www.w3.org/2000/svg",
1171
1171
  width: 16,
1172
1172
  height: 16,
1173
1173
  focusable: "false",
1174
1174
  viewBox: "0 0 16 16"
1175
- }, props), _path$n || (_path$n = /*#__PURE__*/React__namespace.createElement("path", {
1176
- fill: "currentColor",
1177
- d: "M7 1c2.176 0 4 1.824 4 4 0 1.315-.666 2.501-1.673 3.234C10.869 8.792 12 10.287 12 12c0 2.176-1.824 4-4 4H3.5a.5.5 0 01-.5-.5v-14a.5.5 0 01.5-.5H7zM4 15h4c1.624 0 3-1.376 3-3S9.624 9 8 9H4v6zM7 2H4v6h3c1.624 0 3-1.376 3-3S8.624 2 7 2z"
1175
+ }, props), _path$k || (_path$k = /*#__PURE__*/React__namespace.createElement("path", {
1176
+ fill: "none",
1177
+ stroke: "currentColor",
1178
+ strokeLinecap: "round",
1179
+ strokeWidth: 2,
1180
+ d: "M8 1h3M9.5 1l-3 14M5 15h3"
1178
1181
  })));
1179
1182
  };
1180
1183
 
1181
- var _path$m;
1184
+ var _path$j, _path2;
1182
1185
 
1183
1186
  function _extends$o() { _extends$o = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$o.apply(this, arguments); }
1184
1187
 
1185
- var SvgItalicFill = function SvgItalicFill(props) {
1188
+ var SvgQuoteFill = function SvgQuoteFill(props) {
1186
1189
  return /*#__PURE__*/React__namespace.createElement("svg", _extends$o({
1187
1190
  xmlns: "http://www.w3.org/2000/svg",
1188
1191
  width: 16,
1189
1192
  height: 16,
1190
1193
  focusable: "false",
1191
1194
  viewBox: "0 0 16 16"
1192
- }, props), _path$m || (_path$m = /*#__PURE__*/React__namespace.createElement("path", {
1195
+ }, props), _path$j || (_path$j = /*#__PURE__*/React__namespace.createElement("path", {
1196
+ fill: "currentColor",
1197
+ d: "M7 8H4c-.55 0-1-.45-1-1V4c0-.55.45-1 1-1h3c.55 0 1 .45 1 1v3c0 .55-.45 1-1 1zm6 0h-3c-.55 0-1-.45-1-1V4c0-.55.45-1 1-1h3c.55 0 1 .45 1 1v3c0 .55-.45 1-1 1z"
1198
+ })), _path2 || (_path2 = /*#__PURE__*/React__namespace.createElement("path", {
1193
1199
  fill: "none",
1194
1200
  stroke: "currentColor",
1195
1201
  strokeLinecap: "round",
1196
1202
  strokeWidth: 2,
1197
- d: "M8 1h3M9.5 1l-3 14M5 15h3"
1203
+ d: "M5.5 12C6.5 11 7 9.5 7 8V6m4.5 6c1-1 1.5-2.5 1.5-4V6"
1198
1204
  })));
1199
1205
  };
1200
1206
 
1201
- var _path$l;
1207
+ var _g$3;
1202
1208
 
1203
1209
  function _extends$n() { _extends$n = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$n.apply(this, arguments); }
1204
1210
 
1205
- var SvgItalicStroke = function SvgItalicStroke(props) {
1211
+ var SvgH1Fill = function SvgH1Fill(props) {
1206
1212
  return /*#__PURE__*/React__namespace.createElement("svg", _extends$n({
1207
1213
  xmlns: "http://www.w3.org/2000/svg",
1208
1214
  width: 16,
1209
1215
  height: 16,
1210
1216
  focusable: "false",
1211
1217
  viewBox: "0 0 16 16"
1212
- }, props), _path$l || (_path$l = /*#__PURE__*/React__namespace.createElement("path", {
1218
+ }, props), _g$3 || (_g$3 = /*#__PURE__*/React__namespace.createElement("g", {
1219
+ transform: "translate(-464 -332)"
1220
+ }, /*#__PURE__*/React__namespace.createElement("rect", {
1221
+ width: 16,
1222
+ height: 16,
1223
+ transform: "translate(464 332)",
1224
+ fill: "none"
1225
+ }), /*#__PURE__*/React__namespace.createElement("path", {
1226
+ d: "M3,1V12.273M11.052,1V12.273M3,6.636h8.052",
1227
+ transform: "translate(462 333.5)",
1213
1228
  fill: "none",
1214
1229
  stroke: "currentColor",
1215
1230
  strokeLinecap: "round",
1216
- d: "M7.5 1.5h3M9 1.5l-3 14m-1.5 0h3"
1217
- })));
1231
+ strokeWidth: 2
1232
+ }), /*#__PURE__*/React__namespace.createElement("path", {
1233
+ fill: "currentColor",
1234
+ d: "M1.755,15A.731.731,0,0,1,1,14.375a.7.7,0,0,1,.617-.739l.136-.011H2.51V6.346l-.22.2a.81.81,0,0,1-1.018.043.646.646,0,0,1-.137-.92l.086-.1L2.731,4.2l.063-.051.094-.058.091-.041.094-.028.082-.016L3.2,4l.082,0a.734.734,0,0,1,.094.007L3.265,4l.08,0,.113.019.1.028.115.055.083.055L3.8,4.2l.056.056.063.085.045.082.03.085.023.113,0,.063v8.937h.755a.731.731,0,0,1,.753.625.7.7,0,0,1-.617.739L4.775,15Z",
1235
+ transform: "translate(474.469 331)"
1236
+ }))));
1218
1237
  };
1219
1238
 
1220
- var _path$k, _path2;
1239
+ var _g$2;
1221
1240
 
1222
1241
  function _extends$m() { _extends$m = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$m.apply(this, arguments); }
1223
1242
 
1224
- var SvgQuoteFill = function SvgQuoteFill(props) {
1243
+ var SvgH2Fill = function SvgH2Fill(props) {
1225
1244
  return /*#__PURE__*/React__namespace.createElement("svg", _extends$m({
1226
1245
  xmlns: "http://www.w3.org/2000/svg",
1227
1246
  width: 16,
1228
1247
  height: 16,
1229
1248
  focusable: "false",
1230
1249
  viewBox: "0 0 16 16"
1231
- }, props), _path$k || (_path$k = /*#__PURE__*/React__namespace.createElement("path", {
1232
- fill: "currentColor",
1233
- d: "M7 8H4c-.55 0-1-.45-1-1V4c0-.55.45-1 1-1h3c.55 0 1 .45 1 1v3c0 .55-.45 1-1 1zm6 0h-3c-.55 0-1-.45-1-1V4c0-.55.45-1 1-1h3c.55 0 1 .45 1 1v3c0 .55-.45 1-1 1z"
1234
- })), _path2 || (_path2 = /*#__PURE__*/React__namespace.createElement("path", {
1250
+ }, props), _g$2 || (_g$2 = /*#__PURE__*/React__namespace.createElement("g", {
1251
+ transform: "translate(-464 -332)"
1252
+ }, /*#__PURE__*/React__namespace.createElement("rect", {
1253
+ width: 16,
1254
+ height: 16,
1255
+ transform: "translate(464 332)",
1256
+ fill: "none"
1257
+ }), /*#__PURE__*/React__namespace.createElement("path", {
1258
+ d: "M3,1V12.273M11.052,1V12.273M3,6.636h8.052",
1259
+ transform: "translate(462 333.5)",
1235
1260
  fill: "none",
1236
1261
  stroke: "currentColor",
1237
1262
  strokeLinecap: "round",
1238
- strokeWidth: 2,
1239
- d: "M5.5 12C6.5 11 7 9.5 7 8V6m4.5 6c1-1 1.5-2.5 1.5-4V6"
1240
- })));
1263
+ strokeWidth: 2
1264
+ }), /*#__PURE__*/React__namespace.createElement("path", {
1265
+ fill: "currentColor",
1266
+ d: "M5.5,6.75a2.576,2.576,0,1,1,5.141,0,4.961,4.961,0,0,1-1.1,3l-.256.348-1,1.291a8.564,8.564,0,0,0-1.222,2.047l-.071.191H10a.656.656,0,0,1,.632.564l.01.124a.677.677,0,0,1-.527.676L10,15H6.143a.627.627,0,0,1-.5-.252.723.723,0,0,1-.133-.57,8.183,8.183,0,0,1,1.753-3.637L8.24,9.292l.085-.111A3.975,3.975,0,0,0,9.355,6.75a1.288,1.288,0,1,0-2.57,0,.644.644,0,1,1-1.285,0Z",
1267
+ transform: "translate(469.359 331)"
1268
+ }))));
1241
1269
  };
1242
1270
 
1243
- var _path$j;
1271
+ var _g$1;
1244
1272
 
1245
1273
  function _extends$l() { _extends$l = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$l.apply(this, arguments); }
1246
1274
 
1247
- var SvgQuoteStroke = function SvgQuoteStroke(props) {
1275
+ var SvgH3Fill = function SvgH3Fill(props) {
1248
1276
  return /*#__PURE__*/React__namespace.createElement("svg", _extends$l({
1249
1277
  xmlns: "http://www.w3.org/2000/svg",
1250
1278
  width: 16,
1251
1279
  height: 16,
1252
1280
  focusable: "false",
1253
1281
  viewBox: "0 0 16 16"
1254
- }, props), _path$j || (_path$j = /*#__PURE__*/React__namespace.createElement("path", {
1282
+ }, props), _g$1 || (_g$1 = /*#__PURE__*/React__namespace.createElement("g", {
1283
+ transform: "translate(-464 -332)"
1284
+ }, /*#__PURE__*/React__namespace.createElement("rect", {
1285
+ width: 16,
1286
+ height: 16,
1287
+ transform: "translate(464 332)",
1288
+ fill: "none"
1289
+ }), /*#__PURE__*/React__namespace.createElement("path", {
1290
+ d: "M3,1V12.273M11.052,1V12.273M3,6.636h8.052",
1291
+ transform: "translate(462 333.5)",
1255
1292
  fill: "none",
1256
1293
  stroke: "currentColor",
1257
1294
  strokeLinecap: "round",
1258
- d: "M7 7.5H4c-.3 0-.5-.2-.5-.5V4c0-.3.2-.5.5-.5h3c.3 0 .5.2.5.5v3c0 .3-.2.5-.5.5zm6 0h-3c-.3 0-.5-.2-.5-.5V4c0-.3.2-.5.5-.5h3c.3 0 .5.2.5.5v3c0 .3-.2.5-.5.5zM12 12c1-1 1.5-2.5 1.5-4V6M6 12c1-1 1.5-2.5 1.5-4V6"
1259
- })));
1295
+ strokeWidth: 2
1296
+ }), /*#__PURE__*/React__namespace.createElement("path", {
1297
+ fill: "currentColor",
1298
+ d: "M15.375,4A.658.658,0,0,1,16,4.688a3.531,3.531,0,0,1-.744,1.665l-.3.44-.171.238-.384.514-.438.568-.136.168.145.043a2.839,2.839,0,0,1,1.95,2.5l.031.225.015.151.021.294.01.334,0,.424a3.323,3.323,0,0,1-.3,1.339A2.286,2.286,0,0,1,13.5,15c-1.6,0-2.5-1-2.5-2.75a.628.628,0,1,1,1.25,0c0,1,.345,1.375,1.25,1.375a1.053,1.053,0,0,0,1.081-.652,1.9,1.9,0,0,0,.169-.723l0-.378-.015-.415-.021-.238c-.134-1.172-.653-1.719-2.149-1.719a.625.625,0,0,1-.571-.407.741.741,0,0,1,.106-.739l.494-.61.446-.564.4-.518.347-.465.3-.41.282-.411H11.625a.645.645,0,0,1-.615-.564L11,4.688a.673.673,0,0,1,.512-.676L11.625,4Z",
1299
+ transform: "translate(464.001 331)"
1300
+ }))));
1260
1301
  };
1261
1302
 
1262
- var MenuContainer = styled__default["default"](Card)(templateObject_1$U || (templateObject_1$U = __makeTemplateObject(["\n padding: ", ";\n"], ["\n padding: ", ";\n"])), function (_a) {
1303
+ var StyledIconButton = styled__default["default"](IconButton)(templateObject_1$U || (templateObject_1$U = __makeTemplateObject([""], [""])));
1304
+ var MenuContainer = styled__default["default"](Card)(templateObject_2$n || (templateObject_2$n = __makeTemplateObject(["\n padding: ", ";\n\n ", " {\n :first-child {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n :last-child {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n\n :not(:first-child):not(:last-child) {\n border-radius: 0;\n }\n }\n"], ["\n padding: ", ";\n\n ", " {\n :first-child {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n :last-child {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n\n :not(:first-child):not(:last-child) {\n border-radius: 0;\n }\n }\n"])), function (_a) {
1263
1305
  var theme = _a.theme;
1264
1306
  return theme.space.xxs;
1265
- });
1307
+ }, StyledIconButton);
1266
1308
  var FloatingMenu = function (props) {
1267
1309
  var editor = props.editor;
1268
1310
  if (!editor) {
1269
1311
  return null;
1270
1312
  }
1271
- return (jsxRuntime.jsx(react.BubbleMenu, __assign({}, props, { editor: editor }, { children: jsxRuntime.jsxs(MenuContainer, __assign({ isFloating: true }, { children: [jsxRuntime.jsx(IconButton, __assign({ size: "small", onClick: function () { return editor.chain().focus().toggleBold().run(); }, isBasic: !editor.isActive("bold"), isPill: false }, { children: editor.isActive("bold") ? jsxRuntime.jsx(SvgBoldFill, {}) : jsxRuntime.jsx(SvgBoldStroke, {}) })), jsxRuntime.jsx(IconButton, __assign({ size: "small", onClick: function () { return editor.chain().focus().toggleItalic().run(); }, isBasic: !editor.isActive("italic"), isPill: false }, { children: editor.isActive("italic") ? jsxRuntime.jsx(SvgItalicFill, {}) : jsxRuntime.jsx(SvgItalicStroke, {}) })), jsxRuntime.jsx(IconButton, __assign({ size: "small", onClick: function () { return editor.chain().focus().toggleBlockquote().run(); }, isBasic: !editor.isActive("blockquote"), isPill: false }, { children: editor.isActive("blockquote") ? jsxRuntime.jsx(SvgQuoteFill, {}) : jsxRuntime.jsx(SvgQuoteStroke, {}) }))] })) })));
1313
+ return (jsxRuntime.jsx(react.BubbleMenu, __assign({}, props, { editor: editor }, { children: jsxRuntime.jsxs(MenuContainer, __assign({ isFloating: true }, { children: [jsxRuntime.jsx(StyledIconButton, __assign({ size: "small", onClick: function () {
1314
+ return editor.chain().focus().toggleHeading({ level: 1 }).run();
1315
+ }, isBasic: !editor.isActive("heading", { level: 1 }), isPrimary: editor.isActive("heading", { level: 1 }), isPill: false }, { children: jsxRuntime.jsx(SvgH1Fill, {}, "ug-h1-button-bubble-menu") })), jsxRuntime.jsx(StyledIconButton, __assign({ size: "small", onClick: function () {
1316
+ return editor.chain().focus().toggleHeading({ level: 2 }).run();
1317
+ }, isBasic: !editor.isActive("heading", { level: 2 }), isPrimary: editor.isActive("heading", { level: 2 }), isPill: false }, { children: jsxRuntime.jsx(SvgH2Fill, {}, "ug-h2-button-bubble-menu") })), jsxRuntime.jsx(StyledIconButton, __assign({ size: "small", onClick: function () {
1318
+ return editor.chain().focus().toggleHeading({ level: 3 }).run();
1319
+ }, isBasic: !editor.isActive("heading", { level: 3 }), isPrimary: editor.isActive("heading", { level: 3 }), isPill: false }, { children: jsxRuntime.jsx(SvgH3Fill, {}, "ug-h3-button-bubble-menu") })), jsxRuntime.jsx(StyledIconButton, __assign({ size: "small", onClick: function () { return editor.chain().focus().toggleBold().run(); }, isBasic: !editor.isActive("bold"), isPrimary: editor.isActive("bold"), isPill: false }, { children: jsxRuntime.jsx(SvgBoldFill, {}, "ug-bold-button-bubble-menu") })), jsxRuntime.jsx(StyledIconButton, __assign({ size: "small", onClick: function () { return editor.chain().focus().toggleItalic().run(); }, isBasic: !editor.isActive("italic"), isPrimary: editor.isActive("italic"), isPill: false }, { children: jsxRuntime.jsx(SvgItalicFill, {}, "ug-italic-button-bubble-menu") })), jsxRuntime.jsx(StyledIconButton, __assign({ size: "small", onClick: function () { return editor.chain().focus().toggleBlockquote().run(); }, isBasic: !editor.isActive("blockquote"), isPrimary: editor.isActive("blockquote"), isPill: false }, { children: jsxRuntime.jsx(SvgQuoteFill, {}, "ug-quote-button-bubble-menu") }))] })) })));
1272
1320
  };
1273
- var templateObject_1$U;
1321
+ var templateObject_1$U, templateObject_2$n;
1274
1322
 
1275
1323
  var Header$1 = styled__default["default"].div(templateObject_1$T || (templateObject_1$T = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n padding: ", " ", ";\n border-bottom: 1px solid ", ";\n"], ["\n display: flex;\n flex-direction: column;\n padding: ", " ", ";\n border-bottom: 1px solid ", ";\n"])), function (_a) {
1276
1324
  var theme = _a.theme;
@@ -1804,7 +1852,7 @@ var DropdownItem = styled__default["default"](reactChrome.HeaderItem)(templateOb
1804
1852
  var theme = _a.theme;
1805
1853
  return theme.breakpoints.md;
1806
1854
  });
1807
- var MenuItem$1 = styled__default["default"](reactChrome.HeaderItem)(templateObject_4$8 || (templateObject_4$8 = __makeTemplateObject(["\n color: ", ";\n position: absolute;\n left: 0;\n @media (min-width: ", ") {\n display: none;\n }\n"], ["\n color: ", ";\n position: absolute;\n left: 0;\n @media (min-width: ", ") {\n display: none;\n }\n"])), function (_a) {
1855
+ var MenuItem$1 = styled__default["default"](reactChrome.HeaderItem)(templateObject_4$9 || (templateObject_4$9 = __makeTemplateObject(["\n color: ", ";\n position: absolute;\n left: 0;\n @media (min-width: ", ") {\n display: none;\n }\n"], ["\n color: ", ";\n position: absolute;\n left: 0;\n @media (min-width: ", ") {\n display: none;\n }\n"])), function (_a) {
1808
1856
  var theme = _a.theme;
1809
1857
  return theme.colors.primaryHue;
1810
1858
  }, function (_a) {
@@ -1814,7 +1862,7 @@ var MenuItem$1 = styled__default["default"](reactChrome.HeaderItem)(templateObje
1814
1862
  var BrandItem = function (props) {
1815
1863
  return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs(MenuItem$1, __assign({}, props, { onClick: props.toggleMenu }, { children: [jsxRuntime.jsx(HeaderItemIcon, { children: jsxRuntime.jsx(SvgMenuStroke, {}) }), props.menuLabel && jsxRuntime.jsx(HeaderItemText, { children: props.menuLabel })] })), jsxRuntime.jsx(LogoIconContainer, __assign({}, props, { hasLogo: true }, { children: jsxRuntime.jsx(HeaderItemIcon, { children: jsxRuntime.jsx(Logo, { type: "icon", size: 150 }) }) })), props.workspaces && props.workspaces.length > 1 ? (jsxRuntime.jsx(DropdownItem, { children: jsxRuntime.jsx(WorkspacesDropdown, { workspaces: props.workspaces, workspacesLabel: props.workspacesLabel, activeWorkspace: props.activeWorkspace, onWorkspaceChange: props.onWorkspaceChange }) })) : (jsxRuntime.jsx(jsxRuntime.Fragment, { children: props.brandName && (jsxRuntime.jsx(BrandName, __assign({}, props, { children: jsxRuntime.jsx(HeaderItemText, { children: props.brandName }) }))) }))] }));
1816
1864
  };
1817
- var templateObject_1$y, templateObject_2$h, templateObject_3$d, templateObject_4$8;
1865
+ var templateObject_1$y, templateObject_2$h, templateObject_3$d, templateObject_4$9;
1818
1866
 
1819
1867
  var UgHeader = styled__default["default"](reactChrome.Header)(templateObject_1$x || (templateObject_1$x = __makeTemplateObject(["\n height: ", ";\n"], ["\n height: ", ";\n"])), theme.components.chrome.header.height);
1820
1868
  /**
@@ -2275,7 +2323,7 @@ var StyledBody$4 = styled__default["default"](Modal.Body)(templateObject_3$b ||
2275
2323
  var theme = _a.theme;
2276
2324
  return "".concat(theme.space.lg, " ").concat(theme.space.md);
2277
2325
  });
2278
- var StyledFooter = styled__default["default"](Modal.Footer)(templateObject_4$7 || (templateObject_4$7 = __makeTemplateObject(["\n padding: ", "px\n ", "px;\n"], ["\n padding: ", "px\n ", "px;\n"])), function (_a) {
2326
+ var StyledFooter = styled__default["default"](Modal.Footer)(templateObject_4$8 || (templateObject_4$8 = __makeTemplateObject(["\n padding: ", "px\n ", "px;\n"], ["\n padding: ", "px\n ", "px;\n"])), function (_a) {
2279
2327
  var theme = _a.theme;
2280
2328
  return theme.space.base * 4;
2281
2329
  }, function (_a) {
@@ -2289,7 +2337,7 @@ ModalFullScreen.Body = StyledBody$4;
2289
2337
  ModalFullScreen.Footer = StyledFooter;
2290
2338
  ModalFullScreen.Close = StyledModalClose;
2291
2339
  ModalFullScreen.FooterItem = FooterItem;
2292
- var templateObject_1$j, templateObject_2$d, templateObject_3$b, templateObject_4$7, templateObject_5$4;
2340
+ var templateObject_1$j, templateObject_2$d, templateObject_3$b, templateObject_4$8, templateObject_5$4;
2293
2341
 
2294
2342
  /**
2295
2343
  * The Chrome component provides a high-level layout structure and sets a framework for navigating around Zendesk products.
@@ -2334,7 +2382,7 @@ var MetaContainer = styled__default["default"].div(templateObject_3$a || (templa
2334
2382
  var theme = _a.theme;
2335
2383
  return theme.breakpoints.sm;
2336
2384
  });
2337
- var Overline = styled__default["default"](MD)(templateObject_4$6 || (templateObject_4$6 = __makeTemplateObject(["\n color: ", ";\n margin-bottom: ", ";\n font-weight: ", ";\n line-height: ", ";\n"], ["\n color: ", ";\n margin-bottom: ", ";\n font-weight: ", ";\n line-height: ", ";\n"])), function (_a) {
2385
+ var Overline = styled__default["default"](MD)(templateObject_4$7 || (templateObject_4$7 = __makeTemplateObject(["\n color: ", ";\n margin-bottom: ", ";\n font-weight: ", ";\n line-height: ", ";\n"], ["\n color: ", ";\n margin-bottom: ", ";\n font-weight: ", ";\n line-height: ", ";\n"])), function (_a) {
2338
2386
  var theme = _a.theme;
2339
2387
  return theme.palette.grey[600];
2340
2388
  }, function (_a) {
@@ -2385,12 +2433,13 @@ var Image = styled__default["default"].img(templateObject_9 || (templateObject_9
2385
2433
  var Main = function (props) {
2386
2434
  return (jsxRuntime.jsx(MainContainer, { children: jsxRuntime.jsxs(Row$1, { children: [jsxRuntime.jsx(StyledCol, __assign({ xs: 12, sm: props.metaImage ? 6 : 12 }, { children: jsxRuntime.jsxs(InformationContainer, { children: [props.infoOverline && jsxRuntime.jsx(Overline, { children: props.infoOverline }), props.infoTitle && jsxRuntime.jsx(Title, { children: props.infoTitle }), props.infoDescription && (jsxRuntime.jsx(Description$1, { children: props.infoDescription })), props.infoCounters && jsxRuntime.jsx(Counters, { children: props.infoCounters })] }) })), props.metaImage && (jsxRuntime.jsx(StyledCol, __assign({ xs: 12, sm: props.metaImage ? 6 : 12 }, { children: jsxRuntime.jsx(MetaContainer, { children: jsxRuntime.jsx(Image, { src: props.metaImage, title: props.infoTitle, alt: props.infoTitle }) }) })))] }) }));
2387
2435
  };
2388
- var templateObject_1$h, templateObject_2$c, templateObject_3$a, templateObject_4$6, templateObject_5$3, templateObject_6$1, templateObject_7, templateObject_8, templateObject_9;
2436
+ var templateObject_1$h, templateObject_2$c, templateObject_3$a, templateObject_4$7, templateObject_5$3, templateObject_6$1, templateObject_7, templateObject_8, templateObject_9;
2389
2437
 
2390
- var StyledPageHeader = styled__default["default"].div(templateObject_1$g || (templateObject_1$g = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n width: 100%;\n background-color: ", ";\n padding: ", ";\n box-sizing: border-box;\n border-bottom: 1px solid ", ";\n\n @media (max-width: ", ") {\n padding: ", ";\n }\n"], ["\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n width: 100%;\n background-color: ", ";\n padding: ", ";\n box-sizing: border-box;\n border-bottom: 1px solid ", ";\n\n @media (max-width: ", ") {\n padding: ", ";\n }\n"])), function (_a) {
2438
+ var PageContainer = styled__default["default"].div(templateObject_1$g || (templateObject_1$g = __makeTemplateObject(["\n background-color: ", ";\n"], ["\n background-color: ", ";\n"])), function (_a) {
2391
2439
  var theme = _a.theme;
2392
2440
  return theme.palette.white;
2393
- }, function (_a) {
2441
+ });
2442
+ var StyledPageHeader = styled__default["default"].div(templateObject_2$b || (templateObject_2$b = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n width: 100%;\n padding: ", ";\n box-sizing: border-box;\n border-bottom: 1px solid ", ";\n\n @media (max-width: ", ") {\n padding: ", ";\n }\n\n max-width: ", ";\n\n @media (min-width: ", ") {\n margin: 0 auto;\n }\n"], ["\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n width: 100%;\n padding: ", ";\n box-sizing: border-box;\n border-bottom: 1px solid ", ";\n\n @media (max-width: ", ") {\n padding: ", ";\n }\n\n max-width: ", ";\n\n @media (min-width: ", ") {\n margin: 0 auto;\n }\n"])), function (_a) {
2394
2443
  var theme = _a.theme;
2395
2444
  return "".concat(theme.space.xxl, " ").concat(theme.space.xxl, " ").concat(theme.space.md);
2396
2445
  }, function (_a) {
@@ -2402,15 +2451,21 @@ var StyledPageHeader = styled__default["default"].div(templateObject_1$g || (tem
2402
2451
  }, function (_a) {
2403
2452
  var theme = _a.theme;
2404
2453
  return "".concat(theme.space.md, " ").concat(theme.space.md, " ").concat(theme.space.xs);
2454
+ }, function (_a) {
2455
+ var theme = _a.theme;
2456
+ return theme.breakpoints.xl;
2457
+ }, function (_a) {
2458
+ var theme = _a.theme;
2459
+ return theme.breakpoints.xl;
2405
2460
  });
2406
- var PullLeft = styled__default["default"].div(templateObject_2$b || (templateObject_2$b = __makeTemplateObject(["\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: flex-start;\n flex-wrap: wrap;\n width: 100%;\n padding: ", ";\n margin-bottom: ", ";\n"], ["\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: flex-start;\n flex-wrap: wrap;\n width: 100%;\n padding: ", ";\n margin-bottom: ", ";\n"])), function (_a) {
2461
+ var PullLeft = styled__default["default"].div(templateObject_3$9 || (templateObject_3$9 = __makeTemplateObject(["\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: flex-start;\n flex-wrap: wrap;\n width: 100%;\n padding: ", ";\n margin-bottom: ", ";\n"], ["\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: flex-start;\n flex-wrap: wrap;\n width: 100%;\n padding: ", ";\n margin-bottom: ", ";\n"])), function (_a) {
2407
2462
  var theme = _a.theme;
2408
2463
  return "".concat(theme.space.xs, " 10px");
2409
2464
  }, function (_a) {
2410
2465
  var theme = _a.theme;
2411
2466
  return theme.space.xs;
2412
2467
  });
2413
- var ButtonContainer = styled__default["default"].div(templateObject_3$9 || (templateObject_3$9 = __makeTemplateObject(["\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: flex-start;\n flex-wrap: wrap;\n width: 100%;\n margin: ", " 0;\n"], ["\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: flex-start;\n flex-wrap: wrap;\n width: 100%;\n margin: ", " 0;\n"])), function (_a) {
2468
+ var ButtonContainer = styled__default["default"].div(templateObject_4$6 || (templateObject_4$6 = __makeTemplateObject(["\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: flex-start;\n flex-wrap: wrap;\n width: 100%;\n margin: ", " 0;\n"], ["\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: flex-start;\n flex-wrap: wrap;\n width: 100%;\n margin: ", " 0;\n"])), function (_a) {
2414
2469
  var theme = _a.theme;
2415
2470
  return theme.space.md;
2416
2471
  });
@@ -2426,12 +2481,12 @@ var Buttons = function (props) { return (jsxRuntime.jsx(ButtonContainer, __assig
2426
2481
  - As a container for the top part of the page
2427
2482
  */
2428
2483
  var PageHeader = function (props) {
2429
- return jsxRuntime.jsx(StyledPageHeader, __assign({}, props));
2484
+ return (jsxRuntime.jsx(PageContainer, { children: jsxRuntime.jsx(StyledPageHeader, __assign({}, props)) }));
2430
2485
  };
2431
2486
  PageHeader.Breadcrumb = StyledBreadcrumb;
2432
2487
  PageHeader.Main = Main;
2433
2488
  PageHeader.Buttons = Buttons;
2434
- var templateObject_1$g, templateObject_2$b, templateObject_3$9;
2489
+ var templateObject_1$g, templateObject_2$b, templateObject_3$9, templateObject_4$6;
2435
2490
 
2436
2491
  var _path$5;
2437
2492
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@appquality/unguess-design-system",
3
- "version": "2.10.71",
3
+ "version": "2.11.2",
4
4
  "dependencies": {
5
5
  "@tiptap/extension-bubble-menu": "^2.0.0-beta.61",
6
6
  "@tiptap/extension-character-count": "^2.0.0-beta.31",