@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/components/Input/components/Checkbox/interfaces.d.ts CHANGED
@@ -7,12 +7,14 @@ interface Padding {
7
7
  bottom?: string | keyof typeof spacings;
8
8
  right?: string | keyof typeof spacings;
9
9
  }
10
- export interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type'> {
11
- label?: ElementOrString;
10
+ export interface LabelContentProps {
12
11
  required?: boolean;
13
12
  invalid?: boolean;
14
13
  padding?: Padding;
15
14
  bordered?: true;
15
+ }
16
+ export interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type'>, LabelContentProps {
17
+ label?: ElementOrString | React.FunctionComponent<LabelContentProps>;
16
18
  type: 'checkbox';
17
19
  }
18
20
  export interface LabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {
package/dist/components/Input/components/Checkbox/styles.d.ts CHANGED
@@ -1,3 +1,4 @@
1
- import { LabelProps } from './interfaces';
2
- export declare const Checkmark: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
1
+ import { LabelContentProps, LabelProps } from './interfaces';
2
+ export declare const Checkmark: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
3
3
  export declare const Label: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, LabelProps, never>;
4
+ export declare const LabelContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, LabelContentProps, never>;
package/dist/index.js CHANGED
@@ -12941,9 +12941,9 @@ 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, _templateObject8$4;
12945
- var width = '17px';
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) {
12944
+ var _templateObject$d, _templateObject2$b, _templateObject3$a, _templateObject4$9, _templateObject5$8, _templateObject6$6, _templateObject7$5, _templateObject8$4, _templateObject9$4;
12945
+ var size = '17px';
12946
+ var Checkmark = styled__default.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) {
12947
12947
  var theme = _ref.theme;
12948
12948
  return theme.colors.white;
12949
12949
  }, function (_ref2) {
@@ -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 ", "\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 ", "\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) {
12957
12957
  var theme = _ref4.theme;
12958
12958
  return theme.useTypography('p');
12959
12959
  }, function (_ref5) {
@@ -13014,47 +13014,59 @@ var Label$1 = styled__default.label(_templateObject2$b || (_templateObject2$b =
13014
13014
  invalid = _ref7.invalid;
13015
13015
  if (!bordered) return;
13016
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) {
13017
+ }, size, size, function (_ref8) {
13018
13018
  var theme = _ref8.theme;
13019
13019
  return theme.spacings.s1;
13020
- }, function (_ref9) {
13020
+ }, Checkmark, function (_ref9) {
13021
13021
  var theme = _ref9.theme;
13022
- return theme.useTypography('p');
13023
- }, function (_ref10) {
13024
- var required = _ref10.required;
13025
- if (!required) return;
13026
- return styled.css(_templateObject7$5 || (_templateObject7$5 = _taggedTemplateLiteralLoose(["\n :after {\n content: ' *';\n }\n "])));
13027
- }, Checkmark, function (_ref11) {
13028
- var theme = _ref11.theme;
13029
13022
  return theme.colors.iceWhite;
13030
- }, Checkmark, function (_ref12) {
13031
- var theme = _ref12.theme;
13023
+ }, Checkmark, function (_ref10) {
13024
+ var theme = _ref10.theme;
13032
13025
  return theme.colors.blue;
13033
- }, function (_ref13) {
13034
- var theme = _ref13.theme,
13035
- invalid = _ref13.invalid;
13026
+ }, function (_ref11) {
13027
+ var theme = _ref11.theme,
13028
+ invalid = _ref11.invalid;
13036
13029
  if (!invalid) return;
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);
13030
+ 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);
13031
+ });
13032
+ var LabelContent = styled__default.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) {
13033
+ var theme = _ref12.theme;
13034
+ return theme.useTypography('p');
13035
+ }, function (_ref13) {
13036
+ var required = _ref13.required;
13037
+ if (!required) return;
13038
+ return styled.css(_templateObject9$4 || (_templateObject9$4 = _taggedTemplateLiteralLoose(["\n :after {\n content: ' *';\n }\n "])));
13038
13039
  });
13039
13040
 
13040
13041
  var Checkbox = React__default.forwardRef(function (props, ref) {
13041
- var label = props.label,
13042
- disabled = props.disabled,
13042
+ var disabled = props.disabled,
13043
13043
  required = props.required,
13044
13044
  invalid = props.invalid,
13045
13045
  padding = props.padding,
13046
13046
  bordered = props.bordered;
13047
13047
  var htmlProps = filterObject(props, ['label', 'invalid', 'required', 'padding', 'bordered']);
13048
+
13049
+ var _ref = typeof props.label === 'function' ? [props.label] : [LabelContent, props.label],
13050
+ LabelComponent = _ref[0],
13051
+ children = _ref[1];
13052
+
13048
13053
  return React__default.createElement(Label$1, {
13049
13054
  disabled: disabled ? 1 : 0,
13050
13055
  required: required ? 1 : 0,
13051
13056
  invalid: invalid ? 1 : 0,
13052
13057
  bordered: bordered ? 1 : 0,
13053
13058
  padding: padding
13054
- }, React__default.createElement("div", null, React__default.createElement("div", null, label), React__default.createElement("input", Object.assign({}, htmlProps, {
13059
+ }, React__default.createElement("input", Object.assign({}, htmlProps, {
13055
13060
  type: 'checkbox',
13056
13061
  ref: ref
13057
- })), React__default.createElement(Checkmark, null)));
13062
+ })), React__default.createElement(Checkmark, null), React__default.createElement(LabelComponent, Object.assign({}, {
13063
+ disabled: disabled,
13064
+ required: required,
13065
+ invalid: invalid,
13066
+ bordered: bordered,
13067
+ padding: padding,
13068
+ children: children
13069
+ })));
13058
13070
  });
13059
13071
  Checkbox.displayName = 'Checkbox';
13060
13072
 
@@ -13089,7 +13101,7 @@ var inputTimeWidth = {
13089
13101
  withoutSeconds: '66px'
13090
13102
  };
13091
13103
 
13092
- var _templateObject$e, _templateObject2$c, _templateObject3$b, _templateObject4$a, _templateObject5$9, _templateObject6$7, _templateObject7$6, _templateObject8$5, _templateObject9$4;
13104
+ var _templateObject$e, _templateObject2$c, _templateObject3$b, _templateObject4$a, _templateObject5$9, _templateObject6$7, _templateObject7$6, _templateObject8$5, _templateObject9$5;
13093
13105
  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) {
13094
13106
  var theme = _ref.theme;
13095
13107
  return theme.spacings.s3;
@@ -13140,7 +13152,7 @@ var MonthBtn = styled__default.div(_templateObject7$6 || (_templateObject7$6 = _
13140
13152
  if (!onClick) return;
13141
13153
  return styled.css(_templateObject8$5 || (_templateObject8$5 = _taggedTemplateLiteralLoose(["\n cursor: pointer;\n "])));
13142
13154
  });
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) {
13155
+ var NavBtn = styled__default.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) {
13144
13156
  var theme = _ref15.theme;
13145
13157
  return theme.useTypography('p');
13146
13158
  }, function (_ref16) {
@@ -13205,7 +13217,7 @@ var MonthPicker = function MonthPicker(props) {
13205
13217
  }));
13206
13218
  };
13207
13219
 
13208
- var _templateObject$f, _templateObject2$d, _templateObject3$c, _templateObject4$b, _templateObject5$a, _templateObject6$8, _templateObject7$7, _templateObject8$6, _templateObject9$5, _templateObject10$3, _templateObject11$3;
13220
+ var _templateObject$f, _templateObject2$d, _templateObject3$c, _templateObject4$b, _templateObject5$a, _templateObject6$8, _templateObject7$7, _templateObject8$6, _templateObject9$6, _templateObject10$3, _templateObject11$3;
13209
13221
  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"])));
13210
13222
  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) {
13211
13223
  var theme = _ref.theme;
@@ -13249,7 +13261,7 @@ var DayContainer = styled__default.button(_templateObject4$b || (_templateObject
13249
13261
  }, hover('white'));
13250
13262
  }
13251
13263
 
13252
- return styled.css(_templateObject9$5 || (_templateObject9$5 = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n ", "\n "])), theme.colors.white, hover('blue'));
13264
+ return styled.css(_templateObject9$6 || (_templateObject9$6 = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n ", "\n "])), theme.colors.white, hover('blue'));
13253
13265
  }, function (_ref10) {
13254
13266
  var theme = _ref10.theme;
13255
13267
  return theme.colors.silver;
@@ -15307,7 +15319,7 @@ var Phone = Object.assign(Component, {
15307
15319
  getPhoneDetails: getPhoneDetails
15308
15320
  });
15309
15321
 
15310
- var _templateObject$q, _templateObject2$k, _templateObject3$f, _templateObject4$c, _templateObject5$b, _templateObject6$9, _templateObject7$8, _templateObject8$7, _templateObject9$6;
15322
+ var _templateObject$q, _templateObject2$k, _templateObject3$f, _templateObject4$c, _templateObject5$b, _templateObject6$9, _templateObject7$8, _templateObject8$7, _templateObject9$7;
15311
15323
  var RelativeContainer$4 = styled__default.div(_templateObject$q || (_templateObject$q = _taggedTemplateLiteralLoose(["\n position: relative;\n\n input {\n color: transparent;\n }\n"])));
15312
15324
  var LabelContainer$2 = styled__default.div(_templateObject2$k || (_templateObject2$k = _taggedTemplateLiteralLoose(["\n ", "\n line-height: ", ";\n"])), function (_ref) {
15313
15325
  var theme = _ref.theme;
@@ -15339,7 +15351,7 @@ var Container$8 = styled__default.div(_templateObject3$f || (_templateObject3$f
15339
15351
  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) {
15340
15352
  var onClick = _ref6.onClick;
15341
15353
  if (!onClick) return;
15342
- return styled.css(_templateObject9$6 || (_templateObject9$6 = _taggedTemplateLiteralLoose(["\n :not(:disabled) {\n cursor: pointer;\n }\n "])));
15354
+ return styled.css(_templateObject9$7 || (_templateObject9$7 = _taggedTemplateLiteralLoose(["\n :not(:disabled) {\n cursor: pointer;\n }\n "])));
15343
15355
  });
15344
15356
 
15345
15357
  var DatePicker = React__default.forwardRef(function (props, ref) {
@@ -15536,7 +15548,7 @@ var Switch = function Switch(props) {
15536
15548
  })), React__default.createElement("span", null), label.after && React__default.createElement(LabelContainer$3, null, label.after));
15537
15549
  };
15538
15550
 
15539
- 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;
15551
+ 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;
15540
15552
  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) {
15541
15553
  var theme = _ref.theme;
15542
15554
  return theme.spacings.s4;
@@ -15579,7 +15591,7 @@ var InputContainer = styled__default.div(_templateObject6$b || (_templateObject6
15579
15591
 
15580
15592
  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);
15581
15593
  });
15582
- var MinMaxLabelContainer = styled__default.div(_templateObject9$7 || (_templateObject9$7 = _taggedTemplateLiteralLoose(["\n display: flex;\n padding-bottom: 2px;\n"])));
15594
+ var MinMaxLabelContainer = styled__default.div(_templateObject9$8 || (_templateObject9$8 = _taggedTemplateLiteralLoose(["\n display: flex;\n padding-bottom: 2px;\n"])));
15583
15595
  var LabelsContainer = styled__default.div(_templateObject10$4 || (_templateObject10$4 = _taggedTemplateLiteralLoose(["\n display: flex;\n gap: 7px;\n\n ", "\n"])), function (_ref11) {
15584
15596
  var position = _ref11.position;
15585
15597
 
@@ -15998,7 +16010,7 @@ var parse = function parse(value) {
15998
16010
  });
15999
16011
  };
16000
16012
 
16001
- var _templateObject$u, _templateObject2$o, _templateObject3$j, _templateObject4$g, _templateObject5$f, _templateObject6$d, _templateObject7$c, _templateObject8$9, _templateObject9$8, _templateObject10$5, _templateObject11$5;
16013
+ var _templateObject$u, _templateObject2$o, _templateObject3$j, _templateObject4$g, _templateObject5$f, _templateObject6$d, _templateObject7$c, _templateObject8$9, _templateObject9$9, _templateObject10$5, _templateObject11$5;
16002
16014
  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"])));
16003
16015
  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) {
16004
16016
  var theme = _ref.theme;
@@ -16039,7 +16051,7 @@ var Container$9 = styled__default.div(_templateObject4$g || (_templateObject4$g
16039
16051
  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) {
16040
16052
  var onClick = _ref9.onClick;
16041
16053
  if (!onClick) return;
16042
- return styled.css(_templateObject9$8 || (_templateObject9$8 = _taggedTemplateLiteralLoose(["\n :not(:disabled) {\n cursor: pointer;\n }\n "])));
16054
+ return styled.css(_templateObject9$9 || (_templateObject9$9 = _taggedTemplateLiteralLoose(["\n :not(:disabled) {\n cursor: pointer;\n }\n "])));
16043
16055
  });
16044
16056
  var LabelText$1 = styled__default.label(_templateObject10$5 || (_templateObject10$5 = _taggedTemplateLiteralLoose(["\n display: inline-block;\n margin-bottom: ", ";\n\n ", "\n"])), function (_ref10) {
16045
16057
  var theme = _ref10.theme;
@@ -16903,7 +16915,7 @@ var widths = {
16903
16915
  default: '642.5px'
16904
16916
  };
16905
16917
 
16906
- var _templateObject$A, _templateObject2$r, _templateObject3$l, _templateObject4$h, _templateObject5$g, _templateObject6$e, _templateObject7$d, _templateObject8$a, _templateObject9$9, _templateObject10$6;
16918
+ var _templateObject$A, _templateObject2$r, _templateObject3$l, _templateObject4$h, _templateObject5$g, _templateObject6$e, _templateObject7$d, _templateObject8$a, _templateObject9$a, _templateObject10$6;
16907
16919
  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) {
16908
16920
  var theme = _ref.theme;
16909
16921
  return theme.getColor('black', 25);
@@ -16930,7 +16942,7 @@ var FooterButtons = styled__default.div(_templateObject8$a || (_templateObject8$
16930
16942
  var theme = _ref5.theme;
16931
16943
  return theme.spacings.s3;
16932
16944
  });
16933
- var Container$a = styled__default.div(_templateObject9$9 || (_templateObject9$9 = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n\n ", "\n"])), function (_ref6) {
16945
+ var Container$a = styled__default.div(_templateObject9$a || (_templateObject9$a = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n\n ", "\n"])), function (_ref6) {
16934
16946
  var theme = _ref6.theme,
16935
16947
  size = _ref6.size,
16936
16948
  customSize = _ref6.customSize,
@@ -17133,7 +17145,7 @@ var Modal$1 = Object.assign(Modal, {
17133
17145
  Audit: Audit
17134
17146
  });
17135
17147
 
17136
- var _templateObject$E, _templateObject2$s, _templateObject3$m, _templateObject4$i, _templateObject5$h, _templateObject6$f, _templateObject7$e, _templateObject8$b, _templateObject9$a, _templateObject10$7;
17148
+ var _templateObject$E, _templateObject2$s, _templateObject3$m, _templateObject4$i, _templateObject5$h, _templateObject6$f, _templateObject7$e, _templateObject8$b, _templateObject9$b, _templateObject10$7;
17137
17149
  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) {
17138
17150
  return props.size === 'mini' && styled.css(_templateObject2$s || (_templateObject2$s = _taggedTemplateLiteralLoose(["\n width: 394px;\n height: 99px;\n "])));
17139
17151
  }, function (props) {
@@ -17149,7 +17161,7 @@ var Container$b = styled__default.div(_templateObject$E || (_templateObject$E =
17149
17161
  }, function (props) {
17150
17162
  return props.borderType === 'warning' && styled.css(_templateObject8$b || (_templateObject8$b = _taggedTemplateLiteralLoose(["\n border-left-color: #fbcb01;\n "])));
17151
17163
  }, function (props) {
17152
- return props.borderType === 'danger' && styled.css(_templateObject9$a || (_templateObject9$a = _taggedTemplateLiteralLoose(["\n border-left-color: #e23851;\n "])));
17164
+ return props.borderType === 'danger' && styled.css(_templateObject9$b || (_templateObject9$b = _taggedTemplateLiteralLoose(["\n border-left-color: #e23851;\n "])));
17153
17165
  }, function (props) {
17154
17166
  return props.borderType === 'none' && styled.css(_templateObject10$7 || (_templateObject10$7 = _taggedTemplateLiteralLoose(["\n border: 1px solid #d4d4d5;\n "])));
17155
17167
  });
@@ -17186,7 +17198,7 @@ var Toast = function Toast(props) {
17186
17198
  })), React__default.createElement(IconContent, null, React__default.createElement("h4", null, props.title), React__default.createElement("p", null, " ", props.description)));
17187
17199
  };
17188
17200
 
17189
- var _templateObject$G, _templateObject2$u, _templateObject3$o, _templateObject4$k, _templateObject5$j, _templateObject6$h, _templateObject7$f, _templateObject8$c, _templateObject9$b, _templateObject10$8, _templateObject11$6;
17201
+ var _templateObject$G, _templateObject2$u, _templateObject3$o, _templateObject4$k, _templateObject5$j, _templateObject6$h, _templateObject7$f, _templateObject8$c, _templateObject9$c, _templateObject10$8, _templateObject11$6;
17190
17202
  var Container$d = styled__default.div(_templateObject$G || (_templateObject$G = _taggedTemplateLiteralLoose(["\n width: 100%;\n height: 300px;\n position: absolute;\n padding: 14px;\n"])));
17191
17203
  var Header$4 = styled__default.div(_templateObject2$u || (_templateObject2$u = _taggedTemplateLiteralLoose(["\n display: flex;\n"])));
17192
17204
  var HeaderImage = styled__default.div(_templateObject3$o || (_templateObject3$o = _taggedTemplateLiteralLoose(["\n width: 43px;\n height: 44px;\n background-color: #ebebeb;\n"])));
@@ -17199,7 +17211,7 @@ var HeaderLine = styled__default.div(_templateObject6$h || (_templateObject6$h =
17199
17211
  }, function (props) {
17200
17212
  return props.size === 'small' && styled.css(_templateObject8$c || (_templateObject8$c = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
17201
17213
  }, function (props) {
17202
- return props.size === 'medium' && styled.css(_templateObject9$b || (_templateObject9$b = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
17214
+ return props.size === 'medium' && styled.css(_templateObject9$c || (_templateObject9$c = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
17203
17215
  }, function (props) {
17204
17216
  return props.size === 'large' && styled.css(_templateObject10$8 || (_templateObject10$8 = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
17205
17217
  });
@@ -17381,7 +17393,7 @@ var Template4 = function Template4(props) {
17381
17393
  }));
17382
17394
  };
17383
17395
 
17384
- var _templateObject$L, _templateObject2$z, _templateObject3$t, _templateObject4$o, _templateObject5$n, _templateObject6$k, _templateObject7$i, _templateObject8$f, _templateObject9$c;
17396
+ var _templateObject$L, _templateObject2$z, _templateObject3$t, _templateObject4$o, _templateObject5$n, _templateObject6$k, _templateObject7$i, _templateObject8$f, _templateObject9$d;
17385
17397
  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"])));
17386
17398
  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"])));
17387
17399
  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) {
@@ -17402,7 +17414,7 @@ var CustomLine$1 = styled__default(HeaderLine$4)(_templateObject8$f || (_templat
17402
17414
  }, function (props) {
17403
17415
  return props.color;
17404
17416
  });
17405
- var MainContent$2 = styled__default.div(_templateObject9$c || (_templateObject9$c = _taggedTemplateLiteralLoose(["\n flex: 1;\n margin-left: 35px;\n"])));
17417
+ var MainContent$2 = styled__default.div(_templateObject9$d || (_templateObject9$d = _taggedTemplateLiteralLoose(["\n flex: 1;\n margin-left: 35px;\n"])));
17406
17418
 
17407
17419
  var Template5 = function Template5(props) {
17408
17420
  if (!props.loading) return React__default.createElement(React__default.Fragment, null);
@@ -17429,7 +17441,7 @@ var Template5 = function Template5(props) {
17429
17441
  })));
17430
17442
  };
17431
17443
 
17432
- var _templateObject$M, _templateObject2$A, _templateObject3$u, _templateObject4$p, _templateObject5$o, _templateObject6$l, _templateObject7$j, _templateObject8$g, _templateObject9$d;
17444
+ var _templateObject$M, _templateObject2$A, _templateObject3$u, _templateObject4$p, _templateObject5$o, _templateObject6$l, _templateObject7$j, _templateObject8$g, _templateObject9$e;
17433
17445
  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"])));
17434
17446
  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"])));
17435
17447
  var Footer$3 = styled__default.div(_templateObject3$u || (_templateObject3$u = _taggedTemplateLiteralLoose(["\n width: 100%;\n border-top: 1px solid #b1b1b3;\n height: 50px;\n"])));
@@ -17444,7 +17456,7 @@ var HeaderLine$5 = styled__default.div(_templateObject4$p || (_templateObject4$p
17444
17456
  }, function (props) {
17445
17457
  return props.size === 'large' && styled.css(_templateObject8$g || (_templateObject8$g = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
17446
17458
  });
17447
- 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) {
17459
+ var CustomLine$2 = styled__default(HeaderLine$5)(_templateObject9$e || (_templateObject9$e = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n background-color: ", ";\n border: 1px solid #dedede5e;\n"])), function (props) {
17448
17460
  return props.width;
17449
17461
  }, function (props) {
17450
17462
  return props.height;
@@ -17472,7 +17484,7 @@ var Template6 = function Template6(props) {
17472
17484
  })));
17473
17485
  };
17474
17486
 
17475
- var _templateObject$N, _templateObject2$B, _templateObject3$v, _templateObject4$q, _templateObject5$p, _templateObject6$m, _templateObject7$k, _templateObject8$h, _templateObject9$e, _templateObject10$9;
17487
+ var _templateObject$N, _templateObject2$B, _templateObject3$v, _templateObject4$q, _templateObject5$p, _templateObject6$m, _templateObject7$k, _templateObject8$h, _templateObject9$f, _templateObject10$9;
17476
17488
  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"])));
17477
17489
  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"])));
17478
17490
  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) {
@@ -17493,7 +17505,7 @@ var CustomLine$3 = styled__default(HeaderLine$6)(_templateObject8$h || (_templat
17493
17505
  }, function (props) {
17494
17506
  return props.color;
17495
17507
  });
17496
- var Main$2 = styled__default.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"])));
17508
+ var Main$2 = styled__default.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"])));
17497
17509
  var Circle$1 = styled__default.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"])));
17498
17510
 
17499
17511
  var Template7 = function Template7(props) {
@@ -17506,7 +17518,7 @@ var Template7 = function Template7(props) {
17506
17518
  })), 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)));
17507
17519
  };
17508
17520
 
17509
- var _templateObject$O, _templateObject2$C, _templateObject3$w, _templateObject4$r, _templateObject5$q, _templateObject6$n, _templateObject7$l, _templateObject8$i, _templateObject9$f;
17521
+ var _templateObject$O, _templateObject2$C, _templateObject3$w, _templateObject4$r, _templateObject5$q, _templateObject6$n, _templateObject7$l, _templateObject8$i, _templateObject9$g;
17510
17522
  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"])));
17511
17523
  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"])));
17512
17524
  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) {
@@ -17527,7 +17539,7 @@ var CustomLine$4 = styled__default(HeaderLine$7)(_templateObject8$i || (_templat
17527
17539
  }, function (props) {
17528
17540
  return props.color;
17529
17541
  });
17530
- var Main$3 = styled__default.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"])));
17542
+ var Main$3 = styled__default.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"])));
17531
17543
 
17532
17544
  var Template8 = function Template8(props) {
17533
17545
  if (!props.loading) return React__default.createElement(React__default.Fragment, null);
@@ -17549,7 +17561,7 @@ var Template8 = function Template8(props) {
17549
17561
  })));
17550
17562
  };
17551
17563
 
17552
- var _templateObject$P, _templateObject2$D, _templateObject3$x, _templateObject4$s, _templateObject5$r, _templateObject6$o, _templateObject7$m, _templateObject8$j, _templateObject9$g, _templateObject10$a;
17564
+ var _templateObject$P, _templateObject2$D, _templateObject3$x, _templateObject4$s, _templateObject5$r, _templateObject6$o, _templateObject7$m, _templateObject8$j, _templateObject9$h, _templateObject10$a;
17553
17565
  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"])));
17554
17566
  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"])));
17555
17567
  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) {
@@ -17570,7 +17582,7 @@ var CustomLine$5 = styled__default(HeaderLine$8)(_templateObject8$j || (_templat
17570
17582
  }, function (props) {
17571
17583
  return props.color;
17572
17584
  });
17573
- var Main$4 = styled__default.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"])));
17585
+ var Main$4 = styled__default.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"])));
17574
17586
  var Circle$2 = styled__default.div(_templateObject10$a || (_templateObject10$a = _taggedTemplateLiteralLoose(["\n width: 128px;\n height: 128px;\n background-color: #ebebeb;\n border-radius: 50%;\n"])));
17575
17587
 
17576
17588
  var Template8$1 = function Template8(props) {
@@ -17588,7 +17600,7 @@ var Template8$1 = function Template8(props) {
17588
17600
  })), React__default.createElement(Main$4, null, React__default.createElement(Circle$2, null)));
17589
17601
  };
17590
17602
 
17591
- var _templateObject$Q, _templateObject2$E, _templateObject3$y, _templateObject4$t, _templateObject5$s, _templateObject6$p, _templateObject7$n, _templateObject8$k, _templateObject9$h, _templateObject10$b, _templateObject11$7;
17603
+ var _templateObject$Q, _templateObject2$E, _templateObject3$y, _templateObject4$t, _templateObject5$s, _templateObject6$p, _templateObject7$n, _templateObject8$k, _templateObject9$i, _templateObject10$b, _templateObject11$7;
17592
17604
  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"])));
17593
17605
  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"])));
17594
17606
  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) {
@@ -17609,7 +17621,7 @@ var CustomLine$6 = styled__default(HeaderLine$9)(_templateObject8$k || (_templat
17609
17621
  }, function (props) {
17610
17622
  return props.color;
17611
17623
  });
17612
- var GraphLine = styled__default(CustomLine$6)(_templateObject9$h || (_templateObject9$h = _taggedTemplateLiteralLoose(["\n margin: 0 7px;\n"])));
17624
+ var GraphLine = styled__default(CustomLine$6)(_templateObject9$i || (_templateObject9$i = _taggedTemplateLiteralLoose(["\n margin: 0 7px;\n"])));
17613
17625
  var Main$5 = styled__default.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"])));
17614
17626
  var Circle$3 = styled__default.div(_templateObject11$7 || (_templateObject11$7 = _taggedTemplateLiteralLoose(["\n width: 128px;\n height: 128px;\n background-color: #ebebeb;\n border-radius: 50%;\n"])));
17615
17627
 
@@ -18406,7 +18418,7 @@ var useContext$2 = function useContext() {
18406
18418
  return React__default.useContext(Provider$2);
18407
18419
  };
18408
18420
 
18409
- 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;
18421
+ 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;
18410
18422
  var aligns = {
18411
18423
  self: {
18412
18424
  horizontal: {
@@ -18483,7 +18495,7 @@ var Col = styled__default.div(_templateObject$W || (_templateObject$W = _taggedT
18483
18495
  if (align.content.vertical !== undefined) {
18484
18496
  var _v3 = align.content.vertical;
18485
18497
  var _a3 = aligns.content.vertical;
18486
- styles.push(styled.css(_templateObject9$i || (_templateObject9$i = _taggedTemplateLiteralLoose(["\n align-items: ", ";\n "])), _a3[_v3]));
18498
+ styles.push(styled.css(_templateObject9$j || (_templateObject9$j = _taggedTemplateLiteralLoose(["\n align-items: ", ";\n "])), _a3[_v3]));
18487
18499
  }
18488
18500
  }
18489
18501
 
@@ -18565,7 +18577,7 @@ var Grid$1 = function Grid$1(props) {
18565
18577
  }, React__default.createElement(Grid, Object.assign({}, gridProps)));
18566
18578
  };
18567
18579
 
18568
- var _templateObject$Y, _templateObject2$K, _templateObject3$E, _templateObject4$x, _templateObject5$v, _templateObject6$r, _templateObject7$p, _templateObject8$m, _templateObject9$j, _templateObject10$d;
18580
+ var _templateObject$Y, _templateObject2$K, _templateObject3$E, _templateObject4$x, _templateObject5$v, _templateObject6$r, _templateObject7$p, _templateObject8$m, _templateObject9$k, _templateObject10$d;
18569
18581
  var horizontalAligns = {
18570
18582
  around: 'space-around',
18571
18583
  between: 'space-between',
@@ -18633,7 +18645,7 @@ var Row = styled__default.div(_templateObject$Y || (_templateObject$Y = _taggedT
18633
18645
  var borderless = _ref7.borderless,
18634
18646
  lightestGrey = _ref7.theme.colors.lightestGrey;
18635
18647
  if (borderless) return;
18636
- return styled.css(_templateObject9$j || (_templateObject9$j = _taggedTemplateLiteralLoose(["\n :not(:last-child) {\n border-bottom: 1px solid ", ";\n }\n "])), lightestGrey);
18648
+ return styled.css(_templateObject9$k || (_templateObject9$k = _taggedTemplateLiteralLoose(["\n :not(:last-child) {\n border-bottom: 1px solid ", ";\n }\n "])), lightestGrey);
18637
18649
  }, function (_ref8) {
18638
18650
  var hover = _ref8.hover,
18639
18651
  theme = _ref8.theme;