@mw-kit/mw-ui 1.7.21 → 1.7.22

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/dist/components/Input/components/Checkbox/interfaces.d.ts +4 -2
  2. package/dist/components/Input/components/Checkbox/styles.d.ts +3 -2
  3. package/dist/index.js +67 -55
  4. package/dist/index.js.map +1 -1
  5. package/dist/index.modern.js +67 -55
  6. package/dist/index.modern.js.map +1 -1
  7. package/dist/interfaces.d.ts +1 -1
  8. package/package.json +1 -1
package/dist/index.modern.js CHANGED
@@ -12938,9 +12938,9 @@ 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, _templateObject8$4;
12942
- var width = '17px';
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) {
12941
+ var _templateObject$d, _templateObject2$b, _templateObject3$a, _templateObject4$9, _templateObject5$8, _templateObject6$6, _templateObject7$5, _templateObject8$4, _templateObject9$4;
12942
+ var size = '17px';
12943
+ var Checkmark = styled.div(_templateObject$d || (_templateObject$d = _taggedTemplateLiteralLoose(["\n position: relative;\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\n /** if there is a label, it will be placed after this element */\n + * {\n flex: 1;\n }\n"])), size, size, function (_ref) {
12944
12944
  var theme = _ref.theme;
12945
12945
  return theme.colors.white;
12946
12946
  }, function (_ref2) {
@@ -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 ", "\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 ", "\n\n ", "\n\n ", "\n\n display: flex;\n align-items: center;\n\n user-select: none;\n min-height: ", ";\n min-width: ", ";\n gap: ", ";\n\n > input {\n position: absolute;\n opacity: 0;\n height: 1px;\n width: 1px;\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"])), function (_ref4) {
12954
12954
  var theme = _ref4.theme;
12955
12955
  return theme.useTypography('p');
12956
12956
  }, function (_ref5) {
@@ -13011,47 +13011,59 @@ var Label$1 = styled.label(_templateObject2$b || (_templateObject2$b = _taggedTe
13011
13011
  invalid = _ref7.invalid;
13012
13012
  if (!bordered) return;
13013
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) {
13014
+ }, size, size, function (_ref8) {
13015
13015
  var theme = _ref8.theme;
13016
13016
  return theme.spacings.s1;
13017
- }, function (_ref9) {
13017
+ }, Checkmark, function (_ref9) {
13018
13018
  var theme = _ref9.theme;
13019
- return theme.useTypography('p');
13020
- }, function (_ref10) {
13021
- var required = _ref10.required;
13022
- if (!required) return;
13023
- return css(_templateObject7$5 || (_templateObject7$5 = _taggedTemplateLiteralLoose(["\n :after {\n content: ' *';\n }\n "])));
13024
- }, Checkmark, function (_ref11) {
13025
- var theme = _ref11.theme;
13026
13019
  return theme.colors.iceWhite;
13027
- }, Checkmark, function (_ref12) {
13028
- var theme = _ref12.theme;
13020
+ }, Checkmark, function (_ref10) {
13021
+ var theme = _ref10.theme;
13029
13022
  return theme.colors.blue;
13030
- }, function (_ref13) {
13031
- var theme = _ref13.theme,
13032
- invalid = _ref13.invalid;
13023
+ }, function (_ref11) {
13024
+ var theme = _ref11.theme,
13025
+ invalid = _ref11.invalid;
13033
13026
  if (!invalid) return;
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);
13027
+ 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);
13028
+ });
13029
+ var LabelContent = styled.div(_templateObject8$4 || (_templateObject8$4 = _taggedTemplateLiteralLoose(["\n display: inline-block;\n ", "\n line-height: 14px;\n flex: 1;\n overflow: hidden;\n\n ", "\n"])), function (_ref12) {
13030
+ var theme = _ref12.theme;
13031
+ return theme.useTypography('p');
13032
+ }, function (_ref13) {
13033
+ var required = _ref13.required;
13034
+ if (!required) return;
13035
+ return css(_templateObject9$4 || (_templateObject9$4 = _taggedTemplateLiteralLoose(["\n :after {\n content: ' *';\n }\n "])));
13035
13036
  });
13036
13037
 
13037
13038
  var Checkbox = React__default.forwardRef(function (props, ref) {
13038
- var label = props.label,
13039
- disabled = props.disabled,
13039
+ var disabled = props.disabled,
13040
13040
  required = props.required,
13041
13041
  invalid = props.invalid,
13042
13042
  padding = props.padding,
13043
13043
  bordered = props.bordered;
13044
13044
  var htmlProps = filterObject(props, ['label', 'invalid', 'required', 'padding', 'bordered']);
13045
+
13046
+ var _ref = typeof props.label === 'function' ? [props.label] : [LabelContent, props.label],
13047
+ LabelComponent = _ref[0],
13048
+ children = _ref[1];
13049
+
13045
13050
  return React__default.createElement(Label$1, {
13046
13051
  disabled: disabled ? 1 : 0,
13047
13052
  required: required ? 1 : 0,
13048
13053
  invalid: invalid ? 1 : 0,
13049
13054
  bordered: bordered ? 1 : 0,
13050
13055
  padding: padding
13051
- }, React__default.createElement("div", null, React__default.createElement("div", null, label), React__default.createElement("input", Object.assign({}, htmlProps, {
13056
+ }, React__default.createElement("input", Object.assign({}, htmlProps, {
13052
13057
  type: 'checkbox',
13053
13058
  ref: ref
13054
- })), React__default.createElement(Checkmark, null)));
13059
+ })), React__default.createElement(Checkmark, null), React__default.createElement(LabelComponent, Object.assign({}, {
13060
+ disabled: disabled,
13061
+ required: required,
13062
+ invalid: invalid,
13063
+ bordered: bordered,
13064
+ padding: padding,
13065
+ children: children
13066
+ })));
13055
13067
  });
13056
13068
  Checkbox.displayName = 'Checkbox';
13057
13069
 
@@ -13086,7 +13098,7 @@ var inputTimeWidth = {
13086
13098
  withoutSeconds: '66px'
13087
13099
  };
13088
13100
 
13089
- var _templateObject$e, _templateObject2$c, _templateObject3$b, _templateObject4$a, _templateObject5$9, _templateObject6$7, _templateObject7$6, _templateObject8$5, _templateObject9$4;
13101
+ var _templateObject$e, _templateObject2$c, _templateObject3$b, _templateObject4$a, _templateObject5$9, _templateObject6$7, _templateObject7$6, _templateObject8$5, _templateObject9$5;
13090
13102
  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) {
13091
13103
  var theme = _ref.theme;
13092
13104
  return theme.spacings.s3;
@@ -13137,7 +13149,7 @@ var MonthBtn = styled.div(_templateObject7$6 || (_templateObject7$6 = _taggedTem
13137
13149
  if (!onClick) return;
13138
13150
  return css(_templateObject8$5 || (_templateObject8$5 = _taggedTemplateLiteralLoose(["\n cursor: pointer;\n "])));
13139
13151
  });
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) {
13152
+ var NavBtn = styled.button(_templateObject9$5 || (_templateObject9$5 = _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) {
13141
13153
  var theme = _ref15.theme;
13142
13154
  return theme.useTypography('p');
13143
13155
  }, function (_ref16) {
@@ -13202,7 +13214,7 @@ var MonthPicker = function MonthPicker(props) {
13202
13214
  }));
13203
13215
  };
13204
13216
 
13205
- var _templateObject$f, _templateObject2$d, _templateObject3$c, _templateObject4$b, _templateObject5$a, _templateObject6$8, _templateObject7$7, _templateObject8$6, _templateObject9$5, _templateObject10$3, _templateObject11$3;
13217
+ var _templateObject$f, _templateObject2$d, _templateObject3$c, _templateObject4$b, _templateObject5$a, _templateObject6$8, _templateObject7$7, _templateObject8$6, _templateObject9$6, _templateObject10$3, _templateObject11$3;
13206
13218
  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"])));
13207
13219
  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) {
13208
13220
  var theme = _ref.theme;
@@ -13246,7 +13258,7 @@ var DayContainer = styled.button(_templateObject4$b || (_templateObject4$b = _ta
13246
13258
  }, hover('white'));
13247
13259
  }
13248
13260
 
13249
- return css(_templateObject9$5 || (_templateObject9$5 = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n ", "\n "])), theme.colors.white, hover('blue'));
13261
+ return css(_templateObject9$6 || (_templateObject9$6 = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n ", "\n "])), theme.colors.white, hover('blue'));
13250
13262
  }, function (_ref10) {
13251
13263
  var theme = _ref10.theme;
13252
13264
  return theme.colors.silver;
@@ -15304,7 +15316,7 @@ var Phone = Object.assign(Component, {
15304
15316
  getPhoneDetails: getPhoneDetails
15305
15317
  });
15306
15318
 
15307
- var _templateObject$q, _templateObject2$k, _templateObject3$f, _templateObject4$c, _templateObject5$b, _templateObject6$9, _templateObject7$8, _templateObject8$7, _templateObject9$6;
15319
+ var _templateObject$q, _templateObject2$k, _templateObject3$f, _templateObject4$c, _templateObject5$b, _templateObject6$9, _templateObject7$8, _templateObject8$7, _templateObject9$7;
15308
15320
  var RelativeContainer$4 = styled.div(_templateObject$q || (_templateObject$q = _taggedTemplateLiteralLoose(["\n position: relative;\n\n input {\n color: transparent;\n }\n"])));
15309
15321
  var LabelContainer$2 = styled.div(_templateObject2$k || (_templateObject2$k = _taggedTemplateLiteralLoose(["\n ", "\n line-height: ", ";\n"])), function (_ref) {
15310
15322
  var theme = _ref.theme;
@@ -15336,7 +15348,7 @@ var Container$8 = styled.div(_templateObject3$f || (_templateObject3$f = _tagged
15336
15348
  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) {
15337
15349
  var onClick = _ref6.onClick;
15338
15350
  if (!onClick) return;
15339
- return css(_templateObject9$6 || (_templateObject9$6 = _taggedTemplateLiteralLoose(["\n :not(:disabled) {\n cursor: pointer;\n }\n "])));
15351
+ return css(_templateObject9$7 || (_templateObject9$7 = _taggedTemplateLiteralLoose(["\n :not(:disabled) {\n cursor: pointer;\n }\n "])));
15340
15352
  });
15341
15353
 
15342
15354
  var DatePicker = React__default.forwardRef(function (props, ref) {
@@ -15533,7 +15545,7 @@ var Switch = function Switch(props) {
15533
15545
  })), React__default.createElement("span", null), label.after && React__default.createElement(LabelContainer$3, null, label.after));
15534
15546
  };
15535
15547
 
15536
- 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;
15548
+ var _templateObject$s, _templateObject2$m, _templateObject3$h, _templateObject4$e, _templateObject5$d, _templateObject6$b, _templateObject7$a, _templateObject8$8, _templateObject9$8, _templateObject10$4, _templateObject11$4, _templateObject12$3, _templateObject13$2, _templateObject14$2, _templateObject15$1, _templateObject16;
15537
15549
  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) {
15538
15550
  var theme = _ref.theme;
15539
15551
  return theme.spacings.s4;
@@ -15576,7 +15588,7 @@ var InputContainer = styled.div(_templateObject6$b || (_templateObject6$b = _tag
15576
15588
 
15577
15589
  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);
15578
15590
  });
15579
- var MinMaxLabelContainer = styled.div(_templateObject9$7 || (_templateObject9$7 = _taggedTemplateLiteralLoose(["\n display: flex;\n padding-bottom: 2px;\n"])));
15591
+ var MinMaxLabelContainer = styled.div(_templateObject9$8 || (_templateObject9$8 = _taggedTemplateLiteralLoose(["\n display: flex;\n padding-bottom: 2px;\n"])));
15580
15592
  var LabelsContainer = styled.div(_templateObject10$4 || (_templateObject10$4 = _taggedTemplateLiteralLoose(["\n display: flex;\n gap: 7px;\n\n ", "\n"])), function (_ref11) {
15581
15593
  var position = _ref11.position;
15582
15594
 
@@ -15995,7 +16007,7 @@ var parse = function parse(value) {
15995
16007
  });
15996
16008
  };
15997
16009
 
15998
- var _templateObject$u, _templateObject2$o, _templateObject3$j, _templateObject4$g, _templateObject5$f, _templateObject6$d, _templateObject7$c, _templateObject8$9, _templateObject9$8, _templateObject10$5, _templateObject11$5;
16010
+ var _templateObject$u, _templateObject2$o, _templateObject3$j, _templateObject4$g, _templateObject5$f, _templateObject6$d, _templateObject7$c, _templateObject8$9, _templateObject9$9, _templateObject10$5, _templateObject11$5;
15999
16011
  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"])));
16000
16012
  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) {
16001
16013
  var theme = _ref.theme;
@@ -16036,7 +16048,7 @@ var Container$9 = styled.div(_templateObject4$g || (_templateObject4$g = _tagged
16036
16048
  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) {
16037
16049
  var onClick = _ref9.onClick;
16038
16050
  if (!onClick) return;
16039
- return css(_templateObject9$8 || (_templateObject9$8 = _taggedTemplateLiteralLoose(["\n :not(:disabled) {\n cursor: pointer;\n }\n "])));
16051
+ return css(_templateObject9$9 || (_templateObject9$9 = _taggedTemplateLiteralLoose(["\n :not(:disabled) {\n cursor: pointer;\n }\n "])));
16040
16052
  });
16041
16053
  var LabelText$1 = styled.label(_templateObject10$5 || (_templateObject10$5 = _taggedTemplateLiteralLoose(["\n display: inline-block;\n margin-bottom: ", ";\n\n ", "\n"])), function (_ref10) {
16042
16054
  var theme = _ref10.theme;
@@ -16900,7 +16912,7 @@ var widths = {
16900
16912
  default: '642.5px'
16901
16913
  };
16902
16914
 
16903
- var _templateObject$A, _templateObject2$r, _templateObject3$l, _templateObject4$h, _templateObject5$g, _templateObject6$e, _templateObject7$d, _templateObject8$a, _templateObject9$9, _templateObject10$6;
16915
+ var _templateObject$A, _templateObject2$r, _templateObject3$l, _templateObject4$h, _templateObject5$g, _templateObject6$e, _templateObject7$d, _templateObject8$a, _templateObject9$a, _templateObject10$6;
16904
16916
  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) {
16905
16917
  var theme = _ref.theme;
16906
16918
  return theme.getColor('black', 25);
@@ -16927,7 +16939,7 @@ var FooterButtons = styled.div(_templateObject8$a || (_templateObject8$a = _tagg
16927
16939
  var theme = _ref5.theme;
16928
16940
  return theme.spacings.s3;
16929
16941
  });
16930
- var Container$a = styled.div(_templateObject9$9 || (_templateObject9$9 = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n\n ", "\n"])), function (_ref6) {
16942
+ var Container$a = styled.div(_templateObject9$a || (_templateObject9$a = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n\n ", "\n"])), function (_ref6) {
16931
16943
  var theme = _ref6.theme,
16932
16944
  size = _ref6.size,
16933
16945
  customSize = _ref6.customSize,
@@ -17130,7 +17142,7 @@ var Modal$1 = Object.assign(Modal, {
17130
17142
  Audit: Audit
17131
17143
  });
17132
17144
 
17133
- var _templateObject$E, _templateObject2$s, _templateObject3$m, _templateObject4$i, _templateObject5$h, _templateObject6$f, _templateObject7$e, _templateObject8$b, _templateObject9$a, _templateObject10$7;
17145
+ var _templateObject$E, _templateObject2$s, _templateObject3$m, _templateObject4$i, _templateObject5$h, _templateObject6$f, _templateObject7$e, _templateObject8$b, _templateObject9$b, _templateObject10$7;
17134
17146
  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) {
17135
17147
  return props.size === 'mini' && css(_templateObject2$s || (_templateObject2$s = _taggedTemplateLiteralLoose(["\n width: 394px;\n height: 99px;\n "])));
17136
17148
  }, function (props) {
@@ -17146,7 +17158,7 @@ var Container$b = styled.div(_templateObject$E || (_templateObject$E = _taggedTe
17146
17158
  }, function (props) {
17147
17159
  return props.borderType === 'warning' && css(_templateObject8$b || (_templateObject8$b = _taggedTemplateLiteralLoose(["\n border-left-color: #fbcb01;\n "])));
17148
17160
  }, function (props) {
17149
- return props.borderType === 'danger' && css(_templateObject9$a || (_templateObject9$a = _taggedTemplateLiteralLoose(["\n border-left-color: #e23851;\n "])));
17161
+ return props.borderType === 'danger' && css(_templateObject9$b || (_templateObject9$b = _taggedTemplateLiteralLoose(["\n border-left-color: #e23851;\n "])));
17150
17162
  }, function (props) {
17151
17163
  return props.borderType === 'none' && css(_templateObject10$7 || (_templateObject10$7 = _taggedTemplateLiteralLoose(["\n border: 1px solid #d4d4d5;\n "])));
17152
17164
  });
@@ -17183,7 +17195,7 @@ var Toast = function Toast(props) {
17183
17195
  })), React__default.createElement(IconContent, null, React__default.createElement("h4", null, props.title), React__default.createElement("p", null, " ", props.description)));
17184
17196
  };
17185
17197
 
17186
- var _templateObject$G, _templateObject2$u, _templateObject3$o, _templateObject4$k, _templateObject5$j, _templateObject6$h, _templateObject7$f, _templateObject8$c, _templateObject9$b, _templateObject10$8, _templateObject11$6;
17198
+ var _templateObject$G, _templateObject2$u, _templateObject3$o, _templateObject4$k, _templateObject5$j, _templateObject6$h, _templateObject7$f, _templateObject8$c, _templateObject9$c, _templateObject10$8, _templateObject11$6;
17187
17199
  var Container$d = styled.div(_templateObject$G || (_templateObject$G = _taggedTemplateLiteralLoose(["\n width: 100%;\n height: 300px;\n position: absolute;\n padding: 14px;\n"])));
17188
17200
  var Header$4 = styled.div(_templateObject2$u || (_templateObject2$u = _taggedTemplateLiteralLoose(["\n display: flex;\n"])));
17189
17201
  var HeaderImage = styled.div(_templateObject3$o || (_templateObject3$o = _taggedTemplateLiteralLoose(["\n width: 43px;\n height: 44px;\n background-color: #ebebeb;\n"])));
@@ -17196,7 +17208,7 @@ var HeaderLine = styled.div(_templateObject6$h || (_templateObject6$h = _taggedT
17196
17208
  }, function (props) {
17197
17209
  return props.size === 'small' && css(_templateObject8$c || (_templateObject8$c = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
17198
17210
  }, function (props) {
17199
- return props.size === 'medium' && css(_templateObject9$b || (_templateObject9$b = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
17211
+ return props.size === 'medium' && css(_templateObject9$c || (_templateObject9$c = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
17200
17212
  }, function (props) {
17201
17213
  return props.size === 'large' && css(_templateObject10$8 || (_templateObject10$8 = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
17202
17214
  });
@@ -17378,7 +17390,7 @@ var Template4 = function Template4(props) {
17378
17390
  }));
17379
17391
  };
17380
17392
 
17381
- var _templateObject$L, _templateObject2$z, _templateObject3$t, _templateObject4$o, _templateObject5$n, _templateObject6$k, _templateObject7$i, _templateObject8$f, _templateObject9$c;
17393
+ var _templateObject$L, _templateObject2$z, _templateObject3$t, _templateObject4$o, _templateObject5$n, _templateObject6$k, _templateObject7$i, _templateObject8$f, _templateObject9$d;
17382
17394
  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"])));
17383
17395
  var Circle = styled.div(_templateObject2$z || (_templateObject2$z = _taggedTemplateLiteralLoose(["\n width: 141px;\n height: 141px;\n background-color: #dddedf;\n border-radius: 50%;\n"])));
17384
17396
  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) {
@@ -17399,7 +17411,7 @@ var CustomLine$1 = styled(HeaderLine$4)(_templateObject8$f || (_templateObject8$
17399
17411
  }, function (props) {
17400
17412
  return props.color;
17401
17413
  });
17402
- var MainContent$2 = styled.div(_templateObject9$c || (_templateObject9$c = _taggedTemplateLiteralLoose(["\n flex: 1;\n margin-left: 35px;\n"])));
17414
+ var MainContent$2 = styled.div(_templateObject9$d || (_templateObject9$d = _taggedTemplateLiteralLoose(["\n flex: 1;\n margin-left: 35px;\n"])));
17403
17415
 
17404
17416
  var Template5 = function Template5(props) {
17405
17417
  if (!props.loading) return React__default.createElement(React__default.Fragment, null);
@@ -17426,7 +17438,7 @@ var Template5 = function Template5(props) {
17426
17438
  })));
17427
17439
  };
17428
17440
 
17429
- var _templateObject$M, _templateObject2$A, _templateObject3$u, _templateObject4$p, _templateObject5$o, _templateObject6$l, _templateObject7$j, _templateObject8$g, _templateObject9$d;
17441
+ var _templateObject$M, _templateObject2$A, _templateObject3$u, _templateObject4$p, _templateObject5$o, _templateObject6$l, _templateObject7$j, _templateObject8$g, _templateObject9$e;
17430
17442
  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"])));
17431
17443
  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"])));
17432
17444
  var Footer$3 = styled.div(_templateObject3$u || (_templateObject3$u = _taggedTemplateLiteralLoose(["\n width: 100%;\n border-top: 1px solid #b1b1b3;\n height: 50px;\n"])));
@@ -17441,7 +17453,7 @@ var HeaderLine$5 = styled.div(_templateObject4$p || (_templateObject4$p = _tagge
17441
17453
  }, function (props) {
17442
17454
  return props.size === 'large' && css(_templateObject8$g || (_templateObject8$g = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
17443
17455
  });
17444
- 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) {
17456
+ var CustomLine$2 = styled(HeaderLine$5)(_templateObject9$e || (_templateObject9$e = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n background-color: ", ";\n border: 1px solid #dedede5e;\n"])), function (props) {
17445
17457
  return props.width;
17446
17458
  }, function (props) {
17447
17459
  return props.height;
@@ -17469,7 +17481,7 @@ var Template6 = function Template6(props) {
17469
17481
  })));
17470
17482
  };
17471
17483
 
17472
- var _templateObject$N, _templateObject2$B, _templateObject3$v, _templateObject4$q, _templateObject5$p, _templateObject6$m, _templateObject7$k, _templateObject8$h, _templateObject9$e, _templateObject10$9;
17484
+ var _templateObject$N, _templateObject2$B, _templateObject3$v, _templateObject4$q, _templateObject5$p, _templateObject6$m, _templateObject7$k, _templateObject8$h, _templateObject9$f, _templateObject10$9;
17473
17485
  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"])));
17474
17486
  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"])));
17475
17487
  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) {
@@ -17490,7 +17502,7 @@ var CustomLine$3 = styled(HeaderLine$6)(_templateObject8$h || (_templateObject8$
17490
17502
  }, function (props) {
17491
17503
  return props.color;
17492
17504
  });
17493
- var Main$2 = styled.div(_templateObject9$e || (_templateObject9$e = _taggedTemplateLiteralLoose(["\n margin: 10px 0;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-evenly;\n"])));
17505
+ var Main$2 = styled.div(_templateObject9$f || (_templateObject9$f = _taggedTemplateLiteralLoose(["\n margin: 10px 0;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-evenly;\n"])));
17494
17506
  var Circle$1 = styled.div(_templateObject10$9 || (_templateObject10$9 = _taggedTemplateLiteralLoose(["\n width: 30px;\n height: 30px;\n background-color: #ebebeb;\n border-radius: 50%;\n margin: 0 16px;\n"])));
17495
17507
 
17496
17508
  var Template7 = function Template7(props) {
@@ -17503,7 +17515,7 @@ var Template7 = function Template7(props) {
17503
17515
  })), 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)));
17504
17516
  };
17505
17517
 
17506
- var _templateObject$O, _templateObject2$C, _templateObject3$w, _templateObject4$r, _templateObject5$q, _templateObject6$n, _templateObject7$l, _templateObject8$i, _templateObject9$f;
17518
+ var _templateObject$O, _templateObject2$C, _templateObject3$w, _templateObject4$r, _templateObject5$q, _templateObject6$n, _templateObject7$l, _templateObject8$i, _templateObject9$g;
17507
17519
  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"])));
17508
17520
  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"])));
17509
17521
  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) {
@@ -17524,7 +17536,7 @@ var CustomLine$4 = styled(HeaderLine$7)(_templateObject8$i || (_templateObject8$
17524
17536
  }, function (props) {
17525
17537
  return props.color;
17526
17538
  });
17527
- var Main$3 = styled.div(_templateObject9$f || (_templateObject9$f = _taggedTemplateLiteralLoose(["\n padding: 14px;\n width: 100%;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n"])));
17539
+ var Main$3 = styled.div(_templateObject9$g || (_templateObject9$g = _taggedTemplateLiteralLoose(["\n padding: 14px;\n width: 100%;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n"])));
17528
17540
 
17529
17541
  var Template8 = function Template8(props) {
17530
17542
  if (!props.loading) return React__default.createElement(React__default.Fragment, null);
@@ -17546,7 +17558,7 @@ var Template8 = function Template8(props) {
17546
17558
  })));
17547
17559
  };
17548
17560
 
17549
- var _templateObject$P, _templateObject2$D, _templateObject3$x, _templateObject4$s, _templateObject5$r, _templateObject6$o, _templateObject7$m, _templateObject8$j, _templateObject9$g, _templateObject10$a;
17561
+ var _templateObject$P, _templateObject2$D, _templateObject3$x, _templateObject4$s, _templateObject5$r, _templateObject6$o, _templateObject7$m, _templateObject8$j, _templateObject9$h, _templateObject10$a;
17550
17562
  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"])));
17551
17563
  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"])));
17552
17564
  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) {
@@ -17567,7 +17579,7 @@ var CustomLine$5 = styled(HeaderLine$8)(_templateObject8$j || (_templateObject8$
17567
17579
  }, function (props) {
17568
17580
  return props.color;
17569
17581
  });
17570
- var Main$4 = styled.div(_templateObject9$g || (_templateObject9$g = _taggedTemplateLiteralLoose(["\n padding: 14px;\n width: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n"])));
17582
+ var Main$4 = styled.div(_templateObject9$h || (_templateObject9$h = _taggedTemplateLiteralLoose(["\n padding: 14px;\n width: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n"])));
17571
17583
  var Circle$2 = styled.div(_templateObject10$a || (_templateObject10$a = _taggedTemplateLiteralLoose(["\n width: 128px;\n height: 128px;\n background-color: #ebebeb;\n border-radius: 50%;\n"])));
17572
17584
 
17573
17585
  var Template8$1 = function Template8(props) {
@@ -17585,7 +17597,7 @@ var Template8$1 = function Template8(props) {
17585
17597
  })), React__default.createElement(Main$4, null, React__default.createElement(Circle$2, null)));
17586
17598
  };
17587
17599
 
17588
- var _templateObject$Q, _templateObject2$E, _templateObject3$y, _templateObject4$t, _templateObject5$s, _templateObject6$p, _templateObject7$n, _templateObject8$k, _templateObject9$h, _templateObject10$b, _templateObject11$7;
17600
+ var _templateObject$Q, _templateObject2$E, _templateObject3$y, _templateObject4$t, _templateObject5$s, _templateObject6$p, _templateObject7$n, _templateObject8$k, _templateObject9$i, _templateObject10$b, _templateObject11$7;
17589
17601
  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"])));
17590
17602
  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"])));
17591
17603
  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) {
@@ -17606,7 +17618,7 @@ var CustomLine$6 = styled(HeaderLine$9)(_templateObject8$k || (_templateObject8$
17606
17618
  }, function (props) {
17607
17619
  return props.color;
17608
17620
  });
17609
- var GraphLine = styled(CustomLine$6)(_templateObject9$h || (_templateObject9$h = _taggedTemplateLiteralLoose(["\n margin: 0 7px;\n"])));
17621
+ var GraphLine = styled(CustomLine$6)(_templateObject9$i || (_templateObject9$i = _taggedTemplateLiteralLoose(["\n margin: 0 7px;\n"])));
17610
17622
  var Main$5 = styled.div(_templateObject10$b || (_templateObject10$b = _taggedTemplateLiteralLoose(["\n flex: 1;\n padding: 0 7px 72px 7px;\n width: 100%;\n display: flex;\n flex-direction: row;\n align-items: flex-end;\n justify-content: center;\n"])));
17611
17623
  var Circle$3 = styled.div(_templateObject11$7 || (_templateObject11$7 = _taggedTemplateLiteralLoose(["\n width: 128px;\n height: 128px;\n background-color: #ebebeb;\n border-radius: 50%;\n"])));
17612
17624
 
@@ -18403,7 +18415,7 @@ var useContext$2 = function useContext() {
18403
18415
  return React__default.useContext(Provider$2);
18404
18416
  };
18405
18417
 
18406
- 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;
18418
+ var _templateObject$W, _templateObject2$I, _templateObject3$C, _templateObject4$w, _templateObject5$u, _templateObject6$q, _templateObject7$o, _templateObject8$l, _templateObject9$j, _templateObject10$c, _templateObject11$8, _templateObject12$4, _templateObject13$3, _templateObject14$3, _templateObject15$2;
18407
18419
  var aligns = {
18408
18420
  self: {
18409
18421
  horizontal: {
@@ -18480,7 +18492,7 @@ var Col = styled.div(_templateObject$W || (_templateObject$W = _taggedTemplateLi
18480
18492
  if (align.content.vertical !== undefined) {
18481
18493
  var _v3 = align.content.vertical;
18482
18494
  var _a3 = aligns.content.vertical;
18483
- styles.push(css(_templateObject9$i || (_templateObject9$i = _taggedTemplateLiteralLoose(["\n align-items: ", ";\n "])), _a3[_v3]));
18495
+ styles.push(css(_templateObject9$j || (_templateObject9$j = _taggedTemplateLiteralLoose(["\n align-items: ", ";\n "])), _a3[_v3]));
18484
18496
  }
18485
18497
  }
18486
18498
 
@@ -18562,7 +18574,7 @@ var Grid$1 = function Grid$1(props) {
18562
18574
  }, React__default.createElement(Grid, Object.assign({}, gridProps)));
18563
18575
  };
18564
18576
 
18565
- var _templateObject$Y, _templateObject2$K, _templateObject3$E, _templateObject4$x, _templateObject5$v, _templateObject6$r, _templateObject7$p, _templateObject8$m, _templateObject9$j, _templateObject10$d;
18577
+ var _templateObject$Y, _templateObject2$K, _templateObject3$E, _templateObject4$x, _templateObject5$v, _templateObject6$r, _templateObject7$p, _templateObject8$m, _templateObject9$k, _templateObject10$d;
18566
18578
  var horizontalAligns = {
18567
18579
  around: 'space-around',
18568
18580
  between: 'space-between',
@@ -18630,7 +18642,7 @@ var Row = styled.div(_templateObject$Y || (_templateObject$Y = _taggedTemplateLi
18630
18642
  var borderless = _ref7.borderless,
18631
18643
  lightestGrey = _ref7.theme.colors.lightestGrey;
18632
18644
  if (borderless) return;
18633
- return css(_templateObject9$j || (_templateObject9$j = _taggedTemplateLiteralLoose(["\n :not(:last-child) {\n border-bottom: 1px solid ", ";\n }\n "])), lightestGrey);
18645
+ return css(_templateObject9$k || (_templateObject9$k = _taggedTemplateLiteralLoose(["\n :not(:last-child) {\n border-bottom: 1px solid ", ";\n }\n "])), lightestGrey);
18634
18646
  }, function (_ref8) {
18635
18647
  var hover = _ref8.hover,
18636
18648
  theme = _ref8.theme;