@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.modern.js CHANGED
@@ -12651,7 +12651,7 @@ var inputTimeWidth = {
12651
12651
  };
12652
12652
 
12653
12653
  var _templateObject$7, _templateObject2$7, _templateObject3$7;
12654
- var BeforeAfterContainer = styled.div(_templateObject$7 || (_templateObject$7 = _taggedTemplateLiteralLoose(["\n ", "\n\n ", "\n\n display: flex;\n flex-direction: column;\n"])), function (_ref) {
12654
+ var BeforeAfterContainer = styled.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) {
12655
12655
  var theme = _ref.theme,
12656
12656
  fluid = _ref.$fluid,
12657
12657
  spacing = _ref.$spacing;
@@ -12668,7 +12668,11 @@ var BeforeAfterContainer = styled.div(_templateObject$7 || (_templateObject$7 =
12668
12668
  background = _ref2.$background;
12669
12669
  if (!background) return;
12670
12670
  var args = Array.isArray(background) ? background : [background];
12671
- return css(_templateObject3$7 || (_templateObject3$7 = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n "])), theme.getColor.apply(theme, args));
12671
+ var value = theme.getColor.apply(theme, args);
12672
+ return css(_templateObject3$7 || (_templateObject3$7 = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n :after {\n background-color: ", ";\n }\n "])), value, value);
12673
+ }, function (_ref3) {
12674
+ var theme = _ref3.theme;
12675
+ return "calc(" + theme.spacings.s1 + " * .5)";
12672
12676
  });
12673
12677
 
12674
12678
  var _templateObject$8;
@@ -12680,24 +12684,27 @@ var Container$1 = styled.div(_templateObject$8 || (_templateObject$8 = _taggedTe
12680
12684
  return theme.spacings.s1;
12681
12685
  });
12682
12686
 
12683
- var _templateObject$9, _templateObject2$8;
12684
- var OverflowContainer = styled.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) {
12687
+ var _templateObject$9, _templateObject2$8, _templateObject3$8;
12688
+ var OverflowContainer = styled.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) {
12685
12689
  var height = _ref.$height;
12686
- return height || '100%';
12690
+ return height && css(_templateObject2$8 || (_templateObject2$8 = _taggedTemplateLiteralLoose(["\n height: ", ";\n "])), height);
12687
12691
  }, function (_ref2) {
12688
- var theme = _ref2.theme;
12689
- return theme.colors.grey + " " + theme.colors.white;
12692
+ var maxHeight = _ref2.$maxHeight;
12693
+ return maxHeight || '100%';
12690
12694
  }, function (_ref3) {
12691
12695
  var theme = _ref3.theme;
12692
- return theme.colors.grey;
12696
+ return theme.colors.grey + " " + theme.colors.white;
12693
12697
  }, function (_ref4) {
12694
12698
  var theme = _ref4.theme;
12695
- return theme.colors.white;
12699
+ return theme.colors.grey;
12696
12700
  }, function (_ref5) {
12697
- var spacing = _ref5.$spacing,
12698
- theme = _ref5.theme;
12701
+ var theme = _ref5.theme;
12702
+ return theme.colors.white;
12703
+ }, function (_ref6) {
12704
+ var spacing = _ref6.$spacing,
12705
+ theme = _ref6.theme;
12699
12706
  var value = getSpacings(spacing || '0', '0').split(' ');
12700
- return css(_templateObject2$8 || (_templateObject2$8 = _taggedTemplateLiteralLoose(["\n padding: ", " calc(", " * 1.5) ", "\n ", ";\n "])), value[0], theme.spacings.s1, value[2], value[3]);
12707
+ return css(_templateObject3$8 || (_templateObject3$8 = _taggedTemplateLiteralLoose(["\n padding: ", " calc(", " * 1.5) ", "\n ", ";\n "])), value[0], theme.spacings.s1, value[2], value[3]);
12701
12708
  });
12702
12709
 
12703
12710
  var _templateObject$a;
@@ -12748,11 +12755,12 @@ var ScrollContainer = React__default.forwardRef(function (props, ref) {
12748
12755
 
12749
12756
  var _onScroll = props.onScroll || function () {};
12750
12757
 
12751
- var htmlProps = filterObject(props, ['onScrollEnd', 'before', 'after', 'loading', 'height', 'spacing', 'empty'], {
12758
+ var htmlProps = filterObject(props, ['onScrollEnd', 'before', 'after', 'loading', 'height', 'maxHeight', 'spacing', 'empty'], {
12752
12759
  $height: props.height,
12760
+ $maxHeight: props.maxHeight,
12753
12761
  $spacing: props.spacing
12754
12762
  });
12755
- 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({
12763
+ return React__default.createElement(Container$1, null, getBeforeAfter(props.before), React__default.createElement(RelativeContainer, null, React__default.createElement(OverflowContainer, Object.assign({
12756
12764
  ref: ref
12757
12765
  }, htmlProps, {
12758
12766
  onScroll: function onScroll(event) {
@@ -12760,13 +12768,15 @@ var ScrollContainer = React__default.forwardRef(function (props, ref) {
12760
12768
 
12761
12769
  _onScroll2(event);
12762
12770
  }
12763
- })), loading && React__default.createElement(Loader, {
12771
+ }, props.empty && props.empty.empty ? {
12772
+ children: props.empty.content
12773
+ } : {})), loading && React__default.createElement(Loader, {
12764
12774
  filled: true
12765
12775
  })), getBeforeAfter(props.after));
12766
12776
  });
12767
12777
  ScrollContainer.displayName = 'ScrollContainer';
12768
12778
 
12769
- var _templateObject$b, _templateObject2$9, _templateObject3$8, _templateObject4$5, _templateObject5$5, _templateObject6$4, _templateObject7$4, _templateObject8$3, _templateObject9$3, _templateObject10$3;
12779
+ var _templateObject$b, _templateObject2$9, _templateObject3$9, _templateObject4$5, _templateObject5$5, _templateObject6$4, _templateObject7$4, _templateObject8$3, _templateObject9$3, _templateObject10$3;
12770
12780
  var Option = styled.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) {
12771
12781
  var theme = _ref.theme;
12772
12782
  return theme.useTypography('p');
@@ -12786,7 +12796,7 @@ var Option = styled.div(_templateObject$b || (_templateObject$b = _taggedTemplat
12786
12796
  return css(_templateObject2$9 || (_templateObject2$9 = _taggedTemplateLiteralLoose(["\n cursor: pointer;\n "])));
12787
12797
  }
12788
12798
 
12789
- return css(_templateObject3$8 || (_templateObject3$8 = _taggedTemplateLiteralLoose(["\n pointer-events: none;\n opacity: 0.3;\n "])));
12799
+ return css(_templateObject3$9 || (_templateObject3$9 = _taggedTemplateLiteralLoose(["\n pointer-events: none;\n opacity: 0.3;\n "])));
12790
12800
  }, function (_ref6) {
12791
12801
  var border = _ref6.border,
12792
12802
  theme = _ref6.theme;
@@ -12944,7 +12954,7 @@ var MenuComponent = function MenuComponent(props, ref) {
12944
12954
 
12945
12955
  var Menu = React__default.forwardRef(MenuComponent);
12946
12956
 
12947
- var _templateObject$c, _templateObject2$a, _templateObject3$9, _templateObject4$6, _templateObject5$6, _templateObject6$5, _templateObject7$5, _templateObject8$4, _templateObject9$4, _templateObject10$4;
12957
+ var _templateObject$c, _templateObject2$a, _templateObject3$a, _templateObject4$6, _templateObject5$6, _templateObject6$5, _templateObject7$5, _templateObject8$4, _templateObject9$4, _templateObject10$4;
12948
12958
  var Container$3 = styled.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) {
12949
12959
  var theme = _ref.theme;
12950
12960
  return theme.spacings.s3;
@@ -12958,7 +12968,7 @@ var Container$3 = styled.div(_templateObject$c || (_templateObject$c = _taggedTe
12958
12968
  var s3 = theme.spacings.s3;
12959
12969
  return 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);
12960
12970
  });
12961
- var LabelContainer = styled.div(_templateObject3$9 || (_templateObject3$9 = _taggedTemplateLiteralLoose(["\n ", ";\n line-height: ", ";\n"])), function (_ref4) {
12971
+ var LabelContainer = styled.div(_templateObject3$a || (_templateObject3$a = _taggedTemplateLiteralLoose(["\n ", ";\n line-height: ", ";\n"])), function (_ref4) {
12962
12972
  var theme = _ref4.theme;
12963
12973
  return theme.useTypography('p');
12964
12974
  }, function (_ref5) {
@@ -13105,7 +13115,7 @@ var Indicator = function Indicator(props) {
13105
13115
  }, props)));
13106
13116
  };
13107
13117
 
13108
- var _templateObject$e, _templateObject2$c, _templateObject3$a, _templateObject4$7, _templateObject5$7, _templateObject6$6, _templateObject7$6, _templateObject8$5, _templateObject9$5, _templateObject10$5, _templateObject11$2;
13118
+ var _templateObject$e, _templateObject2$c, _templateObject3$b, _templateObject4$7, _templateObject5$7, _templateObject6$6, _templateObject7$6, _templateObject8$5, _templateObject9$5, _templateObject10$5, _templateObject11$2;
13109
13119
  var Footer = styled.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"])));
13110
13120
  var WeekContainer = styled.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) {
13111
13121
  var theme = _ref.theme;
@@ -13126,7 +13136,7 @@ var WeekContainer = styled.div(_templateObject2$c || (_templateObject2$c = _tagg
13126
13136
  var theme = _ref6.theme;
13127
13137
  return theme.colors.lightestGrey;
13128
13138
  });
13129
- var Header = styled.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) {
13139
+ var Header = styled.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) {
13130
13140
  var theme = _ref7.theme;
13131
13141
  return theme.getColor('lightestGrey', 40);
13132
13142
  }, WeekContainer);
@@ -13765,7 +13775,7 @@ var getTimeProps = function getTimeProps(time, value) {
13765
13775
  });
13766
13776
  };
13767
13777
 
13768
- var _templateObject$h, _templateObject2$d, _templateObject3$b, _templateObject4$8, _templateObject5$8, _templateObject6$7, _templateObject7$7, _templateObject8$6, _templateObject9$6, _templateObject10$6;
13778
+ var _templateObject$h, _templateObject2$d, _templateObject3$c, _templateObject4$8, _templateObject5$8, _templateObject6$7, _templateObject7$7, _templateObject8$6, _templateObject9$6, _templateObject10$6;
13769
13779
  var Button = styled.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) {
13770
13780
  var theme = _ref.theme,
13771
13781
  appearance = _ref.appearance;
@@ -13784,7 +13794,7 @@ var Button = styled.button(_templateObject$h || (_templateObject$h = _taggedTemp
13784
13794
  theme = _ref4.theme;
13785
13795
  var bgColor = ['bordered', 'link', 'borderless'].includes(appearance) ? 'transparent' : theme.getColor(color || 'blue');
13786
13796
  var borderColor = appearance !== 'bordered' ? bgColor : theme.getColor(color || 'blue');
13787
- return css(_templateObject3$b || (_templateObject3$b = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n border: 1px solid ", ";\n "])), bgColor, borderColor);
13797
+ return css(_templateObject3$c || (_templateObject3$c = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n border: 1px solid ", ";\n "])), bgColor, borderColor);
13788
13798
  }, function (_ref5) {
13789
13799
  var appearance = _ref5.appearance,
13790
13800
  color = _ref5.color,
@@ -14620,7 +14630,7 @@ var Footer$1 = function Footer() {
14620
14630
  });
14621
14631
  };
14622
14632
 
14623
- var _templateObject$m, _templateObject2$g, _templateObject3$c, _templateObject4$9;
14633
+ var _templateObject$m, _templateObject2$g, _templateObject3$d, _templateObject4$9;
14624
14634
  var Link = styled.div(_templateObject$m || (_templateObject$m = _taggedTemplateLiteralLoose(["\n ", "\n\n color: ", ";\n\n ", "\n"])), function (_ref) {
14625
14635
  var size = _ref.size;
14626
14636
  var _sizes = sizes$1[size || 'small'],
@@ -14639,17 +14649,17 @@ var Link = styled.div(_templateObject$m || (_templateObject$m = _taggedTemplateL
14639
14649
  disabled = _ref3.disabled,
14640
14650
  theme = _ref3.theme,
14641
14651
  colorSetting = _ref3.colorSetting;
14642
- return disabled ? css(_templateObject3$c || (_templateObject3$c = _taggedTemplateLiteralLoose(["\n opacity: 0.5;\n "]))) : onClick ? css(_templateObject4$9 || (_templateObject4$9 = _taggedTemplateLiteralLoose(["\n cursor: pointer;\n :hover {\n color: ", ";\n }\n "])), theme.colors[_extends({
14652
+ return disabled ? css(_templateObject3$d || (_templateObject3$d = _taggedTemplateLiteralLoose(["\n opacity: 0.5;\n "]))) : onClick ? css(_templateObject4$9 || (_templateObject4$9 = _taggedTemplateLiteralLoose(["\n cursor: pointer;\n :hover {\n color: ", ";\n }\n "])), theme.colors[_extends({
14643
14653
  hover: 'blue'
14644
14654
  }, colorSetting && typeof colorSetting !== 'string' ? colorSetting : {}).hover]) : null;
14645
14655
  });
14646
14656
 
14647
- var _templateObject$n, _templateObject2$h, _templateObject3$d;
14657
+ var _templateObject$n, _templateObject2$h, _templateObject3$e;
14648
14658
  var HeaderContainer$1 = styled.div(_templateObject$n || (_templateObject$n = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
14649
14659
  var theme = _ref.theme;
14650
14660
  return css(_templateObject2$h || (_templateObject2$h = _taggedTemplateLiteralLoose(["\n padding: ", " 0 ", " ", ";\n "])), theme.spacings.s3, theme.spacings.s1, theme.spacings.s3);
14651
14661
  });
14652
- var SelectAllContainer = styled.div(_templateObject3$d || (_templateObject3$d = _taggedTemplateLiteralLoose(["\n margin-bottom: ", ";\n display: flex;\n justify-content: space-between;\n"])), function (_ref2) {
14662
+ var SelectAllContainer = styled.div(_templateObject3$e || (_templateObject3$e = _taggedTemplateLiteralLoose(["\n margin-bottom: ", ";\n display: flex;\n justify-content: space-between;\n"])), function (_ref2) {
14653
14663
  var theme = _ref2.theme;
14654
14664
  return theme.spacings.s1;
14655
14665
  });
@@ -14818,12 +14828,12 @@ var useSelectMultiple = function useSelectMultiple(props) {
14818
14828
  return returnData;
14819
14829
  };
14820
14830
 
14821
- var _templateObject$o, _templateObject2$i, _templateObject3$e;
14831
+ var _templateObject$o, _templateObject2$i, _templateObject3$f;
14822
14832
  var RelativeContainer$2 = styled.div(_templateObject$o || (_templateObject$o = _taggedTemplateLiteralLoose(["\n position: relative;\n ", ";\n"])), function (_ref) {
14823
14833
  var width = _ref.width;
14824
14834
  return !width ? null : css(_templateObject2$i || (_templateObject2$i = _taggedTemplateLiteralLoose(["\n width: ", ";\n "])), width);
14825
14835
  });
14826
- var EmptyContentContainer = styled.div(_templateObject3$e || (_templateObject3$e = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: center;\n padding: ", ";\n"])), function (_ref2) {
14836
+ var EmptyContentContainer = styled.div(_templateObject3$f || (_templateObject3$f = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: center;\n padding: ", ";\n"])), function (_ref2) {
14827
14837
  var theme = _ref2.theme;
14828
14838
  return theme.spacings.s3;
14829
14839
  });
@@ -15228,10 +15238,10 @@ var countries = {
15228
15238
  }
15229
15239
  };
15230
15240
 
15231
- var _templateObject$q, _templateObject2$k, _templateObject3$f;
15241
+ var _templateObject$q, _templateObject2$k, _templateObject3$g;
15232
15242
  var IconContainer$1 = styled.div(_templateObject$q || (_templateObject$q = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n\n > i.icon {\n margin-top: -1px;\n }\n"])));
15233
15243
  var RelativeContainer$3 = styled.div(_templateObject2$k || (_templateObject2$k = _taggedTemplateLiteralLoose(["\n position: relative;\n"])));
15234
- var Label$3 = styled.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) {
15244
+ var Label$3 = styled.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) {
15235
15245
  var theme = _ref.theme;
15236
15246
  return theme.useTypography('p');
15237
15247
  }, function (_ref2) {
@@ -15411,7 +15421,7 @@ var Phone = Object.assign(Component, {
15411
15421
  getPhoneDetails: getPhoneDetails
15412
15422
  });
15413
15423
 
15414
- var _templateObject$r, _templateObject2$l, _templateObject3$g, _templateObject4$a, _templateObject5$9, _templateObject6$8, _templateObject7$8, _templateObject8$7, _templateObject9$7;
15424
+ var _templateObject$r, _templateObject2$l, _templateObject3$h, _templateObject4$a, _templateObject5$9, _templateObject6$8, _templateObject7$8, _templateObject8$7, _templateObject9$7;
15415
15425
  var RelativeContainer$4 = styled.div(_templateObject$r || (_templateObject$r = _taggedTemplateLiteralLoose(["\n position: relative;\n\n input {\n color: transparent;\n }\n"])));
15416
15426
  var LabelContainer$2 = styled.div(_templateObject2$l || (_templateObject2$l = _taggedTemplateLiteralLoose(["\n ", "\n line-height: ", ";\n"])), function (_ref) {
15417
15427
  var theme = _ref.theme;
@@ -15420,7 +15430,7 @@ var LabelContainer$2 = styled.div(_templateObject2$l || (_templateObject2$l = _t
15420
15430
  var theme = _ref2.theme;
15421
15431
  return theme.spacings.s3;
15422
15432
  });
15423
- var Container$5 = styled.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) {
15433
+ var Container$5 = styled.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) {
15424
15434
  var theme = _ref3.theme,
15425
15435
  iconWidth = _ref3.iconWidth,
15426
15436
  paddingless = _ref3.paddingless;
@@ -15561,7 +15571,7 @@ var DatePicker = React__default.forwardRef(function (props, ref) {
15561
15571
  });
15562
15572
  DatePicker.displayName = 'DatePicker';
15563
15573
 
15564
- var _templateObject$s, _templateObject2$m, _templateObject3$h, _templateObject4$b, _templateObject5$a, _templateObject6$9, _templateObject7$9;
15574
+ var _templateObject$s, _templateObject2$m, _templateObject3$i, _templateObject4$b, _templateObject5$a, _templateObject6$9, _templateObject7$9;
15565
15575
  var LabelContainer$3 = styled.div(_templateObject$s || (_templateObject$s = _taggedTemplateLiteralLoose(["\n ", "\n line-height: 14px;\n display: flex;\n align-items: center;\n\n ", "\n"])), function (_ref) {
15566
15576
  var theme = _ref.theme;
15567
15577
  return theme.useTypography('p');
@@ -15570,7 +15580,7 @@ var LabelContainer$3 = styled.div(_templateObject$s || (_templateObject$s = _tag
15570
15580
  if (!required) return;
15571
15581
  return css(_templateObject2$m || (_templateObject2$m = _taggedTemplateLiteralLoose(["\n :after {\n content: '*';\n }\n "])));
15572
15582
  });
15573
- var Label$4 = styled.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) {
15583
+ var Label$4 = styled.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) {
15574
15584
  var theme = _ref3.theme;
15575
15585
  return theme.spacings.s1;
15576
15586
  }, function (_ref4) {
@@ -15672,7 +15682,7 @@ var SelectedArea = styled.div(_templateObject$u || (_templateObject$u = _taggedT
15672
15682
  return percent;
15673
15683
  });
15674
15684
 
15675
- var _templateObject$v, _templateObject2$o, _templateObject3$i;
15685
+ var _templateObject$v, _templateObject2$o, _templateObject3$j;
15676
15686
  var InputContainer$1 = styled.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) {
15677
15687
  var theme = _ref.theme,
15678
15688
  invalid = _ref.invalid;
@@ -15681,7 +15691,7 @@ var InputContainer$1 = styled.div(_templateObject$v || (_templateObject$v = _tag
15681
15691
  return 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);
15682
15692
  }
15683
15693
 
15684
- return 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);
15694
+ return 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);
15685
15695
  });
15686
15696
 
15687
15697
  var _templateObject$w;
@@ -15690,7 +15700,7 @@ var LabelContainer$4 = styled.div(_templateObject$w || (_templateObject$w = _tag
15690
15700
  return theme.spacings.s1;
15691
15701
  });
15692
15702
 
15693
- var _templateObject$x, _templateObject2$p, _templateObject3$j;
15703
+ var _templateObject$x, _templateObject2$p, _templateObject3$k;
15694
15704
  var NavBar = styled.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) {
15695
15705
  var theme = _ref.theme;
15696
15706
  return theme.spacings.s3;
@@ -15699,7 +15709,7 @@ var NavBar = styled.div(_templateObject$x || (_templateObject$x = _taggedTemplat
15699
15709
  position = _ref2.$position,
15700
15710
  strict = _ref2.$strict;
15701
15711
  var distance = strict ? "calc(" + theme.spacings.s1 + " / 2)" : '0px';
15702
- return position === 'bottom' ? 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) : 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);
15712
+ return position === 'bottom' ? 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) : 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);
15703
15713
  }, function (_ref3) {
15704
15714
  var theme = _ref3.theme;
15705
15715
  return theme.colors.blue;
@@ -15714,7 +15724,7 @@ var NavBar = styled.div(_templateObject$x || (_templateObject$x = _taggedTemplat
15714
15724
  return theme.colors.blue;
15715
15725
  });
15716
15726
 
15717
- var _templateObject$y, _templateObject2$q, _templateObject3$k;
15727
+ var _templateObject$y, _templateObject2$q, _templateObject3$l;
15718
15728
  var Label$5 = styled.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) {
15719
15729
  var theme = _ref.theme;
15720
15730
  return theme.useTypography('p');
@@ -15727,7 +15737,7 @@ var Label$5 = styled.label(_templateObject$y || (_templateObject$y = _taggedTemp
15727
15737
  return css(_templateObject2$q || (_templateObject2$q = _taggedTemplateLiteralLoose(["\n opacity: 0.5;\n "])));
15728
15738
  }, LabelContainer$4, function (_ref4) {
15729
15739
  var required = _ref4.required;
15730
- return required && css(_templateObject3$k || (_templateObject3$k = _taggedTemplateLiteralLoose(["\n :after {\n content: ' *';\n }\n "])));
15740
+ return required && css(_templateObject3$l || (_templateObject3$l = _taggedTemplateLiteralLoose(["\n :after {\n content: ' *';\n }\n "])));
15731
15741
  }, NavBar);
15732
15742
 
15733
15743
  var _templateObject$z, _templateObject2$r;
@@ -15744,7 +15754,7 @@ var Marker = styled.div(_templateObject$z || (_templateObject$z = _taggedTemplat
15744
15754
  var _templateObject$A;
15745
15755
  var MinMaxLabelContainer = styled.div(_templateObject$A || (_templateObject$A = _taggedTemplateLiteralLoose(["\n display: flex;\n padding-bottom: 2px;\n"])));
15746
15756
 
15747
- var _templateObject$B, _templateObject2$s, _templateObject3$l;
15757
+ var _templateObject$B, _templateObject2$s, _templateObject3$m;
15748
15758
  var LabelsContainer = styled.div(_templateObject$B || (_templateObject$B = _taggedTemplateLiteralLoose(["\n display: flex;\n gap: 7px;\n\n ", "\n"])), function (_ref) {
15749
15759
  var position = _ref.position;
15750
15760
 
@@ -15752,7 +15762,7 @@ var LabelsContainer = styled.div(_templateObject$B || (_templateObject$B = _tagg
15752
15762
  return 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);
15753
15763
  }
15754
15764
 
15755
- return 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);
15765
+ return 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);
15756
15766
  });
15757
15767
 
15758
15768
  var _templateObject$C;
@@ -16011,7 +16021,7 @@ var Range = React__default.forwardRef(function (props, ref) {
16011
16021
  });
16012
16022
  Range.displayName = 'input';
16013
16023
 
16014
- var _templateObject$D, _templateObject2$t, _templateObject3$m, _templateObject4$c, _templateObject5$b, _templateObject6$a, _templateObject7$a;
16024
+ var _templateObject$D, _templateObject2$t, _templateObject3$n, _templateObject4$c, _templateObject5$b, _templateObject6$a, _templateObject7$a;
16015
16025
  var LabelContainer$5 = styled.div(_templateObject$D || (_templateObject$D = _taggedTemplateLiteralLoose(["\n ", "\n display: flex;\n align-items: center;\n"])), function (_ref) {
16016
16026
  var theme = _ref.theme;
16017
16027
  return theme.useTypography('p');
@@ -16023,7 +16033,7 @@ var Label$6 = styled.label(_templateObject2$t || (_templateObject2$t = _taggedTe
16023
16033
  var disabled = _ref3.disabled;
16024
16034
 
16025
16035
  if (!disabled) {
16026
- return css(_templateObject3$m || (_templateObject3$m = _taggedTemplateLiteralLoose(["\n > span {\n cursor: pointer;\n }\n "])));
16036
+ return css(_templateObject3$n || (_templateObject3$n = _taggedTemplateLiteralLoose(["\n > span {\n cursor: pointer;\n }\n "])));
16027
16037
  }
16028
16038
 
16029
16039
  return css(_templateObject4$c || (_templateObject4$c = _taggedTemplateLiteralLoose(["\n opacity: 0.5;\n "])));
@@ -16254,7 +16264,7 @@ var parse = function parse(value) {
16254
16264
  });
16255
16265
  };
16256
16266
 
16257
- 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;
16267
+ 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;
16258
16268
  var RelativeContainer$5 = styled.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"])));
16259
16269
  var LabelContainer$6 = styled.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) {
16260
16270
  var theme = _ref.theme;
@@ -16262,7 +16272,7 @@ var LabelContainer$6 = styled.div(_templateObject2$u || (_templateObject2$u = _t
16262
16272
  }, function (_ref2) {
16263
16273
  var children = _ref2.children;
16264
16274
  if (children) return;
16265
- return css(_templateObject3$n || (_templateObject3$n = _taggedTemplateLiteralLoose(["\n :after {\n content: '--/--/-- (--:--) \xE0 --/--/-- (--:--)';\n color: ", ";\n }\n "])), function (_ref3) {
16275
+ return css(_templateObject3$o || (_templateObject3$o = _taggedTemplateLiteralLoose(["\n :after {\n content: '--/--/-- (--:--) \xE0 --/--/-- (--:--)';\n color: ", ";\n }\n "])), function (_ref3) {
16266
16276
  var theme = _ref3.theme;
16267
16277
  return theme.colors.darkGrey;
16268
16278
  });
@@ -16654,7 +16664,7 @@ var Tag$1 = function Tag$1(props) {
16654
16664
  })));
16655
16665
  };
16656
16666
 
16657
- var _templateObject$I, _templateObject2$w, _templateObject3$o;
16667
+ var _templateObject$I, _templateObject2$w, _templateObject3$p;
16658
16668
  var Label$9 = styled.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) {
16659
16669
  var theme = _ref.theme;
16660
16670
  return theme.useTypography('p');
@@ -16669,7 +16679,7 @@ var Label$9 = styled.label(_templateObject$I || (_templateObject$I = _taggedTemp
16669
16679
  if (!disabled) return;
16670
16680
  return css(_templateObject2$w || (_templateObject2$w = _taggedTemplateLiteralLoose(["\n opacity: 0.5;\n "])));
16671
16681
  });
16672
- var TagContainer = styled.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) {
16682
+ var TagContainer = styled.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) {
16673
16683
  var theme = _ref5.theme,
16674
16684
  invalid = _ref5.invalid;
16675
16685
  return theme.colors[invalid ? 'warningRed' : 'lightGrey'];
@@ -17151,7 +17161,7 @@ var Input$5 = Object.assign(Component$2, {
17151
17161
  getPhoneDetails: Phone.getPhoneDetails
17152
17162
  });
17153
17163
 
17154
- var _templateObject$K, _templateObject2$x, _templateObject3$p, _templateObject4$e;
17164
+ var _templateObject$K, _templateObject2$x, _templateObject3$q, _templateObject4$e;
17155
17165
  var Container$7 = styled(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) {
17156
17166
  var theme = _ref.theme;
17157
17167
  return theme.colors.white;
@@ -17166,7 +17176,7 @@ var Header$3 = styled.div(_templateObject2$x || (_templateObject2$x = _taggedTem
17166
17176
  var s3 = _ref4.theme.spacings.s3;
17167
17177
  return "0 " + s3 + " " + s3 + " 0";
17168
17178
  });
17169
- var Title = styled.div(_templateObject3$p || (_templateObject3$p = _taggedTemplateLiteralLoose(["\n ", "\n color: ", ";\n"])), function (_ref5) {
17179
+ var Title = styled.div(_templateObject3$q || (_templateObject3$q = _taggedTemplateLiteralLoose(["\n ", "\n color: ", ";\n"])), function (_ref5) {
17170
17180
  var useTypography = _ref5.theme.useTypography;
17171
17181
  return useTypography('p', {
17172
17182
  fontWeight: 'bold'
@@ -17289,7 +17299,7 @@ var AppliedFiltersMenu = function AppliedFiltersMenu(props) {
17289
17299
  }))));
17290
17300
  };
17291
17301
 
17292
- var _templateObject$L, _templateObject2$y, _templateObject3$q;
17302
+ var _templateObject$L, _templateObject2$y, _templateObject3$r;
17293
17303
  var Container$8 = styled.div(_templateObject$L || (_templateObject$L = _taggedTemplateLiteralLoose(["\n display: flex;\n gap: ", ";\n align-items: center;\n color: ", ";\n\n ", "\n"])), function (_ref) {
17294
17304
  var theme = _ref.theme,
17295
17305
  gap = _ref.$gap;
@@ -17304,7 +17314,7 @@ var Container$8 = styled.div(_templateObject$L || (_templateObject$L = _taggedTe
17304
17314
  return css(_templateObject2$y || (_templateObject2$y = _taggedTemplateLiteralLoose(["\n opacity: 0.3;\n pointer-events: none;\n "])));
17305
17315
  }
17306
17316
 
17307
- return css(_templateObject3$q || (_templateObject3$q = _taggedTemplateLiteralLoose(["\n cursor: pointer;\n "])));
17317
+ return css(_templateObject3$r || (_templateObject3$r = _taggedTemplateLiteralLoose(["\n cursor: pointer;\n "])));
17308
17318
  });
17309
17319
 
17310
17320
  var Button$5 = function Button(props) {
@@ -17356,11 +17366,11 @@ var AppliedFilters = Object.assign(function (props) {
17356
17366
  Menu: AppliedFiltersMenu
17357
17367
  });
17358
17368
 
17359
- var _templateObject$M, _templateObject2$z, _templateObject3$r, _templateObject4$f, _templateObject5$d, _templateObject6$c, _templateObject7$c, _templateObject8$9, _templateObject9$9, _templateObject10$8;
17369
+ var _templateObject$M, _templateObject2$z, _templateObject3$s, _templateObject4$f, _templateObject5$d, _templateObject6$c, _templateObject7$c, _templateObject8$9, _templateObject9$9, _templateObject10$8;
17360
17370
  var Container$9 = styled.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) {
17361
17371
  return props.size === 'mini' && css(_templateObject2$z || (_templateObject2$z = _taggedTemplateLiteralLoose(["\n width: 394px;\n height: 99px;\n "])));
17362
17372
  }, function (props) {
17363
- return props.size === 'small' && css(_templateObject3$r || (_templateObject3$r = _taggedTemplateLiteralLoose(["\n width: 394px;\n height: 131px;\n "])));
17373
+ return props.size === 'small' && css(_templateObject3$s || (_templateObject3$s = _taggedTemplateLiteralLoose(["\n width: 394px;\n height: 131px;\n "])));
17364
17374
  }, function (props) {
17365
17375
  return props.size === 'medium' && css(_templateObject4$f || (_templateObject4$f = _taggedTemplateLiteralLoose(["\n width: 394px;\n "])));
17366
17376
  }, function (props) {
@@ -17797,7 +17807,7 @@ var useContext$2 = function useContext() {
17797
17807
  return React__default.useContext(Provider$2);
17798
17808
  };
17799
17809
 
17800
- 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;
17810
+ 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;
17801
17811
  var aligns = {
17802
17812
  self: {
17803
17813
  horizontal: {
@@ -17832,7 +17842,7 @@ var Col = styled.div(_templateObject$P || (_templateObject$P = _taggedTemplateLi
17832
17842
  if (width === undefined) {
17833
17843
  return css(_templateObject2$A || (_templateObject2$A = _taggedTemplateLiteralLoose(["\n flex-basis: 0;\n flex-grow: 1;\n max-width: 100%;\n width: 100%;\n "])));
17834
17844
  } else if (width === 'auto') {
17835
- return css(_templateObject3$s || (_templateObject3$s = _taggedTemplateLiteralLoose(["\n flex: 0 0 auto;\n width: auto;\n max-width: none;\n "])));
17845
+ return css(_templateObject3$t || (_templateObject3$t = _taggedTemplateLiteralLoose(["\n flex: 0 0 auto;\n width: auto;\n max-width: none;\n "])));
17836
17846
  }
17837
17847
 
17838
17848
  var w = parseFloat(width) * 100 / 12;
@@ -17934,7 +17944,7 @@ var useContext$3 = function useContext() {
17934
17944
  return React__default.useContext(Provider$3);
17935
17945
  };
17936
17946
 
17937
- var _templateObject$Q, _templateObject2$B, _templateObject3$t;
17947
+ var _templateObject$Q, _templateObject2$B, _templateObject3$u;
17938
17948
  var Grid = styled.div(_templateObject$Q || (_templateObject$Q = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n width: 100%;\n\n ", "\n\n ", "\n"])), function (_ref) {
17939
17949
  var spacing = _ref.spacing;
17940
17950
  if (spacing === undefined) return;
@@ -17944,7 +17954,7 @@ var Grid = styled.div(_templateObject$Q || (_templateObject$Q = _taggedTemplateL
17944
17954
  var borderless = _ref2.borderless,
17945
17955
  lightestGrey = _ref2.theme.colors.lightestGrey;
17946
17956
  if (borderless) return;
17947
- return css(_templateObject3$t || (_templateObject3$t = _taggedTemplateLiteralLoose(["\n border: 1px solid ", ";\n "])), lightestGrey);
17957
+ return css(_templateObject3$u || (_templateObject3$u = _taggedTemplateLiteralLoose(["\n border: 1px solid ", ";\n "])), lightestGrey);
17948
17958
  });
17949
17959
 
17950
17960
  var Grid$1 = React__default.forwardRef(function (props, ref) {
@@ -17962,7 +17972,7 @@ var Grid$1 = React__default.forwardRef(function (props, ref) {
17962
17972
  });
17963
17973
  Grid$1.displayName = 'Grid';
17964
17974
 
17965
- var _templateObject$R, _templateObject2$C, _templateObject3$u, _templateObject4$h, _templateObject5$f, _templateObject6$e, _templateObject7$e, _templateObject8$b, _templateObject9$b, _templateObject10$a;
17975
+ var _templateObject$R, _templateObject2$C, _templateObject3$v, _templateObject4$h, _templateObject5$f, _templateObject6$e, _templateObject7$e, _templateObject8$b, _templateObject9$b, _templateObject10$a;
17966
17976
  var horizontalAligns = {
17967
17977
  around: 'space-around',
17968
17978
  between: 'space-between',
@@ -17983,7 +17993,7 @@ var Row = styled.div(_templateObject$R || (_templateObject$R = _taggedTemplateLi
17983
17993
  }, function (_ref2) {
17984
17994
  var spacingAround = _ref2.spacingAround;
17985
17995
  if (spacingAround) return;
17986
- return css(_templateObject3$u || (_templateObject3$u = _taggedTemplateLiteralLoose(["\n :first-child {\n padding-top: 0;\n }\n :last-child {\n padding-bottom: 0;\n }\n "])));
17996
+ return css(_templateObject3$v || (_templateObject3$v = _taggedTemplateLiteralLoose(["\n :first-child {\n padding-top: 0;\n }\n :last-child {\n padding-bottom: 0;\n }\n "])));
17987
17997
  }, function (_ref3) {
17988
17998
  var horizontalAlign = _ref3.horizontalAlign;
17989
17999
  if (horizontalAlign === undefined) return;
@@ -18093,13 +18103,13 @@ var widths = {
18093
18103
  default: '642.5px'
18094
18104
  };
18095
18105
 
18096
- var _templateObject$S, _templateObject2$D, _templateObject3$v, _templateObject4$i, _templateObject5$g, _templateObject6$f, _templateObject7$f, _templateObject8$c, _templateObject9$c, _templateObject10$b;
18106
+ var _templateObject$S, _templateObject2$D, _templateObject3$w, _templateObject4$i, _templateObject5$g, _templateObject6$f, _templateObject7$f, _templateObject8$c, _templateObject9$c, _templateObject10$b;
18097
18107
  var Background = styled.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) {
18098
18108
  var theme = _ref.theme;
18099
18109
  return theme.getColor('black', 25);
18100
18110
  });
18101
18111
  var Content = styled.div(_templateObject2$D || (_templateObject2$D = _taggedTemplateLiteralLoose(["\n flex: 1;\n position: relative;\n"])));
18102
- var Header$5 = styled.div(_templateObject3$v || (_templateObject3$v = _taggedTemplateLiteralLoose(["\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n\n ", "\n"])), function (_ref2) {
18112
+ var Header$5 = styled.div(_templateObject3$w || (_templateObject3$w = _taggedTemplateLiteralLoose(["\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n\n ", "\n"])), function (_ref2) {
18103
18113
  var _ref2$theme = _ref2.theme,
18104
18114
  colors = _ref2$theme.colors,
18105
18115
  spacings = _ref2$theme.spacings,
@@ -18323,10 +18333,10 @@ var Modal$1 = Object.assign(Modal, {
18323
18333
  Audit: Audit
18324
18334
  });
18325
18335
 
18326
- var _templateObject$W, _templateObject2$E, _templateObject3$w, _templateObject4$j, _templateObject5$h, _templateObject6$g, _templateObject7$g, _templateObject8$d, _templateObject9$d, _templateObject10$c, _templateObject11$5;
18336
+ var _templateObject$W, _templateObject2$E, _templateObject3$x, _templateObject4$j, _templateObject5$h, _templateObject6$g, _templateObject7$g, _templateObject8$d, _templateObject9$d, _templateObject10$c, _templateObject11$5;
18327
18337
  var Container$c = styled.div(_templateObject$W || (_templateObject$W = _taggedTemplateLiteralLoose(["\n width: 100%;\n height: 300px;\n position: absolute;\n padding: 14px;\n"])));
18328
18338
  var Header$6 = styled.div(_templateObject2$E || (_templateObject2$E = _taggedTemplateLiteralLoose(["\n display: flex;\n"])));
18329
- var HeaderImage = styled.div(_templateObject3$w || (_templateObject3$w = _taggedTemplateLiteralLoose(["\n width: 43px;\n height: 44px;\n background-color: #ebebeb;\n"])));
18339
+ var HeaderImage = styled.div(_templateObject3$x || (_templateObject3$x = _taggedTemplateLiteralLoose(["\n width: 43px;\n height: 44px;\n background-color: #ebebeb;\n"])));
18330
18340
  var HeaderContent = styled.div(_templateObject4$j || (_templateObject4$j = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n flex: 1;\n"])));
18331
18341
  var MainContent = styled.div(_templateObject5$h || (_templateObject5$h = _taggedTemplateLiteralLoose(["\n margin-top: 8px;\n"])));
18332
18342
  var HeaderLine = styled.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) {
@@ -18375,23 +18385,23 @@ var Template1 = function Template1(props) {
18375
18385
  })));
18376
18386
  };
18377
18387
 
18378
- var _templateObject$X, _templateObject2$F, _templateObject3$x, _templateObject4$k, _templateObject5$i;
18388
+ var _templateObject$X, _templateObject2$F, _templateObject3$y, _templateObject4$k, _templateObject5$i;
18379
18389
  var HeaderLine$1 = styled.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) {
18380
18390
  return props.height;
18381
18391
  }, function (props) {
18382
18392
  return props.size === 'mini' && css(_templateObject2$F || (_templateObject2$F = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
18383
18393
  }, function (props) {
18384
- return props.size === 'small' && css(_templateObject3$x || (_templateObject3$x = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
18394
+ return props.size === 'small' && css(_templateObject3$y || (_templateObject3$y = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
18385
18395
  }, function (props) {
18386
18396
  return props.size === 'medium' && css(_templateObject4$k || (_templateObject4$k = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
18387
18397
  }, function (props) {
18388
18398
  return props.size === 'large' && css(_templateObject5$i || (_templateObject5$i = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
18389
18399
  });
18390
18400
 
18391
- var _templateObject$Y, _templateObject2$G, _templateObject3$y, _templateObject4$l, _templateObject5$j, _templateObject6$h, _templateObject7$h, _templateObject8$e;
18401
+ var _templateObject$Y, _templateObject2$G, _templateObject3$z, _templateObject4$l, _templateObject5$j, _templateObject6$h, _templateObject7$h, _templateObject8$e;
18392
18402
  var Container$d = styled.div(_templateObject$Y || (_templateObject$Y = _taggedTemplateLiteralLoose(["\n width: 100%;\n max-height: 100%;\n position: absolute;\n padding: 14px;\n"])));
18393
18403
  var Template2Container = styled(Container$d)(_templateObject2$G || (_templateObject2$G = _taggedTemplateLiteralLoose(["\n background: #fff;\n border: 2px solid #ebebeb;\n"])));
18394
- var Header$7 = styled.div(_templateObject3$y || (_templateObject3$y = _taggedTemplateLiteralLoose(["\n display: flex;\n"])));
18404
+ var Header$7 = styled.div(_templateObject3$z || (_templateObject3$z = _taggedTemplateLiteralLoose(["\n display: flex;\n"])));
18395
18405
  var HeaderImage$1 = styled.div(_templateObject4$l || (_templateObject4$l = _taggedTemplateLiteralLoose(["\n width: 43px;\n height: 44px;\n background-color: #ebebeb;\n"])));
18396
18406
  var HeaderContent$1 = styled.div(_templateObject5$j || (_templateObject5$j = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n flex: 1;\n"])));
18397
18407
  var MainContent$1 = styled.div(_templateObject6$h || (_templateObject6$h = _taggedTemplateLiteralLoose(["\n margin-top: 8px;\n"])));
@@ -18419,10 +18429,10 @@ var Template2 = function Template2(props) {
18419
18429
  })));
18420
18430
  };
18421
18431
 
18422
- var _templateObject$Z, _templateObject2$H, _templateObject3$z;
18432
+ var _templateObject$Z, _templateObject2$H, _templateObject3$A;
18423
18433
  var Container$e = styled.div(_templateObject$Z || (_templateObject$Z = _taggedTemplateLiteralLoose(["\n width: 100%;\n max-height: 100%;\n position: absolute;\n padding: 14px;\n"])));
18424
18434
  var Template3Container = styled(Container$e)(_templateObject2$H || (_templateObject2$H = _taggedTemplateLiteralLoose([""])));
18425
- var Template3Line = styled(HeaderLine$1)(_templateObject3$z || (_templateObject3$z = _taggedTemplateLiteralLoose(["\n background-color: #dadada;\n height: ", ";\n"])), function (props) {
18435
+ var Template3Line = styled(HeaderLine$1)(_templateObject3$A || (_templateObject3$A = _taggedTemplateLiteralLoose(["\n background-color: #dadada;\n height: ", ";\n"])), function (props) {
18426
18436
  return props.height;
18427
18437
  });
18428
18438
 
@@ -18451,12 +18461,12 @@ var Template3 = function Template3(props) {
18451
18461
  }));
18452
18462
  };
18453
18463
 
18454
- var _templateObject$_, _templateObject2$I, _templateObject3$A, _templateObject4$m, _templateObject5$k, _templateObject6$i, _templateObject7$i, _templateObject8$f;
18464
+ var _templateObject$_, _templateObject2$I, _templateObject3$B, _templateObject4$m, _templateObject5$k, _templateObject6$i, _templateObject7$i, _templateObject8$f;
18455
18465
  var Container$f = styled.div(_templateObject$_ || (_templateObject$_ = _taggedTemplateLiteralLoose(["\n width: 100%;\n max-height: 100%;\n position: absolute;\n padding: 14px;\n"])));
18456
18466
  var HeaderLine$3 = styled.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) {
18457
18467
  return props.height;
18458
18468
  }, function (props) {
18459
- return props.size === 'mini' && css(_templateObject3$A || (_templateObject3$A = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
18469
+ return props.size === 'mini' && css(_templateObject3$B || (_templateObject3$B = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
18460
18470
  }, function (props) {
18461
18471
  return props.size === 'small' && css(_templateObject4$m || (_templateObject4$m = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
18462
18472
  }, function (props) {
@@ -18518,10 +18528,10 @@ var Template4 = function Template4(props) {
18518
18528
  }));
18519
18529
  };
18520
18530
 
18521
- var _templateObject$$, _templateObject2$J, _templateObject3$B, _templateObject4$n, _templateObject5$l, _templateObject6$j, _templateObject7$j, _templateObject8$g, _templateObject9$e;
18531
+ var _templateObject$$, _templateObject2$J, _templateObject3$C, _templateObject4$n, _templateObject5$l, _templateObject6$j, _templateObject7$j, _templateObject8$g, _templateObject9$e;
18522
18532
  var Container$g = styled.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"])));
18523
18533
  var Circle = styled.div(_templateObject2$J || (_templateObject2$J = _taggedTemplateLiteralLoose(["\n width: 141px;\n height: 141px;\n background-color: #dddedf;\n border-radius: 50%;\n"])));
18524
- var HeaderLine$4 = styled.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) {
18534
+ var HeaderLine$4 = styled.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) {
18525
18535
  return props.height;
18526
18536
  }, function (props) {
18527
18537
  return props.size === 'mini' && css(_templateObject4$n || (_templateObject4$n = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
@@ -18566,10 +18576,10 @@ var Template5 = function Template5(props) {
18566
18576
  })));
18567
18577
  };
18568
18578
 
18569
- var _templateObject$10, _templateObject2$K, _templateObject3$C, _templateObject4$o, _templateObject5$m, _templateObject6$k, _templateObject7$k, _templateObject8$h, _templateObject9$f;
18579
+ var _templateObject$10, _templateObject2$K, _templateObject3$D, _templateObject4$o, _templateObject5$m, _templateObject6$k, _templateObject7$k, _templateObject8$h, _templateObject9$f;
18570
18580
  var Container$h = styled.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"])));
18571
18581
  var Header$8 = styled.div(_templateObject2$K || (_templateObject2$K = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding: 14px;\n"])));
18572
- var Footer$3 = styled.div(_templateObject3$C || (_templateObject3$C = _taggedTemplateLiteralLoose(["\n width: 100%;\n border-top: 1px solid #b1b1b3;\n height: 50px;\n"])));
18582
+ var Footer$3 = styled.div(_templateObject3$D || (_templateObject3$D = _taggedTemplateLiteralLoose(["\n width: 100%;\n border-top: 1px solid #b1b1b3;\n height: 50px;\n"])));
18573
18583
  var HeaderLine$5 = styled.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) {
18574
18584
  return props.height;
18575
18585
  }, function (props) {
@@ -18609,10 +18619,10 @@ var Template6 = function Template6(props) {
18609
18619
  })));
18610
18620
  };
18611
18621
 
18612
- var _templateObject$11, _templateObject2$L, _templateObject3$D, _templateObject4$p, _templateObject5$n, _templateObject6$l, _templateObject7$l, _templateObject8$i, _templateObject9$g, _templateObject10$d;
18622
+ var _templateObject$11, _templateObject2$L, _templateObject3$E, _templateObject4$p, _templateObject5$n, _templateObject6$l, _templateObject7$l, _templateObject8$i, _templateObject9$g, _templateObject10$d;
18613
18623
  var Container$i = styled.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"])));
18614
18624
  var Header$9 = styled.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"])));
18615
- var HeaderLine$6 = styled.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) {
18625
+ var HeaderLine$6 = styled.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) {
18616
18626
  return props.height;
18617
18627
  }, function (props) {
18618
18628
  return props.size === 'mini' && css(_templateObject4$p || (_templateObject4$p = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
@@ -18643,10 +18653,10 @@ var Template7 = function Template7(props) {
18643
18653
  })), 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)));
18644
18654
  };
18645
18655
 
18646
- var _templateObject$12, _templateObject2$M, _templateObject3$E, _templateObject4$q, _templateObject5$o, _templateObject6$m, _templateObject7$m, _templateObject8$j, _templateObject9$h;
18656
+ var _templateObject$12, _templateObject2$M, _templateObject3$F, _templateObject4$q, _templateObject5$o, _templateObject6$m, _templateObject7$m, _templateObject8$j, _templateObject9$h;
18647
18657
  var Container$j = styled.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"])));
18648
18658
  var Header$a = styled.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"])));
18649
- var HeaderLine$7 = styled.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) {
18659
+ var HeaderLine$7 = styled.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) {
18650
18660
  return props.height;
18651
18661
  }, function (props) {
18652
18662
  return props.size === 'mini' && css(_templateObject4$q || (_templateObject4$q = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
@@ -18686,10 +18696,10 @@ var Template8 = function Template8(props) {
18686
18696
  })));
18687
18697
  };
18688
18698
 
18689
- var _templateObject$13, _templateObject2$N, _templateObject3$F, _templateObject4$r, _templateObject5$p, _templateObject6$n, _templateObject7$n, _templateObject8$k, _templateObject9$i, _templateObject10$e;
18699
+ var _templateObject$13, _templateObject2$N, _templateObject3$G, _templateObject4$r, _templateObject5$p, _templateObject6$n, _templateObject7$n, _templateObject8$k, _templateObject9$i, _templateObject10$e;
18690
18700
  var Container$k = styled.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"])));
18691
18701
  var Header$b = styled.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"])));
18692
- var HeaderLine$8 = styled.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) {
18702
+ var HeaderLine$8 = styled.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) {
18693
18703
  return props.height;
18694
18704
  }, function (props) {
18695
18705
  return props.size === 'mini' && css(_templateObject4$r || (_templateObject4$r = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
@@ -18725,10 +18735,10 @@ var Template8$1 = function Template8(props) {
18725
18735
  })), React__default.createElement(Main$4, null, React__default.createElement(Circle$2, null)));
18726
18736
  };
18727
18737
 
18728
- var _templateObject$14, _templateObject2$O, _templateObject3$G, _templateObject4$s, _templateObject5$q, _templateObject6$o, _templateObject7$o, _templateObject8$l, _templateObject9$j, _templateObject10$f, _templateObject11$6;
18738
+ var _templateObject$14, _templateObject2$O, _templateObject3$H, _templateObject4$s, _templateObject5$q, _templateObject6$o, _templateObject7$o, _templateObject8$l, _templateObject9$j, _templateObject10$f, _templateObject11$6;
18729
18739
  var Container$l = styled.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"])));
18730
18740
  var Header$c = styled.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"])));
18731
- var HeaderLine$9 = styled.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) {
18741
+ var HeaderLine$9 = styled.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) {
18732
18742
  return props.height;
18733
18743
  }, function (props) {
18734
18744
  return props.size === 'mini' && css(_templateObject4$s || (_templateObject4$s = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
@@ -18869,12 +18879,12 @@ var Placeholder = function Placeholder(props) {
18869
18879
  }
18870
18880
  };
18871
18881
 
18872
- var _templateObject$15, _templateObject2$P, _templateObject3$H, _templateObject4$t, _templateObject5$r, _templateObject6$p, _templateObject7$p;
18882
+ var _templateObject$15, _templateObject2$P, _templateObject3$I, _templateObject4$t, _templateObject5$r, _templateObject6$p, _templateObject7$p;
18873
18883
  var Container$m = styled.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"])));
18874
18884
  var Progress = styled.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) {
18875
18885
  return props.value + "%";
18876
18886
  }, function (props) {
18877
- return props.type === 'default' && css(_templateObject3$H || (_templateObject3$H = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n "])), function (_ref) {
18887
+ return props.type === 'default' && css(_templateObject3$I || (_templateObject3$I = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n "])), function (_ref) {
18878
18888
  var theme = _ref.theme;
18879
18889
  return theme.colors.warningGray;
18880
18890
  });
@@ -18904,7 +18914,7 @@ var ProgressBar = function ProgressBar(props) {
18904
18914
  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', "%"));
18905
18915
  };
18906
18916
 
18907
- var _templateObject$16, _templateObject2$Q, _templateObject3$I, _templateObject4$u, _templateObject5$s, _templateObject6$q, _templateObject7$q, _templateObject8$m;
18917
+ var _templateObject$16, _templateObject2$Q, _templateObject3$J, _templateObject4$u, _templateObject5$s, _templateObject6$q, _templateObject7$q, _templateObject8$m;
18908
18918
  var Container$n = styled.div(_templateObject$16 || (_templateObject$16 = _taggedTemplateLiteralLoose(["\n display: block;\n"])));
18909
18919
  var delimiters = {
18910
18920
  blue: ['blue'],
@@ -18924,7 +18934,7 @@ var Tabs = styled.ul(_templateObject2$Q || (_templateObject2$Q = _taggedTemplate
18924
18934
  bottom = _getSpacings$split[2],
18925
18935
  left = _getSpacings$split[3];
18926
18936
 
18927
- return css(_templateObject3$I || (_templateObject3$I = _taggedTemplateLiteralLoose(["\n margin: ", " 0 ", " 0;\n padding: 0 ", " 0 ", ";\n "])), top, bottom, right, left);
18937
+ return css(_templateObject3$J || (_templateObject3$J = _taggedTemplateLiteralLoose(["\n margin: ", " 0 ", " 0;\n padding: 0 ", " 0 ", ";\n "])), top, bottom, right, left);
18928
18938
  }, function (_ref2) {
18929
18939
  var theme = _ref2.theme,
18930
18940
  internal = _ref2.$internal,
@@ -19092,13 +19102,13 @@ var TextArea = function TextArea(props) {
19092
19102
  return React__default.createElement(Container$o, Object.assign({}, props));
19093
19103
  };
19094
19104
 
19095
- var _templateObject$18, _templateObject2$R, _templateObject3$J, _templateObject4$v, _templateObject5$t, _templateObject6$r;
19105
+ var _templateObject$18, _templateObject2$R, _templateObject3$K, _templateObject4$v, _templateObject5$t, _templateObject6$r;
19096
19106
  var Container$p = styled.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) {
19097
19107
  return props.size === 'large' ? '837px' : '460px';
19098
19108
  }, function (props) {
19099
19109
  return props.color === 'success' && 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 "])));
19100
19110
  }, function (props) {
19101
- return props.color === 'error' && 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 "])));
19111
+ return props.color === 'error' && 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 "])));
19102
19112
  }, function (props) {
19103
19113
  return props.color === 'warning' && 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 "])));
19104
19114
  });
@@ -19115,7 +19125,7 @@ var Toast = function Toast(props) {
19115
19125
  })), React__default.createElement(IconContent, null, React__default.createElement("h4", null, props.title), React__default.createElement("p", null, " ", props.description)));
19116
19126
  };
19117
19127
 
19118
- var _templateObject$19, _templateObject2$S, _templateObject3$K, _templateObject4$w, _templateObject5$u;
19128
+ var _templateObject$19, _templateObject2$S, _templateObject3$L, _templateObject4$w, _templateObject5$u;
19119
19129
  var Image = styled.img(_templateObject$19 || (_templateObject$19 = _taggedTemplateLiteralLoose(["\n max-width: 100%;\n max-height: 100%;\n"])));
19120
19130
  var Container$q = styled.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) {
19121
19131
  var width = _ref.width;
@@ -19144,7 +19154,7 @@ var Container$q = styled.div(_templateObject2$S || (_templateObject2$S = _tagged
19144
19154
  return 'auto';
19145
19155
  }
19146
19156
  });
19147
- var Dimmer = styled.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) {
19157
+ var Dimmer = styled.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) {
19148
19158
  var theme = _ref3.theme;
19149
19159
  return theme.getColor('greyishBlue', 50);
19150
19160
  });