@mw-kit/mw-ui 1.7.68 → 1.7.69

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 (5) hide show
  1. package/dist/index.js +73 -70
  2. package/dist/index.js.map +1 -1
  3. package/dist/index.modern.js +73 -70
  4. package/dist/index.modern.js.map +1 -1
  5. package/package.json +1 -1
package/dist/index.modern.js CHANGED
@@ -12684,27 +12684,30 @@ var Container$1 = styled.div(_templateObject$8 || (_templateObject$8 = _taggedTe
12684
12684
  return theme.spacings.s1;
12685
12685
  });
12686
12686
 
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) {
12689
- var height = _ref.$height;
12690
- return height && css(_templateObject2$8 || (_templateObject2$8 = _taggedTemplateLiteralLoose(["\n height: ", ";\n "])), height);
12687
+ var _templateObject$9, _templateObject2$8, _templateObject3$8, _templateObject4$5;
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\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) {
12689
+ var height = _ref.$height,
12690
+ maxHeight = _ref.$maxHeight;
12691
+
12692
+ if (height) {
12693
+ return css(_templateObject2$8 || (_templateObject2$8 = _taggedTemplateLiteralLoose(["\n min-height: ", ";\n max-height: ", ";\n "])), height, maxHeight || height);
12694
+ }
12695
+
12696
+ return css(_templateObject3$8 || (_templateObject3$8 = _taggedTemplateLiteralLoose(["\n max-height: ", ";\n "])), maxHeight || '100%');
12691
12697
  }, function (_ref2) {
12692
- var maxHeight = _ref2.$maxHeight;
12693
- return maxHeight || '100%';
12698
+ var theme = _ref2.theme;
12699
+ return theme.colors.grey + " " + theme.colors.white;
12694
12700
  }, function (_ref3) {
12695
12701
  var theme = _ref3.theme;
12696
- return theme.colors.grey + " " + theme.colors.white;
12702
+ return theme.colors.grey;
12697
12703
  }, function (_ref4) {
12698
12704
  var theme = _ref4.theme;
12699
- return theme.colors.grey;
12700
- }, function (_ref5) {
12701
- var theme = _ref5.theme;
12702
12705
  return theme.colors.white;
12703
- }, function (_ref6) {
12704
- var spacing = _ref6.$spacing,
12705
- theme = _ref6.theme;
12706
+ }, function (_ref5) {
12707
+ var spacing = _ref5.$spacing,
12708
+ theme = _ref5.theme;
12706
12709
  var value = getSpacings(spacing || '0', '0').split(' ');
12707
- return css(_templateObject3$8 || (_templateObject3$8 = _taggedTemplateLiteralLoose(["\n padding: ", " calc(", " * 1.5) ", "\n ", ";\n "])), value[0], theme.spacings.s1, value[2], value[3]);
12710
+ return css(_templateObject4$5 || (_templateObject4$5 = _taggedTemplateLiteralLoose(["\n padding: ", " calc(", " * 1.5) ", "\n ", ";\n "])), value[0], theme.spacings.s1, value[2], value[3]);
12708
12711
  });
12709
12712
 
12710
12713
  var _templateObject$a;
@@ -12776,7 +12779,7 @@ var ScrollContainer = React__default.forwardRef(function (props, ref) {
12776
12779
  });
12777
12780
  ScrollContainer.displayName = 'ScrollContainer';
12778
12781
 
12779
- var _templateObject$b, _templateObject2$9, _templateObject3$9, _templateObject4$5, _templateObject5$5, _templateObject6$4, _templateObject7$4, _templateObject8$3, _templateObject9$3, _templateObject10$3;
12782
+ var _templateObject$b, _templateObject2$9, _templateObject3$9, _templateObject4$6, _templateObject5$5, _templateObject6$4, _templateObject7$4, _templateObject8$3, _templateObject9$3, _templateObject10$3;
12780
12783
  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) {
12781
12784
  var theme = _ref.theme;
12782
12785
  return theme.useTypography('p');
@@ -12809,7 +12812,7 @@ var Option = styled.div(_templateObject$b || (_templateObject$b = _taggedTemplat
12809
12812
  var width = cfg.width || '1px';
12810
12813
  var style = cfg.style || 'solid';
12811
12814
  var color = isKeyOf(theme.colors, cfg.color) ? theme.colors[cfg.color] : cfg.color;
12812
- return css(_templateObject4$5 || (_templateObject4$5 = _taggedTemplateLiteralLoose(["\n border-", "-width: ", ";\n border-", "-style: ", ";\n border-", "-color: ", ";\n "])), pos, width, pos, style, pos, color);
12815
+ return css(_templateObject4$6 || (_templateObject4$6 = _taggedTemplateLiteralLoose(["\n border-", "-width: ", ";\n border-", "-style: ", ";\n border-", "-color: ", ";\n "])), pos, width, pos, style, pos, color);
12813
12816
  });
12814
12817
  }, function (_ref7) {
12815
12818
  var theme = _ref7.theme;
@@ -12954,7 +12957,7 @@ var MenuComponent = function MenuComponent(props, ref) {
12954
12957
 
12955
12958
  var Menu = React__default.forwardRef(MenuComponent);
12956
12959
 
12957
- var _templateObject$c, _templateObject2$a, _templateObject3$a, _templateObject4$6, _templateObject5$6, _templateObject6$5, _templateObject7$5, _templateObject8$4, _templateObject9$4, _templateObject10$4;
12960
+ var _templateObject$c, _templateObject2$a, _templateObject3$a, _templateObject4$7, _templateObject5$6, _templateObject6$5, _templateObject7$5, _templateObject8$4, _templateObject9$4, _templateObject10$4;
12958
12961
  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) {
12959
12962
  var theme = _ref.theme;
12960
12963
  return theme.spacings.s3;
@@ -12975,7 +12978,7 @@ var LabelContainer = styled.div(_templateObject3$a || (_templateObject3$a = _tag
12975
12978
  var theme = _ref5.theme;
12976
12979
  return theme.spacings.s3;
12977
12980
  });
12978
- var CalendarContainer = styled.div(_templateObject4$6 || (_templateObject4$6 = _taggedTemplateLiteralLoose(["\n border: 1px solid ", ";\n"])), function (_ref6) {
12981
+ var CalendarContainer = styled.div(_templateObject4$7 || (_templateObject4$7 = _taggedTemplateLiteralLoose(["\n border: 1px solid ", ";\n"])), function (_ref6) {
12979
12982
  var theme = _ref6.theme;
12980
12983
  return theme.colors.lightestGrey;
12981
12984
  });
@@ -13115,7 +13118,7 @@ var Indicator = function Indicator(props) {
13115
13118
  }, props)));
13116
13119
  };
13117
13120
 
13118
- var _templateObject$e, _templateObject2$c, _templateObject3$b, _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$8, _templateObject5$7, _templateObject6$6, _templateObject7$6, _templateObject8$5, _templateObject9$5, _templateObject10$5, _templateObject11$2;
13119
13122
  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"])));
13120
13123
  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) {
13121
13124
  var theme = _ref.theme;
@@ -13140,7 +13143,7 @@ var Header = styled.div(_templateObject3$b || (_templateObject3$b = _taggedTempl
13140
13143
  var theme = _ref7.theme;
13141
13144
  return theme.getColor('lightestGrey', 40);
13142
13145
  }, WeekContainer);
13143
- var DayContainer = styled.button(_templateObject4$7 || (_templateObject4$7 = _taggedTemplateLiteralLoose(["\n position: relative;\n overflow: hidden;\n\n ", ";\n\n :disabled {\n color: ", ";\n }\n\n &,\n :after {\n transition-property: background-color, color, border-color;\n transition-timing-function: ease-in-out;\n transition-duration: 0.25s;\n }\n\n ", "\n"])), function (_ref8) {
13146
+ var DayContainer = styled.button(_templateObject4$8 || (_templateObject4$8 = _taggedTemplateLiteralLoose(["\n position: relative;\n overflow: hidden;\n\n ", ";\n\n :disabled {\n color: ", ";\n }\n\n &,\n :after {\n transition-property: background-color, color, border-color;\n transition-timing-function: ease-in-out;\n transition-duration: 0.25s;\n }\n\n ", "\n"])), function (_ref8) {
13144
13147
  var theme = _ref8.theme,
13145
13148
  appearance = _ref8.appearance,
13146
13149
  activeColor = _ref8.activeColor,
@@ -13775,7 +13778,7 @@ var getTimeProps = function getTimeProps(time, value) {
13775
13778
  });
13776
13779
  };
13777
13780
 
13778
- var _templateObject$h, _templateObject2$d, _templateObject3$c, _templateObject4$8, _templateObject5$8, _templateObject6$7, _templateObject7$7, _templateObject8$6, _templateObject9$6, _templateObject10$6;
13781
+ var _templateObject$h, _templateObject2$d, _templateObject3$c, _templateObject4$9, _templateObject5$8, _templateObject6$7, _templateObject7$7, _templateObject8$6, _templateObject9$6, _templateObject10$6;
13779
13782
  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) {
13780
13783
  var theme = _ref.theme,
13781
13784
  appearance = _ref.appearance;
@@ -13821,7 +13824,7 @@ var Button = styled.button(_templateObject$h || (_templateObject$h = _taggedTemp
13821
13824
  theme = _ref7.theme;
13822
13825
 
13823
13826
  if (appearance === 'bordered') {
13824
- return css(_templateObject4$8 || (_templateObject4$8 = _taggedTemplateLiteralLoose(["\n color: ", ";\n border: 1px solid ", ";\n "])), theme.getColor(color || 'blue', 70), theme.getColor(color || 'blue', 70));
13827
+ return css(_templateObject4$9 || (_templateObject4$9 = _taggedTemplateLiteralLoose(["\n color: ", ";\n border: 1px solid ", ";\n "])), theme.getColor(color || 'blue', 70), theme.getColor(color || 'blue', 70));
13825
13828
  } else if (['link', 'borderless'].includes(appearance)) {
13826
13829
  return css(_templateObject5$8 || (_templateObject5$8 = _taggedTemplateLiteralLoose(["\n color: ", ";\n "])), theme.colors.blue);
13827
13830
  }
@@ -14630,7 +14633,7 @@ var Footer$1 = function Footer() {
14630
14633
  });
14631
14634
  };
14632
14635
 
14633
- var _templateObject$m, _templateObject2$g, _templateObject3$d, _templateObject4$9;
14636
+ var _templateObject$m, _templateObject2$g, _templateObject3$d, _templateObject4$a;
14634
14637
  var Link = styled.div(_templateObject$m || (_templateObject$m = _taggedTemplateLiteralLoose(["\n ", "\n\n color: ", ";\n\n ", "\n"])), function (_ref) {
14635
14638
  var size = _ref.size;
14636
14639
  var _sizes = sizes$1[size || 'small'],
@@ -14649,7 +14652,7 @@ var Link = styled.div(_templateObject$m || (_templateObject$m = _taggedTemplateL
14649
14652
  disabled = _ref3.disabled,
14650
14653
  theme = _ref3.theme,
14651
14654
  colorSetting = _ref3.colorSetting;
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({
14655
+ return disabled ? css(_templateObject3$d || (_templateObject3$d = _taggedTemplateLiteralLoose(["\n opacity: 0.5;\n "]))) : onClick ? css(_templateObject4$a || (_templateObject4$a = _taggedTemplateLiteralLoose(["\n cursor: pointer;\n :hover {\n color: ", ";\n }\n "])), theme.colors[_extends({
14653
14656
  hover: 'blue'
14654
14657
  }, colorSetting && typeof colorSetting !== 'string' ? colorSetting : {}).hover]) : null;
14655
14658
  });
@@ -15421,7 +15424,7 @@ var Phone = Object.assign(Component, {
15421
15424
  getPhoneDetails: getPhoneDetails
15422
15425
  });
15423
15426
 
15424
- var _templateObject$r, _templateObject2$l, _templateObject3$h, _templateObject4$a, _templateObject5$9, _templateObject6$8, _templateObject7$8, _templateObject8$7, _templateObject9$7;
15427
+ var _templateObject$r, _templateObject2$l, _templateObject3$h, _templateObject4$b, _templateObject5$9, _templateObject6$8, _templateObject7$8, _templateObject8$7, _templateObject9$7;
15425
15428
  var RelativeContainer$4 = styled.div(_templateObject$r || (_templateObject$r = _taggedTemplateLiteralLoose(["\n position: relative;\n\n input {\n color: transparent;\n }\n"])));
15426
15429
  var LabelContainer$2 = styled.div(_templateObject2$l || (_templateObject2$l = _taggedTemplateLiteralLoose(["\n ", "\n line-height: ", ";\n"])), function (_ref) {
15427
15430
  var theme = _ref.theme;
@@ -15437,7 +15440,7 @@ var Container$5 = styled.div(_templateObject3$h || (_templateObject3$h = _tagged
15437
15440
  var borderwidth = 1;
15438
15441
 
15439
15442
  if (paddingless) {
15440
- return css(_templateObject4$a || (_templateObject4$a = _taggedTemplateLiteralLoose(["\n bottom: ", "px;\n left: ", "px;\n width: calc(100% - ", "px - ", ");\n height: calc(17px + ", "px);\n "])), borderwidth, borderwidth, borderwidth * 2, iconWidth, borderwidth * 2);
15443
+ return css(_templateObject4$b || (_templateObject4$b = _taggedTemplateLiteralLoose(["\n bottom: ", "px;\n left: ", "px;\n width: calc(100% - ", "px - ", ");\n height: calc(17px + ", "px);\n "])), borderwidth, borderwidth, borderwidth * 2, iconWidth, borderwidth * 2);
15441
15444
  }
15442
15445
 
15443
15446
  return css(_templateObject5$9 || (_templateObject5$9 = _taggedTemplateLiteralLoose(["\n bottom: ", "px;\n left: ", "px;\n width: calc(\n 100% - ", "px - ", " - ", "\n );\n height: calc(31px + ", "px);\n padding: ", " 0 ", " ", ";\n "])), borderwidth, borderwidth, borderwidth * 2, iconWidth, theme.spacings.s3, borderwidth * 2, theme.spacings.s2, theme.spacings.s2, theme.spacings.s3);
@@ -15571,7 +15574,7 @@ var DatePicker = React__default.forwardRef(function (props, ref) {
15571
15574
  });
15572
15575
  DatePicker.displayName = 'DatePicker';
15573
15576
 
15574
- var _templateObject$s, _templateObject2$m, _templateObject3$i, _templateObject4$b, _templateObject5$a, _templateObject6$9, _templateObject7$9;
15577
+ var _templateObject$s, _templateObject2$m, _templateObject3$i, _templateObject4$c, _templateObject5$a, _templateObject6$9, _templateObject7$9;
15575
15578
  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) {
15576
15579
  var theme = _ref.theme;
15577
15580
  return theme.useTypography('p');
@@ -15587,7 +15590,7 @@ var Label$4 = styled.label(_templateObject3$i || (_templateObject3$i = _taggedTe
15587
15590
  var disabled = _ref4.disabled;
15588
15591
 
15589
15592
  if (!disabled) {
15590
- return css(_templateObject4$b || (_templateObject4$b = _taggedTemplateLiteralLoose(["\n > span {\n cursor: pointer;\n }\n "])));
15593
+ return css(_templateObject4$c || (_templateObject4$c = _taggedTemplateLiteralLoose(["\n > span {\n cursor: pointer;\n }\n "])));
15591
15594
  }
15592
15595
 
15593
15596
  return css(_templateObject5$a || (_templateObject5$a = _taggedTemplateLiteralLoose(["\n opacity: 0.5;\n "])));
@@ -16021,7 +16024,7 @@ var Range = React__default.forwardRef(function (props, ref) {
16021
16024
  });
16022
16025
  Range.displayName = 'input';
16023
16026
 
16024
- var _templateObject$D, _templateObject2$t, _templateObject3$n, _templateObject4$c, _templateObject5$b, _templateObject6$a, _templateObject7$a;
16027
+ var _templateObject$D, _templateObject2$t, _templateObject3$n, _templateObject4$d, _templateObject5$b, _templateObject6$a, _templateObject7$a;
16025
16028
  var LabelContainer$5 = styled.div(_templateObject$D || (_templateObject$D = _taggedTemplateLiteralLoose(["\n ", "\n display: flex;\n align-items: center;\n"])), function (_ref) {
16026
16029
  var theme = _ref.theme;
16027
16030
  return theme.useTypography('p');
@@ -16036,7 +16039,7 @@ var Label$6 = styled.label(_templateObject2$t || (_templateObject2$t = _taggedTe
16036
16039
  return css(_templateObject3$n || (_templateObject3$n = _taggedTemplateLiteralLoose(["\n > span {\n cursor: pointer;\n }\n "])));
16037
16040
  }
16038
16041
 
16039
- return css(_templateObject4$c || (_templateObject4$c = _taggedTemplateLiteralLoose(["\n opacity: 0.5;\n "])));
16042
+ return css(_templateObject4$d || (_templateObject4$d = _taggedTemplateLiteralLoose(["\n opacity: 0.5;\n "])));
16040
16043
  }, function (_ref4) {
16041
16044
  var required = _ref4.required;
16042
16045
  if (!required) return;
@@ -16264,7 +16267,7 @@ var parse = function parse(value) {
16264
16267
  });
16265
16268
  };
16266
16269
 
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;
16270
+ var _templateObject$E, _templateObject2$u, _templateObject3$o, _templateObject4$e, _templateObject5$c, _templateObject6$b, _templateObject7$b, _templateObject8$8, _templateObject9$8, _templateObject10$7, _templateObject11$3, _templateObject12$2;
16268
16271
  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"])));
16269
16272
  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) {
16270
16273
  var theme = _ref.theme;
@@ -16279,7 +16282,7 @@ var LabelContainer$6 = styled.div(_templateObject2$u || (_templateObject2$u = _t
16279
16282
  }, function (_ref4) {
16280
16283
  var onClick = _ref4.onClick;
16281
16284
  if (!onClick) return;
16282
- return css(_templateObject4$d || (_templateObject4$d = _taggedTemplateLiteralLoose(["\n :not(:disabled) {\n cursor: pointer;\n }\n "])));
16285
+ return css(_templateObject4$e || (_templateObject4$e = _taggedTemplateLiteralLoose(["\n :not(:disabled) {\n cursor: pointer;\n }\n "])));
16283
16286
  });
16284
16287
  var Container$6 = styled.div(_templateObject5$c || (_templateObject5$c = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n border-radius: 4px;\n white-space: nowrap;\n gap: ", ";\n border-width: 1px;\n border-style: solid;\n border-color: ", ";\n\n width: 100%;\n\n ", ";\n\n ", "\n\n ", "\n"])), function (_ref5) {
16285
16288
  var theme = _ref5.theme;
@@ -17161,7 +17164,7 @@ var Input$5 = Object.assign(Component$2, {
17161
17164
  getPhoneDetails: Phone.getPhoneDetails
17162
17165
  });
17163
17166
 
17164
- var _templateObject$K, _templateObject2$x, _templateObject3$q, _templateObject4$e;
17167
+ var _templateObject$K, _templateObject2$x, _templateObject3$q, _templateObject4$f;
17165
17168
  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) {
17166
17169
  var theme = _ref.theme;
17167
17170
  return theme.colors.white;
@@ -17185,7 +17188,7 @@ var Title = styled.div(_templateObject3$q || (_templateObject3$q = _taggedTempla
17185
17188
  var getColor = _ref6.theme.getColor;
17186
17189
  return getColor('greyishBlue', 50);
17187
17190
  });
17188
- var Item = styled.div(_templateObject4$e || (_templateObject4$e = _taggedTemplateLiteralLoose(["\n padding: ", ";\n display: flex;\n align-items: center;\n\n :not(:last-child) {\n border-bottom: 1px solid\n ", ";\n }\n\n > div:nth-child(1) {\n flex: 1;\n\n > div:nth-child(1) {\n ", "\n color: ", ";\n }\n > div:nth-child(2) {\n ", "\n }\n }\n > div:nth-child(2) {\n display: flex;\n align-items: center;\n cursor: pointer;\n }\n"])), function (_ref7) {
17191
+ var Item = styled.div(_templateObject4$f || (_templateObject4$f = _taggedTemplateLiteralLoose(["\n padding: ", ";\n display: flex;\n align-items: center;\n\n :not(:last-child) {\n border-bottom: 1px solid\n ", ";\n }\n\n > div:nth-child(1) {\n flex: 1;\n\n > div:nth-child(1) {\n ", "\n color: ", ";\n }\n > div:nth-child(2) {\n ", "\n }\n }\n > div:nth-child(2) {\n display: flex;\n align-items: center;\n cursor: pointer;\n }\n"])), function (_ref7) {
17189
17192
  var s1 = _ref7.theme.spacings.s1;
17190
17193
  return s1 + " " + s1 + " " + s1 + " 0";
17191
17194
  }, function (_ref8) {
@@ -17366,13 +17369,13 @@ var AppliedFilters = Object.assign(function (props) {
17366
17369
  Menu: AppliedFiltersMenu
17367
17370
  });
17368
17371
 
17369
- var _templateObject$M, _templateObject2$z, _templateObject3$s, _templateObject4$f, _templateObject5$d, _templateObject6$c, _templateObject7$c, _templateObject8$9, _templateObject9$9, _templateObject10$8;
17372
+ var _templateObject$M, _templateObject2$z, _templateObject3$s, _templateObject4$g, _templateObject5$d, _templateObject6$c, _templateObject7$c, _templateObject8$9, _templateObject9$9, _templateObject10$8;
17370
17373
  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) {
17371
17374
  return props.size === 'mini' && css(_templateObject2$z || (_templateObject2$z = _taggedTemplateLiteralLoose(["\n width: 394px;\n height: 99px;\n "])));
17372
17375
  }, function (props) {
17373
17376
  return props.size === 'small' && css(_templateObject3$s || (_templateObject3$s = _taggedTemplateLiteralLoose(["\n width: 394px;\n height: 131px;\n "])));
17374
17377
  }, function (props) {
17375
- return props.size === 'medium' && css(_templateObject4$f || (_templateObject4$f = _taggedTemplateLiteralLoose(["\n width: 394px;\n "])));
17378
+ return props.size === 'medium' && css(_templateObject4$g || (_templateObject4$g = _taggedTemplateLiteralLoose(["\n width: 394px;\n "])));
17376
17379
  }, function (props) {
17377
17380
  return props.size === 'big' && css(_templateObject5$d || (_templateObject5$d = _taggedTemplateLiteralLoose(["\n width: 414px;\n height: 324px;\n "])));
17378
17381
  }, function (props) {
@@ -17807,7 +17810,7 @@ var useContext$2 = function useContext() {
17807
17810
  return React__default.useContext(Provider$2);
17808
17811
  };
17809
17812
 
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;
17813
+ var _templateObject$P, _templateObject2$A, _templateObject3$t, _templateObject4$h, _templateObject5$e, _templateObject6$d, _templateObject7$d, _templateObject8$a, _templateObject9$a, _templateObject10$9, _templateObject11$4, _templateObject12$3, _templateObject13$2, _templateObject14$2, _templateObject15$2;
17811
17814
  var aligns = {
17812
17815
  self: {
17813
17816
  horizontal: {
@@ -17846,7 +17849,7 @@ var Col = styled.div(_templateObject$P || (_templateObject$P = _taggedTemplateLi
17846
17849
  }
17847
17850
 
17848
17851
  var w = parseFloat(width) * 100 / 12;
17849
- return css(_templateObject4$g || (_templateObject4$g = _taggedTemplateLiteralLoose(["\n flex: 0 0 ", "%;\n max-width: ", "%;\n width: 100%;\n "])), w, w);
17852
+ return css(_templateObject4$h || (_templateObject4$h = _taggedTemplateLiteralLoose(["\n flex: 0 0 ", "%;\n max-width: ", "%;\n width: 100%;\n "])), w, w);
17850
17853
  }, function (_ref2) {
17851
17854
  var spacing = _ref2.spacing;
17852
17855
  var padding = getSpacings(spacing === undefined ? 's1' : spacing);
@@ -17972,7 +17975,7 @@ var Grid$1 = React__default.forwardRef(function (props, ref) {
17972
17975
  });
17973
17976
  Grid$1.displayName = 'Grid';
17974
17977
 
17975
- var _templateObject$R, _templateObject2$C, _templateObject3$v, _templateObject4$h, _templateObject5$f, _templateObject6$e, _templateObject7$e, _templateObject8$b, _templateObject9$b, _templateObject10$a;
17978
+ var _templateObject$R, _templateObject2$C, _templateObject3$v, _templateObject4$i, _templateObject5$f, _templateObject6$e, _templateObject7$e, _templateObject8$b, _templateObject9$b, _templateObject10$a;
17976
17979
  var horizontalAligns = {
17977
17980
  around: 'space-around',
17978
17981
  between: 'space-between',
@@ -17997,7 +18000,7 @@ var Row = styled.div(_templateObject$R || (_templateObject$R = _taggedTemplateLi
17997
18000
  }, function (_ref3) {
17998
18001
  var horizontalAlign = _ref3.horizontalAlign;
17999
18002
  if (horizontalAlign === undefined) return;
18000
- return css(_templateObject4$h || (_templateObject4$h = _taggedTemplateLiteralLoose(["\n justify-content: ", ";\n "])), horizontalAligns[horizontalAlign]);
18003
+ return css(_templateObject4$i || (_templateObject4$i = _taggedTemplateLiteralLoose(["\n justify-content: ", ";\n "])), horizontalAligns[horizontalAlign]);
18001
18004
  }, function (_ref4) {
18002
18005
  var verticalAlign = _ref4.verticalAlign;
18003
18006
  if (verticalAlign === undefined) return;
@@ -18103,7 +18106,7 @@ var widths = {
18103
18106
  default: '642.5px'
18104
18107
  };
18105
18108
 
18106
- var _templateObject$S, _templateObject2$D, _templateObject3$w, _templateObject4$i, _templateObject5$g, _templateObject6$f, _templateObject7$f, _templateObject8$c, _templateObject9$c, _templateObject10$b;
18109
+ var _templateObject$S, _templateObject2$D, _templateObject3$w, _templateObject4$j, _templateObject5$g, _templateObject6$f, _templateObject7$f, _templateObject8$c, _templateObject9$c, _templateObject10$b;
18107
18110
  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) {
18108
18111
  var theme = _ref.theme;
18109
18112
  return theme.getColor('black', 25);
@@ -18114,7 +18117,7 @@ var Header$5 = styled.div(_templateObject3$w || (_templateObject3$w = _taggedTem
18114
18117
  colors = _ref2$theme.colors,
18115
18118
  spacings = _ref2$theme.spacings,
18116
18119
  useTypography = _ref2$theme.useTypography;
18117
- return css(_templateObject4$i || (_templateObject4$i = _taggedTemplateLiteralLoose(["\n border-bottom: 1px solid ", ";\n padding: ", ";\n\n ", "\n "])), colors.lightestGrey, spacings.s4, useTypography('h1'));
18120
+ return css(_templateObject4$j || (_templateObject4$j = _taggedTemplateLiteralLoose(["\n border-bottom: 1px solid ", ";\n padding: ", ";\n\n ", "\n "])), colors.lightestGrey, spacings.s4, useTypography('h1'));
18118
18121
  });
18119
18122
  var Footer$2 = styled.div(_templateObject5$g || (_templateObject5$g = _taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n\n ", "\n"])), function (_ref3) {
18120
18123
  var _ref3$theme = _ref3.theme,
@@ -18333,11 +18336,11 @@ var Modal$1 = Object.assign(Modal, {
18333
18336
  Audit: Audit
18334
18337
  });
18335
18338
 
18336
- var _templateObject$W, _templateObject2$E, _templateObject3$x, _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$k, _templateObject5$h, _templateObject6$g, _templateObject7$g, _templateObject8$d, _templateObject9$d, _templateObject10$c, _templateObject11$5;
18337
18340
  var Container$c = styled.div(_templateObject$W || (_templateObject$W = _taggedTemplateLiteralLoose(["\n width: 100%;\n height: 300px;\n position: absolute;\n padding: 14px;\n"])));
18338
18341
  var Header$6 = styled.div(_templateObject2$E || (_templateObject2$E = _taggedTemplateLiteralLoose(["\n display: flex;\n"])));
18339
18342
  var HeaderImage = styled.div(_templateObject3$x || (_templateObject3$x = _taggedTemplateLiteralLoose(["\n width: 43px;\n height: 44px;\n background-color: #ebebeb;\n"])));
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"])));
18343
+ var HeaderContent = styled.div(_templateObject4$k || (_templateObject4$k = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n flex: 1;\n"])));
18341
18344
  var MainContent = styled.div(_templateObject5$h || (_templateObject5$h = _taggedTemplateLiteralLoose(["\n margin-top: 8px;\n"])));
18342
18345
  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) {
18343
18346
  return props.height;
@@ -18385,7 +18388,7 @@ var Template1 = function Template1(props) {
18385
18388
  })));
18386
18389
  };
18387
18390
 
18388
- var _templateObject$X, _templateObject2$F, _templateObject3$y, _templateObject4$k, _templateObject5$i;
18391
+ var _templateObject$X, _templateObject2$F, _templateObject3$y, _templateObject4$l, _templateObject5$i;
18389
18392
  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) {
18390
18393
  return props.height;
18391
18394
  }, function (props) {
@@ -18393,16 +18396,16 @@ var HeaderLine$1 = styled.div(_templateObject$X || (_templateObject$X = _taggedT
18393
18396
  }, function (props) {
18394
18397
  return props.size === 'small' && css(_templateObject3$y || (_templateObject3$y = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
18395
18398
  }, function (props) {
18396
- return props.size === 'medium' && css(_templateObject4$k || (_templateObject4$k = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
18399
+ return props.size === 'medium' && css(_templateObject4$l || (_templateObject4$l = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
18397
18400
  }, function (props) {
18398
18401
  return props.size === 'large' && css(_templateObject5$i || (_templateObject5$i = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
18399
18402
  });
18400
18403
 
18401
- var _templateObject$Y, _templateObject2$G, _templateObject3$z, _templateObject4$l, _templateObject5$j, _templateObject6$h, _templateObject7$h, _templateObject8$e;
18404
+ var _templateObject$Y, _templateObject2$G, _templateObject3$z, _templateObject4$m, _templateObject5$j, _templateObject6$h, _templateObject7$h, _templateObject8$e;
18402
18405
  var Container$d = styled.div(_templateObject$Y || (_templateObject$Y = _taggedTemplateLiteralLoose(["\n width: 100%;\n max-height: 100%;\n position: absolute;\n padding: 14px;\n"])));
18403
18406
  var Template2Container = styled(Container$d)(_templateObject2$G || (_templateObject2$G = _taggedTemplateLiteralLoose(["\n background: #fff;\n border: 2px solid #ebebeb;\n"])));
18404
18407
  var Header$7 = styled.div(_templateObject3$z || (_templateObject3$z = _taggedTemplateLiteralLoose(["\n display: flex;\n"])));
18405
- var HeaderImage$1 = styled.div(_templateObject4$l || (_templateObject4$l = _taggedTemplateLiteralLoose(["\n width: 43px;\n height: 44px;\n background-color: #ebebeb;\n"])));
18408
+ var HeaderImage$1 = styled.div(_templateObject4$m || (_templateObject4$m = _taggedTemplateLiteralLoose(["\n width: 43px;\n height: 44px;\n background-color: #ebebeb;\n"])));
18406
18409
  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"])));
18407
18410
  var MainContent$1 = styled.div(_templateObject6$h || (_templateObject6$h = _taggedTemplateLiteralLoose(["\n margin-top: 8px;\n"])));
18408
18411
  var MainLine$1 = styled(HeaderLine$1)(_templateObject7$h || (_templateObject7$h = _taggedTemplateLiteralLoose(["\n margin-bottom: 14px;\n margin-left: 0;\n"])));
@@ -18461,14 +18464,14 @@ var Template3 = function Template3(props) {
18461
18464
  }));
18462
18465
  };
18463
18466
 
18464
- var _templateObject$_, _templateObject2$I, _templateObject3$B, _templateObject4$m, _templateObject5$k, _templateObject6$i, _templateObject7$i, _templateObject8$f;
18467
+ var _templateObject$_, _templateObject2$I, _templateObject3$B, _templateObject4$n, _templateObject5$k, _templateObject6$i, _templateObject7$i, _templateObject8$f;
18465
18468
  var Container$f = styled.div(_templateObject$_ || (_templateObject$_ = _taggedTemplateLiteralLoose(["\n width: 100%;\n max-height: 100%;\n position: absolute;\n padding: 14px;\n"])));
18466
18469
  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) {
18467
18470
  return props.height;
18468
18471
  }, function (props) {
18469
18472
  return props.size === 'mini' && css(_templateObject3$B || (_templateObject3$B = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
18470
18473
  }, function (props) {
18471
- return props.size === 'small' && css(_templateObject4$m || (_templateObject4$m = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
18474
+ return props.size === 'small' && css(_templateObject4$n || (_templateObject4$n = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
18472
18475
  }, function (props) {
18473
18476
  return props.size === 'medium' && css(_templateObject5$k || (_templateObject5$k = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
18474
18477
  }, function (props) {
@@ -18528,13 +18531,13 @@ var Template4 = function Template4(props) {
18528
18531
  }));
18529
18532
  };
18530
18533
 
18531
- var _templateObject$$, _templateObject2$J, _templateObject3$C, _templateObject4$n, _templateObject5$l, _templateObject6$j, _templateObject7$j, _templateObject8$g, _templateObject9$e;
18534
+ var _templateObject$$, _templateObject2$J, _templateObject3$C, _templateObject4$o, _templateObject5$l, _templateObject6$j, _templateObject7$j, _templateObject8$g, _templateObject9$e;
18532
18535
  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"])));
18533
18536
  var Circle = styled.div(_templateObject2$J || (_templateObject2$J = _taggedTemplateLiteralLoose(["\n width: 141px;\n height: 141px;\n background-color: #dddedf;\n border-radius: 50%;\n"])));
18534
18537
  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) {
18535
18538
  return props.height;
18536
18539
  }, function (props) {
18537
- return props.size === 'mini' && css(_templateObject4$n || (_templateObject4$n = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
18540
+ return props.size === 'mini' && css(_templateObject4$o || (_templateObject4$o = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
18538
18541
  }, function (props) {
18539
18542
  return props.size === 'small' && css(_templateObject5$l || (_templateObject5$l = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
18540
18543
  }, function (props) {
@@ -18576,11 +18579,11 @@ var Template5 = function Template5(props) {
18576
18579
  })));
18577
18580
  };
18578
18581
 
18579
- var _templateObject$10, _templateObject2$K, _templateObject3$D, _templateObject4$o, _templateObject5$m, _templateObject6$k, _templateObject7$k, _templateObject8$h, _templateObject9$f;
18582
+ var _templateObject$10, _templateObject2$K, _templateObject3$D, _templateObject4$p, _templateObject5$m, _templateObject6$k, _templateObject7$k, _templateObject8$h, _templateObject9$f;
18580
18583
  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"])));
18581
18584
  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"])));
18582
18585
  var Footer$3 = styled.div(_templateObject3$D || (_templateObject3$D = _taggedTemplateLiteralLoose(["\n width: 100%;\n border-top: 1px solid #b1b1b3;\n height: 50px;\n"])));
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) {
18586
+ var HeaderLine$5 = styled.div(_templateObject4$p || (_templateObject4$p = _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) {
18584
18587
  return props.height;
18585
18588
  }, function (props) {
18586
18589
  return props.size === 'mini' && css(_templateObject5$m || (_templateObject5$m = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
@@ -18619,13 +18622,13 @@ var Template6 = function Template6(props) {
18619
18622
  })));
18620
18623
  };
18621
18624
 
18622
- var _templateObject$11, _templateObject2$L, _templateObject3$E, _templateObject4$p, _templateObject5$n, _templateObject6$l, _templateObject7$l, _templateObject8$i, _templateObject9$g, _templateObject10$d;
18625
+ var _templateObject$11, _templateObject2$L, _templateObject3$E, _templateObject4$q, _templateObject5$n, _templateObject6$l, _templateObject7$l, _templateObject8$i, _templateObject9$g, _templateObject10$d;
18623
18626
  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"])));
18624
18627
  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"])));
18625
18628
  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) {
18626
18629
  return props.height;
18627
18630
  }, function (props) {
18628
- return props.size === 'mini' && css(_templateObject4$p || (_templateObject4$p = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
18631
+ return props.size === 'mini' && css(_templateObject4$q || (_templateObject4$q = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
18629
18632
  }, function (props) {
18630
18633
  return props.size === 'small' && css(_templateObject5$n || (_templateObject5$n = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
18631
18634
  }, function (props) {
@@ -18653,13 +18656,13 @@ var Template7 = function Template7(props) {
18653
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)));
18654
18657
  };
18655
18658
 
18656
- var _templateObject$12, _templateObject2$M, _templateObject3$F, _templateObject4$q, _templateObject5$o, _templateObject6$m, _templateObject7$m, _templateObject8$j, _templateObject9$h;
18659
+ var _templateObject$12, _templateObject2$M, _templateObject3$F, _templateObject4$r, _templateObject5$o, _templateObject6$m, _templateObject7$m, _templateObject8$j, _templateObject9$h;
18657
18660
  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"])));
18658
18661
  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"])));
18659
18662
  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) {
18660
18663
  return props.height;
18661
18664
  }, function (props) {
18662
- return props.size === 'mini' && css(_templateObject4$q || (_templateObject4$q = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
18665
+ return props.size === 'mini' && css(_templateObject4$r || (_templateObject4$r = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
18663
18666
  }, function (props) {
18664
18667
  return props.size === 'small' && css(_templateObject5$o || (_templateObject5$o = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
18665
18668
  }, function (props) {
@@ -18696,13 +18699,13 @@ var Template8 = function Template8(props) {
18696
18699
  })));
18697
18700
  };
18698
18701
 
18699
- var _templateObject$13, _templateObject2$N, _templateObject3$G, _templateObject4$r, _templateObject5$p, _templateObject6$n, _templateObject7$n, _templateObject8$k, _templateObject9$i, _templateObject10$e;
18702
+ var _templateObject$13, _templateObject2$N, _templateObject3$G, _templateObject4$s, _templateObject5$p, _templateObject6$n, _templateObject7$n, _templateObject8$k, _templateObject9$i, _templateObject10$e;
18700
18703
  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"])));
18701
18704
  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"])));
18702
18705
  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) {
18703
18706
  return props.height;
18704
18707
  }, function (props) {
18705
- return props.size === 'mini' && css(_templateObject4$r || (_templateObject4$r = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
18708
+ return props.size === 'mini' && css(_templateObject4$s || (_templateObject4$s = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
18706
18709
  }, function (props) {
18707
18710
  return props.size === 'small' && css(_templateObject5$p || (_templateObject5$p = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
18708
18711
  }, function (props) {
@@ -18735,13 +18738,13 @@ var Template8$1 = function Template8(props) {
18735
18738
  })), React__default.createElement(Main$4, null, React__default.createElement(Circle$2, null)));
18736
18739
  };
18737
18740
 
18738
- var _templateObject$14, _templateObject2$O, _templateObject3$H, _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$t, _templateObject5$q, _templateObject6$o, _templateObject7$o, _templateObject8$l, _templateObject9$j, _templateObject10$f, _templateObject11$6;
18739
18742
  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"])));
18740
18743
  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"])));
18741
18744
  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) {
18742
18745
  return props.height;
18743
18746
  }, function (props) {
18744
- return props.size === 'mini' && css(_templateObject4$s || (_templateObject4$s = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
18747
+ return props.size === 'mini' && css(_templateObject4$t || (_templateObject4$t = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
18745
18748
  }, function (props) {
18746
18749
  return props.size === 'small' && css(_templateObject5$q || (_templateObject5$q = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
18747
18750
  }, function (props) {
@@ -18879,7 +18882,7 @@ var Placeholder = function Placeholder(props) {
18879
18882
  }
18880
18883
  };
18881
18884
 
18882
- var _templateObject$15, _templateObject2$P, _templateObject3$I, _templateObject4$t, _templateObject5$r, _templateObject6$p, _templateObject7$p;
18885
+ var _templateObject$15, _templateObject2$P, _templateObject3$I, _templateObject4$u, _templateObject5$r, _templateObject6$p, _templateObject7$p;
18883
18886
  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"])));
18884
18887
  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) {
18885
18888
  return props.value + "%";
@@ -18889,7 +18892,7 @@ var Progress = styled.div(_templateObject2$P || (_templateObject2$P = _taggedTem
18889
18892
  return theme.colors.warningGray;
18890
18893
  });
18891
18894
  }, function (props) {
18892
- return props.type === 'info' && css(_templateObject4$t || (_templateObject4$t = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n "])), function (_ref2) {
18895
+ return props.type === 'info' && css(_templateObject4$u || (_templateObject4$u = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n "])), function (_ref2) {
18893
18896
  var theme = _ref2.theme;
18894
18897
  return theme.colors.blue;
18895
18898
  });
@@ -18914,7 +18917,7 @@ var ProgressBar = function ProgressBar(props) {
18914
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', "%"));
18915
18918
  };
18916
18919
 
18917
- var _templateObject$16, _templateObject2$Q, _templateObject3$J, _templateObject4$u, _templateObject5$s, _templateObject6$q, _templateObject7$q, _templateObject8$m;
18920
+ var _templateObject$16, _templateObject2$Q, _templateObject3$J, _templateObject4$v, _templateObject5$s, _templateObject6$q, _templateObject7$q, _templateObject8$m;
18918
18921
  var Container$n = styled.div(_templateObject$16 || (_templateObject$16 = _taggedTemplateLiteralLoose(["\n display: block;\n"])));
18919
18922
  var delimiters = {
18920
18923
  blue: ['blue'],
@@ -18948,7 +18951,7 @@ var Tabs = styled.ul(_templateObject2$Q || (_templateObject2$Q = _taggedTemplate
18948
18951
  return internal ? "1px solid " + theme.getColor.apply(theme, delimiters[delimiter || 'grey']) : "2px solid " + theme.getColor.apply(theme, delimiters[delimiter || 'blue']);
18949
18952
  }();
18950
18953
 
18951
- return css(_templateObject4$u || (_templateObject4$u = _taggedTemplateLiteralLoose(["\n border-bottom: ", ";\n\n + div {\n border: 1px solid ", ";\n border-top-width: 0px;\n border-radius: 0px 0px 2px 2px;\n padding: ", ";\n }\n "])), border, theme.getColor.apply(theme, delimiters.grey), theme.spacings.s3);
18954
+ return css(_templateObject4$v || (_templateObject4$v = _taggedTemplateLiteralLoose(["\n border-bottom: ", ";\n\n + div {\n border: 1px solid ", ";\n border-top-width: 0px;\n border-radius: 0px 0px 2px 2px;\n padding: ", ";\n }\n "])), border, theme.getColor.apply(theme, delimiters.grey), theme.spacings.s3);
18952
18955
  }, function (_ref3) {
18953
18956
  var theme = _ref3.theme,
18954
18957
  internal = _ref3.$internal;
@@ -19102,7 +19105,7 @@ var TextArea = function TextArea(props) {
19102
19105
  return React__default.createElement(Container$o, Object.assign({}, props));
19103
19106
  };
19104
19107
 
19105
- var _templateObject$18, _templateObject2$R, _templateObject3$K, _templateObject4$v, _templateObject5$t, _templateObject6$r;
19108
+ var _templateObject$18, _templateObject2$R, _templateObject3$K, _templateObject4$w, _templateObject5$t, _templateObject6$r;
19106
19109
  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) {
19107
19110
  return props.size === 'large' ? '837px' : '460px';
19108
19111
  }, function (props) {
@@ -19110,7 +19113,7 @@ var Container$p = styled.div(_templateObject$18 || (_templateObject$18 = _tagged
19110
19113
  }, function (props) {
19111
19114
  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 "])));
19112
19115
  }, function (props) {
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 "])));
19116
+ return props.color === 'warning' && css(_templateObject4$w || (_templateObject4$w = _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 "])));
19114
19117
  });
19115
19118
  var IconContainer$2 = styled.div(_templateObject5$t || (_templateObject5$t = _taggedTemplateLiteralLoose(["\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: flex-end;\n padding: 14px 14px 0 0;\n margin: 0;\n"])));
19116
19119
  var IconContent = styled.div(_templateObject6$r || (_templateObject6$r = _taggedTemplateLiteralLoose(["\n width: 100%;\n padding: 13px 0 21px 28px;\n display: flex;\n flex: 1;\n flex-direction: column;\n\n h4 {\n margin-bottom: 7px;\n font-size: 18p;\n }\n p {\n margin: 0;\n font-size: 14px;\n max-width: 380px;\n }\n"])));
@@ -19125,7 +19128,7 @@ var Toast = function Toast(props) {
19125
19128
  })), React__default.createElement(IconContent, null, React__default.createElement("h4", null, props.title), React__default.createElement("p", null, " ", props.description)));
19126
19129
  };
19127
19130
 
19128
- var _templateObject$19, _templateObject2$S, _templateObject3$L, _templateObject4$w, _templateObject5$u;
19131
+ var _templateObject$19, _templateObject2$S, _templateObject3$L, _templateObject4$x, _templateObject5$u;
19129
19132
  var Image = styled.img(_templateObject$19 || (_templateObject$19 = _taggedTemplateLiteralLoose(["\n max-width: 100%;\n max-height: 100%;\n"])));
19130
19133
  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) {
19131
19134
  var width = _ref.width;
@@ -19158,7 +19161,7 @@ var Dimmer = styled.div(_templateObject3$L || (_templateObject3$L = _taggedTempl
19158
19161
  var theme = _ref3.theme;
19159
19162
  return theme.getColor('greyishBlue', 50);
19160
19163
  });
19161
- var Button$6 = styled(Button$1)(_templateObject4$w || (_templateObject4$w = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n"])), function (_ref4) {
19164
+ var Button$6 = styled(Button$1)(_templateObject4$x || (_templateObject4$x = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n"])), function (_ref4) {
19162
19165
  var theme = _ref4.theme;
19163
19166
  return theme.getColor('white', 50);
19164
19167
  });