@appquality/unguess-design-system 3.0.0-colors.21 → 3.0.0-colors.22

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 +46 -0
  2. package/build/index.js +158 -110
  3. package/build/stories/slider/index.d.ts +2 -0
  4. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,3 +1,49 @@
1
+ # v3.0.3 (Fri May 12 2023)
2
+
3
+ #### 🐛 Bug Fix
4
+
5
+ - Fix sidebar toggle WIDTH [#246](https://github.com/AppQuality/unguess-design-system/pull/246) ([@sanchayan721](https://github.com/sanchayan721) [@cannarocks](https://github.com/cannarocks))
6
+ - Fix(SideBar): Sidebar Icon positioning [#245](https://github.com/AppQuality/unguess-design-system/pull/245) ([@sanchayan721](https://github.com/sanchayan721))
7
+
8
+ #### Authors: 2
9
+
10
+ - Luca Cannarozzo ([@cannarocks](https://github.com/cannarocks))
11
+ - Sanchayan Bhunia ([@sanchayan721](https://github.com/sanchayan721))
12
+
13
+ ---
14
+
15
+ # v3.0.2 (Wed May 10 2023)
16
+
17
+ #### 🐛 Bug Fix
18
+
19
+ - Develop [#244](https://github.com/AppQuality/unguess-design-system/pull/244) ([@marcbon](https://github.com/marcbon))
20
+ - 🔥 chore(package.json): remove react-spring dependency [#243](https://github.com/AppQuality/unguess-design-system/pull/243) ([@marcbon](https://github.com/marcbon))
21
+
22
+ #### Authors: 1
23
+
24
+ - Marco Bonomo ([@marcbon](https://github.com/marcbon))
25
+
26
+ ---
27
+
28
+ # v2.12.87 (Tue May 09 2023)
29
+
30
+ #### 🐛 Bug Fix
31
+
32
+ - Restore release command [#242](https://github.com/AppQuality/unguess-design-system/pull/242) ([@d-beezee](https://github.com/d-beezee))
33
+ - chore: Restore release command [#241](https://github.com/AppQuality/unguess-design-system/pull/241) ([@d-beezee](https://github.com/d-beezee))
34
+ - Update actions [#240](https://github.com/AppQuality/unguess-design-system/pull/240) ([@d-beezee](https://github.com/d-beezee))
35
+ - ci: Update node version on workflows [#239](https://github.com/AppQuality/unguess-design-system/pull/239) ([@d-beezee](https://github.com/d-beezee))
36
+ - Storybook 7 [#238](https://github.com/AppQuality/unguess-design-system/pull/238) ([@cannarocks](https://github.com/cannarocks) [@marcbon](https://github.com/marcbon) [@d-beezee](https://github.com/d-beezee))
37
+ - Storybook-7 [#237](https://github.com/AppQuality/unguess-design-system/pull/237) ([@cannarocks](https://github.com/cannarocks) [@marcbon](https://github.com/marcbon))
38
+
39
+ #### Authors: 3
40
+
41
+ - [@d-beezee](https://github.com/d-beezee)
42
+ - Luca Cannarozzo ([@cannarocks](https://github.com/cannarocks))
43
+ - Marco Bonomo ([@marcbon](https://github.com/marcbon))
44
+
45
+ ---
46
+
1
47
  # v2.12.86 (Mon May 08 2023)
2
48
 
3
49
  #### 🐛 Bug Fix
package/build/index.js CHANGED
@@ -817,9 +817,10 @@ function _extends$H() { _extends$H = Object.assign ? Object.assign.bind() : func
817
817
  var SvgUgSquare = function SvgUgSquare(props) {
818
818
  return /*#__PURE__*/React__namespace.createElement("svg", _extends$H({
819
819
  xmlns: "http://www.w3.org/2000/svg",
820
- width: 24,
821
- height: 24,
822
- fill: "none"
820
+ width: "1em",
821
+ height: "1em",
822
+ fill: "none",
823
+ viewBox: "0 0 24 24"
823
824
  }, props), _path$D || (_path$D = /*#__PURE__*/React__namespace.createElement("path", {
824
825
  fill: "#E80C7A",
825
826
  d: "M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2Zm-1 16H6c-.55 0-1-.45-1-1V6c0-.55.45-1 1-1h12c.55 0 1 .45 1 1v12c0 .55-.45 1-1 1Z"
@@ -831,9 +832,10 @@ function _extends$G() { _extends$G = Object.assign ? Object.assign.bind() : func
831
832
  var SvgUgCircle = function SvgUgCircle(props) {
832
833
  return /*#__PURE__*/React__namespace.createElement("svg", _extends$G({
833
834
  xmlns: "http://www.w3.org/2000/svg",
834
- width: 24,
835
- height: 24,
836
- fill: "none"
835
+ width: "1em",
836
+ height: "1em",
837
+ fill: "none",
838
+ viewBox: "0 0 24 24"
837
839
  }, props), _path$C || (_path$C = /*#__PURE__*/React__namespace.createElement("path", {
838
840
  fill: "#FFCD1A",
839
841
  d: "M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2Zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8Z"
@@ -845,9 +847,10 @@ function _extends$F() { _extends$F = Object.assign ? Object.assign.bind() : func
845
847
  var SvgUgTriangle = function SvgUgTriangle(props) {
846
848
  return /*#__PURE__*/React__namespace.createElement("svg", _extends$F({
847
849
  xmlns: "http://www.w3.org/2000/svg",
848
- width: 24,
849
- height: 24,
850
- fill: "none"
850
+ width: "1em",
851
+ height: "1em",
852
+ fill: "none",
853
+ viewBox: "0 0 24 24"
851
854
  }, props), _path$B || (_path$B = /*#__PURE__*/React__namespace.createElement("path", {
852
855
  fill: "#7B0DFF",
853
856
  d: "m12 7.326 6.39 10.23H5.61L12 7.326Zm-.85-2.41-8.2 13.11c-.41.67.07 1.53.85 1.53h16.4a1 1 0 0 0 .85-1.53l-8.2-13.11a1 1 0 0 0-1.7 0Z"
@@ -859,9 +862,10 @@ function _extends$E() { _extends$E = Object.assign ? Object.assign.bind() : func
859
862
  var SvgCampaignCompleted = function SvgCampaignCompleted(props) {
860
863
  return /*#__PURE__*/React__namespace.createElement("svg", _extends$E({
861
864
  xmlns: "http://www.w3.org/2000/svg",
862
- width: 24,
863
- height: 24,
864
- fill: "none"
865
+ width: "1em",
866
+ height: "1em",
867
+ fill: "none",
868
+ viewBox: "0 0 24 24"
865
869
  }, props), _rect$4 || (_rect$4 = /*#__PURE__*/React__namespace.createElement("rect", {
866
870
  width: 24,
867
871
  height: 24,
@@ -884,9 +888,10 @@ function _extends$D() { _extends$D = Object.assign ? Object.assign.bind() : func
884
888
  var SvgCampaignLocked = function SvgCampaignLocked(props) {
885
889
  return /*#__PURE__*/React__namespace.createElement("svg", _extends$D({
886
890
  xmlns: "http://www.w3.org/2000/svg",
887
- width: 24,
888
- height: 24,
889
- fill: "none"
891
+ width: "1em",
892
+ height: "1em",
893
+ fill: "none",
894
+ viewBox: "0 0 24 24"
890
895
  }, props), _rect$3 || (_rect$3 = /*#__PURE__*/React__namespace.createElement("rect", {
891
896
  width: 24,
892
897
  height: 24,
@@ -910,9 +915,10 @@ function _extends$C() { _extends$C = Object.assign ? Object.assign.bind() : func
910
915
  var SvgCampaignIncoming = function SvgCampaignIncoming(props) {
911
916
  return /*#__PURE__*/React__namespace.createElement("svg", _extends$C({
912
917
  xmlns: "http://www.w3.org/2000/svg",
913
- width: 24,
914
- height: 24,
915
- fill: "none"
918
+ width: "1em",
919
+ height: "1em",
920
+ fill: "none",
921
+ viewBox: "0 0 24 24"
916
922
  }, props), _rect$2 || (_rect$2 = /*#__PURE__*/React__namespace.createElement("rect", {
917
923
  width: 24,
918
924
  height: 24,
@@ -938,9 +944,10 @@ function _extends$B() { _extends$B = Object.assign ? Object.assign.bind() : func
938
944
  var SvgCampaignProgress = function SvgCampaignProgress(props) {
939
945
  return /*#__PURE__*/React__namespace.createElement("svg", _extends$B({
940
946
  xmlns: "http://www.w3.org/2000/svg",
941
- width: 24,
942
- height: 24,
943
- fill: "none"
947
+ width: "1em",
948
+ height: "1em",
949
+ fill: "none",
950
+ viewBox: "0 0 24 24"
944
951
  }, props), _rect$1 || (_rect$1 = /*#__PURE__*/React__namespace.createElement("rect", {
945
952
  width: 24,
946
953
  height: 24,
@@ -963,9 +970,10 @@ function _extends$A() { _extends$A = Object.assign ? Object.assign.bind() : func
963
970
  var SvgCampaignExperiential = function SvgCampaignExperiential(props) {
964
971
  return /*#__PURE__*/React__namespace.createElement("svg", _extends$A({
965
972
  xmlns: "http://www.w3.org/2000/svg",
966
- width: 24,
967
- height: 24,
968
- fill: "none"
973
+ width: "1em",
974
+ height: "1em",
975
+ fill: "none",
976
+ viewBox: "0 0 24 24"
969
977
  }, props), _path$w || (_path$w = /*#__PURE__*/React__namespace.createElement("path", {
970
978
  fill: "#50BF95",
971
979
  d: "M12 24c6.627 0 12-5.373 12-12S18.627 0 12 0 0 5.373 0 12s5.373 12 12 12Z",
@@ -987,9 +995,10 @@ function _extends$z() { _extends$z = Object.assign ? Object.assign.bind() : func
987
995
  var SvgCampaignFunctional = function SvgCampaignFunctional(props) {
988
996
  return /*#__PURE__*/React__namespace.createElement("svg", _extends$z({
989
997
  xmlns: "http://www.w3.org/2000/svg",
990
- width: 24,
991
- height: 24,
992
- fill: "none"
998
+ width: "1em",
999
+ height: "1em",
1000
+ fill: "none",
1001
+ viewBox: "0 0 24 24"
993
1002
  }, props), _path$v || (_path$v = /*#__PURE__*/React__namespace.createElement("path", {
994
1003
  fill: "#003A57",
995
1004
  d: "M12 24c6.627 0 12-5.373 12-12S18.627 0 12 0 0 5.373 0 12s5.373 12 12 12Z",
@@ -2335,8 +2344,9 @@ function _extends$y() { _extends$y = Object.assign ? Object.assign.bind() : func
2335
2344
  var SvgBoldFill = function SvgBoldFill(props) {
2336
2345
  return /*#__PURE__*/React__namespace.createElement("svg", _extends$y({
2337
2346
  xmlns: "http://www.w3.org/2000/svg",
2338
- width: 16,
2339
- height: 16
2347
+ width: "1em",
2348
+ height: "1em",
2349
+ viewBox: "0 0 16 16"
2340
2350
  }, props), _path$u || (_path$u = /*#__PURE__*/React__namespace.createElement("path", {
2341
2351
  fill: "currentColor",
2342
2352
  d: "M7.5 0C9.952 0 12 2.048 12 4.5a4.483 4.483 0 0 1-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 0 1-1-1V1a1 1 0 0 1 1-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"
@@ -2348,8 +2358,9 @@ function _extends$x() { _extends$x = Object.assign ? Object.assign.bind() : func
2348
2358
  var SvgItalicFill = function SvgItalicFill(props) {
2349
2359
  return /*#__PURE__*/React__namespace.createElement("svg", _extends$x({
2350
2360
  xmlns: "http://www.w3.org/2000/svg",
2351
- width: 16,
2352
- height: 16
2361
+ width: "1em",
2362
+ height: "1em",
2363
+ viewBox: "0 0 16 16"
2353
2364
  }, props), _path$t || (_path$t = /*#__PURE__*/React__namespace.createElement("path", {
2354
2365
  fill: "none",
2355
2366
  stroke: "currentColor",
@@ -2364,8 +2375,9 @@ function _extends$w() { _extends$w = Object.assign ? Object.assign.bind() : func
2364
2375
  var SvgQuoteFill = function SvgQuoteFill(props) {
2365
2376
  return /*#__PURE__*/React__namespace.createElement("svg", _extends$w({
2366
2377
  xmlns: "http://www.w3.org/2000/svg",
2367
- width: 16,
2368
- height: 16
2378
+ width: "1em",
2379
+ height: "1em",
2380
+ viewBox: "0 0 16 16"
2369
2381
  }, props), _path$s || (_path$s = /*#__PURE__*/React__namespace.createElement("path", {
2370
2382
  fill: "currentColor",
2371
2383
  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"
@@ -2383,8 +2395,9 @@ function _extends$v() { _extends$v = Object.assign ? Object.assign.bind() : func
2383
2395
  var SvgH1Fill = function SvgH1Fill(props) {
2384
2396
  return /*#__PURE__*/React__namespace.createElement("svg", _extends$v({
2385
2397
  xmlns: "http://www.w3.org/2000/svg",
2386
- width: 16,
2387
- height: 16
2398
+ width: "1em",
2399
+ height: "1em",
2400
+ viewBox: "0 0 16 16"
2388
2401
  }, props), _path$r || (_path$r = /*#__PURE__*/React__namespace.createElement("path", {
2389
2402
  fill: "none",
2390
2403
  d: "M0 0h16v16H0z"
@@ -2405,8 +2418,9 @@ function _extends$u() { _extends$u = Object.assign ? Object.assign.bind() : func
2405
2418
  var SvgH2Fill = function SvgH2Fill(props) {
2406
2419
  return /*#__PURE__*/React__namespace.createElement("svg", _extends$u({
2407
2420
  xmlns: "http://www.w3.org/2000/svg",
2408
- width: 16,
2409
- height: 16
2421
+ width: "1em",
2422
+ height: "1em",
2423
+ viewBox: "0 0 16 16"
2410
2424
  }, props), _path$q || (_path$q = /*#__PURE__*/React__namespace.createElement("path", {
2411
2425
  fill: "none",
2412
2426
  d: "M0 0h16v16H0z"
@@ -2427,8 +2441,9 @@ function _extends$t() { _extends$t = Object.assign ? Object.assign.bind() : func
2427
2441
  var SvgH3Fill = function SvgH3Fill(props) {
2428
2442
  return /*#__PURE__*/React__namespace.createElement("svg", _extends$t({
2429
2443
  xmlns: "http://www.w3.org/2000/svg",
2430
- width: 16,
2431
- height: 16
2444
+ width: "1em",
2445
+ height: "1em",
2446
+ viewBox: "0 0 16 16"
2432
2447
  }, props), _path$p || (_path$p = /*#__PURE__*/React__namespace.createElement("path", {
2433
2448
  fill: "none",
2434
2449
  d: "M0 0h16v16H0z"
@@ -2632,8 +2647,9 @@ function _extends$s() { _extends$s = Object.assign ? Object.assign.bind() : func
2632
2647
  var SvgNotesStroke = function SvgNotesStroke(props) {
2633
2648
  return /*#__PURE__*/React__namespace.createElement("svg", _extends$s({
2634
2649
  xmlns: "http://www.w3.org/2000/svg",
2635
- width: 16,
2636
- height: 16
2650
+ width: "1em",
2651
+ height: "1em",
2652
+ viewBox: "0 0 16 16"
2637
2653
  }, props), _g$2 || (_g$2 = /*#__PURE__*/React__namespace.createElement("g", {
2638
2654
  fill: "none",
2639
2655
  stroke: "currentColor"
@@ -2678,6 +2694,7 @@ const Wrapper$1 = styled__default["default"].div `
2678
2694
 
2679
2695
  svg {
2680
2696
  margin-left: ${({ theme }) => theme.space.xs};
2697
+ flex-shrink: 0;
2681
2698
  }
2682
2699
  }
2683
2700
  `;
@@ -2719,7 +2736,7 @@ const InputItem = (props) => {
2719
2736
  input.focus();
2720
2737
  }
2721
2738
  }, [isEditing, input]);
2722
- return isEditing ? (jsxRuntime.jsx(StyledInput, Object.assign({ ref: setInput }, props, { style: Object.assign(Object.assign({ fontWeight: 500 }, size), style) }))) : (jsxRuntime.jsxs(StyledText$1, Object.assign({ isBold: true, style: Object.assign(Object.assign({ fontWeight: 500 }, size), style) }, { children: [!value ? placeholder : value, " ", jsxRuntime.jsx(SvgNotesStroke, { width: 50 })] })));
2739
+ return isEditing ? (jsxRuntime.jsx(StyledInput, Object.assign({ ref: setInput }, props, { style: Object.assign(Object.assign({ fontWeight: 500 }, size), style) }))) : (jsxRuntime.jsxs(StyledText$1, Object.assign({ isBold: true, style: Object.assign(Object.assign({ fontWeight: 500 }, size), style) }, { children: [!value ? placeholder : value, " ", jsxRuntime.jsx(SvgNotesStroke, {})] })));
2723
2740
  };
2724
2741
  InputToggle.Item = InputItem;
2725
2742
  InputToggle.Label = StyledLabel;
@@ -2752,9 +2769,10 @@ function _extends$r() { _extends$r = Object.assign ? Object.assign.bind() : func
2752
2769
  var SvgCheckLg = function SvgCheckLg(props) {
2753
2770
  return /*#__PURE__*/React__namespace.createElement("svg", _extends$r({
2754
2771
  xmlns: "http://www.w3.org/2000/svg",
2755
- width: 16,
2756
- height: 16,
2757
- fill: "#68737D"
2772
+ width: "1em",
2773
+ height: "1em",
2774
+ fill: "#68737D",
2775
+ viewBox: "0 0 16 16"
2758
2776
  }, props), _path$o || (_path$o = /*#__PURE__*/React__namespace.createElement("path", {
2759
2777
  fillRule: "evenodd",
2760
2778
  d: "M14.646 2.646a.5.5 0 0 1 .708.708l-10 10a.5.5 0 0 1-.708 0l-4-4a.5.5 0 1 1 .708-.708L5 12.293l9.646-9.647Z",
@@ -2953,8 +2971,9 @@ function _extends$q() { _extends$q = Object.assign ? Object.assign.bind() : func
2953
2971
  var SvgChevronDownStroke = function SvgChevronDownStroke(props) {
2954
2972
  return /*#__PURE__*/React__namespace.createElement("svg", _extends$q({
2955
2973
  xmlns: "http://www.w3.org/2000/svg",
2956
- width: 16,
2957
- height: 16
2974
+ width: "1em",
2975
+ height: "1em",
2976
+ viewBox: "0 0 16 16"
2958
2977
  }, props), _path$n || (_path$n = /*#__PURE__*/React__namespace.createElement("path", {
2959
2978
  fill: "currentColor",
2960
2979
  d: "M12.688 5.61a.5.5 0 0 1 .69.718l-.066.062-5 4a.5.5 0 0 1-.542.054l-.082-.054-5-4a.5.5 0 0 1 .55-.83l.074.05L8 9.359l4.688-3.75z"
@@ -3008,8 +3027,9 @@ function _extends$p() { _extends$p = Object.assign ? Object.assign.bind() : func
3008
3027
  var SvgMenuStroke = function SvgMenuStroke(props) {
3009
3028
  return /*#__PURE__*/React__namespace.createElement("svg", _extends$p({
3010
3029
  xmlns: "http://www.w3.org/2000/svg",
3011
- width: 16,
3012
- height: 16
3030
+ width: "1em",
3031
+ height: "1em",
3032
+ viewBox: "0 0 16 16"
3013
3033
  }, props), _path$m || (_path$m = /*#__PURE__*/React__namespace.createElement("path", {
3014
3034
  fill: "none",
3015
3035
  stroke: "currentColor",
@@ -3155,8 +3175,9 @@ function _extends$o() { _extends$o = Object.assign ? Object.assign.bind() : func
3155
3175
  var SvgChevronRightStroke = function SvgChevronRightStroke(props) {
3156
3176
  return /*#__PURE__*/React__namespace.createElement("svg", _extends$o({
3157
3177
  xmlns: "http://www.w3.org/2000/svg",
3158
- width: 16,
3159
- height: 16
3178
+ width: "1em",
3179
+ height: "1em",
3180
+ viewBox: "0 0 16 16"
3160
3181
  }, props), _path$l || (_path$l = /*#__PURE__*/React__namespace.createElement("path", {
3161
3182
  fill: "currentColor",
3162
3183
  d: "M5.61 3.312a.5.5 0 0 1 .718-.69l.062.066 4 5a.5.5 0 0 1 .054.542l-.054.082-4 5a.5.5 0 0 1-.83-.55l.05-.074L9.359 8l-3.75-4.688z"
@@ -3168,8 +3189,9 @@ function _extends$n() { _extends$n = Object.assign ? Object.assign.bind() : func
3168
3189
  var SvgChevronLeftStroke = function SvgChevronLeftStroke(props) {
3169
3190
  return /*#__PURE__*/React__namespace.createElement("svg", _extends$n({
3170
3191
  xmlns: "http://www.w3.org/2000/svg",
3171
- width: 16,
3172
- height: 16
3192
+ width: "1em",
3193
+ height: "1em",
3194
+ viewBox: "0 0 16 16"
3173
3195
  }, props), _path$k || (_path$k = /*#__PURE__*/React__namespace.createElement("path", {
3174
3196
  fill: "currentColor",
3175
3197
  d: "M10.39 12.688a.5.5 0 0 1-.718.69l-.062-.066-4-5a.5.5 0 0 1-.054-.542l.054-.082 4-5a.5.5 0 0 1 .83.55l-.05.074L6.641 8l3.75 4.688z"
@@ -3244,8 +3266,9 @@ function _extends$m() { _extends$m = Object.assign ? Object.assign.bind() : func
3244
3266
  var SvgHomeFill = function SvgHomeFill(props) {
3245
3267
  return /*#__PURE__*/React__namespace.createElement("svg", _extends$m({
3246
3268
  xmlns: "http://www.w3.org/2000/svg",
3247
- width: 26,
3248
- height: 26
3269
+ width: "1em",
3270
+ height: "1em",
3271
+ viewBox: "0 0 26 26"
3249
3272
  }, props), _path$j || (_path$j = /*#__PURE__*/React__namespace.createElement("path", {
3250
3273
  fill: "currentColor",
3251
3274
  d: "m23.885 13.2-1.328 1.639a.522.522 0 0 1-.737.084l-1.444-1.155v7.182c0 .577-.474 1.05-1.054 1.05H16.51c-.58 0-1.054-.473-1.054-1.05v-3.182a2.43 2.43 0 0 0-.716-1.732 2.448 2.448 0 0 0-1.74-.714 2.45 2.45 0 0 0-1.739.714 2.43 2.43 0 0 0-.716 1.732v3.182c0 .577-.474 1.05-1.054 1.05H6.678c-.582 0-1.054-.47-1.054-1.05v-7.182L4.18 14.923a.522.522 0 0 1-.737-.084L2.115 13.2a.52.52 0 0 1 .084-.735l10.474-8.348a.51.51 0 0 1 .654 0L23.8 12.466a.52.52 0 0 1 .084.735"
@@ -3257,8 +3280,9 @@ function _extends$l() { _extends$l = Object.assign ? Object.assign.bind() : func
3257
3280
  var SvgHomeFillStyled = function SvgHomeFillStyled(props) {
3258
3281
  return /*#__PURE__*/React__namespace.createElement("svg", _extends$l({
3259
3282
  xmlns: "http://www.w3.org/2000/svg",
3260
- width: 26,
3261
- height: 26
3283
+ width: "1em",
3284
+ height: "1em",
3285
+ viewBox: "0 0 26 26"
3262
3286
  }, props), _linearGradient || (_linearGradient = /*#__PURE__*/React__namespace.createElement("linearGradient", {
3263
3287
  id: "home-fill-styled_svg__a"
3264
3288
  }, /*#__PURE__*/React__namespace.createElement("stop", {
@@ -3279,7 +3303,9 @@ var SvgToken = function SvgToken(props) {
3279
3303
  return /*#__PURE__*/React__namespace.createElement("svg", _extends$k({
3280
3304
  xmlns: "http://www.w3.org/2000/svg",
3281
3305
  fill: "none",
3282
- viewBox: "0 0 32 32"
3306
+ viewBox: "0 0 32 32",
3307
+ width: "1em",
3308
+ height: "1em"
3283
3309
  }, props), _g$1 || (_g$1 = /*#__PURE__*/React__namespace.createElement("g", {
3284
3310
  clipPath: "url(#token_svg__a)"
3285
3311
  }, /*#__PURE__*/React__namespace.createElement("path", {
@@ -3316,8 +3342,9 @@ function _extends$j() { _extends$j = Object.assign ? Object.assign.bind() : func
3316
3342
  var SvgFolderIcon = function SvgFolderIcon(props) {
3317
3343
  return /*#__PURE__*/React__namespace.createElement("svg", _extends$j({
3318
3344
  xmlns: "http://www.w3.org/2000/svg",
3319
- width: 12,
3320
- height: 12
3345
+ width: "1em",
3346
+ height: "1em",
3347
+ viewBox: "0 0 12 12"
3321
3348
  }, props), _path$h || (_path$h = /*#__PURE__*/React__namespace.createElement("path", {
3322
3349
  fill: "currentColor",
3323
3350
  fillRule: "evenodd",
@@ -3331,9 +3358,10 @@ function _extends$i() { _extends$i = Object.assign ? Object.assign.bind() : func
3331
3358
  var SvgTemplates = function SvgTemplates(props) {
3332
3359
  return /*#__PURE__*/React__namespace.createElement("svg", _extends$i({
3333
3360
  xmlns: "http://www.w3.org/2000/svg",
3334
- width: 26,
3335
- height: 26,
3336
- fill: "none"
3361
+ width: "1em",
3362
+ height: "1em",
3363
+ fill: "none",
3364
+ viewBox: "0 0 26 26"
3337
3365
  }, props), _path$g || (_path$g = /*#__PURE__*/React__namespace.createElement("path", {
3338
3366
  fill: "url(#templates_svg__a)",
3339
3367
  fillRule: "evenodd",
@@ -3359,9 +3387,10 @@ function _extends$h() { _extends$h = Object.assign ? Object.assign.bind() : func
3359
3387
  var SvgTemplatesActive = function SvgTemplatesActive(props) {
3360
3388
  return /*#__PURE__*/React__namespace.createElement("svg", _extends$h({
3361
3389
  xmlns: "http://www.w3.org/2000/svg",
3362
- width: 26,
3363
- height: 26,
3364
- fill: "none"
3390
+ width: "1em",
3391
+ height: "1em",
3392
+ fill: "none",
3393
+ viewBox: "0 0 26 26"
3365
3394
  }, props), _path$f || (_path$f = /*#__PURE__*/React__namespace.createElement("path", {
3366
3395
  fill: "url(#templates-active_svg__a)",
3367
3396
  fillRule: "evenodd",
@@ -3607,9 +3636,10 @@ function _extends$g() { _extends$g = Object.assign ? Object.assign.bind() : func
3607
3636
  var SvgPlus = function SvgPlus(props) {
3608
3637
  return /*#__PURE__*/React__namespace.createElement("svg", _extends$g({
3609
3638
  xmlns: "http://www.w3.org/2000/svg",
3610
- width: 16,
3611
- height: 16,
3612
- fill: "none"
3639
+ width: "1em",
3640
+ height: "1em",
3641
+ fill: "none",
3642
+ viewBox: "0 0 16 16"
3613
3643
  }, props), _path$e || (_path$e = /*#__PURE__*/React__namespace.createElement("path", {
3614
3644
  fill: "#68737D",
3615
3645
  fillRule: "evenodd",
@@ -3919,8 +3949,9 @@ function _extends$f() { _extends$f = Object.assign ? Object.assign.bind() : func
3919
3949
  var SvgPlayFill = function SvgPlayFill(props) {
3920
3950
  return /*#__PURE__*/React__namespace.createElement("svg", _extends$f({
3921
3951
  xmlns: "http://www.w3.org/2000/svg",
3922
- width: 16,
3923
- height: 16
3952
+ width: "1em",
3953
+ height: "1em",
3954
+ viewBox: "0 0 16 16"
3924
3955
  }, props), _path$d || (_path$d = /*#__PURE__*/React__namespace.createElement("path", {
3925
3956
  fill: "currentColor",
3926
3957
  d: "M6 15.79c-.13 0-.26-.03-.38-.08a.977.977 0 0 1-.62-.92V1.21a1 1 0 0 1 .62-.93C6 .12 6.42.21 6.71.5l6.44 6.44c.58.58.58 1.54 0 2.12L6.71 15.5c-.19.19-.45.29-.71.29z"
@@ -3932,8 +3963,9 @@ function _extends$e() { _extends$e = Object.assign ? Object.assign.bind() : func
3932
3963
  var SvgPauseFill = function SvgPauseFill(props) {
3933
3964
  return /*#__PURE__*/React__namespace.createElement("svg", _extends$e({
3934
3965
  xmlns: "http://www.w3.org/2000/svg",
3935
- width: 16,
3936
- height: 16
3966
+ width: "1em",
3967
+ height: "1em",
3968
+ viewBox: "0 0 16 16"
3937
3969
  }, props), _g || (_g = /*#__PURE__*/React__namespace.createElement("g", {
3938
3970
  fill: "currentColor"
3939
3971
  }, /*#__PURE__*/React__namespace.createElement("rect", {
@@ -3958,9 +3990,10 @@ function _extends$d() { _extends$d = Object.assign ? Object.assign.bind() : func
3958
3990
  var SvgForwardSecondsFill = function SvgForwardSecondsFill(props) {
3959
3991
  return /*#__PURE__*/React__namespace.createElement("svg", _extends$d({
3960
3992
  xmlns: "http://www.w3.org/2000/svg",
3961
- width: 16,
3962
- height: 16,
3963
- fill: "none"
3993
+ width: "1em",
3994
+ height: "1em",
3995
+ fill: "none",
3996
+ viewBox: "0 0 16 16"
3964
3997
  }, props), _path$c || (_path$c = /*#__PURE__*/React__namespace.createElement("path", {
3965
3998
  fill: "currentColor",
3966
3999
  fillRule: "evenodd",
@@ -3977,9 +4010,10 @@ function _extends$c() { _extends$c = Object.assign ? Object.assign.bind() : func
3977
4010
  var SvgBackSecondsFill = function SvgBackSecondsFill(props) {
3978
4011
  return /*#__PURE__*/React__namespace.createElement("svg", _extends$c({
3979
4012
  xmlns: "http://www.w3.org/2000/svg",
3980
- width: 16,
3981
- height: 16,
3982
- fill: "none"
4013
+ width: "1em",
4014
+ height: "1em",
4015
+ fill: "none",
4016
+ viewBox: "0 0 16 16"
3983
4017
  }, props), _path$b || (_path$b = /*#__PURE__*/React__namespace.createElement("path", {
3984
4018
  fill: "currentColor",
3985
4019
  fillRule: "evenodd",
@@ -3996,8 +4030,8 @@ function _extends$b() { _extends$b = Object.assign ? Object.assign.bind() : func
3996
4030
  var SvgPreviousFill = function SvgPreviousFill(props) {
3997
4031
  return /*#__PURE__*/React__namespace.createElement("svg", _extends$b({
3998
4032
  xmlns: "http://www.w3.org/2000/svg",
3999
- width: 16,
4000
- height: 16,
4033
+ width: "1em",
4034
+ height: "1em",
4001
4035
  viewBox: "0 0 24 24"
4002
4036
  }, props), _path$a || (_path$a = /*#__PURE__*/React__namespace.createElement("path", {
4003
4037
  fill: "currentColor",
@@ -4102,8 +4136,9 @@ function _extends$a() { _extends$a = Object.assign ? Object.assign.bind() : func
4102
4136
  var SvgVolumeMutedFill = function SvgVolumeMutedFill(props) {
4103
4137
  return /*#__PURE__*/React__namespace.createElement("svg", _extends$a({
4104
4138
  xmlns: "http://www.w3.org/2000/svg",
4105
- width: 16,
4106
- height: 16
4139
+ width: "1em",
4140
+ height: "1em",
4141
+ viewBox: "0 0 16 16"
4107
4142
  }, props), _path$9 || (_path$9 = /*#__PURE__*/React__namespace.createElement("path", {
4108
4143
  stroke: "currentColor",
4109
4144
  strokeLinecap: "round",
@@ -4119,8 +4154,9 @@ function _extends$9() { _extends$9 = Object.assign ? Object.assign.bind() : func
4119
4154
  var SvgVolumeUnmutedFill = function SvgVolumeUnmutedFill(props) {
4120
4155
  return /*#__PURE__*/React__namespace.createElement("svg", _extends$9({
4121
4156
  xmlns: "http://www.w3.org/2000/svg",
4122
- width: 16,
4123
- height: 16
4157
+ width: "1em",
4158
+ height: "1em",
4159
+ viewBox: "0 0 16 16"
4124
4160
  }, props), _path$8 || (_path$8 = /*#__PURE__*/React__namespace.createElement("path", {
4125
4161
  fill: "currentColor",
4126
4162
  d: "M9 15.29c-.26 0-.51-.1-.71-.29l-4-4H1c-.55 0-1-.45-1-1V6c0-.55.45-1 1-1h3.29l4-4a1.002 1.002 0 0 1 1.71.71V14.3a.986.986 0 0 1-1 .99z"
@@ -4178,8 +4214,9 @@ function _extends$8() { _extends$8 = Object.assign ? Object.assign.bind() : func
4178
4214
  var SvgMaximizeFill = function SvgMaximizeFill(props) {
4179
4215
  return /*#__PURE__*/React__namespace.createElement("svg", _extends$8({
4180
4216
  xmlns: "http://www.w3.org/2000/svg",
4181
- width: 16,
4182
- height: 16
4217
+ width: "1em",
4218
+ height: "1em",
4219
+ viewBox: "0 0 16 16"
4183
4220
  }, props), _path$7 || (_path$7 = /*#__PURE__*/React__namespace.createElement("path", {
4184
4221
  fill: "currentColor",
4185
4222
  d: "M16 4.29V1c0-.55-.45-1-1-1h-3.29c-.45 0-.67.54-.35.85l3.79 3.79c.31.32.85.1.85-.35zM0 11.71V15c0 .55.45 1 1 1h3.29c.45 0 .67-.54.35-.85L.85 11.36a.495.495 0 0 0-.85.35zm0-7.42V1c0-.55.45-1 1-1h3.29c.45 0 .67.54.35.85L.85 4.65A.5.5 0 0 1 0 4.29zm16 7.42V15c0 .55-.45 1-1 1h-3.29c-.45 0-.67-.54-.35-.85l3.79-3.79c.31-.32.85-.1.85.35z"
@@ -4455,8 +4492,9 @@ function _extends$7() { _extends$7 = Object.assign ? Object.assign.bind() : func
4455
4492
  var SvgExit = function SvgExit(props) {
4456
4493
  return /*#__PURE__*/React__namespace.createElement("svg", _extends$7({
4457
4494
  xmlns: "http://www.w3.org/2000/svg",
4458
- width: 16,
4459
- height: 16
4495
+ width: "1em",
4496
+ height: "1em",
4497
+ viewBox: "0 0 16 16"
4460
4498
  }, props), _path$6 || (_path$6 = /*#__PURE__*/React__namespace.createElement("path", {
4461
4499
  fill: "currentColor",
4462
4500
  d: "M3 15.93c-.23 0-.45-.08-.64-.23l-2-1.67a.987.987 0 0 1-.36-.76V2.73c0-.3.13-.58.36-.77l2-1.67c.3-.24.71-.29 1.06-.13a1 1 0 0 1 .58.91v13.87a1 1 0 0 1-.58.91c-.13.05-.28.08-.42.08zM12 11V5c0-.45.54-.67.85-.35L15.5 7.3c.39.39.39 1.02 0 1.41l-2.65 2.65A.5.5 0 0 1 12 11z"
@@ -4473,9 +4511,10 @@ function _extends$6() { _extends$6 = Object.assign ? Object.assign.bind() : func
4473
4511
  var SvgThumbsUp = function SvgThumbsUp(props) {
4474
4512
  return /*#__PURE__*/React__namespace.createElement("svg", _extends$6({
4475
4513
  xmlns: "http://www.w3.org/2000/svg",
4476
- width: 16,
4477
- height: 16,
4478
- fill: "none"
4514
+ width: "1em",
4515
+ height: "1em",
4516
+ fill: "none",
4517
+ viewBox: "0 0 16 16"
4479
4518
  }, props), _path$5 || (_path$5 = /*#__PURE__*/React__namespace.createElement("path", {
4480
4519
  fill: "#68737D",
4481
4520
  fillRule: "evenodd",
@@ -4489,8 +4528,9 @@ function _extends$5() { _extends$5 = Object.assign ? Object.assign.bind() : func
4489
4528
  var SvgLockLockedFill = function SvgLockLockedFill(props) {
4490
4529
  return /*#__PURE__*/React__namespace.createElement("svg", _extends$5({
4491
4530
  xmlns: "http://www.w3.org/2000/svg",
4492
- width: 16,
4493
- height: 16
4531
+ width: "1em",
4532
+ height: "1em",
4533
+ viewBox: "0 0 16 16"
4494
4534
  }, props), _rect || (_rect = /*#__PURE__*/React__namespace.createElement("rect", {
4495
4535
  width: 12,
4496
4536
  height: 9,
@@ -4616,9 +4656,10 @@ function _extends$4() { _extends$4 = Object.assign ? Object.assign.bind() : func
4616
4656
  var SvgQuestionMark = function SvgQuestionMark(props) {
4617
4657
  return /*#__PURE__*/React__namespace.createElement("svg", _extends$4({
4618
4658
  xmlns: "http://www.w3.org/2000/svg",
4619
- width: 16,
4620
- height: 16,
4621
- fill: "currentColor"
4659
+ width: "1em",
4660
+ height: "1em",
4661
+ fill: "currentColor",
4662
+ viewBox: "0 0 16 16"
4622
4663
  }, props), _path$3 || (_path$3 = /*#__PURE__*/React__namespace.createElement("path", {
4623
4664
  fillRule: "evenodd",
4624
4665
  d: "M8 11.5a1 1 0 0 0 1-1V9.4c0-.562.334-1.08.93-1.452 1.45-.788 2.318-2.413 2.058-4.1C11.716 2.214 10.386.884 8.764.614c-2.02-.38-3.953.749-4.52 2.592a1 1 0 0 0 1.912.588c.264-.858 1.207-1.408 2.26-1.211.798.133 1.468.803 1.598 1.581.125.816-.311 1.632-1.093 2.058C7.726 6.967 7 8.092 7 9.4v1.1a1 1 0 0 0 1 1Zm0 4a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z",
@@ -4631,9 +4672,10 @@ function _extends$3() { _extends$3 = Object.assign ? Object.assign.bind() : func
4631
4672
  var SvgCopy = function SvgCopy(props) {
4632
4673
  return /*#__PURE__*/React__namespace.createElement("svg", _extends$3({
4633
4674
  xmlns: "http://www.w3.org/2000/svg",
4634
- width: 12,
4635
- height: 16,
4636
- fill: "none"
4675
+ width: "1em",
4676
+ height: "1em",
4677
+ fill: "none",
4678
+ viewBox: "0 0 12 16"
4637
4679
  }, props), _path$2 || (_path$2 = /*#__PURE__*/React__namespace.createElement("path", {
4638
4680
  fill: "#003A57",
4639
4681
  fillRule: "evenodd",
@@ -4647,9 +4689,10 @@ function _extends$2() { _extends$2 = Object.assign ? Object.assign.bind() : func
4647
4689
  var SvgInfoFill = function SvgInfoFill(props) {
4648
4690
  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2({
4649
4691
  xmlns: "http://www.w3.org/2000/svg",
4650
- width: 16,
4651
- height: 16,
4652
- fill: "currentColor"
4692
+ width: "1em",
4693
+ height: "1em",
4694
+ fill: "currentColor",
4695
+ viewBox: "0 0 16 16"
4653
4696
  }, props), _path$1 || (_path$1 = /*#__PURE__*/React__namespace.createElement("path", {
4654
4697
  fillRule: "evenodd",
4655
4698
  d: "M7.5 16C3.36 16 0 12.64 0 8.5 0 4.36 3.36 1 7.5 1 11.64 1 15 4.36 15 8.5c0 4.14-3.36 7.5-7.5 7.5ZM7 12.5c0 .28.22.5.5.5s.5-.22.5-.5V8c0-.28-.22-.5-.5-.5S7 7.72 7 8v4.5ZM7.5 4c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1Z",
@@ -4743,9 +4786,10 @@ function _extends$1() { _extends$1 = Object.assign ? Object.assign.bind() : func
4743
4786
  var SvgEmpty = function SvgEmpty(props) {
4744
4787
  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1({
4745
4788
  xmlns: "http://www.w3.org/2000/svg",
4746
- width: 16,
4747
- height: 16,
4748
- fill: "#68737D"
4789
+ width: "1em",
4790
+ height: "1em",
4791
+ fill: "#68737D",
4792
+ viewBox: "0 0 16 16"
4749
4793
  }, props));
4750
4794
  };
4751
4795
 
@@ -4754,9 +4798,10 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
4754
4798
  var SvgTranslationExists = function SvgTranslationExists(props) {
4755
4799
  return /*#__PURE__*/React__namespace.createElement("svg", _extends({
4756
4800
  xmlns: "http://www.w3.org/2000/svg",
4757
- width: 16,
4758
- height: 16,
4759
- fill: "#68737D"
4801
+ width: "1em",
4802
+ height: "1em",
4803
+ fill: "#68737D",
4804
+ viewBox: "0 0 16 16"
4760
4805
  }, props), _path || (_path = /*#__PURE__*/React__namespace.createElement("path", {
4761
4806
  fillRule: "evenodd",
4762
4807
  d: "M6 8.31a.496.496 0 0 1-.67.49c-.33-.12-.62-.3-.88-.49C3.9 8.73 3.26 9 2.5 9c-.28 0-.5-.22-.5-.5s.22-.5.5-.5c.44 0 .84-.14 1.19-.37-.79-.9-1.14-1.91-1.16-1.97-.09-.26.05-.55.31-.63.26-.09.55.05.63.31 0 .01.31.87.96 1.61.76-.91 1.21-2.2 1.43-2.95H2.5c-.28 0-.5-.22-.5-.5s.22-.5.5-.5H4v-.5c0-.28.22-.5.5-.5s.5.22.5.5V3h1.5c.15 0 .29.07.39.18.09.12.13.27.1.42-.01.05-.08.38-.22.83C7.11 4.17 7.53 4 8 4h1V1c0-.55-.45-1-1-1H1C.45 0 0 .45 0 1v9c0 .55.45 1 1 1h5V8.31Zm-.33-.45c.19.07.32.24.33.43V6.35c-.23.44-.5.87-.82 1.26.15.1.31.18.49.25ZM15 5H8c-.55 0-1 .45-1 1v9c0 .55.45 1 1 1h7c.55 0 1-.45 1-1V6c0-.55-.45-1-1-1Zm-1.3 7.96a.51.51 0 0 1-.66-.26l-.31-.7h-2.46l-.31.7c-.11.25-.41.37-.66.25a.497.497 0 0 1-.25-.66l2-4.5c.16-.36.75-.36.91 0l2 4.5c.11.26 0 .55-.26.67ZM10.71 11h1.58l-.79-1.77-.79 1.77Z",
@@ -5052,7 +5097,9 @@ const Slider = (props) => {
5052
5097
  }, [current]);
5053
5098
  return (jsxRuntime.jsxs(SliderContextProvider, { children: [settings.counter && jsxRuntime.jsx(SliderCounter, { current: current, total: slides }), jsxRuntime.jsx(StyledSlick, Object.assign({}, settings, { beforeChange: updateSlide }))] }));
5054
5099
  };
5055
- Slider.Slide = Slide;
5100
+ Slider.Slide = Slide;
5101
+ Slider.PrevButton = PrevButton;
5102
+ Slider.NextButton = NextButton;
5056
5103
 
5057
5104
  const UgStep = styled__default["default"](reactAccordions.Stepper.Step) `
5058
5105
  svg {
@@ -5257,6 +5304,7 @@ const StyledTabPanel = styled__default["default"].div `
5257
5304
  display: ${({ hidden }) => (hidden ? "none" : "block")};
5258
5305
  height: 100%;
5259
5306
  overflow-y: auto;
5307
+ overflow-x: hidden;
5260
5308
  `;
5261
5309
  const TabPanel = (_a) => {
5262
5310
  var { hidden, children } = _a, rest = __rest(_a, ["hidden", "children"]);
package/build/stories/slider/index.d.ts CHANGED
@@ -11,4 +11,6 @@ import { SliderArgs } from "./_types";
11
11
  export declare const Slider: {
12
12
  (props: SliderArgs): import("react/jsx-runtime").JSX.Element;
13
13
  Slide: (props: import("react").HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element | null;
14
+ PrevButton: (props: import("../buttons/icon-button/_types").IconButtonArgs) => import("react/jsx-runtime").JSX.Element;
15
+ NextButton: (props: import("../buttons/icon-button/_types").IconButtonArgs) => import("react/jsx-runtime").JSX.Element;
14
16
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@appquality/unguess-design-system",
3
- "version": "3.0.0-colors.21",
3
+ "version": "3.0.0-colors.22",
4
4
  "description": "",
5
5
  "main": "build/index.js",
6
6
  "types": "build/index.d.ts",