@appquality/unguess-design-system 3.1.82-beta-attachments → 3.1.83-beta-attachments

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 (10) hide show
  1. package/.vscode/settings.json +3 -0
  2. package/build/index.js +128 -92
  3. package/build/stories/buttons/button/index.stories.d.ts +0 -1
  4. package/build/stories/buttons/utils.d.ts +36 -36
  5. package/build/stories/chat/_types.d.ts +2 -1
  6. package/build/stories/chat/parts/ThumbnailContainer/index.d.ts +1 -1
  7. package/build/stories/chat/parts/comment.d.ts +5 -1
  8. package/build/stories/dropdowns/select/index.stories.d.ts +0 -1
  9. package/build/stories/editor/index.stories.d.ts +0 -1
  10. package/package.json +1 -1
package/.vscode/settings.json ADDED
@@ -0,0 +1,3 @@
1
+ {
2
+ "svg.preview.background": "editor"
3
+ }
package/build/index.js CHANGED
@@ -841,48 +841,48 @@ Tag.Avatar = StyledAvatar;
841
841
  Tag.Close = StyledClose;
842
842
  Tag.SecondaryText = StyledSpan;
843
843
 
844
- var _path$B;
845
- 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); }
846
- const SvgUgSquare = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$N({
844
+ var _path$D;
845
+ 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); }
846
+ const SvgUgSquare = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$P({
847
847
  width: 24,
848
848
  height: 24,
849
849
  viewBox: "0 0 24 24",
850
850
  fill: "none",
851
851
  xmlns: "http://www.w3.org/2000/svg"
852
- }, props), _path$B || (_path$B = /*#__PURE__*/React__namespace.createElement("path", {
852
+ }, props), _path$D || (_path$D = /*#__PURE__*/React__namespace.createElement("path", {
853
853
  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",
854
854
  fill: "#E80C7A"
855
855
  })));
856
856
 
857
- var _path$A;
858
- 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); }
859
- const SvgUgCircle = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$M({
857
+ var _path$C;
858
+ 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); }
859
+ const SvgUgCircle = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$O({
860
860
  width: 24,
861
861
  height: 24,
862
862
  viewBox: "0 0 24 24",
863
863
  fill: "none",
864
864
  xmlns: "http://www.w3.org/2000/svg"
865
- }, props), _path$A || (_path$A = /*#__PURE__*/React__namespace.createElement("path", {
865
+ }, props), _path$C || (_path$C = /*#__PURE__*/React__namespace.createElement("path", {
866
866
  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",
867
867
  fill: "#FFCD1A"
868
868
  })));
869
869
 
870
- var _path$z;
871
- 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); }
872
- const SvgUgTriangle = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$L({
870
+ var _path$B;
871
+ 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); }
872
+ const SvgUgTriangle = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$N({
873
873
  width: 24,
874
874
  height: 24,
875
875
  viewBox: "0 0 24 24",
876
876
  fill: "none",
877
877
  xmlns: "http://www.w3.org/2000/svg"
878
- }, props), _path$z || (_path$z = /*#__PURE__*/React__namespace.createElement("path", {
878
+ }, props), _path$B || (_path$B = /*#__PURE__*/React__namespace.createElement("path", {
879
879
  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",
880
880
  fill: "#7B0DFF"
881
881
  })));
882
882
 
883
- var _rect$4, _path$y, _path2$b, _path3$4;
884
- 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); }
885
- const SvgCampaignCompleted = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$K({
883
+ var _rect$4, _path$A, _path2$b, _path3$4;
884
+ 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); }
885
+ const SvgCampaignCompleted = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$M({
886
886
  width: 24,
887
887
  height: 24,
888
888
  viewBox: "0 0 24 24",
@@ -893,7 +893,7 @@ const SvgCampaignCompleted = props => /*#__PURE__*/React__namespace.createElemen
893
893
  height: 24,
894
894
  rx: 12,
895
895
  fill: "#F6F6F8"
896
- })), _path$y || (_path$y = /*#__PURE__*/React__namespace.createElement("path", {
896
+ })), _path$A || (_path$A = /*#__PURE__*/React__namespace.createElement("path", {
897
897
  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",
898
898
  fill: "#50BF95"
899
899
  })), _path2$b || (_path2$b = /*#__PURE__*/React__namespace.createElement("path", {
@@ -904,9 +904,9 @@ const SvgCampaignCompleted = props => /*#__PURE__*/React__namespace.createElemen
904
904
  fill: "#007345"
905
905
  })));
906
906
 
907
- var _rect$3, _path$x, _path2$a;
908
- 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); }
909
- const SvgCampaignLocked = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$J({
907
+ var _rect$3, _path$z, _path2$a;
908
+ 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); }
909
+ const SvgCampaignLocked = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$L({
910
910
  width: 24,
911
911
  height: 24,
912
912
  viewBox: "0 0 24 24",
@@ -917,7 +917,7 @@ const SvgCampaignLocked = props => /*#__PURE__*/React__namespace.createElement("
917
917
  height: 24,
918
918
  rx: 12,
919
919
  fill: "#F6F6F8"
920
- })), _path$x || (_path$x = /*#__PURE__*/React__namespace.createElement("path", {
920
+ })), _path$z || (_path$z = /*#__PURE__*/React__namespace.createElement("path", {
921
921
  fillRule: "evenodd",
922
922
  clipRule: "evenodd",
923
923
  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",
@@ -929,9 +929,9 @@ const SvgCampaignLocked = props => /*#__PURE__*/React__namespace.createElement("
929
929
  fill: "#F4AC1A"
930
930
  })));
931
931
 
932
- var _rect$2, _path$w, _path2$9;
933
- 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); }
934
- const SvgCampaignIncoming = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$I({
932
+ var _rect$2, _path$y, _path2$9;
933
+ 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); }
934
+ const SvgCampaignIncoming = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$K({
935
935
  width: 24,
936
936
  height: 24,
937
937
  viewBox: "0 0 24 24",
@@ -942,7 +942,7 @@ const SvgCampaignIncoming = props => /*#__PURE__*/React__namespace.createElement
942
942
  height: 24,
943
943
  rx: 12,
944
944
  fill: "#F6F6F8"
945
- })), _path$w || (_path$w = /*#__PURE__*/React__namespace.createElement("path", {
945
+ })), _path$y || (_path$y = /*#__PURE__*/React__namespace.createElement("path", {
946
946
  d: "M11.2266 13.0313H14.997M11.2266 9.26075V13.0313V9.26075ZM11.2266 13.0313L20.121 5.03906L11.2266 13.0313Z",
947
947
  stroke: "#024780",
948
948
  strokeWidth: 1.5,
@@ -956,9 +956,9 @@ const SvgCampaignIncoming = props => /*#__PURE__*/React__namespace.createElement
956
956
  strokeLinejoin: "round"
957
957
  })));
958
958
 
959
- var _rect$1, _path$v, _path2$8, _path3$3, _path4$1, _path5$1, _path6$1, _path7$1, _path8$1, _path9$1, _path10$1;
960
- 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); }
961
- const SvgCampaignProgress = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$H({
959
+ var _rect$1, _path$x, _path2$8, _path3$3, _path4$1, _path5$1, _path6$1, _path7$1, _path8$1, _path9$1, _path10$1;
960
+ 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); }
961
+ const SvgCampaignProgress = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$J({
962
962
  width: 24,
963
963
  height: 24,
964
964
  viewBox: "0 0 24 24",
@@ -969,7 +969,7 @@ const SvgCampaignProgress = props => /*#__PURE__*/React__namespace.createElement
969
969
  height: 24,
970
970
  rx: 12,
971
971
  fill: "#F6F6F8"
972
- })), _path$v || (_path$v = /*#__PURE__*/React__namespace.createElement("path", {
972
+ })), _path$x || (_path$x = /*#__PURE__*/React__namespace.createElement("path", {
973
973
  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",
974
974
  fill: "#D1820A"
975
975
  })), _path2$8 || (_path2$8 = /*#__PURE__*/React__namespace.createElement("path", {
@@ -1001,9 +1001,9 @@ const SvgCampaignProgress = props => /*#__PURE__*/React__namespace.createElement
1001
1001
  fill: "#FFB65A"
1002
1002
  })));
1003
1003
 
1004
- var _g$b, _path$u, _path2$7, _path3$2, _path4, _path5, _path6, _path7, _path8, _path9, _path10, _path11;
1005
- 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); }
1006
- const SvgCampaignExperiential = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$G({
1004
+ var _g$b, _path$w, _path2$7, _path3$2, _path4, _path5, _path6, _path7, _path8, _path9, _path10, _path11;
1005
+ 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); }
1006
+ const SvgCampaignExperiential = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$I({
1007
1007
  width: 24,
1008
1008
  height: 24,
1009
1009
  viewBox: "0 0 24 24",
@@ -1015,7 +1015,7 @@ const SvgCampaignExperiential = props => /*#__PURE__*/React__namespace.createEle
1015
1015
  opacity: 0.3,
1016
1016
  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",
1017
1017
  fill: "#50BF95"
1018
- }))), _path$u || (_path$u = /*#__PURE__*/React__namespace.createElement("path", {
1018
+ }))), _path$w || (_path$w = /*#__PURE__*/React__namespace.createElement("path", {
1019
1019
  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",
1020
1020
  fill: "#2B8473",
1021
1021
  stroke: "#2B8473"
@@ -1071,9 +1071,9 @@ const SvgCampaignExperiential = props => /*#__PURE__*/React__namespace.createEle
1071
1071
  fill: "#ECF4F2"
1072
1072
  })));
1073
1073
 
1074
- var _g$a, _path$t;
1075
- 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); }
1076
- const SvgCampaignFunctional = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$F({
1074
+ var _g$a, _path$v;
1075
+ 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); }
1076
+ const SvgCampaignFunctional = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$H({
1077
1077
  width: 24,
1078
1078
  height: 24,
1079
1079
  viewBox: "0 0 24 24",
@@ -1085,7 +1085,7 @@ const SvgCampaignFunctional = props => /*#__PURE__*/React__namespace.createEleme
1085
1085
  opacity: 0.3,
1086
1086
  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",
1087
1087
  fill: "#003A57"
1088
- }))), _path$t || (_path$t = /*#__PURE__*/React__namespace.createElement("path", {
1088
+ }))), _path$v || (_path$v = /*#__PURE__*/React__namespace.createElement("path", {
1089
1089
  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",
1090
1090
  fill: "#003A57"
1091
1091
  })));
@@ -1947,8 +1947,8 @@ const WaffleChart = ({ height, width, data, total, tooltip, }) => {
1947
1947
  };
1948
1948
 
1949
1949
  var _g$9, _defs$4;
1950
- 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); }
1951
- const SvgSentiment1 = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$E({
1950
+ 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); }
1951
+ const SvgSentiment1 = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$G({
1952
1952
  width: 27,
1953
1953
  height: 26,
1954
1954
  viewBox: "0 0 27 26",
@@ -1971,8 +1971,8 @@ const SvgSentiment1 = props => /*#__PURE__*/React__namespace.createElement("svg"
1971
1971
  })))));
1972
1972
 
1973
1973
  var _g$8, _defs$3;
1974
- 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); }
1975
- const SvgSentiment2 = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$D({
1974
+ 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); }
1975
+ const SvgSentiment2 = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$F({
1976
1976
  width: 27,
1977
1977
  height: 26,
1978
1978
  viewBox: "0 0 27 26",
@@ -1995,8 +1995,8 @@ const SvgSentiment2 = props => /*#__PURE__*/React__namespace.createElement("svg"
1995
1995
  })))));
1996
1996
 
1997
1997
  var _g$7, _defs$2;
1998
- 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); }
1999
- const SvgSentiment3 = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$C({
1998
+ 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); }
1999
+ const SvgSentiment3 = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$E({
2000
2000
  width: 27,
2001
2001
  height: 26,
2002
2002
  viewBox: "0 0 27 26",
@@ -2025,8 +2025,8 @@ const SvgSentiment3 = props => /*#__PURE__*/React__namespace.createElement("svg"
2025
2025
  })))));
2026
2026
 
2027
2027
  var _g$6, _defs$1;
2028
- 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); }
2029
- const SvgSentiment4 = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$B({
2028
+ 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); }
2029
+ const SvgSentiment4 = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$D({
2030
2030
  width: 27,
2031
2031
  height: 26,
2032
2032
  viewBox: "0 0 27 26",
@@ -2055,8 +2055,8 @@ const SvgSentiment4 = props => /*#__PURE__*/React__namespace.createElement("svg"
2055
2055
  })))));
2056
2056
 
2057
2057
  var _g$5, _defs;
2058
- 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); }
2059
- const SvgSentiment5 = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$A({
2058
+ 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); }
2059
+ const SvgSentiment5 = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$C({
2060
2060
  width: 26,
2061
2061
  height: 26,
2062
2062
  viewBox: "0 0 26 26",
@@ -2691,28 +2691,28 @@ const ChatTitle = styled__default["default"](Title$1) `
2691
2691
  padding: ${({ theme }) => `${theme.space.sm} ${theme.space.md}`};
2692
2692
  `;
2693
2693
 
2694
- var _path$s;
2695
- 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); }
2696
- const SvgBoldFill = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$z({
2694
+ var _path$u;
2695
+ 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); }
2696
+ const SvgBoldFill = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$B({
2697
2697
  xmlns: "http://www.w3.org/2000/svg",
2698
2698
  width: 16,
2699
2699
  height: 16,
2700
2700
  focusable: "false",
2701
2701
  viewBox: "0 0 16 16"
2702
- }, props), _path$s || (_path$s = /*#__PURE__*/React__namespace.createElement("path", {
2702
+ }, props), _path$u || (_path$u = /*#__PURE__*/React__namespace.createElement("path", {
2703
2703
  fill: "currentColor",
2704
2704
  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"
2705
2705
  })));
2706
2706
 
2707
- var _path$r;
2708
- 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); }
2709
- const SvgItalicFill = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$y({
2707
+ var _path$t;
2708
+ 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); }
2709
+ const SvgItalicFill = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$A({
2710
2710
  xmlns: "http://www.w3.org/2000/svg",
2711
2711
  width: 16,
2712
2712
  height: 16,
2713
2713
  focusable: "false",
2714
2714
  viewBox: "0 0 16 16"
2715
- }, props), _path$r || (_path$r = /*#__PURE__*/React__namespace.createElement("path", {
2715
+ }, props), _path$t || (_path$t = /*#__PURE__*/React__namespace.createElement("path", {
2716
2716
  fill: "none",
2717
2717
  stroke: "currentColor",
2718
2718
  strokeLinecap: "round",
@@ -2720,15 +2720,15 @@ const SvgItalicFill = props => /*#__PURE__*/React__namespace.createElement("svg"
2720
2720
  d: "M8 1h3M9.5 1l-3 14M5 15h3"
2721
2721
  })));
2722
2722
 
2723
- var _path$q, _path2$6;
2724
- 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); }
2725
- const SvgQuoteFill = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$x({
2723
+ var _path$s, _path2$6;
2724
+ 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); }
2725
+ const SvgQuoteFill = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$z({
2726
2726
  xmlns: "http://www.w3.org/2000/svg",
2727
2727
  width: 16,
2728
2728
  height: 16,
2729
2729
  focusable: "false",
2730
2730
  viewBox: "0 0 16 16"
2731
- }, props), _path$q || (_path$q = /*#__PURE__*/React__namespace.createElement("path", {
2731
+ }, props), _path$s || (_path$s = /*#__PURE__*/React__namespace.createElement("path", {
2732
2732
  fill: "currentColor",
2733
2733
  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"
2734
2734
  })), _path2$6 || (_path2$6 = /*#__PURE__*/React__namespace.createElement("path", {
@@ -2740,8 +2740,8 @@ const SvgQuoteFill = props => /*#__PURE__*/React__namespace.createElement("svg",
2740
2740
  })));
2741
2741
 
2742
2742
  var _g$4;
2743
- 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); }
2744
- const SvgH1Fill = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$w({
2743
+ 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); }
2744
+ const SvgH1Fill = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$y({
2745
2745
  xmlns: "http://www.w3.org/2000/svg",
2746
2746
  width: 16,
2747
2747
  height: 16,
@@ -2768,8 +2768,8 @@ const SvgH1Fill = props => /*#__PURE__*/React__namespace.createElement("svg", _e
2768
2768
  }))));
2769
2769
 
2770
2770
  var _g$3;
2771
- 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); }
2772
- const SvgH2Fill = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$v({
2771
+ 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); }
2772
+ const SvgH2Fill = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$x({
2773
2773
  xmlns: "http://www.w3.org/2000/svg",
2774
2774
  width: 16,
2775
2775
  height: 16,
@@ -2796,8 +2796,8 @@ const SvgH2Fill = props => /*#__PURE__*/React__namespace.createElement("svg", _e
2796
2796
  }))));
2797
2797
 
2798
2798
  var _g$2;
2799
- 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); }
2800
- const SvgH3Fill = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$u({
2799
+ 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); }
2800
+ const SvgH3Fill = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$w({
2801
2801
  xmlns: "http://www.w3.org/2000/svg",
2802
2802
  width: 16,
2803
2803
  height: 16,
@@ -2870,20 +2870,47 @@ const Tooltip = styled__default["default"](TooltipComponent) `
2870
2870
  box-shadow: ${({ theme }) => theme.shadows.lg(`${theme.space.base * 3}px`, `${theme.space.base * 5}px`, getColor("neutralHue", 600, theme, 0.15))};
2871
2871
  `;
2872
2872
 
2873
+ var _path$r;
2874
+ 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); }
2875
+ const SvgBoldStroke = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$v({
2876
+ xmlns: "http://www.w3.org/2000/svg",
2877
+ width: 16,
2878
+ height: 16,
2879
+ focusable: "false",
2880
+ viewBox: "0 0 16 16"
2881
+ }, props), _path$r || (_path$r = /*#__PURE__*/React__namespace.createElement("path", {
2882
+ fill: "currentColor",
2883
+ d: "M7 1c2.176 0 4 1.824 4 4 0 1.315-.666 2.501-1.673 3.234C10.869 8.792 12 10.287 12 12c0 2.176-1.824 4-4 4H3.5a.5.5 0 01-.5-.5v-14a.5.5 0 01.5-.5H7zM4 15h4c1.624 0 3-1.376 3-3S9.624 9 8 9H4v6zM7 2H4v6h3c1.624 0 3-1.376 3-3S8.624 2 7 2z"
2884
+ })));
2885
+
2886
+ var _path$q;
2887
+ 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); }
2888
+ const SvgItalicStroke = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$u({
2889
+ xmlns: "http://www.w3.org/2000/svg",
2890
+ width: 16,
2891
+ height: 16,
2892
+ focusable: "false",
2893
+ viewBox: "0 0 16 16"
2894
+ }, props), _path$q || (_path$q = /*#__PURE__*/React__namespace.createElement("path", {
2895
+ fill: "none",
2896
+ stroke: "currentColor",
2897
+ strokeLinecap: "round",
2898
+ d: "M7.5 1.5h3M9 1.5l-3 14m-1.5 0h3"
2899
+ })));
2900
+
2873
2901
  var _path$p;
2874
2902
  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); }
2875
- const SvgAtFill = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$t({
2903
+ const SvgAtStroke = props => /*#__PURE__*/React__namespace.createElement("svg", _extends$t({
2876
2904
  xmlns: "http://www.w3.org/2000/svg",
2877
2905
  width: 16,
2878
2906
  height: 16,
2879
2907
  focusable: "false",
2880
- viewBox: "0 0 16 16"
2908
+ role: "presentation"
2881
2909
  }, props), _path$p || (_path$p = /*#__PURE__*/React__namespace.createElement("path", {
2882
2910
  fill: "none",
2883
2911
  stroke: "currentColor",
2884
2912
  strokeLinecap: "round",
2885
- strokeWidth: 2,
2886
- d: "M11 5v3h0a3 3 0 01-3 3h0a3 3 0 01-3-3h0a3 3 0 013-3h0a3 3 0 013 3h0v1a2 2 0 002 2h0a2 2 0 002-2V8h0a7 7 0 00-7-7h0a7 7 0 00-7 7h0a7 7 0 007 7h2.8"
2913
+ d: "M11.5 4.5V8h0A3.5 3.5 0 018 11.5h0A3.5 3.5 0 014.5 8h0A3.5 3.5 0 018 4.5h0A3.5 3.5 0 0111.5 8h0v1.5a2 2 0 002 2h0a2 2 0 002-2V8h0A7.5 7.5 0 008 .5h0A7.5 7.5 0 00.5 8h0A7.5 7.5 0 008 15.5h3.41"
2887
2914
  })));
2888
2915
 
2889
2916
  var _path$o;
@@ -2923,11 +2950,11 @@ const CommentBar = ({ editor, i18n, }) => {
2923
2950
  const getIcon = (type) => {
2924
2951
  switch (type) {
2925
2952
  case "bold":
2926
- return jsxRuntime.jsx(SvgBoldFill, {});
2953
+ return jsxRuntime.jsx(SvgBoldStroke, {});
2927
2954
  case "italic":
2928
- return jsxRuntime.jsx(SvgItalicFill, {});
2955
+ return jsxRuntime.jsx(SvgItalicStroke, {});
2929
2956
  case "mention":
2930
- return jsxRuntime.jsx(SvgAtFill, {});
2957
+ return jsxRuntime.jsx(SvgAtStroke, {});
2931
2958
  case "attachment":
2932
2959
  return jsxRuntime.jsx(SvgClipboard, {});
2933
2960
  default:
@@ -2965,7 +2992,7 @@ const CommentBar = ({ editor, i18n, }) => {
2965
2992
  return;
2966
2993
  }
2967
2994
  };
2968
- return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs(MenuContainer, Object.assign({ id: "menu-container" }, { children: [jsxRuntime.jsx(Tooltip, Object.assign({ content: `${(_b = (_a = i18n === null || i18n === void 0 ? void 0 : i18n.menu) === null || _a === void 0 ? void 0 : _a.bold) !== null && _b !== void 0 ? _b : "Bold text"} ${isMac() ? "Cmd" : "Ctrl"} + B`, placement: "top", type: "light", size: "small", hasArrow: false }, { children: jsxRuntime.jsx(IconButton, Object.assign({ size: "small", isBasic: !editor.isActive("bold"), isPrimary: editor.isActive("bold"), isPill: false, onClick: () => handleClick("bold") }, { children: getIcon("bold") })) })), jsxRuntime.jsx(Tooltip, Object.assign({ content: `${(_d = (_c = i18n === null || i18n === void 0 ? void 0 : i18n.menu) === null || _c === void 0 ? void 0 : _c.italic) !== null && _d !== void 0 ? _d : "Italic text"} ${isMac() ? "Cmd" : "Ctrl"} + I`, placement: "top", type: "light", size: "small", hasArrow: false }, { children: jsxRuntime.jsx(IconButton, Object.assign({ size: "small", isBasic: !editor.isActive("italic"), isPrimary: editor.isActive("italic"), isPill: false, onClick: () => handleClick("italic") }, { children: getIcon("italic") })) })), jsxRuntime.jsx(VerticalDivider, {}), jsxRuntime.jsx(Tooltip, Object.assign({ content: (_f = (_e = i18n === null || i18n === void 0 ? void 0 : i18n.menu) === null || _e === void 0 ? void 0 : _e.mention) !== null && _f !== void 0 ? _f : "Add a mention", placement: "top", type: "light", size: "small", hasArrow: false }, { children: jsxRuntime.jsx(IconButton, Object.assign({ size: "small", isBasic: !editor.isActive("mention"), isPrimary: editor.isActive("mention"), isPill: false, onClick: () => handleClick("mention") }, { children: getIcon("mention") })) })), jsxRuntime.jsx(Tooltip, Object.assign({ content: (_h = (_g = i18n === null || i18n === void 0 ? void 0 : i18n.menu) === null || _g === void 0 ? void 0 : _g.attachment) !== null && _h !== void 0 ? _h : "Upload a file (max size: ...)", placement: "top", type: "light", size: "small", hasArrow: false }, { children: jsxRuntime.jsx(IconButton, Object.assign({ size: "small", isBasic: !editor.isActive("attachment"), isPrimary: editor.isActive("attachment"), isPill: false, onClick: () => handleClick("attachment") }, { children: getIcon("attachment") })) }))] })) }));
2995
+ return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs(MenuContainer, Object.assign({ id: "menu-container" }, { children: [jsxRuntime.jsx(Tooltip, Object.assign({ content: `${(_b = (_a = i18n === null || i18n === void 0 ? void 0 : i18n.menu) === null || _a === void 0 ? void 0 : _a.bold) !== null && _b !== void 0 ? _b : "Bold text"} ${isMac() ? "Cmd" : "Ctrl"} + B`, placement: "top", type: "light", size: "small", hasArrow: false }, { children: jsxRuntime.jsx(IconButton, Object.assign({ size: "small", isBasic: !editor.isActive("bold"), isPrimary: editor.isActive("bold"), isPill: false, onClick: () => handleClick("bold") }, { children: getIcon("bold") })) })), jsxRuntime.jsx(Tooltip, Object.assign({ content: `${(_d = (_c = i18n === null || i18n === void 0 ? void 0 : i18n.menu) === null || _c === void 0 ? void 0 : _c.italic) !== null && _d !== void 0 ? _d : "Italic text"} ${isMac() ? "Cmd" : "Ctrl"} + I`, placement: "top", type: "light", size: "small", hasArrow: false }, { children: jsxRuntime.jsx(IconButton, Object.assign({ size: "small", isBasic: !editor.isActive("italic"), isPrimary: editor.isActive("italic"), isPill: false, onClick: () => handleClick("italic") }, { children: getIcon("italic") })) })), jsxRuntime.jsx(VerticalDivider, {}), jsxRuntime.jsx(Tooltip, Object.assign({ content: (_f = (_e = i18n === null || i18n === void 0 ? void 0 : i18n.menu) === null || _e === void 0 ? void 0 : _e.mention) !== null && _f !== void 0 ? _f : "Add a mention", placement: "top", type: "light", size: "small", hasArrow: false }, { children: jsxRuntime.jsx(IconButton, Object.assign({ size: "small", isBasic: !editor.isActive("mention"), isPrimary: editor.isActive("mention"), isPill: false, onClick: () => handleClick("mention") }, { children: getIcon("mention") })) })), jsxRuntime.jsx(Tooltip, Object.assign({ content: (_h = (_g = i18n === null || i18n === void 0 ? void 0 : i18n.menu) === null || _g === void 0 ? void 0 : _g.attachment) !== null && _h !== void 0 ? _h : "Upload images and video. Max size: 5GB", placement: "top", type: "light", size: "small", hasArrow: true }, { children: jsxRuntime.jsx(IconButton, Object.assign({ size: "small", isBasic: !editor.isActive("attachment"), isPrimary: editor.isActive("attachment"), isPill: false, onClick: () => handleClick("attachment") }, { children: getIcon("attachment") })) }))] })) }));
2969
2996
  };
2970
2997
 
2971
2998
  const CustomMention = Mention__default["default"].extend({
@@ -3235,18 +3262,18 @@ const DeleteThumbnailX = ({ content, deleteThumbnail }) => {
3235
3262
  };
3236
3263
 
3237
3264
  const StyledThumbnail = styled__default["default"].div `
3238
- border-radius: 10px;
3239
- height: 120px;
3240
- width: 120px;
3265
+ border-radius: 4%;
3266
+ height: 90px;
3267
+ width: 80px;
3241
3268
  justify-content: center;
3242
- padding: 5px 5px 15px 5px;
3269
+ padding: 1px;
3243
3270
  position: relative;
3244
3271
  cursor: pointer;
3245
3272
  background-color: rgb(209, 207, 207);
3246
3273
  img {
3247
3274
  width: 100%;
3248
3275
  height: 100%;
3249
- border-radius: 10%;
3276
+ border-radius: 4%;
3250
3277
  }
3251
3278
  .thumbnailLabel {
3252
3279
  position: absolute;
@@ -3257,22 +3284,21 @@ const StyledThumbnail = styled__default["default"].div `
3257
3284
  font-weight: 100;
3258
3285
  }
3259
3286
  `;
3260
- const Thumbnail = ({ clickThumbnail, src, label, index = 0, removeThumbnail, showX = true, showLabel = true, mediaType, }) => {
3287
+ const Thumbnail = ({ clickThumbnail, src, label, index = 0, removeThumbnail, showX = true, showLabel = false, mediaType, }) => {
3261
3288
  const handleCancel = (e) => {
3262
3289
  e.stopPropagation();
3263
- console.log("cancel: ", src);
3264
3290
  if (removeThumbnail)
3265
3291
  removeThumbnail(index);
3266
3292
  };
3267
- return (jsxRuntime.jsxs(StyledThumbnail, Object.assign({ className: "singleThumbnail", onClick: clickThumbnail }, { children: [showX && (jsxRuntime.jsx(DeleteThumbnailX, { content: "╳", deleteThumbnail: (e) => handleCancel(e) })), mediaType.includes("image") && jsxRuntime.jsx("img", { src: src, alt: label }), mediaType.includes("video") && (jsxRuntime.jsx("video", Object.assign({ width: "100", height: "100" }, { children: jsxRuntime.jsx("source", { src: src, type: "video/mp4" }) }))), showLabel && jsxRuntime.jsx("span", Object.assign({ className: "thumbnailLabel" }, { children: label }))] })));
3293
+ return (jsxRuntime.jsxs(StyledThumbnail, Object.assign({ className: "singleThumbnail", onClick: clickThumbnail }, { children: [showX && (jsxRuntime.jsx(DeleteThumbnailX, { content: "╳", deleteThumbnail: (e) => handleCancel(e) })), mediaType.includes("image") && jsxRuntime.jsx("img", { src: src, alt: label }), mediaType.includes("video") && (jsxRuntime.jsx("video", Object.assign({ width: "80", height: "89" }, { children: jsxRuntime.jsx("source", { src: src, type: "video/mp4" }) }))), showLabel && jsxRuntime.jsx("span", Object.assign({ className: "thumbnailLabel" }, { children: label }))] })));
3268
3294
  };
3269
3295
 
3270
- const StyledThumbnailContainer = styled.styled.div `
3296
+ const StyledThumbnailContainer$1 = styled.styled.div `
3271
3297
  display: grid;
3272
- grid-template-columns: auto auto auto;
3298
+ grid-template-columns: 1fr 1fr 1fr 1fr;
3273
3299
  overflow-y: scroll;
3274
3300
  justify-items: center;
3275
- gap: 10px;
3301
+ gap: 9px;
3276
3302
  background-color: white;
3277
3303
  width: 100%;
3278
3304
  margin-top: 10px;
@@ -3282,12 +3308,12 @@ const StyledThumbnailContainer = styled.styled.div `
3282
3308
  z-index: 9999;
3283
3309
  }
3284
3310
  `;
3285
- const ThumbnailContainer = ({ openLightbox, }) => {
3311
+ const ThumbnailContainer = ({ openLightbox }) => {
3286
3312
  const { thumbnails, removeThumbnail } = useChatContext();
3287
3313
  if (!thumbnails || thumbnails.length === 0) {
3288
3314
  return null;
3289
3315
  }
3290
- return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx(StyledThumbnailContainer, Object.assign({ className: "thumbnailContainer" }, { children: thumbnails.map((file, index) => (jsxRuntime.jsx(Thumbnail, { src: URL.createObjectURL(file), label: file.name, index: index, showX: true, showLabel: true, mediaType: file.type, removeThumbnail: () => removeThumbnail(index), clickThumbnail: () => {
3316
+ return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx(StyledThumbnailContainer$1, Object.assign({ className: "thumbnailContainer" }, { children: thumbnails.map((file, index) => (jsxRuntime.jsx(Thumbnail, { src: URL.createObjectURL(file), label: file.name, index: index, showX: true, showLabel: false, mediaType: file.type, removeThumbnail: () => removeThumbnail(index), clickThumbnail: () => {
3291
3317
  openLightbox(file, index);
3292
3318
  } }, index))) })) }));
3293
3319
  };
@@ -4333,9 +4359,9 @@ const CommentBox = (_a) => {
4333
4359
  return null;
4334
4360
  ed.on("create", ({ editor }) => setEditor(editor));
4335
4361
  ed.on("update", ({ editor }) => setEditor(editor));
4336
- return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [isOpen && selectedImage && (jsxRuntime.jsxs(Lightbox, Object.assign({ onClose: closeLightbox }, { children: [jsxRuntime.jsx(Lightbox.Header, { children: selectedImage.name }), jsxRuntime.jsx(Lightbox.Body, { children: jsxRuntime.jsx(Lightbox.Body.Main, Object.assign({ style: { flex: 3 } }, { children: jsxRuntime.jsx(Slider, Object.assign({ prevArrow: jsxRuntime.jsx(Slider.PrevButton, { isBright: true }), nextArrow: jsxRuntime.jsx(Slider.NextButton, { isBright: true }), onSlideChange: slideChange, initialSlide: selectedImageIndex }, { children: thumbnails.map((item) => (jsxRuntime.jsxs(Slider.Slide, { children: [item.type === "image" && (jsxRuntime.jsx("img", { src: URL.createObjectURL(item), alt: `media ${item.name}` })), item.type === "video" && (jsxRuntime.jsx(Player, { ref: (ref) => {
4362
+ return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [isOpen && selectedImage && (jsxRuntime.jsxs(Lightbox, Object.assign({ onClose: closeLightbox }, { children: [jsxRuntime.jsx(Lightbox.Header, { children: selectedImage.name }), jsxRuntime.jsx(Lightbox.Body, { children: jsxRuntime.jsx(Lightbox.Body.Main, Object.assign({ style: { flex: 3 } }, { children: jsxRuntime.jsx(Slider, Object.assign({ prevArrow: jsxRuntime.jsx(Slider.PrevButton, { isBright: true }), nextArrow: jsxRuntime.jsx(Slider.NextButton, { isBright: true }), onSlideChange: slideChange, initialSlide: selectedImageIndex }, { children: thumbnails.map((item) => (jsxRuntime.jsxs(Slider.Slide, { children: [item.type.includes("image") && (jsxRuntime.jsx("img", { src: URL.createObjectURL(item), alt: `media ${item.name}` })), item.type.includes("video") && (jsxRuntime.jsx(Player, { ref: (ref) => {
4337
4363
  videoRefs.current.push(ref);
4338
- }, url: URL.createObjectURL(item) }))] }))) })) })) }), jsxRuntime.jsx(Lightbox.Close, { "aria-label": "Close modal" })] }))), jsxRuntime.jsx(ChatBoxContainer, { children: jsxRuntime.jsxs(EditorContainer$1, Object.assign({ editable: true, style: { marginLeft: 0 } }, { children: [hasFloatingMenu && (jsxRuntime.jsx(FloatingMenu, { editor: ed, tippyOptions: Object.assign({}, bubbleOptions) })), jsxRuntime.jsx(react.EditorContent, { editor: ed, onKeyDown: onKeyDown }), jsxRuntime.jsx(ThumbnailContainer, { openLightbox: handleOpenLightbox })] })) }), hasButtonsMenu && jsxRuntime.jsx(CommentBar, { editor: ed, i18n: i18n })] }));
4364
+ }, url: URL.createObjectURL(item) }))] }))) })) })) }), jsxRuntime.jsx(Lightbox.Close, { "aria-label": "Close modal" })] }))), jsxRuntime.jsx(ChatBoxContainer, { children: jsxRuntime.jsxs(EditorContainer$1, Object.assign({ editable: true, style: { marginLeft: 0, paddingBottom: 12 } }, { children: [hasFloatingMenu && (jsxRuntime.jsx(FloatingMenu, { editor: ed, tippyOptions: Object.assign({}, bubbleOptions) })), jsxRuntime.jsx(react.EditorContent, { editor: ed, onKeyDown: onKeyDown }), jsxRuntime.jsx(ThumbnailContainer, { openLightbox: handleOpenLightbox })] })) }), hasButtonsMenu && jsxRuntime.jsx(CommentBar, { editor: ed, i18n: i18n })] }));
4339
4365
  };
4340
4366
 
4341
4367
  var _path$c;
@@ -4392,7 +4418,17 @@ const Grey600Span = styled.styled.span `
4392
4418
  const Grey800Span = styled.styled.span `
4393
4419
  color: ${({ theme }) => theme.palette.grey[800]};
4394
4420
  `;
4395
- const Comment = ({ author, message, children, date, media = [], }) => {
4421
+ const StyledThumbnailContainer = styled.styled.div `
4422
+ display: grid;
4423
+ grid-template-columns: 1fr 1fr 1fr;
4424
+ overflow-y: scroll;
4425
+ justify-items: center;
4426
+ gap: 9px;
4427
+ background-color: inherit;
4428
+ margin-top: 10px;
4429
+ height: 120px;
4430
+ `;
4431
+ const Comment = ({ author, message, children, date, media = [], header, }) => {
4396
4432
  var _a, _b;
4397
4433
  const { mentionableUsers } = useChatContext();
4398
4434
  const [isOpen, setIsOpen] = React.useState(false);
@@ -4427,11 +4463,11 @@ const Comment = ({ author, message, children, date, media = [], }) => {
4427
4463
  ed.setOptions({
4428
4464
  editable: false,
4429
4465
  });
4430
- return (jsxRuntime.jsxs(CommentCard, { children: [jsxRuntime.jsxs(AuthorContainer, { children: [jsxRuntime.jsx(Avatar, Object.assign({ avatarType: (_a = author.avatarType) !== null && _a !== void 0 ? _a : "text", style: { flexShrink: 0 } }, { children: author.avatar })), jsxRuntime.jsxs("div", { children: [jsxRuntime.jsxs(CommentTitle, { children: [(_b = author.name) !== null && _b !== void 0 ? _b : "User", jsxRuntime.jsx(CommentDate, { children: date })] }), jsxRuntime.jsx(ReadOnly, { children: jsxRuntime.jsx(EditorContainer$1, Object.assign({ editable: false }, { children: jsxRuntime.jsx(react.EditorContent, { editor: ed }) })) })] })] }), media.map((item, index) => (jsxRuntime.jsx(Thumbnail, { src: item.url, label: "", showLabel: false, showX: false, mediaType: item.type, clickThumbnail: () => {
4431
- handleClickThumbnail(item, index);
4432
- } }))), isOpen && selectedImage && (jsxRuntime.jsxs(Lightbox, Object.assign({ onClose: closeLightbox }, { children: [jsxRuntime.jsx(Lightbox.Header, { children: jsxRuntime.jsxs(reactTypography.MD, Object.assign({ isBold: true }, { children: [jsxRuntime.jsx(Grey600Span, { children: "BUG 12345 - " }), jsxRuntime.jsx(Grey800Span, { children: "SQL Injection nel form di registrazione" })] })) }), jsxRuntime.jsxs(Lightbox.Body, { children: [jsxRuntime.jsx(Lightbox.Body.Main, Object.assign({ style: { flex: 2 } }, { children: jsxRuntime.jsx(Slider, Object.assign({ prevArrow: jsxRuntime.jsx(Slider.PrevButton, { isBright: true }), nextArrow: jsxRuntime.jsx(Slider.NextButton, { isBright: true }), onSlideChange: slideChange, initialSlide: selectedImageIndex }, { children: media.map((item, index) => (jsxRuntime.jsxs(Slider.Slide, { children: [item.type === "image" && (jsxRuntime.jsx("img", { src: item.url, alt: `{{${item.url}}}` })), item.type === "video" && (jsxRuntime.jsx(Player, { ref: (ref) => {
4466
+ return (jsxRuntime.jsxs(CommentCard, { children: [jsxRuntime.jsxs(AuthorContainer, { children: [jsxRuntime.jsx(Avatar, Object.assign({ avatarType: (_a = author.avatarType) !== null && _a !== void 0 ? _a : "text", style: { flexShrink: 0 } }, { children: author.avatar })), jsxRuntime.jsxs("div", { children: [jsxRuntime.jsxs(CommentTitle, { children: [(_b = author.name) !== null && _b !== void 0 ? _b : "User", jsxRuntime.jsx(CommentDate, { children: date })] }), jsxRuntime.jsx(ReadOnly, { children: jsxRuntime.jsx(EditorContainer$1, Object.assign({ editable: false }, { children: jsxRuntime.jsx(react.EditorContent, { editor: ed }) })) })] })] }), jsxRuntime.jsx(StyledThumbnailContainer, { children: media.map((item, index) => (jsxRuntime.jsx(Thumbnail, { src: item.url, label: "", showLabel: false, showX: false, mediaType: item.type, clickThumbnail: () => {
4467
+ handleClickThumbnail(item, index);
4468
+ } }))) }), isOpen && selectedImage && (jsxRuntime.jsxs(Lightbox, Object.assign({ onClose: closeLightbox }, { children: [jsxRuntime.jsx(Lightbox.Header, { children: jsxRuntime.jsxs(reactTypography.MD, Object.assign({ isBold: true }, { children: [jsxRuntime.jsx(Grey600Span, { children: header && header.title }), header && header.message && (jsxRuntime.jsxs(Grey800Span, { children: [" | ", header.message] }))] })) }), jsxRuntime.jsxs(Lightbox.Body, { children: [jsxRuntime.jsx(Lightbox.Body.Main, Object.assign({ style: { flex: 2 } }, { children: jsxRuntime.jsx(Slider, Object.assign({ prevArrow: jsxRuntime.jsx(Slider.PrevButton, { isBright: true }), nextArrow: jsxRuntime.jsx(Slider.NextButton, { isBright: true }), onSlideChange: slideChange, initialSlide: selectedImageIndex }, { children: media.map((item, index) => (jsxRuntime.jsxs(Slider.Slide, { children: [item.type === "image" && (jsxRuntime.jsx("img", { src: item.url, alt: `{{${item.url}}}` })), item.type === "video" && (jsxRuntime.jsx(Player, { ref: (ref) => {
4433
4469
  videoRefs.current.push(ref);
4434
- }, url: item.url }))] }))) })) })), jsxRuntime.jsx(Lightbox.Body.Details, Object.assign({ style: { flex: 1 } }, { children: jsxRuntime.jsx(Comment, Object.assign({ author: {
4470
+ }, url: item.url }))] }))) })) })), jsxRuntime.jsx(Lightbox.Body.Details, Object.assign({ style: { flex: 1 } }, { children: jsxRuntime.jsx(Comment, Object.assign({ header: header, author: {
4435
4471
  avatar: author.avatar,
4436
4472
  name: author.name,
4437
4473
  }, date: date, message: message }, { children: jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx("br", {}) }) }), 12) }))] }), jsxRuntime.jsx(Lightbox.Footer, { children: jsxRuntime.jsxs(Button, Object.assign({ isBasic: true, onClick: () => alert("download") }, { children: [jsxRuntime.jsx(Button.StartIcon, { children: jsxRuntime.jsx(SvgDownloadStroke, {}) }), "Download"] })) }), jsxRuntime.jsx(Lightbox.Close, { "aria-label": "Close modal" })] }))), jsxRuntime.jsx(Footer$2, { children: children })] }));
package/build/stories/buttons/button/index.stories.d.ts CHANGED
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { ButtonArgs } from "./_types";
3
2
  export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ButtonArgs>;
4
3
  export declare const Basic: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ButtonArgs>;
package/build/stories/buttons/utils.d.ts CHANGED
@@ -8,18 +8,18 @@ export declare const variants: readonly [{}, {
8
8
  readonly disabled: true;
9
9
  }];
10
10
  export declare const Row: import("styled-components").IStyledComponent<"web", {
11
- alignItems?: "start" | "end" | "center" | "baseline" | "stretch" | undefined;
12
- alignItemsXs?: "start" | "end" | "center" | "baseline" | "stretch" | undefined;
13
- alignItemsSm?: "start" | "end" | "center" | "baseline" | "stretch" | undefined;
14
- alignItemsMd?: "start" | "end" | "center" | "baseline" | "stretch" | undefined;
15
- alignItemsLg?: "start" | "end" | "center" | "baseline" | "stretch" | undefined;
16
- alignItemsXl?: "start" | "end" | "center" | "baseline" | "stretch" | undefined;
17
- justifyContent?: "start" | "end" | "center" | "between" | "around" | undefined;
18
- justifyContentXs?: "start" | "end" | "center" | "between" | "around" | undefined;
19
- justifyContentSm?: "start" | "end" | "center" | "between" | "around" | undefined;
20
- justifyContentMd?: "start" | "end" | "center" | "between" | "around" | undefined;
21
- justifyContentLg?: "start" | "end" | "center" | "between" | "around" | undefined;
22
- justifyContentXl?: "start" | "end" | "center" | "between" | "around" | undefined;
11
+ alignItems?: "start" | "center" | "end" | "baseline" | "stretch" | undefined;
12
+ alignItemsXs?: "start" | "center" | "end" | "baseline" | "stretch" | undefined;
13
+ alignItemsSm?: "start" | "center" | "end" | "baseline" | "stretch" | undefined;
14
+ alignItemsMd?: "start" | "center" | "end" | "baseline" | "stretch" | undefined;
15
+ alignItemsLg?: "start" | "center" | "end" | "baseline" | "stretch" | undefined;
16
+ alignItemsXl?: "start" | "center" | "end" | "baseline" | "stretch" | undefined;
17
+ justifyContent?: "start" | "center" | "end" | "between" | "around" | undefined;
18
+ justifyContentXs?: "start" | "center" | "end" | "between" | "around" | undefined;
19
+ justifyContentSm?: "start" | "center" | "end" | "between" | "around" | undefined;
20
+ justifyContentMd?: "start" | "center" | "end" | "between" | "around" | undefined;
21
+ justifyContentLg?: "start" | "center" | "end" | "between" | "around" | undefined;
22
+ justifyContentXl?: "start" | "center" | "end" | "between" | "around" | undefined;
23
23
  wrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
24
24
  wrapXs?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
25
25
  wrapSm?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
@@ -73,7 +73,7 @@ export declare const Row: import("styled-components").IStyledComponent<"web", {
73
73
  results?: number | undefined;
74
74
  security?: string | undefined;
75
75
  unselectable?: "on" | "off" | undefined;
76
- inputMode?: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
76
+ inputMode?: "decimal" | "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | undefined;
77
77
  is?: string | undefined;
78
78
  "aria-activedescendant"?: string | undefined;
79
79
  "aria-atomic"?: (boolean | "true" | "false") | undefined;
@@ -84,7 +84,7 @@ export declare const Row: import("styled-components").IStyledComponent<"web", {
84
84
  "aria-colindex"?: number | undefined;
85
85
  "aria-colspan"?: number | undefined;
86
86
  "aria-controls"?: string | undefined;
87
- "aria-current"?: boolean | "time" | "step" | "true" | "false" | "page" | "location" | "date" | undefined;
87
+ "aria-current"?: boolean | "true" | "false" | "page" | "step" | "location" | "date" | "time" | undefined;
88
88
  "aria-describedby"?: string | undefined;
89
89
  "aria-details"?: string | undefined;
90
90
  "aria-disabled"?: (boolean | "true" | "false") | undefined;
@@ -93,7 +93,7 @@ export declare const Row: import("styled-components").IStyledComponent<"web", {
93
93
  "aria-expanded"?: (boolean | "true" | "false") | undefined;
94
94
  "aria-flowto"?: string | undefined;
95
95
  "aria-grabbed"?: (boolean | "true" | "false") | undefined;
96
- "aria-haspopup"?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
96
+ "aria-haspopup"?: boolean | "true" | "false" | "dialog" | "grid" | "listbox" | "menu" | "tree" | undefined;
97
97
  "aria-hidden"?: (boolean | "true" | "false") | undefined;
98
98
  "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
99
99
  "aria-keyshortcuts"?: string | undefined;
@@ -110,7 +110,7 @@ export declare const Row: import("styled-components").IStyledComponent<"web", {
110
110
  "aria-posinset"?: number | undefined;
111
111
  "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
112
112
  "aria-readonly"?: (boolean | "true" | "false") | undefined;
113
- "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
113
+ "aria-relevant"?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
114
114
  "aria-required"?: (boolean | "true" | "false") | undefined;
115
115
  "aria-roledescription"?: string | undefined;
116
116
  "aria-rowcount"?: number | undefined;
@@ -299,18 +299,18 @@ export declare const Col: import("styled-components").IStyledComponent<"web", {
299
299
  md?: string | number | boolean | undefined;
300
300
  lg?: string | number | boolean | undefined;
301
301
  xl?: string | number | boolean | undefined;
302
- alignSelf?: "start" | "end" | "center" | "baseline" | "stretch" | "auto" | undefined;
303
- alignSelfXs?: "start" | "end" | "center" | "baseline" | "stretch" | "auto" | undefined;
304
- alignSelfSm?: "start" | "end" | "center" | "baseline" | "stretch" | "auto" | undefined;
305
- alignSelfMd?: "start" | "end" | "center" | "baseline" | "stretch" | "auto" | undefined;
306
- alignSelfLg?: "start" | "end" | "center" | "baseline" | "stretch" | "auto" | undefined;
307
- alignSelfXl?: "start" | "end" | "center" | "baseline" | "stretch" | "auto" | undefined;
308
- textAlign?: "start" | "end" | "center" | "justify" | undefined;
309
- textAlignXs?: "start" | "end" | "center" | "justify" | undefined;
310
- textAlignSm?: "start" | "end" | "center" | "justify" | undefined;
311
- textAlignMd?: "start" | "end" | "center" | "justify" | undefined;
312
- textAlignLg?: "start" | "end" | "center" | "justify" | undefined;
313
- textAlignXl?: "start" | "end" | "center" | "justify" | undefined;
302
+ alignSelf?: "start" | "center" | "end" | "baseline" | "stretch" | "auto" | undefined;
303
+ alignSelfXs?: "start" | "center" | "end" | "baseline" | "stretch" | "auto" | undefined;
304
+ alignSelfSm?: "start" | "center" | "end" | "baseline" | "stretch" | "auto" | undefined;
305
+ alignSelfMd?: "start" | "center" | "end" | "baseline" | "stretch" | "auto" | undefined;
306
+ alignSelfLg?: "start" | "center" | "end" | "baseline" | "stretch" | "auto" | undefined;
307
+ alignSelfXl?: "start" | "center" | "end" | "baseline" | "stretch" | "auto" | undefined;
308
+ textAlign?: "start" | "center" | "end" | "justify" | undefined;
309
+ textAlignXs?: "start" | "center" | "end" | "justify" | undefined;
310
+ textAlignSm?: "start" | "center" | "end" | "justify" | undefined;
311
+ textAlignMd?: "start" | "center" | "end" | "justify" | undefined;
312
+ textAlignLg?: "start" | "center" | "end" | "justify" | undefined;
313
+ textAlignXl?: "start" | "center" | "end" | "justify" | undefined;
314
314
  offset?: string | number | undefined;
315
315
  offsetXs?: string | number | undefined;
316
316
  offsetSm?: string | number | undefined;
@@ -370,7 +370,7 @@ export declare const Col: import("styled-components").IStyledComponent<"web", {
370
370
  results?: number | undefined;
371
371
  security?: string | undefined;
372
372
  unselectable?: "on" | "off" | undefined;
373
- inputMode?: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
373
+ inputMode?: "decimal" | "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | undefined;
374
374
  is?: string | undefined;
375
375
  "aria-activedescendant"?: string | undefined;
376
376
  "aria-atomic"?: (boolean | "true" | "false") | undefined;
@@ -381,7 +381,7 @@ export declare const Col: import("styled-components").IStyledComponent<"web", {
381
381
  "aria-colindex"?: number | undefined;
382
382
  "aria-colspan"?: number | undefined;
383
383
  "aria-controls"?: string | undefined;
384
- "aria-current"?: boolean | "time" | "step" | "true" | "false" | "page" | "location" | "date" | undefined;
384
+ "aria-current"?: boolean | "true" | "false" | "page" | "step" | "location" | "date" | "time" | undefined;
385
385
  "aria-describedby"?: string | undefined;
386
386
  "aria-details"?: string | undefined;
387
387
  "aria-disabled"?: (boolean | "true" | "false") | undefined;
@@ -390,7 +390,7 @@ export declare const Col: import("styled-components").IStyledComponent<"web", {
390
390
  "aria-expanded"?: (boolean | "true" | "false") | undefined;
391
391
  "aria-flowto"?: string | undefined;
392
392
  "aria-grabbed"?: (boolean | "true" | "false") | undefined;
393
- "aria-haspopup"?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
393
+ "aria-haspopup"?: boolean | "true" | "false" | "dialog" | "grid" | "listbox" | "menu" | "tree" | undefined;
394
394
  "aria-hidden"?: (boolean | "true" | "false") | undefined;
395
395
  "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
396
396
  "aria-keyshortcuts"?: string | undefined;
@@ -407,7 +407,7 @@ export declare const Col: import("styled-components").IStyledComponent<"web", {
407
407
  "aria-posinset"?: number | undefined;
408
408
  "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
409
409
  "aria-readonly"?: (boolean | "true" | "false") | undefined;
410
- "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
410
+ "aria-relevant"?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
411
411
  "aria-required"?: (boolean | "true" | "false") | undefined;
412
412
  "aria-roledescription"?: string | undefined;
413
413
  "aria-rowcount"?: number | undefined;
@@ -640,7 +640,7 @@ export declare const MD: import("styled-components").IStyledComponent<"web", {
640
640
  results?: number | undefined;
641
641
  security?: string | undefined;
642
642
  unselectable?: "on" | "off" | undefined;
643
- inputMode?: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
643
+ inputMode?: "decimal" | "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | undefined;
644
644
  is?: string | undefined;
645
645
  "aria-activedescendant"?: string | undefined;
646
646
  "aria-atomic"?: (boolean | "true" | "false") | undefined;
@@ -651,7 +651,7 @@ export declare const MD: import("styled-components").IStyledComponent<"web", {
651
651
  "aria-colindex"?: number | undefined;
652
652
  "aria-colspan"?: number | undefined;
653
653
  "aria-controls"?: string | undefined;
654
- "aria-current"?: boolean | "time" | "step" | "true" | "false" | "page" | "location" | "date" | undefined;
654
+ "aria-current"?: boolean | "true" | "false" | "page" | "step" | "location" | "date" | "time" | undefined;
655
655
  "aria-describedby"?: string | undefined;
656
656
  "aria-details"?: string | undefined;
657
657
  "aria-disabled"?: (boolean | "true" | "false") | undefined;
@@ -660,7 +660,7 @@ export declare const MD: import("styled-components").IStyledComponent<"web", {
660
660
  "aria-expanded"?: (boolean | "true" | "false") | undefined;
661
661
  "aria-flowto"?: string | undefined;
662
662
  "aria-grabbed"?: (boolean | "true" | "false") | undefined;
663
- "aria-haspopup"?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
663
+ "aria-haspopup"?: boolean | "true" | "false" | "dialog" | "grid" | "listbox" | "menu" | "tree" | undefined;
664
664
  "aria-hidden"?: (boolean | "true" | "false") | undefined;
665
665
  "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
666
666
  "aria-keyshortcuts"?: string | undefined;
@@ -677,7 +677,7 @@ export declare const MD: import("styled-components").IStyledComponent<"web", {
677
677
  "aria-posinset"?: number | undefined;
678
678
  "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
679
679
  "aria-readonly"?: (boolean | "true" | "false") | undefined;
680
- "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
680
+ "aria-relevant"?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
681
681
  "aria-required"?: (boolean | "true" | "false") | undefined;
682
682
  "aria-roledescription"?: string | undefined;
683
683
  "aria-rowcount"?: number | undefined;
package/build/stories/chat/_types.d.ts CHANGED
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  import { PlaceholderOptions } from "@tiptap/extension-placeholder";
2
3
  import { BubbleMenuProps, EditorOptions } from "@tiptap/react";
3
4
  type validationStatus = "success" | "warning" | "error";
@@ -17,7 +18,7 @@ export interface ChatEditorArgs extends Partial<EditorOptions> {
17
18
  bold?: string;
18
19
  italic?: string;
19
20
  mention?: string;
20
- attachment?: string;
21
+ attachment?: string | React.ReactNode;
21
22
  };
22
23
  mention?: {
23
24
  noResults?: string;
package/build/stories/chat/parts/ThumbnailContainer/index.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  interface Props {
2
2
  openLightbox: (file: File, index: number) => void;
3
3
  }
4
- declare const ThumbnailContainer: ({ openLightbox, }: Props) => import("react/jsx-runtime").JSX.Element | null;
4
+ declare const ThumbnailContainer: ({ openLightbox }: Props) => import("react/jsx-runtime").JSX.Element | null;
5
5
  export default ThumbnailContainer;
package/build/stories/chat/parts/comment.d.ts CHANGED
@@ -5,9 +5,13 @@ export type MediaType = {
5
5
  id: number;
6
6
  type: "image" | "video";
7
7
  };
8
- export declare const Comment: ({ author, message, children, date, media, }: PropsWithChildren<{
8
+ export declare const Comment: ({ author, message, children, date, media, header, }: PropsWithChildren<{
9
9
  author: Author;
10
10
  message: string;
11
11
  date: string;
12
12
  media?: MediaType[] | undefined;
13
+ header: {
14
+ title: string;
15
+ message?: string | undefined;
16
+ };
13
17
  }>) => import("react/jsx-runtime").JSX.Element | null;
package/build/stories/dropdowns/select/index.stories.d.ts CHANGED
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { DropdownArgs, SelectArgs } from "./_types";
3
2
  import { MenuArgs } from "../menu/_types";
4
3
  interface IItem {
package/build/stories/editor/index.stories.d.ts CHANGED
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { EditorArgs } from "./_types";
3
2
  interface EditorStoryArgs extends EditorArgs {
4
3
  children?: any;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@appquality/unguess-design-system",
3
- "version": "3.1.82-beta-attachments",
3
+ "version": "3.1.83-beta-attachments",
4
4
  "description": "",
5
5
  "main": "build/index.js",
6
6
  "types": "build/index.d.ts",