impact-ui 0.1.33 → 0.1.34

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 (2) hide show
  1. package/dist/index.js +53 -45
  2. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -1694,7 +1694,7 @@
1694
1694
  return data;
1695
1695
  }
1696
1696
  function _templateObject3$4() {
1697
- var data = _taggedTemplateLiteral(["\n display: none;\n\n & + label:before {\n content: \"\";\n border: 1px solid ", ";\n background-color: ", ";\n ", "\n }\n\n &:disabled + label:before {\n cursor: default;\n pointer-events: none;\n border: 1px solid ", ";\n }\n\n &:disabled:checked + label:before {\n pointer-events: none;\n background-color: ", ";\n border: 1px solid ", ";\n }\n\n &:checked + label::after {\n content: \"\";\n display: block;\n position: absolute;\n top: 5px;\n left: 6px;\n width: 3px;\n height: 8px;\n border: solid ", ";\n border-width: 0 2px 2px 0;\n -webkit-transform: rotate(45deg);\n -ms-transform: rotate(45deg);\n transform: rotate(45deg);\n }\n\n &:checked + label:before {\n content: \"\";\n background-color: ", ";\n border: 1px solid ", ";\n\n ", "\n }\n"]);
1697
+ var data = _taggedTemplateLiteral(["\n display: none;\n\n & + label:before {\n content: \"\";\n border: 1px solid ", ";\n background-color: ", ";\n ", "\n }\n\n &:disabled + label:before {\n cursor: default;\n pointer-events: none;\n background-color: ", ";\n border: 1px solid ", ";\n }\n\n &:disabled:checked + label:before {\n pointer-events: none;\n background-color: ", ";\n border: 1px solid ", ";\n }\n\n &:checked + label::after {\n content: \"\";\n display: block;\n position: absolute;\n top: 5px;\n left: 6px;\n width: 3px;\n height: 8px;\n border: solid ", ";\n border-width: 0 2px 2px 0;\n -webkit-transform: rotate(45deg);\n -ms-transform: rotate(45deg);\n transform: rotate(45deg);\n }\n\n &:checked + label:before {\n content: \"\";\n background-color: ", ";\n border: 1px solid ", ";\n\n ", "\n }\n"]);
1698
1698
  _templateObject3$4 = function _templateObject3() {
1699
1699
  return data;
1700
1700
  };
@@ -1718,7 +1718,7 @@
1718
1718
  var checkboxStyles = styled.css(_templateObject2$4());
1719
1719
  var StyledCheckbox = styled__default.input.attrs({
1720
1720
  type: "checkbox"
1721
- })(_templateObject3$4(), DefaultColorButton, WhiteColor, checkboxStyles, DefaultColorButton, DefaultColorButton, DefaultColorButton, WhiteColor, PrimaryBlueColor, PrimaryBlueColor, checkboxStyles);
1721
+ })(_templateObject3$4(), DefaultColorButton, WhiteColor, checkboxStyles, DisabledTextareaBg, DefaultColorButton, DefaultColorButton, DefaultColorButton, WhiteColor, PrimaryBlueColor, PrimaryBlueColor, checkboxStyles);
1722
1722
  var StyledHoverBg = styled__default.div(_templateObject4$3(), FocusBackgroundColor);
1723
1723
  var StyledCheckBoxContainer = styled__default.div(_templateObject5$3(), StyledHoverBg);
1724
1724
 
@@ -1960,21 +1960,21 @@
1960
1960
  };
1961
1961
 
1962
1962
  function _templateObject4$7() {
1963
- var data = _taggedTemplateLiteral(["\n color: ", ";\n font-size: 14px;\n font-weight: 300;\n line-height: 21px;\n text-align: right;\n\n"]);
1963
+ var data = _taggedTemplateLiteral(["\n color: ", ";\n font-size: 14px;\n font-weight: 300;\n line-height: 21px;\n text-align: right;\n"]);
1964
1964
  _templateObject4$7 = function _templateObject4() {
1965
1965
  return data;
1966
1966
  };
1967
1967
  return data;
1968
1968
  }
1969
1969
  function _templateObject3$8() {
1970
- var data = _taggedTemplateLiteral([""]);
1970
+ var data = _taggedTemplateLiteral(["\n width: max-content;\n"]);
1971
1971
  _templateObject3$8 = function _templateObject3() {
1972
1972
  return data;
1973
1973
  };
1974
1974
  return data;
1975
1975
  }
1976
1976
  function _templateObject2$8() {
1977
- var data = _taggedTemplateLiteral(["\n min-height: 70px;\n padding: 12px 16px;\n margin-top: 4px;\n resize: none;\n min-width: 800px;\n box-sizing: border-box;\n font-size: 14px;\n line-height: 21px;\n border: 1px solid ", ";\n border-radius: 4px;\n &:hover{\n border: 1px solid ", ";\n }\n &:focus {\n box-shadow: 0 0 0 3px ", ";\n border: 1px solid ", ";\n }\n &:disabled {\n background: ", ";\n border: 1px solid ", ";\n }\n\n\n"]);
1977
+ var data = _taggedTemplateLiteral(["\n min-height: 70px;\n padding: 12px 16px;\n margin-top: 4px;\n resize: none;\n min-width: 800px;\n box-sizing: border-box;\n font-size: 14px;\n line-height: 21px;\n border: 1px solid ", ";\n border-radius: 4px;\n &:hover {\n border: 1px solid ", ";\n }\n &:focus {\n box-shadow: 0 0 0 3px ", ";\n border: 1px solid ", ";\n }\n &:disabled {\n background: ", ";\n border: 1px solid ", ";\n }\n"]);
1978
1978
  _templateObject2$8 = function _templateObject2() {
1979
1979
  return data;
1980
1980
  };
@@ -2630,7 +2630,7 @@
2630
2630
  };
2631
2631
 
2632
2632
  function _templateObject$b() {
2633
- var data = _taggedTemplateLiteral(["\n border: 1px solid ", ";\n border-radius: 4px;\n height: 37px;\n display: flex;\n\n ", " {\n /* color: ", "; */\n border-radius: 0px;\n /* background: ", "; */\n border: none;\n border-right: 1px solid ", ";\n &:focus {\n box-shadow: none;\n }\n /* &:hover {\n background: ", ";\n } */\n &:first-child {\n border-radius: 3px 0 0 3px;\n }\n &:last-child {\n border-right: none;\n border-radius: 0px 3px 3px 0px;\n }\n }\n"]);
2633
+ var data = _taggedTemplateLiteral(["\n border: 1px solid ", ";\n border-radius: 4px;\n height: 37px;\n display: flex;\n width: max-content;\n\n ", " {\n /* color: ", "; */\n border-radius: 0px;\n /* background: ", "; */\n border: none;\n border-right: 1px solid ", ";\n &:focus {\n box-shadow: none;\n }\n /* &:hover {\n background: ", ";\n } */\n &:first-child {\n border-radius: 3px 0 0 3px;\n }\n &:last-child {\n border-right: none;\n border-radius: 0px 3px 3px 0px;\n }\n }\n"]);
2634
2634
  _templateObject$b = function _templateObject() {
2635
2635
  return data;
2636
2636
  };
@@ -2651,8 +2651,15 @@
2651
2651
  });
2652
2652
  };
2653
2653
 
2654
- function _templateObject16$1() {
2654
+ function _templateObject17$1() {
2655
2655
  var data = _taggedTemplateLiteral([""]);
2656
+ _templateObject17$1 = function _templateObject17() {
2657
+ return data;
2658
+ };
2659
+ return data;
2660
+ }
2661
+ function _templateObject16$1() {
2662
+ var data = _taggedTemplateLiteral(["\n &::after {\n left: auto;\n right: 10px;\n top: auto;\n bottom: -6px;\n transform: rotate(-180deg);\n }\n "]);
2656
2663
  _templateObject16$1 = function _templateObject16() {
2657
2664
  return data;
2658
2665
  };
@@ -2666,104 +2673,105 @@
2666
2673
  return data;
2667
2674
  }
2668
2675
  function _templateObject14$3() {
2669
- var data = _taggedTemplateLiteral(["\n &::after {\n left: auto;\n right: 10px;\n top: auto;\n bottom: -6px;\n transform: rotate(-180deg);\n }\n "]);
2676
+ var data = _taggedTemplateLiteral(["\n &::after {\n left: 0px;\n right: 0px;\n }\n "]);
2670
2677
  _templateObject14$3 = function _templateObject14() {
2671
2678
  return data;
2672
2679
  };
2673
2680
  return data;
2674
2681
  }
2675
2682
  function _templateObject13$3() {
2676
- var data = _taggedTemplateLiteral(["\n &::after {\n left: 0px;\n right: 0px;\n }\n "]);
2683
+ var data = _taggedTemplateLiteral(["\n &::after {\n left: 10px;\n right: auto;\n top: auto;\n bottom: -6px;\n transform: rotate(-180deg);\n }\n "]);
2677
2684
  _templateObject13$3 = function _templateObject13() {
2678
2685
  return data;
2679
2686
  };
2680
2687
  return data;
2681
2688
  }
2682
2689
  function _templateObject12$4() {
2683
- var data = _taggedTemplateLiteral(["\n &::after {\n left: 10px;\n right: auto;\n top: auto;\n bottom: -6px;\n transform: rotate(-180deg);\n }\n "]);
2690
+ var data = _taggedTemplateLiteral(["\n &::after {\n left: auto;\n right: -9px;\n top: auto;\n bottom: 10px;\n transform: rotate(90deg);\n }\n "]);
2684
2691
  _templateObject12$4 = function _templateObject12() {
2685
2692
  return data;
2686
2693
  };
2687
2694
  return data;
2688
2695
  }
2689
2696
  function _templateObject11$5() {
2690
- var data = _taggedTemplateLiteral(["\n &::after {\n left: auto;\n right: -9px;\n top: auto;\n bottom: 10px;\n transform: rotate(90deg);\n }\n "]);
2697
+ var data = _taggedTemplateLiteral(["\n &::after {\n left: -9px;\n right: auto;\n top: 0px;\n bottom: 0;\n transform: rotate(-90deg);\n }\n "]);
2691
2698
  _templateObject11$5 = function _templateObject11() {
2692
2699
  return data;
2693
2700
  };
2694
2701
  return data;
2695
2702
  }
2696
2703
  function _templateObject10$6() {
2697
- var data = _taggedTemplateLiteral(["\n &::after {\n left: -9px;\n right: auto;\n top: 0px;\n bottom: 0;\n transform: rotate(-90deg);\n }\n "]);
2704
+ var data = _taggedTemplateLiteral(["\n &::after {\n left: auto;\n right: -9px;\n top: 10px;\n bottom: auto;\n transform: rotate(90deg);\n }\n "]);
2698
2705
  _templateObject10$6 = function _templateObject10() {
2699
2706
  return data;
2700
2707
  };
2701
2708
  return data;
2702
2709
  }
2703
2710
  function _templateObject9$6() {
2704
- var data = _taggedTemplateLiteral(["\n &::after {\n left: auto;\n right: -9px;\n top: 10px;\n bottom: auto;\n transform: rotate(90deg);\n }\n "]);
2711
+ var data = _taggedTemplateLiteral(["\n &::after {\n left: -9px;\n right: auto;\n top: auto;\n bottom: 10px;\n transform: rotate(-90deg);\n }\n "]);
2705
2712
  _templateObject9$6 = function _templateObject9() {
2706
2713
  return data;
2707
2714
  };
2708
2715
  return data;
2709
2716
  }
2710
2717
  function _templateObject8$6() {
2711
- var data = _taggedTemplateLiteral(["\n &::after {\n left: -9px;\n right: auto;\n top: auto;\n bottom: 10px;\n transform: rotate(-90deg);\n }\n "]);
2718
+ var data = _taggedTemplateLiteral(["\n &::after {\n left: auto;\n right: -9px;\n top: 0px;\n bottom: 0px;\n transform: rotate(90deg);\n }\n "]);
2712
2719
  _templateObject8$6 = function _templateObject8() {
2713
2720
  return data;
2714
2721
  };
2715
2722
  return data;
2716
2723
  }
2717
2724
  function _templateObject7$6() {
2718
- var data = _taggedTemplateLiteral(["\n &::after {\n left: auto;\n right: -9px;\n top: 0px;\n bottom: 0px;\n transform: rotate(90deg);\n }\n "]);
2725
+ var data = _taggedTemplateLiteral(["\n &::after {\n left: -9px;\n right: auto;\n top: 10px;\n transform: rotate(-90deg);\n }\n "]);
2719
2726
  _templateObject7$6 = function _templateObject7() {
2720
2727
  return data;
2721
2728
  };
2722
2729
  return data;
2723
2730
  }
2724
2731
  function _templateObject6$6() {
2725
- var data = _taggedTemplateLiteral(["\n &::after {\n left: -9px;\n right: auto;\n top: 10px;\n transform: rotate(-90deg);\n }\n "]);
2732
+ var data = _taggedTemplateLiteral(["\n &::after {\n left: auto;\n right: 10px;\n }\n "]);
2726
2733
  _templateObject6$6 = function _templateObject6() {
2727
2734
  return data;
2728
2735
  };
2729
2736
  return data;
2730
2737
  }
2731
2738
  function _templateObject5$8() {
2732
- var data = _taggedTemplateLiteral(["\n &::after {\n left: auto;\n right: 10px;\n }\n "]);
2739
+ var data = _taggedTemplateLiteral(["\n &::after {\n left: 0px;\n right: 0px;\n top: auto;\n bottom: -6px;\n transform: rotate(-180deg);\n }\n "]);
2733
2740
  _templateObject5$8 = function _templateObject5() {
2734
2741
  return data;
2735
2742
  };
2736
2743
  return data;
2737
2744
  }
2738
2745
  function _templateObject4$a() {
2739
- var data = _taggedTemplateLiteral(["\n &::after {\n left: 0px;\n right: 0px;\n top: auto;\n bottom: -6px;\n transform: rotate(-180deg);\n }\n "]);
2746
+ var data = _taggedTemplateLiteral(["\n &::after {\n left: 10px;\n right: auto;\n }\n "]);
2740
2747
  _templateObject4$a = function _templateObject4() {
2741
2748
  return data;
2742
2749
  };
2743
2750
  return data;
2744
2751
  }
2745
2752
  function _templateObject3$b() {
2746
- var data = _taggedTemplateLiteral(["\n &::after {\n left: 10px;\n right: auto;\n }\n "]);
2753
+ var data = _taggedTemplateLiteral([""]);
2747
2754
  _templateObject3$b = function _templateObject3() {
2748
2755
  return data;
2749
2756
  };
2750
2757
  return data;
2751
2758
  }
2752
2759
  function _templateObject2$b() {
2753
- var data = _taggedTemplateLiteral([""]);
2760
+ var data = _taggedTemplateLiteral(["\n background: ", ";\n padding: 8px 16px;\n border-radius: 4px;\n max-width: 300px;\n position: fixed;\n color: ", ";\n z-index: ", ";\n font-size: 14px;\n line-height: 21px;\n visibility: ", ";\n top: ", "px;\n left: ", "px;\n &::after {\n width: 0;\n height: 0;\n border-left: 6px solid transparent;\n border-right: 6px solid transparent;\n border-bottom: 6px solid ", ";\n content: \" \";\n position: absolute;\n left: 0;\n right: 0;\n margin: auto;\n top: -6px;\n }\n ", "\n"]);
2754
2761
  _templateObject2$b = function _templateObject2() {
2755
2762
  return data;
2756
2763
  };
2757
2764
  return data;
2758
2765
  }
2759
2766
  function _templateObject$c() {
2760
- var data = _taggedTemplateLiteral(["\n background: ", ";\n padding: 8px 16px;\n border-radius: 4px;\n max-width: 300px;\n position: fixed;\n color: ", ";\n z-index: ", ";\n font-size: 14px;\n line-height: 21px;\n visibility: ", ";\n top: ", "px;\n left: ", "px;\n &::after {\n width: 0;\n height: 0;\n border-left: 6px solid transparent;\n border-right: 6px solid transparent;\n border-bottom: 6px solid ", ";\n content: \" \";\n position: absolute;\n left: 0;\n right: 0;\n margin: auto;\n top: -6px;\n }\n ", "\n"]);
2767
+ var data = _taggedTemplateLiteral(["\n width: max-content;\n"]);
2761
2768
  _templateObject$c = function _templateObject() {
2762
2769
  return data;
2763
2770
  };
2764
2771
  return data;
2765
2772
  }
2766
- var StyledTooltip = styled__default.div(_templateObject$c(), TooltipBackgroundColor, WhiteColor, VERY_HIGH, function (props) {
2773
+ var StyledTooltipContainer = styled__default.div(_templateObject$c());
2774
+ var StyledTooltip = styled__default.div(_templateObject2$b(), TooltipBackgroundColor, WhiteColor, VERY_HIGH, function (props) {
2767
2775
  return props.displayTooltip ? "visible" : "hidden";
2768
2776
  }, function (props) {
2769
2777
  return props.positionRef.current.y;
@@ -2772,38 +2780,38 @@
2772
2780
  }, TooltipBackgroundColor, function (props) {
2773
2781
  switch (props.placement) {
2774
2782
  case "default":
2775
- return styled.css(_templateObject2$b());
2776
- case "bottom-start":
2777
2783
  return styled.css(_templateObject3$b());
2778
- case "top":
2784
+ case "bottom-start":
2779
2785
  return styled.css(_templateObject4$a());
2780
- case "bottom-end":
2786
+ case "top":
2781
2787
  return styled.css(_templateObject5$8());
2782
- case "right-start":
2788
+ case "bottom-end":
2783
2789
  return styled.css(_templateObject6$6());
2784
- case "left":
2790
+ case "right-start":
2785
2791
  return styled.css(_templateObject7$6());
2792
+ case "left":
2793
+ return styled.css(_templateObject8$6());
2786
2794
  case "right-end":
2787
2795
  //changed
2788
- return styled.css(_templateObject8$6());
2789
- case "left-start":
2790
2796
  return styled.css(_templateObject9$6());
2791
- case "right":
2797
+ case "left-start":
2792
2798
  return styled.css(_templateObject10$6());
2799
+ case "right":
2800
+ return styled.css(_templateObject11$5());
2793
2801
  case "left-end":
2794
2802
  //changed
2795
- return styled.css(_templateObject11$5());
2803
+ return styled.css(_templateObject12$4());
2796
2804
  case "top-start":
2797
2805
  //changed
2798
- return styled.css(_templateObject12$4());
2799
- case "bottom":
2800
2806
  return styled.css(_templateObject13$3());
2801
- case "bottom-end":
2807
+ case "bottom":
2802
2808
  return styled.css(_templateObject14$3());
2803
- case "top-end":
2809
+ case "bottom-end":
2804
2810
  return styled.css(_templateObject15$2());
2805
- default:
2811
+ case "top-end":
2806
2812
  return styled.css(_templateObject16$1());
2813
+ default:
2814
+ return styled.css(_templateObject17$1());
2807
2815
  }
2808
2816
  });
2809
2817
 
@@ -2913,7 +2921,7 @@
2913
2921
  setRenderTooltip(false);
2914
2922
  setDisplayTooltip(false);
2915
2923
  };
2916
- return /*#__PURE__*/jsxRuntime.jsxs("div", {
2924
+ return /*#__PURE__*/jsxRuntime.jsxs(StyledTooltipContainer, {
2917
2925
  onMouseOver: handleMouseOver,
2918
2926
  onMouseLeave: handleMouseLeave,
2919
2927
  ref: containerRef,
@@ -3252,9 +3260,9 @@
3252
3260
  };
3253
3261
  return data;
3254
3262
  }
3255
- function _templateObject17$1() {
3263
+ function _templateObject17$2() {
3256
3264
  var data = _taggedTemplateLiteral(["\n border: 1px solid ", ";\n box-shadow: 0 0 0 3px ", ";\n "]);
3257
- _templateObject17$1 = function _templateObject17() {
3265
+ _templateObject17$2 = function _templateObject17() {
3258
3266
  return data;
3259
3267
  };
3260
3268
  return data;
@@ -3387,7 +3395,7 @@
3387
3395
  var StyledInputEndDate = styled__default.input(_templateObject14$4(), DefaultColorButton, calendarIcon);
3388
3396
  var StyledInputStartDate = styled__default.input(_templateObject15$3(), DefaultColorButton);
3389
3397
  var StyledInputDateRangPickerContainer = styled__default.div(_templateObject16$2(), StyledInputEndDate, PrimaryBlueColor, StyledInputStartDate, PrimaryBlueColor, function (props) {
3390
- return props.isDatesSelected && styled.css(_templateObject17$1(), PrimaryBlueColor, FocusBackgroundColor);
3398
+ return props.isDatesSelected && styled.css(_templateObject17$2(), PrimaryBlueColor, FocusBackgroundColor);
3391
3399
  }, StyledInputEndDate, PrimaryBlueColor, FocusBackgroundColor, StyledInputStartDate, PrimaryBlueColor, FocusBackgroundColor);
3392
3400
  var StyledInputStartDateSingle = styled__default.input(_templateObject18$1(), calendarIcon, DefaultColorButton, PrimaryBlueColor, PrimaryBlueColor, FocusBackgroundColor);
3393
3401
  var StyledDatepickerMainContainer = styled__default.div(_templateObject19$1(), WhiteColor, function (props) {
@@ -9842,9 +9850,9 @@
9842
9850
  });
9843
9851
  };
9844
9852
 
9845
- function _templateObject17$2() {
9853
+ function _templateObject17$3() {
9846
9854
  var data = _taggedTemplateLiteral(["\n color: transparent;\n height: 16px;\n margin-top: 10px;\n &::-webkit-file-upload-button {\n visibility: hidden;\n }\n &::before {\n content: \"Browse file\";\n color: ", ";\n display: inline-block;\n background: transparent;\n border: none;\n outline: none;\n white-space: nowrap;\n user-select: none;\n -webkit-user-select: none;\n cursor: pointer;\n text-shadow: 1px 1px #fff;\n font-weight: 500;\n font-size: 14px;\n display: flex;\n justify-content: center;\n }\n &:hover {\n &::before {\n color: ", ";\n }\n }\n &:active {\n outline: 0;\n }\n"]);
9847
- _templateObject17$2 = function _templateObject17() {
9855
+ _templateObject17$3 = function _templateObject17() {
9848
9856
  return data;
9849
9857
  };
9850
9858
  return data;
@@ -9977,7 +9985,7 @@
9977
9985
  var StyledProgressMainContainer = styled__default.div(_templateObject14$5());
9978
9986
  var StyledClearIcon = styled__default.i(_templateObject15$4(), NotificationClose);
9979
9987
  var StyledDeleteIcon = styled__default.i(_templateObject16$3(), TrashIcon);
9980
- var StyledBrowseFIleURL = styled__default.input(_templateObject17$2(), PrimaryBlueColor, SecondaryBlueColor);
9988
+ var StyledBrowseFIleURL = styled__default.input(_templateObject17$3(), PrimaryBlueColor, SecondaryBlueColor);
9981
9989
 
9982
9990
  /** Detect free variable `global` from Node.js. */
9983
9991
  var freeGlobal = typeof commonjsGlobal == 'object' && commonjsGlobal && commonjsGlobal.Object === Object && commonjsGlobal;
@@ -70885,7 +70893,7 @@
70885
70893
  return data;
70886
70894
  }
70887
70895
  function _templateObject$p() {
70888
- var data = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n gap: 16px;\n\n ", "\n\n ", " {\n width: 58px;\n height: 29px;\n padding: 4px 16px;\n text-align: center;\n }\n\n ", "\n"]);
70896
+ var data = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n gap: 16px;\n width: max-content;\n\n ", "\n\n ", " {\n width: 58px;\n height: 29px;\n padding: 4px 16px;\n text-align: center;\n }\n\n ", "\n"]);
70889
70897
  _templateObject$p = function _templateObject() {
70890
70898
  return data;
70891
70899
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "impact-ui",
3
- "version": "0.1.33",
3
+ "version": "0.1.34",
4
4
  "description": "Impact Analytics UI library",
5
5
  "main": "dist/index.js",
6
6
  "files": [