@mw-kit/mw-ui 1.7.109 → 1.7.110

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 (7) hide show
  1. package/dist/components/Input/components/Range/interfaces.d.ts +8 -3
  2. package/dist/components/Input/components/Range/styles/Marker/index.d.ts +4 -2
  3. package/dist/index.js +100 -86
  4. package/dist/index.js.map +1 -1
  5. package/dist/index.modern.js +100 -86
  6. package/dist/index.modern.js.map +1 -1
  7. package/package.json +1 -1
package/dist/index.modern.js CHANGED
@@ -12476,9 +12476,12 @@ var Input$1 = React__default.forwardRef(function (props, ref) {
12476
12476
  var setValue = props.setValue || function () {};
12477
12477
 
12478
12478
  inputProps.onChange = function (event) {
12479
+ var start = event.target.selectionStart;
12480
+ var end = event.target.selectionEnd;
12479
12481
  event.target.value = mask(event.target.value);
12480
12482
  onChange(event);
12481
12483
  setValue(event.target.value);
12484
+ event.target.setSelectionRange(start, end);
12482
12485
  };
12483
12486
 
12484
12487
  if (inputProps.onKeyDown || onPressEnter) {
@@ -16156,21 +16159,27 @@ var Label$5 = styled.label(_templateObject$y || (_templateObject$y = _taggedTemp
16156
16159
  return required && !viewMode && css(_templateObject5$b || (_templateObject5$b = _taggedTemplateLiteralLoose(["\n :after {\n content: ' *';\n }\n "])));
16157
16160
  }, NavBar);
16158
16161
 
16159
- var _templateObject$z, _templateObject2$r;
16160
- var Marker = styled.div(_templateObject$z || (_templateObject$z = _taggedTemplateLiteralLoose(["\n position: absolute;\n top: 0;\n width: 40px;\n text-align: center;\n left: ", ";\n z-index: 2;\n\n :first-child {\n left: 0;\n text-align: left;\n\n :after {\n left: 0;\n }\n }\n :last-child {\n right: 0;\n left: unset;\n text-align: right;\n\n :after {\n right: 0;\n left: unset;\n }\n }\n\n ", "\n"])), function (_ref) {
16161
- var left = _ref.left;
16162
+ var _templateObject$z, _templateObject2$r, _templateObject3$m, _templateObject4$f;
16163
+ var Marker = styled.div(_templateObject$z || (_templateObject$z = _taggedTemplateLiteralLoose(["\n position: absolute;\n top: 0;\n width: 40px;\n text-align: center;\n left: ", ";\n z-index: 2;\n\n ", "\n\n ", "\n\n ", "\n"])), function (_ref) {
16164
+ var left = _ref.$left;
16162
16165
  return left;
16163
16166
  }, function (_ref2) {
16164
- var bullet = _ref2.bullet,
16165
- theme = _ref2.theme;
16167
+ var firstChild = _ref2.$firstChild;
16168
+ return firstChild && css(_templateObject2$r || (_templateObject2$r = _taggedTemplateLiteralLoose(["\n :first-child {\n left: 0;\n text-align: left;\n\n :after {\n left: 0;\n }\n }\n "])));
16169
+ }, function (_ref3) {
16170
+ var lastChild = _ref3.$lastChild;
16171
+ return lastChild && css(_templateObject3$m || (_templateObject3$m = _taggedTemplateLiteralLoose(["\n :last-child {\n right: 0;\n left: unset;\n text-align: right;\n\n :after {\n right: 0;\n left: unset;\n }\n }\n "])));
16172
+ }, function (_ref4) {
16173
+ var bullet = _ref4.$bullet,
16174
+ theme = _ref4.theme;
16166
16175
  if (!bullet) return;
16167
- return css(_templateObject2$r || (_templateObject2$r = _taggedTemplateLiteralLoose(["\n :after {\n content: '';\n position: absolute;\n left: calc(50% - 5px);\n width: 10px;\n height: 10px;\n border-radius: 100%;\n border: 1px solid ", ";\n background-color: ", ";\n box-shadow: 0px 1px 3px ", ";\n }\n "])), theme.colors.lightestGrey, theme.colors.white, theme.getColor('black', 10));
16176
+ return css(_templateObject4$f || (_templateObject4$f = _taggedTemplateLiteralLoose(["\n :after {\n content: '';\n position: absolute;\n left: calc(50% - 5px);\n width: 10px;\n height: 10px;\n border-radius: 100%;\n border: 1px solid ", ";\n background-color: ", ";\n box-shadow: 0px 1px 3px ", ";\n }\n "])), theme.colors.lightestGrey, theme.colors.white, theme.getColor('black', 10));
16168
16177
  });
16169
16178
 
16170
16179
  var _templateObject$A;
16171
16180
  var MinMaxLabelContainer = styled.div(_templateObject$A || (_templateObject$A = _taggedTemplateLiteralLoose(["\n display: flex;\n padding-bottom: 2px;\n"])));
16172
16181
 
16173
- var _templateObject$B, _templateObject2$s, _templateObject3$m;
16182
+ var _templateObject$B, _templateObject2$s, _templateObject3$n;
16174
16183
  var LabelsContainer = styled.div(_templateObject$B || (_templateObject$B = _taggedTemplateLiteralLoose(["\n display: flex;\n gap: 7px;\n\n ", "\n"])), function (_ref) {
16175
16184
  var position = _ref.position;
16176
16185
 
@@ -16178,7 +16187,7 @@ var LabelsContainer = styled.div(_templateObject$B || (_templateObject$B = _tagg
16178
16187
  return css(_templateObject2$s || (_templateObject2$s = _taggedTemplateLiteralLoose(["\n ", " {\n flex-direction: column-reverse;\n }\n\n ", " {\n :after {\n bottom: calc(100% + 9px);\n }\n }\n\n ", " {\n align-items: start;\n }\n "])), InputContainer$1, Marker, MinMaxLabelContainer);
16179
16188
  }
16180
16189
 
16181
- return css(_templateObject3$m || (_templateObject3$m = _taggedTemplateLiteralLoose(["\n ", " {\n flex-direction: column;\n }\n\n ", " {\n :after {\n top: calc(100% + 10px);\n }\n }\n\n ", " {\n align-items: end;\n }\n "])), InputContainer$1, Marker, MinMaxLabelContainer);
16190
+ return css(_templateObject3$n || (_templateObject3$n = _taggedTemplateLiteralLoose(["\n ", " {\n flex-direction: column;\n }\n\n ", " {\n :after {\n top: calc(100% + 10px);\n }\n }\n\n ", " {\n align-items: end;\n }\n "])), InputContainer$1, Marker, MinMaxLabelContainer);
16182
16191
  });
16183
16192
 
16184
16193
  var _templateObject$C;
@@ -16225,8 +16234,9 @@ var getMarkers = function getMarkers(props) {
16225
16234
  };
16226
16235
  }
16227
16236
 
16228
- var _min = _markers[0].value;
16229
- var _max = _markers[_markers.length - 1].value;
16237
+ var _min = 'min' in props.markers && props.markers.min !== undefined ? props.markers.min : _markers[0].value;
16238
+
16239
+ var _max = 'max' in props.markers && props.markers.max !== undefined ? props.markers.max : _markers[_markers.length - 1].value;
16230
16240
 
16231
16241
  var _step = props.step ? parseFloat("" + props.step) : _markers[1].value - _markers[0].value;
16232
16242
 
@@ -16314,7 +16324,7 @@ var Range = React__default.forwardRef(function (props, ref) {
16314
16324
  var spans = value - min;
16315
16325
 
16316
16326
  if (value < min || value > max) {
16317
- throw new Error('Invalid value');
16327
+ throw new Error("Value must be between \"" + min + "\" and \"" + max + "\". \"" + value + "\" given");
16318
16328
  }
16319
16329
 
16320
16330
  var getValue = strict ? function (v) {
@@ -16403,12 +16413,16 @@ var Range = React__default.forwardRef(function (props, ref) {
16403
16413
  }, minLabel && React__default.createElement(MinMaxLabelContainer, null, minLabel), React__default.createElement(InputContainer$1, {
16404
16414
  invalid: invalid ? 1 : 0
16405
16415
  }, markers.length > 0 && React__default.createElement(MarkersContainer, null, markers.map(function (marker, index) {
16406
- var left = getMarkerLeft(markers.length, range, index, marker.value, min, strict);
16407
- var bullet = strict || marker.value > currentValue && marker.value < max ? 1 : 0;
16416
+ var firstChild = strict || min === markers[0].value;
16417
+ var lastChild = strict || max === markers[markers.length - 1].value;
16418
+ var left = getMarkerLeft(markers.length + (firstChild ? 0 : 1) + (lastChild ? 0 : 1), range, index + (firstChild ? 0 : 1), marker.value, min, strict);
16419
+ var bullet = strict || marker.value > currentValue && marker.value < max;
16408
16420
  return React__default.createElement(Marker, {
16409
16421
  key: index,
16410
- left: left,
16411
- bullet: bullet
16422
+ "$left": left,
16423
+ "$bullet": bullet,
16424
+ "$firstChild": firstChild,
16425
+ "$lastChild": lastChild
16412
16426
  }, marker.label);
16413
16427
  })), React__default.createElement("div", null, React__default.createElement(Input$2, Object.assign({
16414
16428
  ref: ref
@@ -16452,7 +16466,7 @@ var Range = React__default.forwardRef(function (props, ref) {
16452
16466
  });
16453
16467
  Range.displayName = 'input';
16454
16468
 
16455
- var _templateObject$E, _templateObject2$t, _templateObject3$n, _templateObject4$f, _templateObject5$c, _templateObject6$a, _templateObject7$a;
16469
+ var _templateObject$E, _templateObject2$t, _templateObject3$o, _templateObject4$g, _templateObject5$c, _templateObject6$a, _templateObject7$a;
16456
16470
  var LabelContainer$5 = styled.div(_templateObject$E || (_templateObject$E = _taggedTemplateLiteralLoose(["\n ", "\n display: flex;\n align-items: center;\n"])), function (_ref) {
16457
16471
  var theme = _ref.theme;
16458
16472
  return theme.useTypography('p');
@@ -16464,10 +16478,10 @@ var Label$6 = styled.label(_templateObject2$t || (_templateObject2$t = _taggedTe
16464
16478
  var disabled = _ref3.disabled;
16465
16479
 
16466
16480
  if (!disabled) {
16467
- return css(_templateObject3$n || (_templateObject3$n = _taggedTemplateLiteralLoose(["\n > span {\n cursor: pointer;\n }\n "])));
16481
+ return css(_templateObject3$o || (_templateObject3$o = _taggedTemplateLiteralLoose(["\n > span {\n cursor: pointer;\n }\n "])));
16468
16482
  }
16469
16483
 
16470
- return css(_templateObject4$f || (_templateObject4$f = _taggedTemplateLiteralLoose(["\n opacity: 0.5;\n "])));
16484
+ return css(_templateObject4$g || (_templateObject4$g = _taggedTemplateLiteralLoose(["\n opacity: 0.5;\n "])));
16471
16485
  }, function (_ref4) {
16472
16486
  var required = _ref4.required;
16473
16487
  if (!required) return;
@@ -16701,7 +16715,7 @@ var parse = function parse(value) {
16701
16715
  });
16702
16716
  };
16703
16717
 
16704
- var _templateObject$F, _templateObject2$u, _templateObject3$o, _templateObject4$g, _templateObject5$d, _templateObject6$b, _templateObject7$b, _templateObject8$9, _templateObject9$8, _templateObject10$7, _templateObject11$5, _templateObject12$3;
16718
+ var _templateObject$F, _templateObject2$u, _templateObject3$p, _templateObject4$h, _templateObject5$d, _templateObject6$b, _templateObject7$b, _templateObject8$9, _templateObject9$8, _templateObject10$7, _templateObject11$5, _templateObject12$3;
16705
16719
  var RelativeContainer$5 = styled.div(_templateObject$F || (_templateObject$F = _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"])));
16706
16720
  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) {
16707
16721
  var theme = _ref.theme;
@@ -16709,14 +16723,14 @@ var LabelContainer$6 = styled.div(_templateObject2$u || (_templateObject2$u = _t
16709
16723
  }, function (_ref2) {
16710
16724
  var children = _ref2.children;
16711
16725
  if (children) return;
16712
- return css(_templateObject3$o || (_templateObject3$o = _taggedTemplateLiteralLoose(["\n :after {\n content: '--/--/-- (--:--) \xE0 --/--/-- (--:--)';\n color: ", ";\n }\n "])), function (_ref3) {
16726
+ return css(_templateObject3$p || (_templateObject3$p = _taggedTemplateLiteralLoose(["\n :after {\n content: '--/--/-- (--:--) \xE0 --/--/-- (--:--)';\n color: ", ";\n }\n "])), function (_ref3) {
16713
16727
  var theme = _ref3.theme;
16714
16728
  return theme.colors.darkGrey;
16715
16729
  });
16716
16730
  }, function (_ref4) {
16717
16731
  var onClick = _ref4.onClick;
16718
16732
  if (!onClick) return;
16719
- return css(_templateObject4$g || (_templateObject4$g = _taggedTemplateLiteralLoose(["\n :not(:disabled) {\n cursor: pointer;\n }\n "])));
16733
+ return css(_templateObject4$h || (_templateObject4$h = _taggedTemplateLiteralLoose(["\n :not(:disabled) {\n cursor: pointer;\n }\n "])));
16720
16734
  });
16721
16735
  var Container$6 = styled.div(_templateObject5$d || (_templateObject5$d = _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) {
16722
16736
  var theme = _ref5.theme;
@@ -17101,7 +17115,7 @@ var Tag$1 = function Tag$1(props) {
17101
17115
  })));
17102
17116
  };
17103
17117
 
17104
- var _templateObject$J, _templateObject2$w, _templateObject3$p;
17118
+ var _templateObject$J, _templateObject2$w, _templateObject3$q;
17105
17119
  var Label$9 = styled.label(_templateObject$J || (_templateObject$J = _taggedTemplateLiteralLoose(["\n ", ";\n\n color: ", ";\n\n width: ", ";\n box-sizing: border-box;\n position: relative;\n display: block;\n\n ", "\n"])), function (_ref) {
17106
17120
  var theme = _ref.theme;
17107
17121
  return theme.useTypography('p');
@@ -17116,7 +17130,7 @@ var Label$9 = styled.label(_templateObject$J || (_templateObject$J = _taggedTemp
17116
17130
  if (!disabled) return;
17117
17131
  return css(_templateObject2$w || (_templateObject2$w = _taggedTemplateLiteralLoose(["\n opacity: 0.5;\n "])));
17118
17132
  });
17119
- var TagContainer = styled.div(_templateObject3$p || (_templateObject3$p = _taggedTemplateLiteralLoose(["\n border-width: 1px;\n border-style: solid;\n border-color: ", ";\n border-radius: 4px;\n display: flex;\n flex-wrap: wrap;\n gap: calc(", " / 2);\n padding: ", ";\n"])), function (_ref5) {
17133
+ var TagContainer = styled.div(_templateObject3$q || (_templateObject3$q = _taggedTemplateLiteralLoose(["\n border-width: 1px;\n border-style: solid;\n border-color: ", ";\n border-radius: 4px;\n display: flex;\n flex-wrap: wrap;\n gap: calc(", " / 2);\n padding: ", ";\n"])), function (_ref5) {
17120
17134
  var theme = _ref5.theme,
17121
17135
  invalid = _ref5.invalid;
17122
17136
  return theme.colors[invalid ? 'warningRed' : 'lightGrey'];
@@ -17598,7 +17612,7 @@ var Input$5 = Object.assign(Component$2, {
17598
17612
  getPhoneDetails: Phone.getPhoneDetails
17599
17613
  });
17600
17614
 
17601
- var _templateObject$L, _templateObject2$x, _templateObject3$q, _templateObject4$h;
17615
+ var _templateObject$L, _templateObject2$x, _templateObject3$r, _templateObject4$i;
17602
17616
  var Container$7 = styled(AbsoluteContainer)(_templateObject$L || (_templateObject$L = _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) {
17603
17617
  var theme = _ref.theme;
17604
17618
  return theme.colors.white;
@@ -17613,7 +17627,7 @@ var Header$3 = styled.div(_templateObject2$x || (_templateObject2$x = _taggedTem
17613
17627
  var s3 = _ref4.theme.spacings.s3;
17614
17628
  return "0 " + s3 + " " + s3 + " 0";
17615
17629
  });
17616
- var Title = styled.div(_templateObject3$q || (_templateObject3$q = _taggedTemplateLiteralLoose(["\n ", "\n color: ", ";\n"])), function (_ref5) {
17630
+ var Title = styled.div(_templateObject3$r || (_templateObject3$r = _taggedTemplateLiteralLoose(["\n ", "\n color: ", ";\n"])), function (_ref5) {
17617
17631
  var useTypography = _ref5.theme.useTypography;
17618
17632
  return useTypography('p', {
17619
17633
  fontWeight: 'bold'
@@ -17622,7 +17636,7 @@ var Title = styled.div(_templateObject3$q || (_templateObject3$q = _taggedTempla
17622
17636
  var getColor = _ref6.theme.getColor;
17623
17637
  return getColor('greyishBlue', 50);
17624
17638
  });
17625
- var Item = styled.div(_templateObject4$h || (_templateObject4$h = _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) {
17639
+ var Item = styled.div(_templateObject4$i || (_templateObject4$i = _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) {
17626
17640
  var s1 = _ref7.theme.spacings.s1;
17627
17641
  return s1 + " " + s1 + " " + s1 + " 0";
17628
17642
  }, function (_ref8) {
@@ -17736,7 +17750,7 @@ var AppliedFiltersMenu = function AppliedFiltersMenu(props) {
17736
17750
  }))));
17737
17751
  };
17738
17752
 
17739
- var _templateObject$M, _templateObject2$y, _templateObject3$r;
17753
+ var _templateObject$M, _templateObject2$y, _templateObject3$s;
17740
17754
  var Container$8 = styled.div(_templateObject$M || (_templateObject$M = _taggedTemplateLiteralLoose(["\n display: flex;\n gap: ", ";\n align-items: center;\n color: ", ";\n\n ", "\n"])), function (_ref) {
17741
17755
  var theme = _ref.theme,
17742
17756
  gap = _ref.$gap;
@@ -17751,7 +17765,7 @@ var Container$8 = styled.div(_templateObject$M || (_templateObject$M = _taggedTe
17751
17765
  return css(_templateObject2$y || (_templateObject2$y = _taggedTemplateLiteralLoose(["\n opacity: 0.3;\n pointer-events: none;\n "])));
17752
17766
  }
17753
17767
 
17754
- return css(_templateObject3$r || (_templateObject3$r = _taggedTemplateLiteralLoose(["\n cursor: pointer;\n "])));
17768
+ return css(_templateObject3$s || (_templateObject3$s = _taggedTemplateLiteralLoose(["\n cursor: pointer;\n "])));
17755
17769
  });
17756
17770
 
17757
17771
  var Button$5 = function Button(props) {
@@ -17803,13 +17817,13 @@ var AppliedFilters = Object.assign(function (props) {
17803
17817
  Menu: AppliedFiltersMenu
17804
17818
  });
17805
17819
 
17806
- var _templateObject$N, _templateObject2$z, _templateObject3$s, _templateObject4$i, _templateObject5$e, _templateObject6$c, _templateObject7$c, _templateObject8$a, _templateObject9$9, _templateObject10$8;
17820
+ var _templateObject$N, _templateObject2$z, _templateObject3$t, _templateObject4$j, _templateObject5$e, _templateObject6$c, _templateObject7$c, _templateObject8$a, _templateObject9$9, _templateObject10$8;
17807
17821
  var Container$9 = styled.div(_templateObject$N || (_templateObject$N = _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) {
17808
17822
  return props.size === 'mini' && css(_templateObject2$z || (_templateObject2$z = _taggedTemplateLiteralLoose(["\n width: 394px;\n height: 99px;\n "])));
17809
17823
  }, function (props) {
17810
- return props.size === 'small' && css(_templateObject3$s || (_templateObject3$s = _taggedTemplateLiteralLoose(["\n width: 394px;\n height: 131px;\n "])));
17824
+ return props.size === 'small' && css(_templateObject3$t || (_templateObject3$t = _taggedTemplateLiteralLoose(["\n width: 394px;\n height: 131px;\n "])));
17811
17825
  }, function (props) {
17812
- return props.size === 'medium' && css(_templateObject4$i || (_templateObject4$i = _taggedTemplateLiteralLoose(["\n width: 394px;\n "])));
17826
+ return props.size === 'medium' && css(_templateObject4$j || (_templateObject4$j = _taggedTemplateLiteralLoose(["\n width: 394px;\n "])));
17813
17827
  }, function (props) {
17814
17828
  return props.size === 'big' && css(_templateObject5$e || (_templateObject5$e = _taggedTemplateLiteralLoose(["\n width: 414px;\n height: 324px;\n "])));
17815
17829
  }, function (props) {
@@ -18248,7 +18262,7 @@ var useContext$3 = function useContext() {
18248
18262
  return React__default.useContext(Provider$3);
18249
18263
  };
18250
18264
 
18251
- var _templateObject$Q, _templateObject2$A, _templateObject3$t, _templateObject4$j, _templateObject5$f, _templateObject6$d, _templateObject7$d, _templateObject8$b, _templateObject9$a, _templateObject10$9, _templateObject11$6, _templateObject12$4, _templateObject13$2, _templateObject14$2, _templateObject15$2;
18265
+ var _templateObject$Q, _templateObject2$A, _templateObject3$u, _templateObject4$k, _templateObject5$f, _templateObject6$d, _templateObject7$d, _templateObject8$b, _templateObject9$a, _templateObject10$9, _templateObject11$6, _templateObject12$4, _templateObject13$2, _templateObject14$2, _templateObject15$2;
18252
18266
  var aligns = {
18253
18267
  self: {
18254
18268
  horizontal: {
@@ -18283,11 +18297,11 @@ var Col = styled.div(_templateObject$Q || (_templateObject$Q = _taggedTemplateLi
18283
18297
  if (width === undefined) {
18284
18298
  return css(_templateObject2$A || (_templateObject2$A = _taggedTemplateLiteralLoose(["\n flex-basis: 0;\n flex-grow: 1;\n max-width: 100%;\n width: 100%;\n "])));
18285
18299
  } else if (width === 'auto') {
18286
- return css(_templateObject3$t || (_templateObject3$t = _taggedTemplateLiteralLoose(["\n flex: 0 0 auto;\n width: auto;\n max-width: none;\n "])));
18300
+ return css(_templateObject3$u || (_templateObject3$u = _taggedTemplateLiteralLoose(["\n flex: 0 0 auto;\n width: auto;\n max-width: none;\n "])));
18287
18301
  }
18288
18302
 
18289
18303
  var w = parseFloat(width) * 100 / 12;
18290
- return css(_templateObject4$j || (_templateObject4$j = _taggedTemplateLiteralLoose(["\n flex: 0 0 ", "%;\n max-width: ", "%;\n width: 100%;\n "])), w, w);
18304
+ return css(_templateObject4$k || (_templateObject4$k = _taggedTemplateLiteralLoose(["\n flex: 0 0 ", "%;\n max-width: ", "%;\n width: 100%;\n "])), w, w);
18291
18305
  }, function (_ref2) {
18292
18306
  var spacing = _ref2.spacing;
18293
18307
  var padding = getSpacings(spacing === undefined ? 's1' : spacing);
@@ -18385,7 +18399,7 @@ var useContext$4 = function useContext() {
18385
18399
  return React__default.useContext(Provider$4);
18386
18400
  };
18387
18401
 
18388
- var _templateObject$R, _templateObject2$B, _templateObject3$u;
18402
+ var _templateObject$R, _templateObject2$B, _templateObject3$v;
18389
18403
  var Grid = styled.div(_templateObject$R || (_templateObject$R = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n width: 100%;\n\n ", "\n\n ", "\n"])), function (_ref) {
18390
18404
  var spacing = _ref.spacing;
18391
18405
  if (spacing === undefined) return;
@@ -18395,7 +18409,7 @@ var Grid = styled.div(_templateObject$R || (_templateObject$R = _taggedTemplateL
18395
18409
  var borderless = _ref2.borderless,
18396
18410
  lightestGrey = _ref2.theme.colors.lightestGrey;
18397
18411
  if (borderless) return;
18398
- return css(_templateObject3$u || (_templateObject3$u = _taggedTemplateLiteralLoose(["\n border: 1px solid ", ";\n "])), lightestGrey);
18412
+ return css(_templateObject3$v || (_templateObject3$v = _taggedTemplateLiteralLoose(["\n border: 1px solid ", ";\n "])), lightestGrey);
18399
18413
  });
18400
18414
 
18401
18415
  var Grid$1 = React__default.forwardRef(function (props, ref) {
@@ -18413,7 +18427,7 @@ var Grid$1 = React__default.forwardRef(function (props, ref) {
18413
18427
  });
18414
18428
  Grid$1.displayName = 'Grid';
18415
18429
 
18416
- var _templateObject$S, _templateObject2$C, _templateObject3$v, _templateObject4$k, _templateObject5$g, _templateObject6$e, _templateObject7$e, _templateObject8$c, _templateObject9$b, _templateObject10$a;
18430
+ var _templateObject$S, _templateObject2$C, _templateObject3$w, _templateObject4$l, _templateObject5$g, _templateObject6$e, _templateObject7$e, _templateObject8$c, _templateObject9$b, _templateObject10$a;
18417
18431
  var horizontalAligns = {
18418
18432
  around: 'space-around',
18419
18433
  between: 'space-between',
@@ -18434,11 +18448,11 @@ var Row = styled.div(_templateObject$S || (_templateObject$S = _taggedTemplateLi
18434
18448
  }, function (_ref2) {
18435
18449
  var spacingAround = _ref2.spacingAround;
18436
18450
  if (spacingAround) return;
18437
- return css(_templateObject3$v || (_templateObject3$v = _taggedTemplateLiteralLoose(["\n :first-child {\n padding-top: 0;\n }\n :last-child {\n padding-bottom: 0;\n }\n "])));
18451
+ return css(_templateObject3$w || (_templateObject3$w = _taggedTemplateLiteralLoose(["\n :first-child {\n padding-top: 0;\n }\n :last-child {\n padding-bottom: 0;\n }\n "])));
18438
18452
  }, function (_ref3) {
18439
18453
  var horizontalAlign = _ref3.horizontalAlign;
18440
18454
  if (horizontalAlign === undefined) return;
18441
- return css(_templateObject4$k || (_templateObject4$k = _taggedTemplateLiteralLoose(["\n justify-content: ", ";\n "])), horizontalAligns[horizontalAlign]);
18455
+ return css(_templateObject4$l || (_templateObject4$l = _taggedTemplateLiteralLoose(["\n justify-content: ", ";\n "])), horizontalAligns[horizontalAlign]);
18442
18456
  }, function (_ref4) {
18443
18457
  var verticalAlign = _ref4.verticalAlign;
18444
18458
  if (verticalAlign === undefined) return;
@@ -18544,18 +18558,18 @@ var widths = {
18544
18558
  default: '642.5px'
18545
18559
  };
18546
18560
 
18547
- var _templateObject$T, _templateObject2$D, _templateObject3$w, _templateObject4$l, _templateObject5$h, _templateObject6$f, _templateObject7$f, _templateObject8$d, _templateObject9$c, _templateObject10$b;
18561
+ var _templateObject$T, _templateObject2$D, _templateObject3$x, _templateObject4$m, _templateObject5$h, _templateObject6$f, _templateObject7$f, _templateObject8$d, _templateObject9$c, _templateObject10$b;
18548
18562
  var Background = styled.div(_templateObject$T || (_templateObject$T = _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) {
18549
18563
  var theme = _ref.theme;
18550
18564
  return theme.getColor('black', 25);
18551
18565
  });
18552
18566
  var Content = styled.div(_templateObject2$D || (_templateObject2$D = _taggedTemplateLiteralLoose(["\n flex: 1;\n position: relative;\n"])));
18553
- var Header$5 = styled.div(_templateObject3$w || (_templateObject3$w = _taggedTemplateLiteralLoose(["\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n\n ", "\n"])), function (_ref2) {
18567
+ var Header$5 = styled.div(_templateObject3$x || (_templateObject3$x = _taggedTemplateLiteralLoose(["\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n\n ", "\n"])), function (_ref2) {
18554
18568
  var _ref2$theme = _ref2.theme,
18555
18569
  colors = _ref2$theme.colors,
18556
18570
  spacings = _ref2$theme.spacings,
18557
18571
  useTypography = _ref2$theme.useTypography;
18558
- return css(_templateObject4$l || (_templateObject4$l = _taggedTemplateLiteralLoose(["\n border-bottom: 1px solid ", ";\n padding: ", ";\n\n ", "\n "])), colors.lightestGrey, spacings.s4, useTypography('h1'));
18572
+ return css(_templateObject4$m || (_templateObject4$m = _taggedTemplateLiteralLoose(["\n border-bottom: 1px solid ", ";\n padding: ", ";\n\n ", "\n "])), colors.lightestGrey, spacings.s4, useTypography('h1'));
18559
18573
  });
18560
18574
  var Footer$2 = styled.div(_templateObject5$h || (_templateObject5$h = _taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n\n ", "\n"])), function (_ref3) {
18561
18575
  var _ref3$theme = _ref3.theme,
@@ -18774,11 +18788,11 @@ var Modal$1 = Object.assign(Modal, {
18774
18788
  Audit: Audit
18775
18789
  });
18776
18790
 
18777
- var _templateObject$X, _templateObject2$E, _templateObject3$x, _templateObject4$m, _templateObject5$i, _templateObject6$g, _templateObject7$g, _templateObject8$e, _templateObject9$d, _templateObject10$c, _templateObject11$7;
18791
+ var _templateObject$X, _templateObject2$E, _templateObject3$y, _templateObject4$n, _templateObject5$i, _templateObject6$g, _templateObject7$g, _templateObject8$e, _templateObject9$d, _templateObject10$c, _templateObject11$7;
18778
18792
  var Container$c = styled.div(_templateObject$X || (_templateObject$X = _taggedTemplateLiteralLoose(["\n width: 100%;\n height: 300px;\n position: absolute;\n padding: 14px;\n"])));
18779
18793
  var Header$6 = styled.div(_templateObject2$E || (_templateObject2$E = _taggedTemplateLiteralLoose(["\n display: flex;\n"])));
18780
- var HeaderImage = styled.div(_templateObject3$x || (_templateObject3$x = _taggedTemplateLiteralLoose(["\n width: 43px;\n height: 44px;\n background-color: #ebebeb;\n"])));
18781
- var HeaderContent = styled.div(_templateObject4$m || (_templateObject4$m = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n flex: 1;\n"])));
18794
+ var HeaderImage = styled.div(_templateObject3$y || (_templateObject3$y = _taggedTemplateLiteralLoose(["\n width: 43px;\n height: 44px;\n background-color: #ebebeb;\n"])));
18795
+ var HeaderContent = styled.div(_templateObject4$n || (_templateObject4$n = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n flex: 1;\n"])));
18782
18796
  var MainContent = styled.div(_templateObject5$i || (_templateObject5$i = _taggedTemplateLiteralLoose(["\n margin-top: 8px;\n"])));
18783
18797
  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) {
18784
18798
  return props.height;
@@ -18826,24 +18840,24 @@ var Template1 = function Template1(props) {
18826
18840
  })));
18827
18841
  };
18828
18842
 
18829
- var _templateObject$Y, _templateObject2$F, _templateObject3$y, _templateObject4$n, _templateObject5$j;
18843
+ var _templateObject$Y, _templateObject2$F, _templateObject3$z, _templateObject4$o, _templateObject5$j;
18830
18844
  var HeaderLine$1 = styled.div(_templateObject$Y || (_templateObject$Y = _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) {
18831
18845
  return props.height;
18832
18846
  }, function (props) {
18833
18847
  return props.size === 'mini' && css(_templateObject2$F || (_templateObject2$F = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
18834
18848
  }, function (props) {
18835
- return props.size === 'small' && css(_templateObject3$y || (_templateObject3$y = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
18849
+ return props.size === 'small' && css(_templateObject3$z || (_templateObject3$z = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
18836
18850
  }, function (props) {
18837
- return props.size === 'medium' && css(_templateObject4$n || (_templateObject4$n = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
18851
+ return props.size === 'medium' && css(_templateObject4$o || (_templateObject4$o = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
18838
18852
  }, function (props) {
18839
18853
  return props.size === 'large' && css(_templateObject5$j || (_templateObject5$j = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
18840
18854
  });
18841
18855
 
18842
- var _templateObject$Z, _templateObject2$G, _templateObject3$z, _templateObject4$o, _templateObject5$k, _templateObject6$h, _templateObject7$h, _templateObject8$f;
18856
+ var _templateObject$Z, _templateObject2$G, _templateObject3$A, _templateObject4$p, _templateObject5$k, _templateObject6$h, _templateObject7$h, _templateObject8$f;
18843
18857
  var Container$d = styled.div(_templateObject$Z || (_templateObject$Z = _taggedTemplateLiteralLoose(["\n width: 100%;\n max-height: 100%;\n position: absolute;\n padding: 14px;\n"])));
18844
18858
  var Template2Container = styled(Container$d)(_templateObject2$G || (_templateObject2$G = _taggedTemplateLiteralLoose(["\n background: #fff;\n border: 2px solid #ebebeb;\n"])));
18845
- var Header$7 = styled.div(_templateObject3$z || (_templateObject3$z = _taggedTemplateLiteralLoose(["\n display: flex;\n"])));
18846
- var HeaderImage$1 = styled.div(_templateObject4$o || (_templateObject4$o = _taggedTemplateLiteralLoose(["\n width: 43px;\n height: 44px;\n background-color: #ebebeb;\n"])));
18859
+ var Header$7 = styled.div(_templateObject3$A || (_templateObject3$A = _taggedTemplateLiteralLoose(["\n display: flex;\n"])));
18860
+ var HeaderImage$1 = styled.div(_templateObject4$p || (_templateObject4$p = _taggedTemplateLiteralLoose(["\n width: 43px;\n height: 44px;\n background-color: #ebebeb;\n"])));
18847
18861
  var HeaderContent$1 = styled.div(_templateObject5$k || (_templateObject5$k = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n flex: 1;\n"])));
18848
18862
  var MainContent$1 = styled.div(_templateObject6$h || (_templateObject6$h = _taggedTemplateLiteralLoose(["\n margin-top: 8px;\n"])));
18849
18863
  var MainLine$1 = styled(HeaderLine$1)(_templateObject7$h || (_templateObject7$h = _taggedTemplateLiteralLoose(["\n margin-bottom: 14px;\n margin-left: 0;\n"])));
@@ -18870,10 +18884,10 @@ var Template2 = function Template2(props) {
18870
18884
  })));
18871
18885
  };
18872
18886
 
18873
- var _templateObject$_, _templateObject2$H, _templateObject3$A;
18887
+ var _templateObject$_, _templateObject2$H, _templateObject3$B;
18874
18888
  var Container$e = styled.div(_templateObject$_ || (_templateObject$_ = _taggedTemplateLiteralLoose(["\n width: 100%;\n max-height: 100%;\n position: absolute;\n padding: 14px;\n"])));
18875
18889
  var Template3Container = styled(Container$e)(_templateObject2$H || (_templateObject2$H = _taggedTemplateLiteralLoose([""])));
18876
- var Template3Line = styled(HeaderLine$1)(_templateObject3$A || (_templateObject3$A = _taggedTemplateLiteralLoose(["\n background-color: #dadada;\n height: ", ";\n"])), function (props) {
18890
+ var Template3Line = styled(HeaderLine$1)(_templateObject3$B || (_templateObject3$B = _taggedTemplateLiteralLoose(["\n background-color: #dadada;\n height: ", ";\n"])), function (props) {
18877
18891
  return props.height;
18878
18892
  });
18879
18893
 
@@ -18902,14 +18916,14 @@ var Template3 = function Template3(props) {
18902
18916
  }));
18903
18917
  };
18904
18918
 
18905
- var _templateObject$$, _templateObject2$I, _templateObject3$B, _templateObject4$p, _templateObject5$l, _templateObject6$i, _templateObject7$i, _templateObject8$g;
18919
+ var _templateObject$$, _templateObject2$I, _templateObject3$C, _templateObject4$q, _templateObject5$l, _templateObject6$i, _templateObject7$i, _templateObject8$g;
18906
18920
  var Container$f = styled.div(_templateObject$$ || (_templateObject$$ = _taggedTemplateLiteralLoose(["\n width: 100%;\n max-height: 100%;\n position: absolute;\n padding: 14px;\n"])));
18907
18921
  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) {
18908
18922
  return props.height;
18909
18923
  }, function (props) {
18910
- return props.size === 'mini' && css(_templateObject3$B || (_templateObject3$B = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
18924
+ return props.size === 'mini' && css(_templateObject3$C || (_templateObject3$C = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
18911
18925
  }, function (props) {
18912
- return props.size === 'small' && css(_templateObject4$p || (_templateObject4$p = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
18926
+ return props.size === 'small' && css(_templateObject4$q || (_templateObject4$q = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
18913
18927
  }, function (props) {
18914
18928
  return props.size === 'medium' && css(_templateObject5$l || (_templateObject5$l = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
18915
18929
  }, function (props) {
@@ -18969,13 +18983,13 @@ var Template4 = function Template4(props) {
18969
18983
  }));
18970
18984
  };
18971
18985
 
18972
- var _templateObject$10, _templateObject2$J, _templateObject3$C, _templateObject4$q, _templateObject5$m, _templateObject6$j, _templateObject7$j, _templateObject8$h, _templateObject9$e;
18986
+ var _templateObject$10, _templateObject2$J, _templateObject3$D, _templateObject4$r, _templateObject5$m, _templateObject6$j, _templateObject7$j, _templateObject8$h, _templateObject9$e;
18973
18987
  var Container$g = styled.div(_templateObject$10 || (_templateObject$10 = _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"])));
18974
18988
  var Circle = styled.div(_templateObject2$J || (_templateObject2$J = _taggedTemplateLiteralLoose(["\n width: 141px;\n height: 141px;\n background-color: #dddedf;\n border-radius: 50%;\n"])));
18975
- 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) {
18989
+ var HeaderLine$4 = styled.div(_templateObject3$D || (_templateObject3$D = _taggedTemplateLiteralLoose(["\n height: ", ";\n background-color: #ebebeb;\n margin-left: 7px;\n\n & + div {\n margin-top: 14px;\n }\n\n ", "\n ", "\n\n ", "\n\n ", "\n"])), function (props) {
18976
18990
  return props.height;
18977
18991
  }, function (props) {
18978
- return props.size === 'mini' && css(_templateObject4$q || (_templateObject4$q = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
18992
+ return props.size === 'mini' && css(_templateObject4$r || (_templateObject4$r = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
18979
18993
  }, function (props) {
18980
18994
  return props.size === 'small' && css(_templateObject5$m || (_templateObject5$m = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
18981
18995
  }, function (props) {
@@ -19017,11 +19031,11 @@ var Template5 = function Template5(props) {
19017
19031
  })));
19018
19032
  };
19019
19033
 
19020
- var _templateObject$11, _templateObject2$K, _templateObject3$D, _templateObject4$r, _templateObject5$n, _templateObject6$k, _templateObject7$k, _templateObject8$i, _templateObject9$f;
19034
+ var _templateObject$11, _templateObject2$K, _templateObject3$E, _templateObject4$s, _templateObject5$n, _templateObject6$k, _templateObject7$k, _templateObject8$i, _templateObject9$f;
19021
19035
  var Container$h = styled.div(_templateObject$11 || (_templateObject$11 = _taggedTemplateLiteralLoose(["\n width: 395px;\n\n display: flex;\n align-items: center;\n justify-content: space-between;\n background-color: #f5f5f5;\n"])));
19022
19036
  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"])));
19023
- var Footer$3 = styled.div(_templateObject3$D || (_templateObject3$D = _taggedTemplateLiteralLoose(["\n width: 100%;\n border-top: 1px solid #b1b1b3;\n height: 50px;\n"])));
19024
- var HeaderLine$5 = styled.div(_templateObject4$r || (_templateObject4$r = _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) {
19037
+ var Footer$3 = styled.div(_templateObject3$E || (_templateObject3$E = _taggedTemplateLiteralLoose(["\n width: 100%;\n border-top: 1px solid #b1b1b3;\n height: 50px;\n"])));
19038
+ var HeaderLine$5 = styled.div(_templateObject4$s || (_templateObject4$s = _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) {
19025
19039
  return props.height;
19026
19040
  }, function (props) {
19027
19041
  return props.size === 'mini' && css(_templateObject5$n || (_templateObject5$n = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
@@ -19060,13 +19074,13 @@ var Template6 = function Template6(props) {
19060
19074
  })));
19061
19075
  };
19062
19076
 
19063
- var _templateObject$12, _templateObject2$L, _templateObject3$E, _templateObject4$s, _templateObject5$o, _templateObject6$l, _templateObject7$l, _templateObject8$j, _templateObject9$g, _templateObject10$d;
19077
+ var _templateObject$12, _templateObject2$L, _templateObject3$F, _templateObject4$t, _templateObject5$o, _templateObject6$l, _templateObject7$l, _templateObject8$j, _templateObject9$g, _templateObject10$d;
19064
19078
  var Container$i = 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"])));
19065
19079
  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"])));
19066
- 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) {
19080
+ var HeaderLine$6 = 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) {
19067
19081
  return props.height;
19068
19082
  }, function (props) {
19069
- return props.size === 'mini' && css(_templateObject4$s || (_templateObject4$s = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
19083
+ return props.size === 'mini' && css(_templateObject4$t || (_templateObject4$t = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
19070
19084
  }, function (props) {
19071
19085
  return props.size === 'small' && css(_templateObject5$o || (_templateObject5$o = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
19072
19086
  }, function (props) {
@@ -19094,13 +19108,13 @@ var Template7 = function Template7(props) {
19094
19108
  })), 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)));
19095
19109
  };
19096
19110
 
19097
- var _templateObject$13, _templateObject2$M, _templateObject3$F, _templateObject4$t, _templateObject5$p, _templateObject6$m, _templateObject7$m, _templateObject8$k, _templateObject9$h;
19111
+ var _templateObject$13, _templateObject2$M, _templateObject3$G, _templateObject4$u, _templateObject5$p, _templateObject6$m, _templateObject7$m, _templateObject8$k, _templateObject9$h;
19098
19112
  var Container$j = styled.div(_templateObject$13 || (_templateObject$13 = _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"])));
19099
19113
  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"])));
19100
- 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) {
19114
+ var HeaderLine$7 = styled.div(_templateObject3$G || (_templateObject3$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) {
19101
19115
  return props.height;
19102
19116
  }, function (props) {
19103
- return props.size === 'mini' && css(_templateObject4$t || (_templateObject4$t = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
19117
+ return props.size === 'mini' && css(_templateObject4$u || (_templateObject4$u = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
19104
19118
  }, function (props) {
19105
19119
  return props.size === 'small' && css(_templateObject5$p || (_templateObject5$p = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
19106
19120
  }, function (props) {
@@ -19137,13 +19151,13 @@ var Template8 = function Template8(props) {
19137
19151
  })));
19138
19152
  };
19139
19153
 
19140
- var _templateObject$14, _templateObject2$N, _templateObject3$G, _templateObject4$u, _templateObject5$q, _templateObject6$n, _templateObject7$n, _templateObject8$l, _templateObject9$i, _templateObject10$e;
19154
+ var _templateObject$14, _templateObject2$N, _templateObject3$H, _templateObject4$v, _templateObject5$q, _templateObject6$n, _templateObject7$n, _templateObject8$l, _templateObject9$i, _templateObject10$e;
19141
19155
  var Container$k = 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"])));
19142
19156
  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"])));
19143
- 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) {
19157
+ var HeaderLine$8 = 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) {
19144
19158
  return props.height;
19145
19159
  }, function (props) {
19146
- return props.size === 'mini' && css(_templateObject4$u || (_templateObject4$u = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
19160
+ return props.size === 'mini' && css(_templateObject4$v || (_templateObject4$v = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
19147
19161
  }, function (props) {
19148
19162
  return props.size === 'small' && css(_templateObject5$q || (_templateObject5$q = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
19149
19163
  }, function (props) {
@@ -19176,13 +19190,13 @@ var Template8$1 = function Template8(props) {
19176
19190
  })), React__default.createElement(Main$4, null, React__default.createElement(Circle$2, null)));
19177
19191
  };
19178
19192
 
19179
- var _templateObject$15, _templateObject2$O, _templateObject3$H, _templateObject4$v, _templateObject5$r, _templateObject6$o, _templateObject7$o, _templateObject8$m, _templateObject9$j, _templateObject10$f, _templateObject11$8;
19193
+ var _templateObject$15, _templateObject2$O, _templateObject3$I, _templateObject4$w, _templateObject5$r, _templateObject6$o, _templateObject7$o, _templateObject8$m, _templateObject9$j, _templateObject10$f, _templateObject11$8;
19180
19194
  var Container$l = styled.div(_templateObject$15 || (_templateObject$15 = _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"])));
19181
19195
  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"])));
19182
- 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) {
19196
+ var HeaderLine$9 = styled.div(_templateObject3$I || (_templateObject3$I = _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) {
19183
19197
  return props.height;
19184
19198
  }, function (props) {
19185
- return props.size === 'mini' && css(_templateObject4$v || (_templateObject4$v = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
19199
+ return props.size === 'mini' && css(_templateObject4$w || (_templateObject4$w = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
19186
19200
  }, function (props) {
19187
19201
  return props.size === 'small' && css(_templateObject5$r || (_templateObject5$r = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
19188
19202
  }, function (props) {
@@ -19320,17 +19334,17 @@ var Placeholder = function Placeholder(props) {
19320
19334
  }
19321
19335
  };
19322
19336
 
19323
- var _templateObject$16, _templateObject2$P, _templateObject3$I, _templateObject4$w, _templateObject5$s, _templateObject6$p, _templateObject7$p;
19337
+ var _templateObject$16, _templateObject2$P, _templateObject3$J, _templateObject4$x, _templateObject5$s, _templateObject6$p, _templateObject7$p;
19324
19338
  var Container$m = styled.div(_templateObject$16 || (_templateObject$16 = _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"])));
19325
19339
  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) {
19326
19340
  return props.value + "%";
19327
19341
  }, function (props) {
19328
- return props.type === 'default' && css(_templateObject3$I || (_templateObject3$I = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n "])), function (_ref) {
19342
+ return props.type === 'default' && css(_templateObject3$J || (_templateObject3$J = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n "])), function (_ref) {
19329
19343
  var theme = _ref.theme;
19330
19344
  return theme.colors.warningGray;
19331
19345
  });
19332
19346
  }, function (props) {
19333
- return props.type === 'info' && css(_templateObject4$w || (_templateObject4$w = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n "])), function (_ref2) {
19347
+ return props.type === 'info' && css(_templateObject4$x || (_templateObject4$x = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n "])), function (_ref2) {
19334
19348
  var theme = _ref2.theme;
19335
19349
  return theme.colors.blue;
19336
19350
  });
@@ -19655,7 +19669,7 @@ var TabItem = function TabItem(props) {
19655
19669
  }));
19656
19670
  };
19657
19671
 
19658
- var _templateObject$1c, _templateObject2$S, _templateObject3$J, _templateObject4$x;
19672
+ var _templateObject$1c, _templateObject2$S, _templateObject3$K, _templateObject4$y;
19659
19673
  var delimiters = {
19660
19674
  blue: ['blue'],
19661
19675
  grey: ['warningGray']
@@ -19675,13 +19689,13 @@ var Tabs = styled.div(_templateObject2$S || (_templateObject2$S = _taggedTemplat
19675
19689
  bottom = _getSpacings$split[2],
19676
19690
  left = _getSpacings$split[3];
19677
19691
 
19678
- return css(_templateObject3$J || (_templateObject3$J = _taggedTemplateLiteralLoose(["\n margin: ", " 0 ", " 0;\n padding: 0 ", " 0 ", ";\n "])), top, bottom, right, left);
19692
+ return css(_templateObject3$K || (_templateObject3$K = _taggedTemplateLiteralLoose(["\n margin: ", " 0 ", " 0;\n padding: 0 ", " 0 ", ";\n "])), top, bottom, right, left);
19679
19693
  }, function (_ref2) {
19680
19694
  var theme = _ref2.theme,
19681
19695
  internal = _ref2.$internal,
19682
19696
  delimiter = _ref2.$delimiter;
19683
19697
  var border = delimiter === 'none' ? 'none' : internal ? "1px solid " + theme.getColor.apply(theme, delimiters[delimiter || 'grey']) : "2px solid " + theme.getColor.apply(theme, delimiters[delimiter || 'blue']);
19684
- return css(_templateObject4$x || (_templateObject4$x = _taggedTemplateLiteralLoose(["\n border-bottom: ", ";\n + ", " {\n border: 1px solid ", ";\n border-top-width: 0px;\n border-radius: 0px 0px 2px 2px;\n padding: ", ";\n }\n "])), border, ComponentContainer, theme.getColor.apply(theme, delimiters.grey), theme.spacings.s3);
19698
+ return css(_templateObject4$y || (_templateObject4$y = _taggedTemplateLiteralLoose(["\n border-bottom: ", ";\n + ", " {\n border: 1px solid ", ";\n border-top-width: 0px;\n border-radius: 0px 0px 2px 2px;\n padding: ", ";\n }\n "])), border, ComponentContainer, theme.getColor.apply(theme, delimiters.grey), theme.spacings.s3);
19685
19699
  });
19686
19700
 
19687
19701
  var VoidProvider = function VoidProvider(props) {
@@ -19790,15 +19804,15 @@ var TextArea = function TextArea(props) {
19790
19804
  return React__default.createElement(Container$q, Object.assign({}, props));
19791
19805
  };
19792
19806
 
19793
- var _templateObject$1e, _templateObject2$T, _templateObject3$K, _templateObject4$y, _templateObject5$t, _templateObject6$q;
19807
+ var _templateObject$1e, _templateObject2$T, _templateObject3$L, _templateObject4$z, _templateObject5$t, _templateObject6$q;
19794
19808
  var Container$r = styled.div(_templateObject$1e || (_templateObject$1e = _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) {
19795
19809
  return props.size === 'large' ? '837px' : '460px';
19796
19810
  }, function (props) {
19797
19811
  return props.color === 'success' && css(_templateObject2$T || (_templateObject2$T = _taggedTemplateLiteralLoose(["\n background-color: #fcfff5;\n opacity: 1;\n border-color: #a8c599;\n h4 {\n color: #1e561f;\n }\n p {\n color: #1e561fcc;\n }\n "])));
19798
19812
  }, function (props) {
19799
- 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 "])));
19813
+ return props.color === 'error' && css(_templateObject3$L || (_templateObject3$L = _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 "])));
19800
19814
  }, function (props) {
19801
- return props.color === 'warning' && css(_templateObject4$y || (_templateObject4$y = _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 "])));
19815
+ return props.color === 'warning' && css(_templateObject4$z || (_templateObject4$z = _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 "])));
19802
19816
  });
19803
19817
  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"])));
19804
19818
  var IconContent = styled.div(_templateObject6$q || (_templateObject6$q = _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"])));
@@ -19813,7 +19827,7 @@ var Toast = function Toast(props) {
19813
19827
  })), React__default.createElement(IconContent, null, React__default.createElement("h4", null, props.title), React__default.createElement("p", null, " ", props.description)));
19814
19828
  };
19815
19829
 
19816
- var _templateObject$1f, _templateObject2$U, _templateObject3$L, _templateObject4$z, _templateObject5$u;
19830
+ var _templateObject$1f, _templateObject2$U, _templateObject3$M, _templateObject4$A, _templateObject5$u;
19817
19831
  var Image = styled.img(_templateObject$1f || (_templateObject$1f = _taggedTemplateLiteralLoose(["\n max-width: 100%;\n max-height: 100%;\n"])));
19818
19832
  var Container$s = styled.div(_templateObject2$U || (_templateObject2$U = _taggedTemplateLiteralLoose(["\n position: relative;\n display: inline-flex;\n\n &,\n ", " {\n width: ", ";\n\n height: ", ";\n }\n"])), Image, function (_ref) {
19819
19833
  var width = _ref.width;
@@ -19842,11 +19856,11 @@ var Container$s = styled.div(_templateObject2$U || (_templateObject2$U = _tagged
19842
19856
  return 'auto';
19843
19857
  }
19844
19858
  });
19845
- var Dimmer = styled.div(_templateObject3$L || (_templateObject3$L = _taggedTemplateLiteralLoose(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: ", ";\n opacity: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n transition: opacity 0.5s;\n cursor: pointer;\n\n :hover {\n opacity: 1;\n }\n"])), function (_ref3) {
19859
+ var Dimmer = styled.div(_templateObject3$M || (_templateObject3$M = _taggedTemplateLiteralLoose(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: ", ";\n opacity: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n transition: opacity 0.5s;\n cursor: pointer;\n\n :hover {\n opacity: 1;\n }\n"])), function (_ref3) {
19846
19860
  var theme = _ref3.theme;
19847
19861
  return theme.getColor('greyishBlue', 50);
19848
19862
  });
19849
- var Button$6 = styled(Button$1)(_templateObject4$z || (_templateObject4$z = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n"])), function (_ref4) {
19863
+ var Button$6 = styled(Button$1)(_templateObject4$A || (_templateObject4$A = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n"])), function (_ref4) {
19850
19864
  var theme = _ref4.theme;
19851
19865
  return theme.getColor('white', 50);
19852
19866
  });