@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.js CHANGED
@@ -12653,7 +12653,7 @@ var inputTimeWidth = {
12653
12653
  withoutSeconds: '66px'
12654
12654
  };
12655
12655
 
12656
- var _templateObject$7, _templateObject2$7, _templateObject3$7, _templateObject4$5;
12656
+ var _templateObject$7, _templateObject2$7, _templateObject3$7, _templateObject4$5, _templateObject5$5;
12657
12657
  var Container$1 = styled__default.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) {
12658
12658
  var theme = _ref.theme;
12659
12659
  return theme.useTypography('p');
@@ -12661,30 +12661,31 @@ var Container$1 = styled__default.div(_templateObject$7 || (_templateObject$7 =
12661
12661
  var theme = _ref2.theme;
12662
12662
  return theme.spacings.s1;
12663
12663
  });
12664
- var OverflowContainer = styled__default.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) {
12665
- var height = _ref3.height;
12664
+ var BeforeAfterContainer = styled__default.div(_templateObject2$7 || (_templateObject2$7 = _taggedTemplateLiteralLoose(["\n padding-right: calc(", " * 1.5);\n display: flex;\n flex-direction: column;\n"])), function (_ref3) {
12665
+ var theme = _ref3.theme;
12666
+ return theme.spacings.s1;
12667
+ });
12668
+ var OverflowContainer = styled__default.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) {
12669
+ var height = _ref4.height;
12666
12670
  return height || '100%';
12667
- }, function (_ref4) {
12668
- var theme = _ref4.theme;
12669
- return theme.colors.grey + " " + theme.colors.white;
12670
12671
  }, function (_ref5) {
12671
12672
  var theme = _ref5.theme;
12672
- return theme.colors.grey;
12673
+ return theme.colors.grey + " " + theme.colors.white;
12673
12674
  }, function (_ref6) {
12674
12675
  var theme = _ref6.theme;
12675
- return theme.colors.white;
12676
+ return theme.colors.grey;
12676
12677
  }, function (_ref7) {
12677
- var spacing = _ref7.spacing,
12678
- theme = _ref7.theme;
12678
+ var theme = _ref7.theme;
12679
+ return theme.colors.white;
12680
+ }, function (_ref8) {
12681
+ var spacing = _ref8.spacing,
12682
+ theme = _ref8.theme;
12679
12683
  var value = getSpacings(spacing || '0', '0').split(' ');
12680
- return styled.css(_templateObject3$7 || (_templateObject3$7 = _taggedTemplateLiteralLoose(["\n padding: ", " calc(", " * 1.5) ", "\n ", ";\n "])), value[0], theme.spacings.s1, value[2], value[3]);
12684
+ return styled.css(_templateObject4$5 || (_templateObject4$5 = _taggedTemplateLiteralLoose(["\n padding: ", " calc(", " * 1.5) ", "\n ", ";\n "])), value[0], theme.spacings.s1, value[2], value[3]);
12681
12685
  });
12682
- var RelativeContainer = styled__default.div(_templateObject4$5 || (_templateObject4$5 = _taggedTemplateLiteralLoose(["\n position: relative;\n flex: 1;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n"])));
12683
-
12684
- var ScrollContainer = function ScrollContainer(props) {
12685
- var before = props.before,
12686
- after = props.after,
12687
- loading = props.loading,
12686
+ var RelativeContainer = styled__default.div(_templateObject5$5 || (_templateObject5$5 = _taggedTemplateLiteralLoose(["\n position: relative;\n flex: 1;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n"])));
12687
+ var ScrollContainer = React__default.forwardRef(function (props, ref) {
12688
+ var loading = props.loading,
12688
12689
  inner = props.inner;
12689
12690
 
12690
12691
  var onScrollEnd = props.onScrollEnd || function () {};
@@ -12713,7 +12714,11 @@ var ScrollContainer = function ScrollContainer(props) {
12713
12714
  var _onScroll = props.onScroll || function () {};
12714
12715
 
12715
12716
  var htmlProps = filterObject(props, ['onScrollEnd', 'before', 'after', 'loading']);
12716
- return React__default.createElement(Container$1, null, before, React__default.createElement(RelativeContainer, null, inner || React__default.createElement(OverflowContainer, Object.assign({}, htmlProps, {
12717
+ return React__default.createElement(Container$1, null, props.beforeFluid ? props.before : React__default.createElement(BeforeAfterContainer, {
12718
+ children: props.before
12719
+ }), React__default.createElement(RelativeContainer, null, inner || React__default.createElement(OverflowContainer, Object.assign({
12720
+ ref: ref
12721
+ }, htmlProps, {
12717
12722
  onScroll: function onScroll(event) {
12718
12723
  _onScroll(event);
12719
12724
 
@@ -12721,10 +12726,13 @@ var ScrollContainer = function ScrollContainer(props) {
12721
12726
  }
12722
12727
  })), loading && React__default.createElement(Loader, {
12723
12728
  filled: true
12724
- })), after);
12725
- };
12729
+ })), props.afterFluid ? props.after : React__default.createElement(BeforeAfterContainer, {
12730
+ children: props.after
12731
+ }));
12732
+ });
12733
+ ScrollContainer.displayName = 'ScrollContainer';
12726
12734
 
12727
- var _templateObject$8, _templateObject2$8, _templateObject3$8, _templateObject4$6, _templateObject5$5, _templateObject6$4, _templateObject7$4, _templateObject8$3, _templateObject9$3, _templateObject10$3;
12735
+ var _templateObject$8, _templateObject2$8, _templateObject3$8, _templateObject4$6, _templateObject5$6, _templateObject6$4, _templateObject7$4, _templateObject8$3, _templateObject9$3, _templateObject10$3;
12728
12736
  var Option = styled__default.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) {
12729
12737
  var theme = _ref.theme;
12730
12738
  return theme.useTypography('p');
@@ -12763,7 +12771,7 @@ var Option = styled__default.div(_templateObject$8 || (_templateObject$8 = _tagg
12763
12771
  var theme = _ref7.theme;
12764
12772
  return theme.colors.iceWhite;
12765
12773
  });
12766
- var Container$2 = styled__default(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) {
12774
+ var Container$2 = styled__default(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) {
12767
12775
  var theme = _ref8.theme;
12768
12776
  return theme.colors.white;
12769
12777
  }, function (props) {
@@ -12804,26 +12812,22 @@ var MenuComponent = function MenuComponent(props, ref) {
12804
12812
  var _props = _extends({}, props),
12805
12813
  close = _props.close,
12806
12814
  options = _props.options,
12807
- onScrollEnd = _props.onScrollEnd,
12808
- before = _props.before,
12809
- after = _props.after,
12810
- scrollSpacing = _props.scrollSpacing,
12811
- children = _props.children,
12812
- loading = _props.loading,
12813
- innerContent = _props.innerContent;
12815
+ children = _props.children;
12814
12816
 
12815
- var absoluteContainerProps = filterObject(props, ['scrollSpacing', 'onScrollEnd', 'before', 'after', 'close', 'options', 'loading', 'children'], {
12817
+ var absoluteContainerProps = filterObject(props, ['scrollSpacing', 'onScrollEnd', 'before', 'beforeFluid', 'after', 'afterFluid', 'close', 'options', 'loading', 'children'], {
12816
12818
  itemSpacing: 's1'
12817
12819
  });
12818
12820
  return React__default.createElement(Container$2, Object.assign({}, absoluteContainerProps, {
12819
12821
  ref: ref
12820
12822
  }), React__default.createElement(React__default.Fragment, null, React__default.createElement(ScrollContainer, {
12821
- onScrollEnd: onScrollEnd,
12822
- before: before,
12823
- after: after,
12824
- inner: innerContent,
12825
- spacing: scrollSpacing,
12826
- loading: loading
12823
+ onScrollEnd: props.onScrollEnd,
12824
+ before: props.before,
12825
+ beforeFluid: props.beforeFluid,
12826
+ after: props.after,
12827
+ afterFluid: props.afterFluid,
12828
+ inner: props.innerContent,
12829
+ spacing: props.scrollSpacing,
12830
+ loading: props.loading
12827
12831
  }, function () {
12828
12832
  if (options.length === 0 && props.emptyContent) {
12829
12833
  return props.emptyContent;
@@ -12911,7 +12915,7 @@ var MenuComponent = function MenuComponent(props, ref) {
12911
12915
 
12912
12916
  var Menu = React__default.forwardRef(MenuComponent);
12913
12917
 
12914
- var _templateObject$9, _templateObject2$9, _templateObject3$9, _templateObject4$7, _templateObject5$6, _templateObject6$5, _templateObject7$5, _templateObject8$4, _templateObject9$4, _templateObject10$4;
12918
+ var _templateObject$9, _templateObject2$9, _templateObject3$9, _templateObject4$7, _templateObject5$7, _templateObject6$5, _templateObject7$5, _templateObject8$4, _templateObject9$4, _templateObject10$4;
12915
12919
  var Container$3 = styled__default.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) {
12916
12920
  var theme = _ref.theme;
12917
12921
  return theme.spacings.s3;
@@ -12936,7 +12940,7 @@ var CalendarContainer = styled__default.div(_templateObject4$7 || (_templateObje
12936
12940
  var theme = _ref6.theme;
12937
12941
  return theme.colors.lightestGrey;
12938
12942
  });
12939
- var AbsoluteContainer$1 = styled__default(AbsoluteContainer)(_templateObject5$6 || (_templateObject5$6 = _taggedTemplateLiteralLoose(["\n > ", " {\n padding: ", ";\n }\n"])), Container$3, function (_ref7) {
12943
+ var AbsoluteContainer$1 = styled__default(AbsoluteContainer)(_templateObject5$7 || (_templateObject5$7 = _taggedTemplateLiteralLoose(["\n > ", " {\n padding: ", ";\n }\n"])), Container$3, function (_ref7) {
12940
12944
  var theme = _ref7.theme;
12941
12945
  return theme.spacings.s3 + " " + theme.spacings.s3 + " " + theme.spacings.s1 + " " + theme.spacings.s3;
12942
12946
  });
@@ -13014,6 +13018,7 @@ var MonthPicker = function MonthPicker(props) {
13014
13018
  color: 'darkBlue',
13015
13019
  strokeWidth: '3px'
13016
13020
  }))),
13021
+ beforeFluid: true,
13017
13022
  options: months.map(function (label, index) {
13018
13023
  return {
13019
13024
  label: label,
@@ -13069,7 +13074,7 @@ var Indicator = function Indicator(props) {
13069
13074
  }, props)));
13070
13075
  };
13071
13076
 
13072
- var _templateObject$b, _templateObject2$b, _templateObject3$a, _templateObject4$8, _templateObject5$7, _templateObject6$6, _templateObject7$6, _templateObject8$5, _templateObject9$5, _templateObject10$5, _templateObject11$2;
13077
+ var _templateObject$b, _templateObject2$b, _templateObject3$a, _templateObject4$8, _templateObject5$8, _templateObject6$6, _templateObject7$6, _templateObject8$5, _templateObject9$5, _templateObject10$5, _templateObject11$2;
13073
13078
  var Footer = styled__default.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"])));
13074
13079
  var WeekContainer = styled__default.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) {
13075
13080
  var theme = _ref.theme;
@@ -13100,7 +13105,7 @@ var DayContainer = styled__default.button(_templateObject4$8 || (_templateObject
13100
13105
  activeColor = _ref8.activeColor,
13101
13106
  onClick = _ref8.onClick;
13102
13107
  var hover = onClick ? function (color) {
13103
- return styled.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]);
13108
+ return styled.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]);
13104
13109
  } : function () {
13105
13110
  return null;
13106
13111
  };
@@ -13729,7 +13734,7 @@ var getTimeProps = function getTimeProps(time, value) {
13729
13734
  });
13730
13735
  };
13731
13736
 
13732
- var _templateObject$e, _templateObject2$c, _templateObject3$b, _templateObject4$9, _templateObject5$8, _templateObject6$7, _templateObject7$7, _templateObject8$6, _templateObject9$6, _templateObject10$6;
13737
+ var _templateObject$e, _templateObject2$c, _templateObject3$b, _templateObject4$9, _templateObject5$9, _templateObject6$7, _templateObject7$7, _templateObject8$6, _templateObject9$6, _templateObject10$6;
13733
13738
  var Button = styled__default.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) {
13734
13739
  var theme = _ref.theme,
13735
13740
  appearance = _ref.appearance;
@@ -13777,7 +13782,7 @@ var Button = styled__default.button(_templateObject$e || (_templateObject$e = _t
13777
13782
  if (appearance === 'bordered') {
13778
13783
  return styled.css(_templateObject4$9 || (_templateObject4$9 = _taggedTemplateLiteralLoose(["\n color: ", ";\n border: 1px solid ", ";\n "])), theme.getColor(color || 'blue', 70), theme.getColor(color || 'blue', 70));
13779
13784
  } else if (['link', 'borderless'].includes(appearance)) {
13780
- return styled.css(_templateObject5$8 || (_templateObject5$8 = _taggedTemplateLiteralLoose(["\n color: ", ";\n "])), theme.colors.blue);
13785
+ return styled.css(_templateObject5$9 || (_templateObject5$9 = _taggedTemplateLiteralLoose(["\n color: ", ";\n "])), theme.colors.blue);
13781
13786
  }
13782
13787
 
13783
13788
  return styled.css(_templateObject6$7 || (_templateObject6$7 = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n border-color: ", ";\n "])), theme.getColor(color || 'blue', 70), theme.getColor(color || 'blue', 70));
@@ -14419,7 +14424,7 @@ var useContext = function useContext() {
14419
14424
  var _templateObject$i, _templateObject2$e;
14420
14425
  var HeaderContainer = styled__default.div(_templateObject$i || (_templateObject$i = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
14421
14426
  var theme = _ref.theme;
14422
- return styled.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);
14427
+ return styled.css(_templateObject2$e || (_templateObject2$e = _taggedTemplateLiteralLoose(["\n padding: ", " 0 ", " ", ";\n "])), theme.spacings.s3, theme.spacings.s1, theme.spacings.s3);
14423
14428
  });
14424
14429
 
14425
14430
  var Header$1 = function Header() {
@@ -14611,7 +14616,7 @@ var Link = styled__default.div(_templateObject$j || (_templateObject$j = _tagged
14611
14616
  var _templateObject$k, _templateObject2$g, _templateObject3$d;
14612
14617
  var HeaderContainer$1 = styled__default.div(_templateObject$k || (_templateObject$k = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
14613
14618
  var theme = _ref.theme;
14614
- return styled.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);
14619
+ return styled.css(_templateObject2$g || (_templateObject2$g = _taggedTemplateLiteralLoose(["\n padding: ", " 0 ", " ", ";\n "])), theme.spacings.s3, theme.spacings.s1, theme.spacings.s3);
14615
14620
  });
14616
14621
  var SelectAllContainer = styled__default.div(_templateObject3$d || (_templateObject3$d = _taggedTemplateLiteralLoose(["\n margin-bottom: ", ";\n display: flex;\n justify-content: space-between;\n"])), function (_ref2) {
14617
14622
  var theme = _ref2.theme;
@@ -14761,6 +14766,7 @@ var useSelectMultiple = function useSelectMultiple(props) {
14761
14766
  itemSpacing: undefined,
14762
14767
  before: React__default.createElement(Header$2, null),
14763
14768
  after: React__default.createElement(Footer$1, null),
14769
+ afterFluid: true,
14764
14770
  maxHeight: props.maxHeight || (props.selectAll ? '269px' : '224px')
14765
14771
  },
14766
14772
  getContext: function getContext(base, children) {
@@ -15372,7 +15378,7 @@ var Phone = Object.assign(Component, {
15372
15378
  getPhoneDetails: getPhoneDetails
15373
15379
  });
15374
15380
 
15375
- var _templateObject$o, _templateObject2$k, _templateObject3$g, _templateObject4$b, _templateObject5$9, _templateObject6$8, _templateObject7$8, _templateObject8$7, _templateObject9$7;
15381
+ var _templateObject$o, _templateObject2$k, _templateObject3$g, _templateObject4$b, _templateObject5$a, _templateObject6$8, _templateObject7$8, _templateObject8$7, _templateObject9$7;
15376
15382
  var RelativeContainer$4 = styled__default.div(_templateObject$o || (_templateObject$o = _taggedTemplateLiteralLoose(["\n position: relative;\n\n input {\n color: transparent;\n }\n"])));
15377
15383
  var LabelContainer$2 = styled__default.div(_templateObject2$k || (_templateObject2$k = _taggedTemplateLiteralLoose(["\n ", "\n line-height: ", ";\n"])), function (_ref) {
15378
15384
  var theme = _ref.theme;
@@ -15391,7 +15397,7 @@ var Container$5 = styled__default.div(_templateObject3$g || (_templateObject3$g
15391
15397
  return styled.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);
15392
15398
  }
15393
15399
 
15394
- return styled.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);
15400
+ return styled.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);
15395
15401
  }, function (_ref4) {
15396
15402
  var invalid = _ref4.invalid,
15397
15403
  theme = _ref4.theme;
@@ -15522,7 +15528,7 @@ var DatePicker = React__default.forwardRef(function (props, ref) {
15522
15528
  });
15523
15529
  DatePicker.displayName = 'DatePicker';
15524
15530
 
15525
- var _templateObject$p, _templateObject2$l, _templateObject3$h, _templateObject4$c, _templateObject5$a, _templateObject6$9, _templateObject7$9;
15531
+ var _templateObject$p, _templateObject2$l, _templateObject3$h, _templateObject4$c, _templateObject5$b, _templateObject6$9, _templateObject7$9;
15526
15532
  var LabelContainer$3 = styled__default.div(_templateObject$p || (_templateObject$p = _taggedTemplateLiteralLoose(["\n ", "\n line-height: 14px;\n display: flex;\n align-items: center;\n\n ", "\n"])), function (_ref) {
15527
15533
  var theme = _ref.theme;
15528
15534
  return theme.useTypography('p');
@@ -15541,7 +15547,7 @@ var Label$4 = styled__default.label(_templateObject3$h || (_templateObject3$h =
15541
15547
  return styled.css(_templateObject4$c || (_templateObject4$c = _taggedTemplateLiteralLoose(["\n > span {\n cursor: pointer;\n }\n "])));
15542
15548
  }
15543
15549
 
15544
- return styled.css(_templateObject5$a || (_templateObject5$a = _taggedTemplateLiteralLoose(["\n opacity: 0.5;\n "])));
15550
+ return styled.css(_templateObject5$b || (_templateObject5$b = _taggedTemplateLiteralLoose(["\n opacity: 0.5;\n "])));
15545
15551
  }, function (_ref5) {
15546
15552
  var invalid = _ref5.invalid;
15547
15553
 
@@ -15972,7 +15978,7 @@ var Range = React__default.forwardRef(function (props, ref) {
15972
15978
  });
15973
15979
  Range.displayName = 'input';
15974
15980
 
15975
- var _templateObject$A, _templateObject2$s, _templateObject3$m, _templateObject4$d, _templateObject5$b, _templateObject6$a, _templateObject7$a;
15981
+ var _templateObject$A, _templateObject2$s, _templateObject3$m, _templateObject4$d, _templateObject5$c, _templateObject6$a, _templateObject7$a;
15976
15982
  var LabelContainer$5 = styled__default.div(_templateObject$A || (_templateObject$A = _taggedTemplateLiteralLoose(["\n ", "\n display: flex;\n align-items: center;\n"])), function (_ref) {
15977
15983
  var theme = _ref.theme;
15978
15984
  return theme.useTypography('p');
@@ -15991,7 +15997,7 @@ var Label$6 = styled__default.label(_templateObject2$s || (_templateObject2$s =
15991
15997
  }, function (_ref4) {
15992
15998
  var required = _ref4.required;
15993
15999
  if (!required) return;
15994
- return styled.css(_templateObject5$b || (_templateObject5$b = _taggedTemplateLiteralLoose(["\n > ", " {\n :after {\n content: ' *';\n }\n }\n "])), LabelContainer$5);
16000
+ return styled.css(_templateObject5$c || (_templateObject5$c = _taggedTemplateLiteralLoose(["\n > ", " {\n :after {\n content: ' *';\n }\n }\n "])), LabelContainer$5);
15995
16001
  }, function (_ref5) {
15996
16002
  var invalid = _ref5.invalid;
15997
16003
 
@@ -16215,7 +16221,7 @@ var parse = function parse(value) {
16215
16221
  });
16216
16222
  };
16217
16223
 
16218
- 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;
16224
+ 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;
16219
16225
  var RelativeContainer$5 = styled__default.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"])));
16220
16226
  var LabelContainer$6 = styled__default.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) {
16221
16227
  var theme = _ref.theme;
@@ -16232,7 +16238,7 @@ var LabelContainer$6 = styled__default.div(_templateObject2$t || (_templateObjec
16232
16238
  if (!onClick) return;
16233
16239
  return styled.css(_templateObject4$e || (_templateObject4$e = _taggedTemplateLiteralLoose(["\n :not(:disabled) {\n cursor: pointer;\n }\n "])));
16234
16240
  });
16235
- var Container$6 = styled__default.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) {
16241
+ var Container$6 = styled__default.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) {
16236
16242
  var theme = _ref5.theme;
16237
16243
  return theme.spacings.s1;
16238
16244
  }, function (_ref6) {
@@ -17317,7 +17323,7 @@ var AppliedFilters = Object.assign(function (props) {
17317
17323
  Menu: AppliedFiltersMenu
17318
17324
  });
17319
17325
 
17320
- var _templateObject$J, _templateObject2$y, _templateObject3$r, _templateObject4$g, _templateObject5$d, _templateObject6$c, _templateObject7$c, _templateObject8$9, _templateObject9$9, _templateObject10$8;
17326
+ var _templateObject$J, _templateObject2$y, _templateObject3$r, _templateObject4$g, _templateObject5$e, _templateObject6$c, _templateObject7$c, _templateObject8$9, _templateObject9$9, _templateObject10$8;
17321
17327
  var Container$9 = styled__default.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) {
17322
17328
  return props.size === 'mini' && styled.css(_templateObject2$y || (_templateObject2$y = _taggedTemplateLiteralLoose(["\n width: 394px;\n height: 99px;\n "])));
17323
17329
  }, function (props) {
@@ -17325,7 +17331,7 @@ var Container$9 = styled__default.div(_templateObject$J || (_templateObject$J =
17325
17331
  }, function (props) {
17326
17332
  return props.size === 'medium' && styled.css(_templateObject4$g || (_templateObject4$g = _taggedTemplateLiteralLoose(["\n width: 394px;\n "])));
17327
17333
  }, function (props) {
17328
- return props.size === 'big' && styled.css(_templateObject5$d || (_templateObject5$d = _taggedTemplateLiteralLoose(["\n width: 414px;\n height: 324px;\n "])));
17334
+ return props.size === 'big' && styled.css(_templateObject5$e || (_templateObject5$e = _taggedTemplateLiteralLoose(["\n width: 414px;\n height: 324px;\n "])));
17329
17335
  }, function (props) {
17330
17336
  return props.borderType === 'info' && styled.css(_templateObject6$c || (_templateObject6$c = _taggedTemplateLiteralLoose(["\n border-left-color: #4d6dbe;\n "])));
17331
17337
  }, function (props) {
@@ -17349,10 +17355,8 @@ var Card = function Card(_ref) {
17349
17355
 
17350
17356
  var _templateObject$K;
17351
17357
  var Container$a = styled__default.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) {
17352
- var _ref$theme$spacings = _ref.theme.spacings,
17353
- s1 = _ref$theme$spacings.s1,
17354
- s3 = _ref$theme$spacings.s3;
17355
- return "0 calc(" + s3 + " * .75) " + s1 + " " + s1;
17358
+ var s1 = _ref.theme.spacings.s1;
17359
+ return "0 0 " + s1 + " " + s1;
17356
17360
  }, function (_ref2) {
17357
17361
  var s3 = _ref2.theme.spacings.s3;
17358
17362
  return s3;
@@ -17760,7 +17764,7 @@ var useContext$2 = function useContext() {
17760
17764
  return React__default.useContext(Provider$2);
17761
17765
  };
17762
17766
 
17763
- 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;
17767
+ 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;
17764
17768
  var aligns = {
17765
17769
  self: {
17766
17770
  horizontal: {
@@ -17807,7 +17811,7 @@ var Col = styled__default.div(_templateObject$M || (_templateObject$M = _taggedT
17807
17811
  }, function (_ref3) {
17808
17812
  var spacingAround = _ref3.spacingAround;
17809
17813
  if (spacingAround) return;
17810
- return styled.css(_templateObject5$e || (_templateObject5$e = _taggedTemplateLiteralLoose(["\n :first-child {\n padding-left: 0;\n }\n :last-child {\n padding-right: 0;\n }\n "])));
17814
+ return styled.css(_templateObject5$f || (_templateObject5$f = _taggedTemplateLiteralLoose(["\n :first-child {\n padding-left: 0;\n }\n :last-child {\n padding-right: 0;\n }\n "])));
17811
17815
  }, function (_ref4) {
17812
17816
  var align = _ref4.align;
17813
17817
  if (align === undefined) return;
@@ -17925,7 +17929,7 @@ var Grid$1 = React__default.forwardRef(function (props, ref) {
17925
17929
  });
17926
17930
  Grid$1.displayName = 'Grid';
17927
17931
 
17928
- var _templateObject$O, _templateObject2$B, _templateObject3$u, _templateObject4$i, _templateObject5$f, _templateObject6$e, _templateObject7$e, _templateObject8$b, _templateObject9$b, _templateObject10$a;
17932
+ var _templateObject$O, _templateObject2$B, _templateObject3$u, _templateObject4$i, _templateObject5$g, _templateObject6$e, _templateObject7$e, _templateObject8$b, _templateObject9$b, _templateObject10$a;
17929
17933
  var horizontalAligns = {
17930
17934
  around: 'space-around',
17931
17935
  between: 'space-between',
@@ -17954,7 +17958,7 @@ var Row = styled__default.div(_templateObject$O || (_templateObject$O = _taggedT
17954
17958
  }, function (_ref4) {
17955
17959
  var verticalAlign = _ref4.verticalAlign;
17956
17960
  if (verticalAlign === undefined) return;
17957
- return styled.css(_templateObject5$f || (_templateObject5$f = _taggedTemplateLiteralLoose(["\n align-items: ", ";\n "])), verticalAligns[verticalAlign]);
17961
+ return styled.css(_templateObject5$g || (_templateObject5$g = _taggedTemplateLiteralLoose(["\n align-items: ", ";\n "])), verticalAligns[verticalAlign]);
17958
17962
  }, function (_ref5) {
17959
17963
  var striped = _ref5.striped,
17960
17964
  backgroundColor = _ref5.backgroundColor,
@@ -18006,7 +18010,7 @@ var Row = styled__default.div(_templateObject$O || (_templateObject$O = _taggedT
18006
18010
  var Row$1 = React__default.forwardRef(function (props, ref) {
18007
18011
  var context = useContext$3();
18008
18012
 
18009
- var cols = _extends({}, props.cols || {}, context.cols);
18013
+ var cols = _extends({}, context.cols, props.cols || {});
18010
18014
 
18011
18015
  var rowProps = filterObject(props, ['cols'], _extends({}, context.rows));
18012
18016
  return React__default.createElement(Provider$2.Provider, {
@@ -18056,7 +18060,7 @@ var widths = {
18056
18060
  default: '642.5px'
18057
18061
  };
18058
18062
 
18059
- var _templateObject$P, _templateObject2$C, _templateObject3$v, _templateObject4$j, _templateObject5$g, _templateObject6$f, _templateObject7$f, _templateObject8$c, _templateObject9$c, _templateObject10$b;
18063
+ var _templateObject$P, _templateObject2$C, _templateObject3$v, _templateObject4$j, _templateObject5$h, _templateObject6$f, _templateObject7$f, _templateObject8$c, _templateObject9$c, _templateObject10$b;
18060
18064
  var Background = styled__default.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) {
18061
18065
  var theme = _ref.theme;
18062
18066
  return theme.getColor('black', 25);
@@ -18069,7 +18073,7 @@ var Header$5 = styled__default.div(_templateObject3$v || (_templateObject3$v = _
18069
18073
  useTypography = _ref2$theme.useTypography;
18070
18074
  return styled.css(_templateObject4$j || (_templateObject4$j = _taggedTemplateLiteralLoose(["\n border-bottom: 1px solid ", ";\n padding: ", ";\n\n ", "\n "])), colors.lightestGrey, spacings.s4, useTypography('h1'));
18071
18075
  });
18072
- var Footer$2 = styled__default.div(_templateObject5$g || (_templateObject5$g = _taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n\n ", "\n"])), function (_ref3) {
18076
+ var Footer$2 = styled__default.div(_templateObject5$h || (_templateObject5$h = _taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n\n ", "\n"])), function (_ref3) {
18073
18077
  var _ref3$theme = _ref3.theme,
18074
18078
  spacings = _ref3$theme.spacings,
18075
18079
  colors = _ref3$theme.colors;
@@ -18286,12 +18290,12 @@ var Modal$1 = Object.assign(Modal, {
18286
18290
  Audit: Audit
18287
18291
  });
18288
18292
 
18289
- var _templateObject$T, _templateObject2$D, _templateObject3$w, _templateObject4$k, _templateObject5$h, _templateObject6$g, _templateObject7$g, _templateObject8$d, _templateObject9$d, _templateObject10$c, _templateObject11$5;
18293
+ var _templateObject$T, _templateObject2$D, _templateObject3$w, _templateObject4$k, _templateObject5$i, _templateObject6$g, _templateObject7$g, _templateObject8$d, _templateObject9$d, _templateObject10$c, _templateObject11$5;
18290
18294
  var Container$c = styled__default.div(_templateObject$T || (_templateObject$T = _taggedTemplateLiteralLoose(["\n width: 100%;\n height: 300px;\n position: absolute;\n padding: 14px;\n"])));
18291
18295
  var Header$6 = styled__default.div(_templateObject2$D || (_templateObject2$D = _taggedTemplateLiteralLoose(["\n display: flex;\n"])));
18292
18296
  var HeaderImage = styled__default.div(_templateObject3$w || (_templateObject3$w = _taggedTemplateLiteralLoose(["\n width: 43px;\n height: 44px;\n background-color: #ebebeb;\n"])));
18293
18297
  var HeaderContent = styled__default.div(_templateObject4$k || (_templateObject4$k = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n flex: 1;\n"])));
18294
- var MainContent = styled__default.div(_templateObject5$h || (_templateObject5$h = _taggedTemplateLiteralLoose(["\n margin-top: 8px;\n"])));
18298
+ var MainContent = styled__default.div(_templateObject5$i || (_templateObject5$i = _taggedTemplateLiteralLoose(["\n margin-top: 8px;\n"])));
18295
18299
  var HeaderLine = styled__default.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) {
18296
18300
  return props.height;
18297
18301
  }, function (props) {
@@ -18338,7 +18342,7 @@ var Template1 = function Template1(props) {
18338
18342
  })));
18339
18343
  };
18340
18344
 
18341
- var _templateObject$U, _templateObject2$E, _templateObject3$x, _templateObject4$l, _templateObject5$i;
18345
+ var _templateObject$U, _templateObject2$E, _templateObject3$x, _templateObject4$l, _templateObject5$j;
18342
18346
  var HeaderLine$1 = styled__default.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) {
18343
18347
  return props.height;
18344
18348
  }, function (props) {
@@ -18348,15 +18352,15 @@ var HeaderLine$1 = styled__default.div(_templateObject$U || (_templateObject$U =
18348
18352
  }, function (props) {
18349
18353
  return props.size === 'medium' && styled.css(_templateObject4$l || (_templateObject4$l = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
18350
18354
  }, function (props) {
18351
- return props.size === 'large' && styled.css(_templateObject5$i || (_templateObject5$i = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
18355
+ return props.size === 'large' && styled.css(_templateObject5$j || (_templateObject5$j = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
18352
18356
  });
18353
18357
 
18354
- var _templateObject$V, _templateObject2$F, _templateObject3$y, _templateObject4$m, _templateObject5$j, _templateObject6$h, _templateObject7$h, _templateObject8$e;
18358
+ var _templateObject$V, _templateObject2$F, _templateObject3$y, _templateObject4$m, _templateObject5$k, _templateObject6$h, _templateObject7$h, _templateObject8$e;
18355
18359
  var Container$d = styled__default.div(_templateObject$V || (_templateObject$V = _taggedTemplateLiteralLoose(["\n width: 100%;\n max-height: 100%;\n position: absolute;\n padding: 14px;\n"])));
18356
18360
  var Template2Container = styled__default(Container$d)(_templateObject2$F || (_templateObject2$F = _taggedTemplateLiteralLoose(["\n background: #fff;\n border: 2px solid #ebebeb;\n"])));
18357
18361
  var Header$7 = styled__default.div(_templateObject3$y || (_templateObject3$y = _taggedTemplateLiteralLoose(["\n display: flex;\n"])));
18358
18362
  var HeaderImage$1 = styled__default.div(_templateObject4$m || (_templateObject4$m = _taggedTemplateLiteralLoose(["\n width: 43px;\n height: 44px;\n background-color: #ebebeb;\n"])));
18359
- var HeaderContent$1 = styled__default.div(_templateObject5$j || (_templateObject5$j = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n flex: 1;\n"])));
18363
+ var HeaderContent$1 = styled__default.div(_templateObject5$k || (_templateObject5$k = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n flex: 1;\n"])));
18360
18364
  var MainContent$1 = styled__default.div(_templateObject6$h || (_templateObject6$h = _taggedTemplateLiteralLoose(["\n margin-top: 8px;\n"])));
18361
18365
  var MainLine$1 = styled__default(HeaderLine$1)(_templateObject7$h || (_templateObject7$h = _taggedTemplateLiteralLoose(["\n margin-bottom: 14px;\n margin-left: 0;\n"])));
18362
18366
  var HeaderLine$2 = styled__default(HeaderLine$1)(_templateObject8$e || (_templateObject8$e = _taggedTemplateLiteralLoose([""])));
@@ -18414,7 +18418,7 @@ var Template3 = function Template3(props) {
18414
18418
  }));
18415
18419
  };
18416
18420
 
18417
- var _templateObject$X, _templateObject2$H, _templateObject3$A, _templateObject4$n, _templateObject5$k, _templateObject6$i, _templateObject7$i, _templateObject8$f;
18421
+ var _templateObject$X, _templateObject2$H, _templateObject3$A, _templateObject4$n, _templateObject5$l, _templateObject6$i, _templateObject7$i, _templateObject8$f;
18418
18422
  var Container$f = styled__default.div(_templateObject$X || (_templateObject$X = _taggedTemplateLiteralLoose(["\n width: 100%;\n max-height: 100%;\n position: absolute;\n padding: 14px;\n"])));
18419
18423
  var HeaderLine$3 = styled__default.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) {
18420
18424
  return props.height;
@@ -18423,7 +18427,7 @@ var HeaderLine$3 = styled__default.div(_templateObject2$H || (_templateObject2$H
18423
18427
  }, function (props) {
18424
18428
  return props.size === 'small' && styled.css(_templateObject4$n || (_templateObject4$n = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
18425
18429
  }, function (props) {
18426
- return props.size === 'medium' && styled.css(_templateObject5$k || (_templateObject5$k = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
18430
+ return props.size === 'medium' && styled.css(_templateObject5$l || (_templateObject5$l = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
18427
18431
  }, function (props) {
18428
18432
  return props.size === 'large' && styled.css(_templateObject6$i || (_templateObject6$i = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
18429
18433
  });
@@ -18481,7 +18485,7 @@ var Template4 = function Template4(props) {
18481
18485
  }));
18482
18486
  };
18483
18487
 
18484
- var _templateObject$Y, _templateObject2$I, _templateObject3$B, _templateObject4$o, _templateObject5$l, _templateObject6$j, _templateObject7$j, _templateObject8$g, _templateObject9$e;
18488
+ var _templateObject$Y, _templateObject2$I, _templateObject3$B, _templateObject4$o, _templateObject5$m, _templateObject6$j, _templateObject7$j, _templateObject8$g, _templateObject9$e;
18485
18489
  var Container$g = styled__default.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"])));
18486
18490
  var Circle = styled__default.div(_templateObject2$I || (_templateObject2$I = _taggedTemplateLiteralLoose(["\n width: 141px;\n height: 141px;\n background-color: #dddedf;\n border-radius: 50%;\n"])));
18487
18491
  var HeaderLine$4 = styled__default.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) {
@@ -18489,7 +18493,7 @@ var HeaderLine$4 = styled__default.div(_templateObject3$B || (_templateObject3$B
18489
18493
  }, function (props) {
18490
18494
  return props.size === 'mini' && styled.css(_templateObject4$o || (_templateObject4$o = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
18491
18495
  }, function (props) {
18492
- return props.size === 'small' && styled.css(_templateObject5$l || (_templateObject5$l = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
18496
+ return props.size === 'small' && styled.css(_templateObject5$m || (_templateObject5$m = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
18493
18497
  }, function (props) {
18494
18498
  return props.size === 'medium' && styled.css(_templateObject6$j || (_templateObject6$j = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
18495
18499
  }, function (props) {
@@ -18529,14 +18533,14 @@ var Template5 = function Template5(props) {
18529
18533
  })));
18530
18534
  };
18531
18535
 
18532
- var _templateObject$Z, _templateObject2$J, _templateObject3$C, _templateObject4$p, _templateObject5$m, _templateObject6$k, _templateObject7$k, _templateObject8$h, _templateObject9$f;
18536
+ var _templateObject$Z, _templateObject2$J, _templateObject3$C, _templateObject4$p, _templateObject5$n, _templateObject6$k, _templateObject7$k, _templateObject8$h, _templateObject9$f;
18533
18537
  var Container$h = styled__default.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"])));
18534
18538
  var Header$8 = styled__default.div(_templateObject2$J || (_templateObject2$J = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding: 14px;\n"])));
18535
18539
  var Footer$3 = styled__default.div(_templateObject3$C || (_templateObject3$C = _taggedTemplateLiteralLoose(["\n width: 100%;\n border-top: 1px solid #b1b1b3;\n height: 50px;\n"])));
18536
18540
  var HeaderLine$5 = styled__default.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) {
18537
18541
  return props.height;
18538
18542
  }, function (props) {
18539
- return props.size === 'mini' && styled.css(_templateObject5$m || (_templateObject5$m = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
18543
+ return props.size === 'mini' && styled.css(_templateObject5$n || (_templateObject5$n = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
18540
18544
  }, function (props) {
18541
18545
  return props.size === 'small' && styled.css(_templateObject6$k || (_templateObject6$k = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
18542
18546
  }, function (props) {
@@ -18572,7 +18576,7 @@ var Template6 = function Template6(props) {
18572
18576
  })));
18573
18577
  };
18574
18578
 
18575
- var _templateObject$_, _templateObject2$K, _templateObject3$D, _templateObject4$q, _templateObject5$n, _templateObject6$l, _templateObject7$l, _templateObject8$i, _templateObject9$g, _templateObject10$d;
18579
+ var _templateObject$_, _templateObject2$K, _templateObject3$D, _templateObject4$q, _templateObject5$o, _templateObject6$l, _templateObject7$l, _templateObject8$i, _templateObject9$g, _templateObject10$d;
18576
18580
  var Container$i = styled__default.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"])));
18577
18581
  var Header$9 = styled__default.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"])));
18578
18582
  var HeaderLine$6 = styled__default.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) {
@@ -18580,7 +18584,7 @@ var HeaderLine$6 = styled__default.div(_templateObject3$D || (_templateObject3$D
18580
18584
  }, function (props) {
18581
18585
  return props.size === 'mini' && styled.css(_templateObject4$q || (_templateObject4$q = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
18582
18586
  }, function (props) {
18583
- return props.size === 'small' && styled.css(_templateObject5$n || (_templateObject5$n = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
18587
+ return props.size === 'small' && styled.css(_templateObject5$o || (_templateObject5$o = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
18584
18588
  }, function (props) {
18585
18589
  return props.size === 'medium' && styled.css(_templateObject6$l || (_templateObject6$l = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
18586
18590
  }, function (props) {
@@ -18606,7 +18610,7 @@ var Template7 = function Template7(props) {
18606
18610
  })), 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)));
18607
18611
  };
18608
18612
 
18609
- var _templateObject$$, _templateObject2$L, _templateObject3$E, _templateObject4$r, _templateObject5$o, _templateObject6$m, _templateObject7$m, _templateObject8$j, _templateObject9$h;
18613
+ var _templateObject$$, _templateObject2$L, _templateObject3$E, _templateObject4$r, _templateObject5$p, _templateObject6$m, _templateObject7$m, _templateObject8$j, _templateObject9$h;
18610
18614
  var Container$j = styled__default.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"])));
18611
18615
  var Header$a = styled__default.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"])));
18612
18616
  var HeaderLine$7 = styled__default.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) {
@@ -18614,7 +18618,7 @@ var HeaderLine$7 = styled__default.div(_templateObject3$E || (_templateObject3$E
18614
18618
  }, function (props) {
18615
18619
  return props.size === 'mini' && styled.css(_templateObject4$r || (_templateObject4$r = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
18616
18620
  }, function (props) {
18617
- return props.size === 'small' && styled.css(_templateObject5$o || (_templateObject5$o = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
18621
+ return props.size === 'small' && styled.css(_templateObject5$p || (_templateObject5$p = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
18618
18622
  }, function (props) {
18619
18623
  return props.size === 'medium' && styled.css(_templateObject6$m || (_templateObject6$m = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
18620
18624
  }, function (props) {
@@ -18649,7 +18653,7 @@ var Template8 = function Template8(props) {
18649
18653
  })));
18650
18654
  };
18651
18655
 
18652
- var _templateObject$10, _templateObject2$M, _templateObject3$F, _templateObject4$s, _templateObject5$p, _templateObject6$n, _templateObject7$n, _templateObject8$k, _templateObject9$i, _templateObject10$e;
18656
+ var _templateObject$10, _templateObject2$M, _templateObject3$F, _templateObject4$s, _templateObject5$q, _templateObject6$n, _templateObject7$n, _templateObject8$k, _templateObject9$i, _templateObject10$e;
18653
18657
  var Container$k = styled__default.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"])));
18654
18658
  var Header$b = styled__default.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"])));
18655
18659
  var HeaderLine$8 = styled__default.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) {
@@ -18657,7 +18661,7 @@ var HeaderLine$8 = styled__default.div(_templateObject3$F || (_templateObject3$F
18657
18661
  }, function (props) {
18658
18662
  return props.size === 'mini' && styled.css(_templateObject4$s || (_templateObject4$s = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
18659
18663
  }, function (props) {
18660
- return props.size === 'small' && styled.css(_templateObject5$p || (_templateObject5$p = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
18664
+ return props.size === 'small' && styled.css(_templateObject5$q || (_templateObject5$q = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
18661
18665
  }, function (props) {
18662
18666
  return props.size === 'medium' && styled.css(_templateObject6$n || (_templateObject6$n = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
18663
18667
  }, function (props) {
@@ -18688,7 +18692,7 @@ var Template8$1 = function Template8(props) {
18688
18692
  })), React__default.createElement(Main$4, null, React__default.createElement(Circle$2, null)));
18689
18693
  };
18690
18694
 
18691
- var _templateObject$11, _templateObject2$N, _templateObject3$G, _templateObject4$t, _templateObject5$q, _templateObject6$o, _templateObject7$o, _templateObject8$l, _templateObject9$j, _templateObject10$f, _templateObject11$6;
18695
+ var _templateObject$11, _templateObject2$N, _templateObject3$G, _templateObject4$t, _templateObject5$r, _templateObject6$o, _templateObject7$o, _templateObject8$l, _templateObject9$j, _templateObject10$f, _templateObject11$6;
18692
18696
  var Container$l = styled__default.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"])));
18693
18697
  var Header$c = styled__default.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"])));
18694
18698
  var HeaderLine$9 = styled__default.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) {
@@ -18696,7 +18700,7 @@ var HeaderLine$9 = styled__default.div(_templateObject3$G || (_templateObject3$G
18696
18700
  }, function (props) {
18697
18701
  return props.size === 'mini' && styled.css(_templateObject4$t || (_templateObject4$t = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
18698
18702
  }, function (props) {
18699
- return props.size === 'small' && styled.css(_templateObject5$q || (_templateObject5$q = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
18703
+ return props.size === 'small' && styled.css(_templateObject5$r || (_templateObject5$r = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
18700
18704
  }, function (props) {
18701
18705
  return props.size === 'medium' && styled.css(_templateObject6$o || (_templateObject6$o = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
18702
18706
  }, function (props) {
@@ -18832,7 +18836,7 @@ var Placeholder = function Placeholder(props) {
18832
18836
  }
18833
18837
  };
18834
18838
 
18835
- var _templateObject$12, _templateObject2$O, _templateObject3$H, _templateObject4$u, _templateObject5$r, _templateObject6$p, _templateObject7$p;
18839
+ var _templateObject$12, _templateObject2$O, _templateObject3$H, _templateObject4$u, _templateObject5$s, _templateObject6$p, _templateObject7$p;
18836
18840
  var Container$m = styled__default.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"])));
18837
18841
  var Progress = styled__default.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) {
18838
18842
  return props.value + "%";
@@ -18847,7 +18851,7 @@ var Progress = styled__default.div(_templateObject2$O || (_templateObject2$O = _
18847
18851
  return theme.colors.blue;
18848
18852
  });
18849
18853
  }, function (props) {
18850
- return props.type === 'danger' && styled.css(_templateObject5$r || (_templateObject5$r = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n "])), function (_ref3) {
18854
+ return props.type === 'danger' && styled.css(_templateObject5$s || (_templateObject5$s = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n "])), function (_ref3) {
18851
18855
  var theme = _ref3.theme;
18852
18856
  return theme.colors.warningRed;
18853
18857
  });
@@ -18867,7 +18871,7 @@ var ProgressBar = function ProgressBar(props) {
18867
18871
  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', "%"));
18868
18872
  };
18869
18873
 
18870
- var _templateObject$13, _templateObject2$P, _templateObject3$I, _templateObject4$v, _templateObject5$s, _templateObject6$q, _templateObject7$q, _templateObject8$m;
18874
+ var _templateObject$13, _templateObject2$P, _templateObject3$I, _templateObject4$v, _templateObject5$t, _templateObject6$q, _templateObject7$q, _templateObject8$m;
18871
18875
  var Container$n = styled__default.div(_templateObject$13 || (_templateObject$13 = _taggedTemplateLiteralLoose(["\n display: block;\n"])));
18872
18876
  var delimiters = {
18873
18877
  blue: ['blue'],
@@ -18907,7 +18911,7 @@ var Tabs = styled__default.ul(_templateObject2$P || (_templateObject2$P = _tagge
18907
18911
  internal = _ref3.$internal;
18908
18912
  return internal ? theme.spacings.s6 : 0;
18909
18913
  });
18910
- var Tab = styled__default.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) {
18914
+ var Tab = styled__default.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) {
18911
18915
  var theme = _ref4.theme,
18912
18916
  active = _ref4.$active,
18913
18917
  internal = _ref4.$internal;
@@ -19055,7 +19059,7 @@ var TextArea = function TextArea(props) {
19055
19059
  return React__default.createElement(Container$o, Object.assign({}, props));
19056
19060
  };
19057
19061
 
19058
- var _templateObject$15, _templateObject2$Q, _templateObject3$J, _templateObject4$w, _templateObject5$t, _templateObject6$r;
19062
+ var _templateObject$15, _templateObject2$Q, _templateObject3$J, _templateObject4$w, _templateObject5$u, _templateObject6$r;
19059
19063
  var Container$p = styled__default.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) {
19060
19064
  return props.size === 'large' ? '837px' : '460px';
19061
19065
  }, function (props) {
@@ -19065,7 +19069,7 @@ var Container$p = styled__default.div(_templateObject$15 || (_templateObject$15
19065
19069
  }, function (props) {
19066
19070
  return props.color === 'warning' && styled.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 "])));
19067
19071
  });
19068
- var IconContainer$2 = styled__default.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"])));
19072
+ var IconContainer$2 = styled__default.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"])));
19069
19073
  var IconContent = styled__default.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"])));
19070
19074
 
19071
19075
  var Toast = function Toast(props) {
@@ -19078,7 +19082,7 @@ var Toast = function Toast(props) {
19078
19082
  })), React__default.createElement(IconContent, null, React__default.createElement("h4", null, props.title), React__default.createElement("p", null, " ", props.description)));
19079
19083
  };
19080
19084
 
19081
- var _templateObject$16, _templateObject2$R, _templateObject3$K, _templateObject4$x, _templateObject5$u;
19085
+ var _templateObject$16, _templateObject2$R, _templateObject3$K, _templateObject4$x, _templateObject5$v;
19082
19086
  var Image = styled__default.img(_templateObject$16 || (_templateObject$16 = _taggedTemplateLiteralLoose(["\n max-width: 100%;\n max-height: 100%;\n"])));
19083
19087
  var Container$q = styled__default.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) {
19084
19088
  var width = _ref.width;
@@ -19115,7 +19119,7 @@ var Button$6 = styled__default(Button$1)(_templateObject4$x || (_templateObject4
19115
19119
  var theme = _ref4.theme;
19116
19120
  return theme.getColor('white', 50);
19117
19121
  });
19118
- var ModalContent = styled__default.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"])));
19122
+ var ModalContent = styled__default.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"])));
19119
19123
 
19120
19124
  var _excluded$3 = ["src", "defaultClickOptions"];
19121
19125