@mw-kit/mw-ui 1.7.18 → 1.7.20

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 (6) hide show
  1. package/dist/components/Input/components/Checkbox/interfaces.d.ts +2 -0
  2. package/dist/index.js +63 -55
  3. package/dist/index.js.map +1 -1
  4. package/dist/index.modern.js +63 -55
  5. package/dist/index.modern.js.map +1 -1
  6. package/package.json +1 -1
package/dist/index.modern.js CHANGED
@@ -12422,7 +12422,7 @@ var MenuComponent = function MenuComponent(props, ref) {
12422
12422
  var rule = rules.map(function (rule) {
12423
12423
  return rule(index, option.data, label);
12424
12424
  }).find(function (result) {
12425
- return result;
12425
+ return result !== true;
12426
12426
  });
12427
12427
 
12428
12428
  if (rule === true || rule === undefined) {
@@ -12938,7 +12938,7 @@ var Input$1 = React__default.forwardRef(function (props, ref) {
12938
12938
  });
12939
12939
  Input$1.displayName = 'Input';
12940
12940
 
12941
- var _templateObject$d, _templateObject2$b, _templateObject3$a, _templateObject4$9, _templateObject5$8, _templateObject6$6, _templateObject7$5;
12941
+ var _templateObject$d, _templateObject2$b, _templateObject3$a, _templateObject4$9, _templateObject5$8, _templateObject6$6, _templateObject7$5, _templateObject8$4;
12942
12942
  var width = '17px';
12943
12943
  var Checkmark = styled.span(_templateObject$d || (_templateObject$d = _taggedTemplateLiteralLoose(["\n position: absolute;\n top: 0px;\n left: 0;\n height: ", ";\n width: ", ";\n background-color: ", ";\n\n border-style: solid;\n border-color: ", ";\n border-width: 1px;\n border-radius: 4px;\n\n transition-property: border-color;\n transition-duration: 0.25s;\n transition-timing-function: cubic-bezier(0.68, -0.55, 0.27, 1.55);\n\n :after {\n content: '';\n position: absolute;\n\n left: 50%;\n top: 50%;\n height: 0;\n width: 0;\n\n border-style: solid;\n border-color: ", ";\n border-width: 0;\n transform: rotate(45deg);\n\n transition-property: width height border-width top left;\n transition-duration: 0.25s;\n transition-timing-function: cubic-bezier(0.68, -0.55, 0.27, 1.55);\n }\n"])), width, width, function (_ref) {
12944
12944
  var theme = _ref.theme;
@@ -12950,7 +12950,7 @@ var Checkmark = styled.span(_templateObject$d || (_templateObject$d = _taggedTem
12950
12950
  var theme = _ref3.theme;
12951
12951
  return theme.colors.blue;
12952
12952
  });
12953
- var Label$1 = styled.label(_templateObject2$b || (_templateObject2$b = _taggedTemplateLiteralLoose(["\n ", "\n line-height: 14px;\n\n display: block;\n\n ", "\n\n ", "\n\n > div {\n display: flex;\n align-items: center;\n position: relative;\n\n padding-left: calc(", " + ", ");\n user-select: none;\n min-height: 17px;\n\n > div:first-child {\n display: inline-block;\n ", "\n line-height: 14px;\n\n ", "\n }\n\n > input {\n position: absolute;\n opacity: 0;\n height: 0;\n width: 0;\n }\n\n :hover ", " {\n background-color: ", ";\n }\n\n > input:checked ~ ", " {\n border-color: ", ";\n\n :after {\n width: 5px;\n height: 9.5px;\n border-width: 0 2px 2px 0;\n left: 5px;\n top: 1px;\n }\n }\n\n ", ";\n }\n"])), function (_ref4) {
12953
+ var Label$1 = styled.label(_templateObject2$b || (_templateObject2$b = _taggedTemplateLiteralLoose(["\n ", "\n line-height: 14px;\n\n display: block;\n\n ", "\n\n ", "\n\n ", "\n\n > div {\n display: flex;\n align-items: center;\n position: relative;\n\n padding-left: calc(", " + ", ");\n user-select: none;\n min-height: 17px;\n\n > div:first-child {\n display: inline-block;\n ", "\n line-height: 14px;\n\n ", "\n }\n\n > input {\n position: absolute;\n opacity: 0;\n height: 0;\n width: 0;\n }\n\n :hover ", " {\n background-color: ", ";\n }\n\n > input:checked ~ ", " {\n border-color: ", ";\n\n :after {\n width: 5px;\n height: 9.5px;\n border-width: 0 2px 2px 0;\n left: 5px;\n top: 1px;\n }\n }\n\n ", ";\n }\n"])), function (_ref4) {
12954
12954
  var theme = _ref4.theme;
12955
12955
  return theme.useTypography('p');
12956
12956
  }, function (_ref5) {
@@ -13005,27 +13005,33 @@ var Label$1 = styled.label(_templateObject2$b || (_templateObject2$b = _taggedTe
13005
13005
  }
13006
13006
 
13007
13007
  return css(_templateObject5$8 || (_templateObject5$8 = _taggedTemplateLiteralLoose(["\n opacity: 0.5;\n "])));
13008
- }, width, function (_ref7) {
13009
- var theme = _ref7.theme;
13010
- return theme.spacings.s1;
13011
- }, function (_ref8) {
13008
+ }, function (_ref7) {
13009
+ var theme = _ref7.theme,
13010
+ bordered = _ref7.bordered,
13011
+ invalid = _ref7.invalid;
13012
+ if (!bordered) return;
13013
+ return css(_templateObject6$6 || (_templateObject6$6 = _taggedTemplateLiteralLoose(["\n padding: ", " ", ";\n\n border-width: 1px;\n border-style: solid;\n border-color: ", ";\n border-radius: 4px;\n "])), theme.spacings.s2, theme.spacings.s3, theme.colors[invalid ? 'warningRed' : 'lightGrey']);
13014
+ }, width, function (_ref8) {
13012
13015
  var theme = _ref8.theme;
13013
- return theme.useTypography('p');
13016
+ return theme.spacings.s1;
13014
13017
  }, function (_ref9) {
13015
- var required = _ref9.required;
13018
+ var theme = _ref9.theme;
13019
+ return theme.useTypography('p');
13020
+ }, function (_ref10) {
13021
+ var required = _ref10.required;
13016
13022
  if (!required) return;
13017
- return css(_templateObject6$6 || (_templateObject6$6 = _taggedTemplateLiteralLoose(["\n :after {\n content: ' *';\n }\n "])));
13018
- }, Checkmark, function (_ref10) {
13019
- var theme = _ref10.theme;
13020
- return theme.colors.iceWhite;
13023
+ return css(_templateObject7$5 || (_templateObject7$5 = _taggedTemplateLiteralLoose(["\n :after {\n content: ' *';\n }\n "])));
13021
13024
  }, Checkmark, function (_ref11) {
13022
13025
  var theme = _ref11.theme;
13026
+ return theme.colors.iceWhite;
13027
+ }, Checkmark, function (_ref12) {
13028
+ var theme = _ref12.theme;
13023
13029
  return theme.colors.blue;
13024
- }, function (_ref12) {
13025
- var theme = _ref12.theme,
13026
- invalid = _ref12.invalid;
13030
+ }, function (_ref13) {
13031
+ var theme = _ref13.theme,
13032
+ invalid = _ref13.invalid;
13027
13033
  if (!invalid) return;
13028
- return css(_templateObject7$5 || (_templateObject7$5 = _taggedTemplateLiteralLoose(["\n ", ",\n > input:checked ~ ", ", \n > input:checked ~ ", ":after {\n border-color: ", ";\n }\n "])), Checkmark, Checkmark, Checkmark, theme.colors.warningRed);
13034
+ return css(_templateObject8$4 || (_templateObject8$4 = _taggedTemplateLiteralLoose(["\n ", ",\n > input:checked ~ ", ", \n > input:checked ~ ", ":after {\n border-color: ", ";\n }\n "])), Checkmark, Checkmark, Checkmark, theme.colors.warningRed);
13029
13035
  });
13030
13036
 
13031
13037
  var Checkbox = React__default.forwardRef(function (props, ref) {
@@ -13033,12 +13039,14 @@ var Checkbox = React__default.forwardRef(function (props, ref) {
13033
13039
  disabled = props.disabled,
13034
13040
  required = props.required,
13035
13041
  invalid = props.invalid,
13036
- padding = props.padding;
13037
- var htmlProps = filterObject(props, ['label', 'invalid', 'required', 'padding']);
13042
+ padding = props.padding,
13043
+ bordered = props.bordered;
13044
+ var htmlProps = filterObject(props, ['label', 'invalid', 'required', 'padding', 'bordered']);
13038
13045
  return React__default.createElement(Label$1, {
13039
13046
  disabled: disabled ? 1 : 0,
13040
13047
  required: required ? 1 : 0,
13041
13048
  invalid: invalid ? 1 : 0,
13049
+ bordered: bordered ? 1 : 0,
13042
13050
  padding: padding
13043
13051
  }, React__default.createElement("div", null, React__default.createElement("div", null, label), React__default.createElement("input", Object.assign({}, htmlProps, {
13044
13052
  type: 'checkbox',
@@ -13078,7 +13086,7 @@ var inputTimeWidth = {
13078
13086
  withoutSeconds: '66px'
13079
13087
  };
13080
13088
 
13081
- var _templateObject$e, _templateObject2$c, _templateObject3$b, _templateObject4$a, _templateObject5$9, _templateObject6$7, _templateObject7$6, _templateObject8$4, _templateObject9$4;
13089
+ var _templateObject$e, _templateObject2$c, _templateObject3$b, _templateObject4$a, _templateObject5$9, _templateObject6$7, _templateObject7$6, _templateObject8$5, _templateObject9$4;
13082
13090
  var Container$7 = styled.div(_templateObject$e || (_templateObject$e = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: ", ";\n background-color: ", ";\n position: relative;\n\n ", ";\n"])), function (_ref) {
13083
13091
  var theme = _ref.theme;
13084
13092
  return theme.spacings.s3;
@@ -13127,7 +13135,7 @@ var MonthBtn = styled.div(_templateObject7$6 || (_templateObject7$6 = _taggedTem
13127
13135
  }, function (_ref14) {
13128
13136
  var onClick = _ref14.onClick;
13129
13137
  if (!onClick) return;
13130
- return css(_templateObject8$4 || (_templateObject8$4 = _taggedTemplateLiteralLoose(["\n cursor: pointer;\n "])));
13138
+ return css(_templateObject8$5 || (_templateObject8$5 = _taggedTemplateLiteralLoose(["\n cursor: pointer;\n "])));
13131
13139
  });
13132
13140
  var NavBtn = styled.button(_templateObject9$4 || (_templateObject9$4 = _taggedTemplateLiteralLoose(["\n ", "\n line-height: 14px;\n width: 32px;\n height: 32px;\n box-shadow: none;\n border: none;\n background-color: transparent;\n\n padding: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n\n :disabled {\n visibility: hidden;\n }\n :not(:disabled) {\n cursor: pointer;\n :hover {\n background-color: ", ";\n }\n }\n\n transition-property: background-color;\n transition-timing-function: ease-in-out;\n transition-duration: 0.25s;\n"])), function (_ref15) {
13133
13141
  var theme = _ref15.theme;
@@ -13194,7 +13202,7 @@ var MonthPicker = function MonthPicker(props) {
13194
13202
  }));
13195
13203
  };
13196
13204
 
13197
- var _templateObject$f, _templateObject2$d, _templateObject3$c, _templateObject4$b, _templateObject5$a, _templateObject6$8, _templateObject7$7, _templateObject8$5, _templateObject9$5, _templateObject10$3, _templateObject11$3;
13205
+ var _templateObject$f, _templateObject2$d, _templateObject3$c, _templateObject4$b, _templateObject5$a, _templateObject6$8, _templateObject7$7, _templateObject8$6, _templateObject9$5, _templateObject10$3, _templateObject11$3;
13198
13206
  var Footer = styled.div(_templateObject$f || (_templateObject$f = _taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n\n > button:last-child {\n margin-left: auto;\n }\n"])));
13199
13207
  var WeekContainer = styled.div(_templateObject2$d || (_templateObject2$d = _taggedTemplateLiteralLoose(["\n width: 100%;\n display: flex;\n\n :not(:first-child) {\n border-top: 1px solid ", ";\n }\n\n > * {\n font-family: ", ";\n font-size: ", ";\n line-height: ", ";\n width: 32px;\n height: 32px;\n\n color: ", ";\n box-shadow: none;\n\n display: flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n\n border: 1px solid transparent;\n :not(:last-child) {\n border-right-color: ", ";\n }\n }\n"])), function (_ref) {
13200
13208
  var theme = _ref.theme;
@@ -13232,7 +13240,7 @@ var DayContainer = styled.button(_templateObject4$b || (_templateObject4$b = _ta
13232
13240
  } else if (appearance === 'highlight') {
13233
13241
  return css(_templateObject7$7 || (_templateObject7$7 = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n ", "\n "])), theme.getColor('blue', 30), hover('blue'));
13234
13242
  } else if (appearance === 'active') {
13235
- return css(_templateObject8$5 || (_templateObject8$5 = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n color: ", ";\n :not(:last-child) {\n border-right-color: ", ";\n }\n ", "\n "])), theme.colors.blue, theme.colors.white, function (_ref9) {
13243
+ return css(_templateObject8$6 || (_templateObject8$6 = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n color: ", ";\n :not(:last-child) {\n border-right-color: ", ";\n }\n ", "\n "])), theme.colors.blue, theme.colors.white, function (_ref9) {
13236
13244
  var theme = _ref9.theme;
13237
13245
  return theme.colors.blue;
13238
13246
  }, hover('white'));
@@ -15280,7 +15288,7 @@ var Phone = Object.assign(Component, {
15280
15288
  getPhoneDetails: getPhoneDetails
15281
15289
  });
15282
15290
 
15283
- var _templateObject$q, _templateObject2$k, _templateObject3$f, _templateObject4$c, _templateObject5$b, _templateObject6$9, _templateObject7$8, _templateObject8$6, _templateObject9$6;
15291
+ var _templateObject$q, _templateObject2$k, _templateObject3$f, _templateObject4$c, _templateObject5$b, _templateObject6$9, _templateObject7$8, _templateObject8$7, _templateObject9$6;
15284
15292
  var RelativeContainer$4 = styled.div(_templateObject$q || (_templateObject$q = _taggedTemplateLiteralLoose(["\n position: relative;\n\n input {\n color: transparent;\n }\n"])));
15285
15293
  var LabelContainer$2 = styled.div(_templateObject2$k || (_templateObject2$k = _taggedTemplateLiteralLoose(["\n ", "\n line-height: ", ";\n"])), function (_ref) {
15286
15294
  var theme = _ref.theme;
@@ -15309,7 +15317,7 @@ var Container$8 = styled.div(_templateObject3$f || (_templateObject3$f = _tagged
15309
15317
  if (!disabled) return;
15310
15318
  return css(_templateObject7$8 || (_templateObject7$8 = _taggedTemplateLiteralLoose(["\n opacity: 0.5;\n "])));
15311
15319
  });
15312
- var Button$3 = styled.button(_templateObject8$6 || (_templateObject8$6 = _taggedTemplateLiteralLoose(["\n display: flex;\n background-color: transparent;\n border: none;\n padding: 0;\n box-shadow: none;\n\n ", ";\n"])), function (_ref6) {
15320
+ var Button$3 = styled.button(_templateObject8$7 || (_templateObject8$7 = _taggedTemplateLiteralLoose(["\n display: flex;\n background-color: transparent;\n border: none;\n padding: 0;\n box-shadow: none;\n\n ", ";\n"])), function (_ref6) {
15313
15321
  var onClick = _ref6.onClick;
15314
15322
  if (!onClick) return;
15315
15323
  return css(_templateObject9$6 || (_templateObject9$6 = _taggedTemplateLiteralLoose(["\n :not(:disabled) {\n cursor: pointer;\n }\n "])));
@@ -15509,7 +15517,7 @@ var Switch = function Switch(props) {
15509
15517
  })), React__default.createElement("span", null), label.after && React__default.createElement(LabelContainer$3, null, label.after));
15510
15518
  };
15511
15519
 
15512
- var _templateObject$s, _templateObject2$m, _templateObject3$h, _templateObject4$e, _templateObject5$d, _templateObject6$b, _templateObject7$a, _templateObject8$7, _templateObject9$7, _templateObject10$4, _templateObject11$4, _templateObject12$3, _templateObject13$2, _templateObject14$2, _templateObject15$1, _templateObject16;
15520
+ var _templateObject$s, _templateObject2$m, _templateObject3$h, _templateObject4$e, _templateObject5$d, _templateObject6$b, _templateObject7$a, _templateObject8$8, _templateObject9$7, _templateObject10$4, _templateObject11$4, _templateObject12$3, _templateObject13$2, _templateObject14$2, _templateObject15$1, _templateObject16;
15513
15521
  var bullet = css(_templateObject$s || (_templateObject$s = _taggedTemplateLiteralLoose(["\n appearance: none;\n width: ", ";\n height: ", ";\n border-radius: 100%;\n border-width: 1px;\n border-style: solid;\n background-color: ", ";\n box-shadow: 0px 1px 3px ", ";\n"])), function (_ref) {
15514
15522
  var theme = _ref.theme;
15515
15523
  return theme.spacings.s4;
@@ -15550,7 +15558,7 @@ var InputContainer = styled.div(_templateObject6$b || (_templateObject6$b = _tag
15550
15558
  return css(_templateObject7$a || (_templateObject7$a = _taggedTemplateLiteralLoose(["\n ", " > span {\n background-color: ", ";\n }\n\n ", " {\n /** firefox */\n ::-moz-range-thumb {\n border-color: ", ";\n }\n /** ie */\n ::-ms-thumb {\n border-color: ", ";\n }\n /** chrome */\n ::-webkit-slider-thumb {\n border-color: ", ";\n }\n }\n "])), SelectedArea, theme.colors.blue, Input$2, theme.colors.lightestGrey, theme.colors.lightestGrey, theme.colors.lightestGrey);
15551
15559
  }
15552
15560
 
15553
- return css(_templateObject8$7 || (_templateObject8$7 = _taggedTemplateLiteralLoose(["\n ", " > span {\n background-color: ", ";\n }\n\n ", " {\n /** firefox */\n ::-moz-range-thumb {\n border-color: ", ";\n }\n /** ie */\n ::-ms-thumb {\n border-color: ", ";\n }\n /** chrome */\n ::-webkit-slider-thumb {\n border-color: ", ";\n }\n }\n "])), SelectedArea, theme.colors.warningRed, Input$2, theme.colors.warningRed, theme.colors.warningRed, theme.colors.warningRed);
15561
+ return css(_templateObject8$8 || (_templateObject8$8 = _taggedTemplateLiteralLoose(["\n ", " > span {\n background-color: ", ";\n }\n\n ", " {\n /** firefox */\n ::-moz-range-thumb {\n border-color: ", ";\n }\n /** ie */\n ::-ms-thumb {\n border-color: ", ";\n }\n /** chrome */\n ::-webkit-slider-thumb {\n border-color: ", ";\n }\n }\n "])), SelectedArea, theme.colors.warningRed, Input$2, theme.colors.warningRed, theme.colors.warningRed, theme.colors.warningRed);
15554
15562
  });
15555
15563
  var MinMaxLabelContainer = styled.div(_templateObject9$7 || (_templateObject9$7 = _taggedTemplateLiteralLoose(["\n display: flex;\n padding-bottom: 2px;\n"])));
15556
15564
  var LabelsContainer = styled.div(_templateObject10$4 || (_templateObject10$4 = _taggedTemplateLiteralLoose(["\n display: flex;\n gap: 7px;\n\n ", "\n"])), function (_ref11) {
@@ -15971,7 +15979,7 @@ var parse = function parse(value) {
15971
15979
  });
15972
15980
  };
15973
15981
 
15974
- var _templateObject$u, _templateObject2$o, _templateObject3$j, _templateObject4$g, _templateObject5$f, _templateObject6$d, _templateObject7$c, _templateObject8$8, _templateObject9$8, _templateObject10$5, _templateObject11$5;
15982
+ var _templateObject$u, _templateObject2$o, _templateObject3$j, _templateObject4$g, _templateObject5$f, _templateObject6$d, _templateObject7$c, _templateObject8$9, _templateObject9$8, _templateObject10$5, _templateObject11$5;
15975
15983
  var RelativeContainer$5 = styled.div(_templateObject$u || (_templateObject$u = _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"])));
15976
15984
  var LabelContainer$5 = styled.div(_templateObject2$o || (_templateObject2$o = _taggedTemplateLiteralLoose(["\n ", "\n line-height: 17px;\n flex: 1;\n text-align: center;\n\n ", ";\n"])), function (_ref) {
15977
15985
  var theme = _ref.theme;
@@ -16009,7 +16017,7 @@ var Container$9 = styled.div(_templateObject4$g || (_templateObject4$g = _tagged
16009
16017
  if (!disabled) return;
16010
16018
  return css(_templateObject7$c || (_templateObject7$c = _taggedTemplateLiteralLoose(["\n opacity: 0.5;\n "])));
16011
16019
  });
16012
- var Button$4 = styled.button(_templateObject8$8 || (_templateObject8$8 = _taggedTemplateLiteralLoose(["\n display: flex;\n background-color: transparent;\n border: none;\n padding: 0;\n box-shadow: none;\n\n ", ";\n"])), function (_ref9) {
16020
+ var Button$4 = styled.button(_templateObject8$9 || (_templateObject8$9 = _taggedTemplateLiteralLoose(["\n display: flex;\n background-color: transparent;\n border: none;\n padding: 0;\n box-shadow: none;\n\n ", ";\n"])), function (_ref9) {
16013
16021
  var onClick = _ref9.onClick;
16014
16022
  if (!onClick) return;
16015
16023
  return css(_templateObject9$8 || (_templateObject9$8 = _taggedTemplateLiteralLoose(["\n :not(:disabled) {\n cursor: pointer;\n }\n "])));
@@ -16876,7 +16884,7 @@ var widths = {
16876
16884
  default: '642.5px'
16877
16885
  };
16878
16886
 
16879
- var _templateObject$A, _templateObject2$r, _templateObject3$l, _templateObject4$h, _templateObject5$g, _templateObject6$e, _templateObject7$d, _templateObject8$9, _templateObject9$9, _templateObject10$6;
16887
+ var _templateObject$A, _templateObject2$r, _templateObject3$l, _templateObject4$h, _templateObject5$g, _templateObject6$e, _templateObject7$d, _templateObject8$a, _templateObject9$9, _templateObject10$6;
16880
16888
  var Background = styled.div(_templateObject$A || (_templateObject$A = _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) {
16881
16889
  var theme = _ref.theme;
16882
16890
  return theme.getColor('black', 25);
@@ -16899,7 +16907,7 @@ var FooterMessage = styled.div(_templateObject7$d || (_templateObject7$d = _tagg
16899
16907
  var theme = _ref4.theme;
16900
16908
  return theme.getColor('darkBlue', 75);
16901
16909
  });
16902
- var FooterButtons = styled.div(_templateObject8$9 || (_templateObject8$9 = _taggedTemplateLiteralLoose(["\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: flex-end;\n gap: ", ";\n"])), function (_ref5) {
16910
+ var FooterButtons = styled.div(_templateObject8$a || (_templateObject8$a = _taggedTemplateLiteralLoose(["\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: flex-end;\n gap: ", ";\n"])), function (_ref5) {
16903
16911
  var theme = _ref5.theme;
16904
16912
  return theme.spacings.s3;
16905
16913
  });
@@ -17106,7 +17114,7 @@ var Modal$1 = Object.assign(Modal, {
17106
17114
  Audit: Audit
17107
17115
  });
17108
17116
 
17109
- var _templateObject$E, _templateObject2$s, _templateObject3$m, _templateObject4$i, _templateObject5$h, _templateObject6$f, _templateObject7$e, _templateObject8$a, _templateObject9$a, _templateObject10$7;
17117
+ var _templateObject$E, _templateObject2$s, _templateObject3$m, _templateObject4$i, _templateObject5$h, _templateObject6$f, _templateObject7$e, _templateObject8$b, _templateObject9$a, _templateObject10$7;
17110
17118
  var Container$b = styled.div(_templateObject$E || (_templateObject$E = _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) {
17111
17119
  return props.size === 'mini' && css(_templateObject2$s || (_templateObject2$s = _taggedTemplateLiteralLoose(["\n width: 394px;\n height: 99px;\n "])));
17112
17120
  }, function (props) {
@@ -17120,7 +17128,7 @@ var Container$b = styled.div(_templateObject$E || (_templateObject$E = _taggedTe
17120
17128
  }, function (props) {
17121
17129
  return props.borderType === 'success' && css(_templateObject7$e || (_templateObject7$e = _taggedTemplateLiteralLoose(["\n border-left-color: #66bb6a;\n "])));
17122
17130
  }, function (props) {
17123
- return props.borderType === 'warning' && css(_templateObject8$a || (_templateObject8$a = _taggedTemplateLiteralLoose(["\n border-left-color: #fbcb01;\n "])));
17131
+ return props.borderType === 'warning' && css(_templateObject8$b || (_templateObject8$b = _taggedTemplateLiteralLoose(["\n border-left-color: #fbcb01;\n "])));
17124
17132
  }, function (props) {
17125
17133
  return props.borderType === 'danger' && css(_templateObject9$a || (_templateObject9$a = _taggedTemplateLiteralLoose(["\n border-left-color: #e23851;\n "])));
17126
17134
  }, function (props) {
@@ -17159,7 +17167,7 @@ var Toast = function Toast(props) {
17159
17167
  })), React__default.createElement(IconContent, null, React__default.createElement("h4", null, props.title), React__default.createElement("p", null, " ", props.description)));
17160
17168
  };
17161
17169
 
17162
- var _templateObject$G, _templateObject2$u, _templateObject3$o, _templateObject4$k, _templateObject5$j, _templateObject6$h, _templateObject7$f, _templateObject8$b, _templateObject9$b, _templateObject10$8, _templateObject11$6;
17170
+ var _templateObject$G, _templateObject2$u, _templateObject3$o, _templateObject4$k, _templateObject5$j, _templateObject6$h, _templateObject7$f, _templateObject8$c, _templateObject9$b, _templateObject10$8, _templateObject11$6;
17163
17171
  var Container$d = styled.div(_templateObject$G || (_templateObject$G = _taggedTemplateLiteralLoose(["\n width: 100%;\n height: 300px;\n position: absolute;\n padding: 14px;\n"])));
17164
17172
  var Header$4 = styled.div(_templateObject2$u || (_templateObject2$u = _taggedTemplateLiteralLoose(["\n display: flex;\n"])));
17165
17173
  var HeaderImage = styled.div(_templateObject3$o || (_templateObject3$o = _taggedTemplateLiteralLoose(["\n width: 43px;\n height: 44px;\n background-color: #ebebeb;\n"])));
@@ -17170,7 +17178,7 @@ var HeaderLine = styled.div(_templateObject6$h || (_templateObject6$h = _taggedT
17170
17178
  }, function (props) {
17171
17179
  return props.size === 'mini' && css(_templateObject7$f || (_templateObject7$f = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
17172
17180
  }, function (props) {
17173
- return props.size === 'small' && css(_templateObject8$b || (_templateObject8$b = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
17181
+ return props.size === 'small' && css(_templateObject8$c || (_templateObject8$c = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
17174
17182
  }, function (props) {
17175
17183
  return props.size === 'medium' && css(_templateObject9$b || (_templateObject9$b = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
17176
17184
  }, function (props) {
@@ -17224,7 +17232,7 @@ var HeaderLine$1 = styled.div(_templateObject$H || (_templateObject$H = _taggedT
17224
17232
  return props.size === 'large' && css(_templateObject5$k || (_templateObject5$k = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
17225
17233
  });
17226
17234
 
17227
- var _templateObject$I, _templateObject2$w, _templateObject3$q, _templateObject4$m, _templateObject5$l, _templateObject6$i, _templateObject7$g, _templateObject8$c;
17235
+ var _templateObject$I, _templateObject2$w, _templateObject3$q, _templateObject4$m, _templateObject5$l, _templateObject6$i, _templateObject7$g, _templateObject8$d;
17228
17236
  var Container$e = styled.div(_templateObject$I || (_templateObject$I = _taggedTemplateLiteralLoose(["\n width: 100%;\n max-height: 100%;\n position: absolute;\n padding: 14px;\n"])));
17229
17237
  var Template2Container = styled(Container$e)(_templateObject2$w || (_templateObject2$w = _taggedTemplateLiteralLoose(["\n background: #fff;\n border: 2px solid #ebebeb;\n"])));
17230
17238
  var Header$5 = styled.div(_templateObject3$q || (_templateObject3$q = _taggedTemplateLiteralLoose(["\n display: flex;\n"])));
@@ -17232,7 +17240,7 @@ var HeaderImage$1 = styled.div(_templateObject4$m || (_templateObject4$m = _tagg
17232
17240
  var HeaderContent$1 = styled.div(_templateObject5$l || (_templateObject5$l = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n flex: 1;\n"])));
17233
17241
  var MainContent$1 = styled.div(_templateObject6$i || (_templateObject6$i = _taggedTemplateLiteralLoose(["\n margin-top: 8px;\n"])));
17234
17242
  var MainLine$1 = styled(HeaderLine$1)(_templateObject7$g || (_templateObject7$g = _taggedTemplateLiteralLoose(["\n margin-bottom: 14px;\n margin-left: 0;\n"])));
17235
- var HeaderLine$2 = styled(HeaderLine$1)(_templateObject8$c || (_templateObject8$c = _taggedTemplateLiteralLoose([""])));
17243
+ var HeaderLine$2 = styled(HeaderLine$1)(_templateObject8$d || (_templateObject8$d = _taggedTemplateLiteralLoose([""])));
17236
17244
 
17237
17245
  var Template2 = function Template2(props) {
17238
17246
  if (!props.loading) return React__default.createElement(React__default.Fragment, null);
@@ -17287,7 +17295,7 @@ var Template3 = function Template3(props) {
17287
17295
  }));
17288
17296
  };
17289
17297
 
17290
- var _templateObject$K, _templateObject2$y, _templateObject3$s, _templateObject4$n, _templateObject5$m, _templateObject6$j, _templateObject7$h, _templateObject8$d;
17298
+ var _templateObject$K, _templateObject2$y, _templateObject3$s, _templateObject4$n, _templateObject5$m, _templateObject6$j, _templateObject7$h, _templateObject8$e;
17291
17299
  var Container$g = styled.div(_templateObject$K || (_templateObject$K = _taggedTemplateLiteralLoose(["\n width: 100%;\n max-height: 100%;\n position: absolute;\n padding: 14px;\n"])));
17292
17300
  var HeaderLine$3 = styled.div(_templateObject2$y || (_templateObject2$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) {
17293
17301
  return props.height;
@@ -17301,7 +17309,7 @@ var HeaderLine$3 = styled.div(_templateObject2$y || (_templateObject2$y = _tagge
17301
17309
  return props.size === 'large' && css(_templateObject6$j || (_templateObject6$j = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
17302
17310
  });
17303
17311
  var Template4Container = styled(Container$g)(_templateObject7$h || (_templateObject7$h = _taggedTemplateLiteralLoose(["\n border: 1px solid #e6e6e7;\n border-radius: 4px;\n"])));
17304
- var CustomLine = styled(HeaderLine$3)(_templateObject8$d || (_templateObject8$d = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n background-color: ", ";\n"])), function (props) {
17312
+ var CustomLine = styled(HeaderLine$3)(_templateObject8$e || (_templateObject8$e = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n background-color: ", ";\n"])), function (props) {
17305
17313
  return props.width;
17306
17314
  }, function (props) {
17307
17315
  return props.height;
@@ -17354,7 +17362,7 @@ var Template4 = function Template4(props) {
17354
17362
  }));
17355
17363
  };
17356
17364
 
17357
- var _templateObject$L, _templateObject2$z, _templateObject3$t, _templateObject4$o, _templateObject5$n, _templateObject6$k, _templateObject7$i, _templateObject8$e, _templateObject9$c;
17365
+ var _templateObject$L, _templateObject2$z, _templateObject3$t, _templateObject4$o, _templateObject5$n, _templateObject6$k, _templateObject7$i, _templateObject8$f, _templateObject9$c;
17358
17366
  var Container$h = styled.div(_templateObject$L || (_templateObject$L = _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"])));
17359
17367
  var Circle = styled.div(_templateObject2$z || (_templateObject2$z = _taggedTemplateLiteralLoose(["\n width: 141px;\n height: 141px;\n background-color: #dddedf;\n border-radius: 50%;\n"])));
17360
17368
  var HeaderLine$4 = styled.div(_templateObject3$t || (_templateObject3$t = _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) {
@@ -17368,7 +17376,7 @@ var HeaderLine$4 = styled.div(_templateObject3$t || (_templateObject3$t = _tagge
17368
17376
  }, function (props) {
17369
17377
  return props.size === 'large' && css(_templateObject7$i || (_templateObject7$i = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
17370
17378
  });
17371
- var CustomLine$1 = styled(HeaderLine$4)(_templateObject8$e || (_templateObject8$e = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n background-color: ", ";\n"])), function (props) {
17379
+ var CustomLine$1 = styled(HeaderLine$4)(_templateObject8$f || (_templateObject8$f = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n background-color: ", ";\n"])), function (props) {
17372
17380
  return props.width;
17373
17381
  }, function (props) {
17374
17382
  return props.height;
@@ -17402,7 +17410,7 @@ var Template5 = function Template5(props) {
17402
17410
  })));
17403
17411
  };
17404
17412
 
17405
- var _templateObject$M, _templateObject2$A, _templateObject3$u, _templateObject4$p, _templateObject5$o, _templateObject6$l, _templateObject7$j, _templateObject8$f, _templateObject9$d;
17413
+ var _templateObject$M, _templateObject2$A, _templateObject3$u, _templateObject4$p, _templateObject5$o, _templateObject6$l, _templateObject7$j, _templateObject8$g, _templateObject9$d;
17406
17414
  var Container$i = styled.div(_templateObject$M || (_templateObject$M = _taggedTemplateLiteralLoose(["\n width: 395px;\n\n display: flex;\n align-items: center;\n justify-content: space-between;\n background-color: #f5f5f5;\n"])));
17407
17415
  var Header$6 = styled.div(_templateObject2$A || (_templateObject2$A = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding: 14px;\n"])));
17408
17416
  var Footer$3 = styled.div(_templateObject3$u || (_templateObject3$u = _taggedTemplateLiteralLoose(["\n width: 100%;\n border-top: 1px solid #b1b1b3;\n height: 50px;\n"])));
@@ -17415,7 +17423,7 @@ var HeaderLine$5 = styled.div(_templateObject4$p || (_templateObject4$p = _tagge
17415
17423
  }, function (props) {
17416
17424
  return props.size === 'medium' && css(_templateObject7$j || (_templateObject7$j = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
17417
17425
  }, function (props) {
17418
- return props.size === 'large' && css(_templateObject8$f || (_templateObject8$f = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
17426
+ return props.size === 'large' && css(_templateObject8$g || (_templateObject8$g = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
17419
17427
  });
17420
17428
  var CustomLine$2 = styled(HeaderLine$5)(_templateObject9$d || (_templateObject9$d = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n background-color: ", ";\n border: 1px solid #dedede5e;\n"])), function (props) {
17421
17429
  return props.width;
@@ -17445,7 +17453,7 @@ var Template6 = function Template6(props) {
17445
17453
  })));
17446
17454
  };
17447
17455
 
17448
- var _templateObject$N, _templateObject2$B, _templateObject3$v, _templateObject4$q, _templateObject5$p, _templateObject6$m, _templateObject7$k, _templateObject8$g, _templateObject9$e, _templateObject10$9;
17456
+ var _templateObject$N, _templateObject2$B, _templateObject3$v, _templateObject4$q, _templateObject5$p, _templateObject6$m, _templateObject7$k, _templateObject8$h, _templateObject9$e, _templateObject10$9;
17449
17457
  var Container$j = styled.div(_templateObject$N || (_templateObject$N = _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"])));
17450
17458
  var Header$7 = styled.div(_templateObject2$B || (_templateObject2$B = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding: 14px;\n width: 100%;\n"])));
17451
17459
  var HeaderLine$6 = styled.div(_templateObject3$v || (_templateObject3$v = _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) {
@@ -17459,7 +17467,7 @@ var HeaderLine$6 = styled.div(_templateObject3$v || (_templateObject3$v = _tagge
17459
17467
  }, function (props) {
17460
17468
  return props.size === 'large' && css(_templateObject7$k || (_templateObject7$k = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
17461
17469
  });
17462
- var CustomLine$3 = styled(HeaderLine$6)(_templateObject8$g || (_templateObject8$g = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n background-color: ", ";\n border: 1px solid #dedede5e;\n"])), function (props) {
17470
+ var CustomLine$3 = styled(HeaderLine$6)(_templateObject8$h || (_templateObject8$h = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n background-color: ", ";\n border: 1px solid #dedede5e;\n"])), function (props) {
17463
17471
  return props.width;
17464
17472
  }, function (props) {
17465
17473
  return props.height;
@@ -17479,7 +17487,7 @@ var Template7 = function Template7(props) {
17479
17487
  })), 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)));
17480
17488
  };
17481
17489
 
17482
- var _templateObject$O, _templateObject2$C, _templateObject3$w, _templateObject4$r, _templateObject5$q, _templateObject6$n, _templateObject7$l, _templateObject8$h, _templateObject9$f;
17490
+ var _templateObject$O, _templateObject2$C, _templateObject3$w, _templateObject4$r, _templateObject5$q, _templateObject6$n, _templateObject7$l, _templateObject8$i, _templateObject9$f;
17483
17491
  var Container$k = styled.div(_templateObject$O || (_templateObject$O = _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"])));
17484
17492
  var Header$8 = styled.div(_templateObject2$C || (_templateObject2$C = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding: 14px;\n width: 100%;\n"])));
17485
17493
  var HeaderLine$7 = styled.div(_templateObject3$w || (_templateObject3$w = _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) {
@@ -17493,7 +17501,7 @@ var HeaderLine$7 = styled.div(_templateObject3$w || (_templateObject3$w = _tagge
17493
17501
  }, function (props) {
17494
17502
  return props.size === 'large' && css(_templateObject7$l || (_templateObject7$l = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
17495
17503
  });
17496
- var CustomLine$4 = styled(HeaderLine$7)(_templateObject8$h || (_templateObject8$h = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n background-color: ", ";\n border: 1px solid #dedede5e;\n"])), function (props) {
17504
+ var CustomLine$4 = styled(HeaderLine$7)(_templateObject8$i || (_templateObject8$i = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n background-color: ", ";\n border: 1px solid #dedede5e;\n"])), function (props) {
17497
17505
  return props.width;
17498
17506
  }, function (props) {
17499
17507
  return props.height;
@@ -17522,7 +17530,7 @@ var Template8 = function Template8(props) {
17522
17530
  })));
17523
17531
  };
17524
17532
 
17525
- var _templateObject$P, _templateObject2$D, _templateObject3$x, _templateObject4$s, _templateObject5$r, _templateObject6$o, _templateObject7$m, _templateObject8$i, _templateObject9$g, _templateObject10$a;
17533
+ var _templateObject$P, _templateObject2$D, _templateObject3$x, _templateObject4$s, _templateObject5$r, _templateObject6$o, _templateObject7$m, _templateObject8$j, _templateObject9$g, _templateObject10$a;
17526
17534
  var Container$l = styled.div(_templateObject$P || (_templateObject$P = _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"])));
17527
17535
  var Header$9 = styled.div(_templateObject2$D || (_templateObject2$D = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding: 14px;\n width: 100%;\n"])));
17528
17536
  var HeaderLine$8 = styled.div(_templateObject3$x || (_templateObject3$x = _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) {
@@ -17536,7 +17544,7 @@ var HeaderLine$8 = styled.div(_templateObject3$x || (_templateObject3$x = _tagge
17536
17544
  }, function (props) {
17537
17545
  return props.size === 'large' && css(_templateObject7$m || (_templateObject7$m = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
17538
17546
  });
17539
- var CustomLine$5 = styled(HeaderLine$8)(_templateObject8$i || (_templateObject8$i = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n background-color: ", ";\n border: 1px solid #dedede5e;\n"])), function (props) {
17547
+ var CustomLine$5 = styled(HeaderLine$8)(_templateObject8$j || (_templateObject8$j = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n background-color: ", ";\n border: 1px solid #dedede5e;\n"])), function (props) {
17540
17548
  return props.width;
17541
17549
  }, function (props) {
17542
17550
  return props.height;
@@ -17561,7 +17569,7 @@ var Template8$1 = function Template8(props) {
17561
17569
  })), React__default.createElement(Main$4, null, React__default.createElement(Circle$2, null)));
17562
17570
  };
17563
17571
 
17564
- var _templateObject$Q, _templateObject2$E, _templateObject3$y, _templateObject4$t, _templateObject5$s, _templateObject6$p, _templateObject7$n, _templateObject8$j, _templateObject9$h, _templateObject10$b, _templateObject11$7;
17572
+ var _templateObject$Q, _templateObject2$E, _templateObject3$y, _templateObject4$t, _templateObject5$s, _templateObject6$p, _templateObject7$n, _templateObject8$k, _templateObject9$h, _templateObject10$b, _templateObject11$7;
17565
17573
  var Container$m = styled.div(_templateObject$Q || (_templateObject$Q = _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"])));
17566
17574
  var Header$a = styled.div(_templateObject2$E || (_templateObject2$E = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding: 14px;\n width: 100%;\n"])));
17567
17575
  var HeaderLine$9 = styled.div(_templateObject3$y || (_templateObject3$y = _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) {
@@ -17575,7 +17583,7 @@ var HeaderLine$9 = styled.div(_templateObject3$y || (_templateObject3$y = _tagge
17575
17583
  }, function (props) {
17576
17584
  return props.size === 'large' && css(_templateObject7$n || (_templateObject7$n = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
17577
17585
  });
17578
- var CustomLine$6 = styled(HeaderLine$9)(_templateObject8$j || (_templateObject8$j = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n background-color: ", ";\n border: 1px solid #dedede5e;\n"])), function (props) {
17586
+ var CustomLine$6 = styled(HeaderLine$9)(_templateObject8$k || (_templateObject8$k = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n background-color: ", ";\n border: 1px solid #dedede5e;\n"])), function (props) {
17579
17587
  return props.width;
17580
17588
  }, function (props) {
17581
17589
  return props.height;
@@ -18379,7 +18387,7 @@ var useContext$2 = function useContext() {
18379
18387
  return React__default.useContext(Provider$2);
18380
18388
  };
18381
18389
 
18382
- var _templateObject$W, _templateObject2$I, _templateObject3$C, _templateObject4$w, _templateObject5$u, _templateObject6$q, _templateObject7$o, _templateObject8$k, _templateObject9$i, _templateObject10$c, _templateObject11$8, _templateObject12$4, _templateObject13$3, _templateObject14$3, _templateObject15$2;
18390
+ var _templateObject$W, _templateObject2$I, _templateObject3$C, _templateObject4$w, _templateObject5$u, _templateObject6$q, _templateObject7$o, _templateObject8$l, _templateObject9$i, _templateObject10$c, _templateObject11$8, _templateObject12$4, _templateObject13$3, _templateObject14$3, _templateObject15$2;
18383
18391
  var aligns = {
18384
18392
  self: {
18385
18393
  horizontal: {
@@ -18450,7 +18458,7 @@ var Col = styled.div(_templateObject$W || (_templateObject$W = _taggedTemplateLi
18450
18458
  if (align.content.horizontal !== undefined) {
18451
18459
  var _v2 = align.content.horizontal;
18452
18460
  var _a2 = aligns.content.horizontal;
18453
- styles.push(css(_templateObject8$k || (_templateObject8$k = _taggedTemplateLiteralLoose(["\n justify-content: ", ";\n "])), _a2[_v2]));
18461
+ styles.push(css(_templateObject8$l || (_templateObject8$l = _taggedTemplateLiteralLoose(["\n justify-content: ", ";\n "])), _a2[_v2]));
18454
18462
  }
18455
18463
 
18456
18464
  if (align.content.vertical !== undefined) {
@@ -18538,7 +18546,7 @@ var Grid$1 = function Grid$1(props) {
18538
18546
  }, React__default.createElement(Grid, Object.assign({}, gridProps)));
18539
18547
  };
18540
18548
 
18541
- var _templateObject$Y, _templateObject2$K, _templateObject3$E, _templateObject4$x, _templateObject5$v, _templateObject6$r, _templateObject7$p, _templateObject8$l, _templateObject9$j, _templateObject10$d;
18549
+ var _templateObject$Y, _templateObject2$K, _templateObject3$E, _templateObject4$x, _templateObject5$v, _templateObject6$r, _templateObject7$p, _templateObject8$m, _templateObject9$j, _templateObject10$d;
18542
18550
  var horizontalAligns = {
18543
18551
  around: 'space-around',
18544
18552
  between: 'space-between',
@@ -18595,7 +18603,7 @@ var Row = styled.div(_templateObject$Y || (_templateObject$Y = _taggedTemplateLi
18595
18603
  even: theme.colors.white,
18596
18604
  odd: theme.colors.white
18597
18605
  });
18598
- return css(_templateObject8$l || (_templateObject8$l = _taggedTemplateLiteralLoose(["\n :nth-child(even) {\n background-color: ", ";\n }\n :nth-child(odd) {\n background-color: ", ";\n }\n "])), colors.even, colors.odd);
18606
+ return css(_templateObject8$m || (_templateObject8$m = _taggedTemplateLiteralLoose(["\n :nth-child(even) {\n background-color: ", ";\n }\n :nth-child(odd) {\n background-color: ", ";\n }\n "])), colors.even, colors.odd);
18599
18607
  }, function (_ref6) {
18600
18608
  var fontColor = _ref6.fontColor,
18601
18609
  theme = _ref6.theme;