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