@mw-kit/mw-ui 1.7.65 → 1.7.66

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 (10) hide show
  1. package/dist/components/Calendar/components/Basic/components/MonthPicker/index.d.ts +1 -1
  2. package/dist/components/Input/components/Select/hooks/interfaces.d.ts +3 -6
  3. package/dist/components/Menu/interfaces.d.ts +4 -7
  4. package/dist/components/ScrollContainer/index.d.ts +3 -2
  5. package/dist/components/ScrollContainer/interfaces.d.ts +2 -0
  6. package/dist/index.js +97 -93
  7. package/dist/index.js.map +1 -1
  8. package/dist/index.modern.js +97 -93
  9. package/dist/index.modern.js.map +1 -1
  10. package/package.json +1 -1
package/dist/index.modern.js CHANGED
@@ -12650,7 +12650,7 @@ var inputTimeWidth = {
12650
12650
  withoutSeconds: '66px'
12651
12651
  };
12652
12652
 
12653
- var _templateObject$7, _templateObject2$7, _templateObject3$7, _templateObject4$5;
12653
+ var _templateObject$7, _templateObject2$7, _templateObject3$7, _templateObject4$5, _templateObject5$5;
12654
12654
  var Container$1 = styled.div(_templateObject$7 || (_templateObject$7 = _taggedTemplateLiteralLoose(["\n ", ";\n\n padding-right: calc(", " / 2);\n display: flex;\n width: 100%;\n display: flex;\n flex-direction: column;\n flex: 1;\n overflow: hidden;\n"])), function (_ref) {
12655
12655
  var theme = _ref.theme;
12656
12656
  return theme.useTypography('p');
@@ -12658,30 +12658,31 @@ var Container$1 = styled.div(_templateObject$7 || (_templateObject$7 = _taggedTe
12658
12658
  var theme = _ref2.theme;
12659
12659
  return theme.spacings.s1;
12660
12660
  });
12661
- var OverflowContainer = styled.div(_templateObject2$7 || (_templateObject2$7 = _taggedTemplateLiteralLoose(["\n overflow-y: scroll;\n overflow-y: overlay;\n width: 100%;\n position: relative;\n\n max-height: ", ";\n\n scrollbar-color: ", ";\n scrollbar-width: thin;\n\n ::-webkit-scrollbar {\n width: 7px;\n }\n ::-webkit-scrollbar-thumb {\n background: ", ";\n }\n ::-webkit-scrollbar-track {\n background: ", ";\n }\n\n ", ";\n"])), function (_ref3) {
12662
- var height = _ref3.height;
12661
+ var BeforeAfterContainer = styled.div(_templateObject2$7 || (_templateObject2$7 = _taggedTemplateLiteralLoose(["\n padding-right: calc(", " * 1.5);\n display: flex;\n flex-direction: column;\n"])), function (_ref3) {
12662
+ var theme = _ref3.theme;
12663
+ return theme.spacings.s1;
12664
+ });
12665
+ var OverflowContainer = styled.div(_templateObject3$7 || (_templateObject3$7 = _taggedTemplateLiteralLoose(["\n overflow-y: scroll;\n overflow-y: overlay;\n width: 100%;\n position: relative;\n\n max-height: ", ";\n\n scrollbar-color: ", ";\n scrollbar-width: thin;\n\n ::-webkit-scrollbar {\n width: 7px;\n }\n ::-webkit-scrollbar-thumb {\n background: ", ";\n }\n ::-webkit-scrollbar-track {\n background: ", ";\n }\n\n ", ";\n"])), function (_ref4) {
12666
+ var height = _ref4.height;
12663
12667
  return height || '100%';
12664
- }, function (_ref4) {
12665
- var theme = _ref4.theme;
12666
- return theme.colors.grey + " " + theme.colors.white;
12667
12668
  }, function (_ref5) {
12668
12669
  var theme = _ref5.theme;
12669
- return theme.colors.grey;
12670
+ return theme.colors.grey + " " + theme.colors.white;
12670
12671
  }, function (_ref6) {
12671
12672
  var theme = _ref6.theme;
12672
- return theme.colors.white;
12673
+ return theme.colors.grey;
12673
12674
  }, function (_ref7) {
12674
- var spacing = _ref7.spacing,
12675
- theme = _ref7.theme;
12675
+ var theme = _ref7.theme;
12676
+ return theme.colors.white;
12677
+ }, function (_ref8) {
12678
+ var spacing = _ref8.spacing,
12679
+ theme = _ref8.theme;
12676
12680
  var value = getSpacings(spacing || '0', '0').split(' ');
12677
- return css(_templateObject3$7 || (_templateObject3$7 = _taggedTemplateLiteralLoose(["\n padding: ", " calc(", " * 1.5) ", "\n ", ";\n "])), value[0], theme.spacings.s1, value[2], value[3]);
12681
+ return css(_templateObject4$5 || (_templateObject4$5 = _taggedTemplateLiteralLoose(["\n padding: ", " calc(", " * 1.5) ", "\n ", ";\n "])), value[0], theme.spacings.s1, value[2], value[3]);
12678
12682
  });
12679
- var RelativeContainer = styled.div(_templateObject4$5 || (_templateObject4$5 = _taggedTemplateLiteralLoose(["\n position: relative;\n flex: 1;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n"])));
12680
-
12681
- var ScrollContainer = function ScrollContainer(props) {
12682
- var before = props.before,
12683
- after = props.after,
12684
- loading = props.loading,
12683
+ var RelativeContainer = styled.div(_templateObject5$5 || (_templateObject5$5 = _taggedTemplateLiteralLoose(["\n position: relative;\n flex: 1;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n"])));
12684
+ var ScrollContainer = React__default.forwardRef(function (props, ref) {
12685
+ var loading = props.loading,
12685
12686
  inner = props.inner;
12686
12687
 
12687
12688
  var onScrollEnd = props.onScrollEnd || function () {};
@@ -12710,7 +12711,11 @@ var ScrollContainer = function ScrollContainer(props) {
12710
12711
  var _onScroll = props.onScroll || function () {};
12711
12712
 
12712
12713
  var htmlProps = filterObject(props, ['onScrollEnd', 'before', 'after', 'loading']);
12713
- return React__default.createElement(Container$1, null, before, React__default.createElement(RelativeContainer, null, inner || React__default.createElement(OverflowContainer, Object.assign({}, htmlProps, {
12714
+ return React__default.createElement(Container$1, null, props.beforeFluid ? props.before : React__default.createElement(BeforeAfterContainer, {
12715
+ children: props.before
12716
+ }), React__default.createElement(RelativeContainer, null, inner || React__default.createElement(OverflowContainer, Object.assign({
12717
+ ref: ref
12718
+ }, htmlProps, {
12714
12719
  onScroll: function onScroll(event) {
12715
12720
  _onScroll(event);
12716
12721
 
@@ -12718,10 +12723,13 @@ var ScrollContainer = function ScrollContainer(props) {
12718
12723
  }
12719
12724
  })), loading && React__default.createElement(Loader, {
12720
12725
  filled: true
12721
- })), after);
12722
- };
12726
+ })), props.afterFluid ? props.after : React__default.createElement(BeforeAfterContainer, {
12727
+ children: props.after
12728
+ }));
12729
+ });
12730
+ ScrollContainer.displayName = 'ScrollContainer';
12723
12731
 
12724
- var _templateObject$8, _templateObject2$8, _templateObject3$8, _templateObject4$6, _templateObject5$5, _templateObject6$4, _templateObject7$4, _templateObject8$3, _templateObject9$3, _templateObject10$3;
12732
+ var _templateObject$8, _templateObject2$8, _templateObject3$8, _templateObject4$6, _templateObject5$6, _templateObject6$4, _templateObject7$4, _templateObject8$3, _templateObject9$3, _templateObject10$3;
12725
12733
  var Option = styled.div(_templateObject$8 || (_templateObject$8 = _taggedTemplateLiteralLoose(["\n ", ";\n line-height: ", ";\n color: ", ";\n display: flex;\n gap: ", ";\n\n > :nth-child(1) {\n display: flex;\n align-items: center;\n flex: 1;\n max-width: 100%;\n }\n\n ", ";\n\n ", ";\n\n :hover {\n background-color: ", ";\n }\n"])), function (_ref) {
12726
12734
  var theme = _ref.theme;
12727
12735
  return theme.useTypography('p');
@@ -12760,7 +12768,7 @@ var Option = styled.div(_templateObject$8 || (_templateObject$8 = _taggedTemplat
12760
12768
  var theme = _ref7.theme;
12761
12769
  return theme.colors.iceWhite;
12762
12770
  });
12763
- var Container$2 = styled(AbsoluteContainer)(_templateObject5$5 || (_templateObject5$5 = _taggedTemplateLiteralLoose(["\n display: flex;\n\n > div {\n display: flex;\n width: 100%;\n\n > div:nth-child(1) {\n background-color: ", ";\n border-radius: 4px;\n\n ", "\n }\n\n ", "\n\n ", "\n }\n"])), function (_ref8) {
12771
+ var Container$2 = styled(AbsoluteContainer)(_templateObject5$6 || (_templateObject5$6 = _taggedTemplateLiteralLoose(["\n display: flex;\n\n > div {\n display: flex;\n width: 100%;\n\n > div:nth-child(1) {\n background-color: ", ";\n border-radius: 4px;\n\n ", "\n }\n\n ", "\n\n ", "\n }\n"])), function (_ref8) {
12764
12772
  var theme = _ref8.theme;
12765
12773
  return theme.colors.white;
12766
12774
  }, function (props) {
@@ -12801,26 +12809,22 @@ var MenuComponent = function MenuComponent(props, ref) {
12801
12809
  var _props = _extends({}, props),
12802
12810
  close = _props.close,
12803
12811
  options = _props.options,
12804
- onScrollEnd = _props.onScrollEnd,
12805
- before = _props.before,
12806
- after = _props.after,
12807
- scrollSpacing = _props.scrollSpacing,
12808
- children = _props.children,
12809
- loading = _props.loading,
12810
- innerContent = _props.innerContent;
12812
+ children = _props.children;
12811
12813
 
12812
- var absoluteContainerProps = filterObject(props, ['scrollSpacing', 'onScrollEnd', 'before', 'after', 'close', 'options', 'loading', 'children'], {
12814
+ var absoluteContainerProps = filterObject(props, ['scrollSpacing', 'onScrollEnd', 'before', 'beforeFluid', 'after', 'afterFluid', 'close', 'options', 'loading', 'children'], {
12813
12815
  itemSpacing: 's1'
12814
12816
  });
12815
12817
  return React__default.createElement(Container$2, Object.assign({}, absoluteContainerProps, {
12816
12818
  ref: ref
12817
12819
  }), React__default.createElement(React__default.Fragment, null, React__default.createElement(ScrollContainer, {
12818
- onScrollEnd: onScrollEnd,
12819
- before: before,
12820
- after: after,
12821
- inner: innerContent,
12822
- spacing: scrollSpacing,
12823
- loading: loading
12820
+ onScrollEnd: props.onScrollEnd,
12821
+ before: props.before,
12822
+ beforeFluid: props.beforeFluid,
12823
+ after: props.after,
12824
+ afterFluid: props.afterFluid,
12825
+ inner: props.innerContent,
12826
+ spacing: props.scrollSpacing,
12827
+ loading: props.loading
12824
12828
  }, function () {
12825
12829
  if (options.length === 0 && props.emptyContent) {
12826
12830
  return props.emptyContent;
@@ -12908,7 +12912,7 @@ var MenuComponent = function MenuComponent(props, ref) {
12908
12912
 
12909
12913
  var Menu = React__default.forwardRef(MenuComponent);
12910
12914
 
12911
- var _templateObject$9, _templateObject2$9, _templateObject3$9, _templateObject4$7, _templateObject5$6, _templateObject6$5, _templateObject7$5, _templateObject8$4, _templateObject9$4, _templateObject10$4;
12915
+ var _templateObject$9, _templateObject2$9, _templateObject3$9, _templateObject4$7, _templateObject5$7, _templateObject6$5, _templateObject7$5, _templateObject8$4, _templateObject9$4, _templateObject10$4;
12912
12916
  var Container$3 = styled.div(_templateObject$9 || (_templateObject$9 = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: ", ";\n background-color: ", ";\n position: relative;\n\n ", ";\n"])), function (_ref) {
12913
12917
  var theme = _ref.theme;
12914
12918
  return theme.spacings.s3;
@@ -12933,7 +12937,7 @@ var CalendarContainer = styled.div(_templateObject4$7 || (_templateObject4$7 = _
12933
12937
  var theme = _ref6.theme;
12934
12938
  return theme.colors.lightestGrey;
12935
12939
  });
12936
- var AbsoluteContainer$1 = styled(AbsoluteContainer)(_templateObject5$6 || (_templateObject5$6 = _taggedTemplateLiteralLoose(["\n > ", " {\n padding: ", ";\n }\n"])), Container$3, function (_ref7) {
12940
+ var AbsoluteContainer$1 = styled(AbsoluteContainer)(_templateObject5$7 || (_templateObject5$7 = _taggedTemplateLiteralLoose(["\n > ", " {\n padding: ", ";\n }\n"])), Container$3, function (_ref7) {
12937
12941
  var theme = _ref7.theme;
12938
12942
  return theme.spacings.s3 + " " + theme.spacings.s3 + " " + theme.spacings.s1 + " " + theme.spacings.s3;
12939
12943
  });
@@ -13011,6 +13015,7 @@ var MonthPicker = function MonthPicker(props) {
13011
13015
  color: 'darkBlue',
13012
13016
  strokeWidth: '3px'
13013
13017
  }))),
13018
+ beforeFluid: true,
13014
13019
  options: months.map(function (label, index) {
13015
13020
  return {
13016
13021
  label: label,
@@ -13066,7 +13071,7 @@ var Indicator = function Indicator(props) {
13066
13071
  }, props)));
13067
13072
  };
13068
13073
 
13069
- var _templateObject$b, _templateObject2$b, _templateObject3$a, _templateObject4$8, _templateObject5$7, _templateObject6$6, _templateObject7$6, _templateObject8$5, _templateObject9$5, _templateObject10$5, _templateObject11$2;
13074
+ var _templateObject$b, _templateObject2$b, _templateObject3$a, _templateObject4$8, _templateObject5$8, _templateObject6$6, _templateObject7$6, _templateObject8$5, _templateObject9$5, _templateObject10$5, _templateObject11$2;
13070
13075
  var Footer = styled.div(_templateObject$b || (_templateObject$b = _taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n\n > button:last-child {\n margin-left: auto;\n }\n"])));
13071
13076
  var WeekContainer = styled.div(_templateObject2$b || (_templateObject2$b = _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) {
13072
13077
  var theme = _ref.theme;
@@ -13097,7 +13102,7 @@ var DayContainer = styled.button(_templateObject4$8 || (_templateObject4$8 = _ta
13097
13102
  activeColor = _ref8.activeColor,
13098
13103
  onClick = _ref8.onClick;
13099
13104
  var hover = onClick ? function (color) {
13100
- return css(_templateObject5$7 || (_templateObject5$7 = _taggedTemplateLiteralLoose(["\n :not(:disabled):hover {\n border-color: ", ";\n color: ", ";\n cursor: pointer;\n }\n "])), theme.colors[color], theme.colors[color]);
13105
+ return css(_templateObject5$8 || (_templateObject5$8 = _taggedTemplateLiteralLoose(["\n :not(:disabled):hover {\n border-color: ", ";\n color: ", ";\n cursor: pointer;\n }\n "])), theme.colors[color], theme.colors[color]);
13101
13106
  } : function () {
13102
13107
  return null;
13103
13108
  };
@@ -13726,7 +13731,7 @@ var getTimeProps = function getTimeProps(time, value) {
13726
13731
  });
13727
13732
  };
13728
13733
 
13729
- var _templateObject$e, _templateObject2$c, _templateObject3$b, _templateObject4$9, _templateObject5$8, _templateObject6$7, _templateObject7$7, _templateObject8$6, _templateObject9$6, _templateObject10$6;
13734
+ var _templateObject$e, _templateObject2$c, _templateObject3$b, _templateObject4$9, _templateObject5$9, _templateObject6$7, _templateObject7$7, _templateObject8$6, _templateObject9$6, _templateObject10$6;
13730
13735
  var Button = styled.button(_templateObject$e || (_templateObject$e = _taggedTemplateLiteralLoose(["\n padding: 0\n ", ";\n font-family: 'Lato', sans-serif;\n font-weight: ", ";\n border-radius: 4px;\n position: relative;\n user-select: none;\n\n ", ";\n\n ", ";\n\n color: ", ";\n\n :disabled {\n opacity: 0.5;\n pointer-events: none;\n }\n\n :hover {\n cursor: ", ";\n\n ", "\n }\n\n :active {\n ", ";\n }\n\n ", "\n"])), function (_ref) {
13731
13736
  var theme = _ref.theme,
13732
13737
  appearance = _ref.appearance;
@@ -13774,7 +13779,7 @@ var Button = styled.button(_templateObject$e || (_templateObject$e = _taggedTemp
13774
13779
  if (appearance === 'bordered') {
13775
13780
  return css(_templateObject4$9 || (_templateObject4$9 = _taggedTemplateLiteralLoose(["\n color: ", ";\n border: 1px solid ", ";\n "])), theme.getColor(color || 'blue', 70), theme.getColor(color || 'blue', 70));
13776
13781
  } else if (['link', 'borderless'].includes(appearance)) {
13777
- return css(_templateObject5$8 || (_templateObject5$8 = _taggedTemplateLiteralLoose(["\n color: ", ";\n "])), theme.colors.blue);
13782
+ return css(_templateObject5$9 || (_templateObject5$9 = _taggedTemplateLiteralLoose(["\n color: ", ";\n "])), theme.colors.blue);
13778
13783
  }
13779
13784
 
13780
13785
  return css(_templateObject6$7 || (_templateObject6$7 = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n border-color: ", ";\n "])), theme.getColor(color || 'blue', 70), theme.getColor(color || 'blue', 70));
@@ -14416,7 +14421,7 @@ var useContext = function useContext() {
14416
14421
  var _templateObject$i, _templateObject2$e;
14417
14422
  var HeaderContainer = styled.div(_templateObject$i || (_templateObject$i = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
14418
14423
  var theme = _ref.theme;
14419
- return css(_templateObject2$e || (_templateObject2$e = _taggedTemplateLiteralLoose(["\n padding: ", " calc(", " * 0.75)\n ", " ", ";\n "])), theme.spacings.s3, theme.spacings.s3, theme.spacings.s1, theme.spacings.s3);
14424
+ return css(_templateObject2$e || (_templateObject2$e = _taggedTemplateLiteralLoose(["\n padding: ", " 0 ", " ", ";\n "])), theme.spacings.s3, theme.spacings.s1, theme.spacings.s3);
14420
14425
  });
14421
14426
 
14422
14427
  var Header$1 = function Header() {
@@ -14608,7 +14613,7 @@ var Link = styled.div(_templateObject$j || (_templateObject$j = _taggedTemplateL
14608
14613
  var _templateObject$k, _templateObject2$g, _templateObject3$d;
14609
14614
  var HeaderContainer$1 = styled.div(_templateObject$k || (_templateObject$k = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
14610
14615
  var theme = _ref.theme;
14611
- return css(_templateObject2$g || (_templateObject2$g = _taggedTemplateLiteralLoose(["\n padding: ", " calc(", " * 0.75)\n ", " ", ";\n "])), theme.spacings.s3, theme.spacings.s3, theme.spacings.s1, theme.spacings.s3);
14616
+ return css(_templateObject2$g || (_templateObject2$g = _taggedTemplateLiteralLoose(["\n padding: ", " 0 ", " ", ";\n "])), theme.spacings.s3, theme.spacings.s1, theme.spacings.s3);
14612
14617
  });
14613
14618
  var SelectAllContainer = styled.div(_templateObject3$d || (_templateObject3$d = _taggedTemplateLiteralLoose(["\n margin-bottom: ", ";\n display: flex;\n justify-content: space-between;\n"])), function (_ref2) {
14614
14619
  var theme = _ref2.theme;
@@ -14758,6 +14763,7 @@ var useSelectMultiple = function useSelectMultiple(props) {
14758
14763
  itemSpacing: undefined,
14759
14764
  before: React__default.createElement(Header$2, null),
14760
14765
  after: React__default.createElement(Footer$1, null),
14766
+ afterFluid: true,
14761
14767
  maxHeight: props.maxHeight || (props.selectAll ? '269px' : '224px')
14762
14768
  },
14763
14769
  getContext: function getContext(base, children) {
@@ -15369,7 +15375,7 @@ var Phone = Object.assign(Component, {
15369
15375
  getPhoneDetails: getPhoneDetails
15370
15376
  });
15371
15377
 
15372
- var _templateObject$o, _templateObject2$k, _templateObject3$g, _templateObject4$b, _templateObject5$9, _templateObject6$8, _templateObject7$8, _templateObject8$7, _templateObject9$7;
15378
+ var _templateObject$o, _templateObject2$k, _templateObject3$g, _templateObject4$b, _templateObject5$a, _templateObject6$8, _templateObject7$8, _templateObject8$7, _templateObject9$7;
15373
15379
  var RelativeContainer$4 = styled.div(_templateObject$o || (_templateObject$o = _taggedTemplateLiteralLoose(["\n position: relative;\n\n input {\n color: transparent;\n }\n"])));
15374
15380
  var LabelContainer$2 = styled.div(_templateObject2$k || (_templateObject2$k = _taggedTemplateLiteralLoose(["\n ", "\n line-height: ", ";\n"])), function (_ref) {
15375
15381
  var theme = _ref.theme;
@@ -15388,7 +15394,7 @@ var Container$5 = styled.div(_templateObject3$g || (_templateObject3$g = _tagged
15388
15394
  return css(_templateObject4$b || (_templateObject4$b = _taggedTemplateLiteralLoose(["\n bottom: ", "px;\n left: ", "px;\n width: calc(100% - ", "px - ", ");\n height: calc(17px + ", "px);\n "])), borderwidth, borderwidth, borderwidth * 2, iconWidth, borderwidth * 2);
15389
15395
  }
15390
15396
 
15391
- return css(_templateObject5$9 || (_templateObject5$9 = _taggedTemplateLiteralLoose(["\n bottom: ", "px;\n left: ", "px;\n width: calc(\n 100% - ", "px - ", " - ", "\n );\n height: calc(31px + ", "px);\n padding: ", " 0 ", " ", ";\n "])), borderwidth, borderwidth, borderwidth * 2, iconWidth, theme.spacings.s3, borderwidth * 2, theme.spacings.s2, theme.spacings.s2, theme.spacings.s3);
15397
+ return css(_templateObject5$a || (_templateObject5$a = _taggedTemplateLiteralLoose(["\n bottom: ", "px;\n left: ", "px;\n width: calc(\n 100% - ", "px - ", " - ", "\n );\n height: calc(31px + ", "px);\n padding: ", " 0 ", " ", ";\n "])), borderwidth, borderwidth, borderwidth * 2, iconWidth, theme.spacings.s3, borderwidth * 2, theme.spacings.s2, theme.spacings.s2, theme.spacings.s3);
15392
15398
  }, function (_ref4) {
15393
15399
  var invalid = _ref4.invalid,
15394
15400
  theme = _ref4.theme;
@@ -15519,7 +15525,7 @@ var DatePicker = React__default.forwardRef(function (props, ref) {
15519
15525
  });
15520
15526
  DatePicker.displayName = 'DatePicker';
15521
15527
 
15522
- var _templateObject$p, _templateObject2$l, _templateObject3$h, _templateObject4$c, _templateObject5$a, _templateObject6$9, _templateObject7$9;
15528
+ var _templateObject$p, _templateObject2$l, _templateObject3$h, _templateObject4$c, _templateObject5$b, _templateObject6$9, _templateObject7$9;
15523
15529
  var LabelContainer$3 = styled.div(_templateObject$p || (_templateObject$p = _taggedTemplateLiteralLoose(["\n ", "\n line-height: 14px;\n display: flex;\n align-items: center;\n\n ", "\n"])), function (_ref) {
15524
15530
  var theme = _ref.theme;
15525
15531
  return theme.useTypography('p');
@@ -15538,7 +15544,7 @@ var Label$4 = styled.label(_templateObject3$h || (_templateObject3$h = _taggedTe
15538
15544
  return css(_templateObject4$c || (_templateObject4$c = _taggedTemplateLiteralLoose(["\n > span {\n cursor: pointer;\n }\n "])));
15539
15545
  }
15540
15546
 
15541
- return css(_templateObject5$a || (_templateObject5$a = _taggedTemplateLiteralLoose(["\n opacity: 0.5;\n "])));
15547
+ return css(_templateObject5$b || (_templateObject5$b = _taggedTemplateLiteralLoose(["\n opacity: 0.5;\n "])));
15542
15548
  }, function (_ref5) {
15543
15549
  var invalid = _ref5.invalid;
15544
15550
 
@@ -15969,7 +15975,7 @@ var Range = React__default.forwardRef(function (props, ref) {
15969
15975
  });
15970
15976
  Range.displayName = 'input';
15971
15977
 
15972
- var _templateObject$A, _templateObject2$s, _templateObject3$m, _templateObject4$d, _templateObject5$b, _templateObject6$a, _templateObject7$a;
15978
+ var _templateObject$A, _templateObject2$s, _templateObject3$m, _templateObject4$d, _templateObject5$c, _templateObject6$a, _templateObject7$a;
15973
15979
  var LabelContainer$5 = styled.div(_templateObject$A || (_templateObject$A = _taggedTemplateLiteralLoose(["\n ", "\n display: flex;\n align-items: center;\n"])), function (_ref) {
15974
15980
  var theme = _ref.theme;
15975
15981
  return theme.useTypography('p');
@@ -15988,7 +15994,7 @@ var Label$6 = styled.label(_templateObject2$s || (_templateObject2$s = _taggedTe
15988
15994
  }, function (_ref4) {
15989
15995
  var required = _ref4.required;
15990
15996
  if (!required) return;
15991
- return css(_templateObject5$b || (_templateObject5$b = _taggedTemplateLiteralLoose(["\n > ", " {\n :after {\n content: ' *';\n }\n }\n "])), LabelContainer$5);
15997
+ return css(_templateObject5$c || (_templateObject5$c = _taggedTemplateLiteralLoose(["\n > ", " {\n :after {\n content: ' *';\n }\n }\n "])), LabelContainer$5);
15992
15998
  }, function (_ref5) {
15993
15999
  var invalid = _ref5.invalid;
15994
16000
 
@@ -16212,7 +16218,7 @@ var parse = function parse(value) {
16212
16218
  });
16213
16219
  };
16214
16220
 
16215
- var _templateObject$B, _templateObject2$t, _templateObject3$n, _templateObject4$e, _templateObject5$c, _templateObject6$b, _templateObject7$b, _templateObject8$8, _templateObject9$8, _templateObject10$7, _templateObject11$3, _templateObject12$2;
16221
+ var _templateObject$B, _templateObject2$t, _templateObject3$n, _templateObject4$e, _templateObject5$d, _templateObject6$b, _templateObject7$b, _templateObject8$8, _templateObject9$8, _templateObject10$7, _templateObject11$3, _templateObject12$2;
16216
16222
  var RelativeContainer$5 = styled.div(_templateObject$B || (_templateObject$B = _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"])));
16217
16223
  var LabelContainer$6 = styled.div(_templateObject2$t || (_templateObject2$t = _taggedTemplateLiteralLoose(["\n ", "\n line-height: 17px;\n flex: 1;\n\n :first-child {\n text-align: left;\n }\n :not(:first-child) {\n text-align: center;\n }\n\n ", "\n\n ", ";\n"])), function (_ref) {
16218
16224
  var theme = _ref.theme;
@@ -16229,7 +16235,7 @@ var LabelContainer$6 = styled.div(_templateObject2$t || (_templateObject2$t = _t
16229
16235
  if (!onClick) return;
16230
16236
  return css(_templateObject4$e || (_templateObject4$e = _taggedTemplateLiteralLoose(["\n :not(:disabled) {\n cursor: pointer;\n }\n "])));
16231
16237
  });
16232
- var Container$6 = styled.div(_templateObject5$c || (_templateObject5$c = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n border-radius: 4px;\n white-space: nowrap;\n gap: ", ";\n border-width: 1px;\n border-style: solid;\n border-color: ", ";\n\n width: 100%;\n\n ", ";\n\n ", "\n\n ", "\n"])), function (_ref5) {
16238
+ var Container$6 = styled.div(_templateObject5$d || (_templateObject5$d = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n border-radius: 4px;\n white-space: nowrap;\n gap: ", ";\n border-width: 1px;\n border-style: solid;\n border-color: ", ";\n\n width: 100%;\n\n ", ";\n\n ", "\n\n ", "\n"])), function (_ref5) {
16233
16239
  var theme = _ref5.theme;
16234
16240
  return theme.spacings.s1;
16235
16241
  }, function (_ref6) {
@@ -17314,7 +17320,7 @@ var AppliedFilters = Object.assign(function (props) {
17314
17320
  Menu: AppliedFiltersMenu
17315
17321
  });
17316
17322
 
17317
- var _templateObject$J, _templateObject2$y, _templateObject3$r, _templateObject4$g, _templateObject5$d, _templateObject6$c, _templateObject7$c, _templateObject8$9, _templateObject9$9, _templateObject10$8;
17323
+ var _templateObject$J, _templateObject2$y, _templateObject3$r, _templateObject4$g, _templateObject5$e, _templateObject6$c, _templateObject7$c, _templateObject8$9, _templateObject9$9, _templateObject10$8;
17318
17324
  var Container$9 = styled.div(_templateObject$J || (_templateObject$J = _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) {
17319
17325
  return props.size === 'mini' && css(_templateObject2$y || (_templateObject2$y = _taggedTemplateLiteralLoose(["\n width: 394px;\n height: 99px;\n "])));
17320
17326
  }, function (props) {
@@ -17322,7 +17328,7 @@ var Container$9 = styled.div(_templateObject$J || (_templateObject$J = _taggedTe
17322
17328
  }, function (props) {
17323
17329
  return props.size === 'medium' && css(_templateObject4$g || (_templateObject4$g = _taggedTemplateLiteralLoose(["\n width: 394px;\n "])));
17324
17330
  }, function (props) {
17325
- return props.size === 'big' && css(_templateObject5$d || (_templateObject5$d = _taggedTemplateLiteralLoose(["\n width: 414px;\n height: 324px;\n "])));
17331
+ return props.size === 'big' && css(_templateObject5$e || (_templateObject5$e = _taggedTemplateLiteralLoose(["\n width: 414px;\n height: 324px;\n "])));
17326
17332
  }, function (props) {
17327
17333
  return props.borderType === 'info' && css(_templateObject6$c || (_templateObject6$c = _taggedTemplateLiteralLoose(["\n border-left-color: #4d6dbe;\n "])));
17328
17334
  }, function (props) {
@@ -17346,10 +17352,8 @@ var Card = function Card(_ref) {
17346
17352
 
17347
17353
  var _templateObject$K;
17348
17354
  var Container$a = styled.div(_templateObject$K || (_templateObject$K = _taggedTemplateLiteralLoose(["\n padding: ", ";\n\n display: flex;\n flex-direction: column;\n gap: ", ";\n\n > div:nth-child(1) {\n ", "\n color: ", ";\n }\n"])), function (_ref) {
17349
- var _ref$theme$spacings = _ref.theme.spacings,
17350
- s1 = _ref$theme$spacings.s1,
17351
- s3 = _ref$theme$spacings.s3;
17352
- return "0 calc(" + s3 + " * .75) " + s1 + " " + s1;
17355
+ var s1 = _ref.theme.spacings.s1;
17356
+ return "0 0 " + s1 + " " + s1;
17353
17357
  }, function (_ref2) {
17354
17358
  var s3 = _ref2.theme.spacings.s3;
17355
17359
  return s3;
@@ -17757,7 +17761,7 @@ var useContext$2 = function useContext() {
17757
17761
  return React__default.useContext(Provider$2);
17758
17762
  };
17759
17763
 
17760
- var _templateObject$M, _templateObject2$z, _templateObject3$s, _templateObject4$h, _templateObject5$e, _templateObject6$d, _templateObject7$d, _templateObject8$a, _templateObject9$a, _templateObject10$9, _templateObject11$4, _templateObject12$3, _templateObject13$2, _templateObject14$2, _templateObject15$2;
17764
+ var _templateObject$M, _templateObject2$z, _templateObject3$s, _templateObject4$h, _templateObject5$f, _templateObject6$d, _templateObject7$d, _templateObject8$a, _templateObject9$a, _templateObject10$9, _templateObject11$4, _templateObject12$3, _templateObject13$2, _templateObject14$2, _templateObject15$2;
17761
17765
  var aligns = {
17762
17766
  self: {
17763
17767
  horizontal: {
@@ -17804,7 +17808,7 @@ var Col = styled.div(_templateObject$M || (_templateObject$M = _taggedTemplateLi
17804
17808
  }, function (_ref3) {
17805
17809
  var spacingAround = _ref3.spacingAround;
17806
17810
  if (spacingAround) return;
17807
- return css(_templateObject5$e || (_templateObject5$e = _taggedTemplateLiteralLoose(["\n :first-child {\n padding-left: 0;\n }\n :last-child {\n padding-right: 0;\n }\n "])));
17811
+ return css(_templateObject5$f || (_templateObject5$f = _taggedTemplateLiteralLoose(["\n :first-child {\n padding-left: 0;\n }\n :last-child {\n padding-right: 0;\n }\n "])));
17808
17812
  }, function (_ref4) {
17809
17813
  var align = _ref4.align;
17810
17814
  if (align === undefined) return;
@@ -17922,7 +17926,7 @@ var Grid$1 = React__default.forwardRef(function (props, ref) {
17922
17926
  });
17923
17927
  Grid$1.displayName = 'Grid';
17924
17928
 
17925
- var _templateObject$O, _templateObject2$B, _templateObject3$u, _templateObject4$i, _templateObject5$f, _templateObject6$e, _templateObject7$e, _templateObject8$b, _templateObject9$b, _templateObject10$a;
17929
+ var _templateObject$O, _templateObject2$B, _templateObject3$u, _templateObject4$i, _templateObject5$g, _templateObject6$e, _templateObject7$e, _templateObject8$b, _templateObject9$b, _templateObject10$a;
17926
17930
  var horizontalAligns = {
17927
17931
  around: 'space-around',
17928
17932
  between: 'space-between',
@@ -17951,7 +17955,7 @@ var Row = styled.div(_templateObject$O || (_templateObject$O = _taggedTemplateLi
17951
17955
  }, function (_ref4) {
17952
17956
  var verticalAlign = _ref4.verticalAlign;
17953
17957
  if (verticalAlign === undefined) return;
17954
- return css(_templateObject5$f || (_templateObject5$f = _taggedTemplateLiteralLoose(["\n align-items: ", ";\n "])), verticalAligns[verticalAlign]);
17958
+ return css(_templateObject5$g || (_templateObject5$g = _taggedTemplateLiteralLoose(["\n align-items: ", ";\n "])), verticalAligns[verticalAlign]);
17955
17959
  }, function (_ref5) {
17956
17960
  var striped = _ref5.striped,
17957
17961
  backgroundColor = _ref5.backgroundColor,
@@ -18003,7 +18007,7 @@ var Row = styled.div(_templateObject$O || (_templateObject$O = _taggedTemplateLi
18003
18007
  var Row$1 = React__default.forwardRef(function (props, ref) {
18004
18008
  var context = useContext$3();
18005
18009
 
18006
- var cols = _extends({}, props.cols || {}, context.cols);
18010
+ var cols = _extends({}, context.cols, props.cols || {});
18007
18011
 
18008
18012
  var rowProps = filterObject(props, ['cols'], _extends({}, context.rows));
18009
18013
  return React__default.createElement(Provider$2.Provider, {
@@ -18053,7 +18057,7 @@ var widths = {
18053
18057
  default: '642.5px'
18054
18058
  };
18055
18059
 
18056
- var _templateObject$P, _templateObject2$C, _templateObject3$v, _templateObject4$j, _templateObject5$g, _templateObject6$f, _templateObject7$f, _templateObject8$c, _templateObject9$c, _templateObject10$b;
18060
+ var _templateObject$P, _templateObject2$C, _templateObject3$v, _templateObject4$j, _templateObject5$h, _templateObject6$f, _templateObject7$f, _templateObject8$c, _templateObject9$c, _templateObject10$b;
18057
18061
  var Background = styled.div(_templateObject$P || (_templateObject$P = _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) {
18058
18062
  var theme = _ref.theme;
18059
18063
  return theme.getColor('black', 25);
@@ -18066,7 +18070,7 @@ var Header$5 = styled.div(_templateObject3$v || (_templateObject3$v = _taggedTem
18066
18070
  useTypography = _ref2$theme.useTypography;
18067
18071
  return css(_templateObject4$j || (_templateObject4$j = _taggedTemplateLiteralLoose(["\n border-bottom: 1px solid ", ";\n padding: ", ";\n\n ", "\n "])), colors.lightestGrey, spacings.s4, useTypography('h1'));
18068
18072
  });
18069
- var Footer$2 = styled.div(_templateObject5$g || (_templateObject5$g = _taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n\n ", "\n"])), function (_ref3) {
18073
+ var Footer$2 = styled.div(_templateObject5$h || (_templateObject5$h = _taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n\n ", "\n"])), function (_ref3) {
18070
18074
  var _ref3$theme = _ref3.theme,
18071
18075
  spacings = _ref3$theme.spacings,
18072
18076
  colors = _ref3$theme.colors;
@@ -18283,12 +18287,12 @@ var Modal$1 = Object.assign(Modal, {
18283
18287
  Audit: Audit
18284
18288
  });
18285
18289
 
18286
- var _templateObject$T, _templateObject2$D, _templateObject3$w, _templateObject4$k, _templateObject5$h, _templateObject6$g, _templateObject7$g, _templateObject8$d, _templateObject9$d, _templateObject10$c, _templateObject11$5;
18290
+ var _templateObject$T, _templateObject2$D, _templateObject3$w, _templateObject4$k, _templateObject5$i, _templateObject6$g, _templateObject7$g, _templateObject8$d, _templateObject9$d, _templateObject10$c, _templateObject11$5;
18287
18291
  var Container$c = styled.div(_templateObject$T || (_templateObject$T = _taggedTemplateLiteralLoose(["\n width: 100%;\n height: 300px;\n position: absolute;\n padding: 14px;\n"])));
18288
18292
  var Header$6 = styled.div(_templateObject2$D || (_templateObject2$D = _taggedTemplateLiteralLoose(["\n display: flex;\n"])));
18289
18293
  var HeaderImage = styled.div(_templateObject3$w || (_templateObject3$w = _taggedTemplateLiteralLoose(["\n width: 43px;\n height: 44px;\n background-color: #ebebeb;\n"])));
18290
18294
  var HeaderContent = styled.div(_templateObject4$k || (_templateObject4$k = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n flex: 1;\n"])));
18291
- var MainContent = styled.div(_templateObject5$h || (_templateObject5$h = _taggedTemplateLiteralLoose(["\n margin-top: 8px;\n"])));
18295
+ var MainContent = styled.div(_templateObject5$i || (_templateObject5$i = _taggedTemplateLiteralLoose(["\n margin-top: 8px;\n"])));
18292
18296
  var HeaderLine = styled.div(_templateObject6$g || (_templateObject6$g = _taggedTemplateLiteralLoose(["\n height: ", ";\n background-color: #ebebeb;\n margin-left: 7px;\n\n & + div {\n margin-top: 14px;\n }\n\n ", "\n ", "\n\n ", "\n\n ", "\n"])), function (props) {
18293
18297
  return props.height;
18294
18298
  }, function (props) {
@@ -18335,7 +18339,7 @@ var Template1 = function Template1(props) {
18335
18339
  })));
18336
18340
  };
18337
18341
 
18338
- var _templateObject$U, _templateObject2$E, _templateObject3$x, _templateObject4$l, _templateObject5$i;
18342
+ var _templateObject$U, _templateObject2$E, _templateObject3$x, _templateObject4$l, _templateObject5$j;
18339
18343
  var HeaderLine$1 = styled.div(_templateObject$U || (_templateObject$U = _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) {
18340
18344
  return props.height;
18341
18345
  }, function (props) {
@@ -18345,15 +18349,15 @@ var HeaderLine$1 = styled.div(_templateObject$U || (_templateObject$U = _taggedT
18345
18349
  }, function (props) {
18346
18350
  return props.size === 'medium' && css(_templateObject4$l || (_templateObject4$l = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
18347
18351
  }, function (props) {
18348
- return props.size === 'large' && css(_templateObject5$i || (_templateObject5$i = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
18352
+ return props.size === 'large' && css(_templateObject5$j || (_templateObject5$j = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
18349
18353
  });
18350
18354
 
18351
- var _templateObject$V, _templateObject2$F, _templateObject3$y, _templateObject4$m, _templateObject5$j, _templateObject6$h, _templateObject7$h, _templateObject8$e;
18355
+ var _templateObject$V, _templateObject2$F, _templateObject3$y, _templateObject4$m, _templateObject5$k, _templateObject6$h, _templateObject7$h, _templateObject8$e;
18352
18356
  var Container$d = styled.div(_templateObject$V || (_templateObject$V = _taggedTemplateLiteralLoose(["\n width: 100%;\n max-height: 100%;\n position: absolute;\n padding: 14px;\n"])));
18353
18357
  var Template2Container = styled(Container$d)(_templateObject2$F || (_templateObject2$F = _taggedTemplateLiteralLoose(["\n background: #fff;\n border: 2px solid #ebebeb;\n"])));
18354
18358
  var Header$7 = styled.div(_templateObject3$y || (_templateObject3$y = _taggedTemplateLiteralLoose(["\n display: flex;\n"])));
18355
18359
  var HeaderImage$1 = styled.div(_templateObject4$m || (_templateObject4$m = _taggedTemplateLiteralLoose(["\n width: 43px;\n height: 44px;\n background-color: #ebebeb;\n"])));
18356
- var HeaderContent$1 = styled.div(_templateObject5$j || (_templateObject5$j = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n flex: 1;\n"])));
18360
+ var HeaderContent$1 = styled.div(_templateObject5$k || (_templateObject5$k = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n flex: 1;\n"])));
18357
18361
  var MainContent$1 = styled.div(_templateObject6$h || (_templateObject6$h = _taggedTemplateLiteralLoose(["\n margin-top: 8px;\n"])));
18358
18362
  var MainLine$1 = styled(HeaderLine$1)(_templateObject7$h || (_templateObject7$h = _taggedTemplateLiteralLoose(["\n margin-bottom: 14px;\n margin-left: 0;\n"])));
18359
18363
  var HeaderLine$2 = styled(HeaderLine$1)(_templateObject8$e || (_templateObject8$e = _taggedTemplateLiteralLoose([""])));
@@ -18411,7 +18415,7 @@ var Template3 = function Template3(props) {
18411
18415
  }));
18412
18416
  };
18413
18417
 
18414
- var _templateObject$X, _templateObject2$H, _templateObject3$A, _templateObject4$n, _templateObject5$k, _templateObject6$i, _templateObject7$i, _templateObject8$f;
18418
+ var _templateObject$X, _templateObject2$H, _templateObject3$A, _templateObject4$n, _templateObject5$l, _templateObject6$i, _templateObject7$i, _templateObject8$f;
18415
18419
  var Container$f = styled.div(_templateObject$X || (_templateObject$X = _taggedTemplateLiteralLoose(["\n width: 100%;\n max-height: 100%;\n position: absolute;\n padding: 14px;\n"])));
18416
18420
  var HeaderLine$3 = styled.div(_templateObject2$H || (_templateObject2$H = _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) {
18417
18421
  return props.height;
@@ -18420,7 +18424,7 @@ var HeaderLine$3 = styled.div(_templateObject2$H || (_templateObject2$H = _tagge
18420
18424
  }, function (props) {
18421
18425
  return props.size === 'small' && css(_templateObject4$n || (_templateObject4$n = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
18422
18426
  }, function (props) {
18423
- return props.size === 'medium' && css(_templateObject5$k || (_templateObject5$k = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
18427
+ return props.size === 'medium' && css(_templateObject5$l || (_templateObject5$l = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
18424
18428
  }, function (props) {
18425
18429
  return props.size === 'large' && css(_templateObject6$i || (_templateObject6$i = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
18426
18430
  });
@@ -18478,7 +18482,7 @@ var Template4 = function Template4(props) {
18478
18482
  }));
18479
18483
  };
18480
18484
 
18481
- var _templateObject$Y, _templateObject2$I, _templateObject3$B, _templateObject4$o, _templateObject5$l, _templateObject6$j, _templateObject7$j, _templateObject8$g, _templateObject9$e;
18485
+ var _templateObject$Y, _templateObject2$I, _templateObject3$B, _templateObject4$o, _templateObject5$m, _templateObject6$j, _templateObject7$j, _templateObject8$g, _templateObject9$e;
18482
18486
  var Container$g = styled.div(_templateObject$Y || (_templateObject$Y = _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"])));
18483
18487
  var Circle = styled.div(_templateObject2$I || (_templateObject2$I = _taggedTemplateLiteralLoose(["\n width: 141px;\n height: 141px;\n background-color: #dddedf;\n border-radius: 50%;\n"])));
18484
18488
  var HeaderLine$4 = styled.div(_templateObject3$B || (_templateObject3$B = _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) {
@@ -18486,7 +18490,7 @@ var HeaderLine$4 = styled.div(_templateObject3$B || (_templateObject3$B = _tagge
18486
18490
  }, function (props) {
18487
18491
  return props.size === 'mini' && css(_templateObject4$o || (_templateObject4$o = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
18488
18492
  }, function (props) {
18489
- return props.size === 'small' && css(_templateObject5$l || (_templateObject5$l = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
18493
+ return props.size === 'small' && css(_templateObject5$m || (_templateObject5$m = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
18490
18494
  }, function (props) {
18491
18495
  return props.size === 'medium' && css(_templateObject6$j || (_templateObject6$j = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
18492
18496
  }, function (props) {
@@ -18526,14 +18530,14 @@ var Template5 = function Template5(props) {
18526
18530
  })));
18527
18531
  };
18528
18532
 
18529
- var _templateObject$Z, _templateObject2$J, _templateObject3$C, _templateObject4$p, _templateObject5$m, _templateObject6$k, _templateObject7$k, _templateObject8$h, _templateObject9$f;
18533
+ var _templateObject$Z, _templateObject2$J, _templateObject3$C, _templateObject4$p, _templateObject5$n, _templateObject6$k, _templateObject7$k, _templateObject8$h, _templateObject9$f;
18530
18534
  var Container$h = styled.div(_templateObject$Z || (_templateObject$Z = _taggedTemplateLiteralLoose(["\n width: 395px;\n\n display: flex;\n align-items: center;\n justify-content: space-between;\n background-color: #f5f5f5;\n"])));
18531
18535
  var Header$8 = styled.div(_templateObject2$J || (_templateObject2$J = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding: 14px;\n"])));
18532
18536
  var Footer$3 = styled.div(_templateObject3$C || (_templateObject3$C = _taggedTemplateLiteralLoose(["\n width: 100%;\n border-top: 1px solid #b1b1b3;\n height: 50px;\n"])));
18533
18537
  var HeaderLine$5 = styled.div(_templateObject4$p || (_templateObject4$p = _taggedTemplateLiteralLoose(["\n height: ", ";\n background-color: #ebebeb;\n margin-left: 7px;\n\n & + div {\n margin-top: 14px;\n }\n\n ", "\n ", "\n\n ", "\n\n ", "\n"])), function (props) {
18534
18538
  return props.height;
18535
18539
  }, function (props) {
18536
- return props.size === 'mini' && css(_templateObject5$m || (_templateObject5$m = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
18540
+ return props.size === 'mini' && css(_templateObject5$n || (_templateObject5$n = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
18537
18541
  }, function (props) {
18538
18542
  return props.size === 'small' && css(_templateObject6$k || (_templateObject6$k = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
18539
18543
  }, function (props) {
@@ -18569,7 +18573,7 @@ var Template6 = function Template6(props) {
18569
18573
  })));
18570
18574
  };
18571
18575
 
18572
- var _templateObject$_, _templateObject2$K, _templateObject3$D, _templateObject4$q, _templateObject5$n, _templateObject6$l, _templateObject7$l, _templateObject8$i, _templateObject9$g, _templateObject10$d;
18576
+ var _templateObject$_, _templateObject2$K, _templateObject3$D, _templateObject4$q, _templateObject5$o, _templateObject6$l, _templateObject7$l, _templateObject8$i, _templateObject9$g, _templateObject10$d;
18573
18577
  var Container$i = styled.div(_templateObject$_ || (_templateObject$_ = _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"])));
18574
18578
  var Header$9 = styled.div(_templateObject2$K || (_templateObject2$K = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding: 14px;\n width: 100%;\n"])));
18575
18579
  var HeaderLine$6 = styled.div(_templateObject3$D || (_templateObject3$D = _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) {
@@ -18577,7 +18581,7 @@ var HeaderLine$6 = styled.div(_templateObject3$D || (_templateObject3$D = _tagge
18577
18581
  }, function (props) {
18578
18582
  return props.size === 'mini' && css(_templateObject4$q || (_templateObject4$q = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
18579
18583
  }, function (props) {
18580
- return props.size === 'small' && css(_templateObject5$n || (_templateObject5$n = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
18584
+ return props.size === 'small' && css(_templateObject5$o || (_templateObject5$o = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
18581
18585
  }, function (props) {
18582
18586
  return props.size === 'medium' && css(_templateObject6$l || (_templateObject6$l = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
18583
18587
  }, function (props) {
@@ -18603,7 +18607,7 @@ var Template7 = function Template7(props) {
18603
18607
  })), 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)));
18604
18608
  };
18605
18609
 
18606
- var _templateObject$$, _templateObject2$L, _templateObject3$E, _templateObject4$r, _templateObject5$o, _templateObject6$m, _templateObject7$m, _templateObject8$j, _templateObject9$h;
18610
+ var _templateObject$$, _templateObject2$L, _templateObject3$E, _templateObject4$r, _templateObject5$p, _templateObject6$m, _templateObject7$m, _templateObject8$j, _templateObject9$h;
18607
18611
  var Container$j = styled.div(_templateObject$$ || (_templateObject$$ = _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"])));
18608
18612
  var Header$a = styled.div(_templateObject2$L || (_templateObject2$L = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding: 14px;\n width: 100%;\n"])));
18609
18613
  var HeaderLine$7 = styled.div(_templateObject3$E || (_templateObject3$E = _taggedTemplateLiteralLoose(["\n height: ", ";\n background-color: #ebebeb;\n margin-left: 7px;\n\n & + div {\n margin-top: 14px;\n }\n\n ", "\n ", "\n\n ", "\n\n ", "\n"])), function (props) {
@@ -18611,7 +18615,7 @@ var HeaderLine$7 = styled.div(_templateObject3$E || (_templateObject3$E = _tagge
18611
18615
  }, function (props) {
18612
18616
  return props.size === 'mini' && css(_templateObject4$r || (_templateObject4$r = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
18613
18617
  }, function (props) {
18614
- return props.size === 'small' && css(_templateObject5$o || (_templateObject5$o = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
18618
+ return props.size === 'small' && css(_templateObject5$p || (_templateObject5$p = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
18615
18619
  }, function (props) {
18616
18620
  return props.size === 'medium' && css(_templateObject6$m || (_templateObject6$m = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
18617
18621
  }, function (props) {
@@ -18646,7 +18650,7 @@ var Template8 = function Template8(props) {
18646
18650
  })));
18647
18651
  };
18648
18652
 
18649
- var _templateObject$10, _templateObject2$M, _templateObject3$F, _templateObject4$s, _templateObject5$p, _templateObject6$n, _templateObject7$n, _templateObject8$k, _templateObject9$i, _templateObject10$e;
18653
+ var _templateObject$10, _templateObject2$M, _templateObject3$F, _templateObject4$s, _templateObject5$q, _templateObject6$n, _templateObject7$n, _templateObject8$k, _templateObject9$i, _templateObject10$e;
18650
18654
  var Container$k = styled.div(_templateObject$10 || (_templateObject$10 = _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"])));
18651
18655
  var Header$b = styled.div(_templateObject2$M || (_templateObject2$M = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding: 14px;\n width: 100%;\n"])));
18652
18656
  var HeaderLine$8 = styled.div(_templateObject3$F || (_templateObject3$F = _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) {
@@ -18654,7 +18658,7 @@ var HeaderLine$8 = styled.div(_templateObject3$F || (_templateObject3$F = _tagge
18654
18658
  }, function (props) {
18655
18659
  return props.size === 'mini' && css(_templateObject4$s || (_templateObject4$s = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
18656
18660
  }, function (props) {
18657
- return props.size === 'small' && css(_templateObject5$p || (_templateObject5$p = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
18661
+ return props.size === 'small' && css(_templateObject5$q || (_templateObject5$q = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
18658
18662
  }, function (props) {
18659
18663
  return props.size === 'medium' && css(_templateObject6$n || (_templateObject6$n = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
18660
18664
  }, function (props) {
@@ -18685,7 +18689,7 @@ var Template8$1 = function Template8(props) {
18685
18689
  })), React__default.createElement(Main$4, null, React__default.createElement(Circle$2, null)));
18686
18690
  };
18687
18691
 
18688
- var _templateObject$11, _templateObject2$N, _templateObject3$G, _templateObject4$t, _templateObject5$q, _templateObject6$o, _templateObject7$o, _templateObject8$l, _templateObject9$j, _templateObject10$f, _templateObject11$6;
18692
+ var _templateObject$11, _templateObject2$N, _templateObject3$G, _templateObject4$t, _templateObject5$r, _templateObject6$o, _templateObject7$o, _templateObject8$l, _templateObject9$j, _templateObject10$f, _templateObject11$6;
18689
18693
  var Container$l = styled.div(_templateObject$11 || (_templateObject$11 = _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"])));
18690
18694
  var Header$c = styled.div(_templateObject2$N || (_templateObject2$N = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding: 14px;\n width: 100%;\n"])));
18691
18695
  var HeaderLine$9 = styled.div(_templateObject3$G || (_templateObject3$G = _taggedTemplateLiteralLoose(["\n height: ", ";\n background-color: #ebebeb;\n margin-left: 7px;\n\n & + div {\n margin-top: 7px;\n }\n\n ", "\n ", "\n\n ", "\n\n ", "\n"])), function (props) {
@@ -18693,7 +18697,7 @@ var HeaderLine$9 = styled.div(_templateObject3$G || (_templateObject3$G = _tagge
18693
18697
  }, function (props) {
18694
18698
  return props.size === 'mini' && css(_templateObject4$t || (_templateObject4$t = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
18695
18699
  }, function (props) {
18696
- return props.size === 'small' && css(_templateObject5$q || (_templateObject5$q = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
18700
+ return props.size === 'small' && css(_templateObject5$r || (_templateObject5$r = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
18697
18701
  }, function (props) {
18698
18702
  return props.size === 'medium' && css(_templateObject6$o || (_templateObject6$o = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
18699
18703
  }, function (props) {
@@ -18829,7 +18833,7 @@ var Placeholder = function Placeholder(props) {
18829
18833
  }
18830
18834
  };
18831
18835
 
18832
- var _templateObject$12, _templateObject2$O, _templateObject3$H, _templateObject4$u, _templateObject5$r, _templateObject6$p, _templateObject7$p;
18836
+ var _templateObject$12, _templateObject2$O, _templateObject3$H, _templateObject4$u, _templateObject5$s, _templateObject6$p, _templateObject7$p;
18833
18837
  var Container$m = styled.div(_templateObject$12 || (_templateObject$12 = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n align-items: center;\n\n span {\n display: inline-block;\n margin-left: 7px;\n color: #000000cc;\n }\n"])));
18834
18838
  var Progress = styled.div(_templateObject2$O || (_templateObject2$O = _taggedTemplateLiteralLoose(["\n width: 64px;\n height: 12px;\n border: 1px solid #e4e4e4;\n div {\n width: ", ";\n max-width: 64px;\n height: 100%;\n ", "\n\n ", "\n ", "\n ", "\n ", "\n }\n"])), function (props) {
18835
18839
  return props.value + "%";
@@ -18844,7 +18848,7 @@ var Progress = styled.div(_templateObject2$O || (_templateObject2$O = _taggedTem
18844
18848
  return theme.colors.blue;
18845
18849
  });
18846
18850
  }, function (props) {
18847
- return props.type === 'danger' && css(_templateObject5$r || (_templateObject5$r = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n "])), function (_ref3) {
18851
+ return props.type === 'danger' && css(_templateObject5$s || (_templateObject5$s = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n "])), function (_ref3) {
18848
18852
  var theme = _ref3.theme;
18849
18853
  return theme.colors.warningRed;
18850
18854
  });
@@ -18864,7 +18868,7 @@ var ProgressBar = function ProgressBar(props) {
18864
18868
  return React__default.createElement(Container$m, null, React__default.createElement(Progress, Object.assign({}, props), React__default.createElement("div", null)), React__default.createElement("span", null, " ", props.value || '0', "%"));
18865
18869
  };
18866
18870
 
18867
- var _templateObject$13, _templateObject2$P, _templateObject3$I, _templateObject4$v, _templateObject5$s, _templateObject6$q, _templateObject7$q, _templateObject8$m;
18871
+ var _templateObject$13, _templateObject2$P, _templateObject3$I, _templateObject4$v, _templateObject5$t, _templateObject6$q, _templateObject7$q, _templateObject8$m;
18868
18872
  var Container$n = styled.div(_templateObject$13 || (_templateObject$13 = _taggedTemplateLiteralLoose(["\n display: block;\n"])));
18869
18873
  var delimiters = {
18870
18874
  blue: ['blue'],
@@ -18904,7 +18908,7 @@ var Tabs = styled.ul(_templateObject2$P || (_templateObject2$P = _taggedTemplate
18904
18908
  internal = _ref3.$internal;
18905
18909
  return internal ? theme.spacings.s6 : 0;
18906
18910
  });
18907
- var Tab = styled.li(_templateObject5$s || (_templateObject5$s = _taggedTemplateLiteralLoose(["\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: space-between;\n\n ", "\n"])), function (_ref4) {
18911
+ var Tab = styled.li(_templateObject5$t || (_templateObject5$t = _taggedTemplateLiteralLoose(["\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: space-between;\n\n ", "\n"])), function (_ref4) {
18908
18912
  var theme = _ref4.theme,
18909
18913
  active = _ref4.$active,
18910
18914
  internal = _ref4.$internal;
@@ -19052,7 +19056,7 @@ var TextArea = function TextArea(props) {
19052
19056
  return React__default.createElement(Container$o, Object.assign({}, props));
19053
19057
  };
19054
19058
 
19055
- var _templateObject$15, _templateObject2$Q, _templateObject3$J, _templateObject4$w, _templateObject5$t, _templateObject6$r;
19059
+ var _templateObject$15, _templateObject2$Q, _templateObject3$J, _templateObject4$w, _templateObject5$u, _templateObject6$r;
19056
19060
  var Container$p = styled.div(_templateObject$15 || (_templateObject$15 = _taggedTemplateLiteralLoose(["\n border-radius: 4px;\n width: ", ";\n height: 88px;\n border: 1px solid transparent;\n position: relative;\n\n ", "\n\n ", "\n\n ", "\n\n svg {\n cursor: pointer;\n position: absolute;\n top: 14px;\n right: 14px;\n width: 13px;\n height: 13px;\n }\n"])), function (props) {
19057
19061
  return props.size === 'large' ? '837px' : '460px';
19058
19062
  }, function (props) {
@@ -19062,7 +19066,7 @@ var Container$p = styled.div(_templateObject$15 || (_templateObject$15 = _tagged
19062
19066
  }, function (props) {
19063
19067
  return props.color === 'warning' && css(_templateObject4$w || (_templateObject4$w = _taggedTemplateLiteralLoose(["\n background-color: #fffaf3;\n opacity: 1;\n border-color: #ccbea0;\n h4 {\n color: #7a4d05;\n }\n p {\n color: #7a4d05cc;\n }\n "])));
19064
19068
  });
19065
- var IconContainer$2 = styled.div(_templateObject5$t || (_templateObject5$t = _taggedTemplateLiteralLoose(["\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: flex-end;\n padding: 14px 14px 0 0;\n margin: 0;\n"])));
19069
+ var IconContainer$2 = styled.div(_templateObject5$u || (_templateObject5$u = _taggedTemplateLiteralLoose(["\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: flex-end;\n padding: 14px 14px 0 0;\n margin: 0;\n"])));
19066
19070
  var IconContent = styled.div(_templateObject6$r || (_templateObject6$r = _taggedTemplateLiteralLoose(["\n width: 100%;\n padding: 13px 0 21px 28px;\n display: flex;\n flex: 1;\n flex-direction: column;\n\n h4 {\n margin-bottom: 7px;\n font-size: 18p;\n }\n p {\n margin: 0;\n font-size: 14px;\n max-width: 380px;\n }\n"])));
19067
19071
 
19068
19072
  var Toast = function Toast(props) {
@@ -19075,7 +19079,7 @@ var Toast = function Toast(props) {
19075
19079
  })), React__default.createElement(IconContent, null, React__default.createElement("h4", null, props.title), React__default.createElement("p", null, " ", props.description)));
19076
19080
  };
19077
19081
 
19078
- var _templateObject$16, _templateObject2$R, _templateObject3$K, _templateObject4$x, _templateObject5$u;
19082
+ var _templateObject$16, _templateObject2$R, _templateObject3$K, _templateObject4$x, _templateObject5$v;
19079
19083
  var Image = styled.img(_templateObject$16 || (_templateObject$16 = _taggedTemplateLiteralLoose(["\n max-width: 100%;\n max-height: 100%;\n"])));
19080
19084
  var Container$q = styled.div(_templateObject2$R || (_templateObject2$R = _taggedTemplateLiteralLoose(["\n position: relative;\n display: inline-flex;\n\n &,\n ", " {\n width: ", ";\n\n height: ", ";\n }\n"])), Image, function (_ref) {
19081
19085
  var width = _ref.width;
@@ -19112,7 +19116,7 @@ var Button$6 = styled(Button$1)(_templateObject4$x || (_templateObject4$x = _tag
19112
19116
  var theme = _ref4.theme;
19113
19117
  return theme.getColor('white', 50);
19114
19118
  });
19115
- var ModalContent = styled.div(_templateObject5$u || (_templateObject5$u = _taggedTemplateLiteralLoose(["\n position: absolute;\n width: 100%;\n height: 100%;\n display: flex;\n justify-content: center;\n\n img {\n max-height: 100%;\n max-width: 100%;\n }\n"])));
19119
+ var ModalContent = styled.div(_templateObject5$v || (_templateObject5$v = _taggedTemplateLiteralLoose(["\n position: absolute;\n width: 100%;\n height: 100%;\n display: flex;\n justify-content: center;\n\n img {\n max-height: 100%;\n max-width: 100%;\n }\n"])));
19116
19120
 
19117
19121
  var _excluded$3 = ["src", "defaultClickOptions"];
19118
19122