@appquality/unguess-design-system 2.11.10 → 2.11.11

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 (4) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/build/index.js +46 -64
  3. package/build/stories/forms/input-toggle/_types.d.ts +3 -0
  4. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,3 +1,15 @@
1
+ # v2.11.11 (Thu Sep 08 2022)
2
+
3
+ #### 🐛 Bug Fix
4
+
5
+ - fix(input-toggle): fix icon click + set endicon optional [#87](https://github.com/AppQuality/unguess-design-system/pull/87) ([@marcbon](https://github.com/marcbon))
6
+
7
+ #### Authors: 1
8
+
9
+ - Marco Bonomo ([@marcbon](https://github.com/marcbon))
10
+
11
+ ---
12
+
1
13
  # v2.11.10 (Thu Sep 08 2022)
2
14
 
3
15
  #### 🐛 Bug Fix
package/build/index.js CHANGED
@@ -461,12 +461,12 @@ var Tag = function (props) { return jsxRuntime.jsx(reactTags.Tag, __assign({}, p
461
461
  Tag.Avatar = reactTags.Tag.Avatar;
462
462
  Tag.Close = reactTags.Tag.Close;
463
463
 
464
- var _g$5, _path$r;
464
+ var _g$5, _path$q;
465
465
 
466
- 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); }
466
+ 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); }
467
467
 
468
468
  var SvgCampaignFunctional = function SvgCampaignFunctional(props) {
469
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$w({
469
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$v({
470
470
  width: 24,
471
471
  height: 24,
472
472
  viewBox: "0 0 24 24",
@@ -478,18 +478,18 @@ var SvgCampaignFunctional = function SvgCampaignFunctional(props) {
478
478
  opacity: 0.3,
479
479
  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",
480
480
  fill: "#003A57"
481
- }))), _path$r || (_path$r = /*#__PURE__*/React__namespace.createElement("path", {
481
+ }))), _path$q || (_path$q = /*#__PURE__*/React__namespace.createElement("path", {
482
482
  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",
483
483
  fill: "#003A57"
484
484
  })));
485
485
  };
486
486
 
487
- var _g$4, _path$q, _path2$4, _path3$3, _path4$2, _path5$1, _path6$1, _path7$1, _path8$1, _path9$1, _path10$1, _path11$1;
487
+ var _g$4, _path$p, _path2$4, _path3$3, _path4$2, _path5$1, _path6$1, _path7$1, _path8$1, _path9$1, _path10$1, _path11$1;
488
488
 
489
- 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); }
489
+ 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); }
490
490
 
491
491
  var SvgCampaignExperiential = function SvgCampaignExperiential(props) {
492
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$v({
492
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$u({
493
493
  width: 25,
494
494
  height: 24,
495
495
  viewBox: "0 0 25 24",
@@ -500,7 +500,7 @@ var SvgCampaignExperiential = function SvgCampaignExperiential(props) {
500
500
  }, /*#__PURE__*/React__namespace.createElement("path", {
501
501
  d: "M12.1641 24C18.7915 24 24.1641 18.6274 24.1641 12C24.1641 5.37258 18.7915 0 12.1641 0C5.53665 0 0.164062 5.37258 0.164062 12C0.164062 18.6274 5.53665 24 12.1641 24Z",
502
502
  fill: "#D3ECDB"
503
- }))), _path$q || (_path$q = /*#__PURE__*/React__namespace.createElement("path", {
503
+ }))), _path$p || (_path$p = /*#__PURE__*/React__namespace.createElement("path", {
504
504
  opacity: 0.8,
505
505
  d: "M12.653 3.1964C8.84605 3.1964 5.76496 6.27748 5.76496 10.0844C5.76496 10.2596 5.76496 10.4347 5.7904 10.5854C5.46458 11.1861 4.98908 12.0129 4.41279 12.5138C3.98719 12.8896 4.08697 13.2907 4.13687 13.4404C4.26211 13.7662 4.61237 14.0411 5.18866 14.2417C5.38924 14.3171 5.61427 14.367 5.81485 14.4169L5.84028 16.8463C5.84028 17.7983 6.6416 18.625 7.61905 18.625L9.09645 18.1495L9.24713 19.0262C9.34693 19.6025 9.84787 20.0281 10.4496 20.0281C10.5249 20.0281 10.6003 20.0281 10.6746 20.0026L15.3084 19.1769C15.9845 19.0516 16.4101 18.4254 16.3103 17.7494L15.9845 16.1213C18.1634 14.9188 19.541 12.5891 19.541 10.0843C19.541 6.30267 16.4356 3.19629 12.6529 3.19629L12.653 3.1964Z",
506
506
  fill: "#70C38A"
@@ -557,18 +557,18 @@ var SvgCampaignExperiential = function SvgCampaignExperiential(props) {
557
557
  })));
558
558
  };
559
559
 
560
- var _path$p, _path2$3, _path3$2, _path4$1;
560
+ var _path$o, _path2$3, _path3$2, _path4$1;
561
561
 
562
- 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); }
562
+ 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); }
563
563
 
564
564
  var SvgCampaignCompleted = function SvgCampaignCompleted(props) {
565
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$u({
565
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$t({
566
566
  width: 24,
567
567
  height: 24,
568
568
  viewBox: "0 0 24 24",
569
569
  fill: "none",
570
570
  xmlns: "http://www.w3.org/2000/svg"
571
- }, props), _path$p || (_path$p = /*#__PURE__*/React__namespace.createElement("path", {
571
+ }, props), _path$o || (_path$o = /*#__PURE__*/React__namespace.createElement("path", {
572
572
  d: "M0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12Z",
573
573
  fill: "#F8F9F9"
574
574
  })), _path2$3 || (_path2$3 = /*#__PURE__*/React__namespace.createElement("path", {
@@ -583,18 +583,18 @@ var SvgCampaignCompleted = function SvgCampaignCompleted(props) {
583
583
  })));
584
584
  };
585
585
 
586
- var _path$o, _path2$2, _path3$1, _path4, _path5, _path6, _path7, _path8, _path9, _path10, _path11;
586
+ var _path$n, _path2$2, _path3$1, _path4, _path5, _path6, _path7, _path8, _path9, _path10, _path11;
587
587
 
588
- 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); }
588
+ 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); }
589
589
 
590
590
  var SvgCampaignProgress = function SvgCampaignProgress(props) {
591
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$t({
591
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$s({
592
592
  width: 24,
593
593
  height: 24,
594
594
  viewBox: "0 0 24 24",
595
595
  fill: "none",
596
596
  xmlns: "http://www.w3.org/2000/svg"
597
- }, props), _path$o || (_path$o = /*#__PURE__*/React__namespace.createElement("path", {
597
+ }, props), _path$n || (_path$n = /*#__PURE__*/React__namespace.createElement("path", {
598
598
  d: "M0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12Z",
599
599
  fill: "#F8F9F9"
600
600
  })), _path2$2 || (_path2$2 = /*#__PURE__*/React__namespace.createElement("path", {
@@ -630,18 +630,18 @@ var SvgCampaignProgress = function SvgCampaignProgress(props) {
630
630
  })));
631
631
  };
632
632
 
633
- var _path$n, _path2$1, _path3;
633
+ var _path$m, _path2$1, _path3;
634
634
 
635
- 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); }
635
+ 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); }
636
636
 
637
637
  var SvgCampaignIncoming = function SvgCampaignIncoming(props) {
638
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$s({
638
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$r({
639
639
  width: 24,
640
640
  height: 24,
641
641
  viewBox: "0 0 24 24",
642
642
  fill: "none",
643
643
  xmlns: "http://www.w3.org/2000/svg"
644
- }, props), _path$n || (_path$n = /*#__PURE__*/React__namespace.createElement("path", {
644
+ }, props), _path$m || (_path$m = /*#__PURE__*/React__namespace.createElement("path", {
645
645
  d: "M0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12Z",
646
646
  fill: "#F8F9F9"
647
647
  })), _path2$1 || (_path2$1 = /*#__PURE__*/React__namespace.createElement("path", {
@@ -1145,35 +1145,35 @@ var editorStyle = styled.css(templateObject_1$X || (templateObject_1$X = __makeT
1145
1145
  });
1146
1146
  var templateObject_1$X;
1147
1147
 
1148
- var _path$m;
1148
+ var _path$l;
1149
1149
 
1150
- 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); }
1150
+ 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); }
1151
1151
 
1152
1152
  var SvgBoldFill = function SvgBoldFill(props) {
1153
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$r({
1153
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$q({
1154
1154
  xmlns: "http://www.w3.org/2000/svg",
1155
1155
  width: 16,
1156
1156
  height: 16,
1157
1157
  focusable: "false",
1158
1158
  viewBox: "0 0 16 16"
1159
- }, props), _path$m || (_path$m = /*#__PURE__*/React__namespace.createElement("path", {
1159
+ }, props), _path$l || (_path$l = /*#__PURE__*/React__namespace.createElement("path", {
1160
1160
  fill: "currentColor",
1161
1161
  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"
1162
1162
  })));
1163
1163
  };
1164
1164
 
1165
- var _path$l;
1165
+ var _path$k;
1166
1166
 
1167
- 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); }
1167
+ 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); }
1168
1168
 
1169
1169
  var SvgItalicFill = function SvgItalicFill(props) {
1170
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$q({
1170
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$p({
1171
1171
  xmlns: "http://www.w3.org/2000/svg",
1172
1172
  width: 16,
1173
1173
  height: 16,
1174
1174
  focusable: "false",
1175
1175
  viewBox: "0 0 16 16"
1176
- }, props), _path$l || (_path$l = /*#__PURE__*/React__namespace.createElement("path", {
1176
+ }, props), _path$k || (_path$k = /*#__PURE__*/React__namespace.createElement("path", {
1177
1177
  fill: "none",
1178
1178
  stroke: "currentColor",
1179
1179
  strokeLinecap: "round",
@@ -1182,18 +1182,18 @@ var SvgItalicFill = function SvgItalicFill(props) {
1182
1182
  })));
1183
1183
  };
1184
1184
 
1185
- var _path$k, _path2;
1185
+ var _path$j, _path2;
1186
1186
 
1187
- 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); }
1187
+ 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); }
1188
1188
 
1189
1189
  var SvgQuoteFill = function SvgQuoteFill(props) {
1190
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$p({
1190
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$o({
1191
1191
  xmlns: "http://www.w3.org/2000/svg",
1192
1192
  width: 16,
1193
1193
  height: 16,
1194
1194
  focusable: "false",
1195
1195
  viewBox: "0 0 16 16"
1196
- }, props), _path$k || (_path$k = /*#__PURE__*/React__namespace.createElement("path", {
1196
+ }, props), _path$j || (_path$j = /*#__PURE__*/React__namespace.createElement("path", {
1197
1197
  fill: "currentColor",
1198
1198
  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"
1199
1199
  })), _path2 || (_path2 = /*#__PURE__*/React__namespace.createElement("path", {
@@ -1207,10 +1207,10 @@ var SvgQuoteFill = function SvgQuoteFill(props) {
1207
1207
 
1208
1208
  var _g$3;
1209
1209
 
1210
- 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); }
1210
+ 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); }
1211
1211
 
1212
1212
  var SvgH1Fill = function SvgH1Fill(props) {
1213
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$o({
1213
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$n({
1214
1214
  xmlns: "http://www.w3.org/2000/svg",
1215
1215
  width: 16,
1216
1216
  height: 16,
@@ -1239,10 +1239,10 @@ var SvgH1Fill = function SvgH1Fill(props) {
1239
1239
 
1240
1240
  var _g$2;
1241
1241
 
1242
- 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); }
1242
+ 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); }
1243
1243
 
1244
1244
  var SvgH2Fill = function SvgH2Fill(props) {
1245
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$n({
1245
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$m({
1246
1246
  xmlns: "http://www.w3.org/2000/svg",
1247
1247
  width: 16,
1248
1248
  height: 16,
@@ -1271,10 +1271,10 @@ var SvgH2Fill = function SvgH2Fill(props) {
1271
1271
 
1272
1272
  var _g$1;
1273
1273
 
1274
- 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); }
1274
+ 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); }
1275
1275
 
1276
1276
  var SvgH3Fill = function SvgH3Fill(props) {
1277
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$m({
1277
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$l({
1278
1278
  xmlns: "http://www.w3.org/2000/svg",
1279
1279
  width: 16,
1280
1280
  height: 16,
@@ -1514,38 +1514,20 @@ var Hint = styled__default["default"](reactForms.Hint)(templateObject_2$l || (te
1514
1514
  var Input = React.forwardRef(function (props, ref) { return jsxRuntime.jsx(UgInput, __assign({ ref: ref }, props)); });
1515
1515
  var templateObject_1$O, templateObject_2$l;
1516
1516
 
1517
- var _path$j;
1518
-
1519
- 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); }
1520
-
1521
- var SvgInputToggleEdit = function SvgInputToggleEdit(props) {
1522
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$l({
1523
- width: 16,
1524
- height: 16,
1525
- viewBox: "0 0 16 16",
1526
- xmlns: "http://www.w3.org/2000/svg"
1527
- }, props), _path$j || (_path$j = /*#__PURE__*/React__namespace.createElement("path", {
1528
- fill: "currentColor",
1529
- fillRule: "evenodd",
1530
- clipRule: "evenodd",
1531
- d: "M10.5268 8.89972L7.51676 8.99972C7.22772 9.00933 6.99083 8.77244 7.00043 8.4834L7.10043 5.4734C7.10465 5.3466 7.1569 5.22615 7.24661 5.13645L12.2366 0.146447C12.4319 -0.0488155 12.7485 -0.0488155 12.9437 0.146447L15.8537 3.05645C16.049 3.25171 16.049 3.56829 15.8537 3.76355L10.8637 8.75355C10.774 8.84326 10.6536 8.89551 10.5268 8.89972ZM14.7931 3.41L12.5902 1.20711L8.09333 5.70394L8.01763 7.98253L10.2962 7.90683L14.7931 3.41ZM7.91016 1.5C7.91016 1.22386 7.6863 1 7.41016 1H2.09016C1.80595 0.994981 1.52354 1.10909 1.3164 1.31624C1.10925 1.52338 0.995139 1.80579 1.00023 2.0987L1.00016 13.91C0.995139 14.1942 1.10925 14.4766 1.3164 14.6838C1.52354 14.8909 1.80595 15.005 2.09886 14.9999L13.9102 15C14.1944 15.005 14.4768 14.8909 14.6839 14.6838C14.8911 14.4766 15.0052 14.1942 15.0001 13.9013L15.0002 8.59C15.0002 8.31386 14.7763 8.09 14.5002 8.09C14.224 8.09 14.0002 8.31386 14.0002 8.59V13.91C14.0006 13.9404 13.9922 13.9613 13.9768 13.9767C13.9615 13.992 13.9406 14.0005 13.9189 14.0001L2.09016 14C2.05977 14.0005 2.03885 13.992 2.0235 13.9767C2.00816 13.9613 1.99971 13.9404 2.00008 13.9187L2.00016 2.09C1.99971 2.05961 2.00816 2.03869 2.0235 2.02334C2.03885 2.008 2.05977 1.99955 2.08146 1.99992L7.41016 2C7.6863 2 7.91016 1.77614 7.91016 1.5Z"
1532
- })));
1533
- };
1534
-
1535
1517
  var Wrapper = styled__default["default"].div(templateObject_1$N || (templateObject_1$N = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n"], ["\n display: flex;\n flex-direction: column;\n"])));
1536
- var InputContainer = styled__default["default"].div(templateObject_2$k || (templateObject_2$k = __makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n cursor: pointer;\n"], ["\n display: flex;\n align-items: center;\n justify-content: space-between;\n cursor: pointer;\n"])));
1518
+ var InputContainer = styled__default["default"].div(templateObject_2$k || (templateObject_2$k = __makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n"], ["\n display: flex;\n align-items: center;\n justify-content: space-between;\n"])));
1537
1519
  var StyledInput = styled__default["default"](Input)(templateObject_3$e || (templateObject_3$e = __makeTemplateObject(["\n border-radius: 0;\n border-top: 0;\n border-left: 0;\n border-right: 0;\n border-bottom-width: 2px;\n padding: ", ";\n width: 100%;\n\n &[readonly] {\n background-color: transparent;\n border-color: transparent;\n transition: border-color 0s;\n }\n\n &:focus {\n box-shadow: none;\n transition: border-color 0.2s ease-in-out 0.1s;\n }\n"], ["\n border-radius: 0;\n border-top: 0;\n border-left: 0;\n border-right: 0;\n border-bottom-width: 2px;\n padding: ", ";\n width: 100%;\n\n &[readonly] {\n background-color: transparent;\n border-color: transparent;\n transition: border-color 0s;\n }\n\n &:focus {\n box-shadow: none;\n transition: border-color 0.2s ease-in-out 0.1s;\n }\n"])), function (_a) {
1538
1520
  var theme = _a.theme;
1539
1521
  return "".concat(theme.space.xs, " ").concat(theme.space.xxs);
1540
1522
  });
1541
- var StyledEditIcon = styled__default["default"](SvgInputToggleEdit)(templateObject_4$a || (templateObject_4$a = __makeTemplateObject(["\n margin: ", ";\n"], ["\n margin: ", ";\n"])), function (_a) {
1523
+ var StyledLabel = styled__default["default"](Label)(templateObject_4$a || (templateObject_4$a = __makeTemplateObject(["\n transition: opacity 0.2s ease-in-out;\n"], ["\n transition: opacity 0.2s ease-in-out;\n"])));
1524
+ var StyledMessage = styled__default["default"](Message)(templateObject_5$5 || (templateObject_5$5 = __makeTemplateObject(["\n margin-top: ", ";\n"], ["\n margin-top: ", ";\n"])), function (_a) {
1542
1525
  var theme = _a.theme;
1543
1526
  return theme.space.sm;
1544
1527
  });
1545
- var StyledLabel = styled__default["default"](Label)(templateObject_5$5 || (templateObject_5$5 = __makeTemplateObject(["\n transition: opacity 0.2s ease-in-out;\n"], ["\n transition: opacity 0.2s ease-in-out;\n"])));
1546
- var StyledMessage = styled__default["default"](Message)(templateObject_6$2 || (templateObject_6$2 = __makeTemplateObject(["\n margin-top: ", ";\n"], ["\n margin-top: ", ";\n"])), function (_a) {
1528
+ var IconContainer$1 = styled__default["default"].div(templateObject_6$2 || (templateObject_6$2 = __makeTemplateObject(["\n margin-left: ", ";\n cursor: pointer;\n"], ["\n margin-left: ", ";\n cursor: pointer;\n"])), function (_a) {
1547
1529
  var theme = _a.theme;
1548
- return theme.space.sm;
1530
+ return theme.space.md;
1549
1531
  });
1550
1532
  /**
1551
1533
  * An Input Toggle lets users use the input by activating it pressing the edit button.
@@ -1557,7 +1539,7 @@ var StyledMessage = styled__default["default"](Message)(templateObject_6$2 || (t
1557
1539
  var InputToggle = function (props) {
1558
1540
  var _a = React.useState(false), isEditing = _a[0], setIsEditing = _a[1];
1559
1541
  var inputRef = React.useRef(null);
1560
- var validation = props.validation, size = props.size, label = props.label, message = props.message, required = props.required, onBlur = props.onBlur, placeholder = props.placeholder, style = props.style, rest = __rest(props, ["validation", "size", "label", "message", "required", "onBlur", "placeholder", "style"]);
1542
+ var validation = props.validation, size = props.size, label = props.label, message = props.message, required = props.required, onBlur = props.onBlur, placeholder = props.placeholder, endIcon = props.endIcon, style = props.style, rest = __rest(props, ["validation", "size", "label", "message", "required", "onBlur", "placeholder", "endIcon", "style"]);
1561
1543
  var onClick = function () {
1562
1544
  var _a;
1563
1545
  setIsEditing(true);
@@ -1565,7 +1547,7 @@ var InputToggle = function (props) {
1565
1547
  };
1566
1548
  var onKeyDown = function (event) {
1567
1549
  var _a;
1568
- if ((event.ctrlKey || event.metaKey) && event.key === 'Enter') {
1550
+ if ((event.ctrlKey || event.metaKey) && event.key === "Enter") {
1569
1551
  setIsEditing(false);
1570
1552
  (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.blur();
1571
1553
  }
@@ -1580,7 +1562,7 @@ var InputToggle = function (props) {
1580
1562
  : { style: { opacity: 0 } }), { children: [label, label && required ? (jsxRuntime.jsx(Span, __assign({ style: { color: theme.palette.red[600] } }, { children: "*" }))) : null] }))), jsxRuntime.jsxs(InputContainer, { children: [jsxRuntime.jsx(StyledInput, __assign({ placeholder: placeholder, onClick: onClick, onKeyDown: onKeyDown, onBlur: function (e) {
1581
1563
  onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
1582
1564
  handleOnBlur();
1583
- }, ref: inputRef }, (isEditing ? { readOnly: false } : { readOnly: true }), (size ? { style: { fontSize: "".concat(size, "px") } } : {}), (validation && { validation: validation }), rest)), !isEditing && jsxRuntime.jsx(StyledEditIcon, {})] }), message && (jsxRuntime.jsx(StyledMessage, __assign({ validation: validation }, (message ? { style: { opacity: 1 } } : { style: { opacity: 0 } }), { children: message })))] })));
1565
+ }, ref: inputRef }, (isEditing ? { readOnly: false } : { readOnly: true }), (size ? { style: { fontSize: "".concat(size, "px") } } : {}), (validation && { validation: validation }), rest)), !isEditing && endIcon && (jsxRuntime.jsx(IconContainer$1, __assign({ onClick: onClick }, { children: endIcon })))] }), message && (jsxRuntime.jsx(StyledMessage, __assign({ validation: validation }, (message ? { style: { opacity: 1 } } : { style: { opacity: 0 } }), { children: message })))] })));
1584
1566
  };
1585
1567
  var templateObject_1$N, templateObject_2$k, templateObject_3$e, templateObject_4$a, templateObject_5$5, templateObject_6$2;
1586
1568
 
package/build/stories/forms/input-toggle/_types.d.ts CHANGED
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  import { IInputProps } from "@zendeskgarden/react-forms";
2
3
  export interface InputToggleArgs extends IInputProps {
3
4
  /** Removes borders and padding */
@@ -12,4 +13,6 @@ export interface InputToggleArgs extends IInputProps {
12
13
  message?: string;
13
14
  /** Sets the asterisk if required */
14
15
  required?: boolean;
16
+ /** Sets the endicon */
17
+ endIcon?: React.ReactNode;
15
18
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@appquality/unguess-design-system",
3
- "version": "2.11.10",
3
+ "version": "2.11.11",
4
4
  "dependencies": {
5
5
  "@tiptap/extension-bubble-menu": "^2.0.0-beta.61",
6
6
  "@tiptap/extension-character-count": "^2.0.0-beta.31",