@appquality/unguess-design-system 2.10.25 → 2.10.28

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 +37 -0
  2. package/build/index.js +106 -83
  3. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,3 +1,40 @@
1
+ # v2.10.28 (Fri May 13 2022)
2
+
3
+ #### ⚠️ Pushed to `master`
4
+
5
+ - fix(sidebar): hide dropdown on desktop ([@cannarocks](https://github.com/cannarocks))
6
+
7
+ #### Authors: 1
8
+
9
+ - Luca Cannarozzo ([@cannarocks](https://github.com/cannarocks))
10
+
11
+ ---
12
+
13
+ # v2.10.27 (Fri May 13 2022)
14
+
15
+ #### ⚠️ Pushed to `master`
16
+
17
+ - fix(sidebar): show dropdown only on small viewport ([@cannarocks](https://github.com/cannarocks))
18
+
19
+ #### Authors: 1
20
+
21
+ - Luca Cannarozzo ([@cannarocks](https://github.com/cannarocks))
22
+
23
+ ---
24
+
25
+ # v2.10.26 (Fri May 13 2022)
26
+
27
+ #### ⚠️ Pushed to `master`
28
+
29
+ - Merge branch 'master' of github.com:AppQuality/unguess-design-system ([@cannarocks](https://github.com/cannarocks))
30
+ - fix(sidebar): remove padding only with tokens ([@cannarocks](https://github.com/cannarocks))
31
+
32
+ #### Authors: 1
33
+
34
+ - Luca Cannarozzo ([@cannarocks](https://github.com/cannarocks))
35
+
36
+ ---
37
+
1
38
  # v2.10.25 (Fri May 13 2022)
2
39
 
3
40
  #### 🐛 Bug Fix
package/build/index.js CHANGED
@@ -414,12 +414,12 @@ var UgLabel$1 = styled__default["default"](reactForms.Label)(templateObject_1$S
414
414
  var Label = function (props) { return jsxRuntime.jsx(UgLabel$1, __assign({}, props)); };
415
415
  var templateObject_1$S;
416
416
 
417
- var _g$4, _path$p, _path2$7, _path3$6, _path4$4, _path5$3, _path6$3, _path7$3, _path8$3, _path9$3, _path10$3, _path11$2;
417
+ var _g$4, _path$q, _path2$7, _path3$6, _path4$4, _path5$3, _path6$3, _path7$3, _path8$3, _path9$3, _path10$3, _path11$2;
418
418
 
419
- 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); }
419
+ 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); }
420
420
 
421
421
  var SvgFunctionalTestRoundIcon = function SvgFunctionalTestRoundIcon(props) {
422
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$r({
422
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$s({
423
423
  width: 24,
424
424
  height: 24,
425
425
  viewBox: "0 0 24 24",
@@ -431,7 +431,7 @@ var SvgFunctionalTestRoundIcon = function SvgFunctionalTestRoundIcon(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$p || (_path$p = /*#__PURE__*/React__namespace.createElement("path", {
434
+ }))), _path$q || (_path$q = /*#__PURE__*/React__namespace.createElement("path", {
435
435
  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",
436
436
  fill: "#003A57",
437
437
  stroke: "#003A57"
@@ -488,12 +488,12 @@ var SvgFunctionalTestRoundIcon = function SvgFunctionalTestRoundIcon(props) {
488
488
  })));
489
489
  };
490
490
 
491
- var _g$3, _path$o;
491
+ var _g$3, _path$p;
492
492
 
493
- 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); }
493
+ 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); }
494
494
 
495
495
  var SvgRegressionTestRoundIcon = function SvgRegressionTestRoundIcon(props) {
496
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$q({
496
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$r({
497
497
  width: 24,
498
498
  height: 24,
499
499
  viewBox: "0 0 24 24",
@@ -505,18 +505,18 @@ var SvgRegressionTestRoundIcon = function SvgRegressionTestRoundIcon(props) {
505
505
  opacity: 0.3,
506
506
  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",
507
507
  fill: "#003A57"
508
- }))), _path$o || (_path$o = /*#__PURE__*/React__namespace.createElement("path", {
508
+ }))), _path$p || (_path$p = /*#__PURE__*/React__namespace.createElement("path", {
509
509
  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",
510
510
  fill: "#003A57"
511
511
  })));
512
512
  };
513
513
 
514
- var _circle$2, _path$n, _path2$6, _path3$5;
514
+ var _circle$2, _path$o, _path2$6, _path3$5;
515
515
 
516
- 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); }
516
+ 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); }
517
517
 
518
518
  var SvgCompletedStatusRoundIcon = function SvgCompletedStatusRoundIcon(props) {
519
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$p({
519
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$q({
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$n || (_path$n = /*#__PURE__*/React__namespace.createElement("path", {
530
+ })), _path$o || (_path$o = /*#__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$m, _path2$5, _path3$4, _path4$3, _path5$2, _path6$2, _path7$2, _path8$2, _path9$2, _path10$2;
542
+ var _circle$1, _path$n, _path2$5, _path3$4, _path4$3, _path5$2, _path6$2, _path7$2, _path8$2, _path9$2, _path10$2;
543
543
 
544
- 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); }
544
+ 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); }
545
545
 
546
546
  var SvgOnGoingStatusRoundIcon = function SvgOnGoingStatusRoundIcon(props) {
547
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$o({
547
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$p({
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$m || (_path$m = /*#__PURE__*/React__namespace.createElement("path", {
558
+ })), _path$n || (_path$n = /*#__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$l, _path2$4;
591
+ var _circle, _path$m, _path2$4;
592
592
 
593
- 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); }
593
+ 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); }
594
594
 
595
595
  var SvgArrivalStatusRoundIcon = function SvgArrivalStatusRoundIcon(props) {
596
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$n({
596
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$o({
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$l || (_path$l = /*#__PURE__*/React__namespace.createElement("path", {
607
+ })), _path$m || (_path$m = /*#__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,
@@ -815,18 +815,18 @@ var templateObject_1$O, templateObject_2$j, templateObject_3$c, templateObject_4
815
815
  */
816
816
  var Close = function (props) { return jsxRuntime.jsx(reactNotifications.Close, __assign({}, props)); };
817
817
 
818
- var _path$k, _path2$3, _path3$3, _path4$2;
818
+ var _path$l, _path2$3, _path3$3, _path4$2;
819
819
 
820
- 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); }
820
+ 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); }
821
821
 
822
822
  var SvgCampaignCompleted = function SvgCampaignCompleted(props) {
823
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$m({
823
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$n({
824
824
  width: 24,
825
825
  height: 24,
826
826
  viewBox: "0 0 24 24",
827
827
  fill: "none",
828
828
  xmlns: "http://www.w3.org/2000/svg"
829
- }, props), _path$k || (_path$k = /*#__PURE__*/React__namespace.createElement("path", {
829
+ }, props), _path$l || (_path$l = /*#__PURE__*/React__namespace.createElement("path", {
830
830
  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
831
  fill: "#F8F9F9"
832
832
  })), _path2$3 || (_path2$3 = /*#__PURE__*/React__namespace.createElement("path", {
@@ -841,18 +841,18 @@ var SvgCampaignCompleted = function SvgCampaignCompleted(props) {
841
841
  })));
842
842
  };
843
843
 
844
- var _path$j, _path2$2, _path3$2, _path4$1, _path5$1, _path6$1, _path7$1, _path8$1, _path9$1, _path10$1, _path11$1;
844
+ var _path$k, _path2$2, _path3$2, _path4$1, _path5$1, _path6$1, _path7$1, _path8$1, _path9$1, _path10$1, _path11$1;
845
845
 
846
- 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); }
846
+ 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); }
847
847
 
848
848
  var SvgCampaignProgress = function SvgCampaignProgress(props) {
849
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$l({
849
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$m({
850
850
  width: 24,
851
851
  height: 24,
852
852
  viewBox: "0 0 24 24",
853
853
  fill: "none",
854
854
  xmlns: "http://www.w3.org/2000/svg"
855
- }, props), _path$j || (_path$j = /*#__PURE__*/React__namespace.createElement("path", {
855
+ }, props), _path$k || (_path$k = /*#__PURE__*/React__namespace.createElement("path", {
856
856
  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
857
  fill: "#F8F9F9"
858
858
  })), _path2$2 || (_path2$2 = /*#__PURE__*/React__namespace.createElement("path", {
@@ -888,18 +888,18 @@ var SvgCampaignProgress = function SvgCampaignProgress(props) {
888
888
  })));
889
889
  };
890
890
 
891
- var _path$i, _path2$1, _path3$1;
891
+ var _path$j, _path2$1, _path3$1;
892
892
 
893
- 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); }
893
+ 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); }
894
894
 
895
895
  var SvgCampaignIncoming = function SvgCampaignIncoming(props) {
896
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$k({
896
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$l({
897
897
  width: 24,
898
898
  height: 24,
899
899
  viewBox: "0 0 24 24",
900
900
  fill: "none",
901
901
  xmlns: "http://www.w3.org/2000/svg"
902
- }, props), _path$i || (_path$i = /*#__PURE__*/React__namespace.createElement("path", {
902
+ }, props), _path$j || (_path$j = /*#__PURE__*/React__namespace.createElement("path", {
903
903
  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
904
  fill: "#F8F9F9"
905
905
  })), _path2$1 || (_path2$1 = /*#__PURE__*/React__namespace.createElement("path", {
@@ -917,12 +917,12 @@ var SvgCampaignIncoming = function SvgCampaignIncoming(props) {
917
917
  })));
918
918
  };
919
919
 
920
- var _g$2, _path$h;
920
+ var _g$2, _path$i;
921
921
 
922
- 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); }
922
+ 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); }
923
923
 
924
924
  var SvgCampaignFunctional = function SvgCampaignFunctional(props) {
925
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$j({
925
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$k({
926
926
  width: 24,
927
927
  height: 24,
928
928
  viewBox: "0 0 24 24",
@@ -934,18 +934,18 @@ var SvgCampaignFunctional = function SvgCampaignFunctional(props) {
934
934
  opacity: 0.3,
935
935
  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
936
  fill: "#003A57"
937
- }))), _path$h || (_path$h = /*#__PURE__*/React__namespace.createElement("path", {
937
+ }))), _path$i || (_path$i = /*#__PURE__*/React__namespace.createElement("path", {
938
938
  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
939
  fill: "#003A57"
940
940
  })));
941
941
  };
942
942
 
943
- var _g$1, _path$g, _path2, _path3, _path4, _path5, _path6, _path7, _path8, _path9, _path10, _path11;
943
+ var _g$1, _path$h, _path2, _path3, _path4, _path5, _path6, _path7, _path8, _path9, _path10, _path11;
944
944
 
945
- 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); }
945
+ 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); }
946
946
 
947
947
  var SvgCampaignExperiential = function SvgCampaignExperiential(props) {
948
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$i({
948
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$j({
949
949
  width: 24,
950
950
  height: 24,
951
951
  viewBox: "0 0 24 24",
@@ -957,7 +957,7 @@ var SvgCampaignExperiential = function SvgCampaignExperiential(props) {
957
957
  opacity: 0.3,
958
958
  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
959
  fill: "#003A57"
960
- }))), _path$g || (_path$g = /*#__PURE__*/React__namespace.createElement("path", {
960
+ }))), _path$h || (_path$h = /*#__PURE__*/React__namespace.createElement("path", {
961
961
  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
962
  fill: "#003A57",
963
963
  stroke: "#003A57"
@@ -1268,18 +1268,18 @@ var UgRadio = styled__default["default"](reactForms.Radio)(templateObject_1$E ||
1268
1268
  var Radio = function (props) { return jsxRuntime.jsx(UgRadio, __assign({}, props)); };
1269
1269
  var templateObject_1$E;
1270
1270
 
1271
- var _path$f;
1271
+ var _path$g;
1272
1272
 
1273
- 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); }
1273
+ 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); }
1274
1274
 
1275
1275
  var SvgCheckLg = function SvgCheckLg(props) {
1276
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$h({
1276
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$i({
1277
1277
  width: 16,
1278
1278
  height: 16,
1279
1279
  viewBox: "0 0 16 16",
1280
1280
  fill: "#68737D",
1281
1281
  xmlns: "http://www.w3.org/2000/svg"
1282
- }, props), _path$f || (_path$f = /*#__PURE__*/React__namespace.createElement("path", {
1282
+ }, props), _path$g || (_path$g = /*#__PURE__*/React__namespace.createElement("path", {
1283
1283
  fillRule: "evenodd",
1284
1284
  clipRule: "evenodd",
1285
1285
  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"
@@ -1372,52 +1372,52 @@ var Row$1 = function (props) { return jsxRuntime.jsx(reactGrid.Row, __assign({},
1372
1372
  */
1373
1373
  var Grid = function (props) { return jsxRuntime.jsx(reactGrid.Grid, __assign({}, props)); };
1374
1374
 
1375
- var _path$e;
1375
+ var _path$f;
1376
1376
 
1377
- 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); }
1377
+ 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); }
1378
1378
 
1379
1379
  var SvgUgSquare = function SvgUgSquare(props) {
1380
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$g({
1380
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$h({
1381
1381
  width: 24,
1382
1382
  height: 24,
1383
1383
  viewBox: "0 0 24 24",
1384
1384
  fill: "none",
1385
1385
  xmlns: "http://www.w3.org/2000/svg"
1386
- }, props), _path$e || (_path$e = /*#__PURE__*/React__namespace.createElement("path", {
1386
+ }, props), _path$f || (_path$f = /*#__PURE__*/React__namespace.createElement("path", {
1387
1387
  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
1388
  fill: "#E80C7A"
1389
1389
  })));
1390
1390
  };
1391
1391
 
1392
- var _path$d;
1392
+ var _path$e;
1393
1393
 
1394
- 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); }
1394
+ 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); }
1395
1395
 
1396
1396
  var SvgUgCircle = function SvgUgCircle(props) {
1397
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$f({
1397
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$g({
1398
1398
  width: 24,
1399
1399
  height: 24,
1400
1400
  viewBox: "0 0 24 24",
1401
1401
  fill: "none",
1402
1402
  xmlns: "http://www.w3.org/2000/svg"
1403
- }, props), _path$d || (_path$d = /*#__PURE__*/React__namespace.createElement("path", {
1403
+ }, props), _path$e || (_path$e = /*#__PURE__*/React__namespace.createElement("path", {
1404
1404
  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
1405
  fill: "#FFCD1A"
1406
1406
  })));
1407
1407
  };
1408
1408
 
1409
- var _path$c;
1409
+ var _path$d;
1410
1410
 
1411
- 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); }
1411
+ 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); }
1412
1412
 
1413
1413
  var SvgUgTriangle = function SvgUgTriangle(props) {
1414
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$e({
1414
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$f({
1415
1415
  width: 24,
1416
1416
  height: 24,
1417
1417
  viewBox: "0 0 24 24",
1418
1418
  fill: "none",
1419
1419
  xmlns: "http://www.w3.org/2000/svg"
1420
- }, props), _path$c || (_path$c = /*#__PURE__*/React__namespace.createElement("path", {
1420
+ }, props), _path$d || (_path$d = /*#__PURE__*/React__namespace.createElement("path", {
1421
1421
  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
1422
  fill: "#7B0DFF"
1423
1423
  })));
@@ -1478,18 +1478,18 @@ var templateObject_1$x;
1478
1478
  */
1479
1479
  var Content = function (props) { return jsxRuntime.jsx(reactChrome.Content, __assign({}, props)); };
1480
1480
 
1481
- var _path$b;
1481
+ var _path$c;
1482
1482
 
1483
- 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); }
1483
+ 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); }
1484
1484
 
1485
1485
  var SvgChevronDownStroke = function SvgChevronDownStroke(props) {
1486
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$d({
1486
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$e({
1487
1487
  xmlns: "http://www.w3.org/2000/svg",
1488
1488
  width: 16,
1489
1489
  height: 16,
1490
1490
  focusable: "false",
1491
1491
  viewBox: "0 0 16 16"
1492
- }, props), _path$b || (_path$b = /*#__PURE__*/React__namespace.createElement("path", {
1492
+ }, props), _path$c || (_path$c = /*#__PURE__*/React__namespace.createElement("path", {
1493
1493
  fill: "currentColor",
1494
1494
  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
1495
  })));
@@ -1541,18 +1541,18 @@ var Logo = function (props) {
1541
1541
  }[props.type] })));
1542
1542
  };
1543
1543
 
1544
- var _path$a;
1544
+ var _path$b;
1545
1545
 
1546
- 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); }
1546
+ 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); }
1547
1547
 
1548
1548
  var SvgMenuStroke = function SvgMenuStroke(props) {
1549
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$c({
1549
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$d({
1550
1550
  xmlns: "http://www.w3.org/2000/svg",
1551
1551
  width: 16,
1552
1552
  height: 16,
1553
1553
  focusable: "false",
1554
1554
  viewBox: "0 0 16 16"
1555
- }, props), _path$a || (_path$a = /*#__PURE__*/React__namespace.createElement("path", {
1555
+ }, props), _path$b || (_path$b = /*#__PURE__*/React__namespace.createElement("path", {
1556
1556
  fill: "none",
1557
1557
  stroke: "currentColor",
1558
1558
  strokeLinecap: "round",
@@ -1707,35 +1707,35 @@ var templateObject_1$o;
1707
1707
 
1708
1708
  var NavItemText = function (props) { return (jsxRuntime.jsx(reactChrome.NavItemText, __assign({}, props, { children: jsxRuntime.jsx(Ellipsis, __assign({ style: { width: "200px" } }, { children: props.children })) }))); };
1709
1709
 
1710
- var _path$9;
1710
+ var _path$a;
1711
1711
 
1712
- 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); }
1712
+ 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); }
1713
1713
 
1714
1714
  var SvgChevronRightStroke = function SvgChevronRightStroke(props) {
1715
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$b({
1715
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$c({
1716
1716
  xmlns: "http://www.w3.org/2000/svg",
1717
1717
  width: 16,
1718
1718
  height: 16,
1719
1719
  focusable: "false",
1720
1720
  viewBox: "0 0 16 16"
1721
- }, props), _path$9 || (_path$9 = /*#__PURE__*/React__namespace.createElement("path", {
1721
+ }, props), _path$a || (_path$a = /*#__PURE__*/React__namespace.createElement("path", {
1722
1722
  fill: "currentColor",
1723
1723
  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
1724
  })));
1725
1725
  };
1726
1726
 
1727
- var _path$8;
1727
+ var _path$9;
1728
1728
 
1729
- 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); }
1729
+ 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); }
1730
1730
 
1731
1731
  var SvgChevronLeftStroke = function SvgChevronLeftStroke(props) {
1732
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$a({
1732
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$b({
1733
1733
  xmlns: "http://www.w3.org/2000/svg",
1734
1734
  width: 16,
1735
1735
  height: 16,
1736
1736
  focusable: "false",
1737
1737
  viewBox: "0 0 16 16"
1738
- }, props), _path$8 || (_path$8 = /*#__PURE__*/React__namespace.createElement("path", {
1738
+ }, props), _path$9 || (_path$9 = /*#__PURE__*/React__namespace.createElement("path", {
1739
1739
  fill: "currentColor",
1740
1740
  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
1741
  })));
@@ -1779,29 +1779,29 @@ NavItemProject.Title = NavItemText;
1779
1779
  NavItemProject.SubTitle = UgProjectSubtitle;
1780
1780
  var templateObject_1$l, templateObject_2$b;
1781
1781
 
1782
- var _path$7;
1782
+ var _path$8;
1783
1783
 
1784
- 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); }
1784
+ 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); }
1785
1785
 
1786
1786
  var SvgHomeFill = function SvgHomeFill(props) {
1787
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$9({
1787
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$a({
1788
1788
  xmlns: "http://www.w3.org/2000/svg",
1789
1789
  width: 26,
1790
1790
  height: 26,
1791
1791
  focusable: "false",
1792
1792
  viewBox: "0 0 26 26"
1793
- }, props), _path$7 || (_path$7 = /*#__PURE__*/React__namespace.createElement("path", {
1793
+ }, props), _path$8 || (_path$8 = /*#__PURE__*/React__namespace.createElement("path", {
1794
1794
  fill: "currentColor",
1795
1795
  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
1796
  })));
1797
1797
  };
1798
1798
 
1799
- var _linearGradient, _path$6;
1799
+ var _linearGradient, _path$7;
1800
1800
 
1801
- 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); }
1801
+ 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); }
1802
1802
 
1803
1803
  var SvgHomeFillStyled = function SvgHomeFillStyled(props) {
1804
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$8({
1804
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$9({
1805
1805
  xmlns: "http://www.w3.org/2000/svg",
1806
1806
  width: 26,
1807
1807
  height: 26,
@@ -1817,7 +1817,7 @@ var SvgHomeFillStyled = function SvgHomeFillStyled(props) {
1817
1817
  className: "stop3",
1818
1818
  offset: "100%",
1819
1819
  stopColor: "#001825"
1820
- }))), _path$6 || (_path$6 = /*#__PURE__*/React__namespace.createElement("path", {
1820
+ }))), _path$7 || (_path$7 = /*#__PURE__*/React__namespace.createElement("path", {
1821
1821
  fill: "url(#unguessIconGradient)",
1822
1822
  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
1823
  })));
@@ -1825,10 +1825,10 @@ var SvgHomeFillStyled = function SvgHomeFillStyled(props) {
1825
1825
 
1826
1826
  var _g, _defs;
1827
1827
 
1828
- 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); }
1828
+ 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); }
1829
1829
 
1830
1830
  var SvgToken = function SvgToken(props) {
1831
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$7({
1831
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$8({
1832
1832
  fill: "none",
1833
1833
  viewBox: "0 0 32 32",
1834
1834
  xmlns: "http://www.w3.org/2000/svg"
@@ -1864,6 +1864,25 @@ var SvgToken = function SvgToken(props) {
1864
1864
  })))));
1865
1865
  };
1866
1866
 
1867
+ var _path$6;
1868
+
1869
+ 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); }
1870
+
1871
+ var SvgFolderIcon = function SvgFolderIcon(props) {
1872
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$7({
1873
+ width: 12,
1874
+ height: 12,
1875
+ viewBox: "0 0 12 12",
1876
+ fill: "#68737D",
1877
+ xmlns: "http://www.w3.org/2000/svg"
1878
+ }, props), _path$6 || (_path$6 = /*#__PURE__*/React__namespace.createElement("path", {
1879
+ fillRule: "evenodd",
1880
+ clipRule: "evenodd",
1881
+ 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",
1882
+ fill: "currentColor"
1883
+ })));
1884
+ };
1885
+
1867
1886
  var StyledNav = styled__default["default"](Nav)(templateObject_1$k || (templateObject_1$k = __makeTemplateObject(["\n ", ";\n"], ["\n ", ";\n"])), function (_a) {
1868
1887
  var isExpanded = _a.isExpanded, theme = _a.theme;
1869
1888
  return isExpanded && "width: ".concat(theme.components.chrome.nav.openWidth);
@@ -1889,6 +1908,7 @@ var StyledNavItem = styled__default["default"](NavItem)(templateObject_3$8 || (t
1889
1908
  */
1890
1909
  var Sidebar = function (props) {
1891
1910
  var _a = React.useState(props.currentRoute || "home"), nav = _a[0], setNav = _a[1];
1911
+ var showWorkspacesDropdown = window.matchMedia("only screen and (max-width: ".concat(theme.breakpoints.sm, ")")).matches;
1892
1912
  var toggleNav = function () {
1893
1913
  props.onToggleMenu && props.onToggleMenu();
1894
1914
  };
@@ -1896,7 +1916,10 @@ var Sidebar = function (props) {
1896
1916
  props.onNavToggle && props.onNavToggle(route);
1897
1917
  setNav(route);
1898
1918
  };
1899
- return props.isLoading ? (jsxRuntime.jsx(LoadingSidebar, __assign({}, props))) : (jsxRuntime.jsxs(Nav, __assign({}, props, { children: [jsxRuntime.jsx(NavToggle, { onClick: toggleNav, isExpanded: props.isExpanded }), props.workspaces && props.workspaces.length > 1 && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(StyledNavItem, __assign({ hasLogo: true, isExpanded: props.isExpanded, style: { paddingBottom: 0 } }, { children: jsxRuntime.jsx(WorkspacesDropdown, { workspaces: props.workspaces, workspacesLabel: props.workspacesLabel, activeWorkspace: props.activeWorkspace, onWorkspaceChange: props.onWorkspaceChange }) })), 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.jsx(NavDivider, __assign({ isExpanded: props.isExpanded }, { children: props.dividerLabel || "" })), jsxRuntime.jsx(ScrollingContainer, { children: props.projects &&
1919
+ var padding = props.tokens ? {
1920
+ paddingBottom: 0
1921
+ } : {};
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 &&
1900
1923
  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" })] }))] })));
1901
1924
  };
1902
1925
  var templateObject_1$j, templateObject_2$a, templateObject_3$8;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@appquality/unguess-design-system",
3
- "version": "2.10.25",
3
+ "version": "2.10.28",
4
4
  "dependencies": {
5
5
  "@zendeskgarden/css-bedrock": "^9.0.0",
6
6
  "@zendeskgarden/react-accordions": "^8.49.0",