@mw-kit/mw-ui 1.7.67 → 1.7.68

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 (6) hide show
  1. package/dist/components/ScrollContainer/interfaces.d.ts +2 -0
  2. package/dist/index.js +103 -93
  3. package/dist/index.js.map +1 -1
  4. package/dist/index.modern.js +103 -93
  5. package/dist/index.modern.js.map +1 -1
  6. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -12654,7 +12654,7 @@ var inputTimeWidth = {
12654
12654
  };
12655
12655
 
12656
12656
  var _templateObject$7, _templateObject2$7, _templateObject3$7;
12657
- var BeforeAfterContainer = styled__default.div(_templateObject$7 || (_templateObject$7 = _taggedTemplateLiteralLoose(["\n ", "\n\n ", "\n\n display: flex;\n flex-direction: column;\n"])), function (_ref) {
12657
+ var BeforeAfterContainer = styled__default.div(_templateObject$7 || (_templateObject$7 = _taggedTemplateLiteralLoose(["\n ", "\n\n ", "\n\n display: flex;\n flex-direction: column;\n\n position: relative;\n\n :after {\n content: '';\n width: ", ";\n height: 100%;\n\n position: absolute;\n top: 0;\n left: 100%;\n }\n"])), function (_ref) {
12658
12658
  var theme = _ref.theme,
12659
12659
  fluid = _ref.$fluid,
12660
12660
  spacing = _ref.$spacing;
@@ -12671,7 +12671,11 @@ var BeforeAfterContainer = styled__default.div(_templateObject$7 || (_templateOb
12671
12671
  background = _ref2.$background;
12672
12672
  if (!background) return;
12673
12673
  var args = Array.isArray(background) ? background : [background];
12674
- return styled.css(_templateObject3$7 || (_templateObject3$7 = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n "])), theme.getColor.apply(theme, args));
12674
+ var value = theme.getColor.apply(theme, args);
12675
+ return styled.css(_templateObject3$7 || (_templateObject3$7 = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n :after {\n background-color: ", ";\n }\n "])), value, value);
12676
+ }, function (_ref3) {
12677
+ var theme = _ref3.theme;
12678
+ return "calc(" + theme.spacings.s1 + " * .5)";
12675
12679
  });
12676
12680
 
12677
12681
  var _templateObject$8;
@@ -12683,24 +12687,27 @@ var Container$1 = styled__default.div(_templateObject$8 || (_templateObject$8 =
12683
12687
  return theme.spacings.s1;
12684
12688
  });
12685
12689
 
12686
- var _templateObject$9, _templateObject2$8;
12687
- var OverflowContainer = styled__default.div(_templateObject$9 || (_templateObject$9 = _taggedTemplateLiteralLoose(["\n overflow-y: scroll;\n overflow-y: overlay;\n width: 100%;\n position: relative;\n\n max-height: ", ";\n\n scrollbar-color: ", ";\n scrollbar-width: thin;\n\n ::-webkit-scrollbar {\n width: 7px;\n }\n ::-webkit-scrollbar-thumb {\n background: ", ";\n }\n ::-webkit-scrollbar-track {\n background: ", ";\n }\n\n ", ";\n"])), function (_ref) {
12690
+ var _templateObject$9, _templateObject2$8, _templateObject3$8;
12691
+ var OverflowContainer = styled__default.div(_templateObject$9 || (_templateObject$9 = _taggedTemplateLiteralLoose(["\n overflow-y: scroll;\n overflow-y: overlay;\n width: 100%;\n position: relative;\n\n flex: 1;\n display: flex;\n flex-direction: column;\n\n ", ";\n max-height: ", ";\n\n scrollbar-color: ", ";\n scrollbar-width: thin;\n\n ::-webkit-scrollbar {\n width: 7px;\n }\n ::-webkit-scrollbar-thumb {\n background: ", ";\n }\n ::-webkit-scrollbar-track {\n background: ", ";\n }\n\n ", ";\n"])), function (_ref) {
12688
12692
  var height = _ref.$height;
12689
- return height || '100%';
12693
+ return height && styled.css(_templateObject2$8 || (_templateObject2$8 = _taggedTemplateLiteralLoose(["\n height: ", ";\n "])), height);
12690
12694
  }, function (_ref2) {
12691
- var theme = _ref2.theme;
12692
- return theme.colors.grey + " " + theme.colors.white;
12695
+ var maxHeight = _ref2.$maxHeight;
12696
+ return maxHeight || '100%';
12693
12697
  }, function (_ref3) {
12694
12698
  var theme = _ref3.theme;
12695
- return theme.colors.grey;
12699
+ return theme.colors.grey + " " + theme.colors.white;
12696
12700
  }, function (_ref4) {
12697
12701
  var theme = _ref4.theme;
12698
- return theme.colors.white;
12702
+ return theme.colors.grey;
12699
12703
  }, function (_ref5) {
12700
- var spacing = _ref5.$spacing,
12701
- theme = _ref5.theme;
12704
+ var theme = _ref5.theme;
12705
+ return theme.colors.white;
12706
+ }, function (_ref6) {
12707
+ var spacing = _ref6.$spacing,
12708
+ theme = _ref6.theme;
12702
12709
  var value = getSpacings(spacing || '0', '0').split(' ');
12703
- return styled.css(_templateObject2$8 || (_templateObject2$8 = _taggedTemplateLiteralLoose(["\n padding: ", " calc(", " * 1.5) ", "\n ", ";\n "])), value[0], theme.spacings.s1, value[2], value[3]);
12710
+ return styled.css(_templateObject3$8 || (_templateObject3$8 = _taggedTemplateLiteralLoose(["\n padding: ", " calc(", " * 1.5) ", "\n ", ";\n "])), value[0], theme.spacings.s1, value[2], value[3]);
12704
12711
  });
12705
12712
 
12706
12713
  var _templateObject$a;
@@ -12751,11 +12758,12 @@ var ScrollContainer = React__default.forwardRef(function (props, ref) {
12751
12758
 
12752
12759
  var _onScroll = props.onScroll || function () {};
12753
12760
 
12754
- var htmlProps = filterObject(props, ['onScrollEnd', 'before', 'after', 'loading', 'height', 'spacing', 'empty'], {
12761
+ var htmlProps = filterObject(props, ['onScrollEnd', 'before', 'after', 'loading', 'height', 'maxHeight', 'spacing', 'empty'], {
12755
12762
  $height: props.height,
12763
+ $maxHeight: props.maxHeight,
12756
12764
  $spacing: props.spacing
12757
12765
  });
12758
- return React__default.createElement(Container$1, null, getBeforeAfter(props.before), React__default.createElement(RelativeContainer, null, props.empty && props.empty.empty ? props.empty.content : React__default.createElement(OverflowContainer, Object.assign({
12766
+ return React__default.createElement(Container$1, null, getBeforeAfter(props.before), React__default.createElement(RelativeContainer, null, React__default.createElement(OverflowContainer, Object.assign({
12759
12767
  ref: ref
12760
12768
  }, htmlProps, {
12761
12769
  onScroll: function onScroll(event) {
@@ -12763,13 +12771,15 @@ var ScrollContainer = React__default.forwardRef(function (props, ref) {
12763
12771
 
12764
12772
  _onScroll2(event);
12765
12773
  }
12766
- })), loading && React__default.createElement(Loader, {
12774
+ }, props.empty && props.empty.empty ? {
12775
+ children: props.empty.content
12776
+ } : {})), loading && React__default.createElement(Loader, {
12767
12777
  filled: true
12768
12778
  })), getBeforeAfter(props.after));
12769
12779
  });
12770
12780
  ScrollContainer.displayName = 'ScrollContainer';
12771
12781
 
12772
- var _templateObject$b, _templateObject2$9, _templateObject3$8, _templateObject4$5, _templateObject5$5, _templateObject6$4, _templateObject7$4, _templateObject8$3, _templateObject9$3, _templateObject10$3;
12782
+ var _templateObject$b, _templateObject2$9, _templateObject3$9, _templateObject4$5, _templateObject5$5, _templateObject6$4, _templateObject7$4, _templateObject8$3, _templateObject9$3, _templateObject10$3;
12773
12783
  var Option = styled__default.div(_templateObject$b || (_templateObject$b = _taggedTemplateLiteralLoose(["\n ", ";\n line-height: ", ";\n color: ", ";\n display: flex;\n gap: ", ";\n\n > :nth-child(1) {\n display: flex;\n align-items: center;\n flex: 1;\n max-width: 100%;\n }\n\n ", ";\n\n ", ";\n\n :hover {\n background-color: ", ";\n }\n"])), function (_ref) {
12774
12784
  var theme = _ref.theme;
12775
12785
  return theme.useTypography('p');
@@ -12789,7 +12799,7 @@ var Option = styled__default.div(_templateObject$b || (_templateObject$b = _tagg
12789
12799
  return styled.css(_templateObject2$9 || (_templateObject2$9 = _taggedTemplateLiteralLoose(["\n cursor: pointer;\n "])));
12790
12800
  }
12791
12801
 
12792
- return styled.css(_templateObject3$8 || (_templateObject3$8 = _taggedTemplateLiteralLoose(["\n pointer-events: none;\n opacity: 0.3;\n "])));
12802
+ return styled.css(_templateObject3$9 || (_templateObject3$9 = _taggedTemplateLiteralLoose(["\n pointer-events: none;\n opacity: 0.3;\n "])));
12793
12803
  }, function (_ref6) {
12794
12804
  var border = _ref6.border,
12795
12805
  theme = _ref6.theme;
@@ -12947,7 +12957,7 @@ var MenuComponent = function MenuComponent(props, ref) {
12947
12957
 
12948
12958
  var Menu = React__default.forwardRef(MenuComponent);
12949
12959
 
12950
- var _templateObject$c, _templateObject2$a, _templateObject3$9, _templateObject4$6, _templateObject5$6, _templateObject6$5, _templateObject7$5, _templateObject8$4, _templateObject9$4, _templateObject10$4;
12960
+ var _templateObject$c, _templateObject2$a, _templateObject3$a, _templateObject4$6, _templateObject5$6, _templateObject6$5, _templateObject7$5, _templateObject8$4, _templateObject9$4, _templateObject10$4;
12951
12961
  var Container$3 = styled__default.div(_templateObject$c || (_templateObject$c = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: ", ";\n background-color: ", ";\n position: relative;\n\n ", ";\n"])), function (_ref) {
12952
12962
  var theme = _ref.theme;
12953
12963
  return theme.spacings.s3;
@@ -12961,7 +12971,7 @@ var Container$3 = styled__default.div(_templateObject$c || (_templateObject$c =
12961
12971
  var s3 = theme.spacings.s3;
12962
12972
  return styled.css(_templateObject2$a || (_templateObject2$a = _taggedTemplateLiteralLoose(["\n padding-top: ", ";\n padding-bottom: ", ";\n :first-child {\n padding-left: ", ";\n }\n :last-child {\n padding-right: ", ";\n }\n "])), s3, s3, s3, s3);
12963
12973
  });
12964
- var LabelContainer = styled__default.div(_templateObject3$9 || (_templateObject3$9 = _taggedTemplateLiteralLoose(["\n ", ";\n line-height: ", ";\n"])), function (_ref4) {
12974
+ var LabelContainer = styled__default.div(_templateObject3$a || (_templateObject3$a = _taggedTemplateLiteralLoose(["\n ", ";\n line-height: ", ";\n"])), function (_ref4) {
12965
12975
  var theme = _ref4.theme;
12966
12976
  return theme.useTypography('p');
12967
12977
  }, function (_ref5) {
@@ -13108,7 +13118,7 @@ var Indicator = function Indicator(props) {
13108
13118
  }, props)));
13109
13119
  };
13110
13120
 
13111
- var _templateObject$e, _templateObject2$c, _templateObject3$a, _templateObject4$7, _templateObject5$7, _templateObject6$6, _templateObject7$6, _templateObject8$5, _templateObject9$5, _templateObject10$5, _templateObject11$2;
13121
+ var _templateObject$e, _templateObject2$c, _templateObject3$b, _templateObject4$7, _templateObject5$7, _templateObject6$6, _templateObject7$6, _templateObject8$5, _templateObject9$5, _templateObject10$5, _templateObject11$2;
13112
13122
  var Footer = styled__default.div(_templateObject$e || (_templateObject$e = _taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n\n > button:last-child {\n margin-left: auto;\n }\n"])));
13113
13123
  var WeekContainer = styled__default.div(_templateObject2$c || (_templateObject2$c = _taggedTemplateLiteralLoose(["\n width: 100%;\n display: flex;\n\n :not(:first-child) {\n border-top: 1px solid ", ";\n }\n\n > * {\n font-family: ", ";\n font-size: ", ";\n line-height: ", ";\n width: 32px;\n height: 32px;\n\n color: ", ";\n box-shadow: none;\n\n display: flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n\n border: 1px solid transparent;\n :not(:last-child) {\n border-right-color: ", ";\n }\n }\n"])), function (_ref) {
13114
13124
  var theme = _ref.theme;
@@ -13129,7 +13139,7 @@ var WeekContainer = styled__default.div(_templateObject2$c || (_templateObject2$
13129
13139
  var theme = _ref6.theme;
13130
13140
  return theme.colors.lightestGrey;
13131
13141
  });
13132
- var Header = styled__default.div(_templateObject3$a || (_templateObject3$a = _taggedTemplateLiteralLoose(["\n width: 100%;\n\n background-color: ", ";\n font-weight: bolder;\n\n > ", " {\n border-top: none;\n > * {\n border-right-color: transparent;\n }\n }\n"])), function (_ref7) {
13142
+ var Header = styled__default.div(_templateObject3$b || (_templateObject3$b = _taggedTemplateLiteralLoose(["\n width: 100%;\n\n background-color: ", ";\n font-weight: bolder;\n\n > ", " {\n border-top: none;\n > * {\n border-right-color: transparent;\n }\n }\n"])), function (_ref7) {
13133
13143
  var theme = _ref7.theme;
13134
13144
  return theme.getColor('lightestGrey', 40);
13135
13145
  }, WeekContainer);
@@ -13768,7 +13778,7 @@ var getTimeProps = function getTimeProps(time, value) {
13768
13778
  });
13769
13779
  };
13770
13780
 
13771
- var _templateObject$h, _templateObject2$d, _templateObject3$b, _templateObject4$8, _templateObject5$8, _templateObject6$7, _templateObject7$7, _templateObject8$6, _templateObject9$6, _templateObject10$6;
13781
+ var _templateObject$h, _templateObject2$d, _templateObject3$c, _templateObject4$8, _templateObject5$8, _templateObject6$7, _templateObject7$7, _templateObject8$6, _templateObject9$6, _templateObject10$6;
13772
13782
  var Button = styled__default.button(_templateObject$h || (_templateObject$h = _taggedTemplateLiteralLoose(["\n padding: 0\n ", ";\n font-family: 'Lato', sans-serif;\n font-weight: ", ";\n border-radius: 4px;\n position: relative;\n user-select: none;\n\n ", ";\n\n ", ";\n\n color: ", ";\n\n :disabled {\n opacity: 0.5;\n pointer-events: none;\n }\n\n :hover {\n cursor: ", ";\n\n ", "\n }\n\n :active {\n ", ";\n }\n\n ", "\n"])), function (_ref) {
13773
13783
  var theme = _ref.theme,
13774
13784
  appearance = _ref.appearance;
@@ -13787,7 +13797,7 @@ var Button = styled__default.button(_templateObject$h || (_templateObject$h = _t
13787
13797
  theme = _ref4.theme;
13788
13798
  var bgColor = ['bordered', 'link', 'borderless'].includes(appearance) ? 'transparent' : theme.getColor(color || 'blue');
13789
13799
  var borderColor = appearance !== 'bordered' ? bgColor : theme.getColor(color || 'blue');
13790
- return styled.css(_templateObject3$b || (_templateObject3$b = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n border: 1px solid ", ";\n "])), bgColor, borderColor);
13800
+ return styled.css(_templateObject3$c || (_templateObject3$c = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n border: 1px solid ", ";\n "])), bgColor, borderColor);
13791
13801
  }, function (_ref5) {
13792
13802
  var appearance = _ref5.appearance,
13793
13803
  color = _ref5.color,
@@ -14623,7 +14633,7 @@ var Footer$1 = function Footer() {
14623
14633
  });
14624
14634
  };
14625
14635
 
14626
- var _templateObject$m, _templateObject2$g, _templateObject3$c, _templateObject4$9;
14636
+ var _templateObject$m, _templateObject2$g, _templateObject3$d, _templateObject4$9;
14627
14637
  var Link = styled__default.div(_templateObject$m || (_templateObject$m = _taggedTemplateLiteralLoose(["\n ", "\n\n color: ", ";\n\n ", "\n"])), function (_ref) {
14628
14638
  var size = _ref.size;
14629
14639
  var _sizes = sizes$1[size || 'small'],
@@ -14642,17 +14652,17 @@ var Link = styled__default.div(_templateObject$m || (_templateObject$m = _tagged
14642
14652
  disabled = _ref3.disabled,
14643
14653
  theme = _ref3.theme,
14644
14654
  colorSetting = _ref3.colorSetting;
14645
- return disabled ? styled.css(_templateObject3$c || (_templateObject3$c = _taggedTemplateLiteralLoose(["\n opacity: 0.5;\n "]))) : onClick ? styled.css(_templateObject4$9 || (_templateObject4$9 = _taggedTemplateLiteralLoose(["\n cursor: pointer;\n :hover {\n color: ", ";\n }\n "])), theme.colors[_extends({
14655
+ return disabled ? styled.css(_templateObject3$d || (_templateObject3$d = _taggedTemplateLiteralLoose(["\n opacity: 0.5;\n "]))) : onClick ? styled.css(_templateObject4$9 || (_templateObject4$9 = _taggedTemplateLiteralLoose(["\n cursor: pointer;\n :hover {\n color: ", ";\n }\n "])), theme.colors[_extends({
14646
14656
  hover: 'blue'
14647
14657
  }, colorSetting && typeof colorSetting !== 'string' ? colorSetting : {}).hover]) : null;
14648
14658
  });
14649
14659
 
14650
- var _templateObject$n, _templateObject2$h, _templateObject3$d;
14660
+ var _templateObject$n, _templateObject2$h, _templateObject3$e;
14651
14661
  var HeaderContainer$1 = styled__default.div(_templateObject$n || (_templateObject$n = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
14652
14662
  var theme = _ref.theme;
14653
14663
  return styled.css(_templateObject2$h || (_templateObject2$h = _taggedTemplateLiteralLoose(["\n padding: ", " 0 ", " ", ";\n "])), theme.spacings.s3, theme.spacings.s1, theme.spacings.s3);
14654
14664
  });
14655
- var SelectAllContainer = styled__default.div(_templateObject3$d || (_templateObject3$d = _taggedTemplateLiteralLoose(["\n margin-bottom: ", ";\n display: flex;\n justify-content: space-between;\n"])), function (_ref2) {
14665
+ var SelectAllContainer = styled__default.div(_templateObject3$e || (_templateObject3$e = _taggedTemplateLiteralLoose(["\n margin-bottom: ", ";\n display: flex;\n justify-content: space-between;\n"])), function (_ref2) {
14656
14666
  var theme = _ref2.theme;
14657
14667
  return theme.spacings.s1;
14658
14668
  });
@@ -14821,12 +14831,12 @@ var useSelectMultiple = function useSelectMultiple(props) {
14821
14831
  return returnData;
14822
14832
  };
14823
14833
 
14824
- var _templateObject$o, _templateObject2$i, _templateObject3$e;
14834
+ var _templateObject$o, _templateObject2$i, _templateObject3$f;
14825
14835
  var RelativeContainer$2 = styled__default.div(_templateObject$o || (_templateObject$o = _taggedTemplateLiteralLoose(["\n position: relative;\n ", ";\n"])), function (_ref) {
14826
14836
  var width = _ref.width;
14827
14837
  return !width ? null : styled.css(_templateObject2$i || (_templateObject2$i = _taggedTemplateLiteralLoose(["\n width: ", ";\n "])), width);
14828
14838
  });
14829
- var EmptyContentContainer = styled__default.div(_templateObject3$e || (_templateObject3$e = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: center;\n padding: ", ";\n"])), function (_ref2) {
14839
+ var EmptyContentContainer = styled__default.div(_templateObject3$f || (_templateObject3$f = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: center;\n padding: ", ";\n"])), function (_ref2) {
14830
14840
  var theme = _ref2.theme;
14831
14841
  return theme.spacings.s3;
14832
14842
  });
@@ -15231,10 +15241,10 @@ var countries = {
15231
15241
  }
15232
15242
  };
15233
15243
 
15234
- var _templateObject$q, _templateObject2$k, _templateObject3$f;
15244
+ var _templateObject$q, _templateObject2$k, _templateObject3$g;
15235
15245
  var IconContainer$1 = styled__default.div(_templateObject$q || (_templateObject$q = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n\n > i.icon {\n margin-top: -1px;\n }\n"])));
15236
15246
  var RelativeContainer$3 = styled__default.div(_templateObject2$k || (_templateObject2$k = _taggedTemplateLiteralLoose(["\n position: relative;\n"])));
15237
- var Label$3 = styled__default.div(_templateObject3$f || (_templateObject3$f = _taggedTemplateLiteralLoose(["\n ", "\n\n color: ", ";\n\n display: flex;\n gap: ", ";\n\n > span {\n color: ", ";\n }\n"])), function (_ref) {
15247
+ var Label$3 = styled__default.div(_templateObject3$g || (_templateObject3$g = _taggedTemplateLiteralLoose(["\n ", "\n\n color: ", ";\n\n display: flex;\n gap: ", ";\n\n > span {\n color: ", ";\n }\n"])), function (_ref) {
15238
15248
  var theme = _ref.theme;
15239
15249
  return theme.useTypography('p');
15240
15250
  }, function (_ref2) {
@@ -15414,7 +15424,7 @@ var Phone = Object.assign(Component, {
15414
15424
  getPhoneDetails: getPhoneDetails
15415
15425
  });
15416
15426
 
15417
- var _templateObject$r, _templateObject2$l, _templateObject3$g, _templateObject4$a, _templateObject5$9, _templateObject6$8, _templateObject7$8, _templateObject8$7, _templateObject9$7;
15427
+ var _templateObject$r, _templateObject2$l, _templateObject3$h, _templateObject4$a, _templateObject5$9, _templateObject6$8, _templateObject7$8, _templateObject8$7, _templateObject9$7;
15418
15428
  var RelativeContainer$4 = styled__default.div(_templateObject$r || (_templateObject$r = _taggedTemplateLiteralLoose(["\n position: relative;\n\n input {\n color: transparent;\n }\n"])));
15419
15429
  var LabelContainer$2 = styled__default.div(_templateObject2$l || (_templateObject2$l = _taggedTemplateLiteralLoose(["\n ", "\n line-height: ", ";\n"])), function (_ref) {
15420
15430
  var theme = _ref.theme;
@@ -15423,7 +15433,7 @@ var LabelContainer$2 = styled__default.div(_templateObject2$l || (_templateObjec
15423
15433
  var theme = _ref2.theme;
15424
15434
  return theme.spacings.s3;
15425
15435
  });
15426
- var Container$5 = styled__default.div(_templateObject3$g || (_templateObject3$g = _taggedTemplateLiteralLoose(["\n position: absolute;\n display: flex;\n justify-content: space-between;\n align-items: center;\n border-radius: 4px;\n\n ", "\n\n ", "\n\n ", "\n"])), function (_ref3) {
15436
+ var Container$5 = styled__default.div(_templateObject3$h || (_templateObject3$h = _taggedTemplateLiteralLoose(["\n position: absolute;\n display: flex;\n justify-content: space-between;\n align-items: center;\n border-radius: 4px;\n\n ", "\n\n ", "\n\n ", "\n"])), function (_ref3) {
15427
15437
  var theme = _ref3.theme,
15428
15438
  iconWidth = _ref3.iconWidth,
15429
15439
  paddingless = _ref3.paddingless;
@@ -15564,7 +15574,7 @@ var DatePicker = React__default.forwardRef(function (props, ref) {
15564
15574
  });
15565
15575
  DatePicker.displayName = 'DatePicker';
15566
15576
 
15567
- var _templateObject$s, _templateObject2$m, _templateObject3$h, _templateObject4$b, _templateObject5$a, _templateObject6$9, _templateObject7$9;
15577
+ var _templateObject$s, _templateObject2$m, _templateObject3$i, _templateObject4$b, _templateObject5$a, _templateObject6$9, _templateObject7$9;
15568
15578
  var LabelContainer$3 = styled__default.div(_templateObject$s || (_templateObject$s = _taggedTemplateLiteralLoose(["\n ", "\n line-height: 14px;\n display: flex;\n align-items: center;\n\n ", "\n"])), function (_ref) {
15569
15579
  var theme = _ref.theme;
15570
15580
  return theme.useTypography('p');
@@ -15573,7 +15583,7 @@ var LabelContainer$3 = styled__default.div(_templateObject$s || (_templateObject
15573
15583
  if (!required) return;
15574
15584
  return styled.css(_templateObject2$m || (_templateObject2$m = _taggedTemplateLiteralLoose(["\n :after {\n content: '*';\n }\n "])));
15575
15585
  });
15576
- var Label$4 = styled__default.label(_templateObject3$h || (_templateObject3$h = _taggedTemplateLiteralLoose(["\n display: flex;\n gap: ", ";\n position: relative;\n align-items: center;\n\n ", "\n\n ", "\n\n > input {\n position: absolute;\n height: 0%;\n width: 0%;\n opacity: 0;\n }\n\n > span {\n position: relative;\n width: 50px;\n height: calc(", " + 1px);\n background-color: ", ";\n border-radius: 20px;\n transition-property: background-color;\n transition-duration: 0.4s;\n transition-timing-function: ease-in-out;\n box-sizing: content-box;\n :before {\n content: '';\n transition-property: left;\n transition-duration: 0.4s;\n transition-timing-function: ease-in-out;\n position: absolute;\n border-width: 1px;\n border-style: solid;\n border-radius: 100%;\n left: 0;\n box-shadow: 0px 1px 3px ", ";\n width: calc(", " - 1px);\n height: calc(", " - 1px);\n background-color: ", ";\n }\n }\n\n > input:checked + span {\n :before {\n left: calc(100% - ", " - 1px);\n }\n }\n"])), function (_ref3) {
15586
+ var Label$4 = styled__default.label(_templateObject3$i || (_templateObject3$i = _taggedTemplateLiteralLoose(["\n display: flex;\n gap: ", ";\n position: relative;\n align-items: center;\n\n ", "\n\n ", "\n\n > input {\n position: absolute;\n height: 0%;\n width: 0%;\n opacity: 0;\n }\n\n > span {\n position: relative;\n width: 50px;\n height: calc(", " + 1px);\n background-color: ", ";\n border-radius: 20px;\n transition-property: background-color;\n transition-duration: 0.4s;\n transition-timing-function: ease-in-out;\n box-sizing: content-box;\n :before {\n content: '';\n transition-property: left;\n transition-duration: 0.4s;\n transition-timing-function: ease-in-out;\n position: absolute;\n border-width: 1px;\n border-style: solid;\n border-radius: 100%;\n left: 0;\n box-shadow: 0px 1px 3px ", ";\n width: calc(", " - 1px);\n height: calc(", " - 1px);\n background-color: ", ";\n }\n }\n\n > input:checked + span {\n :before {\n left: calc(100% - ", " - 1px);\n }\n }\n"])), function (_ref3) {
15577
15587
  var theme = _ref3.theme;
15578
15588
  return theme.spacings.s1;
15579
15589
  }, function (_ref4) {
@@ -15675,7 +15685,7 @@ var SelectedArea = styled__default.div(_templateObject$u || (_templateObject$u =
15675
15685
  return percent;
15676
15686
  });
15677
15687
 
15678
- var _templateObject$v, _templateObject2$o, _templateObject3$i;
15688
+ var _templateObject$v, _templateObject2$o, _templateObject3$j;
15679
15689
  var InputContainer$1 = styled__default.div(_templateObject$v || (_templateObject$v = _taggedTemplateLiteralLoose(["\n flex: 1;\n display: flex;\n gap: 6px;\n\n > div {\n position: relative;\n }\n\n ", "\n"])), function (_ref) {
15680
15690
  var theme = _ref.theme,
15681
15691
  invalid = _ref.invalid;
@@ -15684,7 +15694,7 @@ var InputContainer$1 = styled__default.div(_templateObject$v || (_templateObject
15684
15694
  return styled.css(_templateObject2$o || (_templateObject2$o = _taggedTemplateLiteralLoose(["\n ", " > span {\n background-color: ", ";\n }\n\n ", " {\n /** firefox */\n ::-moz-range-thumb {\n border-color: ", ";\n }\n /** ie */\n ::-ms-thumb {\n border-color: ", ";\n }\n /** chrome */\n ::-webkit-slider-thumb {\n border-color: ", ";\n }\n }\n "])), SelectedArea, theme.colors.blue, Input$2, theme.colors.lightestGrey, theme.colors.lightestGrey, theme.colors.lightestGrey);
15685
15695
  }
15686
15696
 
15687
- return styled.css(_templateObject3$i || (_templateObject3$i = _taggedTemplateLiteralLoose(["\n ", " > span {\n background-color: ", ";\n }\n\n ", " {\n /** firefox */\n ::-moz-range-thumb {\n border-color: ", ";\n }\n /** ie */\n ::-ms-thumb {\n border-color: ", ";\n }\n /** chrome */\n ::-webkit-slider-thumb {\n border-color: ", ";\n }\n }\n "])), SelectedArea, theme.colors.warningRed, Input$2, theme.colors.warningRed, theme.colors.warningRed, theme.colors.warningRed);
15697
+ return styled.css(_templateObject3$j || (_templateObject3$j = _taggedTemplateLiteralLoose(["\n ", " > span {\n background-color: ", ";\n }\n\n ", " {\n /** firefox */\n ::-moz-range-thumb {\n border-color: ", ";\n }\n /** ie */\n ::-ms-thumb {\n border-color: ", ";\n }\n /** chrome */\n ::-webkit-slider-thumb {\n border-color: ", ";\n }\n }\n "])), SelectedArea, theme.colors.warningRed, Input$2, theme.colors.warningRed, theme.colors.warningRed, theme.colors.warningRed);
15688
15698
  });
15689
15699
 
15690
15700
  var _templateObject$w;
@@ -15693,7 +15703,7 @@ var LabelContainer$4 = styled__default.div(_templateObject$w || (_templateObject
15693
15703
  return theme.spacings.s1;
15694
15704
  });
15695
15705
 
15696
- var _templateObject$x, _templateObject2$p, _templateObject3$j;
15706
+ var _templateObject$x, _templateObject2$p, _templateObject3$k;
15697
15707
  var NavBar = styled__default.div(_templateObject$x || (_templateObject$x = _taggedTemplateLiteralLoose(["\n position: absolute;\n z-index: 2;\n\n left: 0;\n width: 100%;\n height: calc(33px + ", ");\n transition: height 0.25s ease-in-out;\n overflow: hidden;\n\n ", "\n\n > div:nth-child(1) {\n position: absolute;\n z-index: 2;\n\n width: 93px;\n /* height: 30px; */\n padding: 9px 7px;\n font-size: 13px;\n line-height: 16px;\n border-radius: 1px;\n\n background-color: ", ";\n color: ", ";\n padding: ", ";\n\n display: flex;\n align-items: center;\n justify-content: space-between;\n }\n\n > div:nth-child(2) {\n position: absolute;\n width: 0px;\n height: 0px;\n border-left: 7px solid transparent;\n border-right: 7px solid transparent;\n border-top: 5px solid ", ";\n }\n"])), function (_ref) {
15698
15708
  var theme = _ref.theme;
15699
15709
  return theme.spacings.s3;
@@ -15702,7 +15712,7 @@ var NavBar = styled__default.div(_templateObject$x || (_templateObject$x = _tagg
15702
15712
  position = _ref2.$position,
15703
15713
  strict = _ref2.$strict;
15704
15714
  var distance = strict ? "calc(" + theme.spacings.s1 + " / 2)" : '0px';
15705
- return position === 'bottom' ? styled.css(_templateObject2$p || (_templateObject2$p = _taggedTemplateLiteralLoose(["\n bottom: calc(100% + ", ");\n > div:nth-child(1) {\n bottom: ", ";\n }\n\n > div:nth-child(2) {\n top: calc(100% - 7px);\n }\n "])), distance, theme.spacings.s1) : styled.css(_templateObject3$j || (_templateObject3$j = _taggedTemplateLiteralLoose(["\n top: calc(100% + ", ");\n > div:nth-child(1) {\n top: ", ";\n }\n\n > div:nth-child(2) {\n bottom: calc(100% - 7px);\n transform: rotate(180deg);\n }\n "])), distance, theme.spacings.s1);
15715
+ return position === 'bottom' ? styled.css(_templateObject2$p || (_templateObject2$p = _taggedTemplateLiteralLoose(["\n bottom: calc(100% + ", ");\n > div:nth-child(1) {\n bottom: ", ";\n }\n\n > div:nth-child(2) {\n top: calc(100% - 7px);\n }\n "])), distance, theme.spacings.s1) : styled.css(_templateObject3$k || (_templateObject3$k = _taggedTemplateLiteralLoose(["\n top: calc(100% + ", ");\n > div:nth-child(1) {\n top: ", ";\n }\n\n > div:nth-child(2) {\n bottom: calc(100% - 7px);\n transform: rotate(180deg);\n }\n "])), distance, theme.spacings.s1);
15706
15716
  }, function (_ref3) {
15707
15717
  var theme = _ref3.theme;
15708
15718
  return theme.colors.blue;
@@ -15717,7 +15727,7 @@ var NavBar = styled__default.div(_templateObject$x || (_templateObject$x = _tagg
15717
15727
  return theme.colors.blue;
15718
15728
  });
15719
15729
 
15720
- var _templateObject$y, _templateObject2$q, _templateObject3$k;
15730
+ var _templateObject$y, _templateObject2$q, _templateObject3$l;
15721
15731
  var Label$5 = styled__default.label(_templateObject$y || (_templateObject$y = _taggedTemplateLiteralLoose(["\n ", ";\n line-height: 19px;\n\n width: ", ";\n box-sizing: border-box;\n display: block;\n position: relative;\n\n ", "\n\n > ", " {\n ", "\n }\n\n :not(:hover) ", " {\n height: 0;\n }\n"])), function (_ref) {
15722
15732
  var theme = _ref.theme;
15723
15733
  return theme.useTypography('p');
@@ -15730,7 +15740,7 @@ var Label$5 = styled__default.label(_templateObject$y || (_templateObject$y = _t
15730
15740
  return styled.css(_templateObject2$q || (_templateObject2$q = _taggedTemplateLiteralLoose(["\n opacity: 0.5;\n "])));
15731
15741
  }, LabelContainer$4, function (_ref4) {
15732
15742
  var required = _ref4.required;
15733
- return required && styled.css(_templateObject3$k || (_templateObject3$k = _taggedTemplateLiteralLoose(["\n :after {\n content: ' *';\n }\n "])));
15743
+ return required && styled.css(_templateObject3$l || (_templateObject3$l = _taggedTemplateLiteralLoose(["\n :after {\n content: ' *';\n }\n "])));
15734
15744
  }, NavBar);
15735
15745
 
15736
15746
  var _templateObject$z, _templateObject2$r;
@@ -15747,7 +15757,7 @@ var Marker = styled__default.div(_templateObject$z || (_templateObject$z = _tagg
15747
15757
  var _templateObject$A;
15748
15758
  var MinMaxLabelContainer = styled__default.div(_templateObject$A || (_templateObject$A = _taggedTemplateLiteralLoose(["\n display: flex;\n padding-bottom: 2px;\n"])));
15749
15759
 
15750
- var _templateObject$B, _templateObject2$s, _templateObject3$l;
15760
+ var _templateObject$B, _templateObject2$s, _templateObject3$m;
15751
15761
  var LabelsContainer = styled__default.div(_templateObject$B || (_templateObject$B = _taggedTemplateLiteralLoose(["\n display: flex;\n gap: 7px;\n\n ", "\n"])), function (_ref) {
15752
15762
  var position = _ref.position;
15753
15763
 
@@ -15755,7 +15765,7 @@ var LabelsContainer = styled__default.div(_templateObject$B || (_templateObject$
15755
15765
  return styled.css(_templateObject2$s || (_templateObject2$s = _taggedTemplateLiteralLoose(["\n ", " {\n flex-direction: column-reverse;\n }\n\n ", " {\n :after {\n bottom: calc(100% + 10px);\n }\n }\n\n ", " {\n align-items: start;\n }\n "])), InputContainer$1, Marker, MinMaxLabelContainer);
15756
15766
  }
15757
15767
 
15758
- return styled.css(_templateObject3$l || (_templateObject3$l = _taggedTemplateLiteralLoose(["\n ", " {\n flex-direction: column;\n }\n\n ", " {\n :after {\n top: calc(100% + 9px);\n }\n }\n\n ", " {\n align-items: end;\n }\n "])), InputContainer$1, Marker, MinMaxLabelContainer);
15768
+ return styled.css(_templateObject3$m || (_templateObject3$m = _taggedTemplateLiteralLoose(["\n ", " {\n flex-direction: column;\n }\n\n ", " {\n :after {\n top: calc(100% + 9px);\n }\n }\n\n ", " {\n align-items: end;\n }\n "])), InputContainer$1, Marker, MinMaxLabelContainer);
15759
15769
  });
15760
15770
 
15761
15771
  var _templateObject$C;
@@ -16014,7 +16024,7 @@ var Range = React__default.forwardRef(function (props, ref) {
16014
16024
  });
16015
16025
  Range.displayName = 'input';
16016
16026
 
16017
- var _templateObject$D, _templateObject2$t, _templateObject3$m, _templateObject4$c, _templateObject5$b, _templateObject6$a, _templateObject7$a;
16027
+ var _templateObject$D, _templateObject2$t, _templateObject3$n, _templateObject4$c, _templateObject5$b, _templateObject6$a, _templateObject7$a;
16018
16028
  var LabelContainer$5 = styled__default.div(_templateObject$D || (_templateObject$D = _taggedTemplateLiteralLoose(["\n ", "\n display: flex;\n align-items: center;\n"])), function (_ref) {
16019
16029
  var theme = _ref.theme;
16020
16030
  return theme.useTypography('p');
@@ -16026,7 +16036,7 @@ var Label$6 = styled__default.label(_templateObject2$t || (_templateObject2$t =
16026
16036
  var disabled = _ref3.disabled;
16027
16037
 
16028
16038
  if (!disabled) {
16029
- return styled.css(_templateObject3$m || (_templateObject3$m = _taggedTemplateLiteralLoose(["\n > span {\n cursor: pointer;\n }\n "])));
16039
+ return styled.css(_templateObject3$n || (_templateObject3$n = _taggedTemplateLiteralLoose(["\n > span {\n cursor: pointer;\n }\n "])));
16030
16040
  }
16031
16041
 
16032
16042
  return styled.css(_templateObject4$c || (_templateObject4$c = _taggedTemplateLiteralLoose(["\n opacity: 0.5;\n "])));
@@ -16257,7 +16267,7 @@ var parse = function parse(value) {
16257
16267
  });
16258
16268
  };
16259
16269
 
16260
- var _templateObject$E, _templateObject2$u, _templateObject3$n, _templateObject4$d, _templateObject5$c, _templateObject6$b, _templateObject7$b, _templateObject8$8, _templateObject9$8, _templateObject10$7, _templateObject11$3, _templateObject12$2;
16270
+ var _templateObject$E, _templateObject2$u, _templateObject3$o, _templateObject4$d, _templateObject5$c, _templateObject6$b, _templateObject7$b, _templateObject8$8, _templateObject9$8, _templateObject10$7, _templateObject11$3, _templateObject12$2;
16261
16271
  var RelativeContainer$5 = styled__default.div(_templateObject$E || (_templateObject$E = _taggedTemplateLiteralLoose(["\n position: relative;\n user-select: none;\n min-width: 220px;\n\n > input,\n > label > input {\n color: transparent;\n background-color: transparent;\n width: 1px;\n height: 1px;\n position: absolute;\n left: 0;\n bottom: 0;\n border: 0;\n padding: 0;\n overflow: hidden;\n outline: none;\n box-shadow: none;\n }\n"])));
16262
16272
  var LabelContainer$6 = styled__default.div(_templateObject2$u || (_templateObject2$u = _taggedTemplateLiteralLoose(["\n ", "\n line-height: 17px;\n flex: 1;\n\n :first-child {\n text-align: left;\n }\n :not(:first-child) {\n text-align: center;\n }\n\n ", "\n\n ", ";\n"])), function (_ref) {
16263
16273
  var theme = _ref.theme;
@@ -16265,7 +16275,7 @@ var LabelContainer$6 = styled__default.div(_templateObject2$u || (_templateObjec
16265
16275
  }, function (_ref2) {
16266
16276
  var children = _ref2.children;
16267
16277
  if (children) return;
16268
- return styled.css(_templateObject3$n || (_templateObject3$n = _taggedTemplateLiteralLoose(["\n :after {\n content: '--/--/-- (--:--) \xE0 --/--/-- (--:--)';\n color: ", ";\n }\n "])), function (_ref3) {
16278
+ return styled.css(_templateObject3$o || (_templateObject3$o = _taggedTemplateLiteralLoose(["\n :after {\n content: '--/--/-- (--:--) \xE0 --/--/-- (--:--)';\n color: ", ";\n }\n "])), function (_ref3) {
16269
16279
  var theme = _ref3.theme;
16270
16280
  return theme.colors.darkGrey;
16271
16281
  });
@@ -16657,7 +16667,7 @@ var Tag$1 = function Tag$1(props) {
16657
16667
  })));
16658
16668
  };
16659
16669
 
16660
- var _templateObject$I, _templateObject2$w, _templateObject3$o;
16670
+ var _templateObject$I, _templateObject2$w, _templateObject3$p;
16661
16671
  var Label$9 = styled__default.label(_templateObject$I || (_templateObject$I = _taggedTemplateLiteralLoose(["\n ", ";\n\n color: ", ";\n\n width: ", ";\n box-sizing: border-box;\n position: relative;\n display: block;\n\n ", "\n"])), function (_ref) {
16662
16672
  var theme = _ref.theme;
16663
16673
  return theme.useTypography('p');
@@ -16672,7 +16682,7 @@ var Label$9 = styled__default.label(_templateObject$I || (_templateObject$I = _t
16672
16682
  if (!disabled) return;
16673
16683
  return styled.css(_templateObject2$w || (_templateObject2$w = _taggedTemplateLiteralLoose(["\n opacity: 0.5;\n "])));
16674
16684
  });
16675
- var TagContainer = styled__default.div(_templateObject3$o || (_templateObject3$o = _taggedTemplateLiteralLoose(["\n border-width: 1px;\n border-style: solid;\n border-color: ", ";\n border-radius: 4px;\n display: flex;\n flex-wrap: wrap;\n gap: calc(", " / 2);\n padding: ", ";\n"])), function (_ref5) {
16685
+ var TagContainer = styled__default.div(_templateObject3$p || (_templateObject3$p = _taggedTemplateLiteralLoose(["\n border-width: 1px;\n border-style: solid;\n border-color: ", ";\n border-radius: 4px;\n display: flex;\n flex-wrap: wrap;\n gap: calc(", " / 2);\n padding: ", ";\n"])), function (_ref5) {
16676
16686
  var theme = _ref5.theme,
16677
16687
  invalid = _ref5.invalid;
16678
16688
  return theme.colors[invalid ? 'warningRed' : 'lightGrey'];
@@ -17154,7 +17164,7 @@ var Input$5 = Object.assign(Component$2, {
17154
17164
  getPhoneDetails: Phone.getPhoneDetails
17155
17165
  });
17156
17166
 
17157
- var _templateObject$K, _templateObject2$x, _templateObject3$p, _templateObject4$e;
17167
+ var _templateObject$K, _templateObject2$x, _templateObject3$q, _templateObject4$e;
17158
17168
  var Container$7 = styled__default(AbsoluteContainer)(_templateObject$K || (_templateObject$K = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n\n > div {\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n\n > div {\n padding: ", ";\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n }\n }\n"])), function (_ref) {
17159
17169
  var theme = _ref.theme;
17160
17170
  return theme.colors.white;
@@ -17169,7 +17179,7 @@ var Header$3 = styled__default.div(_templateObject2$x || (_templateObject2$x = _
17169
17179
  var s3 = _ref4.theme.spacings.s3;
17170
17180
  return "0 " + s3 + " " + s3 + " 0";
17171
17181
  });
17172
- var Title = styled__default.div(_templateObject3$p || (_templateObject3$p = _taggedTemplateLiteralLoose(["\n ", "\n color: ", ";\n"])), function (_ref5) {
17182
+ var Title = styled__default.div(_templateObject3$q || (_templateObject3$q = _taggedTemplateLiteralLoose(["\n ", "\n color: ", ";\n"])), function (_ref5) {
17173
17183
  var useTypography = _ref5.theme.useTypography;
17174
17184
  return useTypography('p', {
17175
17185
  fontWeight: 'bold'
@@ -17292,7 +17302,7 @@ var AppliedFiltersMenu = function AppliedFiltersMenu(props) {
17292
17302
  }))));
17293
17303
  };
17294
17304
 
17295
- var _templateObject$L, _templateObject2$y, _templateObject3$q;
17305
+ var _templateObject$L, _templateObject2$y, _templateObject3$r;
17296
17306
  var Container$8 = styled__default.div(_templateObject$L || (_templateObject$L = _taggedTemplateLiteralLoose(["\n display: flex;\n gap: ", ";\n align-items: center;\n color: ", ";\n\n ", "\n"])), function (_ref) {
17297
17307
  var theme = _ref.theme,
17298
17308
  gap = _ref.$gap;
@@ -17307,7 +17317,7 @@ var Container$8 = styled__default.div(_templateObject$L || (_templateObject$L =
17307
17317
  return styled.css(_templateObject2$y || (_templateObject2$y = _taggedTemplateLiteralLoose(["\n opacity: 0.3;\n pointer-events: none;\n "])));
17308
17318
  }
17309
17319
 
17310
- return styled.css(_templateObject3$q || (_templateObject3$q = _taggedTemplateLiteralLoose(["\n cursor: pointer;\n "])));
17320
+ return styled.css(_templateObject3$r || (_templateObject3$r = _taggedTemplateLiteralLoose(["\n cursor: pointer;\n "])));
17311
17321
  });
17312
17322
 
17313
17323
  var Button$5 = function Button(props) {
@@ -17359,11 +17369,11 @@ var AppliedFilters = Object.assign(function (props) {
17359
17369
  Menu: AppliedFiltersMenu
17360
17370
  });
17361
17371
 
17362
- var _templateObject$M, _templateObject2$z, _templateObject3$r, _templateObject4$f, _templateObject5$d, _templateObject6$c, _templateObject7$c, _templateObject8$9, _templateObject9$9, _templateObject10$8;
17372
+ var _templateObject$M, _templateObject2$z, _templateObject3$s, _templateObject4$f, _templateObject5$d, _templateObject6$c, _templateObject7$c, _templateObject8$9, _templateObject9$9, _templateObject10$8;
17363
17373
  var Container$9 = styled__default.div(_templateObject$M || (_templateObject$M = _taggedTemplateLiteralLoose(["\n width: 100%;\n background: #fff;\n border: 1px solid #d4d4d5;\n border-radius: 4px;\n border-left-width: 5px;\n padding: 14px;\n ", "\n ", "\n ", "\n ", "\n\n ", "\n ", "\n ", "\n\n ", "\n ", "\n"])), function (props) {
17364
17374
  return props.size === 'mini' && styled.css(_templateObject2$z || (_templateObject2$z = _taggedTemplateLiteralLoose(["\n width: 394px;\n height: 99px;\n "])));
17365
17375
  }, function (props) {
17366
- return props.size === 'small' && styled.css(_templateObject3$r || (_templateObject3$r = _taggedTemplateLiteralLoose(["\n width: 394px;\n height: 131px;\n "])));
17376
+ return props.size === 'small' && styled.css(_templateObject3$s || (_templateObject3$s = _taggedTemplateLiteralLoose(["\n width: 394px;\n height: 131px;\n "])));
17367
17377
  }, function (props) {
17368
17378
  return props.size === 'medium' && styled.css(_templateObject4$f || (_templateObject4$f = _taggedTemplateLiteralLoose(["\n width: 394px;\n "])));
17369
17379
  }, function (props) {
@@ -17800,7 +17810,7 @@ var useContext$2 = function useContext() {
17800
17810
  return React__default.useContext(Provider$2);
17801
17811
  };
17802
17812
 
17803
- var _templateObject$P, _templateObject2$A, _templateObject3$s, _templateObject4$g, _templateObject5$e, _templateObject6$d, _templateObject7$d, _templateObject8$a, _templateObject9$a, _templateObject10$9, _templateObject11$4, _templateObject12$3, _templateObject13$2, _templateObject14$2, _templateObject15$2;
17813
+ var _templateObject$P, _templateObject2$A, _templateObject3$t, _templateObject4$g, _templateObject5$e, _templateObject6$d, _templateObject7$d, _templateObject8$a, _templateObject9$a, _templateObject10$9, _templateObject11$4, _templateObject12$3, _templateObject13$2, _templateObject14$2, _templateObject15$2;
17804
17814
  var aligns = {
17805
17815
  self: {
17806
17816
  horizontal: {
@@ -17835,7 +17845,7 @@ var Col = styled__default.div(_templateObject$P || (_templateObject$P = _taggedT
17835
17845
  if (width === undefined) {
17836
17846
  return styled.css(_templateObject2$A || (_templateObject2$A = _taggedTemplateLiteralLoose(["\n flex-basis: 0;\n flex-grow: 1;\n max-width: 100%;\n width: 100%;\n "])));
17837
17847
  } else if (width === 'auto') {
17838
- return styled.css(_templateObject3$s || (_templateObject3$s = _taggedTemplateLiteralLoose(["\n flex: 0 0 auto;\n width: auto;\n max-width: none;\n "])));
17848
+ return styled.css(_templateObject3$t || (_templateObject3$t = _taggedTemplateLiteralLoose(["\n flex: 0 0 auto;\n width: auto;\n max-width: none;\n "])));
17839
17849
  }
17840
17850
 
17841
17851
  var w = parseFloat(width) * 100 / 12;
@@ -17937,7 +17947,7 @@ var useContext$3 = function useContext() {
17937
17947
  return React__default.useContext(Provider$3);
17938
17948
  };
17939
17949
 
17940
- var _templateObject$Q, _templateObject2$B, _templateObject3$t;
17950
+ var _templateObject$Q, _templateObject2$B, _templateObject3$u;
17941
17951
  var Grid = styled__default.div(_templateObject$Q || (_templateObject$Q = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n width: 100%;\n\n ", "\n\n ", "\n"])), function (_ref) {
17942
17952
  var spacing = _ref.spacing;
17943
17953
  if (spacing === undefined) return;
@@ -17947,7 +17957,7 @@ var Grid = styled__default.div(_templateObject$Q || (_templateObject$Q = _tagged
17947
17957
  var borderless = _ref2.borderless,
17948
17958
  lightestGrey = _ref2.theme.colors.lightestGrey;
17949
17959
  if (borderless) return;
17950
- return styled.css(_templateObject3$t || (_templateObject3$t = _taggedTemplateLiteralLoose(["\n border: 1px solid ", ";\n "])), lightestGrey);
17960
+ return styled.css(_templateObject3$u || (_templateObject3$u = _taggedTemplateLiteralLoose(["\n border: 1px solid ", ";\n "])), lightestGrey);
17951
17961
  });
17952
17962
 
17953
17963
  var Grid$1 = React__default.forwardRef(function (props, ref) {
@@ -17965,7 +17975,7 @@ var Grid$1 = React__default.forwardRef(function (props, ref) {
17965
17975
  });
17966
17976
  Grid$1.displayName = 'Grid';
17967
17977
 
17968
- var _templateObject$R, _templateObject2$C, _templateObject3$u, _templateObject4$h, _templateObject5$f, _templateObject6$e, _templateObject7$e, _templateObject8$b, _templateObject9$b, _templateObject10$a;
17978
+ var _templateObject$R, _templateObject2$C, _templateObject3$v, _templateObject4$h, _templateObject5$f, _templateObject6$e, _templateObject7$e, _templateObject8$b, _templateObject9$b, _templateObject10$a;
17969
17979
  var horizontalAligns = {
17970
17980
  around: 'space-around',
17971
17981
  between: 'space-between',
@@ -17986,7 +17996,7 @@ var Row = styled__default.div(_templateObject$R || (_templateObject$R = _taggedT
17986
17996
  }, function (_ref2) {
17987
17997
  var spacingAround = _ref2.spacingAround;
17988
17998
  if (spacingAround) return;
17989
- return styled.css(_templateObject3$u || (_templateObject3$u = _taggedTemplateLiteralLoose(["\n :first-child {\n padding-top: 0;\n }\n :last-child {\n padding-bottom: 0;\n }\n "])));
17999
+ return styled.css(_templateObject3$v || (_templateObject3$v = _taggedTemplateLiteralLoose(["\n :first-child {\n padding-top: 0;\n }\n :last-child {\n padding-bottom: 0;\n }\n "])));
17990
18000
  }, function (_ref3) {
17991
18001
  var horizontalAlign = _ref3.horizontalAlign;
17992
18002
  if (horizontalAlign === undefined) return;
@@ -18096,13 +18106,13 @@ var widths = {
18096
18106
  default: '642.5px'
18097
18107
  };
18098
18108
 
18099
- var _templateObject$S, _templateObject2$D, _templateObject3$v, _templateObject4$i, _templateObject5$g, _templateObject6$f, _templateObject7$f, _templateObject8$c, _templateObject9$c, _templateObject10$b;
18109
+ var _templateObject$S, _templateObject2$D, _templateObject3$w, _templateObject4$i, _templateObject5$g, _templateObject6$f, _templateObject7$f, _templateObject8$c, _templateObject9$c, _templateObject10$b;
18100
18110
  var Background = styled__default.div(_templateObject$S || (_templateObject$S = _taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n align-items: center;\n position: fixed;\n top: 0;\n left: 0;\n width: 100vw;\n height: 100vh;\n backdrop-filter: blur(3px);\n background-color: ", ";\n"])), function (_ref) {
18101
18111
  var theme = _ref.theme;
18102
18112
  return theme.getColor('black', 25);
18103
18113
  });
18104
18114
  var Content = styled__default.div(_templateObject2$D || (_templateObject2$D = _taggedTemplateLiteralLoose(["\n flex: 1;\n position: relative;\n"])));
18105
- var Header$5 = styled__default.div(_templateObject3$v || (_templateObject3$v = _taggedTemplateLiteralLoose(["\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n\n ", "\n"])), function (_ref2) {
18115
+ var Header$5 = styled__default.div(_templateObject3$w || (_templateObject3$w = _taggedTemplateLiteralLoose(["\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n\n ", "\n"])), function (_ref2) {
18106
18116
  var _ref2$theme = _ref2.theme,
18107
18117
  colors = _ref2$theme.colors,
18108
18118
  spacings = _ref2$theme.spacings,
@@ -18326,10 +18336,10 @@ var Modal$1 = Object.assign(Modal, {
18326
18336
  Audit: Audit
18327
18337
  });
18328
18338
 
18329
- var _templateObject$W, _templateObject2$E, _templateObject3$w, _templateObject4$j, _templateObject5$h, _templateObject6$g, _templateObject7$g, _templateObject8$d, _templateObject9$d, _templateObject10$c, _templateObject11$5;
18339
+ var _templateObject$W, _templateObject2$E, _templateObject3$x, _templateObject4$j, _templateObject5$h, _templateObject6$g, _templateObject7$g, _templateObject8$d, _templateObject9$d, _templateObject10$c, _templateObject11$5;
18330
18340
  var Container$c = styled__default.div(_templateObject$W || (_templateObject$W = _taggedTemplateLiteralLoose(["\n width: 100%;\n height: 300px;\n position: absolute;\n padding: 14px;\n"])));
18331
18341
  var Header$6 = styled__default.div(_templateObject2$E || (_templateObject2$E = _taggedTemplateLiteralLoose(["\n display: flex;\n"])));
18332
- var HeaderImage = styled__default.div(_templateObject3$w || (_templateObject3$w = _taggedTemplateLiteralLoose(["\n width: 43px;\n height: 44px;\n background-color: #ebebeb;\n"])));
18342
+ var HeaderImage = styled__default.div(_templateObject3$x || (_templateObject3$x = _taggedTemplateLiteralLoose(["\n width: 43px;\n height: 44px;\n background-color: #ebebeb;\n"])));
18333
18343
  var HeaderContent = styled__default.div(_templateObject4$j || (_templateObject4$j = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n flex: 1;\n"])));
18334
18344
  var MainContent = styled__default.div(_templateObject5$h || (_templateObject5$h = _taggedTemplateLiteralLoose(["\n margin-top: 8px;\n"])));
18335
18345
  var HeaderLine = styled__default.div(_templateObject6$g || (_templateObject6$g = _taggedTemplateLiteralLoose(["\n height: ", ";\n background-color: #ebebeb;\n margin-left: 7px;\n\n & + div {\n margin-top: 14px;\n }\n\n ", "\n ", "\n\n ", "\n\n ", "\n"])), function (props) {
@@ -18378,23 +18388,23 @@ var Template1 = function Template1(props) {
18378
18388
  })));
18379
18389
  };
18380
18390
 
18381
- var _templateObject$X, _templateObject2$F, _templateObject3$x, _templateObject4$k, _templateObject5$i;
18391
+ var _templateObject$X, _templateObject2$F, _templateObject3$y, _templateObject4$k, _templateObject5$i;
18382
18392
  var HeaderLine$1 = styled__default.div(_templateObject$X || (_templateObject$X = _taggedTemplateLiteralLoose(["\n height: ", ";\n background-color: #ebebeb;\n margin-left: 7px;\n\n & + div {\n margin-top: 14px;\n }\n\n ", "\n ", "\n\n ", "\n\n ", "\n"])), function (props) {
18383
18393
  return props.height;
18384
18394
  }, function (props) {
18385
18395
  return props.size === 'mini' && styled.css(_templateObject2$F || (_templateObject2$F = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
18386
18396
  }, function (props) {
18387
- return props.size === 'small' && styled.css(_templateObject3$x || (_templateObject3$x = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
18397
+ return props.size === 'small' && styled.css(_templateObject3$y || (_templateObject3$y = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
18388
18398
  }, function (props) {
18389
18399
  return props.size === 'medium' && styled.css(_templateObject4$k || (_templateObject4$k = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
18390
18400
  }, function (props) {
18391
18401
  return props.size === 'large' && styled.css(_templateObject5$i || (_templateObject5$i = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
18392
18402
  });
18393
18403
 
18394
- var _templateObject$Y, _templateObject2$G, _templateObject3$y, _templateObject4$l, _templateObject5$j, _templateObject6$h, _templateObject7$h, _templateObject8$e;
18404
+ var _templateObject$Y, _templateObject2$G, _templateObject3$z, _templateObject4$l, _templateObject5$j, _templateObject6$h, _templateObject7$h, _templateObject8$e;
18395
18405
  var Container$d = styled__default.div(_templateObject$Y || (_templateObject$Y = _taggedTemplateLiteralLoose(["\n width: 100%;\n max-height: 100%;\n position: absolute;\n padding: 14px;\n"])));
18396
18406
  var Template2Container = styled__default(Container$d)(_templateObject2$G || (_templateObject2$G = _taggedTemplateLiteralLoose(["\n background: #fff;\n border: 2px solid #ebebeb;\n"])));
18397
- var Header$7 = styled__default.div(_templateObject3$y || (_templateObject3$y = _taggedTemplateLiteralLoose(["\n display: flex;\n"])));
18407
+ var Header$7 = styled__default.div(_templateObject3$z || (_templateObject3$z = _taggedTemplateLiteralLoose(["\n display: flex;\n"])));
18398
18408
  var HeaderImage$1 = styled__default.div(_templateObject4$l || (_templateObject4$l = _taggedTemplateLiteralLoose(["\n width: 43px;\n height: 44px;\n background-color: #ebebeb;\n"])));
18399
18409
  var HeaderContent$1 = styled__default.div(_templateObject5$j || (_templateObject5$j = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n flex: 1;\n"])));
18400
18410
  var MainContent$1 = styled__default.div(_templateObject6$h || (_templateObject6$h = _taggedTemplateLiteralLoose(["\n margin-top: 8px;\n"])));
@@ -18422,10 +18432,10 @@ var Template2 = function Template2(props) {
18422
18432
  })));
18423
18433
  };
18424
18434
 
18425
- var _templateObject$Z, _templateObject2$H, _templateObject3$z;
18435
+ var _templateObject$Z, _templateObject2$H, _templateObject3$A;
18426
18436
  var Container$e = styled__default.div(_templateObject$Z || (_templateObject$Z = _taggedTemplateLiteralLoose(["\n width: 100%;\n max-height: 100%;\n position: absolute;\n padding: 14px;\n"])));
18427
18437
  var Template3Container = styled__default(Container$e)(_templateObject2$H || (_templateObject2$H = _taggedTemplateLiteralLoose([""])));
18428
- var Template3Line = styled__default(HeaderLine$1)(_templateObject3$z || (_templateObject3$z = _taggedTemplateLiteralLoose(["\n background-color: #dadada;\n height: ", ";\n"])), function (props) {
18438
+ var Template3Line = styled__default(HeaderLine$1)(_templateObject3$A || (_templateObject3$A = _taggedTemplateLiteralLoose(["\n background-color: #dadada;\n height: ", ";\n"])), function (props) {
18429
18439
  return props.height;
18430
18440
  });
18431
18441
 
@@ -18454,12 +18464,12 @@ var Template3 = function Template3(props) {
18454
18464
  }));
18455
18465
  };
18456
18466
 
18457
- var _templateObject$_, _templateObject2$I, _templateObject3$A, _templateObject4$m, _templateObject5$k, _templateObject6$i, _templateObject7$i, _templateObject8$f;
18467
+ var _templateObject$_, _templateObject2$I, _templateObject3$B, _templateObject4$m, _templateObject5$k, _templateObject6$i, _templateObject7$i, _templateObject8$f;
18458
18468
  var Container$f = styled__default.div(_templateObject$_ || (_templateObject$_ = _taggedTemplateLiteralLoose(["\n width: 100%;\n max-height: 100%;\n position: absolute;\n padding: 14px;\n"])));
18459
18469
  var HeaderLine$3 = styled__default.div(_templateObject2$I || (_templateObject2$I = _taggedTemplateLiteralLoose(["\n height: ", ";\n background-color: #ebebeb;\n margin-left: 7px;\n\n & + div {\n margin-top: 14px;\n }\n\n ", "\n ", "\n\n ", "\n\n ", "\n"])), function (props) {
18460
18470
  return props.height;
18461
18471
  }, function (props) {
18462
- return props.size === 'mini' && styled.css(_templateObject3$A || (_templateObject3$A = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
18472
+ return props.size === 'mini' && styled.css(_templateObject3$B || (_templateObject3$B = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
18463
18473
  }, function (props) {
18464
18474
  return props.size === 'small' && styled.css(_templateObject4$m || (_templateObject4$m = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
18465
18475
  }, function (props) {
@@ -18521,10 +18531,10 @@ var Template4 = function Template4(props) {
18521
18531
  }));
18522
18532
  };
18523
18533
 
18524
- var _templateObject$$, _templateObject2$J, _templateObject3$B, _templateObject4$n, _templateObject5$l, _templateObject6$j, _templateObject7$j, _templateObject8$g, _templateObject9$e;
18534
+ var _templateObject$$, _templateObject2$J, _templateObject3$C, _templateObject4$n, _templateObject5$l, _templateObject6$j, _templateObject7$j, _templateObject8$g, _templateObject9$e;
18525
18535
  var Container$g = styled__default.div(_templateObject$$ || (_templateObject$$ = _taggedTemplateLiteralLoose(["\n position: absolute;\n width: 746px;\n height: 169px;\n border: 1px solid #e6e6e7;\n border-radius: 4px;\n padding: 14px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n"])));
18526
18536
  var Circle = styled__default.div(_templateObject2$J || (_templateObject2$J = _taggedTemplateLiteralLoose(["\n width: 141px;\n height: 141px;\n background-color: #dddedf;\n border-radius: 50%;\n"])));
18527
- var HeaderLine$4 = styled__default.div(_templateObject3$B || (_templateObject3$B = _taggedTemplateLiteralLoose(["\n height: ", ";\n background-color: #ebebeb;\n margin-left: 7px;\n\n & + div {\n margin-top: 14px;\n }\n\n ", "\n ", "\n\n ", "\n\n ", "\n"])), function (props) {
18537
+ var HeaderLine$4 = styled__default.div(_templateObject3$C || (_templateObject3$C = _taggedTemplateLiteralLoose(["\n height: ", ";\n background-color: #ebebeb;\n margin-left: 7px;\n\n & + div {\n margin-top: 14px;\n }\n\n ", "\n ", "\n\n ", "\n\n ", "\n"])), function (props) {
18528
18538
  return props.height;
18529
18539
  }, function (props) {
18530
18540
  return props.size === 'mini' && styled.css(_templateObject4$n || (_templateObject4$n = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
@@ -18569,10 +18579,10 @@ var Template5 = function Template5(props) {
18569
18579
  })));
18570
18580
  };
18571
18581
 
18572
- var _templateObject$10, _templateObject2$K, _templateObject3$C, _templateObject4$o, _templateObject5$m, _templateObject6$k, _templateObject7$k, _templateObject8$h, _templateObject9$f;
18582
+ var _templateObject$10, _templateObject2$K, _templateObject3$D, _templateObject4$o, _templateObject5$m, _templateObject6$k, _templateObject7$k, _templateObject8$h, _templateObject9$f;
18573
18583
  var Container$h = styled__default.div(_templateObject$10 || (_templateObject$10 = _taggedTemplateLiteralLoose(["\n width: 395px;\n\n display: flex;\n align-items: center;\n justify-content: space-between;\n background-color: #f5f5f5;\n"])));
18574
18584
  var Header$8 = styled__default.div(_templateObject2$K || (_templateObject2$K = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding: 14px;\n"])));
18575
- var Footer$3 = styled__default.div(_templateObject3$C || (_templateObject3$C = _taggedTemplateLiteralLoose(["\n width: 100%;\n border-top: 1px solid #b1b1b3;\n height: 50px;\n"])));
18585
+ var Footer$3 = styled__default.div(_templateObject3$D || (_templateObject3$D = _taggedTemplateLiteralLoose(["\n width: 100%;\n border-top: 1px solid #b1b1b3;\n height: 50px;\n"])));
18576
18586
  var HeaderLine$5 = styled__default.div(_templateObject4$o || (_templateObject4$o = _taggedTemplateLiteralLoose(["\n height: ", ";\n background-color: #ebebeb;\n margin-left: 7px;\n\n & + div {\n margin-top: 14px;\n }\n\n ", "\n ", "\n\n ", "\n\n ", "\n"])), function (props) {
18577
18587
  return props.height;
18578
18588
  }, function (props) {
@@ -18612,10 +18622,10 @@ var Template6 = function Template6(props) {
18612
18622
  })));
18613
18623
  };
18614
18624
 
18615
- var _templateObject$11, _templateObject2$L, _templateObject3$D, _templateObject4$p, _templateObject5$n, _templateObject6$l, _templateObject7$l, _templateObject8$i, _templateObject9$g, _templateObject10$d;
18625
+ var _templateObject$11, _templateObject2$L, _templateObject3$E, _templateObject4$p, _templateObject5$n, _templateObject6$l, _templateObject7$l, _templateObject8$i, _templateObject9$g, _templateObject10$d;
18616
18626
  var Container$i = styled__default.div(_templateObject$11 || (_templateObject$11 = _taggedTemplateLiteralLoose(["\n width: 395px;\n height: 110px;\n display: flex;\n flex-direction: column;\n align-items: center;\n background: #f5f5f5 0% 0% no-repeat padding-box;\n"])));
18617
18627
  var Header$9 = styled__default.div(_templateObject2$L || (_templateObject2$L = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding: 14px;\n width: 100%;\n"])));
18618
- var HeaderLine$6 = styled__default.div(_templateObject3$D || (_templateObject3$D = _taggedTemplateLiteralLoose(["\n height: ", ";\n background-color: #ebebeb;\n margin-left: 7px;\n\n & + div {\n margin-top: 14px;\n }\n\n ", "\n ", "\n\n ", "\n\n ", "\n"])), function (props) {
18628
+ var HeaderLine$6 = styled__default.div(_templateObject3$E || (_templateObject3$E = _taggedTemplateLiteralLoose(["\n height: ", ";\n background-color: #ebebeb;\n margin-left: 7px;\n\n & + div {\n margin-top: 14px;\n }\n\n ", "\n ", "\n\n ", "\n\n ", "\n"])), function (props) {
18619
18629
  return props.height;
18620
18630
  }, function (props) {
18621
18631
  return props.size === 'mini' && styled.css(_templateObject4$p || (_templateObject4$p = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
@@ -18646,10 +18656,10 @@ var Template7 = function Template7(props) {
18646
18656
  })), React__default.createElement(Main$2, null, React__default.createElement(Circle$1, null), React__default.createElement(Circle$1, null), React__default.createElement(Circle$1, null), React__default.createElement(Circle$1, null), React__default.createElement(Circle$1, null)));
18647
18657
  };
18648
18658
 
18649
- var _templateObject$12, _templateObject2$M, _templateObject3$E, _templateObject4$q, _templateObject5$o, _templateObject6$m, _templateObject7$m, _templateObject8$j, _templateObject9$h;
18659
+ var _templateObject$12, _templateObject2$M, _templateObject3$F, _templateObject4$q, _templateObject5$o, _templateObject6$m, _templateObject7$m, _templateObject8$j, _templateObject9$h;
18650
18660
  var Container$j = styled__default.div(_templateObject$12 || (_templateObject$12 = _taggedTemplateLiteralLoose(["\n width: 395px;\n height: 110px;\n display: flex;\n flex-direction: column;\n align-items: center;\n background: #f5f5f5 0% 0% no-repeat padding-box;\n"])));
18651
18661
  var Header$a = styled__default.div(_templateObject2$M || (_templateObject2$M = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding: 14px;\n width: 100%;\n"])));
18652
- var HeaderLine$7 = styled__default.div(_templateObject3$E || (_templateObject3$E = _taggedTemplateLiteralLoose(["\n height: ", ";\n background-color: #ebebeb;\n margin-left: 7px;\n\n & + div {\n margin-top: 14px;\n }\n\n ", "\n ", "\n\n ", "\n\n ", "\n"])), function (props) {
18662
+ var HeaderLine$7 = styled__default.div(_templateObject3$F || (_templateObject3$F = _taggedTemplateLiteralLoose(["\n height: ", ";\n background-color: #ebebeb;\n margin-left: 7px;\n\n & + div {\n margin-top: 14px;\n }\n\n ", "\n ", "\n\n ", "\n\n ", "\n"])), function (props) {
18653
18663
  return props.height;
18654
18664
  }, function (props) {
18655
18665
  return props.size === 'mini' && styled.css(_templateObject4$q || (_templateObject4$q = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
@@ -18689,10 +18699,10 @@ var Template8 = function Template8(props) {
18689
18699
  })));
18690
18700
  };
18691
18701
 
18692
- var _templateObject$13, _templateObject2$N, _templateObject3$F, _templateObject4$r, _templateObject5$p, _templateObject6$n, _templateObject7$n, _templateObject8$k, _templateObject9$i, _templateObject10$e;
18702
+ var _templateObject$13, _templateObject2$N, _templateObject3$G, _templateObject4$r, _templateObject5$p, _templateObject6$n, _templateObject7$n, _templateObject8$k, _templateObject9$i, _templateObject10$e;
18693
18703
  var Container$k = styled__default.div(_templateObject$13 || (_templateObject$13 = _taggedTemplateLiteralLoose(["\n width: 395px;\n height: 245px;\n display: flex;\n flex-direction: column;\n align-items: center;\n background: #f5f5f5 0% 0% no-repeat padding-box;\n"])));
18694
18704
  var Header$b = styled__default.div(_templateObject2$N || (_templateObject2$N = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding: 14px;\n width: 100%;\n"])));
18695
- var HeaderLine$8 = styled__default.div(_templateObject3$F || (_templateObject3$F = _taggedTemplateLiteralLoose(["\n height: ", ";\n background-color: #ebebeb;\n margin-left: 7px;\n\n & + div {\n margin-top: 7px;\n }\n\n ", "\n ", "\n\n ", "\n\n ", "\n"])), function (props) {
18705
+ var HeaderLine$8 = styled__default.div(_templateObject3$G || (_templateObject3$G = _taggedTemplateLiteralLoose(["\n height: ", ";\n background-color: #ebebeb;\n margin-left: 7px;\n\n & + div {\n margin-top: 7px;\n }\n\n ", "\n ", "\n\n ", "\n\n ", "\n"])), function (props) {
18696
18706
  return props.height;
18697
18707
  }, function (props) {
18698
18708
  return props.size === 'mini' && styled.css(_templateObject4$r || (_templateObject4$r = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
@@ -18728,10 +18738,10 @@ var Template8$1 = function Template8(props) {
18728
18738
  })), React__default.createElement(Main$4, null, React__default.createElement(Circle$2, null)));
18729
18739
  };
18730
18740
 
18731
- var _templateObject$14, _templateObject2$O, _templateObject3$G, _templateObject4$s, _templateObject5$q, _templateObject6$o, _templateObject7$o, _templateObject8$l, _templateObject9$j, _templateObject10$f, _templateObject11$6;
18741
+ var _templateObject$14, _templateObject2$O, _templateObject3$H, _templateObject4$s, _templateObject5$q, _templateObject6$o, _templateObject7$o, _templateObject8$l, _templateObject9$j, _templateObject10$f, _templateObject11$6;
18732
18742
  var Container$l = styled__default.div(_templateObject$14 || (_templateObject$14 = _taggedTemplateLiteralLoose(["\n width: 395px;\n height: 245px;\n display: flex;\n flex-direction: column;\n align-items: center;\n background: #f5f5f5 0% 0% no-repeat padding-box;\n"])));
18733
18743
  var Header$c = styled__default.div(_templateObject2$O || (_templateObject2$O = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding: 14px;\n width: 100%;\n"])));
18734
- var HeaderLine$9 = styled__default.div(_templateObject3$G || (_templateObject3$G = _taggedTemplateLiteralLoose(["\n height: ", ";\n background-color: #ebebeb;\n margin-left: 7px;\n\n & + div {\n margin-top: 7px;\n }\n\n ", "\n ", "\n\n ", "\n\n ", "\n"])), function (props) {
18744
+ var HeaderLine$9 = styled__default.div(_templateObject3$H || (_templateObject3$H = _taggedTemplateLiteralLoose(["\n height: ", ";\n background-color: #ebebeb;\n margin-left: 7px;\n\n & + div {\n margin-top: 7px;\n }\n\n ", "\n ", "\n\n ", "\n\n ", "\n"])), function (props) {
18735
18745
  return props.height;
18736
18746
  }, function (props) {
18737
18747
  return props.size === 'mini' && styled.css(_templateObject4$s || (_templateObject4$s = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
@@ -18872,12 +18882,12 @@ var Placeholder = function Placeholder(props) {
18872
18882
  }
18873
18883
  };
18874
18884
 
18875
- var _templateObject$15, _templateObject2$P, _templateObject3$H, _templateObject4$t, _templateObject5$r, _templateObject6$p, _templateObject7$p;
18885
+ var _templateObject$15, _templateObject2$P, _templateObject3$I, _templateObject4$t, _templateObject5$r, _templateObject6$p, _templateObject7$p;
18876
18886
  var Container$m = styled__default.div(_templateObject$15 || (_templateObject$15 = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n align-items: center;\n\n span {\n display: inline-block;\n margin-left: 7px;\n color: #000000cc;\n }\n"])));
18877
18887
  var Progress = styled__default.div(_templateObject2$P || (_templateObject2$P = _taggedTemplateLiteralLoose(["\n width: 64px;\n height: 12px;\n border: 1px solid #e4e4e4;\n div {\n width: ", ";\n max-width: 64px;\n height: 100%;\n ", "\n\n ", "\n ", "\n ", "\n ", "\n }\n"])), function (props) {
18878
18888
  return props.value + "%";
18879
18889
  }, function (props) {
18880
- return props.type === 'default' && styled.css(_templateObject3$H || (_templateObject3$H = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n "])), function (_ref) {
18890
+ return props.type === 'default' && styled.css(_templateObject3$I || (_templateObject3$I = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n "])), function (_ref) {
18881
18891
  var theme = _ref.theme;
18882
18892
  return theme.colors.warningGray;
18883
18893
  });
@@ -18907,7 +18917,7 @@ var ProgressBar = function ProgressBar(props) {
18907
18917
  return React__default.createElement(Container$m, null, React__default.createElement(Progress, Object.assign({}, props), React__default.createElement("div", null)), React__default.createElement("span", null, " ", props.value || '0', "%"));
18908
18918
  };
18909
18919
 
18910
- var _templateObject$16, _templateObject2$Q, _templateObject3$I, _templateObject4$u, _templateObject5$s, _templateObject6$q, _templateObject7$q, _templateObject8$m;
18920
+ var _templateObject$16, _templateObject2$Q, _templateObject3$J, _templateObject4$u, _templateObject5$s, _templateObject6$q, _templateObject7$q, _templateObject8$m;
18911
18921
  var Container$n = styled__default.div(_templateObject$16 || (_templateObject$16 = _taggedTemplateLiteralLoose(["\n display: block;\n"])));
18912
18922
  var delimiters = {
18913
18923
  blue: ['blue'],
@@ -18927,7 +18937,7 @@ var Tabs = styled__default.ul(_templateObject2$Q || (_templateObject2$Q = _tagge
18927
18937
  bottom = _getSpacings$split[2],
18928
18938
  left = _getSpacings$split[3];
18929
18939
 
18930
- return styled.css(_templateObject3$I || (_templateObject3$I = _taggedTemplateLiteralLoose(["\n margin: ", " 0 ", " 0;\n padding: 0 ", " 0 ", ";\n "])), top, bottom, right, left);
18940
+ return styled.css(_templateObject3$J || (_templateObject3$J = _taggedTemplateLiteralLoose(["\n margin: ", " 0 ", " 0;\n padding: 0 ", " 0 ", ";\n "])), top, bottom, right, left);
18931
18941
  }, function (_ref2) {
18932
18942
  var theme = _ref2.theme,
18933
18943
  internal = _ref2.$internal,
@@ -19095,13 +19105,13 @@ var TextArea = function TextArea(props) {
19095
19105
  return React__default.createElement(Container$o, Object.assign({}, props));
19096
19106
  };
19097
19107
 
19098
- var _templateObject$18, _templateObject2$R, _templateObject3$J, _templateObject4$v, _templateObject5$t, _templateObject6$r;
19108
+ var _templateObject$18, _templateObject2$R, _templateObject3$K, _templateObject4$v, _templateObject5$t, _templateObject6$r;
19099
19109
  var Container$p = styled__default.div(_templateObject$18 || (_templateObject$18 = _taggedTemplateLiteralLoose(["\n border-radius: 4px;\n width: ", ";\n height: 88px;\n border: 1px solid transparent;\n position: relative;\n\n ", "\n\n ", "\n\n ", "\n\n svg {\n cursor: pointer;\n position: absolute;\n top: 14px;\n right: 14px;\n width: 13px;\n height: 13px;\n }\n"])), function (props) {
19100
19110
  return props.size === 'large' ? '837px' : '460px';
19101
19111
  }, function (props) {
19102
19112
  return props.color === 'success' && styled.css(_templateObject2$R || (_templateObject2$R = _taggedTemplateLiteralLoose(["\n background-color: #fcfff5;\n opacity: 1;\n border-color: #a8c599;\n h4 {\n color: #1e561f;\n }\n p {\n color: #1e561fcc;\n }\n "])));
19103
19113
  }, function (props) {
19104
- return props.color === 'error' && styled.css(_templateObject3$J || (_templateObject3$J = _taggedTemplateLiteralLoose(["\n background-color: #fff6f6;\n opacity: 1;\n border-color: #973937;\n h4 {\n color: #973937;\n }\n p {\n color: #973937;\n }\n "])));
19114
+ return props.color === 'error' && styled.css(_templateObject3$K || (_templateObject3$K = _taggedTemplateLiteralLoose(["\n background-color: #fff6f6;\n opacity: 1;\n border-color: #973937;\n h4 {\n color: #973937;\n }\n p {\n color: #973937;\n }\n "])));
19105
19115
  }, function (props) {
19106
19116
  return props.color === 'warning' && styled.css(_templateObject4$v || (_templateObject4$v = _taggedTemplateLiteralLoose(["\n background-color: #fffaf3;\n opacity: 1;\n border-color: #ccbea0;\n h4 {\n color: #7a4d05;\n }\n p {\n color: #7a4d05cc;\n }\n "])));
19107
19117
  });
@@ -19118,7 +19128,7 @@ var Toast = function Toast(props) {
19118
19128
  })), React__default.createElement(IconContent, null, React__default.createElement("h4", null, props.title), React__default.createElement("p", null, " ", props.description)));
19119
19129
  };
19120
19130
 
19121
- var _templateObject$19, _templateObject2$S, _templateObject3$K, _templateObject4$w, _templateObject5$u;
19131
+ var _templateObject$19, _templateObject2$S, _templateObject3$L, _templateObject4$w, _templateObject5$u;
19122
19132
  var Image = styled__default.img(_templateObject$19 || (_templateObject$19 = _taggedTemplateLiteralLoose(["\n max-width: 100%;\n max-height: 100%;\n"])));
19123
19133
  var Container$q = styled__default.div(_templateObject2$S || (_templateObject2$S = _taggedTemplateLiteralLoose(["\n position: relative;\n display: inline-flex;\n\n &,\n ", " {\n width: ", ";\n\n height: ", ";\n }\n"])), Image, function (_ref) {
19124
19134
  var width = _ref.width;
@@ -19147,7 +19157,7 @@ var Container$q = styled__default.div(_templateObject2$S || (_templateObject2$S
19147
19157
  return 'auto';
19148
19158
  }
19149
19159
  });
19150
- var Dimmer = styled__default.div(_templateObject3$K || (_templateObject3$K = _taggedTemplateLiteralLoose(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: ", ";\n opacity: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n transition: opacity 0.5s;\n cursor: pointer;\n\n :hover {\n opacity: 1;\n }\n"])), function (_ref3) {
19160
+ var Dimmer = styled__default.div(_templateObject3$L || (_templateObject3$L = _taggedTemplateLiteralLoose(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: ", ";\n opacity: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n transition: opacity 0.5s;\n cursor: pointer;\n\n :hover {\n opacity: 1;\n }\n"])), function (_ref3) {
19151
19161
  var theme = _ref3.theme;
19152
19162
  return theme.getColor('greyishBlue', 50);
19153
19163
  });