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