@appquality/unguess-design-system 3.1.81 → 3.1.82

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 (7) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/build/index.js +206 -168
  3. package/build/stories/player/_types.d.ts +5 -0
  4. package/build/stories/player/parts/controls.d.ts +3 -2
  5. package/build/stories/player/parts/controlsCenterGroup.d.ts +1 -4
  6. package/build/stories/player/parts/cutterButton.d.ts +6 -0
  7. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,3 +1,16 @@
1
+ # v3.1.82 (Fri May 10 2024)
2
+
3
+ #### 🐛 Bug Fix
4
+
5
+ - Player controls updated [#336](https://github.com/AppQuality/unguess-design-system/pull/336) ([@cannarocks](https://github.com/cannarocks))
6
+ - Improve-player-bookmarks-usability [#335](https://github.com/AppQuality/unguess-design-system/pull/335) ([@cannarocks](https://github.com/cannarocks))
7
+
8
+ #### Authors: 1
9
+
10
+ - Luca Cannarozzo ([@cannarocks](https://github.com/cannarocks))
11
+
12
+ ---
13
+
1
14
  # v3.1.81 (Thu May 09 2024)
2
15
 
3
16
  #### 🐛 Bug Fix
package/build/index.js CHANGED
@@ -837,48 +837,48 @@ Tag.Avatar = StyledAvatar;
837
837
  Tag.Close = StyledClose;
838
838
  Tag.SecondaryText = StyledSpan;
839
839
 
840
- var _path$z;
841
- 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); }
842
- const SvgUgSquare = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$M({
840
+ var _path$A;
841
+ 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); }
842
+ const SvgUgSquare = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$N({
843
843
  width: 24,
844
844
  height: 24,
845
845
  viewBox: "0 0 24 24",
846
846
  fill: "none",
847
847
  xmlns: "http://www.w3.org/2000/svg"
848
- }, props), _path$z || (_path$z = /*#__PURE__*/React__namespace.createElement("path", {
848
+ }, props), _path$A || (_path$A = /*#__PURE__*/React__namespace.createElement("path", {
849
849
  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",
850
850
  fill: "#E80C7A"
851
851
  })));
852
852
 
853
- var _path$y;
854
- 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); }
855
- const SvgUgCircle = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$L({
853
+ var _path$z;
854
+ 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); }
855
+ const SvgUgCircle = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$M({
856
856
  width: 24,
857
857
  height: 24,
858
858
  viewBox: "0 0 24 24",
859
859
  fill: "none",
860
860
  xmlns: "http://www.w3.org/2000/svg"
861
- }, props), _path$y || (_path$y = /*#__PURE__*/React__namespace.createElement("path", {
861
+ }, props), _path$z || (_path$z = /*#__PURE__*/React__namespace.createElement("path", {
862
862
  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",
863
863
  fill: "#FFCD1A"
864
864
  })));
865
865
 
866
- var _path$x;
867
- function _extends$K() { _extends$K = 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$K.apply(this, arguments); }
868
- const SvgUgTriangle = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$K({
866
+ var _path$y;
867
+ 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); }
868
+ const SvgUgTriangle = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$L({
869
869
  width: 24,
870
870
  height: 24,
871
871
  viewBox: "0 0 24 24",
872
872
  fill: "none",
873
873
  xmlns: "http://www.w3.org/2000/svg"
874
- }, props), _path$x || (_path$x = /*#__PURE__*/React__namespace.createElement("path", {
874
+ }, props), _path$y || (_path$y = /*#__PURE__*/React__namespace.createElement("path", {
875
875
  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",
876
876
  fill: "#7B0DFF"
877
877
  })));
878
878
 
879
- var _rect$4, _path$w, _path2$b, _path3$4;
880
- function _extends$J() { _extends$J = 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$J.apply(this, arguments); }
881
- const SvgCampaignCompleted = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$J({
879
+ var _rect$4, _path$x, _path2$b, _path3$4;
880
+ function _extends$K() { _extends$K = 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$K.apply(this, arguments); }
881
+ const SvgCampaignCompleted = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$K({
882
882
  width: 24,
883
883
  height: 24,
884
884
  viewBox: "0 0 24 24",
@@ -889,7 +889,7 @@ const SvgCampaignCompleted = props => /*#__PURE__*/React__namespace.createElemen
889
889
  height: 24,
890
890
  rx: 12,
891
891
  fill: "#F6F6F8"
892
- })), _path$w || (_path$w = /*#__PURE__*/React__namespace.createElement("path", {
892
+ })), _path$x || (_path$x = /*#__PURE__*/React__namespace.createElement("path", {
893
893
  d: "M20.6953 5.73905C21.0148 5.41953 21.0148 4.90149 20.6953 4.58197C20.3758 4.26245 19.8577 4.26245 19.5382 4.58197L11.88 12.2402L10.0849 9.95981C9.80539 9.60476 9.29098 9.54352 8.93593 9.82303C8.58088 10.1025 8.51963 10.6169 8.79914 10.972L11.1642 13.9763C11.3089 14.16 11.5252 14.2731 11.7586 14.2869C11.9921 14.3008 12.2203 14.2141 12.3856 14.0487L20.6953 5.73905Z",
894
894
  fill: "#50BF95"
895
895
  })), _path2$b || (_path2$b = /*#__PURE__*/React__namespace.createElement("path", {
@@ -900,9 +900,9 @@ const SvgCampaignCompleted = props => /*#__PURE__*/React__namespace.createElemen
900
900
  fill: "#007345"
901
901
  })));
902
902
 
903
- var _rect$3, _path$v, _path2$a;
904
- function _extends$I() { _extends$I = 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$I.apply(this, arguments); }
905
- const SvgCampaignLocked = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$I({
903
+ var _rect$3, _path$w, _path2$a;
904
+ function _extends$J() { _extends$J = 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$J.apply(this, arguments); }
905
+ const SvgCampaignLocked = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$J({
906
906
  width: 24,
907
907
  height: 24,
908
908
  viewBox: "0 0 24 24",
@@ -913,7 +913,7 @@ const SvgCampaignLocked = props => /*#__PURE__*/React__namespace.createElement("
913
913
  height: 24,
914
914
  rx: 12,
915
915
  fill: "#F6F6F8"
916
- })), _path$v || (_path$v = /*#__PURE__*/React__namespace.createElement("path", {
916
+ })), _path$w || (_path$w = /*#__PURE__*/React__namespace.createElement("path", {
917
917
  fillRule: "evenodd",
918
918
  clipRule: "evenodd",
919
919
  d: "M13.55 19.0875C14.25 19.7875 15.1063 20.1375 16.1188 20.1375C17.1313 20.1375 17.9875 19.7875 18.6875 19.0875C19.3875 18.3875 19.7375 17.5312 19.7375 16.5187C19.7375 15.5062 19.3875 14.65 18.6875 13.95C17.9875 13.25 17.1313 12.9 16.1188 12.9C15.1063 12.9 14.25 13.25 13.55 13.95C12.85 14.65 12.5 15.5062 12.5 16.5187C12.5 17.5312 12.85 18.3875 13.55 19.0875ZM17.5062 18.2812C17.4187 18.2812 17.3375 18.25 17.2625 18.1875L15.7438 16.7812C15.6813 16.6687 15.65 16.6 15.65 16.575V14.55C15.65 14.4375 15.6875 14.3437 15.7625 14.2687C15.8375 14.1937 15.9313 14.1562 16.0438 14.1562C16.1563 14.1562 16.25 14.1937 16.325 14.2687C16.4 14.3437 16.4375 14.4375 16.4375 14.55V16.4813L17.7313 17.6625C17.8063 17.725 17.8469 17.8062 17.8531 17.9062C17.8594 18.0063 17.825 18.0938 17.75 18.1688C17.675 18.2438 17.5937 18.2812 17.5062 18.2812Z",
@@ -925,9 +925,9 @@ const SvgCampaignLocked = props => /*#__PURE__*/React__namespace.createElement("
925
925
  fill: "#F4AC1A"
926
926
  })));
927
927
 
928
- var _rect$2, _path$u, _path2$9;
929
- function _extends$H() { _extends$H = 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$H.apply(this, arguments); }
930
- const SvgCampaignIncoming = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$H({
928
+ var _rect$2, _path$v, _path2$9;
929
+ function _extends$I() { _extends$I = 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$I.apply(this, arguments); }
930
+ const SvgCampaignIncoming = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$I({
931
931
  width: 24,
932
932
  height: 24,
933
933
  viewBox: "0 0 24 24",
@@ -938,7 +938,7 @@ const SvgCampaignIncoming = props => /*#__PURE__*/React__namespace.createElement
938
938
  height: 24,
939
939
  rx: 12,
940
940
  fill: "#F6F6F8"
941
- })), _path$u || (_path$u = /*#__PURE__*/React__namespace.createElement("path", {
941
+ })), _path$v || (_path$v = /*#__PURE__*/React__namespace.createElement("path", {
942
942
  d: "M11.2266 13.0313H14.997M11.2266 9.26075V13.0313V9.26075ZM11.2266 13.0313L20.121 5.03906L11.2266 13.0313Z",
943
943
  stroke: "#024780",
944
944
  strokeWidth: 1.5,
@@ -952,9 +952,9 @@ const SvgCampaignIncoming = props => /*#__PURE__*/React__namespace.createElement
952
952
  strokeLinejoin: "round"
953
953
  })));
954
954
 
955
- var _rect$1, _path$t, _path2$8, _path3$3, _path4$1, _path5$1, _path6$1, _path7$1, _path8$1, _path9$1, _path10$1;
956
- function _extends$G() { _extends$G = 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$G.apply(this, arguments); }
957
- const SvgCampaignProgress = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$G({
955
+ var _rect$1, _path$u, _path2$8, _path3$3, _path4$1, _path5$1, _path6$1, _path7$1, _path8$1, _path9$1, _path10$1;
956
+ function _extends$H() { _extends$H = 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$H.apply(this, arguments); }
957
+ const SvgCampaignProgress = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$H({
958
958
  width: 24,
959
959
  height: 24,
960
960
  viewBox: "0 0 24 24",
@@ -965,7 +965,7 @@ const SvgCampaignProgress = props => /*#__PURE__*/React__namespace.createElement
965
965
  height: 24,
966
966
  rx: 12,
967
967
  fill: "#F6F6F8"
968
- })), _path$t || (_path$t = /*#__PURE__*/React__namespace.createElement("path", {
968
+ })), _path$u || (_path$u = /*#__PURE__*/React__namespace.createElement("path", {
969
969
  d: "M13.059 16.7647C13.059 16.1799 12.585 15.7059 12.0002 15.7059C11.4154 15.7059 10.9414 16.1799 10.9414 16.7647V19.9412C10.9414 20.5259 11.4154 21 12.0002 21C12.585 21 13.059 20.5259 13.059 19.9412V16.7647Z",
970
970
  fill: "#D1820A"
971
971
  })), _path2$8 || (_path2$8 = /*#__PURE__*/React__namespace.createElement("path", {
@@ -997,9 +997,9 @@ const SvgCampaignProgress = props => /*#__PURE__*/React__namespace.createElement
997
997
  fill: "#FFB65A"
998
998
  })));
999
999
 
1000
- var _g$c, _path$s, _path2$7, _path3$2, _path4, _path5, _path6, _path7, _path8, _path9, _path10, _path11;
1001
- function _extends$F() { _extends$F = 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$F.apply(this, arguments); }
1002
- const SvgCampaignExperiential = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$F({
1000
+ var _g$c, _path$t, _path2$7, _path3$2, _path4, _path5, _path6, _path7, _path8, _path9, _path10, _path11;
1001
+ function _extends$G() { _extends$G = 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$G.apply(this, arguments); }
1002
+ const SvgCampaignExperiential = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$G({
1003
1003
  width: 24,
1004
1004
  height: 24,
1005
1005
  viewBox: "0 0 24 24",
@@ -1011,7 +1011,7 @@ const SvgCampaignExperiential = props => /*#__PURE__*/React__namespace.createEle
1011
1011
  opacity: 0.3,
1012
1012
  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",
1013
1013
  fill: "#50BF95"
1014
- }))), _path$s || (_path$s = /*#__PURE__*/React__namespace.createElement("path", {
1014
+ }))), _path$t || (_path$t = /*#__PURE__*/React__namespace.createElement("path", {
1015
1015
  d: "M12.487 3.19652C8.68003 3.19652 5.59895 6.27761 5.59895 10.0846C5.59895 10.2597 5.59895 10.4348 5.62438 10.5855C5.29857 11.1863 4.82307 12.013 4.24678 12.514C3.82117 12.8897 3.92096 13.2908 3.97085 13.4405C4.09609 13.7663 4.44635 14.0413 5.02265 14.2418C5.22322 14.3172 5.44825 14.3671 5.64883 14.417L5.67427 16.8464C5.67427 17.7984 6.47559 18.6251 7.45304 18.6251L8.93044 18.1496L9.08111 19.0263C9.18091 19.6026 9.68185 20.0282 10.2836 20.0282C10.3589 20.0282 10.4343 20.0282 10.5086 20.0028L15.1424 19.177C15.8185 19.0517 16.2441 18.4256 16.1443 17.7495L15.8185 16.1214C17.9974 14.9189 19.375 12.5892 19.375 10.0845C19.375 6.30279 16.2696 3.19641 12.4869 3.19641L12.487 3.19652Z",
1016
1016
  fill: "#2B8473",
1017
1017
  stroke: "#2B8473"
@@ -1067,9 +1067,9 @@ const SvgCampaignExperiential = props => /*#__PURE__*/React__namespace.createEle
1067
1067
  fill: "#ECF4F2"
1068
1068
  })));
1069
1069
 
1070
- var _g$b, _path$r;
1071
- function _extends$E() { _extends$E = 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$E.apply(this, arguments); }
1072
- const SvgCampaignFunctional = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$E({
1070
+ var _g$b, _path$s;
1071
+ function _extends$F() { _extends$F = 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$F.apply(this, arguments); }
1072
+ const SvgCampaignFunctional = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$F({
1073
1073
  width: 24,
1074
1074
  height: 24,
1075
1075
  viewBox: "0 0 24 24",
@@ -1081,7 +1081,7 @@ const SvgCampaignFunctional = props => /*#__PURE__*/React__namespace.createEleme
1081
1081
  opacity: 0.3,
1082
1082
  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",
1083
1083
  fill: "#003A57"
1084
- }))), _path$r || (_path$r = /*#__PURE__*/React__namespace.createElement("path", {
1084
+ }))), _path$s || (_path$s = /*#__PURE__*/React__namespace.createElement("path", {
1085
1085
  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",
1086
1086
  fill: "#003A57"
1087
1087
  })));
@@ -1943,8 +1943,8 @@ const WaffleChart = ({ height, width, data, total, tooltip, }) => {
1943
1943
  };
1944
1944
 
1945
1945
  var _g$a, _defs$4;
1946
- function _extends$D() { _extends$D = 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$D.apply(this, arguments); }
1947
- const SvgSentiment1 = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$D({
1946
+ function _extends$E() { _extends$E = 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$E.apply(this, arguments); }
1947
+ const SvgSentiment1 = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$E({
1948
1948
  width: 27,
1949
1949
  height: 26,
1950
1950
  viewBox: "0 0 27 26",
@@ -1967,8 +1967,8 @@ const SvgSentiment1 = props => /*#__PURE__*/React__namespace.createElement("svg"
1967
1967
  })))));
1968
1968
 
1969
1969
  var _g$9, _defs$3;
1970
- function _extends$C() { _extends$C = 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$C.apply(this, arguments); }
1971
- const SvgSentiment2 = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$C({
1970
+ function _extends$D() { _extends$D = 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$D.apply(this, arguments); }
1971
+ const SvgSentiment2 = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$D({
1972
1972
  width: 27,
1973
1973
  height: 26,
1974
1974
  viewBox: "0 0 27 26",
@@ -1991,8 +1991,8 @@ const SvgSentiment2 = props => /*#__PURE__*/React__namespace.createElement("svg"
1991
1991
  })))));
1992
1992
 
1993
1993
  var _g$8, _defs$2;
1994
- function _extends$B() { _extends$B = 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$B.apply(this, arguments); }
1995
- const SvgSentiment3 = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$B({
1994
+ function _extends$C() { _extends$C = 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$C.apply(this, arguments); }
1995
+ const SvgSentiment3 = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$C({
1996
1996
  width: 27,
1997
1997
  height: 26,
1998
1998
  viewBox: "0 0 27 26",
@@ -2021,8 +2021,8 @@ const SvgSentiment3 = props => /*#__PURE__*/React__namespace.createElement("svg"
2021
2021
  })))));
2022
2022
 
2023
2023
  var _g$7, _defs$1;
2024
- function _extends$A() { _extends$A = 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$A.apply(this, arguments); }
2025
- const SvgSentiment4 = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$A({
2024
+ function _extends$B() { _extends$B = 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$B.apply(this, arguments); }
2025
+ const SvgSentiment4 = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$B({
2026
2026
  width: 27,
2027
2027
  height: 26,
2028
2028
  viewBox: "0 0 27 26",
@@ -2051,8 +2051,8 @@ const SvgSentiment4 = props => /*#__PURE__*/React__namespace.createElement("svg"
2051
2051
  })))));
2052
2052
 
2053
2053
  var _g$6, _defs;
2054
- function _extends$z() { _extends$z = 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$z.apply(this, arguments); }
2055
- const SvgSentiment5 = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$z({
2054
+ function _extends$A() { _extends$A = 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$A.apply(this, arguments); }
2055
+ const SvgSentiment5 = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$A({
2056
2056
  width: 26,
2057
2057
  height: 26,
2058
2058
  viewBox: "0 0 26 26",
@@ -2671,28 +2671,28 @@ const ChatTitle = styled__default["default"](Title$1) `
2671
2671
  padding: ${({ theme }) => `${theme.space.sm} ${theme.space.md}`};
2672
2672
  `;
2673
2673
 
2674
- var _path$q;
2675
- function _extends$y() { _extends$y = 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$y.apply(this, arguments); }
2676
- const SvgBoldFill = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$y({
2674
+ var _path$r;
2675
+ function _extends$z() { _extends$z = 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$z.apply(this, arguments); }
2676
+ const SvgBoldFill = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$z({
2677
2677
  xmlns: "http://www.w3.org/2000/svg",
2678
2678
  width: 16,
2679
2679
  height: 16,
2680
2680
  focusable: "false",
2681
2681
  viewBox: "0 0 16 16"
2682
- }, props), _path$q || (_path$q = /*#__PURE__*/React__namespace.createElement("path", {
2682
+ }, props), _path$r || (_path$r = /*#__PURE__*/React__namespace.createElement("path", {
2683
2683
  fill: "currentColor",
2684
2684
  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"
2685
2685
  })));
2686
2686
 
2687
- var _path$p;
2688
- function _extends$x() { _extends$x = 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$x.apply(this, arguments); }
2689
- const SvgItalicFill = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$x({
2687
+ var _path$q;
2688
+ function _extends$y() { _extends$y = 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$y.apply(this, arguments); }
2689
+ const SvgItalicFill = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$y({
2690
2690
  xmlns: "http://www.w3.org/2000/svg",
2691
2691
  width: 16,
2692
2692
  height: 16,
2693
2693
  focusable: "false",
2694
2694
  viewBox: "0 0 16 16"
2695
- }, props), _path$p || (_path$p = /*#__PURE__*/React__namespace.createElement("path", {
2695
+ }, props), _path$q || (_path$q = /*#__PURE__*/React__namespace.createElement("path", {
2696
2696
  fill: "none",
2697
2697
  stroke: "currentColor",
2698
2698
  strokeLinecap: "round",
@@ -2700,15 +2700,15 @@ const SvgItalicFill = props => /*#__PURE__*/React__namespace.createElement("svg"
2700
2700
  d: "M8 1h3M9.5 1l-3 14M5 15h3"
2701
2701
  })));
2702
2702
 
2703
- var _path$o, _path2$6;
2704
- function _extends$w() { _extends$w = 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$w.apply(this, arguments); }
2705
- const SvgQuoteFill = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$w({
2703
+ var _path$p, _path2$6;
2704
+ function _extends$x() { _extends$x = 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$x.apply(this, arguments); }
2705
+ const SvgQuoteFill = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$x({
2706
2706
  xmlns: "http://www.w3.org/2000/svg",
2707
2707
  width: 16,
2708
2708
  height: 16,
2709
2709
  focusable: "false",
2710
2710
  viewBox: "0 0 16 16"
2711
- }, props), _path$o || (_path$o = /*#__PURE__*/React__namespace.createElement("path", {
2711
+ }, props), _path$p || (_path$p = /*#__PURE__*/React__namespace.createElement("path", {
2712
2712
  fill: "currentColor",
2713
2713
  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"
2714
2714
  })), _path2$6 || (_path2$6 = /*#__PURE__*/React__namespace.createElement("path", {
@@ -2720,8 +2720,8 @@ const SvgQuoteFill = props => /*#__PURE__*/React__namespace.createElement("svg",
2720
2720
  })));
2721
2721
 
2722
2722
  var _g$5;
2723
- 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); }
2724
- const SvgH1Fill = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$v({
2723
+ function _extends$w() { _extends$w = 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$w.apply(this, arguments); }
2724
+ const SvgH1Fill = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$w({
2725
2725
  xmlns: "http://www.w3.org/2000/svg",
2726
2726
  width: 16,
2727
2727
  height: 16,
@@ -2748,8 +2748,8 @@ const SvgH1Fill = props => /*#__PURE__*/React__namespace.createElement("svg", _e
2748
2748
  }))));
2749
2749
 
2750
2750
  var _g$4;
2751
- 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); }
2752
- const SvgH2Fill = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$u({
2751
+ 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); }
2752
+ const SvgH2Fill = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$v({
2753
2753
  xmlns: "http://www.w3.org/2000/svg",
2754
2754
  width: 16,
2755
2755
  height: 16,
@@ -2776,8 +2776,8 @@ const SvgH2Fill = props => /*#__PURE__*/React__namespace.createElement("svg", _e
2776
2776
  }))));
2777
2777
 
2778
2778
  var _g$3;
2779
- 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); }
2780
- const SvgH3Fill = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$t({
2779
+ 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); }
2780
+ const SvgH3Fill = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$u({
2781
2781
  xmlns: "http://www.w3.org/2000/svg",
2782
2782
  width: 16,
2783
2783
  height: 16,
@@ -2850,15 +2850,15 @@ const Tooltip = styled__default["default"](TooltipComponent) `
2850
2850
  box-shadow: ${({ theme }) => theme.shadows.lg(`${theme.space.base * 3}px`, `${theme.space.base * 5}px`, getColor("neutralHue", 600, theme, 0.15))};
2851
2851
  `;
2852
2852
 
2853
- var _path$n;
2854
- 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); }
2855
- const SvgAtFill = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$s({
2853
+ var _path$o;
2854
+ 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); }
2855
+ const SvgAtFill = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$t({
2856
2856
  xmlns: "http://www.w3.org/2000/svg",
2857
2857
  width: 16,
2858
2858
  height: 16,
2859
2859
  focusable: "false",
2860
2860
  viewBox: "0 0 16 16"
2861
- }, props), _path$n || (_path$n = /*#__PURE__*/React__namespace.createElement("path", {
2861
+ }, props), _path$o || (_path$o = /*#__PURE__*/React__namespace.createElement("path", {
2862
2862
  fill: "none",
2863
2863
  stroke: "currentColor",
2864
2864
  strokeLinecap: "round",
@@ -3271,15 +3271,15 @@ const UgClose$1 = styled__default["default"](reactNotifications.Close) `
3271
3271
  */
3272
3272
  const Close = (props) => jsxRuntime.jsx(UgClose$1, Object.assign({}, props));
3273
3273
 
3274
- var _circle;
3275
- 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); }
3276
- const SvgCircleFullFill = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$r({
3274
+ var _circle$1;
3275
+ 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); }
3276
+ const SvgCircleFullFill = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$s({
3277
3277
  xmlns: "http://www.w3.org/2000/svg",
3278
3278
  width: 16,
3279
3279
  height: 16,
3280
3280
  focusable: "false",
3281
3281
  viewBox: "0 0 16 16"
3282
- }, props), _circle || (_circle = /*#__PURE__*/React__namespace.createElement("circle", {
3282
+ }, props), _circle$1 || (_circle$1 = /*#__PURE__*/React__namespace.createElement("circle", {
3283
3283
  cx: 8,
3284
3284
  cy: 8,
3285
3285
  r: 8,
@@ -3700,8 +3700,8 @@ const Hint = styled__default["default"](reactForms.Hint) ``;
3700
3700
  const Input = React.forwardRef((props, ref) => jsxRuntime.jsx(UgInput, Object.assign({ ref: ref }, props)));
3701
3701
 
3702
3702
  var _g$2;
3703
- 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); }
3704
- const SvgNotesStroke = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$q({
3703
+ 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); }
3704
+ const SvgNotesStroke = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$r({
3705
3705
  xmlns: "http://www.w3.org/2000/svg",
3706
3706
  width: 16,
3707
3707
  height: 16,
@@ -3819,15 +3819,15 @@ const UgRadio = styled__default["default"](reactForms.Radio) ``;
3819
3819
  **/
3820
3820
  const Radio = (props) => jsxRuntime.jsx(UgRadio, Object.assign({}, props));
3821
3821
 
3822
- var _path$m;
3823
- 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); }
3824
- const SvgCheckLg = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$p({
3822
+ var _path$n;
3823
+ 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); }
3824
+ const SvgCheckLg = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$q({
3825
3825
  width: 16,
3826
3826
  height: 16,
3827
3827
  viewBox: "0 0 16 16",
3828
3828
  fill: "#68737D",
3829
3829
  xmlns: "http://www.w3.org/2000/svg"
3830
- }, props), _path$m || (_path$m = /*#__PURE__*/React__namespace.createElement("path", {
3830
+ }, props), _path$n || (_path$n = /*#__PURE__*/React__namespace.createElement("path", {
3831
3831
  fillRule: "evenodd",
3832
3832
  clipRule: "evenodd",
3833
3833
  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"
@@ -4126,15 +4126,15 @@ const Spinner = (props) => jsxRuntime.jsx(UgSpinner, Object.assign({}, props));
4126
4126
  */
4127
4127
  const Dots = (props) => jsxRuntime.jsx(reactLoaders.Dots, Object.assign({}, props));
4128
4128
 
4129
- var _path$l;
4130
- 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); }
4131
- const SvgChevronLeftStroke = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$o({
4129
+ var _path$m;
4130
+ 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); }
4131
+ const SvgChevronLeftStroke = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$p({
4132
4132
  xmlns: "http://www.w3.org/2000/svg",
4133
4133
  width: 16,
4134
4134
  height: 16,
4135
4135
  focusable: "false",
4136
4136
  viewBox: "0 0 16 16"
4137
- }, props), _path$l || (_path$l = /*#__PURE__*/React__namespace.createElement("path", {
4137
+ }, props), _path$m || (_path$m = /*#__PURE__*/React__namespace.createElement("path", {
4138
4138
  fill: "currentColor",
4139
4139
  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"
4140
4140
  })));
@@ -4225,15 +4225,15 @@ const Logo = (props) => {
4225
4225
  }[props.type] })));
4226
4226
  };
4227
4227
 
4228
- var _path$k;
4229
- 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); }
4230
- const SvgPlus = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$n({
4228
+ var _path$l;
4229
+ 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); }
4230
+ const SvgPlus = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$o({
4231
4231
  width: 16,
4232
4232
  height: 16,
4233
4233
  viewBox: "0 0 16 16",
4234
4234
  fill: "none",
4235
4235
  xmlns: "http://www.w3.org/2000/svg"
4236
- }, props), _path$k || (_path$k = /*#__PURE__*/React__namespace.createElement("path", {
4236
+ }, props), _path$l || (_path$l = /*#__PURE__*/React__namespace.createElement("path", {
4237
4237
  fillRule: "evenodd",
4238
4238
  clipRule: "evenodd",
4239
4239
  d: "M7.5 2C7.22386 2 7 2.22386 7 2.5V8H1.5C1.22386 8 1 8.22386 1 8.5C1 8.77614 1.22386 9 1.5 9H7V14.5C7 14.7761 7.22386 15 7.5 15C7.77614 15 8 14.7761 8 14.5V9H13.5C13.7761 9 14 8.77614 14 8.5C14 8.22386 13.7761 8 13.5 8H8V2.5C8 2.22386 7.77614 2 7.5 2Z",
@@ -4364,15 +4364,15 @@ const HeaderItemText = (props) => jsxRuntime.jsx(UgHeaderItemText, Object.assign
4364
4364
 
4365
4365
  const HeaderItemIcon = (props) => (jsxRuntime.jsx(reactChrome.HeaderItemIcon, Object.assign({}, props)));
4366
4366
 
4367
- var _path$j;
4368
- 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); }
4369
- const SvgMenuStroke = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$m({
4367
+ var _path$k;
4368
+ 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); }
4369
+ const SvgMenuStroke = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$n({
4370
4370
  xmlns: "http://www.w3.org/2000/svg",
4371
4371
  width: 16,
4372
4372
  height: 16,
4373
4373
  focusable: "false",
4374
4374
  viewBox: "0 0 16 16"
4375
- }, props), _path$j || (_path$j = /*#__PURE__*/React__namespace.createElement("path", {
4375
+ }, props), _path$k || (_path$k = /*#__PURE__*/React__namespace.createElement("path", {
4376
4376
  fill: "none",
4377
4377
  stroke: "currentColor",
4378
4378
  strokeLinecap: "round",
@@ -4454,15 +4454,15 @@ Header.HeaderItem = HeaderItem;
4454
4454
  Header.HeaderItemText = HeaderItemText;
4455
4455
  Header.HeaderItemIcon = HeaderItemIcon;
4456
4456
 
4457
- var _path$i;
4458
- 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); }
4459
- const SvgChevronDownStroke = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$l({
4457
+ var _path$j;
4458
+ 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); }
4459
+ const SvgChevronDownStroke = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$m({
4460
4460
  xmlns: "http://www.w3.org/2000/svg",
4461
4461
  width: 16,
4462
4462
  height: 16,
4463
4463
  focusable: "false",
4464
4464
  viewBox: "0 0 16 16"
4465
- }, props), _path$i || (_path$i = /*#__PURE__*/React__namespace.createElement("path", {
4465
+ }, props), _path$j || (_path$j = /*#__PURE__*/React__namespace.createElement("path", {
4466
4466
  fill: "currentColor",
4467
4467
  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"
4468
4468
  })));
@@ -4542,15 +4542,15 @@ const NavItemIcon = (props) => jsxRuntime.jsx(UgNavIcon, Object.assign({}, props
4542
4542
 
4543
4543
  const NavItemText = (props) => (jsxRuntime.jsx(reactChrome.NavItemText, Object.assign({}, props, { children: jsxRuntime.jsx(Ellipsis, Object.assign({ style: { width: "158px" } }, { children: props.children })) })));
4544
4544
 
4545
- var _path$h;
4546
- function _extends$k() { _extends$k = 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$k.apply(this, arguments); }
4547
- const SvgChevronRightStroke = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$k({
4545
+ var _path$i;
4546
+ 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); }
4547
+ const SvgChevronRightStroke = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$l({
4548
4548
  xmlns: "http://www.w3.org/2000/svg",
4549
4549
  width: 16,
4550
4550
  height: 16,
4551
4551
  focusable: "false",
4552
4552
  viewBox: "0 0 16 16"
4553
- }, props), _path$h || (_path$h = /*#__PURE__*/React__namespace.createElement("path", {
4553
+ }, props), _path$i || (_path$i = /*#__PURE__*/React__namespace.createElement("path", {
4554
4554
  fill: "currentColor",
4555
4555
  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"
4556
4556
  })));
@@ -4838,15 +4838,15 @@ PageHeader.Description = MainDescription;
4838
4838
  PageHeader.Meta = MainMeta;
4839
4839
  PageHeader.Footer = StyledFooter;
4840
4840
 
4841
- var _path$g, _path2$5;
4842
- function _extends$j() { _extends$j = 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$j.apply(this, arguments); }
4843
- const SvgVolumeMutedFill = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$j({
4841
+ var _path$h, _path2$5;
4842
+ function _extends$k() { _extends$k = 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$k.apply(this, arguments); }
4843
+ const SvgVolumeMutedFill = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$k({
4844
4844
  xmlns: "http://www.w3.org/2000/svg",
4845
4845
  width: 16,
4846
4846
  height: 16,
4847
4847
  focusable: "false",
4848
4848
  viewBox: "0 0 16 16"
4849
- }, props), _path$g || (_path$g = /*#__PURE__*/React__namespace.createElement("path", {
4849
+ }, props), _path$h || (_path$h = /*#__PURE__*/React__namespace.createElement("path", {
4850
4850
  stroke: "currentColor",
4851
4851
  strokeLinecap: "round",
4852
4852
  d: "M11.5 10l4-4m-4 0l4 4"
@@ -4855,15 +4855,15 @@ const SvgVolumeMutedFill = props => /*#__PURE__*/React__namespace.createElement(
4855
4855
  d: "M9 15.29c-.26 0-.51-.1-.71-.29l-4-4H1c-.55 0-1-.45-1-1V6c0-.55.45-1 1-1h3.29l4-4a1.002 1.002 0 011.71.71V14.3a.986.986 0 01-1 .99z"
4856
4856
  })));
4857
4857
 
4858
- var _path$f, _path2$4;
4859
- function _extends$i() { _extends$i = 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$i.apply(this, arguments); }
4860
- const SvgVolumeUnmutedFill = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$i({
4858
+ var _path$g, _path2$4;
4859
+ function _extends$j() { _extends$j = 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$j.apply(this, arguments); }
4860
+ const SvgVolumeUnmutedFill = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$j({
4861
4861
  xmlns: "http://www.w3.org/2000/svg",
4862
4862
  width: 16,
4863
4863
  height: 16,
4864
4864
  focusable: "false",
4865
4865
  viewBox: "0 0 16 16"
4866
- }, props), _path$f || (_path$f = /*#__PURE__*/React__namespace.createElement("path", {
4866
+ }, props), _path$g || (_path$g = /*#__PURE__*/React__namespace.createElement("path", {
4867
4867
  fill: "currentColor",
4868
4868
  d: "M9 15.29c-.26 0-.51-.1-.71-.29l-4-4H1c-.55 0-1-.45-1-1V6c0-.55.45-1 1-1h3.29l4-4a1.002 1.002 0 011.71.71V14.3a.986.986 0 01-1 .99z"
4869
4869
  })), _path2$4 || (_path2$4 = /*#__PURE__*/React__namespace.createElement("path", {
@@ -4934,8 +4934,8 @@ const useProgressContext = () => {
4934
4934
  };
4935
4935
 
4936
4936
  var _g$1;
4937
- function _extends$h() { _extends$h = 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$h.apply(this, arguments); }
4938
- const SvgGrip = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$h({
4937
+ function _extends$i() { _extends$i = 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$i.apply(this, arguments); }
4938
+ const SvgGrip = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$i({
4939
4939
  xmlns: "http://www.w3.org/2000/svg",
4940
4940
  width: 16,
4941
4941
  height: 16,
@@ -5001,38 +5001,23 @@ const SvgGrip = props => /*#__PURE__*/React__namespace.createElement("svg", _ext
5001
5001
  ry: 0.5
5002
5002
  }))));
5003
5003
 
5004
- const activeBookMark = styled.css `
5005
- height: 250%;
5006
- transform: translateY(-30%);
5007
- `;
5008
- const Rect = styled.styled.div `
5009
- position: absolute;
5010
- height: 110%;
5011
- background-color: ${({ hue, theme }) => hue || theme.palette.grey[800]};
5012
- z-index: 1;
5013
- border-radius: 3px;
5014
- &:hover {
5015
- ${activeBookMark}
5016
- }
5017
- color: white;
5018
- ${({ isActive }) => isActive && activeBookMark}
5019
- `;
5020
5004
  const StyledGrabber = styled.styled.div `
5021
5005
  position: absolute;
5006
+ display: none;
5022
5007
  ${({ isEnd }) => isEnd
5023
5008
  ? `
5024
5009
  right: 0;
5025
- border-top-right-radius: 3px;
5026
- border-bottom-right-radius: 3px;
5010
+ border-top-right-radius: 2px;
5011
+ border-bottom-right-radius: 2px;
5027
5012
  `
5028
5013
  : `
5029
5014
  left: 0;
5030
- border-top-left-radius: 3px;
5031
- border-bottom-left-radius: 3px;
5015
+ border-top-left-radius: 2px;
5016
+ border-bottom-left-radius: 2px;
5032
5017
  `}
5033
5018
  height: 100%;
5034
- width: 6px;
5035
- background-color: ${({ theme }) => theme.palette.grey[800]};
5019
+ width: 8px;
5020
+ background-color: white;
5036
5021
  z-index: 2;
5037
5022
  cursor: ew-resize;
5038
5023
 
@@ -5042,13 +5027,36 @@ const StyledGrabber = styled.styled.div `
5042
5027
  align-items: center;
5043
5028
  height: 100%;
5044
5029
  width: 100%;
5030
+ color: ${({ theme }) => theme.palette.grey[500]};
5045
5031
  svg {
5046
5032
  width: auto;
5047
5033
  height: 50%;
5048
- fill: ${({ theme }) => theme.palette.grey[200]};
5049
5034
  }
5050
5035
  }
5051
5036
  `;
5037
+ const activeBookMark = styled.css `
5038
+ height: 250%;
5039
+ transform: translateY(-30%);
5040
+
5041
+ ${StyledGrabber} {
5042
+ display: block;
5043
+ }
5044
+ `;
5045
+ const Rect = styled.styled.div `
5046
+ position: absolute;
5047
+ height: 110%;
5048
+ background-color: ${({ hue, theme }) => hue || theme.palette.grey[800]};
5049
+ z-index: 1;
5050
+ border-radius: 2px;
5051
+ &:hover {
5052
+ ${activeBookMark}
5053
+ border-radius: 4px;
5054
+ }
5055
+ color: white;
5056
+ ${({ isActive }) => isActive && activeBookMark}
5057
+
5058
+ transition: width 0.1s ease;
5059
+ `;
5052
5060
  const Grabber = (props) => {
5053
5061
  const { observation } = props;
5054
5062
  const { setIsGrabbing, setactiveBookmark, setFromEnd } = useProgressContext();
@@ -5080,15 +5088,15 @@ const Bookmark = (props) => {
5080
5088
  } }, { children: [jsxRuntime.jsx(Grabber, { observation: props }), jsxRuntime.jsx(Grabber, { isEnd: true, observation: props })] })) })));
5081
5089
  };
5082
5090
 
5083
- var _path$e, _path2$3, _path3$1;
5084
- function _extends$g() { _extends$g = 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$g.apply(this, arguments); }
5085
- const SvgBackSecondsFill = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$g({
5091
+ var _path$f, _path2$3, _path3$1;
5092
+ function _extends$h() { _extends$h = 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$h.apply(this, arguments); }
5093
+ const SvgBackSecondsFill = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$h({
5086
5094
  width: 16,
5087
5095
  height: 16,
5088
5096
  viewBox: "0 0 16 16",
5089
5097
  fill: "none",
5090
5098
  xmlns: "http://www.w3.org/2000/svg"
5091
- }, props), _path$e || (_path$e = /*#__PURE__*/React__namespace.createElement("path", {
5099
+ }, props), _path$f || (_path$f = /*#__PURE__*/React__namespace.createElement("path", {
5092
5100
  fillRule: "evenodd",
5093
5101
  clipRule: "evenodd",
5094
5102
  d: "M4.34099 3.5C5.25886 2.85974 6.34919 2.5 7.5 2.5C10.5477 2.5 13 4.95228 13 8C13 11.0477 10.5477 13.5 7.5 13.5C5.79771 13.5 4.25432 12.7171 3.18087 11.3753C2.83586 10.944 2.20657 10.8741 1.7753 11.2191C1.34404 11.5641 1.27412 12.1934 1.61913 12.6247C3.06275 14.4292 5.17372 15.5 7.5 15.5C11.6523 15.5 15 12.1523 15 8C15 3.84772 11.6523 0.5 7.5 0.5C5.84359 0.5 4.28318 1.04496 3 2.00147V1C3 0.447715 2.55229 0 2 0C1.44771 0 1 0.447715 1 1V4C1 4.85228 1.64772 5.5 2.5 5.5H5.5C6.05229 5.5 6.5 5.05228 6.5 4.5C6.5 3.94772 6.05229 3.5 5.5 3.5H4.34099Z",
@@ -5101,15 +5109,15 @@ const SvgBackSecondsFill = props => /*#__PURE__*/React__namespace.createElement(
5101
5109
  fill: "currentColor"
5102
5110
  })));
5103
5111
 
5104
- var _path$d, _path2$2, _path3;
5105
- function _extends$f() { _extends$f = 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$f.apply(this, arguments); }
5106
- const SvgForwardSecondsFill = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$f({
5112
+ var _path$e, _path2$2, _path3;
5113
+ function _extends$g() { _extends$g = 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$g.apply(this, arguments); }
5114
+ const SvgForwardSecondsFill = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$g({
5107
5115
  width: 16,
5108
5116
  height: 16,
5109
5117
  viewBox: "0 0 16 16",
5110
5118
  fill: "none",
5111
5119
  xmlns: "http://www.w3.org/2000/svg"
5112
- }, props), _path$d || (_path$d = /*#__PURE__*/React__namespace.createElement("path", {
5120
+ }, props), _path$e || (_path$e = /*#__PURE__*/React__namespace.createElement("path", {
5113
5121
  fillRule: "evenodd",
5114
5122
  clipRule: "evenodd",
5115
5123
  d: "M11.659 3.5C10.7411 2.85974 9.65081 2.5 8.5 2.5C5.45228 2.5 3 4.95228 3 8C3 11.0477 5.45228 13.5 8.5 13.5C10.2023 13.5 11.7457 12.7171 12.8191 11.3753C13.1641 10.944 13.7934 10.8741 14.2247 11.2191C14.656 11.5641 14.7259 12.1934 14.3809 12.6247C12.9372 14.4292 10.8263 15.5 8.5 15.5C4.34772 15.5 1 12.1523 1 8C1 3.84772 4.34772 0.5 8.5 0.5C10.1564 0.5 11.7168 1.04496 13 2.00147V1C13 0.447715 13.4477 0 14 0C14.5523 0 15 0.447715 15 1V4C15 4.85228 14.3523 5.5 13.5 5.5H10.5C9.94771 5.5 9.5 5.05228 9.5 4.5C9.5 3.94772 9.94771 3.5 10.5 3.5H11.659Z",
@@ -5123,8 +5131,8 @@ const SvgForwardSecondsFill = props => /*#__PURE__*/React__namespace.createEleme
5123
5131
  })));
5124
5132
 
5125
5133
  var _g;
5126
- function _extends$e() { _extends$e = 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$e.apply(this, arguments); }
5127
- const SvgPauseFill = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$e({
5134
+ function _extends$f() { _extends$f = 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$f.apply(this, arguments); }
5135
+ const SvgPauseFill = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$f({
5128
5136
  xmlns: "http://www.w3.org/2000/svg",
5129
5137
  width: 16,
5130
5138
  height: 16,
@@ -5148,28 +5156,28 @@ const SvgPauseFill = props => /*#__PURE__*/React__namespace.createElement("svg",
5148
5156
  ry: 1
5149
5157
  }))));
5150
5158
 
5151
- var _path$c;
5152
- function _extends$d() { _extends$d = 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$d.apply(this, arguments); }
5153
- const SvgPlayFill = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$d({
5159
+ var _path$d;
5160
+ function _extends$e() { _extends$e = 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$e.apply(this, arguments); }
5161
+ const SvgPlayFill = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$e({
5154
5162
  xmlns: "http://www.w3.org/2000/svg",
5155
5163
  width: 16,
5156
5164
  height: 16,
5157
5165
  focusable: "false",
5158
5166
  viewBox: "0 0 16 16"
5159
- }, props), _path$c || (_path$c = /*#__PURE__*/React__namespace.createElement("path", {
5167
+ }, props), _path$d || (_path$d = /*#__PURE__*/React__namespace.createElement("path", {
5160
5168
  fill: "currentColor",
5161
5169
  d: "M6 15.79c-.13 0-.26-.03-.38-.08a.977.977 0 01-.62-.92V1.21a1 1 0 01.62-.93C6 .12 6.42.21 6.71.5l6.44 6.44c.58.58.58 1.54 0 2.12L6.71 15.5c-.19.19-.45.29-.71.29z"
5162
5170
  })));
5163
5171
 
5164
- var _path$b, _path2$1;
5165
- function _extends$c() { _extends$c = 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$c.apply(this, arguments); }
5166
- const SvgPreviousFill = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$c({
5172
+ var _path$c, _path2$1;
5173
+ function _extends$d() { _extends$d = 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$d.apply(this, arguments); }
5174
+ const SvgPreviousFill = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$d({
5167
5175
  xmlns: "http://www.w3.org/2000/svg",
5168
5176
  width: 16,
5169
5177
  height: 16,
5170
5178
  focusable: "false",
5171
5179
  viewBox: "0 0 24 24"
5172
- }, props), _path$b || (_path$b = /*#__PURE__*/React__namespace.createElement("path", {
5180
+ }, props), _path$c || (_path$c = /*#__PURE__*/React__namespace.createElement("path", {
5173
5181
  d: "M2.75 20C2.75 20.5523 3.19772 21 3.75 21C4.30228 21 4.75 20.5523 4.75 20L4.75 4C4.75 3.44772 4.30229 3 3.75 3C3.19772 3 2.75 3.44772 2.75 4V20Z",
5174
5182
  fill: "currentColor"
5175
5183
  })), _path2$1 || (_path2$1 = /*#__PURE__*/React__namespace.createElement("path", {
@@ -5203,7 +5211,7 @@ const StyledDiv$4 = styled__default["default"].div `
5203
5211
  display: flex;
5204
5212
  align-items: center;
5205
5213
  `;
5206
- const ControlsGroupCenter = ({ onCutHandler, isCutting, }) => {
5214
+ const ControlsGroupCenter = () => {
5207
5215
  var _a;
5208
5216
  const [playBackRate, setPlayBackRate] = React.useState(1);
5209
5217
  const { context, togglePlay } = Video.useVideoContext();
@@ -5244,38 +5252,33 @@ const ControlsGroupCenter = ({ onCutHandler, isCutting, }) => {
5244
5252
  videoRef.playbackRate = newSpeed;
5245
5253
  }
5246
5254
  e.stopPropagation();
5247
- } }, { children: jsxRuntime.jsxs(SM, Object.assign({ isBold: true, style: { lineHeight: "16px" } }, { children: [playBackRate, "x"] })) })), onCutHandler && (jsxRuntime.jsx(IconButton, Object.assign({ isBright: true, onClick: (e) => {
5248
- if (videoRef) {
5249
- onCutHandler(videoRef.currentTime);
5250
- }
5251
- e.stopPropagation();
5252
- } }, { children: jsxRuntime.jsx(SM, Object.assign({ isBold: true }, { children: isCutting ? '🛑' : '✂️' })) })))] }));
5255
+ } }, { children: jsxRuntime.jsxs(SM, Object.assign({ isBold: true, style: { lineHeight: "16px" } }, { children: [playBackRate, "x"] })) }))] }));
5253
5256
  };
5254
5257
 
5255
- var _path$a;
5256
- function _extends$b() { _extends$b = 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$b.apply(this, arguments); }
5257
- const SvgMaximizeStroke = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$b({
5258
+ var _path$b;
5259
+ function _extends$c() { _extends$c = 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$c.apply(this, arguments); }
5260
+ const SvgMaximizeStroke = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$c({
5258
5261
  xmlns: "http://www.w3.org/2000/svg",
5259
5262
  width: 16,
5260
5263
  height: 16,
5261
5264
  focusable: "false",
5262
5265
  viewBox: "0 0 16 16"
5263
- }, props), _path$a || (_path$a = /*#__PURE__*/React__namespace.createElement("path", {
5266
+ }, props), _path$b || (_path$b = /*#__PURE__*/React__namespace.createElement("path", {
5264
5267
  fill: "none",
5265
5268
  stroke: "currentColor",
5266
5269
  strokeLinecap: "round",
5267
5270
  d: "M4.5.5H1C.72.5.5.72.5 1v3.5m15 0V1c0-.28-.22-.5-.5-.5h-3.5m-11 11V15c0 .28.22.5.5.5h3.5m11-4V15c0 .28-.22.5-.5.5h-3.5m-7-11L1 1m10.5 3.5L15 1M4.5 11.5L1 15m10.5-3.5L15 15"
5268
5271
  })));
5269
5272
 
5270
- var _path$9;
5271
- function _extends$a() { _extends$a = 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$a.apply(this, arguments); }
5272
- const SvgMinimizeStroke = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$a({
5273
+ var _path$a;
5274
+ function _extends$b() { _extends$b = 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$b.apply(this, arguments); }
5275
+ const SvgMinimizeStroke = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$b({
5273
5276
  xmlns: "http://www.w3.org/2000/svg",
5274
5277
  width: 16,
5275
5278
  height: 16,
5276
5279
  focusable: "false",
5277
5280
  viewBox: "0 0 16 16"
5278
- }, props), _path$9 || (_path$9 = /*#__PURE__*/React__namespace.createElement("path", {
5281
+ }, props), _path$a || (_path$a = /*#__PURE__*/React__namespace.createElement("path", {
5279
5282
  fill: "none",
5280
5283
  stroke: "currentColor",
5281
5284
  strokeLinecap: "round",
@@ -5352,7 +5355,7 @@ const FullScreenButton = ({ container, }) => {
5352
5355
  const StyledProgress = styled.styled(Progress) `
5353
5356
  width: 100%;
5354
5357
  border-radius: 0;
5355
- color: ${({ theme }) => theme.palette.kale[700]};
5358
+ color: ${({ theme }) => theme.palette.grey[700]};
5356
5359
  cursor: pointer;
5357
5360
  > div {
5358
5361
  border-radius: 0;
@@ -5398,6 +5401,41 @@ const PlayerTooltip = (_a) => {
5398
5401
  return (jsxRuntime.jsx(Wrapper, Object.assign({}, props, { children: jsxRuntime.jsx(Content, { children: children }) })));
5399
5402
  };
5400
5403
 
5404
+ var _path$9, _circle;
5405
+ function _extends$a() { _extends$a = 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$a.apply(this, arguments); }
5406
+ const SvgTagStroke = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$a({
5407
+ xmlns: "http://www.w3.org/2000/svg",
5408
+ width: 16,
5409
+ height: 16,
5410
+ focusable: "false",
5411
+ viewBox: "0 0 16 16"
5412
+ }, props), _path$9 || (_path$9 = /*#__PURE__*/React__namespace.createElement("path", {
5413
+ fill: "none",
5414
+ stroke: "currentColor",
5415
+ d: "M.5 1v5.3c0 .1.1.3.1.4l8.5 8.5c.2.2.5.2.7 0l5.3-5.3c.2-.2.2-.5 0-.7L6.6.6S6.4.5 6.3.5H1C.7.5.5.7.5 1z"
5416
+ })), _circle || (_circle = /*#__PURE__*/React__namespace.createElement("circle", {
5417
+ cx: 4,
5418
+ cy: 4,
5419
+ r: 1,
5420
+ fill: "currentColor"
5421
+ })));
5422
+
5423
+ const Cutter = ({ onCutHandler, isCutting, i18n, }) => {
5424
+ var _a;
5425
+ const { context } = Video.useVideoContext();
5426
+ const videoRef = (_a = context.player) === null || _a === void 0 ? void 0 : _a.ref.current;
5427
+ if (!onCutHandler)
5428
+ return null;
5429
+ return (jsxRuntime.jsxs(Button, Object.assign({ isPrimary: true, isAccent: true, size: "small", onClick: (e) => {
5430
+ if (videoRef) {
5431
+ onCutHandler(videoRef.currentTime);
5432
+ }
5433
+ e.stopPropagation();
5434
+ } }, { children: [jsxRuntime.jsx(Button.StartIcon, { children: jsxRuntime.jsx(SvgTagStroke, {}) }), isCutting
5435
+ ? (i18n === null || i18n === void 0 ? void 0 : i18n.onHighlight) || "Click again to stop"
5436
+ : (i18n === null || i18n === void 0 ? void 0 : i18n.beforeHighlight) || "New highlight"] })));
5437
+ };
5438
+
5401
5439
  const ControlsWrapper = styled__default["default"].div `
5402
5440
  position: absolute;
5403
5441
  bottom: 0;
@@ -5426,7 +5464,7 @@ const StyledDiv$2 = styled__default["default"].div `
5426
5464
  display: flex;
5427
5465
  align-items: center;
5428
5466
  `;
5429
- const Controls = ({ container, onCutHandler, bookmarks, isCutting, onBookMarkUpdated, }) => {
5467
+ const Controls = ({ container, onCutHandler, bookmarks, isCutting, onBookMarkUpdated, i18n, }) => {
5430
5468
  var _a, _b, _c;
5431
5469
  const [progress, setProgress] = React.useState(0);
5432
5470
  const [tooltipMargin, setTooltipMargin] = React.useState(0);
@@ -5512,7 +5550,7 @@ const Controls = ({ container, onCutHandler, bookmarks, isCutting, onBookMarkUpd
5512
5550
  };
5513
5551
  }, [reset, marks]);
5514
5552
  return (jsxRuntime.jsxs(ControlsWrapper, Object.assign({ isPlaying: context.isPlaying }, { children: [jsxRuntime.jsxs(ProgressContainer, Object.assign({ onMouseEnter: onMouseEvent, onMouseMove: onMouseEvent, onMouseLeave: onMouseEvent }, { children: [jsxRuntime.jsx(StyledTooltip, Object.assign({ style: { marginLeft: `${tooltipMargin}px` } }, { children: tooltipLabel })), jsxRuntime.jsx(TimeLabel, { current: formatDuration(relCurrentTime), duration: formatDuration(duration) }), !!duration &&
5515
- (marks === null || marks === void 0 ? void 0 : marks.map((bookmark, index) => (jsxRuntime.jsx(Bookmark, Object.assign({}, bookmark), `${index}${bookmark.start}`)))), jsxRuntime.jsx(ProgressBar, { ref: progressRef, progress: progress, handleSkipAhead: handleSkipAhead, duration: duration })] })), jsxRuntime.jsxs(ControlsBar, { children: [jsxRuntime.jsx(StyledDiv$2, { children: jsxRuntime.jsx(AudioButton, {}) }), jsxRuntime.jsx(ControlsGroupCenter, { onCutHandler: onCutHandler, isCutting: isCutting }), jsxRuntime.jsx(StyledDiv$2, { children: jsxRuntime.jsx(FullScreenButton, { container: container }) })] })] })));
5553
+ (marks === null || marks === void 0 ? void 0 : marks.map((bookmark, index) => (jsxRuntime.jsx(Bookmark, Object.assign({}, bookmark), `${index}${bookmark.start}`)))), jsxRuntime.jsx(ProgressBar, { ref: progressRef, progress: progress, handleSkipAhead: handleSkipAhead, duration: duration })] })), jsxRuntime.jsxs(ControlsBar, { children: [jsxRuntime.jsx(StyledDiv$2, { children: jsxRuntime.jsx(AudioButton, {}) }), jsxRuntime.jsx(ControlsGroupCenter, {}), jsxRuntime.jsxs(StyledDiv$2, { children: [jsxRuntime.jsx(Cutter, { onCutHandler: onCutHandler, isCutting: isCutting, i18n: i18n }), jsxRuntime.jsx(FullScreenButton, { container: container })] })] })] })));
5516
5554
  };
5517
5555
 
5518
5556
  var _path$8;
@@ -5656,7 +5694,7 @@ const PlayerCore = React.forwardRef((props, forwardRef) => {
5656
5694
  }
5657
5695
  };
5658
5696
  }, [setIsPlaying, videoRef]);
5659
- return (jsxRuntime.jsxs(Container, Object.assign({ isLoaded: isLoaded, isPlaying: context.isPlaying, ref: containerRef }, { children: [!isLoaded ? (jsxRuntime.jsx(VideoSpinner, {})) : (jsxRuntime.jsx(FloatingControls, { isPlaying: context.isPlaying, onClick: togglePlay })), jsxRuntime.jsx(Video__default["default"].Player, { className: "player-container" }), jsxRuntime.jsx(ProgressContextProvider, { children: jsxRuntime.jsx(Controls, { container: containerRef.current, onCutHandler: onCutHandler, bookmarks: bookmarks, isCutting: isCutting, onBookMarkUpdated: props.handleBookmarkUpdate }) })] })));
5697
+ return (jsxRuntime.jsxs(Container, Object.assign({ isLoaded: isLoaded, isPlaying: context.isPlaying, ref: containerRef }, { children: [!isLoaded ? (jsxRuntime.jsx(VideoSpinner, {})) : (jsxRuntime.jsx(FloatingControls, { isPlaying: context.isPlaying, onClick: togglePlay })), jsxRuntime.jsx(Video__default["default"].Player, { className: "player-container" }), jsxRuntime.jsx(ProgressContextProvider, { children: jsxRuntime.jsx(Controls, { container: containerRef.current, onCutHandler: onCutHandler, bookmarks: bookmarks, isCutting: isCutting, onBookMarkUpdated: props.handleBookmarkUpdate, i18n: props.i18n }) })] })));
5660
5698
  });
5661
5699
 
5662
5700
  var _path$7, _path2;
package/build/stories/player/_types.d.ts CHANGED
@@ -8,6 +8,11 @@ export interface PlayerArgs extends HTMLAttributes<HTMLVideoElement> {
8
8
  isCutting?: boolean;
9
9
  bookmarks?: IBookmark[];
10
10
  handleBookmarkUpdate?: (bookmark: IBookmark) => void;
11
+ i18n?: PlayerI18n;
12
+ }
13
+ export interface PlayerI18n {
14
+ beforeHighlight?: string;
15
+ onHighlight?: string;
11
16
  }
12
17
  export interface IBookmark {
13
18
  id: number;
package/build/stories/player/parts/controls.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- import { IBookmark, WrapperProps } from "../_types";
2
+ import { IBookmark, PlayerI18n, WrapperProps } from "../_types";
3
3
  export declare const ControlsWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, WrapperProps>>;
4
4
  export declare const ControlsBar: import("styled-components").IStyledComponent<"web", {
5
5
  ref?: import("react").LegacyRef<HTMLDivElement> | undefined;
@@ -268,10 +268,11 @@ export declare const ControlsBar: import("styled-components").IStyledComponent<"
268
268
  onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
269
269
  onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
270
270
  }>;
271
- export declare const Controls: ({ container, onCutHandler, bookmarks, isCutting, onBookMarkUpdated, }: {
271
+ export declare const Controls: ({ container, onCutHandler, bookmarks, isCutting, onBookMarkUpdated, i18n, }: {
272
272
  container: HTMLDivElement | null;
273
273
  onCutHandler?: ((time: number) => void) | undefined;
274
274
  bookmarks?: IBookmark[] | undefined;
275
275
  isCutting?: boolean | undefined;
276
276
  onBookMarkUpdated?: ((bookmark: IBookmark) => void) | undefined;
277
+ i18n?: PlayerI18n | undefined;
277
278
  }) => import("react/jsx-runtime").JSX.Element;
package/build/stories/player/parts/controlsCenterGroup.d.ts CHANGED
@@ -1,4 +1 @@
1
- export declare const ControlsGroupCenter: ({ onCutHandler, isCutting, }: {
2
- onCutHandler?: ((time: number) => void) | undefined;
3
- isCutting?: boolean | undefined;
4
- }) => import("react/jsx-runtime").JSX.Element;
1
+ export declare const ControlsGroupCenter: () => import("react/jsx-runtime").JSX.Element;
package/build/stories/player/parts/cutterButton.d.ts ADDED
@@ -0,0 +1,6 @@
1
+ import { PlayerI18n } from "../_types";
2
+ export declare const Cutter: ({ onCutHandler, isCutting, i18n, }: {
3
+ onCutHandler?: ((time: number) => void) | undefined;
4
+ isCutting?: boolean | undefined;
5
+ i18n?: PlayerI18n | undefined;
6
+ }) => import("react/jsx-runtime").JSX.Element | null;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@appquality/unguess-design-system",
3
- "version": "3.1.81",
3
+ "version": "3.1.82",
4
4
  "description": "",
5
5
  "main": "build/index.js",
6
6
  "types": "build/index.d.ts",