@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/components/Input/components/Checkbox/interfaces.d.ts CHANGED
@@ -12,6 +12,7 @@ export interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputE
12
12
  required?: boolean;
13
13
  invalid?: boolean;
14
14
  padding?: Padding;
15
+ bordered?: true;
15
16
  type: 'checkbox';
16
17
  }
17
18
  export interface LabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {
@@ -19,5 +20,6 @@ export interface LabelProps extends React.LabelHTMLAttributes<HTMLLabelElement>
19
20
  required?: 1 | 0;
20
21
  invalid?: 1 | 0;
21
22
  padding?: Padding;
23
+ bordered?: 1 | 0;
22
24
  }
23
25
  export {};
package/dist/index.js CHANGED
@@ -12425,7 +12425,7 @@ var MenuComponent = function MenuComponent(props, ref) {
12425
12425
  var rule = rules.map(function (rule) {
12426
12426
  return rule(index, option.data, label);
12427
12427
  }).find(function (result) {
12428
- return result;
12428
+ return result !== true;
12429
12429
  });
12430
12430
 
12431
12431
  if (rule === true || rule === undefined) {
@@ -12941,7 +12941,7 @@ var Input$1 = React__default.forwardRef(function (props, ref) {
12941
12941
  });
12942
12942
  Input$1.displayName = 'Input';
12943
12943
 
12944
- var _templateObject$d, _templateObject2$b, _templateObject3$a, _templateObject4$9, _templateObject5$8, _templateObject6$6, _templateObject7$5;
12944
+ var _templateObject$d, _templateObject2$b, _templateObject3$a, _templateObject4$9, _templateObject5$8, _templateObject6$6, _templateObject7$5, _templateObject8$4;
12945
12945
  var width = '17px';
12946
12946
  var Checkmark = styled__default.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) {
12947
12947
  var theme = _ref.theme;
@@ -12953,7 +12953,7 @@ var Checkmark = styled__default.span(_templateObject$d || (_templateObject$d = _
12953
12953
  var theme = _ref3.theme;
12954
12954
  return theme.colors.blue;
12955
12955
  });
12956
- var Label$1 = styled__default.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) {
12956
+ var Label$1 = styled__default.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) {
12957
12957
  var theme = _ref4.theme;
12958
12958
  return theme.useTypography('p');
12959
12959
  }, function (_ref5) {
@@ -13008,27 +13008,33 @@ var Label$1 = styled__default.label(_templateObject2$b || (_templateObject2$b =
13008
13008
  }
13009
13009
 
13010
13010
  return styled.css(_templateObject5$8 || (_templateObject5$8 = _taggedTemplateLiteralLoose(["\n opacity: 0.5;\n "])));
13011
- }, width, function (_ref7) {
13012
- var theme = _ref7.theme;
13013
- return theme.spacings.s1;
13014
- }, function (_ref8) {
13011
+ }, function (_ref7) {
13012
+ var theme = _ref7.theme,
13013
+ bordered = _ref7.bordered,
13014
+ invalid = _ref7.invalid;
13015
+ if (!bordered) return;
13016
+ return styled.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']);
13017
+ }, width, function (_ref8) {
13015
13018
  var theme = _ref8.theme;
13016
- return theme.useTypography('p');
13019
+ return theme.spacings.s1;
13017
13020
  }, function (_ref9) {
13018
- var required = _ref9.required;
13021
+ var theme = _ref9.theme;
13022
+ return theme.useTypography('p');
13023
+ }, function (_ref10) {
13024
+ var required = _ref10.required;
13019
13025
  if (!required) return;
13020
- return styled.css(_templateObject6$6 || (_templateObject6$6 = _taggedTemplateLiteralLoose(["\n :after {\n content: ' *';\n }\n "])));
13021
- }, Checkmark, function (_ref10) {
13022
- var theme = _ref10.theme;
13023
- return theme.colors.iceWhite;
13026
+ return styled.css(_templateObject7$5 || (_templateObject7$5 = _taggedTemplateLiteralLoose(["\n :after {\n content: ' *';\n }\n "])));
13024
13027
  }, Checkmark, function (_ref11) {
13025
13028
  var theme = _ref11.theme;
13029
+ return theme.colors.iceWhite;
13030
+ }, Checkmark, function (_ref12) {
13031
+ var theme = _ref12.theme;
13026
13032
  return theme.colors.blue;
13027
- }, function (_ref12) {
13028
- var theme = _ref12.theme,
13029
- invalid = _ref12.invalid;
13033
+ }, function (_ref13) {
13034
+ var theme = _ref13.theme,
13035
+ invalid = _ref13.invalid;
13030
13036
  if (!invalid) return;
13031
- return styled.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);
13037
+ return styled.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);
13032
13038
  });
13033
13039
 
13034
13040
  var Checkbox = React__default.forwardRef(function (props, ref) {
@@ -13036,12 +13042,14 @@ var Checkbox = React__default.forwardRef(function (props, ref) {
13036
13042
  disabled = props.disabled,
13037
13043
  required = props.required,
13038
13044
  invalid = props.invalid,
13039
- padding = props.padding;
13040
- var htmlProps = filterObject(props, ['label', 'invalid', 'required', 'padding']);
13045
+ padding = props.padding,
13046
+ bordered = props.bordered;
13047
+ var htmlProps = filterObject(props, ['label', 'invalid', 'required', 'padding', 'bordered']);
13041
13048
  return React__default.createElement(Label$1, {
13042
13049
  disabled: disabled ? 1 : 0,
13043
13050
  required: required ? 1 : 0,
13044
13051
  invalid: invalid ? 1 : 0,
13052
+ bordered: bordered ? 1 : 0,
13045
13053
  padding: padding
13046
13054
  }, React__default.createElement("div", null, React__default.createElement("div", null, label), React__default.createElement("input", Object.assign({}, htmlProps, {
13047
13055
  type: 'checkbox',
@@ -13081,7 +13089,7 @@ var inputTimeWidth = {
13081
13089
  withoutSeconds: '66px'
13082
13090
  };
13083
13091
 
13084
- var _templateObject$e, _templateObject2$c, _templateObject3$b, _templateObject4$a, _templateObject5$9, _templateObject6$7, _templateObject7$6, _templateObject8$4, _templateObject9$4;
13092
+ var _templateObject$e, _templateObject2$c, _templateObject3$b, _templateObject4$a, _templateObject5$9, _templateObject6$7, _templateObject7$6, _templateObject8$5, _templateObject9$4;
13085
13093
  var Container$7 = styled__default.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) {
13086
13094
  var theme = _ref.theme;
13087
13095
  return theme.spacings.s3;
@@ -13130,7 +13138,7 @@ var MonthBtn = styled__default.div(_templateObject7$6 || (_templateObject7$6 = _
13130
13138
  }, function (_ref14) {
13131
13139
  var onClick = _ref14.onClick;
13132
13140
  if (!onClick) return;
13133
- return styled.css(_templateObject8$4 || (_templateObject8$4 = _taggedTemplateLiteralLoose(["\n cursor: pointer;\n "])));
13141
+ return styled.css(_templateObject8$5 || (_templateObject8$5 = _taggedTemplateLiteralLoose(["\n cursor: pointer;\n "])));
13134
13142
  });
13135
13143
  var NavBtn = styled__default.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) {
13136
13144
  var theme = _ref15.theme;
@@ -13197,7 +13205,7 @@ var MonthPicker = function MonthPicker(props) {
13197
13205
  }));
13198
13206
  };
13199
13207
 
13200
- var _templateObject$f, _templateObject2$d, _templateObject3$c, _templateObject4$b, _templateObject5$a, _templateObject6$8, _templateObject7$7, _templateObject8$5, _templateObject9$5, _templateObject10$3, _templateObject11$3;
13208
+ var _templateObject$f, _templateObject2$d, _templateObject3$c, _templateObject4$b, _templateObject5$a, _templateObject6$8, _templateObject7$7, _templateObject8$6, _templateObject9$5, _templateObject10$3, _templateObject11$3;
13201
13209
  var Footer = styled__default.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"])));
13202
13210
  var WeekContainer = styled__default.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) {
13203
13211
  var theme = _ref.theme;
@@ -13235,7 +13243,7 @@ var DayContainer = styled__default.button(_templateObject4$b || (_templateObject
13235
13243
  } else if (appearance === 'highlight') {
13236
13244
  return styled.css(_templateObject7$7 || (_templateObject7$7 = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n ", "\n "])), theme.getColor('blue', 30), hover('blue'));
13237
13245
  } else if (appearance === 'active') {
13238
- return styled.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) {
13246
+ return styled.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) {
13239
13247
  var theme = _ref9.theme;
13240
13248
  return theme.colors.blue;
13241
13249
  }, hover('white'));
@@ -15283,7 +15291,7 @@ var Phone = Object.assign(Component, {
15283
15291
  getPhoneDetails: getPhoneDetails
15284
15292
  });
15285
15293
 
15286
- var _templateObject$q, _templateObject2$k, _templateObject3$f, _templateObject4$c, _templateObject5$b, _templateObject6$9, _templateObject7$8, _templateObject8$6, _templateObject9$6;
15294
+ var _templateObject$q, _templateObject2$k, _templateObject3$f, _templateObject4$c, _templateObject5$b, _templateObject6$9, _templateObject7$8, _templateObject8$7, _templateObject9$6;
15287
15295
  var RelativeContainer$4 = styled__default.div(_templateObject$q || (_templateObject$q = _taggedTemplateLiteralLoose(["\n position: relative;\n\n input {\n color: transparent;\n }\n"])));
15288
15296
  var LabelContainer$2 = styled__default.div(_templateObject2$k || (_templateObject2$k = _taggedTemplateLiteralLoose(["\n ", "\n line-height: ", ";\n"])), function (_ref) {
15289
15297
  var theme = _ref.theme;
@@ -15312,7 +15320,7 @@ var Container$8 = styled__default.div(_templateObject3$f || (_templateObject3$f
15312
15320
  if (!disabled) return;
15313
15321
  return styled.css(_templateObject7$8 || (_templateObject7$8 = _taggedTemplateLiteralLoose(["\n opacity: 0.5;\n "])));
15314
15322
  });
15315
- var Button$3 = styled__default.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) {
15323
+ var Button$3 = styled__default.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) {
15316
15324
  var onClick = _ref6.onClick;
15317
15325
  if (!onClick) return;
15318
15326
  return styled.css(_templateObject9$6 || (_templateObject9$6 = _taggedTemplateLiteralLoose(["\n :not(:disabled) {\n cursor: pointer;\n }\n "])));
@@ -15512,7 +15520,7 @@ var Switch = function Switch(props) {
15512
15520
  })), React__default.createElement("span", null), label.after && React__default.createElement(LabelContainer$3, null, label.after));
15513
15521
  };
15514
15522
 
15515
- 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;
15523
+ 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;
15516
15524
  var bullet = styled.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) {
15517
15525
  var theme = _ref.theme;
15518
15526
  return theme.spacings.s4;
@@ -15553,7 +15561,7 @@ var InputContainer = styled__default.div(_templateObject6$b || (_templateObject6
15553
15561
  return styled.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);
15554
15562
  }
15555
15563
 
15556
- return styled.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);
15564
+ return styled.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);
15557
15565
  });
15558
15566
  var MinMaxLabelContainer = styled__default.div(_templateObject9$7 || (_templateObject9$7 = _taggedTemplateLiteralLoose(["\n display: flex;\n padding-bottom: 2px;\n"])));
15559
15567
  var LabelsContainer = styled__default.div(_templateObject10$4 || (_templateObject10$4 = _taggedTemplateLiteralLoose(["\n display: flex;\n gap: 7px;\n\n ", "\n"])), function (_ref11) {
@@ -15974,7 +15982,7 @@ var parse = function parse(value) {
15974
15982
  });
15975
15983
  };
15976
15984
 
15977
- var _templateObject$u, _templateObject2$o, _templateObject3$j, _templateObject4$g, _templateObject5$f, _templateObject6$d, _templateObject7$c, _templateObject8$8, _templateObject9$8, _templateObject10$5, _templateObject11$5;
15985
+ var _templateObject$u, _templateObject2$o, _templateObject3$j, _templateObject4$g, _templateObject5$f, _templateObject6$d, _templateObject7$c, _templateObject8$9, _templateObject9$8, _templateObject10$5, _templateObject11$5;
15978
15986
  var RelativeContainer$5 = styled__default.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"])));
15979
15987
  var LabelContainer$5 = styled__default.div(_templateObject2$o || (_templateObject2$o = _taggedTemplateLiteralLoose(["\n ", "\n line-height: 17px;\n flex: 1;\n text-align: center;\n\n ", ";\n"])), function (_ref) {
15980
15988
  var theme = _ref.theme;
@@ -16012,7 +16020,7 @@ var Container$9 = styled__default.div(_templateObject4$g || (_templateObject4$g
16012
16020
  if (!disabled) return;
16013
16021
  return styled.css(_templateObject7$c || (_templateObject7$c = _taggedTemplateLiteralLoose(["\n opacity: 0.5;\n "])));
16014
16022
  });
16015
- var Button$4 = styled__default.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) {
16023
+ var Button$4 = styled__default.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) {
16016
16024
  var onClick = _ref9.onClick;
16017
16025
  if (!onClick) return;
16018
16026
  return styled.css(_templateObject9$8 || (_templateObject9$8 = _taggedTemplateLiteralLoose(["\n :not(:disabled) {\n cursor: pointer;\n }\n "])));
@@ -16879,7 +16887,7 @@ var widths = {
16879
16887
  default: '642.5px'
16880
16888
  };
16881
16889
 
16882
- var _templateObject$A, _templateObject2$r, _templateObject3$l, _templateObject4$h, _templateObject5$g, _templateObject6$e, _templateObject7$d, _templateObject8$9, _templateObject9$9, _templateObject10$6;
16890
+ var _templateObject$A, _templateObject2$r, _templateObject3$l, _templateObject4$h, _templateObject5$g, _templateObject6$e, _templateObject7$d, _templateObject8$a, _templateObject9$9, _templateObject10$6;
16883
16891
  var Background = styled__default.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) {
16884
16892
  var theme = _ref.theme;
16885
16893
  return theme.getColor('black', 25);
@@ -16902,7 +16910,7 @@ var FooterMessage = styled__default.div(_templateObject7$d || (_templateObject7$
16902
16910
  var theme = _ref4.theme;
16903
16911
  return theme.getColor('darkBlue', 75);
16904
16912
  });
16905
- var FooterButtons = styled__default.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) {
16913
+ var FooterButtons = styled__default.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) {
16906
16914
  var theme = _ref5.theme;
16907
16915
  return theme.spacings.s3;
16908
16916
  });
@@ -17109,7 +17117,7 @@ var Modal$1 = Object.assign(Modal, {
17109
17117
  Audit: Audit
17110
17118
  });
17111
17119
 
17112
- var _templateObject$E, _templateObject2$s, _templateObject3$m, _templateObject4$i, _templateObject5$h, _templateObject6$f, _templateObject7$e, _templateObject8$a, _templateObject9$a, _templateObject10$7;
17120
+ var _templateObject$E, _templateObject2$s, _templateObject3$m, _templateObject4$i, _templateObject5$h, _templateObject6$f, _templateObject7$e, _templateObject8$b, _templateObject9$a, _templateObject10$7;
17113
17121
  var Container$b = styled__default.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) {
17114
17122
  return props.size === 'mini' && styled.css(_templateObject2$s || (_templateObject2$s = _taggedTemplateLiteralLoose(["\n width: 394px;\n height: 99px;\n "])));
17115
17123
  }, function (props) {
@@ -17123,7 +17131,7 @@ var Container$b = styled__default.div(_templateObject$E || (_templateObject$E =
17123
17131
  }, function (props) {
17124
17132
  return props.borderType === 'success' && styled.css(_templateObject7$e || (_templateObject7$e = _taggedTemplateLiteralLoose(["\n border-left-color: #66bb6a;\n "])));
17125
17133
  }, function (props) {
17126
- return props.borderType === 'warning' && styled.css(_templateObject8$a || (_templateObject8$a = _taggedTemplateLiteralLoose(["\n border-left-color: #fbcb01;\n "])));
17134
+ return props.borderType === 'warning' && styled.css(_templateObject8$b || (_templateObject8$b = _taggedTemplateLiteralLoose(["\n border-left-color: #fbcb01;\n "])));
17127
17135
  }, function (props) {
17128
17136
  return props.borderType === 'danger' && styled.css(_templateObject9$a || (_templateObject9$a = _taggedTemplateLiteralLoose(["\n border-left-color: #e23851;\n "])));
17129
17137
  }, function (props) {
@@ -17162,7 +17170,7 @@ var Toast = function Toast(props) {
17162
17170
  })), React__default.createElement(IconContent, null, React__default.createElement("h4", null, props.title), React__default.createElement("p", null, " ", props.description)));
17163
17171
  };
17164
17172
 
17165
- var _templateObject$G, _templateObject2$u, _templateObject3$o, _templateObject4$k, _templateObject5$j, _templateObject6$h, _templateObject7$f, _templateObject8$b, _templateObject9$b, _templateObject10$8, _templateObject11$6;
17173
+ var _templateObject$G, _templateObject2$u, _templateObject3$o, _templateObject4$k, _templateObject5$j, _templateObject6$h, _templateObject7$f, _templateObject8$c, _templateObject9$b, _templateObject10$8, _templateObject11$6;
17166
17174
  var Container$d = styled__default.div(_templateObject$G || (_templateObject$G = _taggedTemplateLiteralLoose(["\n width: 100%;\n height: 300px;\n position: absolute;\n padding: 14px;\n"])));
17167
17175
  var Header$4 = styled__default.div(_templateObject2$u || (_templateObject2$u = _taggedTemplateLiteralLoose(["\n display: flex;\n"])));
17168
17176
  var HeaderImage = styled__default.div(_templateObject3$o || (_templateObject3$o = _taggedTemplateLiteralLoose(["\n width: 43px;\n height: 44px;\n background-color: #ebebeb;\n"])));
@@ -17173,7 +17181,7 @@ var HeaderLine = styled__default.div(_templateObject6$h || (_templateObject6$h =
17173
17181
  }, function (props) {
17174
17182
  return props.size === 'mini' && styled.css(_templateObject7$f || (_templateObject7$f = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
17175
17183
  }, function (props) {
17176
- return props.size === 'small' && styled.css(_templateObject8$b || (_templateObject8$b = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
17184
+ return props.size === 'small' && styled.css(_templateObject8$c || (_templateObject8$c = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
17177
17185
  }, function (props) {
17178
17186
  return props.size === 'medium' && styled.css(_templateObject9$b || (_templateObject9$b = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
17179
17187
  }, function (props) {
@@ -17227,7 +17235,7 @@ var HeaderLine$1 = styled__default.div(_templateObject$H || (_templateObject$H =
17227
17235
  return props.size === 'large' && styled.css(_templateObject5$k || (_templateObject5$k = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
17228
17236
  });
17229
17237
 
17230
- var _templateObject$I, _templateObject2$w, _templateObject3$q, _templateObject4$m, _templateObject5$l, _templateObject6$i, _templateObject7$g, _templateObject8$c;
17238
+ var _templateObject$I, _templateObject2$w, _templateObject3$q, _templateObject4$m, _templateObject5$l, _templateObject6$i, _templateObject7$g, _templateObject8$d;
17231
17239
  var Container$e = styled__default.div(_templateObject$I || (_templateObject$I = _taggedTemplateLiteralLoose(["\n width: 100%;\n max-height: 100%;\n position: absolute;\n padding: 14px;\n"])));
17232
17240
  var Template2Container = styled__default(Container$e)(_templateObject2$w || (_templateObject2$w = _taggedTemplateLiteralLoose(["\n background: #fff;\n border: 2px solid #ebebeb;\n"])));
17233
17241
  var Header$5 = styled__default.div(_templateObject3$q || (_templateObject3$q = _taggedTemplateLiteralLoose(["\n display: flex;\n"])));
@@ -17235,7 +17243,7 @@ var HeaderImage$1 = styled__default.div(_templateObject4$m || (_templateObject4$
17235
17243
  var HeaderContent$1 = styled__default.div(_templateObject5$l || (_templateObject5$l = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n flex: 1;\n"])));
17236
17244
  var MainContent$1 = styled__default.div(_templateObject6$i || (_templateObject6$i = _taggedTemplateLiteralLoose(["\n margin-top: 8px;\n"])));
17237
17245
  var MainLine$1 = styled__default(HeaderLine$1)(_templateObject7$g || (_templateObject7$g = _taggedTemplateLiteralLoose(["\n margin-bottom: 14px;\n margin-left: 0;\n"])));
17238
- var HeaderLine$2 = styled__default(HeaderLine$1)(_templateObject8$c || (_templateObject8$c = _taggedTemplateLiteralLoose([""])));
17246
+ var HeaderLine$2 = styled__default(HeaderLine$1)(_templateObject8$d || (_templateObject8$d = _taggedTemplateLiteralLoose([""])));
17239
17247
 
17240
17248
  var Template2 = function Template2(props) {
17241
17249
  if (!props.loading) return React__default.createElement(React__default.Fragment, null);
@@ -17290,7 +17298,7 @@ var Template3 = function Template3(props) {
17290
17298
  }));
17291
17299
  };
17292
17300
 
17293
- var _templateObject$K, _templateObject2$y, _templateObject3$s, _templateObject4$n, _templateObject5$m, _templateObject6$j, _templateObject7$h, _templateObject8$d;
17301
+ var _templateObject$K, _templateObject2$y, _templateObject3$s, _templateObject4$n, _templateObject5$m, _templateObject6$j, _templateObject7$h, _templateObject8$e;
17294
17302
  var Container$g = styled__default.div(_templateObject$K || (_templateObject$K = _taggedTemplateLiteralLoose(["\n width: 100%;\n max-height: 100%;\n position: absolute;\n padding: 14px;\n"])));
17295
17303
  var HeaderLine$3 = styled__default.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) {
17296
17304
  return props.height;
@@ -17304,7 +17312,7 @@ var HeaderLine$3 = styled__default.div(_templateObject2$y || (_templateObject2$y
17304
17312
  return props.size === 'large' && styled.css(_templateObject6$j || (_templateObject6$j = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
17305
17313
  });
17306
17314
  var Template4Container = styled__default(Container$g)(_templateObject7$h || (_templateObject7$h = _taggedTemplateLiteralLoose(["\n border: 1px solid #e6e6e7;\n border-radius: 4px;\n"])));
17307
- var CustomLine = styled__default(HeaderLine$3)(_templateObject8$d || (_templateObject8$d = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n background-color: ", ";\n"])), function (props) {
17315
+ var CustomLine = styled__default(HeaderLine$3)(_templateObject8$e || (_templateObject8$e = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n background-color: ", ";\n"])), function (props) {
17308
17316
  return props.width;
17309
17317
  }, function (props) {
17310
17318
  return props.height;
@@ -17357,7 +17365,7 @@ var Template4 = function Template4(props) {
17357
17365
  }));
17358
17366
  };
17359
17367
 
17360
- var _templateObject$L, _templateObject2$z, _templateObject3$t, _templateObject4$o, _templateObject5$n, _templateObject6$k, _templateObject7$i, _templateObject8$e, _templateObject9$c;
17368
+ var _templateObject$L, _templateObject2$z, _templateObject3$t, _templateObject4$o, _templateObject5$n, _templateObject6$k, _templateObject7$i, _templateObject8$f, _templateObject9$c;
17361
17369
  var Container$h = styled__default.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"])));
17362
17370
  var Circle = styled__default.div(_templateObject2$z || (_templateObject2$z = _taggedTemplateLiteralLoose(["\n width: 141px;\n height: 141px;\n background-color: #dddedf;\n border-radius: 50%;\n"])));
17363
17371
  var HeaderLine$4 = styled__default.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) {
@@ -17371,7 +17379,7 @@ var HeaderLine$4 = styled__default.div(_templateObject3$t || (_templateObject3$t
17371
17379
  }, function (props) {
17372
17380
  return props.size === 'large' && styled.css(_templateObject7$i || (_templateObject7$i = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
17373
17381
  });
17374
- var CustomLine$1 = styled__default(HeaderLine$4)(_templateObject8$e || (_templateObject8$e = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n background-color: ", ";\n"])), function (props) {
17382
+ var CustomLine$1 = styled__default(HeaderLine$4)(_templateObject8$f || (_templateObject8$f = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n background-color: ", ";\n"])), function (props) {
17375
17383
  return props.width;
17376
17384
  }, function (props) {
17377
17385
  return props.height;
@@ -17405,7 +17413,7 @@ var Template5 = function Template5(props) {
17405
17413
  })));
17406
17414
  };
17407
17415
 
17408
- var _templateObject$M, _templateObject2$A, _templateObject3$u, _templateObject4$p, _templateObject5$o, _templateObject6$l, _templateObject7$j, _templateObject8$f, _templateObject9$d;
17416
+ var _templateObject$M, _templateObject2$A, _templateObject3$u, _templateObject4$p, _templateObject5$o, _templateObject6$l, _templateObject7$j, _templateObject8$g, _templateObject9$d;
17409
17417
  var Container$i = styled__default.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"])));
17410
17418
  var Header$6 = styled__default.div(_templateObject2$A || (_templateObject2$A = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding: 14px;\n"])));
17411
17419
  var Footer$3 = styled__default.div(_templateObject3$u || (_templateObject3$u = _taggedTemplateLiteralLoose(["\n width: 100%;\n border-top: 1px solid #b1b1b3;\n height: 50px;\n"])));
@@ -17418,7 +17426,7 @@ var HeaderLine$5 = styled__default.div(_templateObject4$p || (_templateObject4$p
17418
17426
  }, function (props) {
17419
17427
  return props.size === 'medium' && styled.css(_templateObject7$j || (_templateObject7$j = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
17420
17428
  }, function (props) {
17421
- return props.size === 'large' && styled.css(_templateObject8$f || (_templateObject8$f = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
17429
+ return props.size === 'large' && styled.css(_templateObject8$g || (_templateObject8$g = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
17422
17430
  });
17423
17431
  var CustomLine$2 = styled__default(HeaderLine$5)(_templateObject9$d || (_templateObject9$d = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n background-color: ", ";\n border: 1px solid #dedede5e;\n"])), function (props) {
17424
17432
  return props.width;
@@ -17448,7 +17456,7 @@ var Template6 = function Template6(props) {
17448
17456
  })));
17449
17457
  };
17450
17458
 
17451
- var _templateObject$N, _templateObject2$B, _templateObject3$v, _templateObject4$q, _templateObject5$p, _templateObject6$m, _templateObject7$k, _templateObject8$g, _templateObject9$e, _templateObject10$9;
17459
+ var _templateObject$N, _templateObject2$B, _templateObject3$v, _templateObject4$q, _templateObject5$p, _templateObject6$m, _templateObject7$k, _templateObject8$h, _templateObject9$e, _templateObject10$9;
17452
17460
  var Container$j = styled__default.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"])));
17453
17461
  var Header$7 = styled__default.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"])));
17454
17462
  var HeaderLine$6 = styled__default.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) {
@@ -17462,7 +17470,7 @@ var HeaderLine$6 = styled__default.div(_templateObject3$v || (_templateObject3$v
17462
17470
  }, function (props) {
17463
17471
  return props.size === 'large' && styled.css(_templateObject7$k || (_templateObject7$k = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
17464
17472
  });
17465
- var CustomLine$3 = styled__default(HeaderLine$6)(_templateObject8$g || (_templateObject8$g = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n background-color: ", ";\n border: 1px solid #dedede5e;\n"])), function (props) {
17473
+ var CustomLine$3 = styled__default(HeaderLine$6)(_templateObject8$h || (_templateObject8$h = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n background-color: ", ";\n border: 1px solid #dedede5e;\n"])), function (props) {
17466
17474
  return props.width;
17467
17475
  }, function (props) {
17468
17476
  return props.height;
@@ -17482,7 +17490,7 @@ var Template7 = function Template7(props) {
17482
17490
  })), 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)));
17483
17491
  };
17484
17492
 
17485
- var _templateObject$O, _templateObject2$C, _templateObject3$w, _templateObject4$r, _templateObject5$q, _templateObject6$n, _templateObject7$l, _templateObject8$h, _templateObject9$f;
17493
+ var _templateObject$O, _templateObject2$C, _templateObject3$w, _templateObject4$r, _templateObject5$q, _templateObject6$n, _templateObject7$l, _templateObject8$i, _templateObject9$f;
17486
17494
  var Container$k = styled__default.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"])));
17487
17495
  var Header$8 = styled__default.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"])));
17488
17496
  var HeaderLine$7 = styled__default.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) {
@@ -17496,7 +17504,7 @@ var HeaderLine$7 = styled__default.div(_templateObject3$w || (_templateObject3$w
17496
17504
  }, function (props) {
17497
17505
  return props.size === 'large' && styled.css(_templateObject7$l || (_templateObject7$l = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
17498
17506
  });
17499
- var CustomLine$4 = styled__default(HeaderLine$7)(_templateObject8$h || (_templateObject8$h = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n background-color: ", ";\n border: 1px solid #dedede5e;\n"])), function (props) {
17507
+ var CustomLine$4 = styled__default(HeaderLine$7)(_templateObject8$i || (_templateObject8$i = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n background-color: ", ";\n border: 1px solid #dedede5e;\n"])), function (props) {
17500
17508
  return props.width;
17501
17509
  }, function (props) {
17502
17510
  return props.height;
@@ -17525,7 +17533,7 @@ var Template8 = function Template8(props) {
17525
17533
  })));
17526
17534
  };
17527
17535
 
17528
- var _templateObject$P, _templateObject2$D, _templateObject3$x, _templateObject4$s, _templateObject5$r, _templateObject6$o, _templateObject7$m, _templateObject8$i, _templateObject9$g, _templateObject10$a;
17536
+ var _templateObject$P, _templateObject2$D, _templateObject3$x, _templateObject4$s, _templateObject5$r, _templateObject6$o, _templateObject7$m, _templateObject8$j, _templateObject9$g, _templateObject10$a;
17529
17537
  var Container$l = styled__default.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"])));
17530
17538
  var Header$9 = styled__default.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"])));
17531
17539
  var HeaderLine$8 = styled__default.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) {
@@ -17539,7 +17547,7 @@ var HeaderLine$8 = styled__default.div(_templateObject3$x || (_templateObject3$x
17539
17547
  }, function (props) {
17540
17548
  return props.size === 'large' && styled.css(_templateObject7$m || (_templateObject7$m = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
17541
17549
  });
17542
- var CustomLine$5 = styled__default(HeaderLine$8)(_templateObject8$i || (_templateObject8$i = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n background-color: ", ";\n border: 1px solid #dedede5e;\n"])), function (props) {
17550
+ var CustomLine$5 = styled__default(HeaderLine$8)(_templateObject8$j || (_templateObject8$j = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n background-color: ", ";\n border: 1px solid #dedede5e;\n"])), function (props) {
17543
17551
  return props.width;
17544
17552
  }, function (props) {
17545
17553
  return props.height;
@@ -17564,7 +17572,7 @@ var Template8$1 = function Template8(props) {
17564
17572
  })), React__default.createElement(Main$4, null, React__default.createElement(Circle$2, null)));
17565
17573
  };
17566
17574
 
17567
- var _templateObject$Q, _templateObject2$E, _templateObject3$y, _templateObject4$t, _templateObject5$s, _templateObject6$p, _templateObject7$n, _templateObject8$j, _templateObject9$h, _templateObject10$b, _templateObject11$7;
17575
+ var _templateObject$Q, _templateObject2$E, _templateObject3$y, _templateObject4$t, _templateObject5$s, _templateObject6$p, _templateObject7$n, _templateObject8$k, _templateObject9$h, _templateObject10$b, _templateObject11$7;
17568
17576
  var Container$m = styled__default.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"])));
17569
17577
  var Header$a = styled__default.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"])));
17570
17578
  var HeaderLine$9 = styled__default.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) {
@@ -17578,7 +17586,7 @@ var HeaderLine$9 = styled__default.div(_templateObject3$y || (_templateObject3$y
17578
17586
  }, function (props) {
17579
17587
  return props.size === 'large' && styled.css(_templateObject7$n || (_templateObject7$n = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
17580
17588
  });
17581
- var CustomLine$6 = styled__default(HeaderLine$9)(_templateObject8$j || (_templateObject8$j = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n background-color: ", ";\n border: 1px solid #dedede5e;\n"])), function (props) {
17589
+ var CustomLine$6 = styled__default(HeaderLine$9)(_templateObject8$k || (_templateObject8$k = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n background-color: ", ";\n border: 1px solid #dedede5e;\n"])), function (props) {
17582
17590
  return props.width;
17583
17591
  }, function (props) {
17584
17592
  return props.height;
@@ -18382,7 +18390,7 @@ var useContext$2 = function useContext() {
18382
18390
  return React__default.useContext(Provider$2);
18383
18391
  };
18384
18392
 
18385
- 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;
18393
+ 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;
18386
18394
  var aligns = {
18387
18395
  self: {
18388
18396
  horizontal: {
@@ -18453,7 +18461,7 @@ var Col = styled__default.div(_templateObject$W || (_templateObject$W = _taggedT
18453
18461
  if (align.content.horizontal !== undefined) {
18454
18462
  var _v2 = align.content.horizontal;
18455
18463
  var _a2 = aligns.content.horizontal;
18456
- styles.push(styled.css(_templateObject8$k || (_templateObject8$k = _taggedTemplateLiteralLoose(["\n justify-content: ", ";\n "])), _a2[_v2]));
18464
+ styles.push(styled.css(_templateObject8$l || (_templateObject8$l = _taggedTemplateLiteralLoose(["\n justify-content: ", ";\n "])), _a2[_v2]));
18457
18465
  }
18458
18466
 
18459
18467
  if (align.content.vertical !== undefined) {
@@ -18541,7 +18549,7 @@ var Grid$1 = function Grid$1(props) {
18541
18549
  }, React__default.createElement(Grid, Object.assign({}, gridProps)));
18542
18550
  };
18543
18551
 
18544
- var _templateObject$Y, _templateObject2$K, _templateObject3$E, _templateObject4$x, _templateObject5$v, _templateObject6$r, _templateObject7$p, _templateObject8$l, _templateObject9$j, _templateObject10$d;
18552
+ var _templateObject$Y, _templateObject2$K, _templateObject3$E, _templateObject4$x, _templateObject5$v, _templateObject6$r, _templateObject7$p, _templateObject8$m, _templateObject9$j, _templateObject10$d;
18545
18553
  var horizontalAligns = {
18546
18554
  around: 'space-around',
18547
18555
  between: 'space-between',
@@ -18598,7 +18606,7 @@ var Row = styled__default.div(_templateObject$Y || (_templateObject$Y = _taggedT
18598
18606
  even: theme.colors.white,
18599
18607
  odd: theme.colors.white
18600
18608
  });
18601
- return styled.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);
18609
+ return styled.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);
18602
18610
  }, function (_ref6) {
18603
18611
  var fontColor = _ref6.fontColor,
18604
18612
  theme = _ref6.theme;