@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.js CHANGED
@@ -12479,9 +12479,12 @@ var Input$1 = React__default.forwardRef(function (props, ref) {
12479
12479
  var setValue = props.setValue || function () {};
12480
12480
 
12481
12481
  inputProps.onChange = function (event) {
12482
+ var start = event.target.selectionStart;
12483
+ var end = event.target.selectionEnd;
12482
12484
  event.target.value = mask(event.target.value);
12483
12485
  onChange(event);
12484
12486
  setValue(event.target.value);
12487
+ event.target.setSelectionRange(start, end);
12485
12488
  };
12486
12489
 
12487
12490
  if (inputProps.onKeyDown || onPressEnter) {
@@ -16159,21 +16162,27 @@ var Label$5 = styled__default.label(_templateObject$y || (_templateObject$y = _t
16159
16162
  return required && !viewMode && styled.css(_templateObject5$b || (_templateObject5$b = _taggedTemplateLiteralLoose(["\n :after {\n content: ' *';\n }\n "])));
16160
16163
  }, NavBar);
16161
16164
 
16162
- var _templateObject$z, _templateObject2$r;
16163
- var Marker = styled__default.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) {
16164
- var left = _ref.left;
16165
+ var _templateObject$z, _templateObject2$r, _templateObject3$m, _templateObject4$f;
16166
+ var Marker = styled__default.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) {
16167
+ var left = _ref.$left;
16165
16168
  return left;
16166
16169
  }, function (_ref2) {
16167
- var bullet = _ref2.bullet,
16168
- theme = _ref2.theme;
16170
+ var firstChild = _ref2.$firstChild;
16171
+ return firstChild && styled.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 "])));
16172
+ }, function (_ref3) {
16173
+ var lastChild = _ref3.$lastChild;
16174
+ return lastChild && styled.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 "])));
16175
+ }, function (_ref4) {
16176
+ var bullet = _ref4.$bullet,
16177
+ theme = _ref4.theme;
16169
16178
  if (!bullet) return;
16170
- return styled.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));
16179
+ return styled.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));
16171
16180
  });
16172
16181
 
16173
16182
  var _templateObject$A;
16174
16183
  var MinMaxLabelContainer = styled__default.div(_templateObject$A || (_templateObject$A = _taggedTemplateLiteralLoose(["\n display: flex;\n padding-bottom: 2px;\n"])));
16175
16184
 
16176
- var _templateObject$B, _templateObject2$s, _templateObject3$m;
16185
+ var _templateObject$B, _templateObject2$s, _templateObject3$n;
16177
16186
  var LabelsContainer = styled__default.div(_templateObject$B || (_templateObject$B = _taggedTemplateLiteralLoose(["\n display: flex;\n gap: 7px;\n\n ", "\n"])), function (_ref) {
16178
16187
  var position = _ref.position;
16179
16188
 
@@ -16181,7 +16190,7 @@ var LabelsContainer = styled__default.div(_templateObject$B || (_templateObject$
16181
16190
  return styled.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);
16182
16191
  }
16183
16192
 
16184
- return styled.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);
16193
+ return styled.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);
16185
16194
  });
16186
16195
 
16187
16196
  var _templateObject$C;
@@ -16228,8 +16237,9 @@ var getMarkers = function getMarkers(props) {
16228
16237
  };
16229
16238
  }
16230
16239
 
16231
- var _min = _markers[0].value;
16232
- var _max = _markers[_markers.length - 1].value;
16240
+ var _min = 'min' in props.markers && props.markers.min !== undefined ? props.markers.min : _markers[0].value;
16241
+
16242
+ var _max = 'max' in props.markers && props.markers.max !== undefined ? props.markers.max : _markers[_markers.length - 1].value;
16233
16243
 
16234
16244
  var _step = props.step ? parseFloat("" + props.step) : _markers[1].value - _markers[0].value;
16235
16245
 
@@ -16317,7 +16327,7 @@ var Range = React__default.forwardRef(function (props, ref) {
16317
16327
  var spans = value - min;
16318
16328
 
16319
16329
  if (value < min || value > max) {
16320
- throw new Error('Invalid value');
16330
+ throw new Error("Value must be between \"" + min + "\" and \"" + max + "\". \"" + value + "\" given");
16321
16331
  }
16322
16332
 
16323
16333
  var getValue = strict ? function (v) {
@@ -16406,12 +16416,16 @@ var Range = React__default.forwardRef(function (props, ref) {
16406
16416
  }, minLabel && React__default.createElement(MinMaxLabelContainer, null, minLabel), React__default.createElement(InputContainer$1, {
16407
16417
  invalid: invalid ? 1 : 0
16408
16418
  }, markers.length > 0 && React__default.createElement(MarkersContainer, null, markers.map(function (marker, index) {
16409
- var left = getMarkerLeft(markers.length, range, index, marker.value, min, strict);
16410
- var bullet = strict || marker.value > currentValue && marker.value < max ? 1 : 0;
16419
+ var firstChild = strict || min === markers[0].value;
16420
+ var lastChild = strict || max === markers[markers.length - 1].value;
16421
+ var left = getMarkerLeft(markers.length + (firstChild ? 0 : 1) + (lastChild ? 0 : 1), range, index + (firstChild ? 0 : 1), marker.value, min, strict);
16422
+ var bullet = strict || marker.value > currentValue && marker.value < max;
16411
16423
  return React__default.createElement(Marker, {
16412
16424
  key: index,
16413
- left: left,
16414
- bullet: bullet
16425
+ "$left": left,
16426
+ "$bullet": bullet,
16427
+ "$firstChild": firstChild,
16428
+ "$lastChild": lastChild
16415
16429
  }, marker.label);
16416
16430
  })), React__default.createElement("div", null, React__default.createElement(Input$2, Object.assign({
16417
16431
  ref: ref
@@ -16455,7 +16469,7 @@ var Range = React__default.forwardRef(function (props, ref) {
16455
16469
  });
16456
16470
  Range.displayName = 'input';
16457
16471
 
16458
- var _templateObject$E, _templateObject2$t, _templateObject3$n, _templateObject4$f, _templateObject5$c, _templateObject6$a, _templateObject7$a;
16472
+ var _templateObject$E, _templateObject2$t, _templateObject3$o, _templateObject4$g, _templateObject5$c, _templateObject6$a, _templateObject7$a;
16459
16473
  var LabelContainer$5 = styled__default.div(_templateObject$E || (_templateObject$E = _taggedTemplateLiteralLoose(["\n ", "\n display: flex;\n align-items: center;\n"])), function (_ref) {
16460
16474
  var theme = _ref.theme;
16461
16475
  return theme.useTypography('p');
@@ -16467,10 +16481,10 @@ var Label$6 = styled__default.label(_templateObject2$t || (_templateObject2$t =
16467
16481
  var disabled = _ref3.disabled;
16468
16482
 
16469
16483
  if (!disabled) {
16470
- return styled.css(_templateObject3$n || (_templateObject3$n = _taggedTemplateLiteralLoose(["\n > span {\n cursor: pointer;\n }\n "])));
16484
+ return styled.css(_templateObject3$o || (_templateObject3$o = _taggedTemplateLiteralLoose(["\n > span {\n cursor: pointer;\n }\n "])));
16471
16485
  }
16472
16486
 
16473
- return styled.css(_templateObject4$f || (_templateObject4$f = _taggedTemplateLiteralLoose(["\n opacity: 0.5;\n "])));
16487
+ return styled.css(_templateObject4$g || (_templateObject4$g = _taggedTemplateLiteralLoose(["\n opacity: 0.5;\n "])));
16474
16488
  }, function (_ref4) {
16475
16489
  var required = _ref4.required;
16476
16490
  if (!required) return;
@@ -16704,7 +16718,7 @@ var parse = function parse(value) {
16704
16718
  });
16705
16719
  };
16706
16720
 
16707
- 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;
16721
+ 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;
16708
16722
  var RelativeContainer$5 = styled__default.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"])));
16709
16723
  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) {
16710
16724
  var theme = _ref.theme;
@@ -16712,14 +16726,14 @@ var LabelContainer$6 = styled__default.div(_templateObject2$u || (_templateObjec
16712
16726
  }, function (_ref2) {
16713
16727
  var children = _ref2.children;
16714
16728
  if (children) return;
16715
- return styled.css(_templateObject3$o || (_templateObject3$o = _taggedTemplateLiteralLoose(["\n :after {\n content: '--/--/-- (--:--) \xE0 --/--/-- (--:--)';\n color: ", ";\n }\n "])), function (_ref3) {
16729
+ return styled.css(_templateObject3$p || (_templateObject3$p = _taggedTemplateLiteralLoose(["\n :after {\n content: '--/--/-- (--:--) \xE0 --/--/-- (--:--)';\n color: ", ";\n }\n "])), function (_ref3) {
16716
16730
  var theme = _ref3.theme;
16717
16731
  return theme.colors.darkGrey;
16718
16732
  });
16719
16733
  }, function (_ref4) {
16720
16734
  var onClick = _ref4.onClick;
16721
16735
  if (!onClick) return;
16722
- return styled.css(_templateObject4$g || (_templateObject4$g = _taggedTemplateLiteralLoose(["\n :not(:disabled) {\n cursor: pointer;\n }\n "])));
16736
+ return styled.css(_templateObject4$h || (_templateObject4$h = _taggedTemplateLiteralLoose(["\n :not(:disabled) {\n cursor: pointer;\n }\n "])));
16723
16737
  });
16724
16738
  var Container$6 = styled__default.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) {
16725
16739
  var theme = _ref5.theme;
@@ -17104,7 +17118,7 @@ var Tag$1 = function Tag$1(props) {
17104
17118
  })));
17105
17119
  };
17106
17120
 
17107
- var _templateObject$J, _templateObject2$w, _templateObject3$p;
17121
+ var _templateObject$J, _templateObject2$w, _templateObject3$q;
17108
17122
  var Label$9 = styled__default.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) {
17109
17123
  var theme = _ref.theme;
17110
17124
  return theme.useTypography('p');
@@ -17119,7 +17133,7 @@ var Label$9 = styled__default.label(_templateObject$J || (_templateObject$J = _t
17119
17133
  if (!disabled) return;
17120
17134
  return styled.css(_templateObject2$w || (_templateObject2$w = _taggedTemplateLiteralLoose(["\n opacity: 0.5;\n "])));
17121
17135
  });
17122
- var TagContainer = styled__default.div(_templateObject3$p || (_templateObject3$p = _taggedTemplateLiteralLoose(["\n border-width: 1px;\n border-style: solid;\n border-color: ", ";\n border-radius: 4px;\n display: flex;\n flex-wrap: wrap;\n gap: calc(", " / 2);\n padding: ", ";\n"])), function (_ref5) {
17136
+ var TagContainer = styled__default.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) {
17123
17137
  var theme = _ref5.theme,
17124
17138
  invalid = _ref5.invalid;
17125
17139
  return theme.colors[invalid ? 'warningRed' : 'lightGrey'];
@@ -17601,7 +17615,7 @@ var Input$5 = Object.assign(Component$2, {
17601
17615
  getPhoneDetails: Phone.getPhoneDetails
17602
17616
  });
17603
17617
 
17604
- var _templateObject$L, _templateObject2$x, _templateObject3$q, _templateObject4$h;
17618
+ var _templateObject$L, _templateObject2$x, _templateObject3$r, _templateObject4$i;
17605
17619
  var Container$7 = styled__default(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) {
17606
17620
  var theme = _ref.theme;
17607
17621
  return theme.colors.white;
@@ -17616,7 +17630,7 @@ var Header$3 = styled__default.div(_templateObject2$x || (_templateObject2$x = _
17616
17630
  var s3 = _ref4.theme.spacings.s3;
17617
17631
  return "0 " + s3 + " " + s3 + " 0";
17618
17632
  });
17619
- var Title = styled__default.div(_templateObject3$q || (_templateObject3$q = _taggedTemplateLiteralLoose(["\n ", "\n color: ", ";\n"])), function (_ref5) {
17633
+ var Title = styled__default.div(_templateObject3$r || (_templateObject3$r = _taggedTemplateLiteralLoose(["\n ", "\n color: ", ";\n"])), function (_ref5) {
17620
17634
  var useTypography = _ref5.theme.useTypography;
17621
17635
  return useTypography('p', {
17622
17636
  fontWeight: 'bold'
@@ -17625,7 +17639,7 @@ var Title = styled__default.div(_templateObject3$q || (_templateObject3$q = _tag
17625
17639
  var getColor = _ref6.theme.getColor;
17626
17640
  return getColor('greyishBlue', 50);
17627
17641
  });
17628
- var Item = styled__default.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) {
17642
+ var Item = styled__default.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) {
17629
17643
  var s1 = _ref7.theme.spacings.s1;
17630
17644
  return s1 + " " + s1 + " " + s1 + " 0";
17631
17645
  }, function (_ref8) {
@@ -17739,7 +17753,7 @@ var AppliedFiltersMenu = function AppliedFiltersMenu(props) {
17739
17753
  }))));
17740
17754
  };
17741
17755
 
17742
- var _templateObject$M, _templateObject2$y, _templateObject3$r;
17756
+ var _templateObject$M, _templateObject2$y, _templateObject3$s;
17743
17757
  var Container$8 = styled__default.div(_templateObject$M || (_templateObject$M = _taggedTemplateLiteralLoose(["\n display: flex;\n gap: ", ";\n align-items: center;\n color: ", ";\n\n ", "\n"])), function (_ref) {
17744
17758
  var theme = _ref.theme,
17745
17759
  gap = _ref.$gap;
@@ -17754,7 +17768,7 @@ var Container$8 = styled__default.div(_templateObject$M || (_templateObject$M =
17754
17768
  return styled.css(_templateObject2$y || (_templateObject2$y = _taggedTemplateLiteralLoose(["\n opacity: 0.3;\n pointer-events: none;\n "])));
17755
17769
  }
17756
17770
 
17757
- return styled.css(_templateObject3$r || (_templateObject3$r = _taggedTemplateLiteralLoose(["\n cursor: pointer;\n "])));
17771
+ return styled.css(_templateObject3$s || (_templateObject3$s = _taggedTemplateLiteralLoose(["\n cursor: pointer;\n "])));
17758
17772
  });
17759
17773
 
17760
17774
  var Button$5 = function Button(props) {
@@ -17806,13 +17820,13 @@ var AppliedFilters = Object.assign(function (props) {
17806
17820
  Menu: AppliedFiltersMenu
17807
17821
  });
17808
17822
 
17809
- var _templateObject$N, _templateObject2$z, _templateObject3$s, _templateObject4$i, _templateObject5$e, _templateObject6$c, _templateObject7$c, _templateObject8$a, _templateObject9$9, _templateObject10$8;
17823
+ var _templateObject$N, _templateObject2$z, _templateObject3$t, _templateObject4$j, _templateObject5$e, _templateObject6$c, _templateObject7$c, _templateObject8$a, _templateObject9$9, _templateObject10$8;
17810
17824
  var Container$9 = styled__default.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) {
17811
17825
  return props.size === 'mini' && styled.css(_templateObject2$z || (_templateObject2$z = _taggedTemplateLiteralLoose(["\n width: 394px;\n height: 99px;\n "])));
17812
17826
  }, function (props) {
17813
- return props.size === 'small' && styled.css(_templateObject3$s || (_templateObject3$s = _taggedTemplateLiteralLoose(["\n width: 394px;\n height: 131px;\n "])));
17827
+ return props.size === 'small' && styled.css(_templateObject3$t || (_templateObject3$t = _taggedTemplateLiteralLoose(["\n width: 394px;\n height: 131px;\n "])));
17814
17828
  }, function (props) {
17815
- return props.size === 'medium' && styled.css(_templateObject4$i || (_templateObject4$i = _taggedTemplateLiteralLoose(["\n width: 394px;\n "])));
17829
+ return props.size === 'medium' && styled.css(_templateObject4$j || (_templateObject4$j = _taggedTemplateLiteralLoose(["\n width: 394px;\n "])));
17816
17830
  }, function (props) {
17817
17831
  return props.size === 'big' && styled.css(_templateObject5$e || (_templateObject5$e = _taggedTemplateLiteralLoose(["\n width: 414px;\n height: 324px;\n "])));
17818
17832
  }, function (props) {
@@ -18251,7 +18265,7 @@ var useContext$3 = function useContext() {
18251
18265
  return React__default.useContext(Provider$3);
18252
18266
  };
18253
18267
 
18254
- 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;
18268
+ 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;
18255
18269
  var aligns = {
18256
18270
  self: {
18257
18271
  horizontal: {
@@ -18286,11 +18300,11 @@ var Col = styled__default.div(_templateObject$Q || (_templateObject$Q = _taggedT
18286
18300
  if (width === undefined) {
18287
18301
  return styled.css(_templateObject2$A || (_templateObject2$A = _taggedTemplateLiteralLoose(["\n flex-basis: 0;\n flex-grow: 1;\n max-width: 100%;\n width: 100%;\n "])));
18288
18302
  } else if (width === 'auto') {
18289
- return styled.css(_templateObject3$t || (_templateObject3$t = _taggedTemplateLiteralLoose(["\n flex: 0 0 auto;\n width: auto;\n max-width: none;\n "])));
18303
+ return styled.css(_templateObject3$u || (_templateObject3$u = _taggedTemplateLiteralLoose(["\n flex: 0 0 auto;\n width: auto;\n max-width: none;\n "])));
18290
18304
  }
18291
18305
 
18292
18306
  var w = parseFloat(width) * 100 / 12;
18293
- return styled.css(_templateObject4$j || (_templateObject4$j = _taggedTemplateLiteralLoose(["\n flex: 0 0 ", "%;\n max-width: ", "%;\n width: 100%;\n "])), w, w);
18307
+ return styled.css(_templateObject4$k || (_templateObject4$k = _taggedTemplateLiteralLoose(["\n flex: 0 0 ", "%;\n max-width: ", "%;\n width: 100%;\n "])), w, w);
18294
18308
  }, function (_ref2) {
18295
18309
  var spacing = _ref2.spacing;
18296
18310
  var padding = getSpacings(spacing === undefined ? 's1' : spacing);
@@ -18388,7 +18402,7 @@ var useContext$4 = function useContext() {
18388
18402
  return React__default.useContext(Provider$4);
18389
18403
  };
18390
18404
 
18391
- var _templateObject$R, _templateObject2$B, _templateObject3$u;
18405
+ var _templateObject$R, _templateObject2$B, _templateObject3$v;
18392
18406
  var Grid = styled__default.div(_templateObject$R || (_templateObject$R = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n width: 100%;\n\n ", "\n\n ", "\n"])), function (_ref) {
18393
18407
  var spacing = _ref.spacing;
18394
18408
  if (spacing === undefined) return;
@@ -18398,7 +18412,7 @@ var Grid = styled__default.div(_templateObject$R || (_templateObject$R = _tagged
18398
18412
  var borderless = _ref2.borderless,
18399
18413
  lightestGrey = _ref2.theme.colors.lightestGrey;
18400
18414
  if (borderless) return;
18401
- return styled.css(_templateObject3$u || (_templateObject3$u = _taggedTemplateLiteralLoose(["\n border: 1px solid ", ";\n "])), lightestGrey);
18415
+ return styled.css(_templateObject3$v || (_templateObject3$v = _taggedTemplateLiteralLoose(["\n border: 1px solid ", ";\n "])), lightestGrey);
18402
18416
  });
18403
18417
 
18404
18418
  var Grid$1 = React__default.forwardRef(function (props, ref) {
@@ -18416,7 +18430,7 @@ var Grid$1 = React__default.forwardRef(function (props, ref) {
18416
18430
  });
18417
18431
  Grid$1.displayName = 'Grid';
18418
18432
 
18419
- var _templateObject$S, _templateObject2$C, _templateObject3$v, _templateObject4$k, _templateObject5$g, _templateObject6$e, _templateObject7$e, _templateObject8$c, _templateObject9$b, _templateObject10$a;
18433
+ var _templateObject$S, _templateObject2$C, _templateObject3$w, _templateObject4$l, _templateObject5$g, _templateObject6$e, _templateObject7$e, _templateObject8$c, _templateObject9$b, _templateObject10$a;
18420
18434
  var horizontalAligns = {
18421
18435
  around: 'space-around',
18422
18436
  between: 'space-between',
@@ -18437,11 +18451,11 @@ var Row = styled__default.div(_templateObject$S || (_templateObject$S = _taggedT
18437
18451
  }, function (_ref2) {
18438
18452
  var spacingAround = _ref2.spacingAround;
18439
18453
  if (spacingAround) return;
18440
- return styled.css(_templateObject3$v || (_templateObject3$v = _taggedTemplateLiteralLoose(["\n :first-child {\n padding-top: 0;\n }\n :last-child {\n padding-bottom: 0;\n }\n "])));
18454
+ return styled.css(_templateObject3$w || (_templateObject3$w = _taggedTemplateLiteralLoose(["\n :first-child {\n padding-top: 0;\n }\n :last-child {\n padding-bottom: 0;\n }\n "])));
18441
18455
  }, function (_ref3) {
18442
18456
  var horizontalAlign = _ref3.horizontalAlign;
18443
18457
  if (horizontalAlign === undefined) return;
18444
- return styled.css(_templateObject4$k || (_templateObject4$k = _taggedTemplateLiteralLoose(["\n justify-content: ", ";\n "])), horizontalAligns[horizontalAlign]);
18458
+ return styled.css(_templateObject4$l || (_templateObject4$l = _taggedTemplateLiteralLoose(["\n justify-content: ", ";\n "])), horizontalAligns[horizontalAlign]);
18445
18459
  }, function (_ref4) {
18446
18460
  var verticalAlign = _ref4.verticalAlign;
18447
18461
  if (verticalAlign === undefined) return;
@@ -18547,18 +18561,18 @@ var widths = {
18547
18561
  default: '642.5px'
18548
18562
  };
18549
18563
 
18550
- var _templateObject$T, _templateObject2$D, _templateObject3$w, _templateObject4$l, _templateObject5$h, _templateObject6$f, _templateObject7$f, _templateObject8$d, _templateObject9$c, _templateObject10$b;
18564
+ var _templateObject$T, _templateObject2$D, _templateObject3$x, _templateObject4$m, _templateObject5$h, _templateObject6$f, _templateObject7$f, _templateObject8$d, _templateObject9$c, _templateObject10$b;
18551
18565
  var Background = styled__default.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) {
18552
18566
  var theme = _ref.theme;
18553
18567
  return theme.getColor('black', 25);
18554
18568
  });
18555
18569
  var Content = styled__default.div(_templateObject2$D || (_templateObject2$D = _taggedTemplateLiteralLoose(["\n flex: 1;\n position: relative;\n"])));
18556
- var Header$5 = styled__default.div(_templateObject3$w || (_templateObject3$w = _taggedTemplateLiteralLoose(["\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n\n ", "\n"])), function (_ref2) {
18570
+ var Header$5 = styled__default.div(_templateObject3$x || (_templateObject3$x = _taggedTemplateLiteralLoose(["\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n\n ", "\n"])), function (_ref2) {
18557
18571
  var _ref2$theme = _ref2.theme,
18558
18572
  colors = _ref2$theme.colors,
18559
18573
  spacings = _ref2$theme.spacings,
18560
18574
  useTypography = _ref2$theme.useTypography;
18561
- return styled.css(_templateObject4$l || (_templateObject4$l = _taggedTemplateLiteralLoose(["\n border-bottom: 1px solid ", ";\n padding: ", ";\n\n ", "\n "])), colors.lightestGrey, spacings.s4, useTypography('h1'));
18575
+ return styled.css(_templateObject4$m || (_templateObject4$m = _taggedTemplateLiteralLoose(["\n border-bottom: 1px solid ", ";\n padding: ", ";\n\n ", "\n "])), colors.lightestGrey, spacings.s4, useTypography('h1'));
18562
18576
  });
18563
18577
  var Footer$2 = styled__default.div(_templateObject5$h || (_templateObject5$h = _taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n\n ", "\n"])), function (_ref3) {
18564
18578
  var _ref3$theme = _ref3.theme,
@@ -18777,11 +18791,11 @@ var Modal$1 = Object.assign(Modal, {
18777
18791
  Audit: Audit
18778
18792
  });
18779
18793
 
18780
- var _templateObject$X, _templateObject2$E, _templateObject3$x, _templateObject4$m, _templateObject5$i, _templateObject6$g, _templateObject7$g, _templateObject8$e, _templateObject9$d, _templateObject10$c, _templateObject11$7;
18794
+ var _templateObject$X, _templateObject2$E, _templateObject3$y, _templateObject4$n, _templateObject5$i, _templateObject6$g, _templateObject7$g, _templateObject8$e, _templateObject9$d, _templateObject10$c, _templateObject11$7;
18781
18795
  var Container$c = styled__default.div(_templateObject$X || (_templateObject$X = _taggedTemplateLiteralLoose(["\n width: 100%;\n height: 300px;\n position: absolute;\n padding: 14px;\n"])));
18782
18796
  var Header$6 = styled__default.div(_templateObject2$E || (_templateObject2$E = _taggedTemplateLiteralLoose(["\n display: flex;\n"])));
18783
- var HeaderImage = styled__default.div(_templateObject3$x || (_templateObject3$x = _taggedTemplateLiteralLoose(["\n width: 43px;\n height: 44px;\n background-color: #ebebeb;\n"])));
18784
- var HeaderContent = styled__default.div(_templateObject4$m || (_templateObject4$m = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n flex: 1;\n"])));
18797
+ var HeaderImage = styled__default.div(_templateObject3$y || (_templateObject3$y = _taggedTemplateLiteralLoose(["\n width: 43px;\n height: 44px;\n background-color: #ebebeb;\n"])));
18798
+ var HeaderContent = styled__default.div(_templateObject4$n || (_templateObject4$n = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n flex: 1;\n"])));
18785
18799
  var MainContent = styled__default.div(_templateObject5$i || (_templateObject5$i = _taggedTemplateLiteralLoose(["\n margin-top: 8px;\n"])));
18786
18800
  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) {
18787
18801
  return props.height;
@@ -18829,24 +18843,24 @@ var Template1 = function Template1(props) {
18829
18843
  })));
18830
18844
  };
18831
18845
 
18832
- var _templateObject$Y, _templateObject2$F, _templateObject3$y, _templateObject4$n, _templateObject5$j;
18846
+ var _templateObject$Y, _templateObject2$F, _templateObject3$z, _templateObject4$o, _templateObject5$j;
18833
18847
  var HeaderLine$1 = styled__default.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) {
18834
18848
  return props.height;
18835
18849
  }, function (props) {
18836
18850
  return props.size === 'mini' && styled.css(_templateObject2$F || (_templateObject2$F = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
18837
18851
  }, function (props) {
18838
- return props.size === 'small' && styled.css(_templateObject3$y || (_templateObject3$y = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
18852
+ return props.size === 'small' && styled.css(_templateObject3$z || (_templateObject3$z = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
18839
18853
  }, function (props) {
18840
- return props.size === 'medium' && styled.css(_templateObject4$n || (_templateObject4$n = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
18854
+ return props.size === 'medium' && styled.css(_templateObject4$o || (_templateObject4$o = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
18841
18855
  }, function (props) {
18842
18856
  return props.size === 'large' && styled.css(_templateObject5$j || (_templateObject5$j = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
18843
18857
  });
18844
18858
 
18845
- var _templateObject$Z, _templateObject2$G, _templateObject3$z, _templateObject4$o, _templateObject5$k, _templateObject6$h, _templateObject7$h, _templateObject8$f;
18859
+ var _templateObject$Z, _templateObject2$G, _templateObject3$A, _templateObject4$p, _templateObject5$k, _templateObject6$h, _templateObject7$h, _templateObject8$f;
18846
18860
  var Container$d = styled__default.div(_templateObject$Z || (_templateObject$Z = _taggedTemplateLiteralLoose(["\n width: 100%;\n max-height: 100%;\n position: absolute;\n padding: 14px;\n"])));
18847
18861
  var Template2Container = styled__default(Container$d)(_templateObject2$G || (_templateObject2$G = _taggedTemplateLiteralLoose(["\n background: #fff;\n border: 2px solid #ebebeb;\n"])));
18848
- var Header$7 = styled__default.div(_templateObject3$z || (_templateObject3$z = _taggedTemplateLiteralLoose(["\n display: flex;\n"])));
18849
- var HeaderImage$1 = styled__default.div(_templateObject4$o || (_templateObject4$o = _taggedTemplateLiteralLoose(["\n width: 43px;\n height: 44px;\n background-color: #ebebeb;\n"])));
18862
+ var Header$7 = styled__default.div(_templateObject3$A || (_templateObject3$A = _taggedTemplateLiteralLoose(["\n display: flex;\n"])));
18863
+ var HeaderImage$1 = styled__default.div(_templateObject4$p || (_templateObject4$p = _taggedTemplateLiteralLoose(["\n width: 43px;\n height: 44px;\n background-color: #ebebeb;\n"])));
18850
18864
  var HeaderContent$1 = styled__default.div(_templateObject5$k || (_templateObject5$k = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n flex: 1;\n"])));
18851
18865
  var MainContent$1 = styled__default.div(_templateObject6$h || (_templateObject6$h = _taggedTemplateLiteralLoose(["\n margin-top: 8px;\n"])));
18852
18866
  var MainLine$1 = styled__default(HeaderLine$1)(_templateObject7$h || (_templateObject7$h = _taggedTemplateLiteralLoose(["\n margin-bottom: 14px;\n margin-left: 0;\n"])));
@@ -18873,10 +18887,10 @@ var Template2 = function Template2(props) {
18873
18887
  })));
18874
18888
  };
18875
18889
 
18876
- var _templateObject$_, _templateObject2$H, _templateObject3$A;
18890
+ var _templateObject$_, _templateObject2$H, _templateObject3$B;
18877
18891
  var Container$e = styled__default.div(_templateObject$_ || (_templateObject$_ = _taggedTemplateLiteralLoose(["\n width: 100%;\n max-height: 100%;\n position: absolute;\n padding: 14px;\n"])));
18878
18892
  var Template3Container = styled__default(Container$e)(_templateObject2$H || (_templateObject2$H = _taggedTemplateLiteralLoose([""])));
18879
- var Template3Line = styled__default(HeaderLine$1)(_templateObject3$A || (_templateObject3$A = _taggedTemplateLiteralLoose(["\n background-color: #dadada;\n height: ", ";\n"])), function (props) {
18893
+ var Template3Line = styled__default(HeaderLine$1)(_templateObject3$B || (_templateObject3$B = _taggedTemplateLiteralLoose(["\n background-color: #dadada;\n height: ", ";\n"])), function (props) {
18880
18894
  return props.height;
18881
18895
  });
18882
18896
 
@@ -18905,14 +18919,14 @@ var Template3 = function Template3(props) {
18905
18919
  }));
18906
18920
  };
18907
18921
 
18908
- var _templateObject$$, _templateObject2$I, _templateObject3$B, _templateObject4$p, _templateObject5$l, _templateObject6$i, _templateObject7$i, _templateObject8$g;
18922
+ var _templateObject$$, _templateObject2$I, _templateObject3$C, _templateObject4$q, _templateObject5$l, _templateObject6$i, _templateObject7$i, _templateObject8$g;
18909
18923
  var Container$f = styled__default.div(_templateObject$$ || (_templateObject$$ = _taggedTemplateLiteralLoose(["\n width: 100%;\n max-height: 100%;\n position: absolute;\n padding: 14px;\n"])));
18910
18924
  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) {
18911
18925
  return props.height;
18912
18926
  }, function (props) {
18913
- return props.size === 'mini' && styled.css(_templateObject3$B || (_templateObject3$B = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
18927
+ return props.size === 'mini' && styled.css(_templateObject3$C || (_templateObject3$C = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
18914
18928
  }, function (props) {
18915
- return props.size === 'small' && styled.css(_templateObject4$p || (_templateObject4$p = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
18929
+ return props.size === 'small' && styled.css(_templateObject4$q || (_templateObject4$q = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
18916
18930
  }, function (props) {
18917
18931
  return props.size === 'medium' && styled.css(_templateObject5$l || (_templateObject5$l = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
18918
18932
  }, function (props) {
@@ -18972,13 +18986,13 @@ var Template4 = function Template4(props) {
18972
18986
  }));
18973
18987
  };
18974
18988
 
18975
- var _templateObject$10, _templateObject2$J, _templateObject3$C, _templateObject4$q, _templateObject5$m, _templateObject6$j, _templateObject7$j, _templateObject8$h, _templateObject9$e;
18989
+ var _templateObject$10, _templateObject2$J, _templateObject3$D, _templateObject4$r, _templateObject5$m, _templateObject6$j, _templateObject7$j, _templateObject8$h, _templateObject9$e;
18976
18990
  var Container$g = styled__default.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"])));
18977
18991
  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"])));
18978
- 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) {
18992
+ var HeaderLine$4 = styled__default.div(_templateObject3$D || (_templateObject3$D = _taggedTemplateLiteralLoose(["\n height: ", ";\n background-color: #ebebeb;\n margin-left: 7px;\n\n & + div {\n margin-top: 14px;\n }\n\n ", "\n ", "\n\n ", "\n\n ", "\n"])), function (props) {
18979
18993
  return props.height;
18980
18994
  }, function (props) {
18981
- return props.size === 'mini' && styled.css(_templateObject4$q || (_templateObject4$q = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
18995
+ return props.size === 'mini' && styled.css(_templateObject4$r || (_templateObject4$r = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
18982
18996
  }, function (props) {
18983
18997
  return props.size === 'small' && styled.css(_templateObject5$m || (_templateObject5$m = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
18984
18998
  }, function (props) {
@@ -19020,11 +19034,11 @@ var Template5 = function Template5(props) {
19020
19034
  })));
19021
19035
  };
19022
19036
 
19023
- var _templateObject$11, _templateObject2$K, _templateObject3$D, _templateObject4$r, _templateObject5$n, _templateObject6$k, _templateObject7$k, _templateObject8$i, _templateObject9$f;
19037
+ var _templateObject$11, _templateObject2$K, _templateObject3$E, _templateObject4$s, _templateObject5$n, _templateObject6$k, _templateObject7$k, _templateObject8$i, _templateObject9$f;
19024
19038
  var Container$h = styled__default.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"])));
19025
19039
  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"])));
19026
- var Footer$3 = styled__default.div(_templateObject3$D || (_templateObject3$D = _taggedTemplateLiteralLoose(["\n width: 100%;\n border-top: 1px solid #b1b1b3;\n height: 50px;\n"])));
19027
- var HeaderLine$5 = styled__default.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) {
19040
+ var Footer$3 = styled__default.div(_templateObject3$E || (_templateObject3$E = _taggedTemplateLiteralLoose(["\n width: 100%;\n border-top: 1px solid #b1b1b3;\n height: 50px;\n"])));
19041
+ var HeaderLine$5 = styled__default.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) {
19028
19042
  return props.height;
19029
19043
  }, function (props) {
19030
19044
  return props.size === 'mini' && styled.css(_templateObject5$n || (_templateObject5$n = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
@@ -19063,13 +19077,13 @@ var Template6 = function Template6(props) {
19063
19077
  })));
19064
19078
  };
19065
19079
 
19066
- var _templateObject$12, _templateObject2$L, _templateObject3$E, _templateObject4$s, _templateObject5$o, _templateObject6$l, _templateObject7$l, _templateObject8$j, _templateObject9$g, _templateObject10$d;
19080
+ var _templateObject$12, _templateObject2$L, _templateObject3$F, _templateObject4$t, _templateObject5$o, _templateObject6$l, _templateObject7$l, _templateObject8$j, _templateObject9$g, _templateObject10$d;
19067
19081
  var Container$i = 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"])));
19068
19082
  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"])));
19069
- 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) {
19083
+ var HeaderLine$6 = 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) {
19070
19084
  return props.height;
19071
19085
  }, function (props) {
19072
- return props.size === 'mini' && styled.css(_templateObject4$s || (_templateObject4$s = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
19086
+ return props.size === 'mini' && styled.css(_templateObject4$t || (_templateObject4$t = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
19073
19087
  }, function (props) {
19074
19088
  return props.size === 'small' && styled.css(_templateObject5$o || (_templateObject5$o = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
19075
19089
  }, function (props) {
@@ -19097,13 +19111,13 @@ var Template7 = function Template7(props) {
19097
19111
  })), 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)));
19098
19112
  };
19099
19113
 
19100
- var _templateObject$13, _templateObject2$M, _templateObject3$F, _templateObject4$t, _templateObject5$p, _templateObject6$m, _templateObject7$m, _templateObject8$k, _templateObject9$h;
19114
+ var _templateObject$13, _templateObject2$M, _templateObject3$G, _templateObject4$u, _templateObject5$p, _templateObject6$m, _templateObject7$m, _templateObject8$k, _templateObject9$h;
19101
19115
  var Container$j = styled__default.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"])));
19102
19116
  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"])));
19103
- 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) {
19117
+ var HeaderLine$7 = styled__default.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) {
19104
19118
  return props.height;
19105
19119
  }, function (props) {
19106
- return props.size === 'mini' && styled.css(_templateObject4$t || (_templateObject4$t = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
19120
+ return props.size === 'mini' && styled.css(_templateObject4$u || (_templateObject4$u = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
19107
19121
  }, function (props) {
19108
19122
  return props.size === 'small' && styled.css(_templateObject5$p || (_templateObject5$p = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
19109
19123
  }, function (props) {
@@ -19140,13 +19154,13 @@ var Template8 = function Template8(props) {
19140
19154
  })));
19141
19155
  };
19142
19156
 
19143
- var _templateObject$14, _templateObject2$N, _templateObject3$G, _templateObject4$u, _templateObject5$q, _templateObject6$n, _templateObject7$n, _templateObject8$l, _templateObject9$i, _templateObject10$e;
19157
+ var _templateObject$14, _templateObject2$N, _templateObject3$H, _templateObject4$v, _templateObject5$q, _templateObject6$n, _templateObject7$n, _templateObject8$l, _templateObject9$i, _templateObject10$e;
19144
19158
  var Container$k = 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"])));
19145
19159
  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"])));
19146
- 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) {
19160
+ var HeaderLine$8 = 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) {
19147
19161
  return props.height;
19148
19162
  }, function (props) {
19149
- return props.size === 'mini' && styled.css(_templateObject4$u || (_templateObject4$u = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
19163
+ return props.size === 'mini' && styled.css(_templateObject4$v || (_templateObject4$v = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
19150
19164
  }, function (props) {
19151
19165
  return props.size === 'small' && styled.css(_templateObject5$q || (_templateObject5$q = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
19152
19166
  }, function (props) {
@@ -19179,13 +19193,13 @@ var Template8$1 = function Template8(props) {
19179
19193
  })), React__default.createElement(Main$4, null, React__default.createElement(Circle$2, null)));
19180
19194
  };
19181
19195
 
19182
- var _templateObject$15, _templateObject2$O, _templateObject3$H, _templateObject4$v, _templateObject5$r, _templateObject6$o, _templateObject7$o, _templateObject8$m, _templateObject9$j, _templateObject10$f, _templateObject11$8;
19196
+ var _templateObject$15, _templateObject2$O, _templateObject3$I, _templateObject4$w, _templateObject5$r, _templateObject6$o, _templateObject7$o, _templateObject8$m, _templateObject9$j, _templateObject10$f, _templateObject11$8;
19183
19197
  var Container$l = styled__default.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"])));
19184
19198
  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"])));
19185
- 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) {
19199
+ var HeaderLine$9 = styled__default.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) {
19186
19200
  return props.height;
19187
19201
  }, function (props) {
19188
- return props.size === 'mini' && styled.css(_templateObject4$v || (_templateObject4$v = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
19202
+ return props.size === 'mini' && styled.css(_templateObject4$w || (_templateObject4$w = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
19189
19203
  }, function (props) {
19190
19204
  return props.size === 'small' && styled.css(_templateObject5$r || (_templateObject5$r = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
19191
19205
  }, function (props) {
@@ -19323,17 +19337,17 @@ var Placeholder = function Placeholder(props) {
19323
19337
  }
19324
19338
  };
19325
19339
 
19326
- var _templateObject$16, _templateObject2$P, _templateObject3$I, _templateObject4$w, _templateObject5$s, _templateObject6$p, _templateObject7$p;
19340
+ var _templateObject$16, _templateObject2$P, _templateObject3$J, _templateObject4$x, _templateObject5$s, _templateObject6$p, _templateObject7$p;
19327
19341
  var Container$m = styled__default.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"])));
19328
19342
  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) {
19329
19343
  return props.value + "%";
19330
19344
  }, function (props) {
19331
- return props.type === 'default' && styled.css(_templateObject3$I || (_templateObject3$I = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n "])), function (_ref) {
19345
+ return props.type === 'default' && styled.css(_templateObject3$J || (_templateObject3$J = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n "])), function (_ref) {
19332
19346
  var theme = _ref.theme;
19333
19347
  return theme.colors.warningGray;
19334
19348
  });
19335
19349
  }, function (props) {
19336
- return props.type === 'info' && styled.css(_templateObject4$w || (_templateObject4$w = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n "])), function (_ref2) {
19350
+ return props.type === 'info' && styled.css(_templateObject4$x || (_templateObject4$x = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n "])), function (_ref2) {
19337
19351
  var theme = _ref2.theme;
19338
19352
  return theme.colors.blue;
19339
19353
  });
@@ -19658,7 +19672,7 @@ var TabItem = function TabItem(props) {
19658
19672
  }));
19659
19673
  };
19660
19674
 
19661
- var _templateObject$1c, _templateObject2$S, _templateObject3$J, _templateObject4$x;
19675
+ var _templateObject$1c, _templateObject2$S, _templateObject3$K, _templateObject4$y;
19662
19676
  var delimiters = {
19663
19677
  blue: ['blue'],
19664
19678
  grey: ['warningGray']
@@ -19678,13 +19692,13 @@ var Tabs = styled__default.div(_templateObject2$S || (_templateObject2$S = _tagg
19678
19692
  bottom = _getSpacings$split[2],
19679
19693
  left = _getSpacings$split[3];
19680
19694
 
19681
- return styled.css(_templateObject3$J || (_templateObject3$J = _taggedTemplateLiteralLoose(["\n margin: ", " 0 ", " 0;\n padding: 0 ", " 0 ", ";\n "])), top, bottom, right, left);
19695
+ return styled.css(_templateObject3$K || (_templateObject3$K = _taggedTemplateLiteralLoose(["\n margin: ", " 0 ", " 0;\n padding: 0 ", " 0 ", ";\n "])), top, bottom, right, left);
19682
19696
  }, function (_ref2) {
19683
19697
  var theme = _ref2.theme,
19684
19698
  internal = _ref2.$internal,
19685
19699
  delimiter = _ref2.$delimiter;
19686
19700
  var border = delimiter === 'none' ? 'none' : internal ? "1px solid " + theme.getColor.apply(theme, delimiters[delimiter || 'grey']) : "2px solid " + theme.getColor.apply(theme, delimiters[delimiter || 'blue']);
19687
- return styled.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);
19701
+ return styled.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);
19688
19702
  });
19689
19703
 
19690
19704
  var VoidProvider = function VoidProvider(props) {
@@ -19793,15 +19807,15 @@ var TextArea = function TextArea(props) {
19793
19807
  return React__default.createElement(Container$q, Object.assign({}, props));
19794
19808
  };
19795
19809
 
19796
- var _templateObject$1e, _templateObject2$T, _templateObject3$K, _templateObject4$y, _templateObject5$t, _templateObject6$q;
19810
+ var _templateObject$1e, _templateObject2$T, _templateObject3$L, _templateObject4$z, _templateObject5$t, _templateObject6$q;
19797
19811
  var Container$r = styled__default.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) {
19798
19812
  return props.size === 'large' ? '837px' : '460px';
19799
19813
  }, function (props) {
19800
19814
  return props.color === 'success' && styled.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 "])));
19801
19815
  }, function (props) {
19802
- 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 "])));
19816
+ return props.color === 'error' && styled.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 "])));
19803
19817
  }, function (props) {
19804
- return props.color === 'warning' && styled.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 "])));
19818
+ return props.color === 'warning' && styled.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 "])));
19805
19819
  });
19806
19820
  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"])));
19807
19821
  var IconContent = styled__default.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"])));
@@ -19816,7 +19830,7 @@ var Toast = function Toast(props) {
19816
19830
  })), React__default.createElement(IconContent, null, React__default.createElement("h4", null, props.title), React__default.createElement("p", null, " ", props.description)));
19817
19831
  };
19818
19832
 
19819
- var _templateObject$1f, _templateObject2$U, _templateObject3$L, _templateObject4$z, _templateObject5$u;
19833
+ var _templateObject$1f, _templateObject2$U, _templateObject3$M, _templateObject4$A, _templateObject5$u;
19820
19834
  var Image = styled__default.img(_templateObject$1f || (_templateObject$1f = _taggedTemplateLiteralLoose(["\n max-width: 100%;\n max-height: 100%;\n"])));
19821
19835
  var Container$s = styled__default.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) {
19822
19836
  var width = _ref.width;
@@ -19845,11 +19859,11 @@ var Container$s = styled__default.div(_templateObject2$U || (_templateObject2$U
19845
19859
  return 'auto';
19846
19860
  }
19847
19861
  });
19848
- var Dimmer = styled__default.div(_templateObject3$L || (_templateObject3$L = _taggedTemplateLiteralLoose(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: ", ";\n opacity: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n transition: opacity 0.5s;\n cursor: pointer;\n\n :hover {\n opacity: 1;\n }\n"])), function (_ref3) {
19862
+ var Dimmer = styled__default.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) {
19849
19863
  var theme = _ref3.theme;
19850
19864
  return theme.getColor('greyishBlue', 50);
19851
19865
  });
19852
- var Button$6 = styled__default(Button$1)(_templateObject4$z || (_templateObject4$z = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n"])), function (_ref4) {
19866
+ var Button$6 = styled__default(Button$1)(_templateObject4$A || (_templateObject4$A = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n"])), function (_ref4) {
19853
19867
  var theme = _ref4.theme;
19854
19868
  return theme.getColor('white', 50);
19855
19869
  });