@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.js CHANGED
@@ -12687,27 +12687,30 @@ var Container$1 = styled__default.div(_templateObject$8 || (_templateObject$8 =
12687
12687
  return theme.spacings.s1;
12688
12688
  });
12689
12689
 
12690
- var _templateObject$9, _templateObject2$8, _templateObject3$8;
12691
- var OverflowContainer = styled__default.div(_templateObject$9 || (_templateObject$9 = _taggedTemplateLiteralLoose(["\n overflow-y: scroll;\n overflow-y: overlay;\n width: 100%;\n position: relative;\n\n flex: 1;\n display: flex;\n flex-direction: column;\n\n ", ";\n max-height: ", ";\n\n scrollbar-color: ", ";\n scrollbar-width: thin;\n\n ::-webkit-scrollbar {\n width: 7px;\n }\n ::-webkit-scrollbar-thumb {\n background: ", ";\n }\n ::-webkit-scrollbar-track {\n background: ", ";\n }\n\n ", ";\n"])), function (_ref) {
12692
- var height = _ref.$height;
12693
- return height && styled.css(_templateObject2$8 || (_templateObject2$8 = _taggedTemplateLiteralLoose(["\n height: ", ";\n "])), height);
12690
+ var _templateObject$9, _templateObject2$8, _templateObject3$8, _templateObject4$5;
12691
+ var OverflowContainer = styled__default.div(_templateObject$9 || (_templateObject$9 = _taggedTemplateLiteralLoose(["\n overflow-y: scroll;\n overflow-y: overlay;\n width: 100%;\n position: relative;\n\n flex: 1;\n display: flex;\n flex-direction: column;\n\n ", ";\n\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) {
12692
+ var height = _ref.$height,
12693
+ maxHeight = _ref.$maxHeight;
12694
+
12695
+ if (height) {
12696
+ return styled.css(_templateObject2$8 || (_templateObject2$8 = _taggedTemplateLiteralLoose(["\n min-height: ", ";\n max-height: ", ";\n "])), height, maxHeight || height);
12697
+ }
12698
+
12699
+ return styled.css(_templateObject3$8 || (_templateObject3$8 = _taggedTemplateLiteralLoose(["\n max-height: ", ";\n "])), maxHeight || '100%');
12694
12700
  }, function (_ref2) {
12695
- var maxHeight = _ref2.$maxHeight;
12696
- return maxHeight || '100%';
12701
+ var theme = _ref2.theme;
12702
+ return theme.colors.grey + " " + theme.colors.white;
12697
12703
  }, function (_ref3) {
12698
12704
  var theme = _ref3.theme;
12699
- return theme.colors.grey + " " + theme.colors.white;
12705
+ return theme.colors.grey;
12700
12706
  }, function (_ref4) {
12701
12707
  var theme = _ref4.theme;
12702
- return theme.colors.grey;
12703
- }, function (_ref5) {
12704
- var theme = _ref5.theme;
12705
12708
  return theme.colors.white;
12706
- }, function (_ref6) {
12707
- var spacing = _ref6.$spacing,
12708
- theme = _ref6.theme;
12709
+ }, function (_ref5) {
12710
+ var spacing = _ref5.$spacing,
12711
+ theme = _ref5.theme;
12709
12712
  var value = getSpacings(spacing || '0', '0').split(' ');
12710
- return styled.css(_templateObject3$8 || (_templateObject3$8 = _taggedTemplateLiteralLoose(["\n padding: ", " calc(", " * 1.5) ", "\n ", ";\n "])), value[0], theme.spacings.s1, value[2], value[3]);
12713
+ return styled.css(_templateObject4$5 || (_templateObject4$5 = _taggedTemplateLiteralLoose(["\n padding: ", " calc(", " * 1.5) ", "\n ", ";\n "])), value[0], theme.spacings.s1, value[2], value[3]);
12711
12714
  });
12712
12715
 
12713
12716
  var _templateObject$a;
@@ -12779,7 +12782,7 @@ var ScrollContainer = React__default.forwardRef(function (props, ref) {
12779
12782
  });
12780
12783
  ScrollContainer.displayName = 'ScrollContainer';
12781
12784
 
12782
- var _templateObject$b, _templateObject2$9, _templateObject3$9, _templateObject4$5, _templateObject5$5, _templateObject6$4, _templateObject7$4, _templateObject8$3, _templateObject9$3, _templateObject10$3;
12785
+ var _templateObject$b, _templateObject2$9, _templateObject3$9, _templateObject4$6, _templateObject5$5, _templateObject6$4, _templateObject7$4, _templateObject8$3, _templateObject9$3, _templateObject10$3;
12783
12786
  var Option = styled__default.div(_templateObject$b || (_templateObject$b = _taggedTemplateLiteralLoose(["\n ", ";\n line-height: ", ";\n color: ", ";\n display: flex;\n gap: ", ";\n\n > :nth-child(1) {\n display: flex;\n align-items: center;\n flex: 1;\n max-width: 100%;\n }\n\n ", ";\n\n ", ";\n\n :hover {\n background-color: ", ";\n }\n"])), function (_ref) {
12784
12787
  var theme = _ref.theme;
12785
12788
  return theme.useTypography('p');
@@ -12812,7 +12815,7 @@ var Option = styled__default.div(_templateObject$b || (_templateObject$b = _tagg
12812
12815
  var width = cfg.width || '1px';
12813
12816
  var style = cfg.style || 'solid';
12814
12817
  var color = isKeyOf(theme.colors, cfg.color) ? theme.colors[cfg.color] : cfg.color;
12815
- return styled.css(_templateObject4$5 || (_templateObject4$5 = _taggedTemplateLiteralLoose(["\n border-", "-width: ", ";\n border-", "-style: ", ";\n border-", "-color: ", ";\n "])), pos, width, pos, style, pos, color);
12818
+ return styled.css(_templateObject4$6 || (_templateObject4$6 = _taggedTemplateLiteralLoose(["\n border-", "-width: ", ";\n border-", "-style: ", ";\n border-", "-color: ", ";\n "])), pos, width, pos, style, pos, color);
12816
12819
  });
12817
12820
  }, function (_ref7) {
12818
12821
  var theme = _ref7.theme;
@@ -12957,7 +12960,7 @@ var MenuComponent = function MenuComponent(props, ref) {
12957
12960
 
12958
12961
  var Menu = React__default.forwardRef(MenuComponent);
12959
12962
 
12960
- var _templateObject$c, _templateObject2$a, _templateObject3$a, _templateObject4$6, _templateObject5$6, _templateObject6$5, _templateObject7$5, _templateObject8$4, _templateObject9$4, _templateObject10$4;
12963
+ var _templateObject$c, _templateObject2$a, _templateObject3$a, _templateObject4$7, _templateObject5$6, _templateObject6$5, _templateObject7$5, _templateObject8$4, _templateObject9$4, _templateObject10$4;
12961
12964
  var Container$3 = styled__default.div(_templateObject$c || (_templateObject$c = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: ", ";\n background-color: ", ";\n position: relative;\n\n ", ";\n"])), function (_ref) {
12962
12965
  var theme = _ref.theme;
12963
12966
  return theme.spacings.s3;
@@ -12978,7 +12981,7 @@ var LabelContainer = styled__default.div(_templateObject3$a || (_templateObject3
12978
12981
  var theme = _ref5.theme;
12979
12982
  return theme.spacings.s3;
12980
12983
  });
12981
- var CalendarContainer = styled__default.div(_templateObject4$6 || (_templateObject4$6 = _taggedTemplateLiteralLoose(["\n border: 1px solid ", ";\n"])), function (_ref6) {
12984
+ var CalendarContainer = styled__default.div(_templateObject4$7 || (_templateObject4$7 = _taggedTemplateLiteralLoose(["\n border: 1px solid ", ";\n"])), function (_ref6) {
12982
12985
  var theme = _ref6.theme;
12983
12986
  return theme.colors.lightestGrey;
12984
12987
  });
@@ -13118,7 +13121,7 @@ var Indicator = function Indicator(props) {
13118
13121
  }, props)));
13119
13122
  };
13120
13123
 
13121
- var _templateObject$e, _templateObject2$c, _templateObject3$b, _templateObject4$7, _templateObject5$7, _templateObject6$6, _templateObject7$6, _templateObject8$5, _templateObject9$5, _templateObject10$5, _templateObject11$2;
13124
+ var _templateObject$e, _templateObject2$c, _templateObject3$b, _templateObject4$8, _templateObject5$7, _templateObject6$6, _templateObject7$6, _templateObject8$5, _templateObject9$5, _templateObject10$5, _templateObject11$2;
13122
13125
  var Footer = styled__default.div(_templateObject$e || (_templateObject$e = _taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n\n > button:last-child {\n margin-left: auto;\n }\n"])));
13123
13126
  var WeekContainer = styled__default.div(_templateObject2$c || (_templateObject2$c = _taggedTemplateLiteralLoose(["\n width: 100%;\n display: flex;\n\n :not(:first-child) {\n border-top: 1px solid ", ";\n }\n\n > * {\n font-family: ", ";\n font-size: ", ";\n line-height: ", ";\n width: 32px;\n height: 32px;\n\n color: ", ";\n box-shadow: none;\n\n display: flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n\n border: 1px solid transparent;\n :not(:last-child) {\n border-right-color: ", ";\n }\n }\n"])), function (_ref) {
13124
13127
  var theme = _ref.theme;
@@ -13143,7 +13146,7 @@ var Header = styled__default.div(_templateObject3$b || (_templateObject3$b = _ta
13143
13146
  var theme = _ref7.theme;
13144
13147
  return theme.getColor('lightestGrey', 40);
13145
13148
  }, WeekContainer);
13146
- var DayContainer = styled__default.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) {
13149
+ var DayContainer = styled__default.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) {
13147
13150
  var theme = _ref8.theme,
13148
13151
  appearance = _ref8.appearance,
13149
13152
  activeColor = _ref8.activeColor,
@@ -13778,7 +13781,7 @@ var getTimeProps = function getTimeProps(time, value) {
13778
13781
  });
13779
13782
  };
13780
13783
 
13781
- var _templateObject$h, _templateObject2$d, _templateObject3$c, _templateObject4$8, _templateObject5$8, _templateObject6$7, _templateObject7$7, _templateObject8$6, _templateObject9$6, _templateObject10$6;
13784
+ var _templateObject$h, _templateObject2$d, _templateObject3$c, _templateObject4$9, _templateObject5$8, _templateObject6$7, _templateObject7$7, _templateObject8$6, _templateObject9$6, _templateObject10$6;
13782
13785
  var Button = styled__default.button(_templateObject$h || (_templateObject$h = _taggedTemplateLiteralLoose(["\n padding: 0\n ", ";\n font-family: 'Lato', sans-serif;\n font-weight: ", ";\n border-radius: 4px;\n position: relative;\n user-select: none;\n\n ", ";\n\n ", ";\n\n color: ", ";\n\n :disabled {\n opacity: 0.5;\n pointer-events: none;\n }\n\n :hover {\n cursor: ", ";\n\n ", "\n }\n\n :active {\n ", ";\n }\n\n ", "\n"])), function (_ref) {
13783
13786
  var theme = _ref.theme,
13784
13787
  appearance = _ref.appearance;
@@ -13824,7 +13827,7 @@ var Button = styled__default.button(_templateObject$h || (_templateObject$h = _t
13824
13827
  theme = _ref7.theme;
13825
13828
 
13826
13829
  if (appearance === 'bordered') {
13827
- return styled.css(_templateObject4$8 || (_templateObject4$8 = _taggedTemplateLiteralLoose(["\n color: ", ";\n border: 1px solid ", ";\n "])), theme.getColor(color || 'blue', 70), theme.getColor(color || 'blue', 70));
13830
+ return styled.css(_templateObject4$9 || (_templateObject4$9 = _taggedTemplateLiteralLoose(["\n color: ", ";\n border: 1px solid ", ";\n "])), theme.getColor(color || 'blue', 70), theme.getColor(color || 'blue', 70));
13828
13831
  } else if (['link', 'borderless'].includes(appearance)) {
13829
13832
  return styled.css(_templateObject5$8 || (_templateObject5$8 = _taggedTemplateLiteralLoose(["\n color: ", ";\n "])), theme.colors.blue);
13830
13833
  }
@@ -14633,7 +14636,7 @@ var Footer$1 = function Footer() {
14633
14636
  });
14634
14637
  };
14635
14638
 
14636
- var _templateObject$m, _templateObject2$g, _templateObject3$d, _templateObject4$9;
14639
+ var _templateObject$m, _templateObject2$g, _templateObject3$d, _templateObject4$a;
14637
14640
  var Link = styled__default.div(_templateObject$m || (_templateObject$m = _taggedTemplateLiteralLoose(["\n ", "\n\n color: ", ";\n\n ", "\n"])), function (_ref) {
14638
14641
  var size = _ref.size;
14639
14642
  var _sizes = sizes$1[size || 'small'],
@@ -14652,7 +14655,7 @@ var Link = styled__default.div(_templateObject$m || (_templateObject$m = _tagged
14652
14655
  disabled = _ref3.disabled,
14653
14656
  theme = _ref3.theme,
14654
14657
  colorSetting = _ref3.colorSetting;
14655
- return disabled ? styled.css(_templateObject3$d || (_templateObject3$d = _taggedTemplateLiteralLoose(["\n opacity: 0.5;\n "]))) : onClick ? styled.css(_templateObject4$9 || (_templateObject4$9 = _taggedTemplateLiteralLoose(["\n cursor: pointer;\n :hover {\n color: ", ";\n }\n "])), theme.colors[_extends({
14658
+ return disabled ? styled.css(_templateObject3$d || (_templateObject3$d = _taggedTemplateLiteralLoose(["\n opacity: 0.5;\n "]))) : onClick ? styled.css(_templateObject4$a || (_templateObject4$a = _taggedTemplateLiteralLoose(["\n cursor: pointer;\n :hover {\n color: ", ";\n }\n "])), theme.colors[_extends({
14656
14659
  hover: 'blue'
14657
14660
  }, colorSetting && typeof colorSetting !== 'string' ? colorSetting : {}).hover]) : null;
14658
14661
  });
@@ -15424,7 +15427,7 @@ var Phone = Object.assign(Component, {
15424
15427
  getPhoneDetails: getPhoneDetails
15425
15428
  });
15426
15429
 
15427
- var _templateObject$r, _templateObject2$l, _templateObject3$h, _templateObject4$a, _templateObject5$9, _templateObject6$8, _templateObject7$8, _templateObject8$7, _templateObject9$7;
15430
+ var _templateObject$r, _templateObject2$l, _templateObject3$h, _templateObject4$b, _templateObject5$9, _templateObject6$8, _templateObject7$8, _templateObject8$7, _templateObject9$7;
15428
15431
  var RelativeContainer$4 = styled__default.div(_templateObject$r || (_templateObject$r = _taggedTemplateLiteralLoose(["\n position: relative;\n\n input {\n color: transparent;\n }\n"])));
15429
15432
  var LabelContainer$2 = styled__default.div(_templateObject2$l || (_templateObject2$l = _taggedTemplateLiteralLoose(["\n ", "\n line-height: ", ";\n"])), function (_ref) {
15430
15433
  var theme = _ref.theme;
@@ -15440,7 +15443,7 @@ var Container$5 = styled__default.div(_templateObject3$h || (_templateObject3$h
15440
15443
  var borderwidth = 1;
15441
15444
 
15442
15445
  if (paddingless) {
15443
- return styled.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);
15446
+ return styled.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);
15444
15447
  }
15445
15448
 
15446
15449
  return styled.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);
@@ -15574,7 +15577,7 @@ var DatePicker = React__default.forwardRef(function (props, ref) {
15574
15577
  });
15575
15578
  DatePicker.displayName = 'DatePicker';
15576
15579
 
15577
- var _templateObject$s, _templateObject2$m, _templateObject3$i, _templateObject4$b, _templateObject5$a, _templateObject6$9, _templateObject7$9;
15580
+ var _templateObject$s, _templateObject2$m, _templateObject3$i, _templateObject4$c, _templateObject5$a, _templateObject6$9, _templateObject7$9;
15578
15581
  var LabelContainer$3 = styled__default.div(_templateObject$s || (_templateObject$s = _taggedTemplateLiteralLoose(["\n ", "\n line-height: 14px;\n display: flex;\n align-items: center;\n\n ", "\n"])), function (_ref) {
15579
15582
  var theme = _ref.theme;
15580
15583
  return theme.useTypography('p');
@@ -15590,7 +15593,7 @@ var Label$4 = styled__default.label(_templateObject3$i || (_templateObject3$i =
15590
15593
  var disabled = _ref4.disabled;
15591
15594
 
15592
15595
  if (!disabled) {
15593
- return styled.css(_templateObject4$b || (_templateObject4$b = _taggedTemplateLiteralLoose(["\n > span {\n cursor: pointer;\n }\n "])));
15596
+ return styled.css(_templateObject4$c || (_templateObject4$c = _taggedTemplateLiteralLoose(["\n > span {\n cursor: pointer;\n }\n "])));
15594
15597
  }
15595
15598
 
15596
15599
  return styled.css(_templateObject5$a || (_templateObject5$a = _taggedTemplateLiteralLoose(["\n opacity: 0.5;\n "])));
@@ -16024,7 +16027,7 @@ var Range = React__default.forwardRef(function (props, ref) {
16024
16027
  });
16025
16028
  Range.displayName = 'input';
16026
16029
 
16027
- var _templateObject$D, _templateObject2$t, _templateObject3$n, _templateObject4$c, _templateObject5$b, _templateObject6$a, _templateObject7$a;
16030
+ var _templateObject$D, _templateObject2$t, _templateObject3$n, _templateObject4$d, _templateObject5$b, _templateObject6$a, _templateObject7$a;
16028
16031
  var LabelContainer$5 = styled__default.div(_templateObject$D || (_templateObject$D = _taggedTemplateLiteralLoose(["\n ", "\n display: flex;\n align-items: center;\n"])), function (_ref) {
16029
16032
  var theme = _ref.theme;
16030
16033
  return theme.useTypography('p');
@@ -16039,7 +16042,7 @@ var Label$6 = styled__default.label(_templateObject2$t || (_templateObject2$t =
16039
16042
  return styled.css(_templateObject3$n || (_templateObject3$n = _taggedTemplateLiteralLoose(["\n > span {\n cursor: pointer;\n }\n "])));
16040
16043
  }
16041
16044
 
16042
- return styled.css(_templateObject4$c || (_templateObject4$c = _taggedTemplateLiteralLoose(["\n opacity: 0.5;\n "])));
16045
+ return styled.css(_templateObject4$d || (_templateObject4$d = _taggedTemplateLiteralLoose(["\n opacity: 0.5;\n "])));
16043
16046
  }, function (_ref4) {
16044
16047
  var required = _ref4.required;
16045
16048
  if (!required) return;
@@ -16267,7 +16270,7 @@ var parse = function parse(value) {
16267
16270
  });
16268
16271
  };
16269
16272
 
16270
- var _templateObject$E, _templateObject2$u, _templateObject3$o, _templateObject4$d, _templateObject5$c, _templateObject6$b, _templateObject7$b, _templateObject8$8, _templateObject9$8, _templateObject10$7, _templateObject11$3, _templateObject12$2;
16273
+ 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;
16271
16274
  var RelativeContainer$5 = styled__default.div(_templateObject$E || (_templateObject$E = _taggedTemplateLiteralLoose(["\n position: relative;\n user-select: none;\n min-width: 220px;\n\n > input,\n > label > input {\n color: transparent;\n background-color: transparent;\n width: 1px;\n height: 1px;\n position: absolute;\n left: 0;\n bottom: 0;\n border: 0;\n padding: 0;\n overflow: hidden;\n outline: none;\n box-shadow: none;\n }\n"])));
16272
16275
  var LabelContainer$6 = styled__default.div(_templateObject2$u || (_templateObject2$u = _taggedTemplateLiteralLoose(["\n ", "\n line-height: 17px;\n flex: 1;\n\n :first-child {\n text-align: left;\n }\n :not(:first-child) {\n text-align: center;\n }\n\n ", "\n\n ", ";\n"])), function (_ref) {
16273
16276
  var theme = _ref.theme;
@@ -16282,7 +16285,7 @@ var LabelContainer$6 = styled__default.div(_templateObject2$u || (_templateObjec
16282
16285
  }, function (_ref4) {
16283
16286
  var onClick = _ref4.onClick;
16284
16287
  if (!onClick) return;
16285
- return styled.css(_templateObject4$d || (_templateObject4$d = _taggedTemplateLiteralLoose(["\n :not(:disabled) {\n cursor: pointer;\n }\n "])));
16288
+ return styled.css(_templateObject4$e || (_templateObject4$e = _taggedTemplateLiteralLoose(["\n :not(:disabled) {\n cursor: pointer;\n }\n "])));
16286
16289
  });
16287
16290
  var Container$6 = styled__default.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) {
16288
16291
  var theme = _ref5.theme;
@@ -17164,7 +17167,7 @@ var Input$5 = Object.assign(Component$2, {
17164
17167
  getPhoneDetails: Phone.getPhoneDetails
17165
17168
  });
17166
17169
 
17167
- var _templateObject$K, _templateObject2$x, _templateObject3$q, _templateObject4$e;
17170
+ var _templateObject$K, _templateObject2$x, _templateObject3$q, _templateObject4$f;
17168
17171
  var Container$7 = styled__default(AbsoluteContainer)(_templateObject$K || (_templateObject$K = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n\n > div {\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n\n > div {\n padding: ", ";\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n }\n }\n"])), function (_ref) {
17169
17172
  var theme = _ref.theme;
17170
17173
  return theme.colors.white;
@@ -17188,7 +17191,7 @@ var Title = styled__default.div(_templateObject3$q || (_templateObject3$q = _tag
17188
17191
  var getColor = _ref6.theme.getColor;
17189
17192
  return getColor('greyishBlue', 50);
17190
17193
  });
17191
- var Item = styled__default.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) {
17194
+ var Item = styled__default.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) {
17192
17195
  var s1 = _ref7.theme.spacings.s1;
17193
17196
  return s1 + " " + s1 + " " + s1 + " 0";
17194
17197
  }, function (_ref8) {
@@ -17369,13 +17372,13 @@ var AppliedFilters = Object.assign(function (props) {
17369
17372
  Menu: AppliedFiltersMenu
17370
17373
  });
17371
17374
 
17372
- var _templateObject$M, _templateObject2$z, _templateObject3$s, _templateObject4$f, _templateObject5$d, _templateObject6$c, _templateObject7$c, _templateObject8$9, _templateObject9$9, _templateObject10$8;
17375
+ var _templateObject$M, _templateObject2$z, _templateObject3$s, _templateObject4$g, _templateObject5$d, _templateObject6$c, _templateObject7$c, _templateObject8$9, _templateObject9$9, _templateObject10$8;
17373
17376
  var Container$9 = styled__default.div(_templateObject$M || (_templateObject$M = _taggedTemplateLiteralLoose(["\n width: 100%;\n background: #fff;\n border: 1px solid #d4d4d5;\n border-radius: 4px;\n border-left-width: 5px;\n padding: 14px;\n ", "\n ", "\n ", "\n ", "\n\n ", "\n ", "\n ", "\n\n ", "\n ", "\n"])), function (props) {
17374
17377
  return props.size === 'mini' && styled.css(_templateObject2$z || (_templateObject2$z = _taggedTemplateLiteralLoose(["\n width: 394px;\n height: 99px;\n "])));
17375
17378
  }, function (props) {
17376
17379
  return props.size === 'small' && styled.css(_templateObject3$s || (_templateObject3$s = _taggedTemplateLiteralLoose(["\n width: 394px;\n height: 131px;\n "])));
17377
17380
  }, function (props) {
17378
- return props.size === 'medium' && styled.css(_templateObject4$f || (_templateObject4$f = _taggedTemplateLiteralLoose(["\n width: 394px;\n "])));
17381
+ return props.size === 'medium' && styled.css(_templateObject4$g || (_templateObject4$g = _taggedTemplateLiteralLoose(["\n width: 394px;\n "])));
17379
17382
  }, function (props) {
17380
17383
  return props.size === 'big' && styled.css(_templateObject5$d || (_templateObject5$d = _taggedTemplateLiteralLoose(["\n width: 414px;\n height: 324px;\n "])));
17381
17384
  }, function (props) {
@@ -17810,7 +17813,7 @@ var useContext$2 = function useContext() {
17810
17813
  return React__default.useContext(Provider$2);
17811
17814
  };
17812
17815
 
17813
- var _templateObject$P, _templateObject2$A, _templateObject3$t, _templateObject4$g, _templateObject5$e, _templateObject6$d, _templateObject7$d, _templateObject8$a, _templateObject9$a, _templateObject10$9, _templateObject11$4, _templateObject12$3, _templateObject13$2, _templateObject14$2, _templateObject15$2;
17816
+ 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;
17814
17817
  var aligns = {
17815
17818
  self: {
17816
17819
  horizontal: {
@@ -17849,7 +17852,7 @@ var Col = styled__default.div(_templateObject$P || (_templateObject$P = _taggedT
17849
17852
  }
17850
17853
 
17851
17854
  var w = parseFloat(width) * 100 / 12;
17852
- return styled.css(_templateObject4$g || (_templateObject4$g = _taggedTemplateLiteralLoose(["\n flex: 0 0 ", "%;\n max-width: ", "%;\n width: 100%;\n "])), w, w);
17855
+ return styled.css(_templateObject4$h || (_templateObject4$h = _taggedTemplateLiteralLoose(["\n flex: 0 0 ", "%;\n max-width: ", "%;\n width: 100%;\n "])), w, w);
17853
17856
  }, function (_ref2) {
17854
17857
  var spacing = _ref2.spacing;
17855
17858
  var padding = getSpacings(spacing === undefined ? 's1' : spacing);
@@ -17975,7 +17978,7 @@ var Grid$1 = React__default.forwardRef(function (props, ref) {
17975
17978
  });
17976
17979
  Grid$1.displayName = 'Grid';
17977
17980
 
17978
- var _templateObject$R, _templateObject2$C, _templateObject3$v, _templateObject4$h, _templateObject5$f, _templateObject6$e, _templateObject7$e, _templateObject8$b, _templateObject9$b, _templateObject10$a;
17981
+ var _templateObject$R, _templateObject2$C, _templateObject3$v, _templateObject4$i, _templateObject5$f, _templateObject6$e, _templateObject7$e, _templateObject8$b, _templateObject9$b, _templateObject10$a;
17979
17982
  var horizontalAligns = {
17980
17983
  around: 'space-around',
17981
17984
  between: 'space-between',
@@ -18000,7 +18003,7 @@ var Row = styled__default.div(_templateObject$R || (_templateObject$R = _taggedT
18000
18003
  }, function (_ref3) {
18001
18004
  var horizontalAlign = _ref3.horizontalAlign;
18002
18005
  if (horizontalAlign === undefined) return;
18003
- return styled.css(_templateObject4$h || (_templateObject4$h = _taggedTemplateLiteralLoose(["\n justify-content: ", ";\n "])), horizontalAligns[horizontalAlign]);
18006
+ return styled.css(_templateObject4$i || (_templateObject4$i = _taggedTemplateLiteralLoose(["\n justify-content: ", ";\n "])), horizontalAligns[horizontalAlign]);
18004
18007
  }, function (_ref4) {
18005
18008
  var verticalAlign = _ref4.verticalAlign;
18006
18009
  if (verticalAlign === undefined) return;
@@ -18106,7 +18109,7 @@ var widths = {
18106
18109
  default: '642.5px'
18107
18110
  };
18108
18111
 
18109
- var _templateObject$S, _templateObject2$D, _templateObject3$w, _templateObject4$i, _templateObject5$g, _templateObject6$f, _templateObject7$f, _templateObject8$c, _templateObject9$c, _templateObject10$b;
18112
+ var _templateObject$S, _templateObject2$D, _templateObject3$w, _templateObject4$j, _templateObject5$g, _templateObject6$f, _templateObject7$f, _templateObject8$c, _templateObject9$c, _templateObject10$b;
18110
18113
  var Background = styled__default.div(_templateObject$S || (_templateObject$S = _taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n align-items: center;\n position: fixed;\n top: 0;\n left: 0;\n width: 100vw;\n height: 100vh;\n backdrop-filter: blur(3px);\n background-color: ", ";\n"])), function (_ref) {
18111
18114
  var theme = _ref.theme;
18112
18115
  return theme.getColor('black', 25);
@@ -18117,7 +18120,7 @@ var Header$5 = styled__default.div(_templateObject3$w || (_templateObject3$w = _
18117
18120
  colors = _ref2$theme.colors,
18118
18121
  spacings = _ref2$theme.spacings,
18119
18122
  useTypography = _ref2$theme.useTypography;
18120
- return styled.css(_templateObject4$i || (_templateObject4$i = _taggedTemplateLiteralLoose(["\n border-bottom: 1px solid ", ";\n padding: ", ";\n\n ", "\n "])), colors.lightestGrey, spacings.s4, useTypography('h1'));
18123
+ return styled.css(_templateObject4$j || (_templateObject4$j = _taggedTemplateLiteralLoose(["\n border-bottom: 1px solid ", ";\n padding: ", ";\n\n ", "\n "])), colors.lightestGrey, spacings.s4, useTypography('h1'));
18121
18124
  });
18122
18125
  var Footer$2 = styled__default.div(_templateObject5$g || (_templateObject5$g = _taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n\n ", "\n"])), function (_ref3) {
18123
18126
  var _ref3$theme = _ref3.theme,
@@ -18336,11 +18339,11 @@ var Modal$1 = Object.assign(Modal, {
18336
18339
  Audit: Audit
18337
18340
  });
18338
18341
 
18339
- var _templateObject$W, _templateObject2$E, _templateObject3$x, _templateObject4$j, _templateObject5$h, _templateObject6$g, _templateObject7$g, _templateObject8$d, _templateObject9$d, _templateObject10$c, _templateObject11$5;
18342
+ var _templateObject$W, _templateObject2$E, _templateObject3$x, _templateObject4$k, _templateObject5$h, _templateObject6$g, _templateObject7$g, _templateObject8$d, _templateObject9$d, _templateObject10$c, _templateObject11$5;
18340
18343
  var Container$c = styled__default.div(_templateObject$W || (_templateObject$W = _taggedTemplateLiteralLoose(["\n width: 100%;\n height: 300px;\n position: absolute;\n padding: 14px;\n"])));
18341
18344
  var Header$6 = styled__default.div(_templateObject2$E || (_templateObject2$E = _taggedTemplateLiteralLoose(["\n display: flex;\n"])));
18342
18345
  var HeaderImage = styled__default.div(_templateObject3$x || (_templateObject3$x = _taggedTemplateLiteralLoose(["\n width: 43px;\n height: 44px;\n background-color: #ebebeb;\n"])));
18343
- var HeaderContent = styled__default.div(_templateObject4$j || (_templateObject4$j = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n flex: 1;\n"])));
18346
+ var HeaderContent = styled__default.div(_templateObject4$k || (_templateObject4$k = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n flex: 1;\n"])));
18344
18347
  var MainContent = styled__default.div(_templateObject5$h || (_templateObject5$h = _taggedTemplateLiteralLoose(["\n margin-top: 8px;\n"])));
18345
18348
  var HeaderLine = styled__default.div(_templateObject6$g || (_templateObject6$g = _taggedTemplateLiteralLoose(["\n height: ", ";\n background-color: #ebebeb;\n margin-left: 7px;\n\n & + div {\n margin-top: 14px;\n }\n\n ", "\n ", "\n\n ", "\n\n ", "\n"])), function (props) {
18346
18349
  return props.height;
@@ -18388,7 +18391,7 @@ var Template1 = function Template1(props) {
18388
18391
  })));
18389
18392
  };
18390
18393
 
18391
- var _templateObject$X, _templateObject2$F, _templateObject3$y, _templateObject4$k, _templateObject5$i;
18394
+ var _templateObject$X, _templateObject2$F, _templateObject3$y, _templateObject4$l, _templateObject5$i;
18392
18395
  var HeaderLine$1 = styled__default.div(_templateObject$X || (_templateObject$X = _taggedTemplateLiteralLoose(["\n height: ", ";\n background-color: #ebebeb;\n margin-left: 7px;\n\n & + div {\n margin-top: 14px;\n }\n\n ", "\n ", "\n\n ", "\n\n ", "\n"])), function (props) {
18393
18396
  return props.height;
18394
18397
  }, function (props) {
@@ -18396,16 +18399,16 @@ var HeaderLine$1 = styled__default.div(_templateObject$X || (_templateObject$X =
18396
18399
  }, function (props) {
18397
18400
  return props.size === 'small' && styled.css(_templateObject3$y || (_templateObject3$y = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
18398
18401
  }, function (props) {
18399
- return props.size === 'medium' && styled.css(_templateObject4$k || (_templateObject4$k = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
18402
+ return props.size === 'medium' && styled.css(_templateObject4$l || (_templateObject4$l = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
18400
18403
  }, function (props) {
18401
18404
  return props.size === 'large' && styled.css(_templateObject5$i || (_templateObject5$i = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
18402
18405
  });
18403
18406
 
18404
- var _templateObject$Y, _templateObject2$G, _templateObject3$z, _templateObject4$l, _templateObject5$j, _templateObject6$h, _templateObject7$h, _templateObject8$e;
18407
+ var _templateObject$Y, _templateObject2$G, _templateObject3$z, _templateObject4$m, _templateObject5$j, _templateObject6$h, _templateObject7$h, _templateObject8$e;
18405
18408
  var Container$d = styled__default.div(_templateObject$Y || (_templateObject$Y = _taggedTemplateLiteralLoose(["\n width: 100%;\n max-height: 100%;\n position: absolute;\n padding: 14px;\n"])));
18406
18409
  var Template2Container = styled__default(Container$d)(_templateObject2$G || (_templateObject2$G = _taggedTemplateLiteralLoose(["\n background: #fff;\n border: 2px solid #ebebeb;\n"])));
18407
18410
  var Header$7 = styled__default.div(_templateObject3$z || (_templateObject3$z = _taggedTemplateLiteralLoose(["\n display: flex;\n"])));
18408
- var HeaderImage$1 = styled__default.div(_templateObject4$l || (_templateObject4$l = _taggedTemplateLiteralLoose(["\n width: 43px;\n height: 44px;\n background-color: #ebebeb;\n"])));
18411
+ var HeaderImage$1 = styled__default.div(_templateObject4$m || (_templateObject4$m = _taggedTemplateLiteralLoose(["\n width: 43px;\n height: 44px;\n background-color: #ebebeb;\n"])));
18409
18412
  var HeaderContent$1 = styled__default.div(_templateObject5$j || (_templateObject5$j = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n flex: 1;\n"])));
18410
18413
  var MainContent$1 = styled__default.div(_templateObject6$h || (_templateObject6$h = _taggedTemplateLiteralLoose(["\n margin-top: 8px;\n"])));
18411
18414
  var MainLine$1 = styled__default(HeaderLine$1)(_templateObject7$h || (_templateObject7$h = _taggedTemplateLiteralLoose(["\n margin-bottom: 14px;\n margin-left: 0;\n"])));
@@ -18464,14 +18467,14 @@ var Template3 = function Template3(props) {
18464
18467
  }));
18465
18468
  };
18466
18469
 
18467
- var _templateObject$_, _templateObject2$I, _templateObject3$B, _templateObject4$m, _templateObject5$k, _templateObject6$i, _templateObject7$i, _templateObject8$f;
18470
+ var _templateObject$_, _templateObject2$I, _templateObject3$B, _templateObject4$n, _templateObject5$k, _templateObject6$i, _templateObject7$i, _templateObject8$f;
18468
18471
  var Container$f = styled__default.div(_templateObject$_ || (_templateObject$_ = _taggedTemplateLiteralLoose(["\n width: 100%;\n max-height: 100%;\n position: absolute;\n padding: 14px;\n"])));
18469
18472
  var HeaderLine$3 = styled__default.div(_templateObject2$I || (_templateObject2$I = _taggedTemplateLiteralLoose(["\n height: ", ";\n background-color: #ebebeb;\n margin-left: 7px;\n\n & + div {\n margin-top: 14px;\n }\n\n ", "\n ", "\n\n ", "\n\n ", "\n"])), function (props) {
18470
18473
  return props.height;
18471
18474
  }, function (props) {
18472
18475
  return props.size === 'mini' && styled.css(_templateObject3$B || (_templateObject3$B = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
18473
18476
  }, function (props) {
18474
- return props.size === 'small' && styled.css(_templateObject4$m || (_templateObject4$m = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
18477
+ return props.size === 'small' && styled.css(_templateObject4$n || (_templateObject4$n = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
18475
18478
  }, function (props) {
18476
18479
  return props.size === 'medium' && styled.css(_templateObject5$k || (_templateObject5$k = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
18477
18480
  }, function (props) {
@@ -18531,13 +18534,13 @@ var Template4 = function Template4(props) {
18531
18534
  }));
18532
18535
  };
18533
18536
 
18534
- var _templateObject$$, _templateObject2$J, _templateObject3$C, _templateObject4$n, _templateObject5$l, _templateObject6$j, _templateObject7$j, _templateObject8$g, _templateObject9$e;
18537
+ var _templateObject$$, _templateObject2$J, _templateObject3$C, _templateObject4$o, _templateObject5$l, _templateObject6$j, _templateObject7$j, _templateObject8$g, _templateObject9$e;
18535
18538
  var Container$g = styled__default.div(_templateObject$$ || (_templateObject$$ = _taggedTemplateLiteralLoose(["\n position: absolute;\n width: 746px;\n height: 169px;\n border: 1px solid #e6e6e7;\n border-radius: 4px;\n padding: 14px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n"])));
18536
18539
  var Circle = styled__default.div(_templateObject2$J || (_templateObject2$J = _taggedTemplateLiteralLoose(["\n width: 141px;\n height: 141px;\n background-color: #dddedf;\n border-radius: 50%;\n"])));
18537
18540
  var HeaderLine$4 = styled__default.div(_templateObject3$C || (_templateObject3$C = _taggedTemplateLiteralLoose(["\n height: ", ";\n background-color: #ebebeb;\n margin-left: 7px;\n\n & + div {\n margin-top: 14px;\n }\n\n ", "\n ", "\n\n ", "\n\n ", "\n"])), function (props) {
18538
18541
  return props.height;
18539
18542
  }, function (props) {
18540
- return props.size === 'mini' && styled.css(_templateObject4$n || (_templateObject4$n = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
18543
+ return props.size === 'mini' && styled.css(_templateObject4$o || (_templateObject4$o = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
18541
18544
  }, function (props) {
18542
18545
  return props.size === 'small' && styled.css(_templateObject5$l || (_templateObject5$l = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
18543
18546
  }, function (props) {
@@ -18579,11 +18582,11 @@ var Template5 = function Template5(props) {
18579
18582
  })));
18580
18583
  };
18581
18584
 
18582
- var _templateObject$10, _templateObject2$K, _templateObject3$D, _templateObject4$o, _templateObject5$m, _templateObject6$k, _templateObject7$k, _templateObject8$h, _templateObject9$f;
18585
+ var _templateObject$10, _templateObject2$K, _templateObject3$D, _templateObject4$p, _templateObject5$m, _templateObject6$k, _templateObject7$k, _templateObject8$h, _templateObject9$f;
18583
18586
  var Container$h = styled__default.div(_templateObject$10 || (_templateObject$10 = _taggedTemplateLiteralLoose(["\n width: 395px;\n\n display: flex;\n align-items: center;\n justify-content: space-between;\n background-color: #f5f5f5;\n"])));
18584
18587
  var Header$8 = styled__default.div(_templateObject2$K || (_templateObject2$K = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding: 14px;\n"])));
18585
18588
  var Footer$3 = styled__default.div(_templateObject3$D || (_templateObject3$D = _taggedTemplateLiteralLoose(["\n width: 100%;\n border-top: 1px solid #b1b1b3;\n height: 50px;\n"])));
18586
- var HeaderLine$5 = styled__default.div(_templateObject4$o || (_templateObject4$o = _taggedTemplateLiteralLoose(["\n height: ", ";\n background-color: #ebebeb;\n margin-left: 7px;\n\n & + div {\n margin-top: 14px;\n }\n\n ", "\n ", "\n\n ", "\n\n ", "\n"])), function (props) {
18589
+ var HeaderLine$5 = styled__default.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) {
18587
18590
  return props.height;
18588
18591
  }, function (props) {
18589
18592
  return props.size === 'mini' && styled.css(_templateObject5$m || (_templateObject5$m = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
@@ -18622,13 +18625,13 @@ var Template6 = function Template6(props) {
18622
18625
  })));
18623
18626
  };
18624
18627
 
18625
- var _templateObject$11, _templateObject2$L, _templateObject3$E, _templateObject4$p, _templateObject5$n, _templateObject6$l, _templateObject7$l, _templateObject8$i, _templateObject9$g, _templateObject10$d;
18628
+ var _templateObject$11, _templateObject2$L, _templateObject3$E, _templateObject4$q, _templateObject5$n, _templateObject6$l, _templateObject7$l, _templateObject8$i, _templateObject9$g, _templateObject10$d;
18626
18629
  var Container$i = styled__default.div(_templateObject$11 || (_templateObject$11 = _taggedTemplateLiteralLoose(["\n width: 395px;\n height: 110px;\n display: flex;\n flex-direction: column;\n align-items: center;\n background: #f5f5f5 0% 0% no-repeat padding-box;\n"])));
18627
18630
  var Header$9 = styled__default.div(_templateObject2$L || (_templateObject2$L = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding: 14px;\n width: 100%;\n"])));
18628
18631
  var HeaderLine$6 = styled__default.div(_templateObject3$E || (_templateObject3$E = _taggedTemplateLiteralLoose(["\n height: ", ";\n background-color: #ebebeb;\n margin-left: 7px;\n\n & + div {\n margin-top: 14px;\n }\n\n ", "\n ", "\n\n ", "\n\n ", "\n"])), function (props) {
18629
18632
  return props.height;
18630
18633
  }, function (props) {
18631
- return props.size === 'mini' && styled.css(_templateObject4$p || (_templateObject4$p = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
18634
+ return props.size === 'mini' && styled.css(_templateObject4$q || (_templateObject4$q = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
18632
18635
  }, function (props) {
18633
18636
  return props.size === 'small' && styled.css(_templateObject5$n || (_templateObject5$n = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
18634
18637
  }, function (props) {
@@ -18656,13 +18659,13 @@ var Template7 = function Template7(props) {
18656
18659
  })), 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)));
18657
18660
  };
18658
18661
 
18659
- var _templateObject$12, _templateObject2$M, _templateObject3$F, _templateObject4$q, _templateObject5$o, _templateObject6$m, _templateObject7$m, _templateObject8$j, _templateObject9$h;
18662
+ var _templateObject$12, _templateObject2$M, _templateObject3$F, _templateObject4$r, _templateObject5$o, _templateObject6$m, _templateObject7$m, _templateObject8$j, _templateObject9$h;
18660
18663
  var Container$j = styled__default.div(_templateObject$12 || (_templateObject$12 = _taggedTemplateLiteralLoose(["\n width: 395px;\n height: 110px;\n display: flex;\n flex-direction: column;\n align-items: center;\n background: #f5f5f5 0% 0% no-repeat padding-box;\n"])));
18661
18664
  var Header$a = styled__default.div(_templateObject2$M || (_templateObject2$M = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding: 14px;\n width: 100%;\n"])));
18662
18665
  var HeaderLine$7 = styled__default.div(_templateObject3$F || (_templateObject3$F = _taggedTemplateLiteralLoose(["\n height: ", ";\n background-color: #ebebeb;\n margin-left: 7px;\n\n & + div {\n margin-top: 14px;\n }\n\n ", "\n ", "\n\n ", "\n\n ", "\n"])), function (props) {
18663
18666
  return props.height;
18664
18667
  }, function (props) {
18665
- return props.size === 'mini' && styled.css(_templateObject4$q || (_templateObject4$q = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
18668
+ return props.size === 'mini' && styled.css(_templateObject4$r || (_templateObject4$r = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
18666
18669
  }, function (props) {
18667
18670
  return props.size === 'small' && styled.css(_templateObject5$o || (_templateObject5$o = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
18668
18671
  }, function (props) {
@@ -18699,13 +18702,13 @@ var Template8 = function Template8(props) {
18699
18702
  })));
18700
18703
  };
18701
18704
 
18702
- var _templateObject$13, _templateObject2$N, _templateObject3$G, _templateObject4$r, _templateObject5$p, _templateObject6$n, _templateObject7$n, _templateObject8$k, _templateObject9$i, _templateObject10$e;
18705
+ var _templateObject$13, _templateObject2$N, _templateObject3$G, _templateObject4$s, _templateObject5$p, _templateObject6$n, _templateObject7$n, _templateObject8$k, _templateObject9$i, _templateObject10$e;
18703
18706
  var Container$k = styled__default.div(_templateObject$13 || (_templateObject$13 = _taggedTemplateLiteralLoose(["\n width: 395px;\n height: 245px;\n display: flex;\n flex-direction: column;\n align-items: center;\n background: #f5f5f5 0% 0% no-repeat padding-box;\n"])));
18704
18707
  var Header$b = styled__default.div(_templateObject2$N || (_templateObject2$N = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding: 14px;\n width: 100%;\n"])));
18705
18708
  var HeaderLine$8 = styled__default.div(_templateObject3$G || (_templateObject3$G = _taggedTemplateLiteralLoose(["\n height: ", ";\n background-color: #ebebeb;\n margin-left: 7px;\n\n & + div {\n margin-top: 7px;\n }\n\n ", "\n ", "\n\n ", "\n\n ", "\n"])), function (props) {
18706
18709
  return props.height;
18707
18710
  }, function (props) {
18708
- return props.size === 'mini' && styled.css(_templateObject4$r || (_templateObject4$r = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
18711
+ return props.size === 'mini' && styled.css(_templateObject4$s || (_templateObject4$s = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
18709
18712
  }, function (props) {
18710
18713
  return props.size === 'small' && styled.css(_templateObject5$p || (_templateObject5$p = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
18711
18714
  }, function (props) {
@@ -18738,13 +18741,13 @@ var Template8$1 = function Template8(props) {
18738
18741
  })), React__default.createElement(Main$4, null, React__default.createElement(Circle$2, null)));
18739
18742
  };
18740
18743
 
18741
- var _templateObject$14, _templateObject2$O, _templateObject3$H, _templateObject4$s, _templateObject5$q, _templateObject6$o, _templateObject7$o, _templateObject8$l, _templateObject9$j, _templateObject10$f, _templateObject11$6;
18744
+ var _templateObject$14, _templateObject2$O, _templateObject3$H, _templateObject4$t, _templateObject5$q, _templateObject6$o, _templateObject7$o, _templateObject8$l, _templateObject9$j, _templateObject10$f, _templateObject11$6;
18742
18745
  var Container$l = styled__default.div(_templateObject$14 || (_templateObject$14 = _taggedTemplateLiteralLoose(["\n width: 395px;\n height: 245px;\n display: flex;\n flex-direction: column;\n align-items: center;\n background: #f5f5f5 0% 0% no-repeat padding-box;\n"])));
18743
18746
  var Header$c = styled__default.div(_templateObject2$O || (_templateObject2$O = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding: 14px;\n width: 100%;\n"])));
18744
18747
  var HeaderLine$9 = styled__default.div(_templateObject3$H || (_templateObject3$H = _taggedTemplateLiteralLoose(["\n height: ", ";\n background-color: #ebebeb;\n margin-left: 7px;\n\n & + div {\n margin-top: 7px;\n }\n\n ", "\n ", "\n\n ", "\n\n ", "\n"])), function (props) {
18745
18748
  return props.height;
18746
18749
  }, function (props) {
18747
- return props.size === 'mini' && styled.css(_templateObject4$s || (_templateObject4$s = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
18750
+ return props.size === 'mini' && styled.css(_templateObject4$t || (_templateObject4$t = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
18748
18751
  }, function (props) {
18749
18752
  return props.size === 'small' && styled.css(_templateObject5$q || (_templateObject5$q = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
18750
18753
  }, function (props) {
@@ -18882,7 +18885,7 @@ var Placeholder = function Placeholder(props) {
18882
18885
  }
18883
18886
  };
18884
18887
 
18885
- var _templateObject$15, _templateObject2$P, _templateObject3$I, _templateObject4$t, _templateObject5$r, _templateObject6$p, _templateObject7$p;
18888
+ var _templateObject$15, _templateObject2$P, _templateObject3$I, _templateObject4$u, _templateObject5$r, _templateObject6$p, _templateObject7$p;
18886
18889
  var Container$m = styled__default.div(_templateObject$15 || (_templateObject$15 = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n align-items: center;\n\n span {\n display: inline-block;\n margin-left: 7px;\n color: #000000cc;\n }\n"])));
18887
18890
  var Progress = styled__default.div(_templateObject2$P || (_templateObject2$P = _taggedTemplateLiteralLoose(["\n width: 64px;\n height: 12px;\n border: 1px solid #e4e4e4;\n div {\n width: ", ";\n max-width: 64px;\n height: 100%;\n ", "\n\n ", "\n ", "\n ", "\n ", "\n }\n"])), function (props) {
18888
18891
  return props.value + "%";
@@ -18892,7 +18895,7 @@ var Progress = styled__default.div(_templateObject2$P || (_templateObject2$P = _
18892
18895
  return theme.colors.warningGray;
18893
18896
  });
18894
18897
  }, function (props) {
18895
- return props.type === 'info' && styled.css(_templateObject4$t || (_templateObject4$t = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n "])), function (_ref2) {
18898
+ return props.type === 'info' && styled.css(_templateObject4$u || (_templateObject4$u = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n "])), function (_ref2) {
18896
18899
  var theme = _ref2.theme;
18897
18900
  return theme.colors.blue;
18898
18901
  });
@@ -18917,7 +18920,7 @@ var ProgressBar = function ProgressBar(props) {
18917
18920
  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', "%"));
18918
18921
  };
18919
18922
 
18920
- var _templateObject$16, _templateObject2$Q, _templateObject3$J, _templateObject4$u, _templateObject5$s, _templateObject6$q, _templateObject7$q, _templateObject8$m;
18923
+ var _templateObject$16, _templateObject2$Q, _templateObject3$J, _templateObject4$v, _templateObject5$s, _templateObject6$q, _templateObject7$q, _templateObject8$m;
18921
18924
  var Container$n = styled__default.div(_templateObject$16 || (_templateObject$16 = _taggedTemplateLiteralLoose(["\n display: block;\n"])));
18922
18925
  var delimiters = {
18923
18926
  blue: ['blue'],
@@ -18951,7 +18954,7 @@ var Tabs = styled__default.ul(_templateObject2$Q || (_templateObject2$Q = _tagge
18951
18954
  return internal ? "1px solid " + theme.getColor.apply(theme, delimiters[delimiter || 'grey']) : "2px solid " + theme.getColor.apply(theme, delimiters[delimiter || 'blue']);
18952
18955
  }();
18953
18956
 
18954
- return styled.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);
18957
+ return styled.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);
18955
18958
  }, function (_ref3) {
18956
18959
  var theme = _ref3.theme,
18957
18960
  internal = _ref3.$internal;
@@ -19105,7 +19108,7 @@ var TextArea = function TextArea(props) {
19105
19108
  return React__default.createElement(Container$o, Object.assign({}, props));
19106
19109
  };
19107
19110
 
19108
- var _templateObject$18, _templateObject2$R, _templateObject3$K, _templateObject4$v, _templateObject5$t, _templateObject6$r;
19111
+ var _templateObject$18, _templateObject2$R, _templateObject3$K, _templateObject4$w, _templateObject5$t, _templateObject6$r;
19109
19112
  var Container$p = styled__default.div(_templateObject$18 || (_templateObject$18 = _taggedTemplateLiteralLoose(["\n border-radius: 4px;\n width: ", ";\n height: 88px;\n border: 1px solid transparent;\n position: relative;\n\n ", "\n\n ", "\n\n ", "\n\n svg {\n cursor: pointer;\n position: absolute;\n top: 14px;\n right: 14px;\n width: 13px;\n height: 13px;\n }\n"])), function (props) {
19110
19113
  return props.size === 'large' ? '837px' : '460px';
19111
19114
  }, function (props) {
@@ -19113,7 +19116,7 @@ var Container$p = styled__default.div(_templateObject$18 || (_templateObject$18
19113
19116
  }, function (props) {
19114
19117
  return props.color === 'error' && styled.css(_templateObject3$K || (_templateObject3$K = _taggedTemplateLiteralLoose(["\n background-color: #fff6f6;\n opacity: 1;\n border-color: #973937;\n h4 {\n color: #973937;\n }\n p {\n color: #973937;\n }\n "])));
19115
19118
  }, function (props) {
19116
- return props.color === 'warning' && styled.css(_templateObject4$v || (_templateObject4$v = _taggedTemplateLiteralLoose(["\n background-color: #fffaf3;\n opacity: 1;\n border-color: #ccbea0;\n h4 {\n color: #7a4d05;\n }\n p {\n color: #7a4d05cc;\n }\n "])));
19119
+ return props.color === 'warning' && styled.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 "])));
19117
19120
  });
19118
19121
  var IconContainer$2 = styled__default.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"])));
19119
19122
  var IconContent = styled__default.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"])));
@@ -19128,7 +19131,7 @@ var Toast = function Toast(props) {
19128
19131
  })), React__default.createElement(IconContent, null, React__default.createElement("h4", null, props.title), React__default.createElement("p", null, " ", props.description)));
19129
19132
  };
19130
19133
 
19131
- var _templateObject$19, _templateObject2$S, _templateObject3$L, _templateObject4$w, _templateObject5$u;
19134
+ var _templateObject$19, _templateObject2$S, _templateObject3$L, _templateObject4$x, _templateObject5$u;
19132
19135
  var Image = styled__default.img(_templateObject$19 || (_templateObject$19 = _taggedTemplateLiteralLoose(["\n max-width: 100%;\n max-height: 100%;\n"])));
19133
19136
  var Container$q = styled__default.div(_templateObject2$S || (_templateObject2$S = _taggedTemplateLiteralLoose(["\n position: relative;\n display: inline-flex;\n\n &,\n ", " {\n width: ", ";\n\n height: ", ";\n }\n"])), Image, function (_ref) {
19134
19137
  var width = _ref.width;
@@ -19161,7 +19164,7 @@ var Dimmer = styled__default.div(_templateObject3$L || (_templateObject3$L = _ta
19161
19164
  var theme = _ref3.theme;
19162
19165
  return theme.getColor('greyishBlue', 50);
19163
19166
  });
19164
- var Button$6 = styled__default(Button$1)(_templateObject4$w || (_templateObject4$w = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n"])), function (_ref4) {
19167
+ var Button$6 = styled__default(Button$1)(_templateObject4$x || (_templateObject4$x = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n"])), function (_ref4) {
19165
19168
  var theme = _ref4.theme;
19166
19169
  return theme.getColor('white', 50);
19167
19170
  });