@mw-kit/mw-ui 1.7.70 → 1.7.71

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 (8) hide show
  1. package/dist/components/Input/components/Input/styles.d.ts +1 -0
  2. package/dist/components/Input/components/Range/styles/Label/index.d.ts +3 -2
  3. package/dist/components/Input/components/Switch/interfaces.d.ts +5 -3
  4. package/dist/index.js +149 -125
  5. package/dist/index.js.map +1 -1
  6. package/dist/index.modern.js +149 -125
  7. package/dist/index.modern.js.map +1 -1
  8. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -12210,7 +12210,7 @@ var EllipsisContainer$1 = function EllipsisContainer$1(props) {
12210
12210
  }));
12211
12211
  };
12212
12212
 
12213
- var _templateObject$5, _templateObject2$5, _templateObject3$5, _templateObject4$3, _templateObject5$3, _templateObject6$2, _templateObject7$2, _templateObject8$1, _templateObject9$1, _templateObject10$1, _templateObject11$1, _templateObject12$1, _templateObject13$1, _templateObject14$1, _templateObject15$1, _templateObject16$1, _templateObject17$1, _templateObject18$1, _templateObject19$1;
12213
+ var _templateObject$5, _templateObject2$5, _templateObject3$5, _templateObject4$3, _templateObject5$3, _templateObject6$2, _templateObject7$2, _templateObject8$1, _templateObject9$1, _templateObject10$1, _templateObject11$1, _templateObject12$1, _templateObject13$1, _templateObject14$1, _templateObject15$1, _templateObject16$1, _templateObject17$1, _templateObject18$1, _templateObject19$1, _templateObject20$1, _templateObject21$1;
12214
12214
  var IconContainer = styled__default.button(_templateObject$5 || (_templateObject$5 = _taggedTemplateLiteralLoose(["\n position: absolute;\n display: flex;\n justify-content: center;\n align-items: center;\n height: 17px;\n\n background-color: transparent;\n border: none;\n box-shadow: none;\n padding: 0;\n\n ", "\n"])), function (_ref) {
12215
12215
  var onClick = _ref.onClick,
12216
12216
  disabled = _ref.disabled;
@@ -12321,10 +12321,16 @@ var LabelText = styled__default.div(_templateObject18$1 || (_templateObject18$1
12321
12321
  viewMode = _ref21.$viewMode;
12322
12322
  return theme.spacings[viewMode ? 's3' : 's1'];
12323
12323
  }, function (_ref22) {
12324
- var required = _ref22.$required;
12325
- if (!required) return;
12324
+ var required = _ref22.$required,
12325
+ viewMode = _ref22.$viewMode;
12326
+ if (!required || viewMode) return;
12326
12327
  return styled.css(_templateObject19$1 || (_templateObject19$1 = _taggedTemplateLiteralLoose(["\n :after {\n content: ' *';\n }\n "])));
12327
12328
  });
12329
+ var ViewModeContainer = styled__default.div(_templateObject20$1 || (_templateObject20$1 = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref23) {
12330
+ var children = _ref23.children;
12331
+ if (children) return;
12332
+ return styled.css(_templateObject21$1 || (_templateObject21$1 = _taggedTemplateLiteralLoose(["\n :before {\n content: ' ';\n white-space: pre;\n }\n "])));
12333
+ });
12328
12334
 
12329
12335
  var defaultValue = {
12330
12336
  isRequired: function isRequired() {
@@ -12549,7 +12555,7 @@ var Input$1 = React__default.forwardRef(function (props, ref) {
12549
12555
  }, label && React__default.createElement(LabelText, {
12550
12556
  "$required": required,
12551
12557
  "$viewMode": viewMode
12552
- }, label), viewMode ? React__default.createElement("div", {
12558
+ }, label), viewMode ? React__default.createElement(ViewModeContainer, {
12553
12559
  children: inputProps.value || props.children
12554
12560
  }) : React__default.createElement(InputContainer, {
12555
12561
  width: props.inputWidth
@@ -12660,8 +12666,9 @@ var LabelContent = styled__default.div(_templateObject9$2 || (_templateObject9$2
12660
12666
  var theme = _ref12.theme;
12661
12667
  return theme.useTypography('p');
12662
12668
  }, function (_ref13) {
12663
- var required = _ref13.required;
12664
- if (!required) return;
12669
+ var required = _ref13.required,
12670
+ viewMode = _ref13.viewMode;
12671
+ if (!required || viewMode) return;
12665
12672
  return styled.css(_templateObject10$2 || (_templateObject10$2 = _taggedTemplateLiteralLoose(["\n :after {\n content: ' *';\n }\n "])));
12666
12673
  });
12667
12674
 
@@ -12710,6 +12717,7 @@ var Checkbox = React__default.forwardRef(function (props, ref) {
12710
12717
  }), React__default.createElement(LabelComponent, Object.assign({}, {
12711
12718
  disabled: disabled,
12712
12719
  required: required,
12720
+ viewMode: viewMode,
12713
12721
  invalid: invalid,
12714
12722
  bordered: bordered,
12715
12723
  padding: padding,
@@ -15673,66 +15681,72 @@ var DatePicker = React__default.forwardRef(function (props, ref) {
15673
15681
  });
15674
15682
  DatePicker.displayName = 'DatePicker';
15675
15683
 
15676
- var _templateObject$s, _templateObject2$m, _templateObject3$i, _templateObject4$c, _templateObject5$a, _templateObject6$9, _templateObject7$9;
15677
- var LabelContainer$3 = styled__default.div(_templateObject$s || (_templateObject$s = _taggedTemplateLiteralLoose(["\n ", "\n line-height: 14px;\n display: flex;\n align-items: center;\n\n ", "\n"])), function (_ref) {
15684
+ var _templateObject$s, _templateObject2$m, _templateObject3$i, _templateObject4$c, _templateObject5$a, _templateObject6$9, _templateObject7$9, _templateObject8$8;
15685
+ var LabelContainer$3 = styled__default.div(_templateObject$s || (_templateObject$s = _taggedTemplateLiteralLoose(["\n ", "\n line-height: 14px;\n display: flex;\n align-items: center;\n\n ", "\n\n ", "\n"])), function (_ref) {
15678
15686
  var theme = _ref.theme;
15679
15687
  return theme.useTypography('p');
15680
15688
  }, function (_ref2) {
15681
- var required = _ref2.required;
15682
- if (!required) return;
15689
+ var required = _ref2.$required,
15690
+ viewMode = _ref2.$viewMode;
15691
+ if (!required || viewMode) return;
15683
15692
  return styled.css(_templateObject2$m || (_templateObject2$m = _taggedTemplateLiteralLoose(["\n :after {\n content: '*';\n }\n "])));
15693
+ }, function (_ref3) {
15694
+ var keepSpace = _ref3.$keepSpace,
15695
+ children = _ref3.children;
15696
+ if (!keepSpace || children) return;
15697
+ return styled.css(_templateObject3$i || (_templateObject3$i = _taggedTemplateLiteralLoose(["\n :before {\n content: '';\n white-space: pre;\n }\n "])));
15684
15698
  });
15685
- var Label$4 = styled__default.label(_templateObject3$i || (_templateObject3$i = _taggedTemplateLiteralLoose(["\n display: flex;\n gap: ", ";\n position: relative;\n align-items: center;\n\n ", "\n\n ", "\n\n > input {\n position: absolute;\n height: 0%;\n width: 0%;\n opacity: 0;\n }\n\n > span {\n position: relative;\n width: 50px;\n height: calc(", " + 1px);\n background-color: ", ";\n border-radius: 20px;\n transition-property: background-color;\n transition-duration: 0.4s;\n transition-timing-function: ease-in-out;\n box-sizing: content-box;\n :before {\n content: '';\n transition-property: left;\n transition-duration: 0.4s;\n transition-timing-function: ease-in-out;\n position: absolute;\n border-width: 1px;\n border-style: solid;\n border-radius: 100%;\n left: 0;\n box-shadow: 0px 1px 3px ", ";\n width: calc(", " - 1px);\n height: calc(", " - 1px);\n background-color: ", ";\n }\n }\n\n > input:checked + span {\n :before {\n left: calc(100% - ", " - 1px);\n }\n }\n"])), function (_ref3) {
15686
- var theme = _ref3.theme;
15699
+ var Label$4 = styled__default.label(_templateObject4$c || (_templateObject4$c = _taggedTemplateLiteralLoose(["\n display: flex;\n gap: ", ";\n position: relative;\n align-items: center;\n\n ", "\n\n ", "\n\n > input {\n position: absolute;\n height: 0%;\n width: 0%;\n opacity: 0;\n }\n\n > span {\n position: relative;\n width: 50px;\n height: calc(", " + 1px);\n background-color: ", ";\n border-radius: 20px;\n transition-property: background-color;\n transition-duration: 0.4s;\n transition-timing-function: ease-in-out;\n box-sizing: content-box;\n :before {\n content: '';\n transition-property: left;\n transition-duration: 0.4s;\n transition-timing-function: ease-in-out;\n position: absolute;\n border-width: 1px;\n border-style: solid;\n border-radius: 100%;\n left: 0;\n box-shadow: 0px 1px 3px ", ";\n width: calc(", " - 1px);\n height: calc(", " - 1px);\n background-color: ", ";\n }\n }\n\n > input:checked + span {\n :before {\n left: calc(100% - ", " - 1px);\n }\n }\n"])), function (_ref4) {
15700
+ var theme = _ref4.theme;
15687
15701
  return theme.spacings.s1;
15688
- }, function (_ref4) {
15689
- var disabled = _ref4.disabled;
15702
+ }, function (_ref5) {
15703
+ var disabled = _ref5.$disabled;
15690
15704
 
15691
15705
  if (!disabled) {
15692
- return styled.css(_templateObject4$c || (_templateObject4$c = _taggedTemplateLiteralLoose(["\n > span {\n cursor: pointer;\n }\n "])));
15706
+ return styled.css(_templateObject5$a || (_templateObject5$a = _taggedTemplateLiteralLoose(["\n > span {\n cursor: pointer;\n }\n "])));
15693
15707
  }
15694
15708
 
15695
- return styled.css(_templateObject5$a || (_templateObject5$a = _taggedTemplateLiteralLoose(["\n opacity: 0.5;\n "])));
15696
- }, function (_ref5) {
15697
- var invalid = _ref5.invalid;
15709
+ return styled.css(_templateObject6$9 || (_templateObject6$9 = _taggedTemplateLiteralLoose(["\n opacity: 0.5;\n "])));
15710
+ }, function (_ref6) {
15711
+ var invalid = _ref6.$invalid;
15698
15712
 
15699
15713
  if (!invalid) {
15700
- return styled.css(_templateObject6$9 || (_templateObject6$9 = _taggedTemplateLiteralLoose(["\n > span:before {\n border-color: ", ";\n }\n > input:checked + span {\n background-color: ", ";\n }\n "])), function (_ref6) {
15701
- var theme = _ref6.theme;
15702
- return theme.colors.lightGrey;
15703
- }, function (_ref7) {
15714
+ return styled.css(_templateObject7$9 || (_templateObject7$9 = _taggedTemplateLiteralLoose(["\n > span:before {\n border-color: ", ";\n }\n > input:checked + span {\n background-color: ", ";\n }\n "])), function (_ref7) {
15704
15715
  var theme = _ref7.theme;
15716
+ return theme.colors.lightGrey;
15717
+ }, function (_ref8) {
15718
+ var theme = _ref8.theme;
15705
15719
  return theme.colors.blue;
15706
15720
  });
15707
15721
  }
15708
15722
 
15709
- return styled.css(_templateObject7$9 || (_templateObject7$9 = _taggedTemplateLiteralLoose(["\n > span:before {\n border-color: ", ";\n }\n > input:checked + span {\n background-color: ", ";\n }\n "])), function (_ref8) {
15710
- var theme = _ref8.theme;
15711
- return theme.colors.warningRed;
15712
- }, function (_ref9) {
15723
+ return styled.css(_templateObject8$8 || (_templateObject8$8 = _taggedTemplateLiteralLoose(["\n > span:before {\n border-color: ", ";\n }\n > input:checked + span {\n background-color: ", ";\n }\n "])), function (_ref9) {
15713
15724
  var theme = _ref9.theme;
15714
15725
  return theme.colors.warningRed;
15726
+ }, function (_ref10) {
15727
+ var theme = _ref10.theme;
15728
+ return theme.colors.warningRed;
15715
15729
  });
15716
- }, function (_ref10) {
15717
- var theme = _ref10.theme;
15718
- return theme.spacings.s4;
15719
15730
  }, function (_ref11) {
15720
15731
  var theme = _ref11.theme;
15721
- return theme.colors.warningGray;
15732
+ return theme.spacings.s4;
15722
15733
  }, function (_ref12) {
15723
15734
  var theme = _ref12.theme;
15724
- return theme.getColor('black', 10);
15735
+ return theme.colors.warningGray;
15725
15736
  }, function (_ref13) {
15726
15737
  var theme = _ref13.theme;
15727
- return theme.spacings.s4;
15738
+ return theme.getColor('black', 10);
15728
15739
  }, function (_ref14) {
15729
15740
  var theme = _ref14.theme;
15730
15741
  return theme.spacings.s4;
15731
15742
  }, function (_ref15) {
15732
15743
  var theme = _ref15.theme;
15733
- return theme.colors.white;
15744
+ return theme.spacings.s4;
15734
15745
  }, function (_ref16) {
15735
15746
  var theme = _ref16.theme;
15747
+ return theme.colors.white;
15748
+ }, function (_ref17) {
15749
+ var theme = _ref17.theme;
15736
15750
  return theme.spacings.s4;
15737
15751
  });
15738
15752
 
@@ -15753,11 +15767,13 @@ var Switch = function Switch(props) {
15753
15767
  var htmlProps = filterObject(props, ['label', 'invalid', 'required', 'htmlDisabled', 'labelProps', 'viewMode']);
15754
15768
  htmlProps.disabled = props.disabled || props.htmlDisabled;
15755
15769
  return React__default.createElement(Label$4, Object.assign({}, props.labelProps || {}, {
15756
- disabled: disabled ? 1 : 0,
15757
- invalid: invalid ? 1 : 0
15770
+ "$disabled": disabled,
15771
+ "$invalid": invalid
15758
15772
  }), label.label && React__default.createElement(LabelContainer$3, {
15759
- required: required ? 1 : 0
15773
+ "$required": required,
15774
+ "$viewMode": viewMode
15760
15775
  }, label.label), viewMode ? React__default.createElement(LabelContainer$3, {
15776
+ "$keepSpace": true,
15761
15777
  children: label[props.checked ? 'after' : 'before']
15762
15778
  }) : React__default.createElement(React__default.Fragment, null, label.before && React__default.createElement(LabelContainer$3, {
15763
15779
  children: label.before
@@ -15839,20 +15855,27 @@ var NavBar = styled__default.div(_templateObject$x || (_templateObject$x = _tagg
15839
15855
  return theme.colors.blue;
15840
15856
  });
15841
15857
 
15842
- var _templateObject$y, _templateObject2$q, _templateObject3$l;
15843
- var Label$5 = styled__default.label(_templateObject$y || (_templateObject$y = _taggedTemplateLiteralLoose(["\n ", ";\n line-height: 17px;\n\n width: ", ";\n box-sizing: border-box;\n display: block;\n position: relative;\n\n ", "\n\n > ", " {\n ", "\n }\n\n :not(:hover) ", " {\n height: 0;\n }\n"])), function (_ref) {
15858
+ var _templateObject$y, _templateObject2$q, _templateObject3$l, _templateObject4$d, _templateObject5$b;
15859
+ var Label$5 = styled__default.label(_templateObject$y || (_templateObject$y = _taggedTemplateLiteralLoose(["\n ", ";\n line-height: 17px;\n\n ", ";\n box-sizing: border-box;\n display: block;\n position: relative;\n\n ", "\n\n > ", " {\n ", "\n }\n\n :not(:hover) ", " {\n height: 0;\n }\n"])), function (_ref) {
15844
15860
  var theme = _ref.theme;
15845
15861
  return theme.useTypography('p');
15846
15862
  }, function (_ref2) {
15847
- var width = _ref2.width;
15848
- return width || '100%';
15863
+ var width = _ref2.width,
15864
+ viewMode = _ref2.$viewMode;
15865
+
15866
+ if (width) {
15867
+ return styled.css(_templateObject2$q || (_templateObject2$q = _taggedTemplateLiteralLoose(["\n width: ", ";\n "])), width);
15868
+ }
15869
+
15870
+ return !viewMode && styled.css(_templateObject3$l || (_templateObject3$l = _taggedTemplateLiteralLoose(["\n width: 100%;\n "])));
15849
15871
  }, function (_ref3) {
15850
- var disabled = _ref3.disabled;
15872
+ var disabled = _ref3.$disabled;
15851
15873
  if (!disabled) return;
15852
- return styled.css(_templateObject2$q || (_templateObject2$q = _taggedTemplateLiteralLoose(["\n opacity: 0.5;\n "])));
15874
+ return styled.css(_templateObject4$d || (_templateObject4$d = _taggedTemplateLiteralLoose(["\n opacity: 0.5;\n "])));
15853
15875
  }, LabelContainer$4, function (_ref4) {
15854
- var required = _ref4.required;
15855
- return required && styled.css(_templateObject3$l || (_templateObject3$l = _taggedTemplateLiteralLoose(["\n :after {\n content: ' *';\n }\n "])));
15876
+ var required = _ref4.$required,
15877
+ viewMode = _ref4.$viewMode;
15878
+ return required && !viewMode && styled.css(_templateObject5$b || (_templateObject5$b = _taggedTemplateLiteralLoose(["\n :after {\n content: ' *';\n }\n "])));
15856
15879
  }, NavBar);
15857
15880
 
15858
15881
  var _templateObject$z, _templateObject2$r;
@@ -15884,7 +15907,7 @@ var _templateObject$C;
15884
15907
  var MarkersContainer = styled__default.div(_templateObject$C || (_templateObject$C = _taggedTemplateLiteralLoose(["\n height: 17px;\n"])));
15885
15908
 
15886
15909
  var _templateObject$D;
15887
- var ViewModeContainer = styled__default.div(_templateObject$D || (_templateObject$D = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n"])));
15910
+ var ViewModeContainer$1 = styled__default.div(_templateObject$D || (_templateObject$D = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n"])));
15888
15911
 
15889
15912
  var getMarkers = function getMarkers(props) {
15890
15913
  if (props.markers && 'markers' in props.markers) {
@@ -16088,12 +16111,13 @@ var Range = React__default.forwardRef(function (props, ref) {
16088
16111
  });
16089
16112
  var bulletSize = strict === true ? 22 : 14;
16090
16113
  return React__default.createElement(Label$5, {
16091
- required: required ? 1 : 0,
16092
- disabled: disabled ? 1 : 0,
16114
+ "$required": required,
16115
+ "$disabled": disabled,
16116
+ "$viewMode": viewMode,
16093
16117
  width: width
16094
16118
  }, label && React__default.createElement("div", {
16095
16119
  children: label
16096
- }), viewMode ? React__default.createElement(ViewModeContainer, {
16120
+ }), viewMode ? React__default.createElement(ViewModeContainer$1, {
16097
16121
  children: currentValue
16098
16122
  }) : React__default.createElement(LabelsContainer, {
16099
16123
  position: position
@@ -16149,7 +16173,7 @@ var Range = React__default.forwardRef(function (props, ref) {
16149
16173
  });
16150
16174
  Range.displayName = 'input';
16151
16175
 
16152
- var _templateObject$E, _templateObject2$t, _templateObject3$n, _templateObject4$d, _templateObject5$b, _templateObject6$a, _templateObject7$a;
16176
+ var _templateObject$E, _templateObject2$t, _templateObject3$n, _templateObject4$e, _templateObject5$c, _templateObject6$a, _templateObject7$a;
16153
16177
  var LabelContainer$5 = styled__default.div(_templateObject$E || (_templateObject$E = _taggedTemplateLiteralLoose(["\n ", "\n display: flex;\n align-items: center;\n"])), function (_ref) {
16154
16178
  var theme = _ref.theme;
16155
16179
  return theme.useTypography('p');
@@ -16164,11 +16188,11 @@ var Label$6 = styled__default.label(_templateObject2$t || (_templateObject2$t =
16164
16188
  return styled.css(_templateObject3$n || (_templateObject3$n = _taggedTemplateLiteralLoose(["\n > span {\n cursor: pointer;\n }\n "])));
16165
16189
  }
16166
16190
 
16167
- return styled.css(_templateObject4$d || (_templateObject4$d = _taggedTemplateLiteralLoose(["\n opacity: 0.5;\n "])));
16191
+ return styled.css(_templateObject4$e || (_templateObject4$e = _taggedTemplateLiteralLoose(["\n opacity: 0.5;\n "])));
16168
16192
  }, function (_ref4) {
16169
16193
  var required = _ref4.required;
16170
16194
  if (!required) return;
16171
- return styled.css(_templateObject5$b || (_templateObject5$b = _taggedTemplateLiteralLoose(["\n > ", " {\n :after {\n content: ' *';\n }\n }\n "])), LabelContainer$5);
16195
+ return styled.css(_templateObject5$c || (_templateObject5$c = _taggedTemplateLiteralLoose(["\n > ", " {\n :after {\n content: ' *';\n }\n }\n "])), LabelContainer$5);
16172
16196
  }, function (_ref5) {
16173
16197
  var invalid = _ref5.invalid;
16174
16198
 
@@ -16392,7 +16416,7 @@ var parse = function parse(value) {
16392
16416
  });
16393
16417
  };
16394
16418
 
16395
- var _templateObject$F, _templateObject2$u, _templateObject3$o, _templateObject4$e, _templateObject5$c, _templateObject6$b, _templateObject7$b, _templateObject8$8, _templateObject9$8, _templateObject10$7, _templateObject11$3, _templateObject12$2;
16419
+ var _templateObject$F, _templateObject2$u, _templateObject3$o, _templateObject4$f, _templateObject5$d, _templateObject6$b, _templateObject7$b, _templateObject8$9, _templateObject9$8, _templateObject10$7, _templateObject11$3, _templateObject12$2;
16396
16420
  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"])));
16397
16421
  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) {
16398
16422
  var theme = _ref.theme;
@@ -16407,9 +16431,9 @@ var LabelContainer$6 = styled__default.div(_templateObject2$u || (_templateObjec
16407
16431
  }, function (_ref4) {
16408
16432
  var onClick = _ref4.onClick;
16409
16433
  if (!onClick) return;
16410
- return styled.css(_templateObject4$e || (_templateObject4$e = _taggedTemplateLiteralLoose(["\n :not(:disabled) {\n cursor: pointer;\n }\n "])));
16434
+ return styled.css(_templateObject4$f || (_templateObject4$f = _taggedTemplateLiteralLoose(["\n :not(:disabled) {\n cursor: pointer;\n }\n "])));
16411
16435
  });
16412
- var Container$6 = styled__default.div(_templateObject5$c || (_templateObject5$c = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n border-radius: 4px;\n white-space: nowrap;\n gap: ", ";\n border-width: 1px;\n border-style: solid;\n border-color: ", ";\n\n width: 100%;\n\n ", ";\n\n ", "\n\n ", "\n"])), function (_ref5) {
16436
+ 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) {
16413
16437
  var theme = _ref5.theme;
16414
16438
  return theme.spacings.s1;
16415
16439
  }, function (_ref6) {
@@ -16435,7 +16459,7 @@ var Container$6 = styled__default.div(_templateObject5$c || (_templateObject5$c
16435
16459
  }, function (_ref10) {
16436
16460
  var disabled = _ref10.disabled;
16437
16461
  if (!disabled) return;
16438
- return styled.css(_templateObject8$8 || (_templateObject8$8 = _taggedTemplateLiteralLoose(["\n opacity: 0.5;\n "])));
16462
+ return styled.css(_templateObject8$9 || (_templateObject8$9 = _taggedTemplateLiteralLoose(["\n opacity: 0.5;\n "])));
16439
16463
  });
16440
16464
  var Button$4 = styled__default.button(_templateObject9$8 || (_templateObject9$8 = _taggedTemplateLiteralLoose(["\n display: flex;\n background-color: transparent;\n border: none;\n padding: 0;\n box-shadow: none;\n\n ", ";\n"])), function (_ref11) {
16441
16465
  var onClick = _ref11.onClick;
@@ -17289,7 +17313,7 @@ var Input$5 = Object.assign(Component$2, {
17289
17313
  getPhoneDetails: Phone.getPhoneDetails
17290
17314
  });
17291
17315
 
17292
- var _templateObject$L, _templateObject2$x, _templateObject3$q, _templateObject4$f;
17316
+ var _templateObject$L, _templateObject2$x, _templateObject3$q, _templateObject4$g;
17293
17317
  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) {
17294
17318
  var theme = _ref.theme;
17295
17319
  return theme.colors.white;
@@ -17313,7 +17337,7 @@ var Title = styled__default.div(_templateObject3$q || (_templateObject3$q = _tag
17313
17337
  var getColor = _ref6.theme.getColor;
17314
17338
  return getColor('greyishBlue', 50);
17315
17339
  });
17316
- var Item = styled__default.div(_templateObject4$f || (_templateObject4$f = _taggedTemplateLiteralLoose(["\n padding: ", ";\n display: flex;\n align-items: center;\n\n :not(:last-child) {\n border-bottom: 1px solid\n ", ";\n }\n\n > div:nth-child(1) {\n flex: 1;\n\n > div:nth-child(1) {\n ", "\n color: ", ";\n }\n > div:nth-child(2) {\n ", "\n }\n }\n > div:nth-child(2) {\n display: flex;\n align-items: center;\n cursor: pointer;\n }\n"])), function (_ref7) {
17340
+ var Item = styled__default.div(_templateObject4$g || (_templateObject4$g = _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) {
17317
17341
  var s1 = _ref7.theme.spacings.s1;
17318
17342
  return s1 + " " + s1 + " " + s1 + " 0";
17319
17343
  }, function (_ref8) {
@@ -17494,21 +17518,21 @@ var AppliedFilters = Object.assign(function (props) {
17494
17518
  Menu: AppliedFiltersMenu
17495
17519
  });
17496
17520
 
17497
- var _templateObject$N, _templateObject2$z, _templateObject3$s, _templateObject4$g, _templateObject5$d, _templateObject6$c, _templateObject7$c, _templateObject8$9, _templateObject9$9, _templateObject10$8;
17521
+ var _templateObject$N, _templateObject2$z, _templateObject3$s, _templateObject4$h, _templateObject5$e, _templateObject6$c, _templateObject7$c, _templateObject8$a, _templateObject9$9, _templateObject10$8;
17498
17522
  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) {
17499
17523
  return props.size === 'mini' && styled.css(_templateObject2$z || (_templateObject2$z = _taggedTemplateLiteralLoose(["\n width: 394px;\n height: 99px;\n "])));
17500
17524
  }, function (props) {
17501
17525
  return props.size === 'small' && styled.css(_templateObject3$s || (_templateObject3$s = _taggedTemplateLiteralLoose(["\n width: 394px;\n height: 131px;\n "])));
17502
17526
  }, function (props) {
17503
- return props.size === 'medium' && styled.css(_templateObject4$g || (_templateObject4$g = _taggedTemplateLiteralLoose(["\n width: 394px;\n "])));
17527
+ return props.size === 'medium' && styled.css(_templateObject4$h || (_templateObject4$h = _taggedTemplateLiteralLoose(["\n width: 394px;\n "])));
17504
17528
  }, function (props) {
17505
- return props.size === 'big' && styled.css(_templateObject5$d || (_templateObject5$d = _taggedTemplateLiteralLoose(["\n width: 414px;\n height: 324px;\n "])));
17529
+ return props.size === 'big' && styled.css(_templateObject5$e || (_templateObject5$e = _taggedTemplateLiteralLoose(["\n width: 414px;\n height: 324px;\n "])));
17506
17530
  }, function (props) {
17507
17531
  return props.borderType === 'info' && styled.css(_templateObject6$c || (_templateObject6$c = _taggedTemplateLiteralLoose(["\n border-left-color: #4d6dbe;\n "])));
17508
17532
  }, function (props) {
17509
17533
  return props.borderType === 'success' && styled.css(_templateObject7$c || (_templateObject7$c = _taggedTemplateLiteralLoose(["\n border-left-color: #66bb6a;\n "])));
17510
17534
  }, function (props) {
17511
- return props.borderType === 'warning' && styled.css(_templateObject8$9 || (_templateObject8$9 = _taggedTemplateLiteralLoose(["\n border-left-color: #fbcb01;\n "])));
17535
+ return props.borderType === 'warning' && styled.css(_templateObject8$a || (_templateObject8$a = _taggedTemplateLiteralLoose(["\n border-left-color: #fbcb01;\n "])));
17512
17536
  }, function (props) {
17513
17537
  return props.borderType === 'danger' && styled.css(_templateObject9$9 || (_templateObject9$9 = _taggedTemplateLiteralLoose(["\n border-left-color: #e23851;\n "])));
17514
17538
  }, function (props) {
@@ -17935,7 +17959,7 @@ var useContext$3 = function useContext() {
17935
17959
  return React__default.useContext(Provider$3);
17936
17960
  };
17937
17961
 
17938
- var _templateObject$Q, _templateObject2$A, _templateObject3$t, _templateObject4$h, _templateObject5$e, _templateObject6$d, _templateObject7$d, _templateObject8$a, _templateObject9$a, _templateObject10$9, _templateObject11$4, _templateObject12$3, _templateObject13$2, _templateObject14$2, _templateObject15$2;
17962
+ var _templateObject$Q, _templateObject2$A, _templateObject3$t, _templateObject4$i, _templateObject5$f, _templateObject6$d, _templateObject7$d, _templateObject8$b, _templateObject9$a, _templateObject10$9, _templateObject11$4, _templateObject12$3, _templateObject13$2, _templateObject14$2, _templateObject15$2;
17939
17963
  var aligns = {
17940
17964
  self: {
17941
17965
  horizontal: {
@@ -17974,7 +17998,7 @@ var Col = styled__default.div(_templateObject$Q || (_templateObject$Q = _taggedT
17974
17998
  }
17975
17999
 
17976
18000
  var w = parseFloat(width) * 100 / 12;
17977
- return styled.css(_templateObject4$h || (_templateObject4$h = _taggedTemplateLiteralLoose(["\n flex: 0 0 ", "%;\n max-width: ", "%;\n width: 100%;\n "])), w, w);
18001
+ return styled.css(_templateObject4$i || (_templateObject4$i = _taggedTemplateLiteralLoose(["\n flex: 0 0 ", "%;\n max-width: ", "%;\n width: 100%;\n "])), w, w);
17978
18002
  }, function (_ref2) {
17979
18003
  var spacing = _ref2.spacing;
17980
18004
  var padding = getSpacings(spacing === undefined ? 's1' : spacing);
@@ -17982,7 +18006,7 @@ var Col = styled__default.div(_templateObject$Q || (_templateObject$Q = _taggedT
17982
18006
  }, function (_ref3) {
17983
18007
  var spacingAround = _ref3.spacingAround;
17984
18008
  if (spacingAround) return;
17985
- return styled.css(_templateObject5$e || (_templateObject5$e = _taggedTemplateLiteralLoose(["\n :first-child {\n padding-left: 0;\n }\n :last-child {\n padding-right: 0;\n }\n "])));
18009
+ return styled.css(_templateObject5$f || (_templateObject5$f = _taggedTemplateLiteralLoose(["\n :first-child {\n padding-left: 0;\n }\n :last-child {\n padding-right: 0;\n }\n "])));
17986
18010
  }, function (_ref4) {
17987
18011
  var align = _ref4.align;
17988
18012
  if (align === undefined) return;
@@ -18006,7 +18030,7 @@ var Col = styled__default.div(_templateObject$Q || (_templateObject$Q = _taggedT
18006
18030
  if (align.content.horizontal !== undefined) {
18007
18031
  var _v2 = align.content.horizontal;
18008
18032
  var _a2 = aligns.content.horizontal;
18009
- styles.push(styled.css(_templateObject8$a || (_templateObject8$a = _taggedTemplateLiteralLoose(["\n justify-content: ", ";\n "])), _a2[_v2]));
18033
+ styles.push(styled.css(_templateObject8$b || (_templateObject8$b = _taggedTemplateLiteralLoose(["\n justify-content: ", ";\n "])), _a2[_v2]));
18010
18034
  }
18011
18035
 
18012
18036
  if (align.content.vertical !== undefined) {
@@ -18100,7 +18124,7 @@ var Grid$1 = React__default.forwardRef(function (props, ref) {
18100
18124
  });
18101
18125
  Grid$1.displayName = 'Grid';
18102
18126
 
18103
- var _templateObject$S, _templateObject2$C, _templateObject3$v, _templateObject4$i, _templateObject5$f, _templateObject6$e, _templateObject7$e, _templateObject8$b, _templateObject9$b, _templateObject10$a;
18127
+ var _templateObject$S, _templateObject2$C, _templateObject3$v, _templateObject4$j, _templateObject5$g, _templateObject6$e, _templateObject7$e, _templateObject8$c, _templateObject9$b, _templateObject10$a;
18104
18128
  var horizontalAligns = {
18105
18129
  around: 'space-around',
18106
18130
  between: 'space-between',
@@ -18125,11 +18149,11 @@ var Row = styled__default.div(_templateObject$S || (_templateObject$S = _taggedT
18125
18149
  }, function (_ref3) {
18126
18150
  var horizontalAlign = _ref3.horizontalAlign;
18127
18151
  if (horizontalAlign === undefined) return;
18128
- return styled.css(_templateObject4$i || (_templateObject4$i = _taggedTemplateLiteralLoose(["\n justify-content: ", ";\n "])), horizontalAligns[horizontalAlign]);
18152
+ return styled.css(_templateObject4$j || (_templateObject4$j = _taggedTemplateLiteralLoose(["\n justify-content: ", ";\n "])), horizontalAligns[horizontalAlign]);
18129
18153
  }, function (_ref4) {
18130
18154
  var verticalAlign = _ref4.verticalAlign;
18131
18155
  if (verticalAlign === undefined) return;
18132
- return styled.css(_templateObject5$f || (_templateObject5$f = _taggedTemplateLiteralLoose(["\n align-items: ", ";\n "])), verticalAligns[verticalAlign]);
18156
+ return styled.css(_templateObject5$g || (_templateObject5$g = _taggedTemplateLiteralLoose(["\n align-items: ", ";\n "])), verticalAligns[verticalAlign]);
18133
18157
  }, function (_ref5) {
18134
18158
  var striped = _ref5.striped,
18135
18159
  backgroundColor = _ref5.backgroundColor,
@@ -18157,7 +18181,7 @@ var Row = styled__default.div(_templateObject$S || (_templateObject$S = _taggedT
18157
18181
  even: theme.colors.white,
18158
18182
  odd: theme.colors.white
18159
18183
  });
18160
- return styled.css(_templateObject8$b || (_templateObject8$b = _taggedTemplateLiteralLoose(["\n :nth-child(even) {\n background-color: ", ";\n }\n :nth-child(odd) {\n background-color: ", ";\n }\n "])), colors.even, colors.odd);
18184
+ return styled.css(_templateObject8$c || (_templateObject8$c = _taggedTemplateLiteralLoose(["\n :nth-child(even) {\n background-color: ", ";\n }\n :nth-child(odd) {\n background-color: ", ";\n }\n "])), colors.even, colors.odd);
18161
18185
  }, function (_ref6) {
18162
18186
  var fontColor = _ref6.fontColor,
18163
18187
  theme = _ref6.theme;
@@ -18231,7 +18255,7 @@ var widths = {
18231
18255
  default: '642.5px'
18232
18256
  };
18233
18257
 
18234
- var _templateObject$T, _templateObject2$D, _templateObject3$w, _templateObject4$j, _templateObject5$g, _templateObject6$f, _templateObject7$f, _templateObject8$c, _templateObject9$c, _templateObject10$b;
18258
+ var _templateObject$T, _templateObject2$D, _templateObject3$w, _templateObject4$k, _templateObject5$h, _templateObject6$f, _templateObject7$f, _templateObject8$d, _templateObject9$c, _templateObject10$b;
18235
18259
  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) {
18236
18260
  var theme = _ref.theme;
18237
18261
  return theme.getColor('black', 25);
@@ -18242,9 +18266,9 @@ var Header$5 = styled__default.div(_templateObject3$w || (_templateObject3$w = _
18242
18266
  colors = _ref2$theme.colors,
18243
18267
  spacings = _ref2$theme.spacings,
18244
18268
  useTypography = _ref2$theme.useTypography;
18245
- return styled.css(_templateObject4$j || (_templateObject4$j = _taggedTemplateLiteralLoose(["\n border-bottom: 1px solid ", ";\n padding: ", ";\n\n ", "\n "])), colors.lightestGrey, spacings.s4, useTypography('h1'));
18269
+ return styled.css(_templateObject4$k || (_templateObject4$k = _taggedTemplateLiteralLoose(["\n border-bottom: 1px solid ", ";\n padding: ", ";\n\n ", "\n "])), colors.lightestGrey, spacings.s4, useTypography('h1'));
18246
18270
  });
18247
- var Footer$2 = styled__default.div(_templateObject5$g || (_templateObject5$g = _taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n\n ", "\n"])), function (_ref3) {
18271
+ 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) {
18248
18272
  var _ref3$theme = _ref3.theme,
18249
18273
  spacings = _ref3$theme.spacings,
18250
18274
  colors = _ref3$theme.colors;
@@ -18254,7 +18278,7 @@ var FooterMessage = styled__default.div(_templateObject7$f || (_templateObject7$
18254
18278
  var theme = _ref4.theme;
18255
18279
  return theme.getColor('darkBlue', 75);
18256
18280
  });
18257
- var FooterButtons = styled__default.div(_templateObject8$c || (_templateObject8$c = _taggedTemplateLiteralLoose(["\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: flex-end;\n gap: ", ";\n"])), function (_ref5) {
18281
+ var FooterButtons = styled__default.div(_templateObject8$d || (_templateObject8$d = _taggedTemplateLiteralLoose(["\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: flex-end;\n gap: ", ";\n"])), function (_ref5) {
18258
18282
  var theme = _ref5.theme;
18259
18283
  return theme.spacings.s3;
18260
18284
  });
@@ -18461,18 +18485,18 @@ var Modal$1 = Object.assign(Modal, {
18461
18485
  Audit: Audit
18462
18486
  });
18463
18487
 
18464
- var _templateObject$X, _templateObject2$E, _templateObject3$x, _templateObject4$k, _templateObject5$h, _templateObject6$g, _templateObject7$g, _templateObject8$d, _templateObject9$d, _templateObject10$c, _templateObject11$5;
18488
+ var _templateObject$X, _templateObject2$E, _templateObject3$x, _templateObject4$l, _templateObject5$i, _templateObject6$g, _templateObject7$g, _templateObject8$e, _templateObject9$d, _templateObject10$c, _templateObject11$5;
18465
18489
  var Container$c = styled__default.div(_templateObject$X || (_templateObject$X = _taggedTemplateLiteralLoose(["\n width: 100%;\n height: 300px;\n position: absolute;\n padding: 14px;\n"])));
18466
18490
  var Header$6 = styled__default.div(_templateObject2$E || (_templateObject2$E = _taggedTemplateLiteralLoose(["\n display: flex;\n"])));
18467
18491
  var HeaderImage = styled__default.div(_templateObject3$x || (_templateObject3$x = _taggedTemplateLiteralLoose(["\n width: 43px;\n height: 44px;\n background-color: #ebebeb;\n"])));
18468
- var HeaderContent = styled__default.div(_templateObject4$k || (_templateObject4$k = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n flex: 1;\n"])));
18469
- var MainContent = styled__default.div(_templateObject5$h || (_templateObject5$h = _taggedTemplateLiteralLoose(["\n margin-top: 8px;\n"])));
18492
+ var HeaderContent = styled__default.div(_templateObject4$l || (_templateObject4$l = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n flex: 1;\n"])));
18493
+ var MainContent = styled__default.div(_templateObject5$i || (_templateObject5$i = _taggedTemplateLiteralLoose(["\n margin-top: 8px;\n"])));
18470
18494
  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) {
18471
18495
  return props.height;
18472
18496
  }, function (props) {
18473
18497
  return props.size === 'mini' && styled.css(_templateObject7$g || (_templateObject7$g = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
18474
18498
  }, function (props) {
18475
- return props.size === 'small' && styled.css(_templateObject8$d || (_templateObject8$d = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
18499
+ return props.size === 'small' && styled.css(_templateObject8$e || (_templateObject8$e = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
18476
18500
  }, function (props) {
18477
18501
  return props.size === 'medium' && styled.css(_templateObject9$d || (_templateObject9$d = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
18478
18502
  }, function (props) {
@@ -18513,7 +18537,7 @@ var Template1 = function Template1(props) {
18513
18537
  })));
18514
18538
  };
18515
18539
 
18516
- var _templateObject$Y, _templateObject2$F, _templateObject3$y, _templateObject4$l, _templateObject5$i;
18540
+ var _templateObject$Y, _templateObject2$F, _templateObject3$y, _templateObject4$m, _templateObject5$j;
18517
18541
  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) {
18518
18542
  return props.height;
18519
18543
  }, function (props) {
@@ -18521,20 +18545,20 @@ var HeaderLine$1 = styled__default.div(_templateObject$Y || (_templateObject$Y =
18521
18545
  }, function (props) {
18522
18546
  return props.size === 'small' && styled.css(_templateObject3$y || (_templateObject3$y = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
18523
18547
  }, function (props) {
18524
- return props.size === 'medium' && styled.css(_templateObject4$l || (_templateObject4$l = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
18548
+ return props.size === 'medium' && styled.css(_templateObject4$m || (_templateObject4$m = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
18525
18549
  }, function (props) {
18526
- return props.size === 'large' && styled.css(_templateObject5$i || (_templateObject5$i = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
18550
+ return props.size === 'large' && styled.css(_templateObject5$j || (_templateObject5$j = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
18527
18551
  });
18528
18552
 
18529
- var _templateObject$Z, _templateObject2$G, _templateObject3$z, _templateObject4$m, _templateObject5$j, _templateObject6$h, _templateObject7$h, _templateObject8$e;
18553
+ var _templateObject$Z, _templateObject2$G, _templateObject3$z, _templateObject4$n, _templateObject5$k, _templateObject6$h, _templateObject7$h, _templateObject8$f;
18530
18554
  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"])));
18531
18555
  var Template2Container = styled__default(Container$d)(_templateObject2$G || (_templateObject2$G = _taggedTemplateLiteralLoose(["\n background: #fff;\n border: 2px solid #ebebeb;\n"])));
18532
18556
  var Header$7 = styled__default.div(_templateObject3$z || (_templateObject3$z = _taggedTemplateLiteralLoose(["\n display: flex;\n"])));
18533
- var HeaderImage$1 = styled__default.div(_templateObject4$m || (_templateObject4$m = _taggedTemplateLiteralLoose(["\n width: 43px;\n height: 44px;\n background-color: #ebebeb;\n"])));
18534
- var HeaderContent$1 = styled__default.div(_templateObject5$j || (_templateObject5$j = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n flex: 1;\n"])));
18557
+ var HeaderImage$1 = styled__default.div(_templateObject4$n || (_templateObject4$n = _taggedTemplateLiteralLoose(["\n width: 43px;\n height: 44px;\n background-color: #ebebeb;\n"])));
18558
+ 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"])));
18535
18559
  var MainContent$1 = styled__default.div(_templateObject6$h || (_templateObject6$h = _taggedTemplateLiteralLoose(["\n margin-top: 8px;\n"])));
18536
18560
  var MainLine$1 = styled__default(HeaderLine$1)(_templateObject7$h || (_templateObject7$h = _taggedTemplateLiteralLoose(["\n margin-bottom: 14px;\n margin-left: 0;\n"])));
18537
- var HeaderLine$2 = styled__default(HeaderLine$1)(_templateObject8$e || (_templateObject8$e = _taggedTemplateLiteralLoose([""])));
18561
+ var HeaderLine$2 = styled__default(HeaderLine$1)(_templateObject8$f || (_templateObject8$f = _taggedTemplateLiteralLoose([""])));
18538
18562
 
18539
18563
  var Template2 = function Template2(props) {
18540
18564
  if (!props.loading) return React__default.createElement(React__default.Fragment, null);
@@ -18589,21 +18613,21 @@ var Template3 = function Template3(props) {
18589
18613
  }));
18590
18614
  };
18591
18615
 
18592
- var _templateObject$$, _templateObject2$I, _templateObject3$B, _templateObject4$n, _templateObject5$k, _templateObject6$i, _templateObject7$i, _templateObject8$f;
18616
+ var _templateObject$$, _templateObject2$I, _templateObject3$B, _templateObject4$o, _templateObject5$l, _templateObject6$i, _templateObject7$i, _templateObject8$g;
18593
18617
  var Container$f = styled__default.div(_templateObject$$ || (_templateObject$$ = _taggedTemplateLiteralLoose(["\n width: 100%;\n max-height: 100%;\n position: absolute;\n padding: 14px;\n"])));
18594
18618
  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) {
18595
18619
  return props.height;
18596
18620
  }, function (props) {
18597
18621
  return props.size === 'mini' && styled.css(_templateObject3$B || (_templateObject3$B = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
18598
18622
  }, function (props) {
18599
- return props.size === 'small' && styled.css(_templateObject4$n || (_templateObject4$n = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
18623
+ return props.size === 'small' && styled.css(_templateObject4$o || (_templateObject4$o = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
18600
18624
  }, function (props) {
18601
- return props.size === 'medium' && styled.css(_templateObject5$k || (_templateObject5$k = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
18625
+ return props.size === 'medium' && styled.css(_templateObject5$l || (_templateObject5$l = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
18602
18626
  }, function (props) {
18603
18627
  return props.size === 'large' && styled.css(_templateObject6$i || (_templateObject6$i = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
18604
18628
  });
18605
18629
  var Template4Container = styled__default(Container$f)(_templateObject7$i || (_templateObject7$i = _taggedTemplateLiteralLoose(["\n border: 1px solid #e6e6e7;\n border-radius: 4px;\n"])));
18606
- var CustomLine = styled__default(HeaderLine$3)(_templateObject8$f || (_templateObject8$f = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n background-color: ", ";\n"])), function (props) {
18630
+ var CustomLine = styled__default(HeaderLine$3)(_templateObject8$g || (_templateObject8$g = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n background-color: ", ";\n"])), function (props) {
18607
18631
  return props.width;
18608
18632
  }, function (props) {
18609
18633
  return props.height;
@@ -18656,21 +18680,21 @@ var Template4 = function Template4(props) {
18656
18680
  }));
18657
18681
  };
18658
18682
 
18659
- var _templateObject$10, _templateObject2$J, _templateObject3$C, _templateObject4$o, _templateObject5$l, _templateObject6$j, _templateObject7$j, _templateObject8$g, _templateObject9$e;
18683
+ var _templateObject$10, _templateObject2$J, _templateObject3$C, _templateObject4$p, _templateObject5$m, _templateObject6$j, _templateObject7$j, _templateObject8$h, _templateObject9$e;
18660
18684
  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"])));
18661
18685
  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"])));
18662
18686
  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) {
18663
18687
  return props.height;
18664
18688
  }, function (props) {
18665
- return props.size === 'mini' && styled.css(_templateObject4$o || (_templateObject4$o = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
18689
+ return props.size === 'mini' && styled.css(_templateObject4$p || (_templateObject4$p = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
18666
18690
  }, function (props) {
18667
- return props.size === 'small' && styled.css(_templateObject5$l || (_templateObject5$l = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
18691
+ return props.size === 'small' && styled.css(_templateObject5$m || (_templateObject5$m = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
18668
18692
  }, function (props) {
18669
18693
  return props.size === 'medium' && styled.css(_templateObject6$j || (_templateObject6$j = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
18670
18694
  }, function (props) {
18671
18695
  return props.size === 'large' && styled.css(_templateObject7$j || (_templateObject7$j = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
18672
18696
  });
18673
- var CustomLine$1 = styled__default(HeaderLine$4)(_templateObject8$g || (_templateObject8$g = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n background-color: ", ";\n"])), function (props) {
18697
+ var CustomLine$1 = styled__default(HeaderLine$4)(_templateObject8$h || (_templateObject8$h = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n background-color: ", ";\n"])), function (props) {
18674
18698
  return props.width;
18675
18699
  }, function (props) {
18676
18700
  return props.height;
@@ -18704,20 +18728,20 @@ var Template5 = function Template5(props) {
18704
18728
  })));
18705
18729
  };
18706
18730
 
18707
- var _templateObject$11, _templateObject2$K, _templateObject3$D, _templateObject4$p, _templateObject5$m, _templateObject6$k, _templateObject7$k, _templateObject8$h, _templateObject9$f;
18731
+ var _templateObject$11, _templateObject2$K, _templateObject3$D, _templateObject4$q, _templateObject5$n, _templateObject6$k, _templateObject7$k, _templateObject8$i, _templateObject9$f;
18708
18732
  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"])));
18709
18733
  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"])));
18710
18734
  var Footer$3 = styled__default.div(_templateObject3$D || (_templateObject3$D = _taggedTemplateLiteralLoose(["\n width: 100%;\n border-top: 1px solid #b1b1b3;\n height: 50px;\n"])));
18711
- var HeaderLine$5 = styled__default.div(_templateObject4$p || (_templateObject4$p = _taggedTemplateLiteralLoose(["\n height: ", ";\n background-color: #ebebeb;\n margin-left: 7px;\n\n & + div {\n margin-top: 14px;\n }\n\n ", "\n ", "\n\n ", "\n\n ", "\n"])), function (props) {
18735
+ var HeaderLine$5 = styled__default.div(_templateObject4$q || (_templateObject4$q = _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) {
18712
18736
  return props.height;
18713
18737
  }, function (props) {
18714
- return props.size === 'mini' && styled.css(_templateObject5$m || (_templateObject5$m = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
18738
+ return props.size === 'mini' && styled.css(_templateObject5$n || (_templateObject5$n = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
18715
18739
  }, function (props) {
18716
18740
  return props.size === 'small' && styled.css(_templateObject6$k || (_templateObject6$k = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
18717
18741
  }, function (props) {
18718
18742
  return props.size === 'medium' && styled.css(_templateObject7$k || (_templateObject7$k = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
18719
18743
  }, function (props) {
18720
- return props.size === 'large' && styled.css(_templateObject8$h || (_templateObject8$h = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
18744
+ return props.size === 'large' && styled.css(_templateObject8$i || (_templateObject8$i = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
18721
18745
  });
18722
18746
  var CustomLine$2 = styled__default(HeaderLine$5)(_templateObject9$f || (_templateObject9$f = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n background-color: ", ";\n border: 1px solid #dedede5e;\n"])), function (props) {
18723
18747
  return props.width;
@@ -18747,21 +18771,21 @@ var Template6 = function Template6(props) {
18747
18771
  })));
18748
18772
  };
18749
18773
 
18750
- var _templateObject$12, _templateObject2$L, _templateObject3$E, _templateObject4$q, _templateObject5$n, _templateObject6$l, _templateObject7$l, _templateObject8$i, _templateObject9$g, _templateObject10$d;
18774
+ var _templateObject$12, _templateObject2$L, _templateObject3$E, _templateObject4$r, _templateObject5$o, _templateObject6$l, _templateObject7$l, _templateObject8$j, _templateObject9$g, _templateObject10$d;
18751
18775
  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"])));
18752
18776
  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"])));
18753
18777
  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) {
18754
18778
  return props.height;
18755
18779
  }, function (props) {
18756
- return props.size === 'mini' && styled.css(_templateObject4$q || (_templateObject4$q = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
18780
+ return props.size === 'mini' && styled.css(_templateObject4$r || (_templateObject4$r = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
18757
18781
  }, function (props) {
18758
- return props.size === 'small' && styled.css(_templateObject5$n || (_templateObject5$n = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
18782
+ return props.size === 'small' && styled.css(_templateObject5$o || (_templateObject5$o = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
18759
18783
  }, function (props) {
18760
18784
  return props.size === 'medium' && styled.css(_templateObject6$l || (_templateObject6$l = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
18761
18785
  }, function (props) {
18762
18786
  return props.size === 'large' && styled.css(_templateObject7$l || (_templateObject7$l = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
18763
18787
  });
18764
- var CustomLine$3 = styled__default(HeaderLine$6)(_templateObject8$i || (_templateObject8$i = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n background-color: ", ";\n border: 1px solid #dedede5e;\n"])), function (props) {
18788
+ var CustomLine$3 = styled__default(HeaderLine$6)(_templateObject8$j || (_templateObject8$j = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n background-color: ", ";\n border: 1px solid #dedede5e;\n"])), function (props) {
18765
18789
  return props.width;
18766
18790
  }, function (props) {
18767
18791
  return props.height;
@@ -18781,21 +18805,21 @@ var Template7 = function Template7(props) {
18781
18805
  })), 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)));
18782
18806
  };
18783
18807
 
18784
- var _templateObject$13, _templateObject2$M, _templateObject3$F, _templateObject4$r, _templateObject5$o, _templateObject6$m, _templateObject7$m, _templateObject8$j, _templateObject9$h;
18808
+ var _templateObject$13, _templateObject2$M, _templateObject3$F, _templateObject4$s, _templateObject5$p, _templateObject6$m, _templateObject7$m, _templateObject8$k, _templateObject9$h;
18785
18809
  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"])));
18786
18810
  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"])));
18787
18811
  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) {
18788
18812
  return props.height;
18789
18813
  }, function (props) {
18790
- return props.size === 'mini' && styled.css(_templateObject4$r || (_templateObject4$r = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
18814
+ return props.size === 'mini' && styled.css(_templateObject4$s || (_templateObject4$s = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
18791
18815
  }, function (props) {
18792
- return props.size === 'small' && styled.css(_templateObject5$o || (_templateObject5$o = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
18816
+ return props.size === 'small' && styled.css(_templateObject5$p || (_templateObject5$p = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
18793
18817
  }, function (props) {
18794
18818
  return props.size === 'medium' && styled.css(_templateObject6$m || (_templateObject6$m = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
18795
18819
  }, function (props) {
18796
18820
  return props.size === 'large' && styled.css(_templateObject7$m || (_templateObject7$m = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
18797
18821
  });
18798
- var CustomLine$4 = styled__default(HeaderLine$7)(_templateObject8$j || (_templateObject8$j = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n background-color: ", ";\n border: 1px solid #dedede5e;\n"])), function (props) {
18822
+ var CustomLine$4 = styled__default(HeaderLine$7)(_templateObject8$k || (_templateObject8$k = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n background-color: ", ";\n border: 1px solid #dedede5e;\n"])), function (props) {
18799
18823
  return props.width;
18800
18824
  }, function (props) {
18801
18825
  return props.height;
@@ -18824,21 +18848,21 @@ var Template8 = function Template8(props) {
18824
18848
  })));
18825
18849
  };
18826
18850
 
18827
- var _templateObject$14, _templateObject2$N, _templateObject3$G, _templateObject4$s, _templateObject5$p, _templateObject6$n, _templateObject7$n, _templateObject8$k, _templateObject9$i, _templateObject10$e;
18851
+ var _templateObject$14, _templateObject2$N, _templateObject3$G, _templateObject4$t, _templateObject5$q, _templateObject6$n, _templateObject7$n, _templateObject8$l, _templateObject9$i, _templateObject10$e;
18828
18852
  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"])));
18829
18853
  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"])));
18830
18854
  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) {
18831
18855
  return props.height;
18832
18856
  }, function (props) {
18833
- return props.size === 'mini' && styled.css(_templateObject4$s || (_templateObject4$s = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
18857
+ return props.size === 'mini' && styled.css(_templateObject4$t || (_templateObject4$t = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
18834
18858
  }, function (props) {
18835
- return props.size === 'small' && styled.css(_templateObject5$p || (_templateObject5$p = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
18859
+ return props.size === 'small' && styled.css(_templateObject5$q || (_templateObject5$q = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
18836
18860
  }, function (props) {
18837
18861
  return props.size === 'medium' && styled.css(_templateObject6$n || (_templateObject6$n = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
18838
18862
  }, function (props) {
18839
18863
  return props.size === 'large' && styled.css(_templateObject7$n || (_templateObject7$n = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
18840
18864
  });
18841
- var CustomLine$5 = styled__default(HeaderLine$8)(_templateObject8$k || (_templateObject8$k = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n background-color: ", ";\n border: 1px solid #dedede5e;\n"])), function (props) {
18865
+ var CustomLine$5 = styled__default(HeaderLine$8)(_templateObject8$l || (_templateObject8$l = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n background-color: ", ";\n border: 1px solid #dedede5e;\n"])), function (props) {
18842
18866
  return props.width;
18843
18867
  }, function (props) {
18844
18868
  return props.height;
@@ -18863,21 +18887,21 @@ var Template8$1 = function Template8(props) {
18863
18887
  })), React__default.createElement(Main$4, null, React__default.createElement(Circle$2, null)));
18864
18888
  };
18865
18889
 
18866
- var _templateObject$15, _templateObject2$O, _templateObject3$H, _templateObject4$t, _templateObject5$q, _templateObject6$o, _templateObject7$o, _templateObject8$l, _templateObject9$j, _templateObject10$f, _templateObject11$6;
18890
+ var _templateObject$15, _templateObject2$O, _templateObject3$H, _templateObject4$u, _templateObject5$r, _templateObject6$o, _templateObject7$o, _templateObject8$m, _templateObject9$j, _templateObject10$f, _templateObject11$6;
18867
18891
  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"])));
18868
18892
  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"])));
18869
18893
  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) {
18870
18894
  return props.height;
18871
18895
  }, function (props) {
18872
- return props.size === 'mini' && styled.css(_templateObject4$t || (_templateObject4$t = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
18896
+ return props.size === 'mini' && styled.css(_templateObject4$u || (_templateObject4$u = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
18873
18897
  }, function (props) {
18874
- return props.size === 'small' && styled.css(_templateObject5$q || (_templateObject5$q = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
18898
+ return props.size === 'small' && styled.css(_templateObject5$r || (_templateObject5$r = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
18875
18899
  }, function (props) {
18876
18900
  return props.size === 'medium' && styled.css(_templateObject6$o || (_templateObject6$o = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
18877
18901
  }, function (props) {
18878
18902
  return props.size === 'large' && styled.css(_templateObject7$o || (_templateObject7$o = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
18879
18903
  });
18880
- var CustomLine$6 = styled__default(HeaderLine$9)(_templateObject8$l || (_templateObject8$l = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n background-color: ", ";\n border: 1px solid #dedede5e;\n"])), function (props) {
18904
+ var CustomLine$6 = styled__default(HeaderLine$9)(_templateObject8$m || (_templateObject8$m = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n background-color: ", ";\n border: 1px solid #dedede5e;\n"])), function (props) {
18881
18905
  return props.width;
18882
18906
  }, function (props) {
18883
18907
  return props.height;
@@ -19007,7 +19031,7 @@ var Placeholder = function Placeholder(props) {
19007
19031
  }
19008
19032
  };
19009
19033
 
19010
- var _templateObject$16, _templateObject2$P, _templateObject3$I, _templateObject4$u, _templateObject5$r, _templateObject6$p, _templateObject7$p;
19034
+ var _templateObject$16, _templateObject2$P, _templateObject3$I, _templateObject4$v, _templateObject5$s, _templateObject6$p, _templateObject7$p;
19011
19035
  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"])));
19012
19036
  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) {
19013
19037
  return props.value + "%";
@@ -19017,12 +19041,12 @@ var Progress = styled__default.div(_templateObject2$P || (_templateObject2$P = _
19017
19041
  return theme.colors.warningGray;
19018
19042
  });
19019
19043
  }, function (props) {
19020
- return props.type === 'info' && styled.css(_templateObject4$u || (_templateObject4$u = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n "])), function (_ref2) {
19044
+ return props.type === 'info' && styled.css(_templateObject4$v || (_templateObject4$v = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n "])), function (_ref2) {
19021
19045
  var theme = _ref2.theme;
19022
19046
  return theme.colors.blue;
19023
19047
  });
19024
19048
  }, function (props) {
19025
- return props.type === 'danger' && styled.css(_templateObject5$r || (_templateObject5$r = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n "])), function (_ref3) {
19049
+ return props.type === 'danger' && styled.css(_templateObject5$s || (_templateObject5$s = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n "])), function (_ref3) {
19026
19050
  var theme = _ref3.theme;
19027
19051
  return theme.colors.warningRed;
19028
19052
  });
@@ -19042,7 +19066,7 @@ var ProgressBar = function ProgressBar(props) {
19042
19066
  return React__default.createElement(Container$m, null, React__default.createElement(Progress, Object.assign({}, props), React__default.createElement("div", null)), React__default.createElement("span", null, " ", props.value || '0', "%"));
19043
19067
  };
19044
19068
 
19045
- var _templateObject$17, _templateObject2$Q, _templateObject3$J, _templateObject4$v, _templateObject5$s, _templateObject6$q, _templateObject7$q, _templateObject8$m;
19069
+ var _templateObject$17, _templateObject2$Q, _templateObject3$J, _templateObject4$w, _templateObject5$t, _templateObject6$q, _templateObject7$q, _templateObject8$n;
19046
19070
  var Container$n = styled__default.div(_templateObject$17 || (_templateObject$17 = _taggedTemplateLiteralLoose(["\n display: block;\n"])));
19047
19071
  var delimiters = {
19048
19072
  blue: ['blue'],
@@ -19076,20 +19100,20 @@ var Tabs = styled__default.ul(_templateObject2$Q || (_templateObject2$Q = _tagge
19076
19100
  return internal ? "1px solid " + theme.getColor.apply(theme, delimiters[delimiter || 'grey']) : "2px solid " + theme.getColor.apply(theme, delimiters[delimiter || 'blue']);
19077
19101
  }();
19078
19102
 
19079
- return styled.css(_templateObject4$v || (_templateObject4$v = _taggedTemplateLiteralLoose(["\n border-bottom: ", ";\n\n + div {\n border: 1px solid ", ";\n border-top-width: 0px;\n border-radius: 0px 0px 2px 2px;\n padding: ", ";\n }\n "])), border, theme.getColor.apply(theme, delimiters.grey), theme.spacings.s3);
19103
+ return styled.css(_templateObject4$w || (_templateObject4$w = _taggedTemplateLiteralLoose(["\n border-bottom: ", ";\n\n + div {\n border: 1px solid ", ";\n border-top-width: 0px;\n border-radius: 0px 0px 2px 2px;\n padding: ", ";\n }\n "])), border, theme.getColor.apply(theme, delimiters.grey), theme.spacings.s3);
19080
19104
  }, function (_ref3) {
19081
19105
  var theme = _ref3.theme,
19082
19106
  internal = _ref3.$internal;
19083
19107
  return internal ? theme.spacings.s6 : 0;
19084
19108
  });
19085
- var Tab = styled__default.li(_templateObject5$s || (_templateObject5$s = _taggedTemplateLiteralLoose(["\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: space-between;\n\n ", "\n"])), function (_ref4) {
19109
+ var Tab = styled__default.li(_templateObject5$t || (_templateObject5$t = _taggedTemplateLiteralLoose(["\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: space-between;\n\n ", "\n"])), function (_ref4) {
19086
19110
  var theme = _ref4.theme,
19087
19111
  active = _ref4.$active,
19088
19112
  internal = _ref4.$internal;
19089
19113
  return styled.css(_templateObject6$q || (_templateObject6$q = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n padding: ", ";\n gap: ", ";\n\n ", "\n\n span {\n color: ", ";\n }\n "])), theme.colors[active ? 'blue' : 'white'], theme.spacings.s3, theme.spacings.s3, internal ? styled.css(_templateObject7$q || (_templateObject7$q = _taggedTemplateLiteralLoose(["\n border-radius: 4px 4px 0 0;\n\n > span {\n ", "\n line-height: 17px;\n }\n "])), function (_ref5) {
19090
19114
  var theme = _ref5.theme;
19091
19115
  return theme.useTypography('h4');
19092
- }) : styled.css(_templateObject8$m || (_templateObject8$m = _taggedTemplateLiteralLoose(["\n box-shadow: 0px 3px 6px ", ";\n\n > span {\n ", "\n line-height: 19px;\n }\n "])), theme.getColor('black', 15), function (_ref6) {
19116
+ }) : styled.css(_templateObject8$n || (_templateObject8$n = _taggedTemplateLiteralLoose(["\n box-shadow: 0px 3px 6px ", ";\n\n > span {\n ", "\n line-height: 19px;\n }\n "])), theme.getColor('black', 15), function (_ref6) {
19093
19117
  var theme = _ref6.theme;
19094
19118
  return theme.useTypography('h2');
19095
19119
  }), theme.colors[active ? 'white' : 'darkBlue']);
@@ -19233,7 +19257,7 @@ var TextArea = function TextArea(props) {
19233
19257
  return React__default.createElement(Container$o, Object.assign({}, props));
19234
19258
  };
19235
19259
 
19236
- var _templateObject$19, _templateObject2$R, _templateObject3$K, _templateObject4$w, _templateObject5$t, _templateObject6$r;
19260
+ var _templateObject$19, _templateObject2$R, _templateObject3$K, _templateObject4$x, _templateObject5$u, _templateObject6$r;
19237
19261
  var Container$p = styled__default.div(_templateObject$19 || (_templateObject$19 = _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) {
19238
19262
  return props.size === 'large' ? '837px' : '460px';
19239
19263
  }, function (props) {
@@ -19241,9 +19265,9 @@ var Container$p = styled__default.div(_templateObject$19 || (_templateObject$19
19241
19265
  }, function (props) {
19242
19266
  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 "])));
19243
19267
  }, function (props) {
19244
- return props.color === 'warning' && styled.css(_templateObject4$w || (_templateObject4$w = _taggedTemplateLiteralLoose(["\n background-color: #fffaf3;\n opacity: 1;\n border-color: #ccbea0;\n h4 {\n color: #7a4d05;\n }\n p {\n color: #7a4d05cc;\n }\n "])));
19268
+ return props.color === 'warning' && styled.css(_templateObject4$x || (_templateObject4$x = _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 "])));
19245
19269
  });
19246
- 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"])));
19270
+ var IconContainer$2 = styled__default.div(_templateObject5$u || (_templateObject5$u = _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"])));
19247
19271
  var IconContent = styled__default.div(_templateObject6$r || (_templateObject6$r = _taggedTemplateLiteralLoose(["\n width: 100%;\n padding: 13px 0 21px 28px;\n display: flex;\n flex: 1;\n flex-direction: column;\n\n h4 {\n margin-bottom: 7px;\n font-size: 18p;\n }\n p {\n margin: 0;\n font-size: 14px;\n max-width: 380px;\n }\n"])));
19248
19272
 
19249
19273
  var Toast = function Toast(props) {
@@ -19256,7 +19280,7 @@ var Toast = function Toast(props) {
19256
19280
  })), React__default.createElement(IconContent, null, React__default.createElement("h4", null, props.title), React__default.createElement("p", null, " ", props.description)));
19257
19281
  };
19258
19282
 
19259
- var _templateObject$1a, _templateObject2$S, _templateObject3$L, _templateObject4$x, _templateObject5$u;
19283
+ var _templateObject$1a, _templateObject2$S, _templateObject3$L, _templateObject4$y, _templateObject5$v;
19260
19284
  var Image = styled__default.img(_templateObject$1a || (_templateObject$1a = _taggedTemplateLiteralLoose(["\n max-width: 100%;\n max-height: 100%;\n"])));
19261
19285
  var Container$q = styled__default.div(_templateObject2$S || (_templateObject2$S = _taggedTemplateLiteralLoose(["\n position: relative;\n display: inline-flex;\n\n &,\n ", " {\n width: ", ";\n\n height: ", ";\n }\n"])), Image, function (_ref) {
19262
19286
  var width = _ref.width;
@@ -19289,11 +19313,11 @@ var Dimmer = styled__default.div(_templateObject3$L || (_templateObject3$L = _ta
19289
19313
  var theme = _ref3.theme;
19290
19314
  return theme.getColor('greyishBlue', 50);
19291
19315
  });
19292
- var Button$6 = styled__default(Button$1)(_templateObject4$x || (_templateObject4$x = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n"])), function (_ref4) {
19316
+ var Button$6 = styled__default(Button$1)(_templateObject4$y || (_templateObject4$y = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n"])), function (_ref4) {
19293
19317
  var theme = _ref4.theme;
19294
19318
  return theme.getColor('white', 50);
19295
19319
  });
19296
- var ModalContent = styled__default.div(_templateObject5$u || (_templateObject5$u = _taggedTemplateLiteralLoose(["\n position: absolute;\n width: 100%;\n height: 100%;\n display: flex;\n justify-content: center;\n\n img {\n max-height: 100%;\n max-width: 100%;\n }\n"])));
19320
+ var ModalContent = styled__default.div(_templateObject5$v || (_templateObject5$v = _taggedTemplateLiteralLoose(["\n position: absolute;\n width: 100%;\n height: 100%;\n display: flex;\n justify-content: center;\n\n img {\n max-height: 100%;\n max-width: 100%;\n }\n"])));
19297
19321
 
19298
19322
  var _excluded$3 = ["src", "defaultClickOptions"];
19299
19323