@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.js
CHANGED
|
@@ -12654,7 +12654,7 @@ var inputTimeWidth = {
|
|
|
12654
12654
|
};
|
|
12655
12655
|
|
|
12656
12656
|
var _templateObject$7, _templateObject2$7, _templateObject3$7;
|
|
12657
|
-
var BeforeAfterContainer = styled__default.div(_templateObject$7 || (_templateObject$7 = _taggedTemplateLiteralLoose(["\n ", "\n\n ", "\n\n display: flex;\n flex-direction: column;\n"])), function (_ref) {
|
|
12657
|
+
var BeforeAfterContainer = styled__default.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) {
|
|
12658
12658
|
var theme = _ref.theme,
|
|
12659
12659
|
fluid = _ref.$fluid,
|
|
12660
12660
|
spacing = _ref.$spacing;
|
|
@@ -12671,7 +12671,11 @@ var BeforeAfterContainer = styled__default.div(_templateObject$7 || (_templateOb
|
|
|
12671
12671
|
background = _ref2.$background;
|
|
12672
12672
|
if (!background) return;
|
|
12673
12673
|
var args = Array.isArray(background) ? background : [background];
|
|
12674
|
-
|
|
12674
|
+
var value = theme.getColor.apply(theme, args);
|
|
12675
|
+
return styled.css(_templateObject3$7 || (_templateObject3$7 = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n :after {\n background-color: ", ";\n }\n "])), value, value);
|
|
12676
|
+
}, function (_ref3) {
|
|
12677
|
+
var theme = _ref3.theme;
|
|
12678
|
+
return "calc(" + theme.spacings.s1 + " * .5)";
|
|
12675
12679
|
});
|
|
12676
12680
|
|
|
12677
12681
|
var _templateObject$8;
|
|
@@ -12683,10 +12687,16 @@ var Container$1 = styled__default.div(_templateObject$8 || (_templateObject$8 =
|
|
|
12683
12687
|
return theme.spacings.s1;
|
|
12684
12688
|
});
|
|
12685
12689
|
|
|
12686
|
-
var _templateObject$9, _templateObject2$8;
|
|
12687
|
-
var OverflowContainer = styled__default.div(_templateObject$9 || (_templateObject$9 = _taggedTemplateLiteralLoose(["\n overflow-y: scroll;\n overflow-y: overlay;\n width: 100%;\n position: relative;\n\n
|
|
12688
|
-
var height = _ref.$height
|
|
12689
|
-
|
|
12690
|
+
var _templateObject$9, _templateObject2$8, _templateObject3$8, _templateObject4$5;
|
|
12691
|
+
var OverflowContainer = styled__default.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) {
|
|
12692
|
+
var height = _ref.$height,
|
|
12693
|
+
maxHeight = _ref.$maxHeight;
|
|
12694
|
+
|
|
12695
|
+
if (height) {
|
|
12696
|
+
return styled.css(_templateObject2$8 || (_templateObject2$8 = _taggedTemplateLiteralLoose(["\n min-height: ", ";\n max-height: ", ";\n "])), height, maxHeight || height);
|
|
12697
|
+
}
|
|
12698
|
+
|
|
12699
|
+
return styled.css(_templateObject3$8 || (_templateObject3$8 = _taggedTemplateLiteralLoose(["\n max-height: ", ";\n "])), maxHeight || '100%');
|
|
12690
12700
|
}, function (_ref2) {
|
|
12691
12701
|
var theme = _ref2.theme;
|
|
12692
12702
|
return theme.colors.grey + " " + theme.colors.white;
|
|
@@ -12700,7 +12710,7 @@ var OverflowContainer = styled__default.div(_templateObject$9 || (_templateObjec
|
|
|
12700
12710
|
var spacing = _ref5.$spacing,
|
|
12701
12711
|
theme = _ref5.theme;
|
|
12702
12712
|
var value = getSpacings(spacing || '0', '0').split(' ');
|
|
12703
|
-
return styled.css(
|
|
12713
|
+
return styled.css(_templateObject4$5 || (_templateObject4$5 = _taggedTemplateLiteralLoose(["\n padding: ", " calc(", " * 1.5) ", "\n ", ";\n "])), value[0], theme.spacings.s1, value[2], value[3]);
|
|
12704
12714
|
});
|
|
12705
12715
|
|
|
12706
12716
|
var _templateObject$a;
|
|
@@ -12751,11 +12761,12 @@ var ScrollContainer = React__default.forwardRef(function (props, ref) {
|
|
|
12751
12761
|
|
|
12752
12762
|
var _onScroll = props.onScroll || function () {};
|
|
12753
12763
|
|
|
12754
|
-
var htmlProps = filterObject(props, ['onScrollEnd', 'before', 'after', 'loading', 'height', 'spacing', 'empty'], {
|
|
12764
|
+
var htmlProps = filterObject(props, ['onScrollEnd', 'before', 'after', 'loading', 'height', 'maxHeight', 'spacing', 'empty'], {
|
|
12755
12765
|
$height: props.height,
|
|
12766
|
+
$maxHeight: props.maxHeight,
|
|
12756
12767
|
$spacing: props.spacing
|
|
12757
12768
|
});
|
|
12758
|
-
return React__default.createElement(Container$1, null, getBeforeAfter(props.before), React__default.createElement(RelativeContainer, null,
|
|
12769
|
+
return React__default.createElement(Container$1, null, getBeforeAfter(props.before), React__default.createElement(RelativeContainer, null, React__default.createElement(OverflowContainer, Object.assign({
|
|
12759
12770
|
ref: ref
|
|
12760
12771
|
}, htmlProps, {
|
|
12761
12772
|
onScroll: function onScroll(event) {
|
|
@@ -12763,13 +12774,15 @@ var ScrollContainer = React__default.forwardRef(function (props, ref) {
|
|
|
12763
12774
|
|
|
12764
12775
|
_onScroll2(event);
|
|
12765
12776
|
}
|
|
12766
|
-
}
|
|
12777
|
+
}, props.empty && props.empty.empty ? {
|
|
12778
|
+
children: props.empty.content
|
|
12779
|
+
} : {})), loading && React__default.createElement(Loader, {
|
|
12767
12780
|
filled: true
|
|
12768
12781
|
})), getBeforeAfter(props.after));
|
|
12769
12782
|
});
|
|
12770
12783
|
ScrollContainer.displayName = 'ScrollContainer';
|
|
12771
12784
|
|
|
12772
|
-
var _templateObject$b, _templateObject2$9, _templateObject3$
|
|
12785
|
+
var _templateObject$b, _templateObject2$9, _templateObject3$9, _templateObject4$6, _templateObject5$5, _templateObject6$4, _templateObject7$4, _templateObject8$3, _templateObject9$3, _templateObject10$3;
|
|
12773
12786
|
var Option = styled__default.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) {
|
|
12774
12787
|
var theme = _ref.theme;
|
|
12775
12788
|
return theme.useTypography('p');
|
|
@@ -12789,7 +12802,7 @@ var Option = styled__default.div(_templateObject$b || (_templateObject$b = _tagg
|
|
|
12789
12802
|
return styled.css(_templateObject2$9 || (_templateObject2$9 = _taggedTemplateLiteralLoose(["\n cursor: pointer;\n "])));
|
|
12790
12803
|
}
|
|
12791
12804
|
|
|
12792
|
-
return styled.css(_templateObject3$
|
|
12805
|
+
return styled.css(_templateObject3$9 || (_templateObject3$9 = _taggedTemplateLiteralLoose(["\n pointer-events: none;\n opacity: 0.3;\n "])));
|
|
12793
12806
|
}, function (_ref6) {
|
|
12794
12807
|
var border = _ref6.border,
|
|
12795
12808
|
theme = _ref6.theme;
|
|
@@ -12802,7 +12815,7 @@ var Option = styled__default.div(_templateObject$b || (_templateObject$b = _tagg
|
|
|
12802
12815
|
var width = cfg.width || '1px';
|
|
12803
12816
|
var style = cfg.style || 'solid';
|
|
12804
12817
|
var color = isKeyOf(theme.colors, cfg.color) ? theme.colors[cfg.color] : cfg.color;
|
|
12805
|
-
return styled.css(_templateObject4$
|
|
12818
|
+
return styled.css(_templateObject4$6 || (_templateObject4$6 = _taggedTemplateLiteralLoose(["\n border-", "-width: ", ";\n border-", "-style: ", ";\n border-", "-color: ", ";\n "])), pos, width, pos, style, pos, color);
|
|
12806
12819
|
});
|
|
12807
12820
|
}, function (_ref7) {
|
|
12808
12821
|
var theme = _ref7.theme;
|
|
@@ -12947,7 +12960,7 @@ var MenuComponent = function MenuComponent(props, ref) {
|
|
|
12947
12960
|
|
|
12948
12961
|
var Menu = React__default.forwardRef(MenuComponent);
|
|
12949
12962
|
|
|
12950
|
-
var _templateObject$c, _templateObject2$a, _templateObject3$
|
|
12963
|
+
var _templateObject$c, _templateObject2$a, _templateObject3$a, _templateObject4$7, _templateObject5$6, _templateObject6$5, _templateObject7$5, _templateObject8$4, _templateObject9$4, _templateObject10$4;
|
|
12951
12964
|
var Container$3 = styled__default.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) {
|
|
12952
12965
|
var theme = _ref.theme;
|
|
12953
12966
|
return theme.spacings.s3;
|
|
@@ -12961,14 +12974,14 @@ var Container$3 = styled__default.div(_templateObject$c || (_templateObject$c =
|
|
|
12961
12974
|
var s3 = theme.spacings.s3;
|
|
12962
12975
|
return styled.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);
|
|
12963
12976
|
});
|
|
12964
|
-
var LabelContainer = styled__default.div(_templateObject3$
|
|
12977
|
+
var LabelContainer = styled__default.div(_templateObject3$a || (_templateObject3$a = _taggedTemplateLiteralLoose(["\n ", ";\n line-height: ", ";\n"])), function (_ref4) {
|
|
12965
12978
|
var theme = _ref4.theme;
|
|
12966
12979
|
return theme.useTypography('p');
|
|
12967
12980
|
}, function (_ref5) {
|
|
12968
12981
|
var theme = _ref5.theme;
|
|
12969
12982
|
return theme.spacings.s3;
|
|
12970
12983
|
});
|
|
12971
|
-
var CalendarContainer = styled__default.div(_templateObject4$
|
|
12984
|
+
var CalendarContainer = styled__default.div(_templateObject4$7 || (_templateObject4$7 = _taggedTemplateLiteralLoose(["\n border: 1px solid ", ";\n"])), function (_ref6) {
|
|
12972
12985
|
var theme = _ref6.theme;
|
|
12973
12986
|
return theme.colors.lightestGrey;
|
|
12974
12987
|
});
|
|
@@ -13108,7 +13121,7 @@ var Indicator = function Indicator(props) {
|
|
|
13108
13121
|
}, props)));
|
|
13109
13122
|
};
|
|
13110
13123
|
|
|
13111
|
-
var _templateObject$e, _templateObject2$c, _templateObject3$
|
|
13124
|
+
var _templateObject$e, _templateObject2$c, _templateObject3$b, _templateObject4$8, _templateObject5$7, _templateObject6$6, _templateObject7$6, _templateObject8$5, _templateObject9$5, _templateObject10$5, _templateObject11$2;
|
|
13112
13125
|
var Footer = styled__default.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"])));
|
|
13113
13126
|
var WeekContainer = styled__default.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) {
|
|
13114
13127
|
var theme = _ref.theme;
|
|
@@ -13129,11 +13142,11 @@ var WeekContainer = styled__default.div(_templateObject2$c || (_templateObject2$
|
|
|
13129
13142
|
var theme = _ref6.theme;
|
|
13130
13143
|
return theme.colors.lightestGrey;
|
|
13131
13144
|
});
|
|
13132
|
-
var Header = styled__default.div(_templateObject3$
|
|
13145
|
+
var Header = styled__default.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) {
|
|
13133
13146
|
var theme = _ref7.theme;
|
|
13134
13147
|
return theme.getColor('lightestGrey', 40);
|
|
13135
13148
|
}, WeekContainer);
|
|
13136
|
-
var DayContainer = styled__default.button(_templateObject4$
|
|
13149
|
+
var DayContainer = styled__default.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) {
|
|
13137
13150
|
var theme = _ref8.theme,
|
|
13138
13151
|
appearance = _ref8.appearance,
|
|
13139
13152
|
activeColor = _ref8.activeColor,
|
|
@@ -13768,7 +13781,7 @@ var getTimeProps = function getTimeProps(time, value) {
|
|
|
13768
13781
|
});
|
|
13769
13782
|
};
|
|
13770
13783
|
|
|
13771
|
-
var _templateObject$h, _templateObject2$d, _templateObject3$
|
|
13784
|
+
var _templateObject$h, _templateObject2$d, _templateObject3$c, _templateObject4$9, _templateObject5$8, _templateObject6$7, _templateObject7$7, _templateObject8$6, _templateObject9$6, _templateObject10$6;
|
|
13772
13785
|
var Button = styled__default.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) {
|
|
13773
13786
|
var theme = _ref.theme,
|
|
13774
13787
|
appearance = _ref.appearance;
|
|
@@ -13787,7 +13800,7 @@ var Button = styled__default.button(_templateObject$h || (_templateObject$h = _t
|
|
|
13787
13800
|
theme = _ref4.theme;
|
|
13788
13801
|
var bgColor = ['bordered', 'link', 'borderless'].includes(appearance) ? 'transparent' : theme.getColor(color || 'blue');
|
|
13789
13802
|
var borderColor = appearance !== 'bordered' ? bgColor : theme.getColor(color || 'blue');
|
|
13790
|
-
return styled.css(_templateObject3$
|
|
13803
|
+
return styled.css(_templateObject3$c || (_templateObject3$c = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n border: 1px solid ", ";\n "])), bgColor, borderColor);
|
|
13791
13804
|
}, function (_ref5) {
|
|
13792
13805
|
var appearance = _ref5.appearance,
|
|
13793
13806
|
color = _ref5.color,
|
|
@@ -13814,7 +13827,7 @@ var Button = styled__default.button(_templateObject$h || (_templateObject$h = _t
|
|
|
13814
13827
|
theme = _ref7.theme;
|
|
13815
13828
|
|
|
13816
13829
|
if (appearance === 'bordered') {
|
|
13817
|
-
return styled.css(_templateObject4$
|
|
13830
|
+
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));
|
|
13818
13831
|
} else if (['link', 'borderless'].includes(appearance)) {
|
|
13819
13832
|
return styled.css(_templateObject5$8 || (_templateObject5$8 = _taggedTemplateLiteralLoose(["\n color: ", ";\n "])), theme.colors.blue);
|
|
13820
13833
|
}
|
|
@@ -14623,7 +14636,7 @@ var Footer$1 = function Footer() {
|
|
|
14623
14636
|
});
|
|
14624
14637
|
};
|
|
14625
14638
|
|
|
14626
|
-
var _templateObject$m, _templateObject2$g, _templateObject3$
|
|
14639
|
+
var _templateObject$m, _templateObject2$g, _templateObject3$d, _templateObject4$a;
|
|
14627
14640
|
var Link = styled__default.div(_templateObject$m || (_templateObject$m = _taggedTemplateLiteralLoose(["\n ", "\n\n color: ", ";\n\n ", "\n"])), function (_ref) {
|
|
14628
14641
|
var size = _ref.size;
|
|
14629
14642
|
var _sizes = sizes$1[size || 'small'],
|
|
@@ -14642,17 +14655,17 @@ var Link = styled__default.div(_templateObject$m || (_templateObject$m = _tagged
|
|
|
14642
14655
|
disabled = _ref3.disabled,
|
|
14643
14656
|
theme = _ref3.theme,
|
|
14644
14657
|
colorSetting = _ref3.colorSetting;
|
|
14645
|
-
return disabled ? styled.css(_templateObject3$
|
|
14658
|
+
return disabled ? styled.css(_templateObject3$d || (_templateObject3$d = _taggedTemplateLiteralLoose(["\n opacity: 0.5;\n "]))) : onClick ? styled.css(_templateObject4$a || (_templateObject4$a = _taggedTemplateLiteralLoose(["\n cursor: pointer;\n :hover {\n color: ", ";\n }\n "])), theme.colors[_extends({
|
|
14646
14659
|
hover: 'blue'
|
|
14647
14660
|
}, colorSetting && typeof colorSetting !== 'string' ? colorSetting : {}).hover]) : null;
|
|
14648
14661
|
});
|
|
14649
14662
|
|
|
14650
|
-
var _templateObject$n, _templateObject2$h, _templateObject3$
|
|
14663
|
+
var _templateObject$n, _templateObject2$h, _templateObject3$e;
|
|
14651
14664
|
var HeaderContainer$1 = styled__default.div(_templateObject$n || (_templateObject$n = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
|
|
14652
14665
|
var theme = _ref.theme;
|
|
14653
14666
|
return styled.css(_templateObject2$h || (_templateObject2$h = _taggedTemplateLiteralLoose(["\n padding: ", " 0 ", " ", ";\n "])), theme.spacings.s3, theme.spacings.s1, theme.spacings.s3);
|
|
14654
14667
|
});
|
|
14655
|
-
var SelectAllContainer = styled__default.div(_templateObject3$
|
|
14668
|
+
var SelectAllContainer = styled__default.div(_templateObject3$e || (_templateObject3$e = _taggedTemplateLiteralLoose(["\n margin-bottom: ", ";\n display: flex;\n justify-content: space-between;\n"])), function (_ref2) {
|
|
14656
14669
|
var theme = _ref2.theme;
|
|
14657
14670
|
return theme.spacings.s1;
|
|
14658
14671
|
});
|
|
@@ -14821,12 +14834,12 @@ var useSelectMultiple = function useSelectMultiple(props) {
|
|
|
14821
14834
|
return returnData;
|
|
14822
14835
|
};
|
|
14823
14836
|
|
|
14824
|
-
var _templateObject$o, _templateObject2$i, _templateObject3$
|
|
14837
|
+
var _templateObject$o, _templateObject2$i, _templateObject3$f;
|
|
14825
14838
|
var RelativeContainer$2 = styled__default.div(_templateObject$o || (_templateObject$o = _taggedTemplateLiteralLoose(["\n position: relative;\n ", ";\n"])), function (_ref) {
|
|
14826
14839
|
var width = _ref.width;
|
|
14827
14840
|
return !width ? null : styled.css(_templateObject2$i || (_templateObject2$i = _taggedTemplateLiteralLoose(["\n width: ", ";\n "])), width);
|
|
14828
14841
|
});
|
|
14829
|
-
var EmptyContentContainer = styled__default.div(_templateObject3$
|
|
14842
|
+
var EmptyContentContainer = styled__default.div(_templateObject3$f || (_templateObject3$f = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: center;\n padding: ", ";\n"])), function (_ref2) {
|
|
14830
14843
|
var theme = _ref2.theme;
|
|
14831
14844
|
return theme.spacings.s3;
|
|
14832
14845
|
});
|
|
@@ -15231,10 +15244,10 @@ var countries = {
|
|
|
15231
15244
|
}
|
|
15232
15245
|
};
|
|
15233
15246
|
|
|
15234
|
-
var _templateObject$q, _templateObject2$k, _templateObject3$
|
|
15247
|
+
var _templateObject$q, _templateObject2$k, _templateObject3$g;
|
|
15235
15248
|
var IconContainer$1 = styled__default.div(_templateObject$q || (_templateObject$q = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n\n > i.icon {\n margin-top: -1px;\n }\n"])));
|
|
15236
15249
|
var RelativeContainer$3 = styled__default.div(_templateObject2$k || (_templateObject2$k = _taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
15237
|
-
var Label$3 = styled__default.div(_templateObject3$
|
|
15250
|
+
var Label$3 = styled__default.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) {
|
|
15238
15251
|
var theme = _ref.theme;
|
|
15239
15252
|
return theme.useTypography('p');
|
|
15240
15253
|
}, function (_ref2) {
|
|
@@ -15414,7 +15427,7 @@ var Phone = Object.assign(Component, {
|
|
|
15414
15427
|
getPhoneDetails: getPhoneDetails
|
|
15415
15428
|
});
|
|
15416
15429
|
|
|
15417
|
-
var _templateObject$r, _templateObject2$l, _templateObject3$
|
|
15430
|
+
var _templateObject$r, _templateObject2$l, _templateObject3$h, _templateObject4$b, _templateObject5$9, _templateObject6$8, _templateObject7$8, _templateObject8$7, _templateObject9$7;
|
|
15418
15431
|
var RelativeContainer$4 = styled__default.div(_templateObject$r || (_templateObject$r = _taggedTemplateLiteralLoose(["\n position: relative;\n\n input {\n color: transparent;\n }\n"])));
|
|
15419
15432
|
var LabelContainer$2 = styled__default.div(_templateObject2$l || (_templateObject2$l = _taggedTemplateLiteralLoose(["\n ", "\n line-height: ", ";\n"])), function (_ref) {
|
|
15420
15433
|
var theme = _ref.theme;
|
|
@@ -15423,14 +15436,14 @@ var LabelContainer$2 = styled__default.div(_templateObject2$l || (_templateObjec
|
|
|
15423
15436
|
var theme = _ref2.theme;
|
|
15424
15437
|
return theme.spacings.s3;
|
|
15425
15438
|
});
|
|
15426
|
-
var Container$5 = styled__default.div(_templateObject3$
|
|
15439
|
+
var Container$5 = styled__default.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) {
|
|
15427
15440
|
var theme = _ref3.theme,
|
|
15428
15441
|
iconWidth = _ref3.iconWidth,
|
|
15429
15442
|
paddingless = _ref3.paddingless;
|
|
15430
15443
|
var borderwidth = 1;
|
|
15431
15444
|
|
|
15432
15445
|
if (paddingless) {
|
|
15433
|
-
return styled.css(_templateObject4$
|
|
15446
|
+
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);
|
|
15434
15447
|
}
|
|
15435
15448
|
|
|
15436
15449
|
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);
|
|
@@ -15564,7 +15577,7 @@ var DatePicker = React__default.forwardRef(function (props, ref) {
|
|
|
15564
15577
|
});
|
|
15565
15578
|
DatePicker.displayName = 'DatePicker';
|
|
15566
15579
|
|
|
15567
|
-
var _templateObject$s, _templateObject2$m, _templateObject3$
|
|
15580
|
+
var _templateObject$s, _templateObject2$m, _templateObject3$i, _templateObject4$c, _templateObject5$a, _templateObject6$9, _templateObject7$9;
|
|
15568
15581
|
var LabelContainer$3 = styled__default.div(_templateObject$s || (_templateObject$s = _taggedTemplateLiteralLoose(["\n ", "\n line-height: 14px;\n display: flex;\n align-items: center;\n\n ", "\n"])), function (_ref) {
|
|
15569
15582
|
var theme = _ref.theme;
|
|
15570
15583
|
return theme.useTypography('p');
|
|
@@ -15573,14 +15586,14 @@ var LabelContainer$3 = styled__default.div(_templateObject$s || (_templateObject
|
|
|
15573
15586
|
if (!required) return;
|
|
15574
15587
|
return styled.css(_templateObject2$m || (_templateObject2$m = _taggedTemplateLiteralLoose(["\n :after {\n content: '*';\n }\n "])));
|
|
15575
15588
|
});
|
|
15576
|
-
var Label$4 = styled__default.label(_templateObject3$
|
|
15589
|
+
var Label$4 = styled__default.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) {
|
|
15577
15590
|
var theme = _ref3.theme;
|
|
15578
15591
|
return theme.spacings.s1;
|
|
15579
15592
|
}, function (_ref4) {
|
|
15580
15593
|
var disabled = _ref4.disabled;
|
|
15581
15594
|
|
|
15582
15595
|
if (!disabled) {
|
|
15583
|
-
return styled.css(_templateObject4$
|
|
15596
|
+
return styled.css(_templateObject4$c || (_templateObject4$c = _taggedTemplateLiteralLoose(["\n > span {\n cursor: pointer;\n }\n "])));
|
|
15584
15597
|
}
|
|
15585
15598
|
|
|
15586
15599
|
return styled.css(_templateObject5$a || (_templateObject5$a = _taggedTemplateLiteralLoose(["\n opacity: 0.5;\n "])));
|
|
@@ -15675,7 +15688,7 @@ var SelectedArea = styled__default.div(_templateObject$u || (_templateObject$u =
|
|
|
15675
15688
|
return percent;
|
|
15676
15689
|
});
|
|
15677
15690
|
|
|
15678
|
-
var _templateObject$v, _templateObject2$o, _templateObject3$
|
|
15691
|
+
var _templateObject$v, _templateObject2$o, _templateObject3$j;
|
|
15679
15692
|
var InputContainer$1 = styled__default.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) {
|
|
15680
15693
|
var theme = _ref.theme,
|
|
15681
15694
|
invalid = _ref.invalid;
|
|
@@ -15684,7 +15697,7 @@ var InputContainer$1 = styled__default.div(_templateObject$v || (_templateObject
|
|
|
15684
15697
|
return styled.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);
|
|
15685
15698
|
}
|
|
15686
15699
|
|
|
15687
|
-
return styled.css(_templateObject3$
|
|
15700
|
+
return styled.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);
|
|
15688
15701
|
});
|
|
15689
15702
|
|
|
15690
15703
|
var _templateObject$w;
|
|
@@ -15693,7 +15706,7 @@ var LabelContainer$4 = styled__default.div(_templateObject$w || (_templateObject
|
|
|
15693
15706
|
return theme.spacings.s1;
|
|
15694
15707
|
});
|
|
15695
15708
|
|
|
15696
|
-
var _templateObject$x, _templateObject2$p, _templateObject3$
|
|
15709
|
+
var _templateObject$x, _templateObject2$p, _templateObject3$k;
|
|
15697
15710
|
var NavBar = styled__default.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) {
|
|
15698
15711
|
var theme = _ref.theme;
|
|
15699
15712
|
return theme.spacings.s3;
|
|
@@ -15702,7 +15715,7 @@ var NavBar = styled__default.div(_templateObject$x || (_templateObject$x = _tagg
|
|
|
15702
15715
|
position = _ref2.$position,
|
|
15703
15716
|
strict = _ref2.$strict;
|
|
15704
15717
|
var distance = strict ? "calc(" + theme.spacings.s1 + " / 2)" : '0px';
|
|
15705
|
-
return position === 'bottom' ? styled.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) : styled.css(_templateObject3$
|
|
15718
|
+
return position === 'bottom' ? styled.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) : styled.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);
|
|
15706
15719
|
}, function (_ref3) {
|
|
15707
15720
|
var theme = _ref3.theme;
|
|
15708
15721
|
return theme.colors.blue;
|
|
@@ -15717,7 +15730,7 @@ var NavBar = styled__default.div(_templateObject$x || (_templateObject$x = _tagg
|
|
|
15717
15730
|
return theme.colors.blue;
|
|
15718
15731
|
});
|
|
15719
15732
|
|
|
15720
|
-
var _templateObject$y, _templateObject2$q, _templateObject3$
|
|
15733
|
+
var _templateObject$y, _templateObject2$q, _templateObject3$l;
|
|
15721
15734
|
var Label$5 = styled__default.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) {
|
|
15722
15735
|
var theme = _ref.theme;
|
|
15723
15736
|
return theme.useTypography('p');
|
|
@@ -15730,7 +15743,7 @@ var Label$5 = styled__default.label(_templateObject$y || (_templateObject$y = _t
|
|
|
15730
15743
|
return styled.css(_templateObject2$q || (_templateObject2$q = _taggedTemplateLiteralLoose(["\n opacity: 0.5;\n "])));
|
|
15731
15744
|
}, LabelContainer$4, function (_ref4) {
|
|
15732
15745
|
var required = _ref4.required;
|
|
15733
|
-
return required && styled.css(_templateObject3$
|
|
15746
|
+
return required && styled.css(_templateObject3$l || (_templateObject3$l = _taggedTemplateLiteralLoose(["\n :after {\n content: ' *';\n }\n "])));
|
|
15734
15747
|
}, NavBar);
|
|
15735
15748
|
|
|
15736
15749
|
var _templateObject$z, _templateObject2$r;
|
|
@@ -15747,7 +15760,7 @@ var Marker = styled__default.div(_templateObject$z || (_templateObject$z = _tagg
|
|
|
15747
15760
|
var _templateObject$A;
|
|
15748
15761
|
var MinMaxLabelContainer = styled__default.div(_templateObject$A || (_templateObject$A = _taggedTemplateLiteralLoose(["\n display: flex;\n padding-bottom: 2px;\n"])));
|
|
15749
15762
|
|
|
15750
|
-
var _templateObject$B, _templateObject2$s, _templateObject3$
|
|
15763
|
+
var _templateObject$B, _templateObject2$s, _templateObject3$m;
|
|
15751
15764
|
var LabelsContainer = styled__default.div(_templateObject$B || (_templateObject$B = _taggedTemplateLiteralLoose(["\n display: flex;\n gap: 7px;\n\n ", "\n"])), function (_ref) {
|
|
15752
15765
|
var position = _ref.position;
|
|
15753
15766
|
|
|
@@ -15755,7 +15768,7 @@ var LabelsContainer = styled__default.div(_templateObject$B || (_templateObject$
|
|
|
15755
15768
|
return styled.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);
|
|
15756
15769
|
}
|
|
15757
15770
|
|
|
15758
|
-
return styled.css(_templateObject3$
|
|
15771
|
+
return styled.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);
|
|
15759
15772
|
});
|
|
15760
15773
|
|
|
15761
15774
|
var _templateObject$C;
|
|
@@ -16014,7 +16027,7 @@ var Range = React__default.forwardRef(function (props, ref) {
|
|
|
16014
16027
|
});
|
|
16015
16028
|
Range.displayName = 'input';
|
|
16016
16029
|
|
|
16017
|
-
var _templateObject$D, _templateObject2$t, _templateObject3$
|
|
16030
|
+
var _templateObject$D, _templateObject2$t, _templateObject3$n, _templateObject4$d, _templateObject5$b, _templateObject6$a, _templateObject7$a;
|
|
16018
16031
|
var LabelContainer$5 = styled__default.div(_templateObject$D || (_templateObject$D = _taggedTemplateLiteralLoose(["\n ", "\n display: flex;\n align-items: center;\n"])), function (_ref) {
|
|
16019
16032
|
var theme = _ref.theme;
|
|
16020
16033
|
return theme.useTypography('p');
|
|
@@ -16026,10 +16039,10 @@ var Label$6 = styled__default.label(_templateObject2$t || (_templateObject2$t =
|
|
|
16026
16039
|
var disabled = _ref3.disabled;
|
|
16027
16040
|
|
|
16028
16041
|
if (!disabled) {
|
|
16029
|
-
return styled.css(_templateObject3$
|
|
16042
|
+
return styled.css(_templateObject3$n || (_templateObject3$n = _taggedTemplateLiteralLoose(["\n > span {\n cursor: pointer;\n }\n "])));
|
|
16030
16043
|
}
|
|
16031
16044
|
|
|
16032
|
-
return styled.css(_templateObject4$
|
|
16045
|
+
return styled.css(_templateObject4$d || (_templateObject4$d = _taggedTemplateLiteralLoose(["\n opacity: 0.5;\n "])));
|
|
16033
16046
|
}, function (_ref4) {
|
|
16034
16047
|
var required = _ref4.required;
|
|
16035
16048
|
if (!required) return;
|
|
@@ -16257,7 +16270,7 @@ var parse = function parse(value) {
|
|
|
16257
16270
|
});
|
|
16258
16271
|
};
|
|
16259
16272
|
|
|
16260
|
-
var _templateObject$E, _templateObject2$u, _templateObject3$
|
|
16273
|
+
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;
|
|
16261
16274
|
var RelativeContainer$5 = styled__default.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"])));
|
|
16262
16275
|
var LabelContainer$6 = styled__default.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) {
|
|
16263
16276
|
var theme = _ref.theme;
|
|
@@ -16265,14 +16278,14 @@ var LabelContainer$6 = styled__default.div(_templateObject2$u || (_templateObjec
|
|
|
16265
16278
|
}, function (_ref2) {
|
|
16266
16279
|
var children = _ref2.children;
|
|
16267
16280
|
if (children) return;
|
|
16268
|
-
return styled.css(_templateObject3$
|
|
16281
|
+
return styled.css(_templateObject3$o || (_templateObject3$o = _taggedTemplateLiteralLoose(["\n :after {\n content: '--/--/-- (--:--) \xE0 --/--/-- (--:--)';\n color: ", ";\n }\n "])), function (_ref3) {
|
|
16269
16282
|
var theme = _ref3.theme;
|
|
16270
16283
|
return theme.colors.darkGrey;
|
|
16271
16284
|
});
|
|
16272
16285
|
}, function (_ref4) {
|
|
16273
16286
|
var onClick = _ref4.onClick;
|
|
16274
16287
|
if (!onClick) return;
|
|
16275
|
-
return styled.css(_templateObject4$
|
|
16288
|
+
return styled.css(_templateObject4$e || (_templateObject4$e = _taggedTemplateLiteralLoose(["\n :not(:disabled) {\n cursor: pointer;\n }\n "])));
|
|
16276
16289
|
});
|
|
16277
16290
|
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) {
|
|
16278
16291
|
var theme = _ref5.theme;
|
|
@@ -16657,7 +16670,7 @@ var Tag$1 = function Tag$1(props) {
|
|
|
16657
16670
|
})));
|
|
16658
16671
|
};
|
|
16659
16672
|
|
|
16660
|
-
var _templateObject$I, _templateObject2$w, _templateObject3$
|
|
16673
|
+
var _templateObject$I, _templateObject2$w, _templateObject3$p;
|
|
16661
16674
|
var Label$9 = styled__default.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) {
|
|
16662
16675
|
var theme = _ref.theme;
|
|
16663
16676
|
return theme.useTypography('p');
|
|
@@ -16672,7 +16685,7 @@ var Label$9 = styled__default.label(_templateObject$I || (_templateObject$I = _t
|
|
|
16672
16685
|
if (!disabled) return;
|
|
16673
16686
|
return styled.css(_templateObject2$w || (_templateObject2$w = _taggedTemplateLiteralLoose(["\n opacity: 0.5;\n "])));
|
|
16674
16687
|
});
|
|
16675
|
-
var TagContainer = styled__default.div(_templateObject3$
|
|
16688
|
+
var TagContainer = styled__default.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) {
|
|
16676
16689
|
var theme = _ref5.theme,
|
|
16677
16690
|
invalid = _ref5.invalid;
|
|
16678
16691
|
return theme.colors[invalid ? 'warningRed' : 'lightGrey'];
|
|
@@ -17154,7 +17167,7 @@ var Input$5 = Object.assign(Component$2, {
|
|
|
17154
17167
|
getPhoneDetails: Phone.getPhoneDetails
|
|
17155
17168
|
});
|
|
17156
17169
|
|
|
17157
|
-
var _templateObject$K, _templateObject2$x, _templateObject3$
|
|
17170
|
+
var _templateObject$K, _templateObject2$x, _templateObject3$q, _templateObject4$f;
|
|
17158
17171
|
var Container$7 = styled__default(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) {
|
|
17159
17172
|
var theme = _ref.theme;
|
|
17160
17173
|
return theme.colors.white;
|
|
@@ -17169,7 +17182,7 @@ var Header$3 = styled__default.div(_templateObject2$x || (_templateObject2$x = _
|
|
|
17169
17182
|
var s3 = _ref4.theme.spacings.s3;
|
|
17170
17183
|
return "0 " + s3 + " " + s3 + " 0";
|
|
17171
17184
|
});
|
|
17172
|
-
var Title = styled__default.div(_templateObject3$
|
|
17185
|
+
var Title = styled__default.div(_templateObject3$q || (_templateObject3$q = _taggedTemplateLiteralLoose(["\n ", "\n color: ", ";\n"])), function (_ref5) {
|
|
17173
17186
|
var useTypography = _ref5.theme.useTypography;
|
|
17174
17187
|
return useTypography('p', {
|
|
17175
17188
|
fontWeight: 'bold'
|
|
@@ -17178,7 +17191,7 @@ var Title = styled__default.div(_templateObject3$p || (_templateObject3$p = _tag
|
|
|
17178
17191
|
var getColor = _ref6.theme.getColor;
|
|
17179
17192
|
return getColor('greyishBlue', 50);
|
|
17180
17193
|
});
|
|
17181
|
-
var Item = styled__default.div(_templateObject4$
|
|
17194
|
+
var Item = styled__default.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) {
|
|
17182
17195
|
var s1 = _ref7.theme.spacings.s1;
|
|
17183
17196
|
return s1 + " " + s1 + " " + s1 + " 0";
|
|
17184
17197
|
}, function (_ref8) {
|
|
@@ -17292,7 +17305,7 @@ var AppliedFiltersMenu = function AppliedFiltersMenu(props) {
|
|
|
17292
17305
|
}))));
|
|
17293
17306
|
};
|
|
17294
17307
|
|
|
17295
|
-
var _templateObject$L, _templateObject2$y, _templateObject3$
|
|
17308
|
+
var _templateObject$L, _templateObject2$y, _templateObject3$r;
|
|
17296
17309
|
var Container$8 = styled__default.div(_templateObject$L || (_templateObject$L = _taggedTemplateLiteralLoose(["\n display: flex;\n gap: ", ";\n align-items: center;\n color: ", ";\n\n ", "\n"])), function (_ref) {
|
|
17297
17310
|
var theme = _ref.theme,
|
|
17298
17311
|
gap = _ref.$gap;
|
|
@@ -17307,7 +17320,7 @@ var Container$8 = styled__default.div(_templateObject$L || (_templateObject$L =
|
|
|
17307
17320
|
return styled.css(_templateObject2$y || (_templateObject2$y = _taggedTemplateLiteralLoose(["\n opacity: 0.3;\n pointer-events: none;\n "])));
|
|
17308
17321
|
}
|
|
17309
17322
|
|
|
17310
|
-
return styled.css(_templateObject3$
|
|
17323
|
+
return styled.css(_templateObject3$r || (_templateObject3$r = _taggedTemplateLiteralLoose(["\n cursor: pointer;\n "])));
|
|
17311
17324
|
});
|
|
17312
17325
|
|
|
17313
17326
|
var Button$5 = function Button(props) {
|
|
@@ -17359,13 +17372,13 @@ var AppliedFilters = Object.assign(function (props) {
|
|
|
17359
17372
|
Menu: AppliedFiltersMenu
|
|
17360
17373
|
});
|
|
17361
17374
|
|
|
17362
|
-
var _templateObject$M, _templateObject2$z, _templateObject3$
|
|
17375
|
+
var _templateObject$M, _templateObject2$z, _templateObject3$s, _templateObject4$g, _templateObject5$d, _templateObject6$c, _templateObject7$c, _templateObject8$9, _templateObject9$9, _templateObject10$8;
|
|
17363
17376
|
var Container$9 = styled__default.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) {
|
|
17364
17377
|
return props.size === 'mini' && styled.css(_templateObject2$z || (_templateObject2$z = _taggedTemplateLiteralLoose(["\n width: 394px;\n height: 99px;\n "])));
|
|
17365
17378
|
}, function (props) {
|
|
17366
|
-
return props.size === 'small' && styled.css(_templateObject3$
|
|
17379
|
+
return props.size === 'small' && styled.css(_templateObject3$s || (_templateObject3$s = _taggedTemplateLiteralLoose(["\n width: 394px;\n height: 131px;\n "])));
|
|
17367
17380
|
}, function (props) {
|
|
17368
|
-
return props.size === 'medium' && styled.css(_templateObject4$
|
|
17381
|
+
return props.size === 'medium' && styled.css(_templateObject4$g || (_templateObject4$g = _taggedTemplateLiteralLoose(["\n width: 394px;\n "])));
|
|
17369
17382
|
}, function (props) {
|
|
17370
17383
|
return props.size === 'big' && styled.css(_templateObject5$d || (_templateObject5$d = _taggedTemplateLiteralLoose(["\n width: 414px;\n height: 324px;\n "])));
|
|
17371
17384
|
}, function (props) {
|
|
@@ -17800,7 +17813,7 @@ var useContext$2 = function useContext() {
|
|
|
17800
17813
|
return React__default.useContext(Provider$2);
|
|
17801
17814
|
};
|
|
17802
17815
|
|
|
17803
|
-
var _templateObject$P, _templateObject2$A, _templateObject3$
|
|
17816
|
+
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;
|
|
17804
17817
|
var aligns = {
|
|
17805
17818
|
self: {
|
|
17806
17819
|
horizontal: {
|
|
@@ -17835,11 +17848,11 @@ var Col = styled__default.div(_templateObject$P || (_templateObject$P = _taggedT
|
|
|
17835
17848
|
if (width === undefined) {
|
|
17836
17849
|
return styled.css(_templateObject2$A || (_templateObject2$A = _taggedTemplateLiteralLoose(["\n flex-basis: 0;\n flex-grow: 1;\n max-width: 100%;\n width: 100%;\n "])));
|
|
17837
17850
|
} else if (width === 'auto') {
|
|
17838
|
-
return styled.css(_templateObject3$
|
|
17851
|
+
return styled.css(_templateObject3$t || (_templateObject3$t = _taggedTemplateLiteralLoose(["\n flex: 0 0 auto;\n width: auto;\n max-width: none;\n "])));
|
|
17839
17852
|
}
|
|
17840
17853
|
|
|
17841
17854
|
var w = parseFloat(width) * 100 / 12;
|
|
17842
|
-
return styled.css(_templateObject4$
|
|
17855
|
+
return styled.css(_templateObject4$h || (_templateObject4$h = _taggedTemplateLiteralLoose(["\n flex: 0 0 ", "%;\n max-width: ", "%;\n width: 100%;\n "])), w, w);
|
|
17843
17856
|
}, function (_ref2) {
|
|
17844
17857
|
var spacing = _ref2.spacing;
|
|
17845
17858
|
var padding = getSpacings(spacing === undefined ? 's1' : spacing);
|
|
@@ -17937,7 +17950,7 @@ var useContext$3 = function useContext() {
|
|
|
17937
17950
|
return React__default.useContext(Provider$3);
|
|
17938
17951
|
};
|
|
17939
17952
|
|
|
17940
|
-
var _templateObject$Q, _templateObject2$B, _templateObject3$
|
|
17953
|
+
var _templateObject$Q, _templateObject2$B, _templateObject3$u;
|
|
17941
17954
|
var Grid = styled__default.div(_templateObject$Q || (_templateObject$Q = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n width: 100%;\n\n ", "\n\n ", "\n"])), function (_ref) {
|
|
17942
17955
|
var spacing = _ref.spacing;
|
|
17943
17956
|
if (spacing === undefined) return;
|
|
@@ -17947,7 +17960,7 @@ var Grid = styled__default.div(_templateObject$Q || (_templateObject$Q = _tagged
|
|
|
17947
17960
|
var borderless = _ref2.borderless,
|
|
17948
17961
|
lightestGrey = _ref2.theme.colors.lightestGrey;
|
|
17949
17962
|
if (borderless) return;
|
|
17950
|
-
return styled.css(_templateObject3$
|
|
17963
|
+
return styled.css(_templateObject3$u || (_templateObject3$u = _taggedTemplateLiteralLoose(["\n border: 1px solid ", ";\n "])), lightestGrey);
|
|
17951
17964
|
});
|
|
17952
17965
|
|
|
17953
17966
|
var Grid$1 = React__default.forwardRef(function (props, ref) {
|
|
@@ -17965,7 +17978,7 @@ var Grid$1 = React__default.forwardRef(function (props, ref) {
|
|
|
17965
17978
|
});
|
|
17966
17979
|
Grid$1.displayName = 'Grid';
|
|
17967
17980
|
|
|
17968
|
-
var _templateObject$R, _templateObject2$C, _templateObject3$
|
|
17981
|
+
var _templateObject$R, _templateObject2$C, _templateObject3$v, _templateObject4$i, _templateObject5$f, _templateObject6$e, _templateObject7$e, _templateObject8$b, _templateObject9$b, _templateObject10$a;
|
|
17969
17982
|
var horizontalAligns = {
|
|
17970
17983
|
around: 'space-around',
|
|
17971
17984
|
between: 'space-between',
|
|
@@ -17986,11 +17999,11 @@ var Row = styled__default.div(_templateObject$R || (_templateObject$R = _taggedT
|
|
|
17986
17999
|
}, function (_ref2) {
|
|
17987
18000
|
var spacingAround = _ref2.spacingAround;
|
|
17988
18001
|
if (spacingAround) return;
|
|
17989
|
-
return styled.css(_templateObject3$
|
|
18002
|
+
return styled.css(_templateObject3$v || (_templateObject3$v = _taggedTemplateLiteralLoose(["\n :first-child {\n padding-top: 0;\n }\n :last-child {\n padding-bottom: 0;\n }\n "])));
|
|
17990
18003
|
}, function (_ref3) {
|
|
17991
18004
|
var horizontalAlign = _ref3.horizontalAlign;
|
|
17992
18005
|
if (horizontalAlign === undefined) return;
|
|
17993
|
-
return styled.css(_templateObject4$
|
|
18006
|
+
return styled.css(_templateObject4$i || (_templateObject4$i = _taggedTemplateLiteralLoose(["\n justify-content: ", ";\n "])), horizontalAligns[horizontalAlign]);
|
|
17994
18007
|
}, function (_ref4) {
|
|
17995
18008
|
var verticalAlign = _ref4.verticalAlign;
|
|
17996
18009
|
if (verticalAlign === undefined) return;
|
|
@@ -18096,18 +18109,18 @@ var widths = {
|
|
|
18096
18109
|
default: '642.5px'
|
|
18097
18110
|
};
|
|
18098
18111
|
|
|
18099
|
-
var _templateObject$S, _templateObject2$D, _templateObject3$
|
|
18112
|
+
var _templateObject$S, _templateObject2$D, _templateObject3$w, _templateObject4$j, _templateObject5$g, _templateObject6$f, _templateObject7$f, _templateObject8$c, _templateObject9$c, _templateObject10$b;
|
|
18100
18113
|
var Background = styled__default.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) {
|
|
18101
18114
|
var theme = _ref.theme;
|
|
18102
18115
|
return theme.getColor('black', 25);
|
|
18103
18116
|
});
|
|
18104
18117
|
var Content = styled__default.div(_templateObject2$D || (_templateObject2$D = _taggedTemplateLiteralLoose(["\n flex: 1;\n position: relative;\n"])));
|
|
18105
|
-
var Header$5 = styled__default.div(_templateObject3$
|
|
18118
|
+
var Header$5 = styled__default.div(_templateObject3$w || (_templateObject3$w = _taggedTemplateLiteralLoose(["\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n\n ", "\n"])), function (_ref2) {
|
|
18106
18119
|
var _ref2$theme = _ref2.theme,
|
|
18107
18120
|
colors = _ref2$theme.colors,
|
|
18108
18121
|
spacings = _ref2$theme.spacings,
|
|
18109
18122
|
useTypography = _ref2$theme.useTypography;
|
|
18110
|
-
return styled.css(_templateObject4$
|
|
18123
|
+
return styled.css(_templateObject4$j || (_templateObject4$j = _taggedTemplateLiteralLoose(["\n border-bottom: 1px solid ", ";\n padding: ", ";\n\n ", "\n "])), colors.lightestGrey, spacings.s4, useTypography('h1'));
|
|
18111
18124
|
});
|
|
18112
18125
|
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) {
|
|
18113
18126
|
var _ref3$theme = _ref3.theme,
|
|
@@ -18326,11 +18339,11 @@ var Modal$1 = Object.assign(Modal, {
|
|
|
18326
18339
|
Audit: Audit
|
|
18327
18340
|
});
|
|
18328
18341
|
|
|
18329
|
-
var _templateObject$W, _templateObject2$E, _templateObject3$
|
|
18342
|
+
var _templateObject$W, _templateObject2$E, _templateObject3$x, _templateObject4$k, _templateObject5$h, _templateObject6$g, _templateObject7$g, _templateObject8$d, _templateObject9$d, _templateObject10$c, _templateObject11$5;
|
|
18330
18343
|
var Container$c = styled__default.div(_templateObject$W || (_templateObject$W = _taggedTemplateLiteralLoose(["\n width: 100%;\n height: 300px;\n position: absolute;\n padding: 14px;\n"])));
|
|
18331
18344
|
var Header$6 = styled__default.div(_templateObject2$E || (_templateObject2$E = _taggedTemplateLiteralLoose(["\n display: flex;\n"])));
|
|
18332
|
-
var HeaderImage = styled__default.div(_templateObject3$
|
|
18333
|
-
var HeaderContent = styled__default.div(_templateObject4$
|
|
18345
|
+
var HeaderImage = styled__default.div(_templateObject3$x || (_templateObject3$x = _taggedTemplateLiteralLoose(["\n width: 43px;\n height: 44px;\n background-color: #ebebeb;\n"])));
|
|
18346
|
+
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"])));
|
|
18334
18347
|
var MainContent = styled__default.div(_templateObject5$h || (_templateObject5$h = _taggedTemplateLiteralLoose(["\n margin-top: 8px;\n"])));
|
|
18335
18348
|
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) {
|
|
18336
18349
|
return props.height;
|
|
@@ -18378,24 +18391,24 @@ var Template1 = function Template1(props) {
|
|
|
18378
18391
|
})));
|
|
18379
18392
|
};
|
|
18380
18393
|
|
|
18381
|
-
var _templateObject$X, _templateObject2$F, _templateObject3$
|
|
18394
|
+
var _templateObject$X, _templateObject2$F, _templateObject3$y, _templateObject4$l, _templateObject5$i;
|
|
18382
18395
|
var HeaderLine$1 = styled__default.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) {
|
|
18383
18396
|
return props.height;
|
|
18384
18397
|
}, function (props) {
|
|
18385
18398
|
return props.size === 'mini' && styled.css(_templateObject2$F || (_templateObject2$F = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
|
|
18386
18399
|
}, function (props) {
|
|
18387
|
-
return props.size === 'small' && styled.css(_templateObject3$
|
|
18400
|
+
return props.size === 'small' && styled.css(_templateObject3$y || (_templateObject3$y = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
|
|
18388
18401
|
}, function (props) {
|
|
18389
|
-
return props.size === 'medium' && styled.css(_templateObject4$
|
|
18402
|
+
return props.size === 'medium' && styled.css(_templateObject4$l || (_templateObject4$l = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
|
|
18390
18403
|
}, function (props) {
|
|
18391
18404
|
return props.size === 'large' && styled.css(_templateObject5$i || (_templateObject5$i = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
|
|
18392
18405
|
});
|
|
18393
18406
|
|
|
18394
|
-
var _templateObject$Y, _templateObject2$G, _templateObject3$
|
|
18407
|
+
var _templateObject$Y, _templateObject2$G, _templateObject3$z, _templateObject4$m, _templateObject5$j, _templateObject6$h, _templateObject7$h, _templateObject8$e;
|
|
18395
18408
|
var Container$d = styled__default.div(_templateObject$Y || (_templateObject$Y = _taggedTemplateLiteralLoose(["\n width: 100%;\n max-height: 100%;\n position: absolute;\n padding: 14px;\n"])));
|
|
18396
18409
|
var Template2Container = styled__default(Container$d)(_templateObject2$G || (_templateObject2$G = _taggedTemplateLiteralLoose(["\n background: #fff;\n border: 2px solid #ebebeb;\n"])));
|
|
18397
|
-
var Header$7 = styled__default.div(_templateObject3$
|
|
18398
|
-
var HeaderImage$1 = styled__default.div(_templateObject4$
|
|
18410
|
+
var Header$7 = styled__default.div(_templateObject3$z || (_templateObject3$z = _taggedTemplateLiteralLoose(["\n display: flex;\n"])));
|
|
18411
|
+
var HeaderImage$1 = styled__default.div(_templateObject4$m || (_templateObject4$m = _taggedTemplateLiteralLoose(["\n width: 43px;\n height: 44px;\n background-color: #ebebeb;\n"])));
|
|
18399
18412
|
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"])));
|
|
18400
18413
|
var MainContent$1 = styled__default.div(_templateObject6$h || (_templateObject6$h = _taggedTemplateLiteralLoose(["\n margin-top: 8px;\n"])));
|
|
18401
18414
|
var MainLine$1 = styled__default(HeaderLine$1)(_templateObject7$h || (_templateObject7$h = _taggedTemplateLiteralLoose(["\n margin-bottom: 14px;\n margin-left: 0;\n"])));
|
|
@@ -18422,10 +18435,10 @@ var Template2 = function Template2(props) {
|
|
|
18422
18435
|
})));
|
|
18423
18436
|
};
|
|
18424
18437
|
|
|
18425
|
-
var _templateObject$Z, _templateObject2$H, _templateObject3$
|
|
18438
|
+
var _templateObject$Z, _templateObject2$H, _templateObject3$A;
|
|
18426
18439
|
var Container$e = styled__default.div(_templateObject$Z || (_templateObject$Z = _taggedTemplateLiteralLoose(["\n width: 100%;\n max-height: 100%;\n position: absolute;\n padding: 14px;\n"])));
|
|
18427
18440
|
var Template3Container = styled__default(Container$e)(_templateObject2$H || (_templateObject2$H = _taggedTemplateLiteralLoose([""])));
|
|
18428
|
-
var Template3Line = styled__default(HeaderLine$1)(_templateObject3$
|
|
18441
|
+
var Template3Line = styled__default(HeaderLine$1)(_templateObject3$A || (_templateObject3$A = _taggedTemplateLiteralLoose(["\n background-color: #dadada;\n height: ", ";\n"])), function (props) {
|
|
18429
18442
|
return props.height;
|
|
18430
18443
|
});
|
|
18431
18444
|
|
|
@@ -18454,14 +18467,14 @@ var Template3 = function Template3(props) {
|
|
|
18454
18467
|
}));
|
|
18455
18468
|
};
|
|
18456
18469
|
|
|
18457
|
-
var _templateObject$_, _templateObject2$I, _templateObject3$
|
|
18470
|
+
var _templateObject$_, _templateObject2$I, _templateObject3$B, _templateObject4$n, _templateObject5$k, _templateObject6$i, _templateObject7$i, _templateObject8$f;
|
|
18458
18471
|
var Container$f = styled__default.div(_templateObject$_ || (_templateObject$_ = _taggedTemplateLiteralLoose(["\n width: 100%;\n max-height: 100%;\n position: absolute;\n padding: 14px;\n"])));
|
|
18459
18472
|
var HeaderLine$3 = styled__default.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) {
|
|
18460
18473
|
return props.height;
|
|
18461
18474
|
}, function (props) {
|
|
18462
|
-
return props.size === 'mini' && styled.css(_templateObject3$
|
|
18475
|
+
return props.size === 'mini' && styled.css(_templateObject3$B || (_templateObject3$B = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
|
|
18463
18476
|
}, function (props) {
|
|
18464
|
-
return props.size === 'small' && styled.css(_templateObject4$
|
|
18477
|
+
return props.size === 'small' && styled.css(_templateObject4$n || (_templateObject4$n = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
|
|
18465
18478
|
}, function (props) {
|
|
18466
18479
|
return props.size === 'medium' && styled.css(_templateObject5$k || (_templateObject5$k = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
|
|
18467
18480
|
}, function (props) {
|
|
@@ -18521,13 +18534,13 @@ var Template4 = function Template4(props) {
|
|
|
18521
18534
|
}));
|
|
18522
18535
|
};
|
|
18523
18536
|
|
|
18524
|
-
var _templateObject$$, _templateObject2$J, _templateObject3$
|
|
18537
|
+
var _templateObject$$, _templateObject2$J, _templateObject3$C, _templateObject4$o, _templateObject5$l, _templateObject6$j, _templateObject7$j, _templateObject8$g, _templateObject9$e;
|
|
18525
18538
|
var Container$g = styled__default.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"])));
|
|
18526
18539
|
var Circle = styled__default.div(_templateObject2$J || (_templateObject2$J = _taggedTemplateLiteralLoose(["\n width: 141px;\n height: 141px;\n background-color: #dddedf;\n border-radius: 50%;\n"])));
|
|
18527
|
-
var HeaderLine$4 = styled__default.div(_templateObject3$
|
|
18540
|
+
var HeaderLine$4 = styled__default.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) {
|
|
18528
18541
|
return props.height;
|
|
18529
18542
|
}, function (props) {
|
|
18530
|
-
return props.size === 'mini' && styled.css(_templateObject4$
|
|
18543
|
+
return props.size === 'mini' && styled.css(_templateObject4$o || (_templateObject4$o = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
|
|
18531
18544
|
}, function (props) {
|
|
18532
18545
|
return props.size === 'small' && styled.css(_templateObject5$l || (_templateObject5$l = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
|
|
18533
18546
|
}, function (props) {
|
|
@@ -18569,11 +18582,11 @@ var Template5 = function Template5(props) {
|
|
|
18569
18582
|
})));
|
|
18570
18583
|
};
|
|
18571
18584
|
|
|
18572
|
-
var _templateObject$10, _templateObject2$K, _templateObject3$
|
|
18585
|
+
var _templateObject$10, _templateObject2$K, _templateObject3$D, _templateObject4$p, _templateObject5$m, _templateObject6$k, _templateObject7$k, _templateObject8$h, _templateObject9$f;
|
|
18573
18586
|
var Container$h = styled__default.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"])));
|
|
18574
18587
|
var Header$8 = styled__default.div(_templateObject2$K || (_templateObject2$K = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding: 14px;\n"])));
|
|
18575
|
-
var Footer$3 = styled__default.div(_templateObject3$
|
|
18576
|
-
var HeaderLine$5 = styled__default.div(_templateObject4$
|
|
18588
|
+
var Footer$3 = styled__default.div(_templateObject3$D || (_templateObject3$D = _taggedTemplateLiteralLoose(["\n width: 100%;\n border-top: 1px solid #b1b1b3;\n height: 50px;\n"])));
|
|
18589
|
+
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) {
|
|
18577
18590
|
return props.height;
|
|
18578
18591
|
}, function (props) {
|
|
18579
18592
|
return props.size === 'mini' && styled.css(_templateObject5$m || (_templateObject5$m = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
|
|
@@ -18612,13 +18625,13 @@ var Template6 = function Template6(props) {
|
|
|
18612
18625
|
})));
|
|
18613
18626
|
};
|
|
18614
18627
|
|
|
18615
|
-
var _templateObject$11, _templateObject2$L, _templateObject3$
|
|
18628
|
+
var _templateObject$11, _templateObject2$L, _templateObject3$E, _templateObject4$q, _templateObject5$n, _templateObject6$l, _templateObject7$l, _templateObject8$i, _templateObject9$g, _templateObject10$d;
|
|
18616
18629
|
var Container$i = styled__default.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"])));
|
|
18617
18630
|
var Header$9 = 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"])));
|
|
18618
|
-
var HeaderLine$6 = styled__default.div(_templateObject3$
|
|
18631
|
+
var HeaderLine$6 = 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) {
|
|
18619
18632
|
return props.height;
|
|
18620
18633
|
}, function (props) {
|
|
18621
|
-
return props.size === 'mini' && styled.css(_templateObject4$
|
|
18634
|
+
return props.size === 'mini' && styled.css(_templateObject4$q || (_templateObject4$q = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
|
|
18622
18635
|
}, function (props) {
|
|
18623
18636
|
return props.size === 'small' && styled.css(_templateObject5$n || (_templateObject5$n = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
|
|
18624
18637
|
}, function (props) {
|
|
@@ -18646,13 +18659,13 @@ var Template7 = function Template7(props) {
|
|
|
18646
18659
|
})), 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)));
|
|
18647
18660
|
};
|
|
18648
18661
|
|
|
18649
|
-
var _templateObject$12, _templateObject2$M, _templateObject3$
|
|
18662
|
+
var _templateObject$12, _templateObject2$M, _templateObject3$F, _templateObject4$r, _templateObject5$o, _templateObject6$m, _templateObject7$m, _templateObject8$j, _templateObject9$h;
|
|
18650
18663
|
var Container$j = styled__default.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"])));
|
|
18651
18664
|
var Header$a = 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"])));
|
|
18652
|
-
var HeaderLine$7 = styled__default.div(_templateObject3$
|
|
18665
|
+
var HeaderLine$7 = styled__default.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) {
|
|
18653
18666
|
return props.height;
|
|
18654
18667
|
}, function (props) {
|
|
18655
|
-
return props.size === 'mini' && styled.css(_templateObject4$
|
|
18668
|
+
return props.size === 'mini' && styled.css(_templateObject4$r || (_templateObject4$r = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
|
|
18656
18669
|
}, function (props) {
|
|
18657
18670
|
return props.size === 'small' && styled.css(_templateObject5$o || (_templateObject5$o = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
|
|
18658
18671
|
}, function (props) {
|
|
@@ -18689,13 +18702,13 @@ var Template8 = function Template8(props) {
|
|
|
18689
18702
|
})));
|
|
18690
18703
|
};
|
|
18691
18704
|
|
|
18692
|
-
var _templateObject$13, _templateObject2$N, _templateObject3$
|
|
18705
|
+
var _templateObject$13, _templateObject2$N, _templateObject3$G, _templateObject4$s, _templateObject5$p, _templateObject6$n, _templateObject7$n, _templateObject8$k, _templateObject9$i, _templateObject10$e;
|
|
18693
18706
|
var Container$k = styled__default.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"])));
|
|
18694
18707
|
var Header$b = 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"])));
|
|
18695
|
-
var HeaderLine$8 = styled__default.div(_templateObject3$
|
|
18708
|
+
var HeaderLine$8 = 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
18709
|
return props.height;
|
|
18697
18710
|
}, function (props) {
|
|
18698
|
-
return props.size === 'mini' && styled.css(_templateObject4$
|
|
18711
|
+
return props.size === 'mini' && styled.css(_templateObject4$s || (_templateObject4$s = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
|
|
18699
18712
|
}, function (props) {
|
|
18700
18713
|
return props.size === 'small' && styled.css(_templateObject5$p || (_templateObject5$p = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
|
|
18701
18714
|
}, function (props) {
|
|
@@ -18728,13 +18741,13 @@ var Template8$1 = function Template8(props) {
|
|
|
18728
18741
|
})), React__default.createElement(Main$4, null, React__default.createElement(Circle$2, null)));
|
|
18729
18742
|
};
|
|
18730
18743
|
|
|
18731
|
-
var _templateObject$14, _templateObject2$O, _templateObject3$
|
|
18744
|
+
var _templateObject$14, _templateObject2$O, _templateObject3$H, _templateObject4$t, _templateObject5$q, _templateObject6$o, _templateObject7$o, _templateObject8$l, _templateObject9$j, _templateObject10$f, _templateObject11$6;
|
|
18732
18745
|
var Container$l = styled__default.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"])));
|
|
18733
18746
|
var Header$c = styled__default.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"])));
|
|
18734
|
-
var HeaderLine$9 = styled__default.div(_templateObject3$
|
|
18747
|
+
var HeaderLine$9 = styled__default.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) {
|
|
18735
18748
|
return props.height;
|
|
18736
18749
|
}, function (props) {
|
|
18737
|
-
return props.size === 'mini' && styled.css(_templateObject4$
|
|
18750
|
+
return props.size === 'mini' && styled.css(_templateObject4$t || (_templateObject4$t = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
|
|
18738
18751
|
}, function (props) {
|
|
18739
18752
|
return props.size === 'small' && styled.css(_templateObject5$q || (_templateObject5$q = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
|
|
18740
18753
|
}, function (props) {
|
|
@@ -18872,17 +18885,17 @@ var Placeholder = function Placeholder(props) {
|
|
|
18872
18885
|
}
|
|
18873
18886
|
};
|
|
18874
18887
|
|
|
18875
|
-
var _templateObject$15, _templateObject2$P, _templateObject3$
|
|
18888
|
+
var _templateObject$15, _templateObject2$P, _templateObject3$I, _templateObject4$u, _templateObject5$r, _templateObject6$p, _templateObject7$p;
|
|
18876
18889
|
var Container$m = styled__default.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"])));
|
|
18877
18890
|
var Progress = styled__default.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) {
|
|
18878
18891
|
return props.value + "%";
|
|
18879
18892
|
}, function (props) {
|
|
18880
|
-
return props.type === 'default' && styled.css(_templateObject3$
|
|
18893
|
+
return props.type === 'default' && styled.css(_templateObject3$I || (_templateObject3$I = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n "])), function (_ref) {
|
|
18881
18894
|
var theme = _ref.theme;
|
|
18882
18895
|
return theme.colors.warningGray;
|
|
18883
18896
|
});
|
|
18884
18897
|
}, function (props) {
|
|
18885
|
-
return props.type === 'info' && styled.css(_templateObject4$
|
|
18898
|
+
return props.type === 'info' && styled.css(_templateObject4$u || (_templateObject4$u = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n "])), function (_ref2) {
|
|
18886
18899
|
var theme = _ref2.theme;
|
|
18887
18900
|
return theme.colors.blue;
|
|
18888
18901
|
});
|
|
@@ -18907,7 +18920,7 @@ var ProgressBar = function ProgressBar(props) {
|
|
|
18907
18920
|
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', "%"));
|
|
18908
18921
|
};
|
|
18909
18922
|
|
|
18910
|
-
var _templateObject$16, _templateObject2$Q, _templateObject3$
|
|
18923
|
+
var _templateObject$16, _templateObject2$Q, _templateObject3$J, _templateObject4$v, _templateObject5$s, _templateObject6$q, _templateObject7$q, _templateObject8$m;
|
|
18911
18924
|
var Container$n = styled__default.div(_templateObject$16 || (_templateObject$16 = _taggedTemplateLiteralLoose(["\n display: block;\n"])));
|
|
18912
18925
|
var delimiters = {
|
|
18913
18926
|
blue: ['blue'],
|
|
@@ -18927,7 +18940,7 @@ var Tabs = styled__default.ul(_templateObject2$Q || (_templateObject2$Q = _tagge
|
|
|
18927
18940
|
bottom = _getSpacings$split[2],
|
|
18928
18941
|
left = _getSpacings$split[3];
|
|
18929
18942
|
|
|
18930
|
-
return styled.css(_templateObject3$
|
|
18943
|
+
return styled.css(_templateObject3$J || (_templateObject3$J = _taggedTemplateLiteralLoose(["\n margin: ", " 0 ", " 0;\n padding: 0 ", " 0 ", ";\n "])), top, bottom, right, left);
|
|
18931
18944
|
}, function (_ref2) {
|
|
18932
18945
|
var theme = _ref2.theme,
|
|
18933
18946
|
internal = _ref2.$internal,
|
|
@@ -18941,7 +18954,7 @@ var Tabs = styled__default.ul(_templateObject2$Q || (_templateObject2$Q = _tagge
|
|
|
18941
18954
|
return internal ? "1px solid " + theme.getColor.apply(theme, delimiters[delimiter || 'grey']) : "2px solid " + theme.getColor.apply(theme, delimiters[delimiter || 'blue']);
|
|
18942
18955
|
}();
|
|
18943
18956
|
|
|
18944
|
-
return styled.css(_templateObject4$
|
|
18957
|
+
return styled.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);
|
|
18945
18958
|
}, function (_ref3) {
|
|
18946
18959
|
var theme = _ref3.theme,
|
|
18947
18960
|
internal = _ref3.$internal;
|
|
@@ -19095,15 +19108,15 @@ var TextArea = function TextArea(props) {
|
|
|
19095
19108
|
return React__default.createElement(Container$o, Object.assign({}, props));
|
|
19096
19109
|
};
|
|
19097
19110
|
|
|
19098
|
-
var _templateObject$18, _templateObject2$R, _templateObject3$
|
|
19111
|
+
var _templateObject$18, _templateObject2$R, _templateObject3$K, _templateObject4$w, _templateObject5$t, _templateObject6$r;
|
|
19099
19112
|
var Container$p = styled__default.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) {
|
|
19100
19113
|
return props.size === 'large' ? '837px' : '460px';
|
|
19101
19114
|
}, function (props) {
|
|
19102
19115
|
return props.color === 'success' && styled.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 "])));
|
|
19103
19116
|
}, function (props) {
|
|
19104
|
-
return props.color === 'error' && styled.css(_templateObject3$
|
|
19117
|
+
return props.color === 'error' && styled.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 "])));
|
|
19105
19118
|
}, function (props) {
|
|
19106
|
-
return props.color === 'warning' && styled.css(_templateObject4$
|
|
19119
|
+
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 "])));
|
|
19107
19120
|
});
|
|
19108
19121
|
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"])));
|
|
19109
19122
|
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"])));
|
|
@@ -19118,7 +19131,7 @@ var Toast = function Toast(props) {
|
|
|
19118
19131
|
})), React__default.createElement(IconContent, null, React__default.createElement("h4", null, props.title), React__default.createElement("p", null, " ", props.description)));
|
|
19119
19132
|
};
|
|
19120
19133
|
|
|
19121
|
-
var _templateObject$19, _templateObject2$S, _templateObject3$
|
|
19134
|
+
var _templateObject$19, _templateObject2$S, _templateObject3$L, _templateObject4$x, _templateObject5$u;
|
|
19122
19135
|
var Image = styled__default.img(_templateObject$19 || (_templateObject$19 = _taggedTemplateLiteralLoose(["\n max-width: 100%;\n max-height: 100%;\n"])));
|
|
19123
19136
|
var Container$q = styled__default.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) {
|
|
19124
19137
|
var width = _ref.width;
|
|
@@ -19147,11 +19160,11 @@ var Container$q = styled__default.div(_templateObject2$S || (_templateObject2$S
|
|
|
19147
19160
|
return 'auto';
|
|
19148
19161
|
}
|
|
19149
19162
|
});
|
|
19150
|
-
var Dimmer = styled__default.div(_templateObject3$
|
|
19163
|
+
var Dimmer = styled__default.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) {
|
|
19151
19164
|
var theme = _ref3.theme;
|
|
19152
19165
|
return theme.getColor('greyishBlue', 50);
|
|
19153
19166
|
});
|
|
19154
|
-
var Button$6 = styled__default(Button$1)(_templateObject4$
|
|
19167
|
+
var Button$6 = styled__default(Button$1)(_templateObject4$x || (_templateObject4$x = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n"])), function (_ref4) {
|
|
19155
19168
|
var theme = _ref4.theme;
|
|
19156
19169
|
return theme.getColor('white', 50);
|
|
19157
19170
|
});
|