@mw-kit/mw-ui 1.7.67 → 1.7.69
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.
- package/dist/components/ScrollContainer/interfaces.d.ts +2 -0
- package/dist/index.js +128 -115
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +128 -115
- package/dist/index.modern.js.map +1 -1
- package/package.json +1 -1
package/dist/index.modern.js
CHANGED
|
@@ -12651,7 +12651,7 @@ var inputTimeWidth = {
|
|
|
12651
12651
|
};
|
|
12652
12652
|
|
|
12653
12653
|
var _templateObject$7, _templateObject2$7, _templateObject3$7;
|
|
12654
|
-
var BeforeAfterContainer = styled.div(_templateObject$7 || (_templateObject$7 = _taggedTemplateLiteralLoose(["\n ", "\n\n ", "\n\n display: flex;\n flex-direction: column;\n"])), function (_ref) {
|
|
12654
|
+
var BeforeAfterContainer = styled.div(_templateObject$7 || (_templateObject$7 = _taggedTemplateLiteralLoose(["\n ", "\n\n ", "\n\n display: flex;\n flex-direction: column;\n\n position: relative;\n\n :after {\n content: '';\n width: ", ";\n height: 100%;\n\n position: absolute;\n top: 0;\n left: 100%;\n }\n"])), function (_ref) {
|
|
12655
12655
|
var theme = _ref.theme,
|
|
12656
12656
|
fluid = _ref.$fluid,
|
|
12657
12657
|
spacing = _ref.$spacing;
|
|
@@ -12668,7 +12668,11 @@ var BeforeAfterContainer = styled.div(_templateObject$7 || (_templateObject$7 =
|
|
|
12668
12668
|
background = _ref2.$background;
|
|
12669
12669
|
if (!background) return;
|
|
12670
12670
|
var args = Array.isArray(background) ? background : [background];
|
|
12671
|
-
|
|
12671
|
+
var value = theme.getColor.apply(theme, args);
|
|
12672
|
+
return css(_templateObject3$7 || (_templateObject3$7 = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n :after {\n background-color: ", ";\n }\n "])), value, value);
|
|
12673
|
+
}, function (_ref3) {
|
|
12674
|
+
var theme = _ref3.theme;
|
|
12675
|
+
return "calc(" + theme.spacings.s1 + " * .5)";
|
|
12672
12676
|
});
|
|
12673
12677
|
|
|
12674
12678
|
var _templateObject$8;
|
|
@@ -12680,10 +12684,16 @@ var Container$1 = styled.div(_templateObject$8 || (_templateObject$8 = _taggedTe
|
|
|
12680
12684
|
return theme.spacings.s1;
|
|
12681
12685
|
});
|
|
12682
12686
|
|
|
12683
|
-
var _templateObject$9, _templateObject2$8;
|
|
12684
|
-
var OverflowContainer = styled.div(_templateObject$9 || (_templateObject$9 = _taggedTemplateLiteralLoose(["\n overflow-y: scroll;\n overflow-y: overlay;\n width: 100%;\n position: relative;\n\n
|
|
12685
|
-
var height = _ref.$height
|
|
12686
|
-
|
|
12687
|
+
var _templateObject$9, _templateObject2$8, _templateObject3$8, _templateObject4$5;
|
|
12688
|
+
var OverflowContainer = styled.div(_templateObject$9 || (_templateObject$9 = _taggedTemplateLiteralLoose(["\n overflow-y: scroll;\n overflow-y: overlay;\n width: 100%;\n position: relative;\n\n flex: 1;\n display: flex;\n flex-direction: column;\n\n ", ";\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 (_ref) {
|
|
12689
|
+
var height = _ref.$height,
|
|
12690
|
+
maxHeight = _ref.$maxHeight;
|
|
12691
|
+
|
|
12692
|
+
if (height) {
|
|
12693
|
+
return css(_templateObject2$8 || (_templateObject2$8 = _taggedTemplateLiteralLoose(["\n min-height: ", ";\n max-height: ", ";\n "])), height, maxHeight || height);
|
|
12694
|
+
}
|
|
12695
|
+
|
|
12696
|
+
return css(_templateObject3$8 || (_templateObject3$8 = _taggedTemplateLiteralLoose(["\n max-height: ", ";\n "])), maxHeight || '100%');
|
|
12687
12697
|
}, function (_ref2) {
|
|
12688
12698
|
var theme = _ref2.theme;
|
|
12689
12699
|
return theme.colors.grey + " " + theme.colors.white;
|
|
@@ -12697,7 +12707,7 @@ var OverflowContainer = styled.div(_templateObject$9 || (_templateObject$9 = _ta
|
|
|
12697
12707
|
var spacing = _ref5.$spacing,
|
|
12698
12708
|
theme = _ref5.theme;
|
|
12699
12709
|
var value = getSpacings(spacing || '0', '0').split(' ');
|
|
12700
|
-
return css(
|
|
12710
|
+
return css(_templateObject4$5 || (_templateObject4$5 = _taggedTemplateLiteralLoose(["\n padding: ", " calc(", " * 1.5) ", "\n ", ";\n "])), value[0], theme.spacings.s1, value[2], value[3]);
|
|
12701
12711
|
});
|
|
12702
12712
|
|
|
12703
12713
|
var _templateObject$a;
|
|
@@ -12748,11 +12758,12 @@ var ScrollContainer = React__default.forwardRef(function (props, ref) {
|
|
|
12748
12758
|
|
|
12749
12759
|
var _onScroll = props.onScroll || function () {};
|
|
12750
12760
|
|
|
12751
|
-
var htmlProps = filterObject(props, ['onScrollEnd', 'before', 'after', 'loading', 'height', 'spacing', 'empty'], {
|
|
12761
|
+
var htmlProps = filterObject(props, ['onScrollEnd', 'before', 'after', 'loading', 'height', 'maxHeight', 'spacing', 'empty'], {
|
|
12752
12762
|
$height: props.height,
|
|
12763
|
+
$maxHeight: props.maxHeight,
|
|
12753
12764
|
$spacing: props.spacing
|
|
12754
12765
|
});
|
|
12755
|
-
return React__default.createElement(Container$1, null, getBeforeAfter(props.before), React__default.createElement(RelativeContainer, null,
|
|
12766
|
+
return React__default.createElement(Container$1, null, getBeforeAfter(props.before), React__default.createElement(RelativeContainer, null, React__default.createElement(OverflowContainer, Object.assign({
|
|
12756
12767
|
ref: ref
|
|
12757
12768
|
}, htmlProps, {
|
|
12758
12769
|
onScroll: function onScroll(event) {
|
|
@@ -12760,13 +12771,15 @@ var ScrollContainer = React__default.forwardRef(function (props, ref) {
|
|
|
12760
12771
|
|
|
12761
12772
|
_onScroll2(event);
|
|
12762
12773
|
}
|
|
12763
|
-
}
|
|
12774
|
+
}, props.empty && props.empty.empty ? {
|
|
12775
|
+
children: props.empty.content
|
|
12776
|
+
} : {})), loading && React__default.createElement(Loader, {
|
|
12764
12777
|
filled: true
|
|
12765
12778
|
})), getBeforeAfter(props.after));
|
|
12766
12779
|
});
|
|
12767
12780
|
ScrollContainer.displayName = 'ScrollContainer';
|
|
12768
12781
|
|
|
12769
|
-
var _templateObject$b, _templateObject2$9, _templateObject3$
|
|
12782
|
+
var _templateObject$b, _templateObject2$9, _templateObject3$9, _templateObject4$6, _templateObject5$5, _templateObject6$4, _templateObject7$4, _templateObject8$3, _templateObject9$3, _templateObject10$3;
|
|
12770
12783
|
var Option = styled.div(_templateObject$b || (_templateObject$b = _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) {
|
|
12771
12784
|
var theme = _ref.theme;
|
|
12772
12785
|
return theme.useTypography('p');
|
|
@@ -12786,7 +12799,7 @@ var Option = styled.div(_templateObject$b || (_templateObject$b = _taggedTemplat
|
|
|
12786
12799
|
return css(_templateObject2$9 || (_templateObject2$9 = _taggedTemplateLiteralLoose(["\n cursor: pointer;\n "])));
|
|
12787
12800
|
}
|
|
12788
12801
|
|
|
12789
|
-
return css(_templateObject3$
|
|
12802
|
+
return css(_templateObject3$9 || (_templateObject3$9 = _taggedTemplateLiteralLoose(["\n pointer-events: none;\n opacity: 0.3;\n "])));
|
|
12790
12803
|
}, function (_ref6) {
|
|
12791
12804
|
var border = _ref6.border,
|
|
12792
12805
|
theme = _ref6.theme;
|
|
@@ -12799,7 +12812,7 @@ var Option = styled.div(_templateObject$b || (_templateObject$b = _taggedTemplat
|
|
|
12799
12812
|
var width = cfg.width || '1px';
|
|
12800
12813
|
var style = cfg.style || 'solid';
|
|
12801
12814
|
var color = isKeyOf(theme.colors, cfg.color) ? theme.colors[cfg.color] : cfg.color;
|
|
12802
|
-
return css(_templateObject4$
|
|
12815
|
+
return css(_templateObject4$6 || (_templateObject4$6 = _taggedTemplateLiteralLoose(["\n border-", "-width: ", ";\n border-", "-style: ", ";\n border-", "-color: ", ";\n "])), pos, width, pos, style, pos, color);
|
|
12803
12816
|
});
|
|
12804
12817
|
}, function (_ref7) {
|
|
12805
12818
|
var theme = _ref7.theme;
|
|
@@ -12944,7 +12957,7 @@ var MenuComponent = function MenuComponent(props, ref) {
|
|
|
12944
12957
|
|
|
12945
12958
|
var Menu = React__default.forwardRef(MenuComponent);
|
|
12946
12959
|
|
|
12947
|
-
var _templateObject$c, _templateObject2$a, _templateObject3$
|
|
12960
|
+
var _templateObject$c, _templateObject2$a, _templateObject3$a, _templateObject4$7, _templateObject5$6, _templateObject6$5, _templateObject7$5, _templateObject8$4, _templateObject9$4, _templateObject10$4;
|
|
12948
12961
|
var Container$3 = styled.div(_templateObject$c || (_templateObject$c = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: ", ";\n background-color: ", ";\n position: relative;\n\n ", ";\n"])), function (_ref) {
|
|
12949
12962
|
var theme = _ref.theme;
|
|
12950
12963
|
return theme.spacings.s3;
|
|
@@ -12958,14 +12971,14 @@ var Container$3 = styled.div(_templateObject$c || (_templateObject$c = _taggedTe
|
|
|
12958
12971
|
var s3 = theme.spacings.s3;
|
|
12959
12972
|
return css(_templateObject2$a || (_templateObject2$a = _taggedTemplateLiteralLoose(["\n padding-top: ", ";\n padding-bottom: ", ";\n :first-child {\n padding-left: ", ";\n }\n :last-child {\n padding-right: ", ";\n }\n "])), s3, s3, s3, s3);
|
|
12960
12973
|
});
|
|
12961
|
-
var LabelContainer = styled.div(_templateObject3$
|
|
12974
|
+
var LabelContainer = styled.div(_templateObject3$a || (_templateObject3$a = _taggedTemplateLiteralLoose(["\n ", ";\n line-height: ", ";\n"])), function (_ref4) {
|
|
12962
12975
|
var theme = _ref4.theme;
|
|
12963
12976
|
return theme.useTypography('p');
|
|
12964
12977
|
}, function (_ref5) {
|
|
12965
12978
|
var theme = _ref5.theme;
|
|
12966
12979
|
return theme.spacings.s3;
|
|
12967
12980
|
});
|
|
12968
|
-
var CalendarContainer = styled.div(_templateObject4$
|
|
12981
|
+
var CalendarContainer = styled.div(_templateObject4$7 || (_templateObject4$7 = _taggedTemplateLiteralLoose(["\n border: 1px solid ", ";\n"])), function (_ref6) {
|
|
12969
12982
|
var theme = _ref6.theme;
|
|
12970
12983
|
return theme.colors.lightestGrey;
|
|
12971
12984
|
});
|
|
@@ -13105,7 +13118,7 @@ var Indicator = function Indicator(props) {
|
|
|
13105
13118
|
}, props)));
|
|
13106
13119
|
};
|
|
13107
13120
|
|
|
13108
|
-
var _templateObject$e, _templateObject2$c, _templateObject3$
|
|
13121
|
+
var _templateObject$e, _templateObject2$c, _templateObject3$b, _templateObject4$8, _templateObject5$7, _templateObject6$6, _templateObject7$6, _templateObject8$5, _templateObject9$5, _templateObject10$5, _templateObject11$2;
|
|
13109
13122
|
var Footer = styled.div(_templateObject$e || (_templateObject$e = _taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n\n > button:last-child {\n margin-left: auto;\n }\n"])));
|
|
13110
13123
|
var WeekContainer = styled.div(_templateObject2$c || (_templateObject2$c = _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) {
|
|
13111
13124
|
var theme = _ref.theme;
|
|
@@ -13126,11 +13139,11 @@ var WeekContainer = styled.div(_templateObject2$c || (_templateObject2$c = _tagg
|
|
|
13126
13139
|
var theme = _ref6.theme;
|
|
13127
13140
|
return theme.colors.lightestGrey;
|
|
13128
13141
|
});
|
|
13129
|
-
var Header = styled.div(_templateObject3$
|
|
13142
|
+
var Header = styled.div(_templateObject3$b || (_templateObject3$b = _taggedTemplateLiteralLoose(["\n width: 100%;\n\n background-color: ", ";\n font-weight: bolder;\n\n > ", " {\n border-top: none;\n > * {\n border-right-color: transparent;\n }\n }\n"])), function (_ref7) {
|
|
13130
13143
|
var theme = _ref7.theme;
|
|
13131
13144
|
return theme.getColor('lightestGrey', 40);
|
|
13132
13145
|
}, WeekContainer);
|
|
13133
|
-
var DayContainer = styled.button(_templateObject4$
|
|
13146
|
+
var DayContainer = styled.button(_templateObject4$8 || (_templateObject4$8 = _taggedTemplateLiteralLoose(["\n position: relative;\n overflow: hidden;\n\n ", ";\n\n :disabled {\n color: ", ";\n }\n\n &,\n :after {\n transition-property: background-color, color, border-color;\n transition-timing-function: ease-in-out;\n transition-duration: 0.25s;\n }\n\n ", "\n"])), function (_ref8) {
|
|
13134
13147
|
var theme = _ref8.theme,
|
|
13135
13148
|
appearance = _ref8.appearance,
|
|
13136
13149
|
activeColor = _ref8.activeColor,
|
|
@@ -13765,7 +13778,7 @@ var getTimeProps = function getTimeProps(time, value) {
|
|
|
13765
13778
|
});
|
|
13766
13779
|
};
|
|
13767
13780
|
|
|
13768
|
-
var _templateObject$h, _templateObject2$d, _templateObject3$
|
|
13781
|
+
var _templateObject$h, _templateObject2$d, _templateObject3$c, _templateObject4$9, _templateObject5$8, _templateObject6$7, _templateObject7$7, _templateObject8$6, _templateObject9$6, _templateObject10$6;
|
|
13769
13782
|
var Button = styled.button(_templateObject$h || (_templateObject$h = _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) {
|
|
13770
13783
|
var theme = _ref.theme,
|
|
13771
13784
|
appearance = _ref.appearance;
|
|
@@ -13784,7 +13797,7 @@ var Button = styled.button(_templateObject$h || (_templateObject$h = _taggedTemp
|
|
|
13784
13797
|
theme = _ref4.theme;
|
|
13785
13798
|
var bgColor = ['bordered', 'link', 'borderless'].includes(appearance) ? 'transparent' : theme.getColor(color || 'blue');
|
|
13786
13799
|
var borderColor = appearance !== 'bordered' ? bgColor : theme.getColor(color || 'blue');
|
|
13787
|
-
return css(_templateObject3$
|
|
13800
|
+
return css(_templateObject3$c || (_templateObject3$c = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n border: 1px solid ", ";\n "])), bgColor, borderColor);
|
|
13788
13801
|
}, function (_ref5) {
|
|
13789
13802
|
var appearance = _ref5.appearance,
|
|
13790
13803
|
color = _ref5.color,
|
|
@@ -13811,7 +13824,7 @@ var Button = styled.button(_templateObject$h || (_templateObject$h = _taggedTemp
|
|
|
13811
13824
|
theme = _ref7.theme;
|
|
13812
13825
|
|
|
13813
13826
|
if (appearance === 'bordered') {
|
|
13814
|
-
return css(_templateObject4$
|
|
13827
|
+
return css(_templateObject4$9 || (_templateObject4$9 = _taggedTemplateLiteralLoose(["\n color: ", ";\n border: 1px solid ", ";\n "])), theme.getColor(color || 'blue', 70), theme.getColor(color || 'blue', 70));
|
|
13815
13828
|
} else if (['link', 'borderless'].includes(appearance)) {
|
|
13816
13829
|
return css(_templateObject5$8 || (_templateObject5$8 = _taggedTemplateLiteralLoose(["\n color: ", ";\n "])), theme.colors.blue);
|
|
13817
13830
|
}
|
|
@@ -14620,7 +14633,7 @@ var Footer$1 = function Footer() {
|
|
|
14620
14633
|
});
|
|
14621
14634
|
};
|
|
14622
14635
|
|
|
14623
|
-
var _templateObject$m, _templateObject2$g, _templateObject3$
|
|
14636
|
+
var _templateObject$m, _templateObject2$g, _templateObject3$d, _templateObject4$a;
|
|
14624
14637
|
var Link = styled.div(_templateObject$m || (_templateObject$m = _taggedTemplateLiteralLoose(["\n ", "\n\n color: ", ";\n\n ", "\n"])), function (_ref) {
|
|
14625
14638
|
var size = _ref.size;
|
|
14626
14639
|
var _sizes = sizes$1[size || 'small'],
|
|
@@ -14639,17 +14652,17 @@ var Link = styled.div(_templateObject$m || (_templateObject$m = _taggedTemplateL
|
|
|
14639
14652
|
disabled = _ref3.disabled,
|
|
14640
14653
|
theme = _ref3.theme,
|
|
14641
14654
|
colorSetting = _ref3.colorSetting;
|
|
14642
|
-
return disabled ? css(_templateObject3$
|
|
14655
|
+
return disabled ? css(_templateObject3$d || (_templateObject3$d = _taggedTemplateLiteralLoose(["\n opacity: 0.5;\n "]))) : onClick ? css(_templateObject4$a || (_templateObject4$a = _taggedTemplateLiteralLoose(["\n cursor: pointer;\n :hover {\n color: ", ";\n }\n "])), theme.colors[_extends({
|
|
14643
14656
|
hover: 'blue'
|
|
14644
14657
|
}, colorSetting && typeof colorSetting !== 'string' ? colorSetting : {}).hover]) : null;
|
|
14645
14658
|
});
|
|
14646
14659
|
|
|
14647
|
-
var _templateObject$n, _templateObject2$h, _templateObject3$
|
|
14660
|
+
var _templateObject$n, _templateObject2$h, _templateObject3$e;
|
|
14648
14661
|
var HeaderContainer$1 = styled.div(_templateObject$n || (_templateObject$n = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
|
|
14649
14662
|
var theme = _ref.theme;
|
|
14650
14663
|
return css(_templateObject2$h || (_templateObject2$h = _taggedTemplateLiteralLoose(["\n padding: ", " 0 ", " ", ";\n "])), theme.spacings.s3, theme.spacings.s1, theme.spacings.s3);
|
|
14651
14664
|
});
|
|
14652
|
-
var SelectAllContainer = styled.div(_templateObject3$
|
|
14665
|
+
var SelectAllContainer = styled.div(_templateObject3$e || (_templateObject3$e = _taggedTemplateLiteralLoose(["\n margin-bottom: ", ";\n display: flex;\n justify-content: space-between;\n"])), function (_ref2) {
|
|
14653
14666
|
var theme = _ref2.theme;
|
|
14654
14667
|
return theme.spacings.s1;
|
|
14655
14668
|
});
|
|
@@ -14818,12 +14831,12 @@ var useSelectMultiple = function useSelectMultiple(props) {
|
|
|
14818
14831
|
return returnData;
|
|
14819
14832
|
};
|
|
14820
14833
|
|
|
14821
|
-
var _templateObject$o, _templateObject2$i, _templateObject3$
|
|
14834
|
+
var _templateObject$o, _templateObject2$i, _templateObject3$f;
|
|
14822
14835
|
var RelativeContainer$2 = styled.div(_templateObject$o || (_templateObject$o = _taggedTemplateLiteralLoose(["\n position: relative;\n ", ";\n"])), function (_ref) {
|
|
14823
14836
|
var width = _ref.width;
|
|
14824
14837
|
return !width ? null : css(_templateObject2$i || (_templateObject2$i = _taggedTemplateLiteralLoose(["\n width: ", ";\n "])), width);
|
|
14825
14838
|
});
|
|
14826
|
-
var EmptyContentContainer = styled.div(_templateObject3$
|
|
14839
|
+
var EmptyContentContainer = styled.div(_templateObject3$f || (_templateObject3$f = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: center;\n padding: ", ";\n"])), function (_ref2) {
|
|
14827
14840
|
var theme = _ref2.theme;
|
|
14828
14841
|
return theme.spacings.s3;
|
|
14829
14842
|
});
|
|
@@ -15228,10 +15241,10 @@ var countries = {
|
|
|
15228
15241
|
}
|
|
15229
15242
|
};
|
|
15230
15243
|
|
|
15231
|
-
var _templateObject$q, _templateObject2$k, _templateObject3$
|
|
15244
|
+
var _templateObject$q, _templateObject2$k, _templateObject3$g;
|
|
15232
15245
|
var IconContainer$1 = styled.div(_templateObject$q || (_templateObject$q = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n\n > i.icon {\n margin-top: -1px;\n }\n"])));
|
|
15233
15246
|
var RelativeContainer$3 = styled.div(_templateObject2$k || (_templateObject2$k = _taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
15234
|
-
var Label$3 = styled.div(_templateObject3$
|
|
15247
|
+
var Label$3 = styled.div(_templateObject3$g || (_templateObject3$g = _taggedTemplateLiteralLoose(["\n ", "\n\n color: ", ";\n\n display: flex;\n gap: ", ";\n\n > span {\n color: ", ";\n }\n"])), function (_ref) {
|
|
15235
15248
|
var theme = _ref.theme;
|
|
15236
15249
|
return theme.useTypography('p');
|
|
15237
15250
|
}, function (_ref2) {
|
|
@@ -15411,7 +15424,7 @@ var Phone = Object.assign(Component, {
|
|
|
15411
15424
|
getPhoneDetails: getPhoneDetails
|
|
15412
15425
|
});
|
|
15413
15426
|
|
|
15414
|
-
var _templateObject$r, _templateObject2$l, _templateObject3$
|
|
15427
|
+
var _templateObject$r, _templateObject2$l, _templateObject3$h, _templateObject4$b, _templateObject5$9, _templateObject6$8, _templateObject7$8, _templateObject8$7, _templateObject9$7;
|
|
15415
15428
|
var RelativeContainer$4 = styled.div(_templateObject$r || (_templateObject$r = _taggedTemplateLiteralLoose(["\n position: relative;\n\n input {\n color: transparent;\n }\n"])));
|
|
15416
15429
|
var LabelContainer$2 = styled.div(_templateObject2$l || (_templateObject2$l = _taggedTemplateLiteralLoose(["\n ", "\n line-height: ", ";\n"])), function (_ref) {
|
|
15417
15430
|
var theme = _ref.theme;
|
|
@@ -15420,14 +15433,14 @@ var LabelContainer$2 = styled.div(_templateObject2$l || (_templateObject2$l = _t
|
|
|
15420
15433
|
var theme = _ref2.theme;
|
|
15421
15434
|
return theme.spacings.s3;
|
|
15422
15435
|
});
|
|
15423
|
-
var Container$5 = styled.div(_templateObject3$
|
|
15436
|
+
var Container$5 = styled.div(_templateObject3$h || (_templateObject3$h = _taggedTemplateLiteralLoose(["\n position: absolute;\n display: flex;\n justify-content: space-between;\n align-items: center;\n border-radius: 4px;\n\n ", "\n\n ", "\n\n ", "\n"])), function (_ref3) {
|
|
15424
15437
|
var theme = _ref3.theme,
|
|
15425
15438
|
iconWidth = _ref3.iconWidth,
|
|
15426
15439
|
paddingless = _ref3.paddingless;
|
|
15427
15440
|
var borderwidth = 1;
|
|
15428
15441
|
|
|
15429
15442
|
if (paddingless) {
|
|
15430
|
-
return css(_templateObject4$
|
|
15443
|
+
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);
|
|
15431
15444
|
}
|
|
15432
15445
|
|
|
15433
15446
|
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);
|
|
@@ -15561,7 +15574,7 @@ var DatePicker = React__default.forwardRef(function (props, ref) {
|
|
|
15561
15574
|
});
|
|
15562
15575
|
DatePicker.displayName = 'DatePicker';
|
|
15563
15576
|
|
|
15564
|
-
var _templateObject$s, _templateObject2$m, _templateObject3$
|
|
15577
|
+
var _templateObject$s, _templateObject2$m, _templateObject3$i, _templateObject4$c, _templateObject5$a, _templateObject6$9, _templateObject7$9;
|
|
15565
15578
|
var LabelContainer$3 = styled.div(_templateObject$s || (_templateObject$s = _taggedTemplateLiteralLoose(["\n ", "\n line-height: 14px;\n display: flex;\n align-items: center;\n\n ", "\n"])), function (_ref) {
|
|
15566
15579
|
var theme = _ref.theme;
|
|
15567
15580
|
return theme.useTypography('p');
|
|
@@ -15570,14 +15583,14 @@ var LabelContainer$3 = styled.div(_templateObject$s || (_templateObject$s = _tag
|
|
|
15570
15583
|
if (!required) return;
|
|
15571
15584
|
return css(_templateObject2$m || (_templateObject2$m = _taggedTemplateLiteralLoose(["\n :after {\n content: '*';\n }\n "])));
|
|
15572
15585
|
});
|
|
15573
|
-
var Label$4 = styled.label(_templateObject3$
|
|
15586
|
+
var Label$4 = styled.label(_templateObject3$i || (_templateObject3$i = _taggedTemplateLiteralLoose(["\n display: flex;\n gap: ", ";\n position: relative;\n align-items: center;\n\n ", "\n\n ", "\n\n > input {\n position: absolute;\n height: 0%;\n width: 0%;\n opacity: 0;\n }\n\n > span {\n position: relative;\n width: 50px;\n height: calc(", " + 1px);\n background-color: ", ";\n border-radius: 20px;\n transition-property: background-color;\n transition-duration: 0.4s;\n transition-timing-function: ease-in-out;\n box-sizing: content-box;\n :before {\n content: '';\n transition-property: left;\n transition-duration: 0.4s;\n transition-timing-function: ease-in-out;\n position: absolute;\n border-width: 1px;\n border-style: solid;\n border-radius: 100%;\n left: 0;\n box-shadow: 0px 1px 3px ", ";\n width: calc(", " - 1px);\n height: calc(", " - 1px);\n background-color: ", ";\n }\n }\n\n > input:checked + span {\n :before {\n left: calc(100% - ", " - 1px);\n }\n }\n"])), function (_ref3) {
|
|
15574
15587
|
var theme = _ref3.theme;
|
|
15575
15588
|
return theme.spacings.s1;
|
|
15576
15589
|
}, function (_ref4) {
|
|
15577
15590
|
var disabled = _ref4.disabled;
|
|
15578
15591
|
|
|
15579
15592
|
if (!disabled) {
|
|
15580
|
-
return css(_templateObject4$
|
|
15593
|
+
return css(_templateObject4$c || (_templateObject4$c = _taggedTemplateLiteralLoose(["\n > span {\n cursor: pointer;\n }\n "])));
|
|
15581
15594
|
}
|
|
15582
15595
|
|
|
15583
15596
|
return css(_templateObject5$a || (_templateObject5$a = _taggedTemplateLiteralLoose(["\n opacity: 0.5;\n "])));
|
|
@@ -15672,7 +15685,7 @@ var SelectedArea = styled.div(_templateObject$u || (_templateObject$u = _taggedT
|
|
|
15672
15685
|
return percent;
|
|
15673
15686
|
});
|
|
15674
15687
|
|
|
15675
|
-
var _templateObject$v, _templateObject2$o, _templateObject3$
|
|
15688
|
+
var _templateObject$v, _templateObject2$o, _templateObject3$j;
|
|
15676
15689
|
var InputContainer$1 = styled.div(_templateObject$v || (_templateObject$v = _taggedTemplateLiteralLoose(["\n flex: 1;\n display: flex;\n gap: 6px;\n\n > div {\n position: relative;\n }\n\n ", "\n"])), function (_ref) {
|
|
15677
15690
|
var theme = _ref.theme,
|
|
15678
15691
|
invalid = _ref.invalid;
|
|
@@ -15681,7 +15694,7 @@ var InputContainer$1 = styled.div(_templateObject$v || (_templateObject$v = _tag
|
|
|
15681
15694
|
return css(_templateObject2$o || (_templateObject2$o = _taggedTemplateLiteralLoose(["\n ", " > span {\n background-color: ", ";\n }\n\n ", " {\n /** firefox */\n ::-moz-range-thumb {\n border-color: ", ";\n }\n /** ie */\n ::-ms-thumb {\n border-color: ", ";\n }\n /** chrome */\n ::-webkit-slider-thumb {\n border-color: ", ";\n }\n }\n "])), SelectedArea, theme.colors.blue, Input$2, theme.colors.lightestGrey, theme.colors.lightestGrey, theme.colors.lightestGrey);
|
|
15682
15695
|
}
|
|
15683
15696
|
|
|
15684
|
-
return css(_templateObject3$
|
|
15697
|
+
return css(_templateObject3$j || (_templateObject3$j = _taggedTemplateLiteralLoose(["\n ", " > span {\n background-color: ", ";\n }\n\n ", " {\n /** firefox */\n ::-moz-range-thumb {\n border-color: ", ";\n }\n /** ie */\n ::-ms-thumb {\n border-color: ", ";\n }\n /** chrome */\n ::-webkit-slider-thumb {\n border-color: ", ";\n }\n }\n "])), SelectedArea, theme.colors.warningRed, Input$2, theme.colors.warningRed, theme.colors.warningRed, theme.colors.warningRed);
|
|
15685
15698
|
});
|
|
15686
15699
|
|
|
15687
15700
|
var _templateObject$w;
|
|
@@ -15690,7 +15703,7 @@ var LabelContainer$4 = styled.div(_templateObject$w || (_templateObject$w = _tag
|
|
|
15690
15703
|
return theme.spacings.s1;
|
|
15691
15704
|
});
|
|
15692
15705
|
|
|
15693
|
-
var _templateObject$x, _templateObject2$p, _templateObject3$
|
|
15706
|
+
var _templateObject$x, _templateObject2$p, _templateObject3$k;
|
|
15694
15707
|
var NavBar = styled.div(_templateObject$x || (_templateObject$x = _taggedTemplateLiteralLoose(["\n position: absolute;\n z-index: 2;\n\n left: 0;\n width: 100%;\n height: calc(33px + ", ");\n transition: height 0.25s ease-in-out;\n overflow: hidden;\n\n ", "\n\n > div:nth-child(1) {\n position: absolute;\n z-index: 2;\n\n width: 93px;\n /* height: 30px; */\n padding: 9px 7px;\n font-size: 13px;\n line-height: 16px;\n border-radius: 1px;\n\n background-color: ", ";\n color: ", ";\n padding: ", ";\n\n display: flex;\n align-items: center;\n justify-content: space-between;\n }\n\n > div:nth-child(2) {\n position: absolute;\n width: 0px;\n height: 0px;\n border-left: 7px solid transparent;\n border-right: 7px solid transparent;\n border-top: 5px solid ", ";\n }\n"])), function (_ref) {
|
|
15695
15708
|
var theme = _ref.theme;
|
|
15696
15709
|
return theme.spacings.s3;
|
|
@@ -15699,7 +15712,7 @@ var NavBar = styled.div(_templateObject$x || (_templateObject$x = _taggedTemplat
|
|
|
15699
15712
|
position = _ref2.$position,
|
|
15700
15713
|
strict = _ref2.$strict;
|
|
15701
15714
|
var distance = strict ? "calc(" + theme.spacings.s1 + " / 2)" : '0px';
|
|
15702
|
-
return position === 'bottom' ? css(_templateObject2$p || (_templateObject2$p = _taggedTemplateLiteralLoose(["\n bottom: calc(100% + ", ");\n > div:nth-child(1) {\n bottom: ", ";\n }\n\n > div:nth-child(2) {\n top: calc(100% - 7px);\n }\n "])), distance, theme.spacings.s1) : css(_templateObject3$
|
|
15715
|
+
return position === 'bottom' ? css(_templateObject2$p || (_templateObject2$p = _taggedTemplateLiteralLoose(["\n bottom: calc(100% + ", ");\n > div:nth-child(1) {\n bottom: ", ";\n }\n\n > div:nth-child(2) {\n top: calc(100% - 7px);\n }\n "])), distance, theme.spacings.s1) : css(_templateObject3$k || (_templateObject3$k = _taggedTemplateLiteralLoose(["\n top: calc(100% + ", ");\n > div:nth-child(1) {\n top: ", ";\n }\n\n > div:nth-child(2) {\n bottom: calc(100% - 7px);\n transform: rotate(180deg);\n }\n "])), distance, theme.spacings.s1);
|
|
15703
15716
|
}, function (_ref3) {
|
|
15704
15717
|
var theme = _ref3.theme;
|
|
15705
15718
|
return theme.colors.blue;
|
|
@@ -15714,7 +15727,7 @@ var NavBar = styled.div(_templateObject$x || (_templateObject$x = _taggedTemplat
|
|
|
15714
15727
|
return theme.colors.blue;
|
|
15715
15728
|
});
|
|
15716
15729
|
|
|
15717
|
-
var _templateObject$y, _templateObject2$q, _templateObject3$
|
|
15730
|
+
var _templateObject$y, _templateObject2$q, _templateObject3$l;
|
|
15718
15731
|
var Label$5 = styled.label(_templateObject$y || (_templateObject$y = _taggedTemplateLiteralLoose(["\n ", ";\n line-height: 19px;\n\n width: ", ";\n box-sizing: border-box;\n display: block;\n position: relative;\n\n ", "\n\n > ", " {\n ", "\n }\n\n :not(:hover) ", " {\n height: 0;\n }\n"])), function (_ref) {
|
|
15719
15732
|
var theme = _ref.theme;
|
|
15720
15733
|
return theme.useTypography('p');
|
|
@@ -15727,7 +15740,7 @@ var Label$5 = styled.label(_templateObject$y || (_templateObject$y = _taggedTemp
|
|
|
15727
15740
|
return css(_templateObject2$q || (_templateObject2$q = _taggedTemplateLiteralLoose(["\n opacity: 0.5;\n "])));
|
|
15728
15741
|
}, LabelContainer$4, function (_ref4) {
|
|
15729
15742
|
var required = _ref4.required;
|
|
15730
|
-
return required && css(_templateObject3$
|
|
15743
|
+
return required && css(_templateObject3$l || (_templateObject3$l = _taggedTemplateLiteralLoose(["\n :after {\n content: ' *';\n }\n "])));
|
|
15731
15744
|
}, NavBar);
|
|
15732
15745
|
|
|
15733
15746
|
var _templateObject$z, _templateObject2$r;
|
|
@@ -15744,7 +15757,7 @@ var Marker = styled.div(_templateObject$z || (_templateObject$z = _taggedTemplat
|
|
|
15744
15757
|
var _templateObject$A;
|
|
15745
15758
|
var MinMaxLabelContainer = styled.div(_templateObject$A || (_templateObject$A = _taggedTemplateLiteralLoose(["\n display: flex;\n padding-bottom: 2px;\n"])));
|
|
15746
15759
|
|
|
15747
|
-
var _templateObject$B, _templateObject2$s, _templateObject3$
|
|
15760
|
+
var _templateObject$B, _templateObject2$s, _templateObject3$m;
|
|
15748
15761
|
var LabelsContainer = styled.div(_templateObject$B || (_templateObject$B = _taggedTemplateLiteralLoose(["\n display: flex;\n gap: 7px;\n\n ", "\n"])), function (_ref) {
|
|
15749
15762
|
var position = _ref.position;
|
|
15750
15763
|
|
|
@@ -15752,7 +15765,7 @@ var LabelsContainer = styled.div(_templateObject$B || (_templateObject$B = _tagg
|
|
|
15752
15765
|
return css(_templateObject2$s || (_templateObject2$s = _taggedTemplateLiteralLoose(["\n ", " {\n flex-direction: column-reverse;\n }\n\n ", " {\n :after {\n bottom: calc(100% + 10px);\n }\n }\n\n ", " {\n align-items: start;\n }\n "])), InputContainer$1, Marker, MinMaxLabelContainer);
|
|
15753
15766
|
}
|
|
15754
15767
|
|
|
15755
|
-
return css(_templateObject3$
|
|
15768
|
+
return css(_templateObject3$m || (_templateObject3$m = _taggedTemplateLiteralLoose(["\n ", " {\n flex-direction: column;\n }\n\n ", " {\n :after {\n top: calc(100% + 9px);\n }\n }\n\n ", " {\n align-items: end;\n }\n "])), InputContainer$1, Marker, MinMaxLabelContainer);
|
|
15756
15769
|
});
|
|
15757
15770
|
|
|
15758
15771
|
var _templateObject$C;
|
|
@@ -16011,7 +16024,7 @@ var Range = React__default.forwardRef(function (props, ref) {
|
|
|
16011
16024
|
});
|
|
16012
16025
|
Range.displayName = 'input';
|
|
16013
16026
|
|
|
16014
|
-
var _templateObject$D, _templateObject2$t, _templateObject3$
|
|
16027
|
+
var _templateObject$D, _templateObject2$t, _templateObject3$n, _templateObject4$d, _templateObject5$b, _templateObject6$a, _templateObject7$a;
|
|
16015
16028
|
var LabelContainer$5 = styled.div(_templateObject$D || (_templateObject$D = _taggedTemplateLiteralLoose(["\n ", "\n display: flex;\n align-items: center;\n"])), function (_ref) {
|
|
16016
16029
|
var theme = _ref.theme;
|
|
16017
16030
|
return theme.useTypography('p');
|
|
@@ -16023,10 +16036,10 @@ var Label$6 = styled.label(_templateObject2$t || (_templateObject2$t = _taggedTe
|
|
|
16023
16036
|
var disabled = _ref3.disabled;
|
|
16024
16037
|
|
|
16025
16038
|
if (!disabled) {
|
|
16026
|
-
return css(_templateObject3$
|
|
16039
|
+
return css(_templateObject3$n || (_templateObject3$n = _taggedTemplateLiteralLoose(["\n > span {\n cursor: pointer;\n }\n "])));
|
|
16027
16040
|
}
|
|
16028
16041
|
|
|
16029
|
-
return css(_templateObject4$
|
|
16042
|
+
return css(_templateObject4$d || (_templateObject4$d = _taggedTemplateLiteralLoose(["\n opacity: 0.5;\n "])));
|
|
16030
16043
|
}, function (_ref4) {
|
|
16031
16044
|
var required = _ref4.required;
|
|
16032
16045
|
if (!required) return;
|
|
@@ -16254,7 +16267,7 @@ var parse = function parse(value) {
|
|
|
16254
16267
|
});
|
|
16255
16268
|
};
|
|
16256
16269
|
|
|
16257
|
-
var _templateObject$E, _templateObject2$u, _templateObject3$
|
|
16270
|
+
var _templateObject$E, _templateObject2$u, _templateObject3$o, _templateObject4$e, _templateObject5$c, _templateObject6$b, _templateObject7$b, _templateObject8$8, _templateObject9$8, _templateObject10$7, _templateObject11$3, _templateObject12$2;
|
|
16258
16271
|
var RelativeContainer$5 = styled.div(_templateObject$E || (_templateObject$E = _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"])));
|
|
16259
16272
|
var LabelContainer$6 = styled.div(_templateObject2$u || (_templateObject2$u = _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) {
|
|
16260
16273
|
var theme = _ref.theme;
|
|
@@ -16262,14 +16275,14 @@ var LabelContainer$6 = styled.div(_templateObject2$u || (_templateObject2$u = _t
|
|
|
16262
16275
|
}, function (_ref2) {
|
|
16263
16276
|
var children = _ref2.children;
|
|
16264
16277
|
if (children) return;
|
|
16265
|
-
return css(_templateObject3$
|
|
16278
|
+
return css(_templateObject3$o || (_templateObject3$o = _taggedTemplateLiteralLoose(["\n :after {\n content: '--/--/-- (--:--) \xE0 --/--/-- (--:--)';\n color: ", ";\n }\n "])), function (_ref3) {
|
|
16266
16279
|
var theme = _ref3.theme;
|
|
16267
16280
|
return theme.colors.darkGrey;
|
|
16268
16281
|
});
|
|
16269
16282
|
}, function (_ref4) {
|
|
16270
16283
|
var onClick = _ref4.onClick;
|
|
16271
16284
|
if (!onClick) return;
|
|
16272
|
-
return css(_templateObject4$
|
|
16285
|
+
return css(_templateObject4$e || (_templateObject4$e = _taggedTemplateLiteralLoose(["\n :not(:disabled) {\n cursor: pointer;\n }\n "])));
|
|
16273
16286
|
});
|
|
16274
16287
|
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) {
|
|
16275
16288
|
var theme = _ref5.theme;
|
|
@@ -16654,7 +16667,7 @@ var Tag$1 = function Tag$1(props) {
|
|
|
16654
16667
|
})));
|
|
16655
16668
|
};
|
|
16656
16669
|
|
|
16657
|
-
var _templateObject$I, _templateObject2$w, _templateObject3$
|
|
16670
|
+
var _templateObject$I, _templateObject2$w, _templateObject3$p;
|
|
16658
16671
|
var Label$9 = styled.label(_templateObject$I || (_templateObject$I = _taggedTemplateLiteralLoose(["\n ", ";\n\n color: ", ";\n\n width: ", ";\n box-sizing: border-box;\n position: relative;\n display: block;\n\n ", "\n"])), function (_ref) {
|
|
16659
16672
|
var theme = _ref.theme;
|
|
16660
16673
|
return theme.useTypography('p');
|
|
@@ -16669,7 +16682,7 @@ var Label$9 = styled.label(_templateObject$I || (_templateObject$I = _taggedTemp
|
|
|
16669
16682
|
if (!disabled) return;
|
|
16670
16683
|
return css(_templateObject2$w || (_templateObject2$w = _taggedTemplateLiteralLoose(["\n opacity: 0.5;\n "])));
|
|
16671
16684
|
});
|
|
16672
|
-
var TagContainer = styled.div(_templateObject3$
|
|
16685
|
+
var TagContainer = styled.div(_templateObject3$p || (_templateObject3$p = _taggedTemplateLiteralLoose(["\n border-width: 1px;\n border-style: solid;\n border-color: ", ";\n border-radius: 4px;\n display: flex;\n flex-wrap: wrap;\n gap: calc(", " / 2);\n padding: ", ";\n"])), function (_ref5) {
|
|
16673
16686
|
var theme = _ref5.theme,
|
|
16674
16687
|
invalid = _ref5.invalid;
|
|
16675
16688
|
return theme.colors[invalid ? 'warningRed' : 'lightGrey'];
|
|
@@ -17151,7 +17164,7 @@ var Input$5 = Object.assign(Component$2, {
|
|
|
17151
17164
|
getPhoneDetails: Phone.getPhoneDetails
|
|
17152
17165
|
});
|
|
17153
17166
|
|
|
17154
|
-
var _templateObject$K, _templateObject2$x, _templateObject3$
|
|
17167
|
+
var _templateObject$K, _templateObject2$x, _templateObject3$q, _templateObject4$f;
|
|
17155
17168
|
var Container$7 = styled(AbsoluteContainer)(_templateObject$K || (_templateObject$K = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n\n > div {\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n\n > div {\n padding: ", ";\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n }\n }\n"])), function (_ref) {
|
|
17156
17169
|
var theme = _ref.theme;
|
|
17157
17170
|
return theme.colors.white;
|
|
@@ -17166,7 +17179,7 @@ var Header$3 = styled.div(_templateObject2$x || (_templateObject2$x = _taggedTem
|
|
|
17166
17179
|
var s3 = _ref4.theme.spacings.s3;
|
|
17167
17180
|
return "0 " + s3 + " " + s3 + " 0";
|
|
17168
17181
|
});
|
|
17169
|
-
var Title = styled.div(_templateObject3$
|
|
17182
|
+
var Title = styled.div(_templateObject3$q || (_templateObject3$q = _taggedTemplateLiteralLoose(["\n ", "\n color: ", ";\n"])), function (_ref5) {
|
|
17170
17183
|
var useTypography = _ref5.theme.useTypography;
|
|
17171
17184
|
return useTypography('p', {
|
|
17172
17185
|
fontWeight: 'bold'
|
|
@@ -17175,7 +17188,7 @@ var Title = styled.div(_templateObject3$p || (_templateObject3$p = _taggedTempla
|
|
|
17175
17188
|
var getColor = _ref6.theme.getColor;
|
|
17176
17189
|
return getColor('greyishBlue', 50);
|
|
17177
17190
|
});
|
|
17178
|
-
var Item = styled.div(_templateObject4$
|
|
17191
|
+
var Item = styled.div(_templateObject4$f || (_templateObject4$f = _taggedTemplateLiteralLoose(["\n padding: ", ";\n display: flex;\n align-items: center;\n\n :not(:last-child) {\n border-bottom: 1px solid\n ", ";\n }\n\n > div:nth-child(1) {\n flex: 1;\n\n > div:nth-child(1) {\n ", "\n color: ", ";\n }\n > div:nth-child(2) {\n ", "\n }\n }\n > div:nth-child(2) {\n display: flex;\n align-items: center;\n cursor: pointer;\n }\n"])), function (_ref7) {
|
|
17179
17192
|
var s1 = _ref7.theme.spacings.s1;
|
|
17180
17193
|
return s1 + " " + s1 + " " + s1 + " 0";
|
|
17181
17194
|
}, function (_ref8) {
|
|
@@ -17289,7 +17302,7 @@ var AppliedFiltersMenu = function AppliedFiltersMenu(props) {
|
|
|
17289
17302
|
}))));
|
|
17290
17303
|
};
|
|
17291
17304
|
|
|
17292
|
-
var _templateObject$L, _templateObject2$y, _templateObject3$
|
|
17305
|
+
var _templateObject$L, _templateObject2$y, _templateObject3$r;
|
|
17293
17306
|
var Container$8 = styled.div(_templateObject$L || (_templateObject$L = _taggedTemplateLiteralLoose(["\n display: flex;\n gap: ", ";\n align-items: center;\n color: ", ";\n\n ", "\n"])), function (_ref) {
|
|
17294
17307
|
var theme = _ref.theme,
|
|
17295
17308
|
gap = _ref.$gap;
|
|
@@ -17304,7 +17317,7 @@ var Container$8 = styled.div(_templateObject$L || (_templateObject$L = _taggedTe
|
|
|
17304
17317
|
return css(_templateObject2$y || (_templateObject2$y = _taggedTemplateLiteralLoose(["\n opacity: 0.3;\n pointer-events: none;\n "])));
|
|
17305
17318
|
}
|
|
17306
17319
|
|
|
17307
|
-
return css(_templateObject3$
|
|
17320
|
+
return css(_templateObject3$r || (_templateObject3$r = _taggedTemplateLiteralLoose(["\n cursor: pointer;\n "])));
|
|
17308
17321
|
});
|
|
17309
17322
|
|
|
17310
17323
|
var Button$5 = function Button(props) {
|
|
@@ -17356,13 +17369,13 @@ var AppliedFilters = Object.assign(function (props) {
|
|
|
17356
17369
|
Menu: AppliedFiltersMenu
|
|
17357
17370
|
});
|
|
17358
17371
|
|
|
17359
|
-
var _templateObject$M, _templateObject2$z, _templateObject3$
|
|
17372
|
+
var _templateObject$M, _templateObject2$z, _templateObject3$s, _templateObject4$g, _templateObject5$d, _templateObject6$c, _templateObject7$c, _templateObject8$9, _templateObject9$9, _templateObject10$8;
|
|
17360
17373
|
var Container$9 = styled.div(_templateObject$M || (_templateObject$M = _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) {
|
|
17361
17374
|
return props.size === 'mini' && css(_templateObject2$z || (_templateObject2$z = _taggedTemplateLiteralLoose(["\n width: 394px;\n height: 99px;\n "])));
|
|
17362
17375
|
}, function (props) {
|
|
17363
|
-
return props.size === 'small' && css(_templateObject3$
|
|
17376
|
+
return props.size === 'small' && css(_templateObject3$s || (_templateObject3$s = _taggedTemplateLiteralLoose(["\n width: 394px;\n height: 131px;\n "])));
|
|
17364
17377
|
}, function (props) {
|
|
17365
|
-
return props.size === 'medium' && css(_templateObject4$
|
|
17378
|
+
return props.size === 'medium' && css(_templateObject4$g || (_templateObject4$g = _taggedTemplateLiteralLoose(["\n width: 394px;\n "])));
|
|
17366
17379
|
}, function (props) {
|
|
17367
17380
|
return props.size === 'big' && css(_templateObject5$d || (_templateObject5$d = _taggedTemplateLiteralLoose(["\n width: 414px;\n height: 324px;\n "])));
|
|
17368
17381
|
}, function (props) {
|
|
@@ -17797,7 +17810,7 @@ var useContext$2 = function useContext() {
|
|
|
17797
17810
|
return React__default.useContext(Provider$2);
|
|
17798
17811
|
};
|
|
17799
17812
|
|
|
17800
|
-
var _templateObject$P, _templateObject2$A, _templateObject3$
|
|
17813
|
+
var _templateObject$P, _templateObject2$A, _templateObject3$t, _templateObject4$h, _templateObject5$e, _templateObject6$d, _templateObject7$d, _templateObject8$a, _templateObject9$a, _templateObject10$9, _templateObject11$4, _templateObject12$3, _templateObject13$2, _templateObject14$2, _templateObject15$2;
|
|
17801
17814
|
var aligns = {
|
|
17802
17815
|
self: {
|
|
17803
17816
|
horizontal: {
|
|
@@ -17832,11 +17845,11 @@ var Col = styled.div(_templateObject$P || (_templateObject$P = _taggedTemplateLi
|
|
|
17832
17845
|
if (width === undefined) {
|
|
17833
17846
|
return css(_templateObject2$A || (_templateObject2$A = _taggedTemplateLiteralLoose(["\n flex-basis: 0;\n flex-grow: 1;\n max-width: 100%;\n width: 100%;\n "])));
|
|
17834
17847
|
} else if (width === 'auto') {
|
|
17835
|
-
return css(_templateObject3$
|
|
17848
|
+
return css(_templateObject3$t || (_templateObject3$t = _taggedTemplateLiteralLoose(["\n flex: 0 0 auto;\n width: auto;\n max-width: none;\n "])));
|
|
17836
17849
|
}
|
|
17837
17850
|
|
|
17838
17851
|
var w = parseFloat(width) * 100 / 12;
|
|
17839
|
-
return css(_templateObject4$
|
|
17852
|
+
return css(_templateObject4$h || (_templateObject4$h = _taggedTemplateLiteralLoose(["\n flex: 0 0 ", "%;\n max-width: ", "%;\n width: 100%;\n "])), w, w);
|
|
17840
17853
|
}, function (_ref2) {
|
|
17841
17854
|
var spacing = _ref2.spacing;
|
|
17842
17855
|
var padding = getSpacings(spacing === undefined ? 's1' : spacing);
|
|
@@ -17934,7 +17947,7 @@ var useContext$3 = function useContext() {
|
|
|
17934
17947
|
return React__default.useContext(Provider$3);
|
|
17935
17948
|
};
|
|
17936
17949
|
|
|
17937
|
-
var _templateObject$Q, _templateObject2$B, _templateObject3$
|
|
17950
|
+
var _templateObject$Q, _templateObject2$B, _templateObject3$u;
|
|
17938
17951
|
var Grid = styled.div(_templateObject$Q || (_templateObject$Q = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n width: 100%;\n\n ", "\n\n ", "\n"])), function (_ref) {
|
|
17939
17952
|
var spacing = _ref.spacing;
|
|
17940
17953
|
if (spacing === undefined) return;
|
|
@@ -17944,7 +17957,7 @@ var Grid = styled.div(_templateObject$Q || (_templateObject$Q = _taggedTemplateL
|
|
|
17944
17957
|
var borderless = _ref2.borderless,
|
|
17945
17958
|
lightestGrey = _ref2.theme.colors.lightestGrey;
|
|
17946
17959
|
if (borderless) return;
|
|
17947
|
-
return css(_templateObject3$
|
|
17960
|
+
return css(_templateObject3$u || (_templateObject3$u = _taggedTemplateLiteralLoose(["\n border: 1px solid ", ";\n "])), lightestGrey);
|
|
17948
17961
|
});
|
|
17949
17962
|
|
|
17950
17963
|
var Grid$1 = React__default.forwardRef(function (props, ref) {
|
|
@@ -17962,7 +17975,7 @@ var Grid$1 = React__default.forwardRef(function (props, ref) {
|
|
|
17962
17975
|
});
|
|
17963
17976
|
Grid$1.displayName = 'Grid';
|
|
17964
17977
|
|
|
17965
|
-
var _templateObject$R, _templateObject2$C, _templateObject3$
|
|
17978
|
+
var _templateObject$R, _templateObject2$C, _templateObject3$v, _templateObject4$i, _templateObject5$f, _templateObject6$e, _templateObject7$e, _templateObject8$b, _templateObject9$b, _templateObject10$a;
|
|
17966
17979
|
var horizontalAligns = {
|
|
17967
17980
|
around: 'space-around',
|
|
17968
17981
|
between: 'space-between',
|
|
@@ -17983,11 +17996,11 @@ var Row = styled.div(_templateObject$R || (_templateObject$R = _taggedTemplateLi
|
|
|
17983
17996
|
}, function (_ref2) {
|
|
17984
17997
|
var spacingAround = _ref2.spacingAround;
|
|
17985
17998
|
if (spacingAround) return;
|
|
17986
|
-
return css(_templateObject3$
|
|
17999
|
+
return css(_templateObject3$v || (_templateObject3$v = _taggedTemplateLiteralLoose(["\n :first-child {\n padding-top: 0;\n }\n :last-child {\n padding-bottom: 0;\n }\n "])));
|
|
17987
18000
|
}, function (_ref3) {
|
|
17988
18001
|
var horizontalAlign = _ref3.horizontalAlign;
|
|
17989
18002
|
if (horizontalAlign === undefined) return;
|
|
17990
|
-
return css(_templateObject4$
|
|
18003
|
+
return css(_templateObject4$i || (_templateObject4$i = _taggedTemplateLiteralLoose(["\n justify-content: ", ";\n "])), horizontalAligns[horizontalAlign]);
|
|
17991
18004
|
}, function (_ref4) {
|
|
17992
18005
|
var verticalAlign = _ref4.verticalAlign;
|
|
17993
18006
|
if (verticalAlign === undefined) return;
|
|
@@ -18093,18 +18106,18 @@ var widths = {
|
|
|
18093
18106
|
default: '642.5px'
|
|
18094
18107
|
};
|
|
18095
18108
|
|
|
18096
|
-
var _templateObject$S, _templateObject2$D, _templateObject3$
|
|
18109
|
+
var _templateObject$S, _templateObject2$D, _templateObject3$w, _templateObject4$j, _templateObject5$g, _templateObject6$f, _templateObject7$f, _templateObject8$c, _templateObject9$c, _templateObject10$b;
|
|
18097
18110
|
var Background = styled.div(_templateObject$S || (_templateObject$S = _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) {
|
|
18098
18111
|
var theme = _ref.theme;
|
|
18099
18112
|
return theme.getColor('black', 25);
|
|
18100
18113
|
});
|
|
18101
18114
|
var Content = styled.div(_templateObject2$D || (_templateObject2$D = _taggedTemplateLiteralLoose(["\n flex: 1;\n position: relative;\n"])));
|
|
18102
|
-
var Header$5 = styled.div(_templateObject3$
|
|
18115
|
+
var Header$5 = styled.div(_templateObject3$w || (_templateObject3$w = _taggedTemplateLiteralLoose(["\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n\n ", "\n"])), function (_ref2) {
|
|
18103
18116
|
var _ref2$theme = _ref2.theme,
|
|
18104
18117
|
colors = _ref2$theme.colors,
|
|
18105
18118
|
spacings = _ref2$theme.spacings,
|
|
18106
18119
|
useTypography = _ref2$theme.useTypography;
|
|
18107
|
-
return css(_templateObject4$
|
|
18120
|
+
return css(_templateObject4$j || (_templateObject4$j = _taggedTemplateLiteralLoose(["\n border-bottom: 1px solid ", ";\n padding: ", ";\n\n ", "\n "])), colors.lightestGrey, spacings.s4, useTypography('h1'));
|
|
18108
18121
|
});
|
|
18109
18122
|
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) {
|
|
18110
18123
|
var _ref3$theme = _ref3.theme,
|
|
@@ -18323,11 +18336,11 @@ var Modal$1 = Object.assign(Modal, {
|
|
|
18323
18336
|
Audit: Audit
|
|
18324
18337
|
});
|
|
18325
18338
|
|
|
18326
|
-
var _templateObject$W, _templateObject2$E, _templateObject3$
|
|
18339
|
+
var _templateObject$W, _templateObject2$E, _templateObject3$x, _templateObject4$k, _templateObject5$h, _templateObject6$g, _templateObject7$g, _templateObject8$d, _templateObject9$d, _templateObject10$c, _templateObject11$5;
|
|
18327
18340
|
var Container$c = styled.div(_templateObject$W || (_templateObject$W = _taggedTemplateLiteralLoose(["\n width: 100%;\n height: 300px;\n position: absolute;\n padding: 14px;\n"])));
|
|
18328
18341
|
var Header$6 = styled.div(_templateObject2$E || (_templateObject2$E = _taggedTemplateLiteralLoose(["\n display: flex;\n"])));
|
|
18329
|
-
var HeaderImage = styled.div(_templateObject3$
|
|
18330
|
-
var HeaderContent = styled.div(_templateObject4$
|
|
18342
|
+
var HeaderImage = styled.div(_templateObject3$x || (_templateObject3$x = _taggedTemplateLiteralLoose(["\n width: 43px;\n height: 44px;\n background-color: #ebebeb;\n"])));
|
|
18343
|
+
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"])));
|
|
18331
18344
|
var MainContent = styled.div(_templateObject5$h || (_templateObject5$h = _taggedTemplateLiteralLoose(["\n margin-top: 8px;\n"])));
|
|
18332
18345
|
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) {
|
|
18333
18346
|
return props.height;
|
|
@@ -18375,24 +18388,24 @@ var Template1 = function Template1(props) {
|
|
|
18375
18388
|
})));
|
|
18376
18389
|
};
|
|
18377
18390
|
|
|
18378
|
-
var _templateObject$X, _templateObject2$F, _templateObject3$
|
|
18391
|
+
var _templateObject$X, _templateObject2$F, _templateObject3$y, _templateObject4$l, _templateObject5$i;
|
|
18379
18392
|
var HeaderLine$1 = styled.div(_templateObject$X || (_templateObject$X = _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) {
|
|
18380
18393
|
return props.height;
|
|
18381
18394
|
}, function (props) {
|
|
18382
18395
|
return props.size === 'mini' && css(_templateObject2$F || (_templateObject2$F = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
|
|
18383
18396
|
}, function (props) {
|
|
18384
|
-
return props.size === 'small' && css(_templateObject3$
|
|
18397
|
+
return props.size === 'small' && css(_templateObject3$y || (_templateObject3$y = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
|
|
18385
18398
|
}, function (props) {
|
|
18386
|
-
return props.size === 'medium' && css(_templateObject4$
|
|
18399
|
+
return props.size === 'medium' && css(_templateObject4$l || (_templateObject4$l = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
|
|
18387
18400
|
}, function (props) {
|
|
18388
18401
|
return props.size === 'large' && css(_templateObject5$i || (_templateObject5$i = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
|
|
18389
18402
|
});
|
|
18390
18403
|
|
|
18391
|
-
var _templateObject$Y, _templateObject2$G, _templateObject3$
|
|
18404
|
+
var _templateObject$Y, _templateObject2$G, _templateObject3$z, _templateObject4$m, _templateObject5$j, _templateObject6$h, _templateObject7$h, _templateObject8$e;
|
|
18392
18405
|
var Container$d = styled.div(_templateObject$Y || (_templateObject$Y = _taggedTemplateLiteralLoose(["\n width: 100%;\n max-height: 100%;\n position: absolute;\n padding: 14px;\n"])));
|
|
18393
18406
|
var Template2Container = styled(Container$d)(_templateObject2$G || (_templateObject2$G = _taggedTemplateLiteralLoose(["\n background: #fff;\n border: 2px solid #ebebeb;\n"])));
|
|
18394
|
-
var Header$7 = styled.div(_templateObject3$
|
|
18395
|
-
var HeaderImage$1 = styled.div(_templateObject4$
|
|
18407
|
+
var Header$7 = styled.div(_templateObject3$z || (_templateObject3$z = _taggedTemplateLiteralLoose(["\n display: flex;\n"])));
|
|
18408
|
+
var HeaderImage$1 = styled.div(_templateObject4$m || (_templateObject4$m = _taggedTemplateLiteralLoose(["\n width: 43px;\n height: 44px;\n background-color: #ebebeb;\n"])));
|
|
18396
18409
|
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"])));
|
|
18397
18410
|
var MainContent$1 = styled.div(_templateObject6$h || (_templateObject6$h = _taggedTemplateLiteralLoose(["\n margin-top: 8px;\n"])));
|
|
18398
18411
|
var MainLine$1 = styled(HeaderLine$1)(_templateObject7$h || (_templateObject7$h = _taggedTemplateLiteralLoose(["\n margin-bottom: 14px;\n margin-left: 0;\n"])));
|
|
@@ -18419,10 +18432,10 @@ var Template2 = function Template2(props) {
|
|
|
18419
18432
|
})));
|
|
18420
18433
|
};
|
|
18421
18434
|
|
|
18422
|
-
var _templateObject$Z, _templateObject2$H, _templateObject3$
|
|
18435
|
+
var _templateObject$Z, _templateObject2$H, _templateObject3$A;
|
|
18423
18436
|
var Container$e = styled.div(_templateObject$Z || (_templateObject$Z = _taggedTemplateLiteralLoose(["\n width: 100%;\n max-height: 100%;\n position: absolute;\n padding: 14px;\n"])));
|
|
18424
18437
|
var Template3Container = styled(Container$e)(_templateObject2$H || (_templateObject2$H = _taggedTemplateLiteralLoose([""])));
|
|
18425
|
-
var Template3Line = styled(HeaderLine$1)(_templateObject3$
|
|
18438
|
+
var Template3Line = styled(HeaderLine$1)(_templateObject3$A || (_templateObject3$A = _taggedTemplateLiteralLoose(["\n background-color: #dadada;\n height: ", ";\n"])), function (props) {
|
|
18426
18439
|
return props.height;
|
|
18427
18440
|
});
|
|
18428
18441
|
|
|
@@ -18451,14 +18464,14 @@ var Template3 = function Template3(props) {
|
|
|
18451
18464
|
}));
|
|
18452
18465
|
};
|
|
18453
18466
|
|
|
18454
|
-
var _templateObject$_, _templateObject2$I, _templateObject3$
|
|
18467
|
+
var _templateObject$_, _templateObject2$I, _templateObject3$B, _templateObject4$n, _templateObject5$k, _templateObject6$i, _templateObject7$i, _templateObject8$f;
|
|
18455
18468
|
var Container$f = styled.div(_templateObject$_ || (_templateObject$_ = _taggedTemplateLiteralLoose(["\n width: 100%;\n max-height: 100%;\n position: absolute;\n padding: 14px;\n"])));
|
|
18456
18469
|
var HeaderLine$3 = styled.div(_templateObject2$I || (_templateObject2$I = _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) {
|
|
18457
18470
|
return props.height;
|
|
18458
18471
|
}, function (props) {
|
|
18459
|
-
return props.size === 'mini' && css(_templateObject3$
|
|
18472
|
+
return props.size === 'mini' && css(_templateObject3$B || (_templateObject3$B = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
|
|
18460
18473
|
}, function (props) {
|
|
18461
|
-
return props.size === 'small' && css(_templateObject4$
|
|
18474
|
+
return props.size === 'small' && css(_templateObject4$n || (_templateObject4$n = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
|
|
18462
18475
|
}, function (props) {
|
|
18463
18476
|
return props.size === 'medium' && css(_templateObject5$k || (_templateObject5$k = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
|
|
18464
18477
|
}, function (props) {
|
|
@@ -18518,13 +18531,13 @@ var Template4 = function Template4(props) {
|
|
|
18518
18531
|
}));
|
|
18519
18532
|
};
|
|
18520
18533
|
|
|
18521
|
-
var _templateObject$$, _templateObject2$J, _templateObject3$
|
|
18534
|
+
var _templateObject$$, _templateObject2$J, _templateObject3$C, _templateObject4$o, _templateObject5$l, _templateObject6$j, _templateObject7$j, _templateObject8$g, _templateObject9$e;
|
|
18522
18535
|
var Container$g = styled.div(_templateObject$$ || (_templateObject$$ = _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"])));
|
|
18523
18536
|
var Circle = styled.div(_templateObject2$J || (_templateObject2$J = _taggedTemplateLiteralLoose(["\n width: 141px;\n height: 141px;\n background-color: #dddedf;\n border-radius: 50%;\n"])));
|
|
18524
|
-
var HeaderLine$4 = styled.div(_templateObject3$
|
|
18537
|
+
var HeaderLine$4 = styled.div(_templateObject3$C || (_templateObject3$C = _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) {
|
|
18525
18538
|
return props.height;
|
|
18526
18539
|
}, function (props) {
|
|
18527
|
-
return props.size === 'mini' && css(_templateObject4$
|
|
18540
|
+
return props.size === 'mini' && css(_templateObject4$o || (_templateObject4$o = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
|
|
18528
18541
|
}, function (props) {
|
|
18529
18542
|
return props.size === 'small' && css(_templateObject5$l || (_templateObject5$l = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
|
|
18530
18543
|
}, function (props) {
|
|
@@ -18566,11 +18579,11 @@ var Template5 = function Template5(props) {
|
|
|
18566
18579
|
})));
|
|
18567
18580
|
};
|
|
18568
18581
|
|
|
18569
|
-
var _templateObject$10, _templateObject2$K, _templateObject3$
|
|
18582
|
+
var _templateObject$10, _templateObject2$K, _templateObject3$D, _templateObject4$p, _templateObject5$m, _templateObject6$k, _templateObject7$k, _templateObject8$h, _templateObject9$f;
|
|
18570
18583
|
var Container$h = styled.div(_templateObject$10 || (_templateObject$10 = _taggedTemplateLiteralLoose(["\n width: 395px;\n\n display: flex;\n align-items: center;\n justify-content: space-between;\n background-color: #f5f5f5;\n"])));
|
|
18571
18584
|
var Header$8 = styled.div(_templateObject2$K || (_templateObject2$K = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding: 14px;\n"])));
|
|
18572
|
-
var Footer$3 = styled.div(_templateObject3$
|
|
18573
|
-
var HeaderLine$5 = styled.div(_templateObject4$
|
|
18585
|
+
var Footer$3 = styled.div(_templateObject3$D || (_templateObject3$D = _taggedTemplateLiteralLoose(["\n width: 100%;\n border-top: 1px solid #b1b1b3;\n height: 50px;\n"])));
|
|
18586
|
+
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) {
|
|
18574
18587
|
return props.height;
|
|
18575
18588
|
}, function (props) {
|
|
18576
18589
|
return props.size === 'mini' && css(_templateObject5$m || (_templateObject5$m = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
|
|
@@ -18609,13 +18622,13 @@ var Template6 = function Template6(props) {
|
|
|
18609
18622
|
})));
|
|
18610
18623
|
};
|
|
18611
18624
|
|
|
18612
|
-
var _templateObject$11, _templateObject2$L, _templateObject3$
|
|
18625
|
+
var _templateObject$11, _templateObject2$L, _templateObject3$E, _templateObject4$q, _templateObject5$n, _templateObject6$l, _templateObject7$l, _templateObject8$i, _templateObject9$g, _templateObject10$d;
|
|
18613
18626
|
var Container$i = styled.div(_templateObject$11 || (_templateObject$11 = _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"])));
|
|
18614
18627
|
var Header$9 = 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"])));
|
|
18615
|
-
var HeaderLine$6 = styled.div(_templateObject3$
|
|
18628
|
+
var HeaderLine$6 = 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) {
|
|
18616
18629
|
return props.height;
|
|
18617
18630
|
}, function (props) {
|
|
18618
|
-
return props.size === 'mini' && css(_templateObject4$
|
|
18631
|
+
return props.size === 'mini' && css(_templateObject4$q || (_templateObject4$q = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
|
|
18619
18632
|
}, function (props) {
|
|
18620
18633
|
return props.size === 'small' && css(_templateObject5$n || (_templateObject5$n = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
|
|
18621
18634
|
}, function (props) {
|
|
@@ -18643,13 +18656,13 @@ var Template7 = function Template7(props) {
|
|
|
18643
18656
|
})), 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)));
|
|
18644
18657
|
};
|
|
18645
18658
|
|
|
18646
|
-
var _templateObject$12, _templateObject2$M, _templateObject3$
|
|
18659
|
+
var _templateObject$12, _templateObject2$M, _templateObject3$F, _templateObject4$r, _templateObject5$o, _templateObject6$m, _templateObject7$m, _templateObject8$j, _templateObject9$h;
|
|
18647
18660
|
var Container$j = styled.div(_templateObject$12 || (_templateObject$12 = _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"])));
|
|
18648
18661
|
var Header$a = 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"])));
|
|
18649
|
-
var HeaderLine$7 = styled.div(_templateObject3$
|
|
18662
|
+
var HeaderLine$7 = styled.div(_templateObject3$F || (_templateObject3$F = _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) {
|
|
18650
18663
|
return props.height;
|
|
18651
18664
|
}, function (props) {
|
|
18652
|
-
return props.size === 'mini' && css(_templateObject4$
|
|
18665
|
+
return props.size === 'mini' && css(_templateObject4$r || (_templateObject4$r = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
|
|
18653
18666
|
}, function (props) {
|
|
18654
18667
|
return props.size === 'small' && css(_templateObject5$o || (_templateObject5$o = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
|
|
18655
18668
|
}, function (props) {
|
|
@@ -18686,13 +18699,13 @@ var Template8 = function Template8(props) {
|
|
|
18686
18699
|
})));
|
|
18687
18700
|
};
|
|
18688
18701
|
|
|
18689
|
-
var _templateObject$13, _templateObject2$N, _templateObject3$
|
|
18702
|
+
var _templateObject$13, _templateObject2$N, _templateObject3$G, _templateObject4$s, _templateObject5$p, _templateObject6$n, _templateObject7$n, _templateObject8$k, _templateObject9$i, _templateObject10$e;
|
|
18690
18703
|
var Container$k = styled.div(_templateObject$13 || (_templateObject$13 = _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"])));
|
|
18691
18704
|
var Header$b = 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"])));
|
|
18692
|
-
var HeaderLine$8 = styled.div(_templateObject3$
|
|
18705
|
+
var HeaderLine$8 = 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
18706
|
return props.height;
|
|
18694
18707
|
}, function (props) {
|
|
18695
|
-
return props.size === 'mini' && css(_templateObject4$
|
|
18708
|
+
return props.size === 'mini' && css(_templateObject4$s || (_templateObject4$s = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
|
|
18696
18709
|
}, function (props) {
|
|
18697
18710
|
return props.size === 'small' && css(_templateObject5$p || (_templateObject5$p = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
|
|
18698
18711
|
}, function (props) {
|
|
@@ -18725,13 +18738,13 @@ var Template8$1 = function Template8(props) {
|
|
|
18725
18738
|
})), React__default.createElement(Main$4, null, React__default.createElement(Circle$2, null)));
|
|
18726
18739
|
};
|
|
18727
18740
|
|
|
18728
|
-
var _templateObject$14, _templateObject2$O, _templateObject3$
|
|
18741
|
+
var _templateObject$14, _templateObject2$O, _templateObject3$H, _templateObject4$t, _templateObject5$q, _templateObject6$o, _templateObject7$o, _templateObject8$l, _templateObject9$j, _templateObject10$f, _templateObject11$6;
|
|
18729
18742
|
var Container$l = styled.div(_templateObject$14 || (_templateObject$14 = _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"])));
|
|
18730
18743
|
var Header$c = styled.div(_templateObject2$O || (_templateObject2$O = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding: 14px;\n width: 100%;\n"])));
|
|
18731
|
-
var HeaderLine$9 = styled.div(_templateObject3$
|
|
18744
|
+
var HeaderLine$9 = styled.div(_templateObject3$H || (_templateObject3$H = _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) {
|
|
18732
18745
|
return props.height;
|
|
18733
18746
|
}, function (props) {
|
|
18734
|
-
return props.size === 'mini' && css(_templateObject4$
|
|
18747
|
+
return props.size === 'mini' && css(_templateObject4$t || (_templateObject4$t = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
|
|
18735
18748
|
}, function (props) {
|
|
18736
18749
|
return props.size === 'small' && css(_templateObject5$q || (_templateObject5$q = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
|
|
18737
18750
|
}, function (props) {
|
|
@@ -18869,17 +18882,17 @@ var Placeholder = function Placeholder(props) {
|
|
|
18869
18882
|
}
|
|
18870
18883
|
};
|
|
18871
18884
|
|
|
18872
|
-
var _templateObject$15, _templateObject2$P, _templateObject3$
|
|
18885
|
+
var _templateObject$15, _templateObject2$P, _templateObject3$I, _templateObject4$u, _templateObject5$r, _templateObject6$p, _templateObject7$p;
|
|
18873
18886
|
var Container$m = styled.div(_templateObject$15 || (_templateObject$15 = _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"])));
|
|
18874
18887
|
var Progress = styled.div(_templateObject2$P || (_templateObject2$P = _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) {
|
|
18875
18888
|
return props.value + "%";
|
|
18876
18889
|
}, function (props) {
|
|
18877
|
-
return props.type === 'default' && css(_templateObject3$
|
|
18890
|
+
return props.type === 'default' && css(_templateObject3$I || (_templateObject3$I = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n "])), function (_ref) {
|
|
18878
18891
|
var theme = _ref.theme;
|
|
18879
18892
|
return theme.colors.warningGray;
|
|
18880
18893
|
});
|
|
18881
18894
|
}, function (props) {
|
|
18882
|
-
return props.type === 'info' && css(_templateObject4$
|
|
18895
|
+
return props.type === 'info' && css(_templateObject4$u || (_templateObject4$u = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n "])), function (_ref2) {
|
|
18883
18896
|
var theme = _ref2.theme;
|
|
18884
18897
|
return theme.colors.blue;
|
|
18885
18898
|
});
|
|
@@ -18904,7 +18917,7 @@ var ProgressBar = function ProgressBar(props) {
|
|
|
18904
18917
|
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', "%"));
|
|
18905
18918
|
};
|
|
18906
18919
|
|
|
18907
|
-
var _templateObject$16, _templateObject2$Q, _templateObject3$
|
|
18920
|
+
var _templateObject$16, _templateObject2$Q, _templateObject3$J, _templateObject4$v, _templateObject5$s, _templateObject6$q, _templateObject7$q, _templateObject8$m;
|
|
18908
18921
|
var Container$n = styled.div(_templateObject$16 || (_templateObject$16 = _taggedTemplateLiteralLoose(["\n display: block;\n"])));
|
|
18909
18922
|
var delimiters = {
|
|
18910
18923
|
blue: ['blue'],
|
|
@@ -18924,7 +18937,7 @@ var Tabs = styled.ul(_templateObject2$Q || (_templateObject2$Q = _taggedTemplate
|
|
|
18924
18937
|
bottom = _getSpacings$split[2],
|
|
18925
18938
|
left = _getSpacings$split[3];
|
|
18926
18939
|
|
|
18927
|
-
return css(_templateObject3$
|
|
18940
|
+
return css(_templateObject3$J || (_templateObject3$J = _taggedTemplateLiteralLoose(["\n margin: ", " 0 ", " 0;\n padding: 0 ", " 0 ", ";\n "])), top, bottom, right, left);
|
|
18928
18941
|
}, function (_ref2) {
|
|
18929
18942
|
var theme = _ref2.theme,
|
|
18930
18943
|
internal = _ref2.$internal,
|
|
@@ -18938,7 +18951,7 @@ var Tabs = styled.ul(_templateObject2$Q || (_templateObject2$Q = _taggedTemplate
|
|
|
18938
18951
|
return internal ? "1px solid " + theme.getColor.apply(theme, delimiters[delimiter || 'grey']) : "2px solid " + theme.getColor.apply(theme, delimiters[delimiter || 'blue']);
|
|
18939
18952
|
}();
|
|
18940
18953
|
|
|
18941
|
-
return css(_templateObject4$
|
|
18954
|
+
return css(_templateObject4$v || (_templateObject4$v = _taggedTemplateLiteralLoose(["\n border-bottom: ", ";\n\n + div {\n border: 1px solid ", ";\n border-top-width: 0px;\n border-radius: 0px 0px 2px 2px;\n padding: ", ";\n }\n "])), border, theme.getColor.apply(theme, delimiters.grey), theme.spacings.s3);
|
|
18942
18955
|
}, function (_ref3) {
|
|
18943
18956
|
var theme = _ref3.theme,
|
|
18944
18957
|
internal = _ref3.$internal;
|
|
@@ -19092,15 +19105,15 @@ var TextArea = function TextArea(props) {
|
|
|
19092
19105
|
return React__default.createElement(Container$o, Object.assign({}, props));
|
|
19093
19106
|
};
|
|
19094
19107
|
|
|
19095
|
-
var _templateObject$18, _templateObject2$R, _templateObject3$
|
|
19108
|
+
var _templateObject$18, _templateObject2$R, _templateObject3$K, _templateObject4$w, _templateObject5$t, _templateObject6$r;
|
|
19096
19109
|
var Container$p = styled.div(_templateObject$18 || (_templateObject$18 = _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) {
|
|
19097
19110
|
return props.size === 'large' ? '837px' : '460px';
|
|
19098
19111
|
}, function (props) {
|
|
19099
19112
|
return props.color === 'success' && css(_templateObject2$R || (_templateObject2$R = _taggedTemplateLiteralLoose(["\n background-color: #fcfff5;\n opacity: 1;\n border-color: #a8c599;\n h4 {\n color: #1e561f;\n }\n p {\n color: #1e561fcc;\n }\n "])));
|
|
19100
19113
|
}, function (props) {
|
|
19101
|
-
return props.color === 'error' && css(_templateObject3$
|
|
19114
|
+
return props.color === 'error' && css(_templateObject3$K || (_templateObject3$K = _taggedTemplateLiteralLoose(["\n background-color: #fff6f6;\n opacity: 1;\n border-color: #973937;\n h4 {\n color: #973937;\n }\n p {\n color: #973937;\n }\n "])));
|
|
19102
19115
|
}, function (props) {
|
|
19103
|
-
return props.color === 'warning' && css(_templateObject4$
|
|
19116
|
+
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 "])));
|
|
19104
19117
|
});
|
|
19105
19118
|
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"])));
|
|
19106
19119
|
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"])));
|
|
@@ -19115,7 +19128,7 @@ var Toast = function Toast(props) {
|
|
|
19115
19128
|
})), React__default.createElement(IconContent, null, React__default.createElement("h4", null, props.title), React__default.createElement("p", null, " ", props.description)));
|
|
19116
19129
|
};
|
|
19117
19130
|
|
|
19118
|
-
var _templateObject$19, _templateObject2$S, _templateObject3$
|
|
19131
|
+
var _templateObject$19, _templateObject2$S, _templateObject3$L, _templateObject4$x, _templateObject5$u;
|
|
19119
19132
|
var Image = styled.img(_templateObject$19 || (_templateObject$19 = _taggedTemplateLiteralLoose(["\n max-width: 100%;\n max-height: 100%;\n"])));
|
|
19120
19133
|
var Container$q = styled.div(_templateObject2$S || (_templateObject2$S = _taggedTemplateLiteralLoose(["\n position: relative;\n display: inline-flex;\n\n &,\n ", " {\n width: ", ";\n\n height: ", ";\n }\n"])), Image, function (_ref) {
|
|
19121
19134
|
var width = _ref.width;
|
|
@@ -19144,11 +19157,11 @@ var Container$q = styled.div(_templateObject2$S || (_templateObject2$S = _tagged
|
|
|
19144
19157
|
return 'auto';
|
|
19145
19158
|
}
|
|
19146
19159
|
});
|
|
19147
|
-
var Dimmer = styled.div(_templateObject3$
|
|
19160
|
+
var Dimmer = styled.div(_templateObject3$L || (_templateObject3$L = _taggedTemplateLiteralLoose(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: ", ";\n opacity: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n transition: opacity 0.5s;\n cursor: pointer;\n\n :hover {\n opacity: 1;\n }\n"])), function (_ref3) {
|
|
19148
19161
|
var theme = _ref3.theme;
|
|
19149
19162
|
return theme.getColor('greyishBlue', 50);
|
|
19150
19163
|
});
|
|
19151
|
-
var Button$6 = styled(Button$1)(_templateObject4$
|
|
19164
|
+
var Button$6 = styled(Button$1)(_templateObject4$x || (_templateObject4$x = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n"])), function (_ref4) {
|
|
19152
19165
|
var theme = _ref4.theme;
|
|
19153
19166
|
return theme.getColor('white', 50);
|
|
19154
19167
|
});
|