@mw-kit/mw-ui 1.7.109 → 1.7.111

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 +105 -87
  4. package/dist/index.js.map +1 -1
  5. package/dist/index.modern.js +105 -87
  6. package/dist/index.modern.js.map +1 -1
  7. package/package.json +1 -1
package/dist/index.modern.js CHANGED
@@ -12476,9 +12476,16 @@ 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
- event.target.value = mask(event.target.value);
12479
+ var masked = mask(event.target.value);
12480
+
12481
+ var _ref = event.target.selectionStart === event.target.selectionEnd && event.target.selectionEnd === event.target.value.length ? [masked.length, masked.length] : [event.target.selectionStart, event.target.selectionEnd],
12482
+ start = _ref[0],
12483
+ end = _ref[1];
12484
+
12485
+ event.target.value = masked;
12480
12486
  onChange(event);
12481
12487
  setValue(event.target.value);
12488
+ event.target.setSelectionRange(start, end);
12482
12489
  };
12483
12490
 
12484
12491
  if (inputProps.onKeyDown || onPressEnter) {
@@ -16156,21 +16163,27 @@ var Label$5 = styled.label(_templateObject$y || (_templateObject$y = _taggedTemp
16156
16163
  return required && !viewMode && css(_templateObject5$b || (_templateObject5$b = _taggedTemplateLiteralLoose(["\n :after {\n content: ' *';\n }\n "])));
16157
16164
  }, NavBar);
16158
16165
 
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;
16166
+ var _templateObject$z, _templateObject2$r, _templateObject3$m, _templateObject4$f;
16167
+ 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) {
16168
+ var left = _ref.$left;
16162
16169
  return left;
16163
16170
  }, function (_ref2) {
16164
- var bullet = _ref2.bullet,
16165
- theme = _ref2.theme;
16171
+ var firstChild = _ref2.$firstChild;
16172
+ 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 "])));
16173
+ }, function (_ref3) {
16174
+ var lastChild = _ref3.$lastChild;
16175
+ 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 "])));
16176
+ }, function (_ref4) {
16177
+ var bullet = _ref4.$bullet,
16178
+ theme = _ref4.theme;
16166
16179
  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));
16180
+ 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
16181
  });
16169
16182
 
16170
16183
  var _templateObject$A;
16171
16184
  var MinMaxLabelContainer = styled.div(_templateObject$A || (_templateObject$A = _taggedTemplateLiteralLoose(["\n display: flex;\n padding-bottom: 2px;\n"])));
16172
16185
 
16173
- var _templateObject$B, _templateObject2$s, _templateObject3$m;
16186
+ var _templateObject$B, _templateObject2$s, _templateObject3$n;
16174
16187
  var LabelsContainer = styled.div(_templateObject$B || (_templateObject$B = _taggedTemplateLiteralLoose(["\n display: flex;\n gap: 7px;\n\n ", "\n"])), function (_ref) {
16175
16188
  var position = _ref.position;
16176
16189
 
@@ -16178,7 +16191,7 @@ var LabelsContainer = styled.div(_templateObject$B || (_templateObject$B = _tagg
16178
16191
  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
16192
  }
16180
16193
 
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);
16194
+ 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
16195
  });
16183
16196
 
16184
16197
  var _templateObject$C;
@@ -16225,8 +16238,9 @@ var getMarkers = function getMarkers(props) {
16225
16238
  };
16226
16239
  }
16227
16240
 
16228
- var _min = _markers[0].value;
16229
- var _max = _markers[_markers.length - 1].value;
16241
+ var _min = 'min' in props.markers && props.markers.min !== undefined ? props.markers.min : _markers[0].value;
16242
+
16243
+ var _max = 'max' in props.markers && props.markers.max !== undefined ? props.markers.max : _markers[_markers.length - 1].value;
16230
16244
 
16231
16245
  var _step = props.step ? parseFloat("" + props.step) : _markers[1].value - _markers[0].value;
16232
16246
 
@@ -16314,7 +16328,7 @@ var Range = React__default.forwardRef(function (props, ref) {
16314
16328
  var spans = value - min;
16315
16329
 
16316
16330
  if (value < min || value > max) {
16317
- throw new Error('Invalid value');
16331
+ throw new Error("Value must be between \"" + min + "\" and \"" + max + "\". \"" + value + "\" given");
16318
16332
  }
16319
16333
 
16320
16334
  var getValue = strict ? function (v) {
@@ -16403,12 +16417,16 @@ var Range = React__default.forwardRef(function (props, ref) {
16403
16417
  }, minLabel && React__default.createElement(MinMaxLabelContainer, null, minLabel), React__default.createElement(InputContainer$1, {
16404
16418
  invalid: invalid ? 1 : 0
16405
16419
  }, 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;
16420
+ var firstChild = strict || min === markers[0].value;
16421
+ var lastChild = strict || max === markers[markers.length - 1].value;
16422
+ var left = getMarkerLeft(markers.length + (firstChild ? 0 : 1) + (lastChild ? 0 : 1), range, index + (firstChild ? 0 : 1), marker.value, min, strict);
16423
+ var bullet = strict || marker.value > currentValue && marker.value < max;
16408
16424
  return React__default.createElement(Marker, {
16409
16425
  key: index,
16410
- left: left,
16411
- bullet: bullet
16426
+ "$left": left,
16427
+ "$bullet": bullet,
16428
+ "$firstChild": firstChild,
16429
+ "$lastChild": lastChild
16412
16430
  }, marker.label);
16413
16431
  })), React__default.createElement("div", null, React__default.createElement(Input$2, Object.assign({
16414
16432
  ref: ref
@@ -16452,7 +16470,7 @@ var Range = React__default.forwardRef(function (props, ref) {
16452
16470
  });
16453
16471
  Range.displayName = 'input';
16454
16472
 
16455
- var _templateObject$E, _templateObject2$t, _templateObject3$n, _templateObject4$f, _templateObject5$c, _templateObject6$a, _templateObject7$a;
16473
+ var _templateObject$E, _templateObject2$t, _templateObject3$o, _templateObject4$g, _templateObject5$c, _templateObject6$a, _templateObject7$a;
16456
16474
  var LabelContainer$5 = styled.div(_templateObject$E || (_templateObject$E = _taggedTemplateLiteralLoose(["\n ", "\n display: flex;\n align-items: center;\n"])), function (_ref) {
16457
16475
  var theme = _ref.theme;
16458
16476
  return theme.useTypography('p');
@@ -16464,10 +16482,10 @@ var Label$6 = styled.label(_templateObject2$t || (_templateObject2$t = _taggedTe
16464
16482
  var disabled = _ref3.disabled;
16465
16483
 
16466
16484
  if (!disabled) {
16467
- return css(_templateObject3$n || (_templateObject3$n = _taggedTemplateLiteralLoose(["\n > span {\n cursor: pointer;\n }\n "])));
16485
+ return css(_templateObject3$o || (_templateObject3$o = _taggedTemplateLiteralLoose(["\n > span {\n cursor: pointer;\n }\n "])));
16468
16486
  }
16469
16487
 
16470
- return css(_templateObject4$f || (_templateObject4$f = _taggedTemplateLiteralLoose(["\n opacity: 0.5;\n "])));
16488
+ return css(_templateObject4$g || (_templateObject4$g = _taggedTemplateLiteralLoose(["\n opacity: 0.5;\n "])));
16471
16489
  }, function (_ref4) {
16472
16490
  var required = _ref4.required;
16473
16491
  if (!required) return;
@@ -16701,7 +16719,7 @@ var parse = function parse(value) {
16701
16719
  });
16702
16720
  };
16703
16721
 
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;
16722
+ 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
16723
  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
16724
  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
16725
  var theme = _ref.theme;
@@ -16709,14 +16727,14 @@ var LabelContainer$6 = styled.div(_templateObject2$u || (_templateObject2$u = _t
16709
16727
  }, function (_ref2) {
16710
16728
  var children = _ref2.children;
16711
16729
  if (children) return;
16712
- return css(_templateObject3$o || (_templateObject3$o = _taggedTemplateLiteralLoose(["\n :after {\n content: '--/--/-- (--:--) \xE0 --/--/-- (--:--)';\n color: ", ";\n }\n "])), function (_ref3) {
16730
+ return css(_templateObject3$p || (_templateObject3$p = _taggedTemplateLiteralLoose(["\n :after {\n content: '--/--/-- (--:--) \xE0 --/--/-- (--:--)';\n color: ", ";\n }\n "])), function (_ref3) {
16713
16731
  var theme = _ref3.theme;
16714
16732
  return theme.colors.darkGrey;
16715
16733
  });
16716
16734
  }, function (_ref4) {
16717
16735
  var onClick = _ref4.onClick;
16718
16736
  if (!onClick) return;
16719
- return css(_templateObject4$g || (_templateObject4$g = _taggedTemplateLiteralLoose(["\n :not(:disabled) {\n cursor: pointer;\n }\n "])));
16737
+ return css(_templateObject4$h || (_templateObject4$h = _taggedTemplateLiteralLoose(["\n :not(:disabled) {\n cursor: pointer;\n }\n "])));
16720
16738
  });
16721
16739
  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
16740
  var theme = _ref5.theme;
@@ -17101,7 +17119,7 @@ var Tag$1 = function Tag$1(props) {
17101
17119
  })));
17102
17120
  };
17103
17121
 
17104
- var _templateObject$J, _templateObject2$w, _templateObject3$p;
17122
+ var _templateObject$J, _templateObject2$w, _templateObject3$q;
17105
17123
  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
17124
  var theme = _ref.theme;
17107
17125
  return theme.useTypography('p');
@@ -17116,7 +17134,7 @@ var Label$9 = styled.label(_templateObject$J || (_templateObject$J = _taggedTemp
17116
17134
  if (!disabled) return;
17117
17135
  return css(_templateObject2$w || (_templateObject2$w = _taggedTemplateLiteralLoose(["\n opacity: 0.5;\n "])));
17118
17136
  });
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) {
17137
+ 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
17138
  var theme = _ref5.theme,
17121
17139
  invalid = _ref5.invalid;
17122
17140
  return theme.colors[invalid ? 'warningRed' : 'lightGrey'];
@@ -17598,7 +17616,7 @@ var Input$5 = Object.assign(Component$2, {
17598
17616
  getPhoneDetails: Phone.getPhoneDetails
17599
17617
  });
17600
17618
 
17601
- var _templateObject$L, _templateObject2$x, _templateObject3$q, _templateObject4$h;
17619
+ var _templateObject$L, _templateObject2$x, _templateObject3$r, _templateObject4$i;
17602
17620
  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
17621
  var theme = _ref.theme;
17604
17622
  return theme.colors.white;
@@ -17613,7 +17631,7 @@ var Header$3 = styled.div(_templateObject2$x || (_templateObject2$x = _taggedTem
17613
17631
  var s3 = _ref4.theme.spacings.s3;
17614
17632
  return "0 " + s3 + " " + s3 + " 0";
17615
17633
  });
17616
- var Title = styled.div(_templateObject3$q || (_templateObject3$q = _taggedTemplateLiteralLoose(["\n ", "\n color: ", ";\n"])), function (_ref5) {
17634
+ var Title = styled.div(_templateObject3$r || (_templateObject3$r = _taggedTemplateLiteralLoose(["\n ", "\n color: ", ";\n"])), function (_ref5) {
17617
17635
  var useTypography = _ref5.theme.useTypography;
17618
17636
  return useTypography('p', {
17619
17637
  fontWeight: 'bold'
@@ -17622,7 +17640,7 @@ var Title = styled.div(_templateObject3$q || (_templateObject3$q = _taggedTempla
17622
17640
  var getColor = _ref6.theme.getColor;
17623
17641
  return getColor('greyishBlue', 50);
17624
17642
  });
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) {
17643
+ 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
17644
  var s1 = _ref7.theme.spacings.s1;
17627
17645
  return s1 + " " + s1 + " " + s1 + " 0";
17628
17646
  }, function (_ref8) {
@@ -17736,7 +17754,7 @@ var AppliedFiltersMenu = function AppliedFiltersMenu(props) {
17736
17754
  }))));
17737
17755
  };
17738
17756
 
17739
- var _templateObject$M, _templateObject2$y, _templateObject3$r;
17757
+ var _templateObject$M, _templateObject2$y, _templateObject3$s;
17740
17758
  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
17759
  var theme = _ref.theme,
17742
17760
  gap = _ref.$gap;
@@ -17751,7 +17769,7 @@ var Container$8 = styled.div(_templateObject$M || (_templateObject$M = _taggedTe
17751
17769
  return css(_templateObject2$y || (_templateObject2$y = _taggedTemplateLiteralLoose(["\n opacity: 0.3;\n pointer-events: none;\n "])));
17752
17770
  }
17753
17771
 
17754
- return css(_templateObject3$r || (_templateObject3$r = _taggedTemplateLiteralLoose(["\n cursor: pointer;\n "])));
17772
+ return css(_templateObject3$s || (_templateObject3$s = _taggedTemplateLiteralLoose(["\n cursor: pointer;\n "])));
17755
17773
  });
17756
17774
 
17757
17775
  var Button$5 = function Button(props) {
@@ -17803,13 +17821,13 @@ var AppliedFilters = Object.assign(function (props) {
17803
17821
  Menu: AppliedFiltersMenu
17804
17822
  });
17805
17823
 
17806
- var _templateObject$N, _templateObject2$z, _templateObject3$s, _templateObject4$i, _templateObject5$e, _templateObject6$c, _templateObject7$c, _templateObject8$a, _templateObject9$9, _templateObject10$8;
17824
+ var _templateObject$N, _templateObject2$z, _templateObject3$t, _templateObject4$j, _templateObject5$e, _templateObject6$c, _templateObject7$c, _templateObject8$a, _templateObject9$9, _templateObject10$8;
17807
17825
  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
17826
  return props.size === 'mini' && css(_templateObject2$z || (_templateObject2$z = _taggedTemplateLiteralLoose(["\n width: 394px;\n height: 99px;\n "])));
17809
17827
  }, function (props) {
17810
- return props.size === 'small' && css(_templateObject3$s || (_templateObject3$s = _taggedTemplateLiteralLoose(["\n width: 394px;\n height: 131px;\n "])));
17828
+ return props.size === 'small' && css(_templateObject3$t || (_templateObject3$t = _taggedTemplateLiteralLoose(["\n width: 394px;\n height: 131px;\n "])));
17811
17829
  }, function (props) {
17812
- return props.size === 'medium' && css(_templateObject4$i || (_templateObject4$i = _taggedTemplateLiteralLoose(["\n width: 394px;\n "])));
17830
+ return props.size === 'medium' && css(_templateObject4$j || (_templateObject4$j = _taggedTemplateLiteralLoose(["\n width: 394px;\n "])));
17813
17831
  }, function (props) {
17814
17832
  return props.size === 'big' && css(_templateObject5$e || (_templateObject5$e = _taggedTemplateLiteralLoose(["\n width: 414px;\n height: 324px;\n "])));
17815
17833
  }, function (props) {
@@ -18248,7 +18266,7 @@ var useContext$3 = function useContext() {
18248
18266
  return React__default.useContext(Provider$3);
18249
18267
  };
18250
18268
 
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;
18269
+ 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
18270
  var aligns = {
18253
18271
  self: {
18254
18272
  horizontal: {
@@ -18283,11 +18301,11 @@ var Col = styled.div(_templateObject$Q || (_templateObject$Q = _taggedTemplateLi
18283
18301
  if (width === undefined) {
18284
18302
  return css(_templateObject2$A || (_templateObject2$A = _taggedTemplateLiteralLoose(["\n flex-basis: 0;\n flex-grow: 1;\n max-width: 100%;\n width: 100%;\n "])));
18285
18303
  } 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 "])));
18304
+ return css(_templateObject3$u || (_templateObject3$u = _taggedTemplateLiteralLoose(["\n flex: 0 0 auto;\n width: auto;\n max-width: none;\n "])));
18287
18305
  }
18288
18306
 
18289
18307
  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);
18308
+ return css(_templateObject4$k || (_templateObject4$k = _taggedTemplateLiteralLoose(["\n flex: 0 0 ", "%;\n max-width: ", "%;\n width: 100%;\n "])), w, w);
18291
18309
  }, function (_ref2) {
18292
18310
  var spacing = _ref2.spacing;
18293
18311
  var padding = getSpacings(spacing === undefined ? 's1' : spacing);
@@ -18385,7 +18403,7 @@ var useContext$4 = function useContext() {
18385
18403
  return React__default.useContext(Provider$4);
18386
18404
  };
18387
18405
 
18388
- var _templateObject$R, _templateObject2$B, _templateObject3$u;
18406
+ var _templateObject$R, _templateObject2$B, _templateObject3$v;
18389
18407
  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
18408
  var spacing = _ref.spacing;
18391
18409
  if (spacing === undefined) return;
@@ -18395,7 +18413,7 @@ var Grid = styled.div(_templateObject$R || (_templateObject$R = _taggedTemplateL
18395
18413
  var borderless = _ref2.borderless,
18396
18414
  lightestGrey = _ref2.theme.colors.lightestGrey;
18397
18415
  if (borderless) return;
18398
- return css(_templateObject3$u || (_templateObject3$u = _taggedTemplateLiteralLoose(["\n border: 1px solid ", ";\n "])), lightestGrey);
18416
+ return css(_templateObject3$v || (_templateObject3$v = _taggedTemplateLiteralLoose(["\n border: 1px solid ", ";\n "])), lightestGrey);
18399
18417
  });
18400
18418
 
18401
18419
  var Grid$1 = React__default.forwardRef(function (props, ref) {
@@ -18413,7 +18431,7 @@ var Grid$1 = React__default.forwardRef(function (props, ref) {
18413
18431
  });
18414
18432
  Grid$1.displayName = 'Grid';
18415
18433
 
18416
- var _templateObject$S, _templateObject2$C, _templateObject3$v, _templateObject4$k, _templateObject5$g, _templateObject6$e, _templateObject7$e, _templateObject8$c, _templateObject9$b, _templateObject10$a;
18434
+ var _templateObject$S, _templateObject2$C, _templateObject3$w, _templateObject4$l, _templateObject5$g, _templateObject6$e, _templateObject7$e, _templateObject8$c, _templateObject9$b, _templateObject10$a;
18417
18435
  var horizontalAligns = {
18418
18436
  around: 'space-around',
18419
18437
  between: 'space-between',
@@ -18434,11 +18452,11 @@ var Row = styled.div(_templateObject$S || (_templateObject$S = _taggedTemplateLi
18434
18452
  }, function (_ref2) {
18435
18453
  var spacingAround = _ref2.spacingAround;
18436
18454
  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 "])));
18455
+ 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
18456
  }, function (_ref3) {
18439
18457
  var horizontalAlign = _ref3.horizontalAlign;
18440
18458
  if (horizontalAlign === undefined) return;
18441
- return css(_templateObject4$k || (_templateObject4$k = _taggedTemplateLiteralLoose(["\n justify-content: ", ";\n "])), horizontalAligns[horizontalAlign]);
18459
+ return css(_templateObject4$l || (_templateObject4$l = _taggedTemplateLiteralLoose(["\n justify-content: ", ";\n "])), horizontalAligns[horizontalAlign]);
18442
18460
  }, function (_ref4) {
18443
18461
  var verticalAlign = _ref4.verticalAlign;
18444
18462
  if (verticalAlign === undefined) return;
@@ -18544,18 +18562,18 @@ var widths = {
18544
18562
  default: '642.5px'
18545
18563
  };
18546
18564
 
18547
- var _templateObject$T, _templateObject2$D, _templateObject3$w, _templateObject4$l, _templateObject5$h, _templateObject6$f, _templateObject7$f, _templateObject8$d, _templateObject9$c, _templateObject10$b;
18565
+ var _templateObject$T, _templateObject2$D, _templateObject3$x, _templateObject4$m, _templateObject5$h, _templateObject6$f, _templateObject7$f, _templateObject8$d, _templateObject9$c, _templateObject10$b;
18548
18566
  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
18567
  var theme = _ref.theme;
18550
18568
  return theme.getColor('black', 25);
18551
18569
  });
18552
18570
  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) {
18571
+ 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
18572
  var _ref2$theme = _ref2.theme,
18555
18573
  colors = _ref2$theme.colors,
18556
18574
  spacings = _ref2$theme.spacings,
18557
18575
  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'));
18576
+ return css(_templateObject4$m || (_templateObject4$m = _taggedTemplateLiteralLoose(["\n border-bottom: 1px solid ", ";\n padding: ", ";\n\n ", "\n "])), colors.lightestGrey, spacings.s4, useTypography('h1'));
18559
18577
  });
18560
18578
  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
18579
  var _ref3$theme = _ref3.theme,
@@ -18774,11 +18792,11 @@ var Modal$1 = Object.assign(Modal, {
18774
18792
  Audit: Audit
18775
18793
  });
18776
18794
 
18777
- var _templateObject$X, _templateObject2$E, _templateObject3$x, _templateObject4$m, _templateObject5$i, _templateObject6$g, _templateObject7$g, _templateObject8$e, _templateObject9$d, _templateObject10$c, _templateObject11$7;
18795
+ var _templateObject$X, _templateObject2$E, _templateObject3$y, _templateObject4$n, _templateObject5$i, _templateObject6$g, _templateObject7$g, _templateObject8$e, _templateObject9$d, _templateObject10$c, _templateObject11$7;
18778
18796
  var Container$c = styled.div(_templateObject$X || (_templateObject$X = _taggedTemplateLiteralLoose(["\n width: 100%;\n height: 300px;\n position: absolute;\n padding: 14px;\n"])));
18779
18797
  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"])));
18798
+ var HeaderImage = styled.div(_templateObject3$y || (_templateObject3$y = _taggedTemplateLiteralLoose(["\n width: 43px;\n height: 44px;\n background-color: #ebebeb;\n"])));
18799
+ 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
18800
  var MainContent = styled.div(_templateObject5$i || (_templateObject5$i = _taggedTemplateLiteralLoose(["\n margin-top: 8px;\n"])));
18783
18801
  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
18802
  return props.height;
@@ -18826,24 +18844,24 @@ var Template1 = function Template1(props) {
18826
18844
  })));
18827
18845
  };
18828
18846
 
18829
- var _templateObject$Y, _templateObject2$F, _templateObject3$y, _templateObject4$n, _templateObject5$j;
18847
+ var _templateObject$Y, _templateObject2$F, _templateObject3$z, _templateObject4$o, _templateObject5$j;
18830
18848
  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
18849
  return props.height;
18832
18850
  }, function (props) {
18833
18851
  return props.size === 'mini' && css(_templateObject2$F || (_templateObject2$F = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
18834
18852
  }, function (props) {
18835
- return props.size === 'small' && css(_templateObject3$y || (_templateObject3$y = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
18853
+ return props.size === 'small' && css(_templateObject3$z || (_templateObject3$z = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
18836
18854
  }, function (props) {
18837
- return props.size === 'medium' && css(_templateObject4$n || (_templateObject4$n = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
18855
+ return props.size === 'medium' && css(_templateObject4$o || (_templateObject4$o = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
18838
18856
  }, function (props) {
18839
18857
  return props.size === 'large' && css(_templateObject5$j || (_templateObject5$j = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
18840
18858
  });
18841
18859
 
18842
- var _templateObject$Z, _templateObject2$G, _templateObject3$z, _templateObject4$o, _templateObject5$k, _templateObject6$h, _templateObject7$h, _templateObject8$f;
18860
+ var _templateObject$Z, _templateObject2$G, _templateObject3$A, _templateObject4$p, _templateObject5$k, _templateObject6$h, _templateObject7$h, _templateObject8$f;
18843
18861
  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
18862
  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"])));
18863
+ var Header$7 = styled.div(_templateObject3$A || (_templateObject3$A = _taggedTemplateLiteralLoose(["\n display: flex;\n"])));
18864
+ var HeaderImage$1 = styled.div(_templateObject4$p || (_templateObject4$p = _taggedTemplateLiteralLoose(["\n width: 43px;\n height: 44px;\n background-color: #ebebeb;\n"])));
18847
18865
  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
18866
  var MainContent$1 = styled.div(_templateObject6$h || (_templateObject6$h = _taggedTemplateLiteralLoose(["\n margin-top: 8px;\n"])));
18849
18867
  var MainLine$1 = styled(HeaderLine$1)(_templateObject7$h || (_templateObject7$h = _taggedTemplateLiteralLoose(["\n margin-bottom: 14px;\n margin-left: 0;\n"])));
@@ -18870,10 +18888,10 @@ var Template2 = function Template2(props) {
18870
18888
  })));
18871
18889
  };
18872
18890
 
18873
- var _templateObject$_, _templateObject2$H, _templateObject3$A;
18891
+ var _templateObject$_, _templateObject2$H, _templateObject3$B;
18874
18892
  var Container$e = styled.div(_templateObject$_ || (_templateObject$_ = _taggedTemplateLiteralLoose(["\n width: 100%;\n max-height: 100%;\n position: absolute;\n padding: 14px;\n"])));
18875
18893
  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) {
18894
+ var Template3Line = styled(HeaderLine$1)(_templateObject3$B || (_templateObject3$B = _taggedTemplateLiteralLoose(["\n background-color: #dadada;\n height: ", ";\n"])), function (props) {
18877
18895
  return props.height;
18878
18896
  });
18879
18897
 
@@ -18902,14 +18920,14 @@ var Template3 = function Template3(props) {
18902
18920
  }));
18903
18921
  };
18904
18922
 
18905
- var _templateObject$$, _templateObject2$I, _templateObject3$B, _templateObject4$p, _templateObject5$l, _templateObject6$i, _templateObject7$i, _templateObject8$g;
18923
+ var _templateObject$$, _templateObject2$I, _templateObject3$C, _templateObject4$q, _templateObject5$l, _templateObject6$i, _templateObject7$i, _templateObject8$g;
18906
18924
  var Container$f = styled.div(_templateObject$$ || (_templateObject$$ = _taggedTemplateLiteralLoose(["\n width: 100%;\n max-height: 100%;\n position: absolute;\n padding: 14px;\n"])));
18907
18925
  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
18926
  return props.height;
18909
18927
  }, function (props) {
18910
- return props.size === 'mini' && css(_templateObject3$B || (_templateObject3$B = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
18928
+ return props.size === 'mini' && css(_templateObject3$C || (_templateObject3$C = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
18911
18929
  }, function (props) {
18912
- return props.size === 'small' && css(_templateObject4$p || (_templateObject4$p = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
18930
+ return props.size === 'small' && css(_templateObject4$q || (_templateObject4$q = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
18913
18931
  }, function (props) {
18914
18932
  return props.size === 'medium' && css(_templateObject5$l || (_templateObject5$l = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
18915
18933
  }, function (props) {
@@ -18969,13 +18987,13 @@ var Template4 = function Template4(props) {
18969
18987
  }));
18970
18988
  };
18971
18989
 
18972
- var _templateObject$10, _templateObject2$J, _templateObject3$C, _templateObject4$q, _templateObject5$m, _templateObject6$j, _templateObject7$j, _templateObject8$h, _templateObject9$e;
18990
+ var _templateObject$10, _templateObject2$J, _templateObject3$D, _templateObject4$r, _templateObject5$m, _templateObject6$j, _templateObject7$j, _templateObject8$h, _templateObject9$e;
18973
18991
  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
18992
  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) {
18993
+ 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
18994
  return props.height;
18977
18995
  }, function (props) {
18978
- return props.size === 'mini' && css(_templateObject4$q || (_templateObject4$q = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
18996
+ return props.size === 'mini' && css(_templateObject4$r || (_templateObject4$r = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
18979
18997
  }, function (props) {
18980
18998
  return props.size === 'small' && css(_templateObject5$m || (_templateObject5$m = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
18981
18999
  }, function (props) {
@@ -19017,11 +19035,11 @@ var Template5 = function Template5(props) {
19017
19035
  })));
19018
19036
  };
19019
19037
 
19020
- var _templateObject$11, _templateObject2$K, _templateObject3$D, _templateObject4$r, _templateObject5$n, _templateObject6$k, _templateObject7$k, _templateObject8$i, _templateObject9$f;
19038
+ var _templateObject$11, _templateObject2$K, _templateObject3$E, _templateObject4$s, _templateObject5$n, _templateObject6$k, _templateObject7$k, _templateObject8$i, _templateObject9$f;
19021
19039
  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
19040
  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) {
19041
+ var Footer$3 = styled.div(_templateObject3$E || (_templateObject3$E = _taggedTemplateLiteralLoose(["\n width: 100%;\n border-top: 1px solid #b1b1b3;\n height: 50px;\n"])));
19042
+ 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
19043
  return props.height;
19026
19044
  }, function (props) {
19027
19045
  return props.size === 'mini' && css(_templateObject5$n || (_templateObject5$n = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
@@ -19060,13 +19078,13 @@ var Template6 = function Template6(props) {
19060
19078
  })));
19061
19079
  };
19062
19080
 
19063
- var _templateObject$12, _templateObject2$L, _templateObject3$E, _templateObject4$s, _templateObject5$o, _templateObject6$l, _templateObject7$l, _templateObject8$j, _templateObject9$g, _templateObject10$d;
19081
+ var _templateObject$12, _templateObject2$L, _templateObject3$F, _templateObject4$t, _templateObject5$o, _templateObject6$l, _templateObject7$l, _templateObject8$j, _templateObject9$g, _templateObject10$d;
19064
19082
  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
19083
  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) {
19084
+ 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
19085
  return props.height;
19068
19086
  }, function (props) {
19069
- return props.size === 'mini' && css(_templateObject4$s || (_templateObject4$s = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
19087
+ return props.size === 'mini' && css(_templateObject4$t || (_templateObject4$t = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
19070
19088
  }, function (props) {
19071
19089
  return props.size === 'small' && css(_templateObject5$o || (_templateObject5$o = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
19072
19090
  }, function (props) {
@@ -19094,13 +19112,13 @@ var Template7 = function Template7(props) {
19094
19112
  })), 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
19113
  };
19096
19114
 
19097
- var _templateObject$13, _templateObject2$M, _templateObject3$F, _templateObject4$t, _templateObject5$p, _templateObject6$m, _templateObject7$m, _templateObject8$k, _templateObject9$h;
19115
+ var _templateObject$13, _templateObject2$M, _templateObject3$G, _templateObject4$u, _templateObject5$p, _templateObject6$m, _templateObject7$m, _templateObject8$k, _templateObject9$h;
19098
19116
  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
19117
  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) {
19118
+ 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
19119
  return props.height;
19102
19120
  }, function (props) {
19103
- return props.size === 'mini' && css(_templateObject4$t || (_templateObject4$t = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
19121
+ return props.size === 'mini' && css(_templateObject4$u || (_templateObject4$u = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
19104
19122
  }, function (props) {
19105
19123
  return props.size === 'small' && css(_templateObject5$p || (_templateObject5$p = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
19106
19124
  }, function (props) {
@@ -19137,13 +19155,13 @@ var Template8 = function Template8(props) {
19137
19155
  })));
19138
19156
  };
19139
19157
 
19140
- var _templateObject$14, _templateObject2$N, _templateObject3$G, _templateObject4$u, _templateObject5$q, _templateObject6$n, _templateObject7$n, _templateObject8$l, _templateObject9$i, _templateObject10$e;
19158
+ var _templateObject$14, _templateObject2$N, _templateObject3$H, _templateObject4$v, _templateObject5$q, _templateObject6$n, _templateObject7$n, _templateObject8$l, _templateObject9$i, _templateObject10$e;
19141
19159
  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
19160
  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) {
19161
+ 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
19162
  return props.height;
19145
19163
  }, function (props) {
19146
- return props.size === 'mini' && css(_templateObject4$u || (_templateObject4$u = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
19164
+ return props.size === 'mini' && css(_templateObject4$v || (_templateObject4$v = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
19147
19165
  }, function (props) {
19148
19166
  return props.size === 'small' && css(_templateObject5$q || (_templateObject5$q = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
19149
19167
  }, function (props) {
@@ -19176,13 +19194,13 @@ var Template8$1 = function Template8(props) {
19176
19194
  })), React__default.createElement(Main$4, null, React__default.createElement(Circle$2, null)));
19177
19195
  };
19178
19196
 
19179
- var _templateObject$15, _templateObject2$O, _templateObject3$H, _templateObject4$v, _templateObject5$r, _templateObject6$o, _templateObject7$o, _templateObject8$m, _templateObject9$j, _templateObject10$f, _templateObject11$8;
19197
+ var _templateObject$15, _templateObject2$O, _templateObject3$I, _templateObject4$w, _templateObject5$r, _templateObject6$o, _templateObject7$o, _templateObject8$m, _templateObject9$j, _templateObject10$f, _templateObject11$8;
19180
19198
  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
19199
  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) {
19200
+ 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
19201
  return props.height;
19184
19202
  }, function (props) {
19185
- return props.size === 'mini' && css(_templateObject4$v || (_templateObject4$v = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
19203
+ return props.size === 'mini' && css(_templateObject4$w || (_templateObject4$w = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
19186
19204
  }, function (props) {
19187
19205
  return props.size === 'small' && css(_templateObject5$r || (_templateObject5$r = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
19188
19206
  }, function (props) {
@@ -19320,17 +19338,17 @@ var Placeholder = function Placeholder(props) {
19320
19338
  }
19321
19339
  };
19322
19340
 
19323
- var _templateObject$16, _templateObject2$P, _templateObject3$I, _templateObject4$w, _templateObject5$s, _templateObject6$p, _templateObject7$p;
19341
+ var _templateObject$16, _templateObject2$P, _templateObject3$J, _templateObject4$x, _templateObject5$s, _templateObject6$p, _templateObject7$p;
19324
19342
  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
19343
  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
19344
  return props.value + "%";
19327
19345
  }, function (props) {
19328
- return props.type === 'default' && css(_templateObject3$I || (_templateObject3$I = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n "])), function (_ref) {
19346
+ return props.type === 'default' && css(_templateObject3$J || (_templateObject3$J = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n "])), function (_ref) {
19329
19347
  var theme = _ref.theme;
19330
19348
  return theme.colors.warningGray;
19331
19349
  });
19332
19350
  }, function (props) {
19333
- return props.type === 'info' && css(_templateObject4$w || (_templateObject4$w = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n "])), function (_ref2) {
19351
+ return props.type === 'info' && css(_templateObject4$x || (_templateObject4$x = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n "])), function (_ref2) {
19334
19352
  var theme = _ref2.theme;
19335
19353
  return theme.colors.blue;
19336
19354
  });
@@ -19655,7 +19673,7 @@ var TabItem = function TabItem(props) {
19655
19673
  }));
19656
19674
  };
19657
19675
 
19658
- var _templateObject$1c, _templateObject2$S, _templateObject3$J, _templateObject4$x;
19676
+ var _templateObject$1c, _templateObject2$S, _templateObject3$K, _templateObject4$y;
19659
19677
  var delimiters = {
19660
19678
  blue: ['blue'],
19661
19679
  grey: ['warningGray']
@@ -19675,13 +19693,13 @@ var Tabs = styled.div(_templateObject2$S || (_templateObject2$S = _taggedTemplat
19675
19693
  bottom = _getSpacings$split[2],
19676
19694
  left = _getSpacings$split[3];
19677
19695
 
19678
- return css(_templateObject3$J || (_templateObject3$J = _taggedTemplateLiteralLoose(["\n margin: ", " 0 ", " 0;\n padding: 0 ", " 0 ", ";\n "])), top, bottom, right, left);
19696
+ return css(_templateObject3$K || (_templateObject3$K = _taggedTemplateLiteralLoose(["\n margin: ", " 0 ", " 0;\n padding: 0 ", " 0 ", ";\n "])), top, bottom, right, left);
19679
19697
  }, function (_ref2) {
19680
19698
  var theme = _ref2.theme,
19681
19699
  internal = _ref2.$internal,
19682
19700
  delimiter = _ref2.$delimiter;
19683
19701
  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);
19702
+ 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
19703
  });
19686
19704
 
19687
19705
  var VoidProvider = function VoidProvider(props) {
@@ -19790,15 +19808,15 @@ var TextArea = function TextArea(props) {
19790
19808
  return React__default.createElement(Container$q, Object.assign({}, props));
19791
19809
  };
19792
19810
 
19793
- var _templateObject$1e, _templateObject2$T, _templateObject3$K, _templateObject4$y, _templateObject5$t, _templateObject6$q;
19811
+ var _templateObject$1e, _templateObject2$T, _templateObject3$L, _templateObject4$z, _templateObject5$t, _templateObject6$q;
19794
19812
  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
19813
  return props.size === 'large' ? '837px' : '460px';
19796
19814
  }, function (props) {
19797
19815
  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
19816
  }, 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 "])));
19817
+ 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
19818
  }, 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 "])));
19819
+ 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
19820
  });
19803
19821
  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
19822
  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 +19831,7 @@ var Toast = function Toast(props) {
19813
19831
  })), React__default.createElement(IconContent, null, React__default.createElement("h4", null, props.title), React__default.createElement("p", null, " ", props.description)));
19814
19832
  };
19815
19833
 
19816
- var _templateObject$1f, _templateObject2$U, _templateObject3$L, _templateObject4$z, _templateObject5$u;
19834
+ var _templateObject$1f, _templateObject2$U, _templateObject3$M, _templateObject4$A, _templateObject5$u;
19817
19835
  var Image = styled.img(_templateObject$1f || (_templateObject$1f = _taggedTemplateLiteralLoose(["\n max-width: 100%;\n max-height: 100%;\n"])));
19818
19836
  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
19837
  var width = _ref.width;
@@ -19842,11 +19860,11 @@ var Container$s = styled.div(_templateObject2$U || (_templateObject2$U = _tagged
19842
19860
  return 'auto';
19843
19861
  }
19844
19862
  });
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) {
19863
+ 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
19864
  var theme = _ref3.theme;
19847
19865
  return theme.getColor('greyishBlue', 50);
19848
19866
  });
19849
- var Button$6 = styled(Button$1)(_templateObject4$z || (_templateObject4$z = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n"])), function (_ref4) {
19867
+ var Button$6 = styled(Button$1)(_templateObject4$A || (_templateObject4$A = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n"])), function (_ref4) {
19850
19868
  var theme = _ref4.theme;
19851
19869
  return theme.getColor('white', 50);
19852
19870
  });