@mw-kit/mw-ui 1.7.30 → 1.7.31
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/Icon/styled.d.ts +1 -0
- package/dist/components/Input/components/Select/hooks/interfaces.d.ts +2 -0
- package/dist/components/Input/components/Select/styles.d.ts +1 -0
- package/dist/components/Menu/interfaces.d.ts +1 -0
- package/dist/index.js +275 -249
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +275 -249
- package/dist/index.modern.js.map +1 -1
- package/package.json +1 -1
package/dist/index.modern.js
CHANGED
|
@@ -11961,8 +11961,8 @@ var icons = {
|
|
|
11961
11961
|
zoom_out: SvgZoomOut
|
|
11962
11962
|
};
|
|
11963
11963
|
|
|
11964
|
-
var _templateObject$2, _templateObject2$2, _templateObject3$2, _templateObject4$1, _templateObject5$1;
|
|
11965
|
-
var SemanticIcon = styled(Icon$1)(_templateObject$2 || (_templateObject$2 = _taggedTemplateLiteralLoose(["\n &.icon,\n &.icon:before {\n margin: 0;\n color: ", ";\n display: flex;\n justify-content: center;\n align-items: center;\n\n ", "\n\n ", "\n }\n\n &.icon:before {\n height: 100%;\n }\n"])), function (_ref) {
|
|
11964
|
+
var _templateObject$2, _templateObject2$2, _templateObject3$2, _templateObject4$1, _templateObject5$1, _templateObject6$1, _templateObject7$1;
|
|
11965
|
+
var SemanticIcon = styled(Icon$1)(_templateObject$2 || (_templateObject$2 = _taggedTemplateLiteralLoose(["\n &.icon,\n &.icon:before {\n margin: 0;\n color: ", ";\n display: flex;\n justify-content: center;\n align-items: center;\n\n ", "\n\n ", "\n }\n\n &.icon:before {\n height: 100%;\n }\n\n ", "\n"])), function (_ref) {
|
|
11966
11966
|
var fontcolor = _ref.fontcolor;
|
|
11967
11967
|
return fontcolor;
|
|
11968
11968
|
}, function (_ref2) {
|
|
@@ -11973,14 +11973,22 @@ var SemanticIcon = styled(Icon$1)(_templateObject$2 || (_templateObject$2 = _tag
|
|
|
11973
11973
|
var height = _ref3.height;
|
|
11974
11974
|
if (!height) return;
|
|
11975
11975
|
return css(_templateObject3$2 || (_templateObject3$2 = _taggedTemplateLiteralLoose(["\n font-size: ", ";\n height: ", ";\n "])), height, height);
|
|
11976
|
+
}, function (_ref4) {
|
|
11977
|
+
var onClick = _ref4.onClick;
|
|
11978
|
+
if (!onClick) return;
|
|
11979
|
+
return css(_templateObject4$1 || (_templateObject4$1 = _taggedTemplateLiteralLoose(["\n cursor: pointer;\n "])));
|
|
11976
11980
|
});
|
|
11977
|
-
var SVGContainer = styled.div(
|
|
11978
|
-
var color =
|
|
11981
|
+
var SVGContainer = styled.div(_templateObject5$1 || (_templateObject5$1 = _taggedTemplateLiteralLoose(["\n display: flex;\n > svg {\n &,\n * {\n stroke: ", ";\n\n ", "\n }\n }\n\n ", "\n"])), function (_ref5) {
|
|
11982
|
+
var color = _ref5.color;
|
|
11979
11983
|
return color;
|
|
11980
|
-
}, function (
|
|
11981
|
-
var strokeWidth =
|
|
11984
|
+
}, function (_ref6) {
|
|
11985
|
+
var strokeWidth = _ref6.strokeWidth;
|
|
11982
11986
|
if (!strokeWidth) return;
|
|
11983
|
-
return css(
|
|
11987
|
+
return css(_templateObject6$1 || (_templateObject6$1 = _taggedTemplateLiteralLoose(["\n stroke-width: ", ";\n "])), strokeWidth);
|
|
11988
|
+
}, function (_ref7) {
|
|
11989
|
+
var pointer = _ref7.pointer;
|
|
11990
|
+
if (!pointer) return;
|
|
11991
|
+
return css(_templateObject7$1 || (_templateObject7$1 = _taggedTemplateLiteralLoose(["\n cursor: pointer;\n "])));
|
|
11984
11992
|
});
|
|
11985
11993
|
|
|
11986
11994
|
var getColor = function getColor(c) {
|
|
@@ -12010,7 +12018,8 @@ var Icon = function Icon(props) {
|
|
|
12010
12018
|
var Component = icons[props.icon];
|
|
12011
12019
|
return React__default.createElement(SVGContainer, {
|
|
12012
12020
|
color: color,
|
|
12013
|
-
strokeWidth: props.strokeWidth
|
|
12021
|
+
strokeWidth: props.strokeWidth,
|
|
12022
|
+
pointer: !!props.onClick
|
|
12014
12023
|
}, React__default.createElement(Component, Object.assign({}, commonProps)));
|
|
12015
12024
|
}
|
|
12016
12025
|
|
|
@@ -12035,7 +12044,8 @@ var Icon = function Icon(props) {
|
|
|
12035
12044
|
var _Component = props.icon;
|
|
12036
12045
|
return React__default.createElement(SVGContainer, {
|
|
12037
12046
|
color: _color2,
|
|
12038
|
-
strokeWidth: props.strokeWidth
|
|
12047
|
+
strokeWidth: props.strokeWidth,
|
|
12048
|
+
pointer: !!props.onClick
|
|
12039
12049
|
}, React__default.createElement(_Component, Object.assign({}, _commonProps2)));
|
|
12040
12050
|
}
|
|
12041
12051
|
|
|
@@ -12139,97 +12149,94 @@ var EllipsisContainer$1 = function EllipsisContainer$1(props) {
|
|
|
12139
12149
|
}));
|
|
12140
12150
|
};
|
|
12141
12151
|
|
|
12142
|
-
var _templateObject$5, _templateObject2$4, _templateObject3$4, _templateObject4$3, _templateObject5$3, _templateObject6$
|
|
12152
|
+
var _templateObject$5, _templateObject2$4, _templateObject3$4, _templateObject4$3, _templateObject5$3, _templateObject6$2, _templateObject7$2, _templateObject8$1, _templateObject9$1, _templateObject10$1, _templateObject11$1, _templateObject12$1, _templateObject13$1, _templateObject14$1, _templateObject15, _templateObject16, _templateObject17, _templateObject18;
|
|
12143
12153
|
var IconContainer = styled.button(_templateObject$5 || (_templateObject$5 = _taggedTemplateLiteralLoose(["\n position: absolute;\n display: flex;\n justify-content: center;\n align-items: center;\n height: 17px;\n\n background-color: transparent;\n border: none;\n box-shadow: none;\n padding: 0;\n\n ", "\n"])), function (_ref) {
|
|
12144
12154
|
var onClick = _ref.onClick,
|
|
12145
12155
|
disabled = _ref.disabled;
|
|
12146
12156
|
if (!onClick || disabled) return;
|
|
12147
12157
|
return css(_templateObject2$4 || (_templateObject2$4 = _taggedTemplateLiteralLoose(["\n cursor: pointer;\n "])));
|
|
12148
12158
|
});
|
|
12149
|
-
var ChildrenContainer = styled(EllipsisContainer$1)(_templateObject3$4 || (_templateObject3$4 = _taggedTemplateLiteralLoose(["\n position: absolute;\n width: 100%;\n height: 100%;\n bottom: 0;\n left: 0;\n
|
|
12159
|
+
var ChildrenContainer = styled(EllipsisContainer$1)(_templateObject3$4 || (_templateObject3$4 = _taggedTemplateLiteralLoose(["\n position: absolute;\n width: 100%;\n height: 100%;\n bottom: 0;\n left: 0;\n line-height: 19px;\n"])));
|
|
12160
|
+
var Input = styled.input(_templateObject4$3 || (_templateObject4$3 = _taggedTemplateLiteralLoose(["\n ", ";\n\n color: ", ";\n\n line-height: 17px;\n\n ::placeholder {\n color: ", ";\n\n line-height: 17px;\n\n ", "\n }\n\n display: block;\n width: 100%;\n box-sizing: border-box;\n\n ", ";\n\n border-width: 1px;\n border-style: solid;\n border-color: ", ";\n border-radius: 4px;\n\n ", ";\n\n box-shadow: none;\n outline: none;\n\n ", "\n\n ", "\n"])), function (_ref2) {
|
|
12150
12161
|
var theme = _ref2.theme;
|
|
12151
|
-
return theme.spacings.s1;
|
|
12152
|
-
});
|
|
12153
|
-
var Input = styled.input(_templateObject4$3 || (_templateObject4$3 = _taggedTemplateLiteralLoose(["\n ", ";\n\n color: ", ";\n\n line-height: 17px;\n\n ::placeholder {\n color: ", ";\n\n line-height: 17px;\n\n ", "\n }\n\n display: block;\n width: 100%;\n box-sizing: border-box;\n\n ", ";\n\n border-width: 1px;\n border-style: solid;\n border-color: ", ";\n border-radius: 4px;\n\n ", ";\n\n box-shadow: none;\n outline: none;\n\n ", "\n\n ", "\n"])), function (_ref3) {
|
|
12154
|
-
var theme = _ref3.theme;
|
|
12155
12162
|
return theme.useTypography('p');
|
|
12163
|
+
}, function (_ref3) {
|
|
12164
|
+
var theme = _ref3.theme,
|
|
12165
|
+
invalid = _ref3.invalid;
|
|
12166
|
+
return invalid ? theme.colors.warningRed : theme.colors.darkBlue;
|
|
12156
12167
|
}, function (_ref4) {
|
|
12157
12168
|
var theme = _ref4.theme,
|
|
12158
12169
|
invalid = _ref4.invalid;
|
|
12159
|
-
return invalid ? theme.colors.warningRed : theme.colors.darkBlue;
|
|
12160
|
-
}, function (_ref5) {
|
|
12161
|
-
var theme = _ref5.theme,
|
|
12162
|
-
invalid = _ref5.invalid;
|
|
12163
12170
|
return invalid ? theme.colors.warningRed : theme.colors.darkGrey;
|
|
12164
|
-
}, function (
|
|
12165
|
-
var placeholder =
|
|
12171
|
+
}, function (_ref5) {
|
|
12172
|
+
var placeholder = _ref5.placeholder;
|
|
12166
12173
|
|
|
12167
12174
|
if (placeholder !== '••••••••') {
|
|
12168
|
-
return css(_templateObject5$3 || (_templateObject5$3 = _taggedTemplateLiteralLoose(["\n ", ";\n opacity: 1;\n "])), function (
|
|
12169
|
-
var theme =
|
|
12175
|
+
return css(_templateObject5$3 || (_templateObject5$3 = _taggedTemplateLiteralLoose(["\n ", ";\n opacity: 1;\n "])), function (_ref6) {
|
|
12176
|
+
var theme = _ref6.theme;
|
|
12170
12177
|
return theme.useTypography('p');
|
|
12171
12178
|
});
|
|
12172
12179
|
}
|
|
12173
12180
|
|
|
12174
|
-
return css(_templateObject6$
|
|
12181
|
+
return css(_templateObject6$2 || (_templateObject6$2 = _taggedTemplateLiteralLoose(["\n opacity: 0.5;\n font-size: 14px;\n letter-spacing: 0px;\n "])));
|
|
12182
|
+
}, function (_ref7) {
|
|
12183
|
+
var theme = _ref7.theme,
|
|
12184
|
+
paddingless = _ref7.paddingless;
|
|
12185
|
+
if (paddingless) return;
|
|
12186
|
+
return css(_templateObject7$2 || (_templateObject7$2 = _taggedTemplateLiteralLoose(["\n padding: ", " ", ";\n ~ ", " {\n padding: ", " ", ";\n }\n "])), theme.spacings.s2, theme.spacings.s3, ChildrenContainer, theme.spacings.s2, theme.spacings.s3);
|
|
12175
12187
|
}, function (_ref8) {
|
|
12176
12188
|
var theme = _ref8.theme,
|
|
12177
|
-
|
|
12178
|
-
|
|
12179
|
-
return css(_templateObject7$1 || (_templateObject7$1 = _taggedTemplateLiteralLoose(["\n padding: ", " ", ";\n ~ ", " {\n padding: ", " ", ";\n }\n "])), theme.spacings.s2, theme.spacings.s3, ChildrenContainer, theme.spacings.s2, theme.spacings.s3);
|
|
12180
|
-
}, function (_ref9) {
|
|
12181
|
-
var theme = _ref9.theme,
|
|
12182
|
-
invalid = _ref9.invalid,
|
|
12183
|
-
borderless = _ref9.borderless;
|
|
12189
|
+
invalid = _ref8.invalid,
|
|
12190
|
+
borderless = _ref8.borderless;
|
|
12184
12191
|
if (borderless) return 'transparent';
|
|
12185
12192
|
return invalid ? theme.colors.warningRed : theme.colors.lightGrey;
|
|
12186
|
-
}, function (
|
|
12187
|
-
var theme =
|
|
12188
|
-
invalid =
|
|
12193
|
+
}, function (_ref9) {
|
|
12194
|
+
var theme = _ref9.theme,
|
|
12195
|
+
invalid = _ref9.invalid;
|
|
12189
12196
|
var color = invalid ? theme.getColor('warningRed', 5) : theme.colors.white;
|
|
12190
12197
|
return css(_templateObject8$1 || (_templateObject8$1 = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n /** google chrome blue background */\n -webkit-box-shadow: 0 0 0px 1000px ", " inset !important;\n "])), color, color);
|
|
12191
|
-
}, function (
|
|
12192
|
-
var arrows =
|
|
12198
|
+
}, function (_ref10) {
|
|
12199
|
+
var arrows = _ref10.arrows;
|
|
12193
12200
|
if (arrows) return;
|
|
12194
12201
|
return css(_templateObject9$1 || (_templateObject9$1 = _taggedTemplateLiteralLoose(["\n /* Chrome, Safari, Edge, Opera */\n :-webkit-outer-spin-button,\n :-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n\n /* Firefox */\n -moz-appearance: textfield;\n "])));
|
|
12195
|
-
}, function (
|
|
12196
|
-
var readOnly =
|
|
12197
|
-
onClick =
|
|
12198
|
-
disabled =
|
|
12202
|
+
}, function (_ref11) {
|
|
12203
|
+
var readOnly = _ref11.readOnly,
|
|
12204
|
+
onClick = _ref11.onClick,
|
|
12205
|
+
disabled = _ref11.disabled;
|
|
12199
12206
|
if (readOnly || !onClick || disabled) return;
|
|
12200
12207
|
return css(_templateObject10$1 || (_templateObject10$1 = _taggedTemplateLiteralLoose(["\n cursor: pointer;\n "])));
|
|
12201
12208
|
});
|
|
12202
|
-
var InputContainer = styled.div(_templateObject11$1 || (_templateObject11$1 = _taggedTemplateLiteralLoose(["\n position: relative;\n width: ", ";\n"])), function (
|
|
12203
|
-
var width =
|
|
12209
|
+
var InputContainer = styled.div(_templateObject11$1 || (_templateObject11$1 = _taggedTemplateLiteralLoose(["\n position: relative;\n width: ", ";\n"])), function (_ref12) {
|
|
12210
|
+
var width = _ref12.width;
|
|
12204
12211
|
return width || '100%';
|
|
12205
12212
|
});
|
|
12206
|
-
var Label = styled.label(_templateObject12$1 || (_templateObject12$1 = _taggedTemplateLiteralLoose(["\n ", ";\n\n color: ", ";\n\n width: ", ";\n box-sizing: border-box;\n display: block;\n\n ", "\n\n > ", " > ", " {\n bottom: ", ";\n }\n\n ", "\n\n ", "\n"])), function (
|
|
12207
|
-
var theme =
|
|
12213
|
+
var Label = styled.label(_templateObject12$1 || (_templateObject12$1 = _taggedTemplateLiteralLoose(["\n ", ";\n\n color: ", ";\n\n width: ", ";\n box-sizing: border-box;\n display: block;\n\n ", "\n\n > ", " > ", " {\n bottom: ", ";\n }\n\n ", "\n\n ", "\n"])), function (_ref13) {
|
|
12214
|
+
var theme = _ref13.theme;
|
|
12208
12215
|
return theme.useTypography('p');
|
|
12209
|
-
}, function (
|
|
12210
|
-
var theme =
|
|
12216
|
+
}, function (_ref14) {
|
|
12217
|
+
var theme = _ref14.theme;
|
|
12211
12218
|
return theme.colors.greyishBlue;
|
|
12212
|
-
}, function (
|
|
12213
|
-
var width =
|
|
12219
|
+
}, function (_ref15) {
|
|
12220
|
+
var width = _ref15.width;
|
|
12214
12221
|
return width || '100%';
|
|
12215
|
-
}, function (
|
|
12216
|
-
var disabled =
|
|
12222
|
+
}, function (_ref16) {
|
|
12223
|
+
var disabled = _ref16.disabled;
|
|
12217
12224
|
if (!disabled) return;
|
|
12218
12225
|
return css(_templateObject13$1 || (_templateObject13$1 = _taggedTemplateLiteralLoose(["\n opacity: 0.5;\n "])));
|
|
12219
|
-
}, InputContainer, IconContainer, function (
|
|
12220
|
-
var theme =
|
|
12221
|
-
paddingless =
|
|
12226
|
+
}, InputContainer, IconContainer, function (_ref17) {
|
|
12227
|
+
var theme = _ref17.theme,
|
|
12228
|
+
paddingless = _ref17.paddingless;
|
|
12222
12229
|
return paddingless ? '2px' : "calc(" + theme.spacings.s2 + " + 1px)";
|
|
12223
|
-
}, function (
|
|
12224
|
-
var readOnly =
|
|
12225
|
-
disabled =
|
|
12226
|
-
loading =
|
|
12230
|
+
}, function (_ref18) {
|
|
12231
|
+
var readOnly = _ref18.readOnly,
|
|
12232
|
+
disabled = _ref18.disabled,
|
|
12233
|
+
loading = _ref18.loading;
|
|
12227
12234
|
if (loading || readOnly || disabled) return;
|
|
12228
12235
|
return css(_templateObject14$1 || (_templateObject14$1 = _taggedTemplateLiteralLoose(["\n cursor: pointer;\n "])));
|
|
12229
|
-
}, function (
|
|
12230
|
-
var theme =
|
|
12231
|
-
icon =
|
|
12232
|
-
paddingless =
|
|
12236
|
+
}, function (_ref19) {
|
|
12237
|
+
var theme = _ref19.theme,
|
|
12238
|
+
icon = _ref19.icon,
|
|
12239
|
+
paddingless = _ref19.paddingless;
|
|
12233
12240
|
if (!icon) return;
|
|
12234
12241
|
var width = icon.width,
|
|
12235
12242
|
position = icon.position;
|
|
@@ -12241,11 +12248,11 @@ var Label = styled.label(_templateObject12$1 || (_templateObject12$1 = _taggedTe
|
|
|
12241
12248
|
|
|
12242
12249
|
return css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteralLoose(["\n > ", " > ", " {\n width: ", ";\n left: calc(", " / 2);\n }\n\n > ", " > ", " {\n padding-left: calc(", " + ", ");\n ~ ", " {\n padding-left: calc(", " + ", ");\n }\n }\n "])), InputContainer, IconContainer, width, padding, InputContainer, Input, padding, width, ChildrenContainer, padding, width);
|
|
12243
12250
|
});
|
|
12244
|
-
var LabelText = styled.div(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["\n display: inline-block;\n margin-bottom: ", ";\n\n ", "\n"])), function (
|
|
12245
|
-
var theme =
|
|
12251
|
+
var LabelText = styled.div(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["\n display: inline-block;\n margin-bottom: ", ";\n\n ", "\n"])), function (_ref20) {
|
|
12252
|
+
var theme = _ref20.theme;
|
|
12246
12253
|
return theme.spacings.s1;
|
|
12247
|
-
}, function (
|
|
12248
|
-
var required =
|
|
12254
|
+
}, function (_ref21) {
|
|
12255
|
+
var required = _ref21.required;
|
|
12249
12256
|
if (!required) return;
|
|
12250
12257
|
return css(_templateObject18 || (_templateObject18 = _taggedTemplateLiteralLoose(["\n :after {\n content: ' *';\n }\n "])));
|
|
12251
12258
|
});
|
|
@@ -12406,7 +12413,7 @@ var Input$1 = React__default.forwardRef(function (props, ref) {
|
|
|
12406
12413
|
});
|
|
12407
12414
|
Input$1.displayName = 'Input';
|
|
12408
12415
|
|
|
12409
|
-
var _templateObject$6, _templateObject2$5, _templateObject3$5, _templateObject4$4, _templateObject5$4, _templateObject6$
|
|
12416
|
+
var _templateObject$6, _templateObject2$5, _templateObject3$5, _templateObject4$4, _templateObject5$4, _templateObject6$3, _templateObject7$3, _templateObject8$2, _templateObject9$2, _templateObject10$2;
|
|
12410
12417
|
var size = '17px';
|
|
12411
12418
|
var Checkmark = styled.div(_templateObject$6 || (_templateObject$6 = _taggedTemplateLiteralLoose(["\n position: relative;\n height: ", ";\n width: ", ";\n background-color: ", ";\n\n border-style: solid;\n border-color: ", ";\n border-width: 1px;\n border-radius: 4px;\n\n transition-property: border-color;\n transition-duration: 0.25s;\n transition-timing-function: cubic-bezier(0.68, -0.55, 0.27, 1.55);\n\n :after {\n content: '';\n position: absolute;\n\n left: 50%;\n top: 50%;\n height: 0;\n width: 0;\n\n border-style: solid;\n border-color: ", ";\n border-width: 0;\n transform: rotate(45deg);\n\n transition-property: width height border-width top left;\n transition-duration: 0.25s;\n transition-timing-function: cubic-bezier(0.68, -0.55, 0.27, 1.55);\n }\n\n /** if there is a label, it will be placed after this element */\n + * {\n flex: 1;\n }\n"])), size, size, function (_ref) {
|
|
12412
12419
|
var theme = _ref.theme;
|
|
@@ -12478,7 +12485,7 @@ var Label$1 = styled.label(_templateObject2$5 || (_templateObject2$5 = _taggedTe
|
|
|
12478
12485
|
bordered = _ref7.bordered,
|
|
12479
12486
|
invalid = _ref7.invalid;
|
|
12480
12487
|
if (!bordered) return;
|
|
12481
|
-
return css(_templateObject6$
|
|
12488
|
+
return css(_templateObject6$3 || (_templateObject6$3 = _taggedTemplateLiteralLoose(["\n padding: ", " ", ";\n\n border-width: 1px;\n border-style: solid;\n border-color: ", ";\n border-radius: 4px;\n "])), theme.spacings.s2, theme.spacings.s3, theme.colors[invalid ? 'warningRed' : 'lightGrey']);
|
|
12482
12489
|
}, size, size, function (_ref8) {
|
|
12483
12490
|
var theme = _ref8.theme;
|
|
12484
12491
|
return theme.spacings.s1;
|
|
@@ -12492,7 +12499,7 @@ var Label$1 = styled.label(_templateObject2$5 || (_templateObject2$5 = _taggedTe
|
|
|
12492
12499
|
var theme = _ref11.theme,
|
|
12493
12500
|
invalid = _ref11.invalid;
|
|
12494
12501
|
if (!invalid) return;
|
|
12495
|
-
return css(_templateObject7$
|
|
12502
|
+
return css(_templateObject7$3 || (_templateObject7$3 = _taggedTemplateLiteralLoose(["\n ", ",\n > input:checked ~ ", ", \n > input:checked ~ ", ":after {\n border-color: ", ";\n }\n "])), Checkmark, Checkmark, Checkmark, theme.colors.warningRed);
|
|
12496
12503
|
}, function (_ref12) {
|
|
12497
12504
|
var width = _ref12.width;
|
|
12498
12505
|
return width && css(_templateObject8$2 || (_templateObject8$2 = _taggedTemplateLiteralLoose(["\n width: ", ";\n "])), width);
|
|
@@ -12643,7 +12650,7 @@ var ScrollContainer = function ScrollContainer(props) {
|
|
|
12643
12650
|
})), after);
|
|
12644
12651
|
};
|
|
12645
12652
|
|
|
12646
|
-
var _templateObject$8, _templateObject2$7, _templateObject3$7, _templateObject4$6, _templateObject5$5, _templateObject6$
|
|
12653
|
+
var _templateObject$8, _templateObject2$7, _templateObject3$7, _templateObject4$6, _templateObject5$5, _templateObject6$4, _templateObject7$4, _templateObject8$3, _templateObject9$3, _templateObject10$3;
|
|
12647
12654
|
var Option = styled.div(_templateObject$8 || (_templateObject$8 = _taggedTemplateLiteralLoose(["\n ", ";\n line-height: ", ";\n color: ", ";\n display: flex;\n\n > :nth-child(1) {\n display: flex;\n align-items: center;\n gap: ", ";\n flex: 1;\n }\n\n ", ";\n\n ", ";\n\n :hover {\n background-color: ", ";\n }\n"])), function (_ref) {
|
|
12648
12655
|
var theme = _ref.theme;
|
|
12649
12656
|
return theme.useTypography('p');
|
|
@@ -12691,11 +12698,11 @@ var Container$2 = styled(AbsoluteContainer)(_templateObject5$5 || (_templateObje
|
|
|
12691
12698
|
var tmp = spacing.split(' ');
|
|
12692
12699
|
tmp[1] = "calc(" + props.theme.spacings.s1 + " / 2)";
|
|
12693
12700
|
spacing = tmp.join(' ');
|
|
12694
|
-
return css(_templateObject6$
|
|
12701
|
+
return css(_templateObject6$4 || (_templateObject6$4 = _taggedTemplateLiteralLoose(["\n padding: ", ";\n "])), spacing);
|
|
12695
12702
|
}, function (_ref9) {
|
|
12696
12703
|
var bordered = _ref9.bordered;
|
|
12697
12704
|
if (!bordered) return;
|
|
12698
|
-
return css(_templateObject7$
|
|
12705
|
+
return css(_templateObject7$4 || (_templateObject7$4 = _taggedTemplateLiteralLoose(["\n ", " {\n :not(:last-child) {\n border-bottom: 1px solid\n ", ";\n }\n }\n "])), Option, function (_ref10) {
|
|
12699
12706
|
var theme = _ref10.theme;
|
|
12700
12707
|
return theme.getColor('greyishBlue', 10);
|
|
12701
12708
|
});
|
|
@@ -12743,82 +12750,88 @@ var MenuComponent = function MenuComponent(props, ref) {
|
|
|
12743
12750
|
inner: innerContent,
|
|
12744
12751
|
spacing: scrollSpacing,
|
|
12745
12752
|
loading: loading
|
|
12746
|
-
},
|
|
12747
|
-
|
|
12748
|
-
|
|
12749
|
-
|
|
12750
|
-
caret = _option.caret,
|
|
12751
|
-
data = _option.data;
|
|
12752
|
-
|
|
12753
|
-
var closeMenu = keepOpen ? function () {} : close;
|
|
12754
|
-
var onClick;
|
|
12755
|
-
var disabled = option.disabled;
|
|
12756
|
-
|
|
12757
|
-
var OptionContent = function OptionContent(_ref) {
|
|
12758
|
-
var children = _ref.children;
|
|
12759
|
-
return children;
|
|
12760
|
-
};
|
|
12753
|
+
}, function () {
|
|
12754
|
+
if (options.length === 0 && props.emptyContent) {
|
|
12755
|
+
return props.emptyContent;
|
|
12756
|
+
}
|
|
12761
12757
|
|
|
12762
|
-
|
|
12763
|
-
var
|
|
12764
|
-
|
|
12765
|
-
|
|
12766
|
-
|
|
12767
|
-
|
|
12758
|
+
return options.map(function (option, index) {
|
|
12759
|
+
var _option = _extends({}, option),
|
|
12760
|
+
delimiter = _option.delimiter,
|
|
12761
|
+
keepOpen = _option.keepOpen,
|
|
12762
|
+
caret = _option.caret,
|
|
12763
|
+
data = _option.data;
|
|
12768
12764
|
|
|
12769
|
-
|
|
12770
|
-
|
|
12765
|
+
var closeMenu = keepOpen ? function () {} : close;
|
|
12766
|
+
var onClick;
|
|
12767
|
+
var disabled = option.disabled;
|
|
12771
12768
|
|
|
12772
|
-
|
|
12773
|
-
|
|
12769
|
+
var OptionContent = function OptionContent(_ref) {
|
|
12770
|
+
var children = _ref.children;
|
|
12771
|
+
return children;
|
|
12772
|
+
};
|
|
12774
12773
|
|
|
12775
|
-
|
|
12776
|
-
|
|
12777
|
-
|
|
12778
|
-
|
|
12779
|
-
|
|
12780
|
-
|
|
12781
|
-
|
|
12782
|
-
|
|
12783
|
-
|
|
12784
|
-
on: 'click',
|
|
12785
|
-
position: 'top left',
|
|
12786
|
-
inverted: true,
|
|
12787
|
-
wide: true
|
|
12788
|
-
}, rule, {
|
|
12789
|
-
trigger: React__default.createElement("div", null, children)
|
|
12790
|
-
}));
|
|
12791
|
-
};
|
|
12792
|
-
}
|
|
12793
|
-
}
|
|
12794
|
-
}
|
|
12774
|
+
if (!disabled) {
|
|
12775
|
+
var rule = (option.rules || []).map(function (rule) {
|
|
12776
|
+
return rule(index, data);
|
|
12777
|
+
}).find(function (result) {
|
|
12778
|
+
return result !== true;
|
|
12779
|
+
});
|
|
12780
|
+
|
|
12781
|
+
if (rule === true || rule === undefined) {
|
|
12782
|
+
var _onClick = option.onClick || function () {};
|
|
12795
12783
|
|
|
12796
|
-
|
|
12797
|
-
|
|
12798
|
-
|
|
12799
|
-
|
|
12800
|
-
|
|
12784
|
+
onClick = function onClick(e) {
|
|
12785
|
+
_onClick(index, option, e);
|
|
12786
|
+
|
|
12787
|
+
closeMenu();
|
|
12788
|
+
};
|
|
12789
|
+
} else {
|
|
12790
|
+
disabled = true;
|
|
12791
|
+
|
|
12792
|
+
if (rule !== false) {
|
|
12793
|
+
OptionContent = function OptionContent(_ref2) {
|
|
12794
|
+
var children = _ref2.children;
|
|
12795
|
+
return React__default.createElement(Popup, Object.assign({
|
|
12796
|
+
on: 'click',
|
|
12797
|
+
position: 'top left',
|
|
12798
|
+
inverted: true,
|
|
12799
|
+
wide: true
|
|
12800
|
+
}, rule, {
|
|
12801
|
+
trigger: React__default.createElement("div", null, children)
|
|
12802
|
+
}));
|
|
12803
|
+
};
|
|
12804
|
+
}
|
|
12805
|
+
}
|
|
12806
|
+
}
|
|
12807
|
+
|
|
12808
|
+
OptionContent.displayName = 'OptionContent';
|
|
12809
|
+
var label = option.label;
|
|
12810
|
+
var labelOptions = filterObject(option, ['onClick', 'label', 'rules']);
|
|
12811
|
+
labelOptions.disabled = disabled;
|
|
12812
|
+
var LabelComponent = typeof label === 'function' ? label : function () {
|
|
12813
|
+
return React__default.createElement(React__default.Fragment, {
|
|
12814
|
+
children: label
|
|
12815
|
+
});
|
|
12816
|
+
};
|
|
12801
12817
|
return React__default.createElement(React__default.Fragment, {
|
|
12802
|
-
|
|
12803
|
-
}
|
|
12804
|
-
|
|
12805
|
-
|
|
12806
|
-
|
|
12807
|
-
|
|
12808
|
-
|
|
12809
|
-
|
|
12810
|
-
|
|
12811
|
-
|
|
12812
|
-
|
|
12813
|
-
|
|
12814
|
-
width: '14px'
|
|
12815
|
-
}) : null)), delimiter && React__default.createElement(Delimiter, null));
|
|
12816
|
-
})), children));
|
|
12818
|
+
key: index
|
|
12819
|
+
}, React__default.createElement(OptionContent, null, React__default.createElement(Option, {
|
|
12820
|
+
onClick: onClick,
|
|
12821
|
+
disabled: disabled,
|
|
12822
|
+
border: option.border
|
|
12823
|
+
}, React__default.createElement("div", null, React__default.createElement(LabelComponent, Object.assign({}, option))), caret ? React__default.createElement(Icon, {
|
|
12824
|
+
type: 'semantic',
|
|
12825
|
+
icon: 'caret right',
|
|
12826
|
+
width: '14px'
|
|
12827
|
+
}) : null)), delimiter && React__default.createElement(Delimiter, null));
|
|
12828
|
+
});
|
|
12829
|
+
}()), children));
|
|
12817
12830
|
};
|
|
12818
12831
|
|
|
12819
12832
|
var Menu = React__default.forwardRef(MenuComponent);
|
|
12820
12833
|
|
|
12821
|
-
var _templateObject$9, _templateObject2$8, _templateObject3$8, _templateObject4$7, _templateObject5$6, _templateObject6$
|
|
12834
|
+
var _templateObject$9, _templateObject2$8, _templateObject3$8, _templateObject4$7, _templateObject5$6, _templateObject6$5, _templateObject7$5, _templateObject8$4, _templateObject9$4;
|
|
12822
12835
|
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) {
|
|
12823
12836
|
var theme = _ref.theme;
|
|
12824
12837
|
return theme.spacings.s3;
|
|
@@ -12845,14 +12858,14 @@ var AbsoluteContainer$1 = styled(AbsoluteContainer)(_templateObject5$6 || (_temp
|
|
|
12845
12858
|
var theme = _ref7.theme;
|
|
12846
12859
|
return theme.spacings.s3 + " " + theme.spacings.s3 + " " + theme.spacings.s1 + " " + theme.spacings.s3;
|
|
12847
12860
|
});
|
|
12848
|
-
var MonthContainer = styled.div(_templateObject6$
|
|
12861
|
+
var MonthContainer = styled.div(_templateObject6$5 || (_templateObject6$5 = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: ", ";\n > div {\n margin: ", " 0;\n flex: 1;\n position: relative;\n }\n"])), function (_ref8) {
|
|
12849
12862
|
var theme = _ref8.theme;
|
|
12850
12863
|
return theme.spacings.s1;
|
|
12851
12864
|
}, function (_ref9) {
|
|
12852
12865
|
var theme = _ref9.theme;
|
|
12853
12866
|
return theme.spacings.s1;
|
|
12854
12867
|
});
|
|
12855
|
-
var MonthBtn = styled.div(_templateObject7$
|
|
12868
|
+
var MonthBtn = styled.div(_templateObject7$5 || (_templateObject7$5 = _taggedTemplateLiteralLoose(["\n ", ";\n line-height: ", ";\n color: ", ";\n text-align: center;\n display: flex;\n justify-content: center;\n align-items: center;\n gap: ", ";\n\n ", "\n"])), function (_ref10) {
|
|
12856
12869
|
var theme = _ref10.theme;
|
|
12857
12870
|
return theme.useTypography('p');
|
|
12858
12871
|
}, function (_ref11) {
|
|
@@ -12972,7 +12985,7 @@ var Indicator = function Indicator(props) {
|
|
|
12972
12985
|
}, props)));
|
|
12973
12986
|
};
|
|
12974
12987
|
|
|
12975
|
-
var _templateObject$b, _templateObject2$a, _templateObject3$9, _templateObject4$8, _templateObject5$7, _templateObject6$
|
|
12988
|
+
var _templateObject$b, _templateObject2$a, _templateObject3$9, _templateObject4$8, _templateObject5$7, _templateObject6$6, _templateObject7$6, _templateObject8$5, _templateObject9$5, _templateObject10$4, _templateObject11$2;
|
|
12976
12989
|
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"])));
|
|
12977
12990
|
var WeekContainer = styled.div(_templateObject2$a || (_templateObject2$a = _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) {
|
|
12978
12991
|
var theme = _ref.theme;
|
|
@@ -13006,9 +13019,9 @@ var DayContainer = styled.button(_templateObject4$8 || (_templateObject4$8 = _ta
|
|
|
13006
13019
|
};
|
|
13007
13020
|
|
|
13008
13021
|
if (appearance === 'disabled') {
|
|
13009
|
-
return css(_templateObject6$
|
|
13022
|
+
return css(_templateObject6$6 || (_templateObject6$6 = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n "])), theme.getColor('greyishBlue', 10));
|
|
13010
13023
|
} else if (appearance === 'highlight') {
|
|
13011
|
-
return css(_templateObject7$
|
|
13024
|
+
return css(_templateObject7$6 || (_templateObject7$6 = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n ", "\n "])), theme.getColor('blue', 30), hover('blue'));
|
|
13012
13025
|
} else if (appearance === 'active') {
|
|
13013
13026
|
return css(_templateObject8$5 || (_templateObject8$5 = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n color: ", ";\n :not(:last-child) {\n border-right-color: ", ";\n }\n ", "\n "])), theme.colors.blue, theme.colors.white, function (_ref9) {
|
|
13014
13027
|
var theme = _ref9.theme;
|
|
@@ -13604,7 +13617,7 @@ var getTimeProps = function getTimeProps(time, value) {
|
|
|
13604
13617
|
});
|
|
13605
13618
|
};
|
|
13606
13619
|
|
|
13607
|
-
var _templateObject$e, _templateObject2$b, _templateObject3$a, _templateObject4$9, _templateObject5$8, _templateObject6$
|
|
13620
|
+
var _templateObject$e, _templateObject2$b, _templateObject3$a, _templateObject4$9, _templateObject5$8, _templateObject6$7, _templateObject7$7, _templateObject8$6, _templateObject9$6, _templateObject10$5, _templateObject11$3, _templateObject12$2;
|
|
13608
13621
|
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 ", "\n }\n\n :hover {\n cursor: ", ";\n\n ", "\n }\n\n :active {\n ", ";\n }\n\n ", "\n"])), function (_ref) {
|
|
13609
13622
|
var theme = _ref.theme,
|
|
13610
13623
|
appearance = _ref.appearance;
|
|
@@ -13660,9 +13673,9 @@ var Button = styled.button(_templateObject$e || (_templateObject$e = _taggedTemp
|
|
|
13660
13673
|
theme = _ref8.theme;
|
|
13661
13674
|
|
|
13662
13675
|
if (appearance === 'bordered') {
|
|
13663
|
-
return css(_templateObject6$
|
|
13676
|
+
return css(_templateObject6$7 || (_templateObject6$7 = _taggedTemplateLiteralLoose(["\n color: ", ";\n border: 1px solid ", ";\n "])), theme.getColor(color || 'blue', 70), theme.getColor(color || 'blue', 70));
|
|
13664
13677
|
} else if (['link', 'bordeless'].includes(appearance)) {
|
|
13665
|
-
return css(_templateObject7$
|
|
13678
|
+
return css(_templateObject7$7 || (_templateObject7$7 = _taggedTemplateLiteralLoose(["\n color: ", ";\n "])), theme.colors.blue);
|
|
13666
13679
|
}
|
|
13667
13680
|
|
|
13668
13681
|
return css(_templateObject8$6 || (_templateObject8$6 = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n border-color: ", ";\n "])), theme.getColor(color || 'blue', 70), theme.getColor(color || 'blue', 70));
|
|
@@ -14395,7 +14408,7 @@ var useSelect = function useSelect(props) {
|
|
|
14395
14408
|
menu: {
|
|
14396
14409
|
itemSpacing: 's3',
|
|
14397
14410
|
before: React__default.createElement(Header$1, null),
|
|
14398
|
-
maxHeight: '180px'
|
|
14411
|
+
maxHeight: props.maxHeight || '180px'
|
|
14399
14412
|
},
|
|
14400
14413
|
getContext: function getContext(base, children) {
|
|
14401
14414
|
return React__default.createElement(Provider.Provider, {
|
|
@@ -14420,7 +14433,9 @@ var useContext$1 = function useContext() {
|
|
|
14420
14433
|
|
|
14421
14434
|
var Footer$1 = function Footer() {
|
|
14422
14435
|
var context = useContext$1();
|
|
14423
|
-
var
|
|
14436
|
+
var _context$props = context.props,
|
|
14437
|
+
value = _context$props.value,
|
|
14438
|
+
setValue = _context$props.setValue,
|
|
14424
14439
|
_context$checked = context.checked,
|
|
14425
14440
|
checked = _context$checked[0],
|
|
14426
14441
|
setOpen = context.setOpen;
|
|
@@ -14430,13 +14445,17 @@ var Footer$1 = function Footer() {
|
|
|
14430
14445
|
setOpen(false);
|
|
14431
14446
|
};
|
|
14432
14447
|
|
|
14448
|
+
var isDirty = checked.length !== value.length || checked.some(function (e) {
|
|
14449
|
+
return !value.includes(e);
|
|
14450
|
+
});
|
|
14433
14451
|
return React__default.createElement(Button$1, {
|
|
14434
14452
|
type: 'button',
|
|
14435
14453
|
content: 'Aplicar',
|
|
14436
14454
|
onClick: onClick,
|
|
14437
14455
|
style: {
|
|
14438
14456
|
marginRight: '-3.5px'
|
|
14439
|
-
}
|
|
14457
|
+
},
|
|
14458
|
+
disabled: !isDirty
|
|
14440
14459
|
});
|
|
14441
14460
|
};
|
|
14442
14461
|
|
|
@@ -14617,7 +14636,7 @@ var useSelectMultiple = function useSelectMultiple(props) {
|
|
|
14617
14636
|
itemSpacing: undefined,
|
|
14618
14637
|
before: React__default.createElement(Header$2, null),
|
|
14619
14638
|
after: React__default.createElement(Footer$1, null),
|
|
14620
|
-
maxHeight: props.selectAll ? '269px' : '224px'
|
|
14639
|
+
maxHeight: props.maxHeight || (props.selectAll ? '269px' : '224px')
|
|
14621
14640
|
},
|
|
14622
14641
|
getContext: function getContext(base, children) {
|
|
14623
14642
|
return React__default.createElement(Provider$1.Provider, {
|
|
@@ -14635,11 +14654,15 @@ var useSelectMultiple = function useSelectMultiple(props) {
|
|
|
14635
14654
|
return returnData;
|
|
14636
14655
|
};
|
|
14637
14656
|
|
|
14638
|
-
var _templateObject$l, _templateObject2$g;
|
|
14657
|
+
var _templateObject$l, _templateObject2$g, _templateObject3$d;
|
|
14639
14658
|
var RelativeContainer$2 = styled.div(_templateObject$l || (_templateObject$l = _taggedTemplateLiteralLoose(["\n position: relative;\n ", ";\n"])), function (_ref) {
|
|
14640
14659
|
var width = _ref.width;
|
|
14641
14660
|
return !width ? null : css(_templateObject2$g || (_templateObject2$g = _taggedTemplateLiteralLoose(["\n width: ", ";\n "])), width);
|
|
14642
14661
|
});
|
|
14662
|
+
var EmptyContentContainer = styled.div(_templateObject3$d || (_templateObject3$d = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: center;\n padding: ", ";\n"])), function (_ref2) {
|
|
14663
|
+
var theme = _ref2.theme;
|
|
14664
|
+
return theme.spacings.s3;
|
|
14665
|
+
});
|
|
14643
14666
|
|
|
14644
14667
|
var Select = React__default.forwardRef(function (props, ref) {
|
|
14645
14668
|
var position = props.position,
|
|
@@ -14810,7 +14833,10 @@ var Select = React__default.forwardRef(function (props, ref) {
|
|
|
14810
14833
|
properties: {
|
|
14811
14834
|
'max-height': {}
|
|
14812
14835
|
}
|
|
14813
|
-
}
|
|
14836
|
+
},
|
|
14837
|
+
emptyContent: props.emptyContent || React__default.createElement(EmptyContentContainer, {
|
|
14838
|
+
children: "Nenhuma op\xE7\xE3o encontrada"
|
|
14839
|
+
})
|
|
14814
14840
|
}))));
|
|
14815
14841
|
});
|
|
14816
14842
|
Select.displayName = 'Select';
|
|
@@ -15055,10 +15081,10 @@ var countries = {
|
|
|
15055
15081
|
}
|
|
15056
15082
|
};
|
|
15057
15083
|
|
|
15058
|
-
var _templateObject$n, _templateObject2$i, _templateObject3$
|
|
15084
|
+
var _templateObject$n, _templateObject2$i, _templateObject3$e;
|
|
15059
15085
|
var IconContainer$1 = styled.div(_templateObject$n || (_templateObject$n = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n\n > i.icon {\n margin-top: -1px;\n }\n"])));
|
|
15060
15086
|
var RelativeContainer$3 = styled.div(_templateObject2$i || (_templateObject2$i = _taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
15061
|
-
var Label$3 = styled.div(_templateObject3$
|
|
15087
|
+
var Label$3 = styled.div(_templateObject3$e || (_templateObject3$e = _taggedTemplateLiteralLoose(["\n ", "\n\n color: ", ";\n\n display: flex;\n gap: ", ";\n\n > span {\n color: ", ";\n }\n"])), function (_ref) {
|
|
15062
15088
|
var theme = _ref.theme;
|
|
15063
15089
|
return theme.useTypography('p');
|
|
15064
15090
|
}, function (_ref2) {
|
|
@@ -15234,7 +15260,7 @@ var Phone = Object.assign(Component, {
|
|
|
15234
15260
|
getPhoneDetails: getPhoneDetails
|
|
15235
15261
|
});
|
|
15236
15262
|
|
|
15237
|
-
var _templateObject$o, _templateObject2$j, _templateObject3$
|
|
15263
|
+
var _templateObject$o, _templateObject2$j, _templateObject3$f, _templateObject4$b, _templateObject5$9, _templateObject6$8, _templateObject7$8, _templateObject8$7, _templateObject9$7;
|
|
15238
15264
|
var RelativeContainer$4 = styled.div(_templateObject$o || (_templateObject$o = _taggedTemplateLiteralLoose(["\n position: relative;\n\n input {\n color: transparent;\n }\n"])));
|
|
15239
15265
|
var LabelContainer$2 = styled.div(_templateObject2$j || (_templateObject2$j = _taggedTemplateLiteralLoose(["\n ", "\n line-height: ", ";\n"])), function (_ref) {
|
|
15240
15266
|
var theme = _ref.theme;
|
|
@@ -15243,7 +15269,7 @@ var LabelContainer$2 = styled.div(_templateObject2$j || (_templateObject2$j = _t
|
|
|
15243
15269
|
var theme = _ref2.theme;
|
|
15244
15270
|
return theme.spacings.s3;
|
|
15245
15271
|
});
|
|
15246
|
-
var Container$5 = styled.div(_templateObject3$
|
|
15272
|
+
var Container$5 = styled.div(_templateObject3$f || (_templateObject3$f = _taggedTemplateLiteralLoose(["\n position: absolute;\n bottom: 1px;\n left: 1px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n border-radius: 4px;\n\n ", "\n\n ", "\n\n ", "\n"])), function (_ref3) {
|
|
15247
15273
|
var theme = _ref3.theme,
|
|
15248
15274
|
iconWidth = _ref3.iconWidth,
|
|
15249
15275
|
paddingless = _ref3.paddingless;
|
|
@@ -15257,11 +15283,11 @@ var Container$5 = styled.div(_templateObject3$e || (_templateObject3$e = _tagged
|
|
|
15257
15283
|
var invalid = _ref4.invalid,
|
|
15258
15284
|
theme = _ref4.theme;
|
|
15259
15285
|
if (!invalid) return;
|
|
15260
|
-
return css(_templateObject6$
|
|
15286
|
+
return css(_templateObject6$8 || (_templateObject6$8 = _taggedTemplateLiteralLoose(["\n color: ", ";\n "])), theme.colors.warningRed);
|
|
15261
15287
|
}, function (_ref5) {
|
|
15262
15288
|
var disabled = _ref5.disabled;
|
|
15263
15289
|
if (!disabled) return;
|
|
15264
|
-
return css(_templateObject7$
|
|
15290
|
+
return css(_templateObject7$8 || (_templateObject7$8 = _taggedTemplateLiteralLoose(["\n opacity: 0.5;\n "])));
|
|
15265
15291
|
});
|
|
15266
15292
|
var Button$3 = styled.button(_templateObject8$7 || (_templateObject8$7 = _taggedTemplateLiteralLoose(["\n display: flex;\n background-color: transparent;\n border: none;\n padding: 0;\n box-shadow: none;\n\n ", ";\n"])), function (_ref6) {
|
|
15267
15293
|
var onClick = _ref6.onClick;
|
|
@@ -15381,7 +15407,7 @@ var DatePicker = React__default.forwardRef(function (props, ref) {
|
|
|
15381
15407
|
});
|
|
15382
15408
|
DatePicker.displayName = 'DatePicker';
|
|
15383
15409
|
|
|
15384
|
-
var _templateObject$p, _templateObject2$k, _templateObject3$
|
|
15410
|
+
var _templateObject$p, _templateObject2$k, _templateObject3$g, _templateObject4$c, _templateObject5$a, _templateObject6$9, _templateObject7$9;
|
|
15385
15411
|
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) {
|
|
15386
15412
|
var theme = _ref.theme;
|
|
15387
15413
|
return theme.useTypography('p');
|
|
@@ -15390,7 +15416,7 @@ var LabelContainer$3 = styled.div(_templateObject$p || (_templateObject$p = _tag
|
|
|
15390
15416
|
if (!required) return;
|
|
15391
15417
|
return css(_templateObject2$k || (_templateObject2$k = _taggedTemplateLiteralLoose(["\n :after {\n content: '*';\n }\n "])));
|
|
15392
15418
|
});
|
|
15393
|
-
var Label$4 = styled.label(_templateObject3$
|
|
15419
|
+
var Label$4 = styled.label(_templateObject3$g || (_templateObject3$g = _taggedTemplateLiteralLoose(["\n display: flex;\n gap: ", ";\n position: relative;\n align-items: center;\n\n ", "\n\n ", "\n\n > input {\n position: absolute;\n height: 0%;\n width: 0%;\n opacity: 0;\n }\n\n > span {\n position: relative;\n width: 50px;\n height: calc(", " + 1px);\n background-color: ", ";\n border-radius: 20px;\n transition-property: background-color;\n transition-duration: 0.4s;\n transition-timing-function: ease-in-out;\n box-sizing: content-box;\n :before {\n content: '';\n transition-property: left;\n transition-duration: 0.4s;\n transition-timing-function: ease-in-out;\n position: absolute;\n border-width: 1px;\n border-style: solid;\n border-radius: 100%;\n left: 0;\n box-shadow: 0px 1px 3px ", ";\n width: calc(", " - 1px);\n height: calc(", " - 1px);\n background-color: ", ";\n }\n }\n\n > input:checked + span {\n :before {\n left: calc(100% - ", " - 1px);\n }\n }\n"])), function (_ref3) {
|
|
15394
15420
|
var theme = _ref3.theme;
|
|
15395
15421
|
return theme.spacings.s1;
|
|
15396
15422
|
}, function (_ref4) {
|
|
@@ -15405,7 +15431,7 @@ var Label$4 = styled.label(_templateObject3$f || (_templateObject3$f = _taggedTe
|
|
|
15405
15431
|
var invalid = _ref5.invalid;
|
|
15406
15432
|
|
|
15407
15433
|
if (!invalid) {
|
|
15408
|
-
return css(_templateObject6$
|
|
15434
|
+
return css(_templateObject6$9 || (_templateObject6$9 = _taggedTemplateLiteralLoose(["\n > span:before {\n border-color: ", ";\n }\n > input:checked + span {\n background-color: ", ";\n }\n "])), function (_ref6) {
|
|
15409
15435
|
var theme = _ref6.theme;
|
|
15410
15436
|
return theme.colors.lightGrey;
|
|
15411
15437
|
}, function (_ref7) {
|
|
@@ -15414,7 +15440,7 @@ var Label$4 = styled.label(_templateObject3$f || (_templateObject3$f = _taggedTe
|
|
|
15414
15440
|
});
|
|
15415
15441
|
}
|
|
15416
15442
|
|
|
15417
|
-
return css(_templateObject7$
|
|
15443
|
+
return css(_templateObject7$9 || (_templateObject7$9 = _taggedTemplateLiteralLoose(["\n > span:before {\n border-color: ", ";\n }\n > input:checked + span {\n background-color: ", ";\n }\n "])), function (_ref8) {
|
|
15418
15444
|
var theme = _ref8.theme;
|
|
15419
15445
|
return theme.colors.warningRed;
|
|
15420
15446
|
}, function (_ref9) {
|
|
@@ -15463,7 +15489,7 @@ var Switch = function Switch(props) {
|
|
|
15463
15489
|
})), React__default.createElement("span", null), label.after && React__default.createElement(LabelContainer$3, null, label.after));
|
|
15464
15490
|
};
|
|
15465
15491
|
|
|
15466
|
-
var _templateObject$q, _templateObject2$l, _templateObject3$
|
|
15492
|
+
var _templateObject$q, _templateObject2$l, _templateObject3$h, _templateObject4$d, _templateObject5$b, _templateObject6$a, _templateObject7$a, _templateObject8$8, _templateObject9$8, _templateObject10$6, _templateObject11$4, _templateObject12$3, _templateObject13$2, _templateObject14$2, _templateObject15$1, _templateObject16$1;
|
|
15467
15493
|
var bullet = css(_templateObject$q || (_templateObject$q = _taggedTemplateLiteralLoose(["\n appearance: none;\n width: ", ";\n height: ", ";\n border-radius: 100%;\n border-width: 1px;\n border-style: solid;\n background-color: ", ";\n box-shadow: 0px 1px 3px ", ";\n"])), function (_ref) {
|
|
15468
15494
|
var theme = _ref.theme;
|
|
15469
15495
|
return theme.spacings.s4;
|
|
@@ -15478,7 +15504,7 @@ var bullet = css(_templateObject$q || (_templateObject$q = _taggedTemplateLitera
|
|
|
15478
15504
|
return theme.getColor('black', 10);
|
|
15479
15505
|
});
|
|
15480
15506
|
var Input$2 = styled.input(_templateObject2$l || (_templateObject2$l = _taggedTemplateLiteralLoose(["\n appearance: none;\n width: 100%;\n height: 10px;\n background-color: transparent;\n outline: none;\n position: relative;\n z-index: 3;\n margin: 0;\n\n :not(:disabled) {\n cursor: pointer;\n }\n\n /** firefox */\n ::-moz-range-thumb {\n ", "\n }\n /** ie */\n ::-ms-thumb {\n ", "\n }\n /** chrome */\n ::-webkit-slider-thumb {\n ", "\n }\n"])), bullet, bullet, bullet);
|
|
15481
|
-
var Label$5 = styled.label(_templateObject3$
|
|
15507
|
+
var Label$5 = styled.label(_templateObject3$h || (_templateObject3$h = _taggedTemplateLiteralLoose(["\n ", ";\n line-height: 19px;\n\n width: ", ";\n box-sizing: border-box;\n display: block;\n position: relative;\n\n ", "\n\n > div:first-child {\n display: inline-block;\n margin-bottom: ", ";\n\n ", "\n }\n"])), function (_ref5) {
|
|
15482
15508
|
var theme = _ref5.theme;
|
|
15483
15509
|
return theme.useTypography('p');
|
|
15484
15510
|
}, function (_ref6) {
|
|
@@ -15496,12 +15522,12 @@ var Label$5 = styled.label(_templateObject3$g || (_templateObject3$g = _taggedTe
|
|
|
15496
15522
|
if (!required) return;
|
|
15497
15523
|
return css(_templateObject5$b || (_templateObject5$b = _taggedTemplateLiteralLoose(["\n :after {\n content: ' *';\n }\n "])));
|
|
15498
15524
|
});
|
|
15499
|
-
var InputContainer$1 = styled.div(_templateObject6$
|
|
15525
|
+
var InputContainer$1 = styled.div(_templateObject6$a || (_templateObject6$a = _taggedTemplateLiteralLoose(["\n flex: 1;\n display: flex;\n gap: 6px;\n\n > div {\n position: relative;\n }\n\n ", "\n"])), function (_ref10) {
|
|
15500
15526
|
var theme = _ref10.theme,
|
|
15501
15527
|
invalid = _ref10.invalid;
|
|
15502
15528
|
|
|
15503
15529
|
if (!invalid) {
|
|
15504
|
-
return css(_templateObject7$
|
|
15530
|
+
return css(_templateObject7$a || (_templateObject7$a = _taggedTemplateLiteralLoose(["\n ", " > span {\n background-color: ", ";\n }\n\n ", " {\n /** firefox */\n ::-moz-range-thumb {\n border-color: ", ";\n }\n /** ie */\n ::-ms-thumb {\n border-color: ", ";\n }\n /** chrome */\n ::-webkit-slider-thumb {\n border-color: ", ";\n }\n }\n "])), SelectedArea, theme.colors.blue, Input$2, theme.colors.lightestGrey, theme.colors.lightestGrey, theme.colors.lightestGrey);
|
|
15505
15531
|
}
|
|
15506
15532
|
|
|
15507
15533
|
return css(_templateObject8$8 || (_templateObject8$8 = _taggedTemplateLiteralLoose(["\n ", " > span {\n background-color: ", ";\n }\n\n ", " {\n /** firefox */\n ::-moz-range-thumb {\n border-color: ", ";\n }\n /** ie */\n ::-ms-thumb {\n border-color: ", ";\n }\n /** chrome */\n ::-webkit-slider-thumb {\n border-color: ", ";\n }\n }\n "])), SelectedArea, theme.colors.warningRed, Input$2, theme.colors.warningRed, theme.colors.warningRed, theme.colors.warningRed);
|
|
@@ -15682,7 +15708,7 @@ var Range = React__default.forwardRef(function (props, ref) {
|
|
|
15682
15708
|
});
|
|
15683
15709
|
Range.displayName = 'input';
|
|
15684
15710
|
|
|
15685
|
-
var _templateObject$r, _templateObject2$m, _templateObject3$
|
|
15711
|
+
var _templateObject$r, _templateObject2$m, _templateObject3$i, _templateObject4$e, _templateObject5$c, _templateObject6$b, _templateObject7$b;
|
|
15686
15712
|
var LabelContainer$4 = styled.div(_templateObject$r || (_templateObject$r = _taggedTemplateLiteralLoose(["\n ", "\n display: flex;\n align-items: center;\n"])), function (_ref) {
|
|
15687
15713
|
var theme = _ref.theme;
|
|
15688
15714
|
return theme.useTypography('p');
|
|
@@ -15694,7 +15720,7 @@ var Label$6 = styled.label(_templateObject2$m || (_templateObject2$m = _taggedTe
|
|
|
15694
15720
|
var disabled = _ref3.disabled;
|
|
15695
15721
|
|
|
15696
15722
|
if (!disabled) {
|
|
15697
|
-
return css(_templateObject3$
|
|
15723
|
+
return css(_templateObject3$i || (_templateObject3$i = _taggedTemplateLiteralLoose(["\n > span {\n cursor: pointer;\n }\n "])));
|
|
15698
15724
|
}
|
|
15699
15725
|
|
|
15700
15726
|
return css(_templateObject4$e || (_templateObject4$e = _taggedTemplateLiteralLoose(["\n opacity: 0.5;\n "])));
|
|
@@ -15706,7 +15732,7 @@ var Label$6 = styled.label(_templateObject2$m || (_templateObject2$m = _taggedTe
|
|
|
15706
15732
|
var invalid = _ref5.invalid;
|
|
15707
15733
|
|
|
15708
15734
|
if (!invalid) {
|
|
15709
|
-
return css(_templateObject6$
|
|
15735
|
+
return css(_templateObject6$b || (_templateObject6$b = _taggedTemplateLiteralLoose(["\n > span {\n border-color: ", ";\n :before {\n background-color: ", ";\n }\n }\n "])), function (_ref6) {
|
|
15710
15736
|
var theme = _ref6.theme;
|
|
15711
15737
|
return theme.colors.blue;
|
|
15712
15738
|
}, function (_ref7) {
|
|
@@ -15715,7 +15741,7 @@ var Label$6 = styled.label(_templateObject2$m || (_templateObject2$m = _taggedTe
|
|
|
15715
15741
|
});
|
|
15716
15742
|
}
|
|
15717
15743
|
|
|
15718
|
-
return css(_templateObject7$
|
|
15744
|
+
return css(_templateObject7$b || (_templateObject7$b = _taggedTemplateLiteralLoose(["\n > span {\n border-color: ", ";\n :before {\n background-color: ", ";\n }\n }\n "])), function (_ref8) {
|
|
15719
15745
|
var theme = _ref8.theme;
|
|
15720
15746
|
return theme.colors.warningRed;
|
|
15721
15747
|
}, function (_ref9) {
|
|
@@ -15925,7 +15951,7 @@ var parse = function parse(value) {
|
|
|
15925
15951
|
});
|
|
15926
15952
|
};
|
|
15927
15953
|
|
|
15928
|
-
var _templateObject$s, _templateObject2$n, _templateObject3$
|
|
15954
|
+
var _templateObject$s, _templateObject2$n, _templateObject3$j, _templateObject4$f, _templateObject5$d, _templateObject6$c, _templateObject7$c, _templateObject8$9, _templateObject9$9, _templateObject10$7, _templateObject11$5;
|
|
15929
15955
|
var RelativeContainer$5 = styled.div(_templateObject$s || (_templateObject$s = _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"])));
|
|
15930
15956
|
var LabelContainer$5 = styled.div(_templateObject2$n || (_templateObject2$n = _taggedTemplateLiteralLoose(["\n ", "\n line-height: 17px;\n flex: 1;\n text-align: center;\n\n ", ";\n"])), function (_ref) {
|
|
15931
15957
|
var theme = _ref.theme;
|
|
@@ -15933,7 +15959,7 @@ var LabelContainer$5 = styled.div(_templateObject2$n || (_templateObject2$n = _t
|
|
|
15933
15959
|
}, function (_ref2) {
|
|
15934
15960
|
var onClick = _ref2.onClick;
|
|
15935
15961
|
if (!onClick) return;
|
|
15936
|
-
return css(_templateObject3$
|
|
15962
|
+
return css(_templateObject3$j || (_templateObject3$j = _taggedTemplateLiteralLoose(["\n :not(:disabled) {\n cursor: pointer;\n }\n "])));
|
|
15937
15963
|
});
|
|
15938
15964
|
var Container$6 = styled.div(_templateObject4$f || (_templateObject4$f = _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 (_ref3) {
|
|
15939
15965
|
var theme = _ref3.theme;
|
|
@@ -15957,11 +15983,11 @@ var Container$6 = styled.div(_templateObject4$f || (_templateObject4$f = _tagged
|
|
|
15957
15983
|
var theme = _ref7.theme,
|
|
15958
15984
|
paddingless = _ref7.paddingless;
|
|
15959
15985
|
if (paddingless) return;
|
|
15960
|
-
return css(_templateObject6$
|
|
15986
|
+
return css(_templateObject6$c || (_templateObject6$c = _taggedTemplateLiteralLoose(["\n padding: ", " ", " ", "\n ", ";\n "])), theme.spacings.s2, theme.spacings.s1, theme.spacings.s2, theme.spacings.s3);
|
|
15961
15987
|
}, function (_ref8) {
|
|
15962
15988
|
var disabled = _ref8.disabled;
|
|
15963
15989
|
if (!disabled) return;
|
|
15964
|
-
return css(_templateObject7$
|
|
15990
|
+
return css(_templateObject7$c || (_templateObject7$c = _taggedTemplateLiteralLoose(["\n opacity: 0.5;\n "])));
|
|
15965
15991
|
});
|
|
15966
15992
|
var Button$4 = styled.button(_templateObject8$9 || (_templateObject8$9 = _taggedTemplateLiteralLoose(["\n display: flex;\n background-color: transparent;\n border: none;\n padding: 0;\n box-shadow: none;\n\n ", ";\n"])), function (_ref9) {
|
|
15967
15993
|
var onClick = _ref9.onClick;
|
|
@@ -16305,7 +16331,7 @@ var Tag$1 = function Tag$1(props) {
|
|
|
16305
16331
|
})));
|
|
16306
16332
|
};
|
|
16307
16333
|
|
|
16308
|
-
var _templateObject$w, _templateObject2$p, _templateObject3$
|
|
16334
|
+
var _templateObject$w, _templateObject2$p, _templateObject3$k;
|
|
16309
16335
|
var Label$9 = styled.label(_templateObject$w || (_templateObject$w = _taggedTemplateLiteralLoose(["\n ", ";\n\n color: ", ";\n\n width: ", ";\n box-sizing: border-box;\n position: relative;\n display: block;\n\n ", "\n"])), function (_ref) {
|
|
16310
16336
|
var theme = _ref.theme;
|
|
16311
16337
|
return theme.useTypography('p');
|
|
@@ -16320,7 +16346,7 @@ var Label$9 = styled.label(_templateObject$w || (_templateObject$w = _taggedTemp
|
|
|
16320
16346
|
if (!disabled) return;
|
|
16321
16347
|
return css(_templateObject2$p || (_templateObject2$p = _taggedTemplateLiteralLoose(["\n opacity: 0.5;\n "])));
|
|
16322
16348
|
});
|
|
16323
|
-
var TagContainer = styled.div(_templateObject3$
|
|
16349
|
+
var TagContainer = styled.div(_templateObject3$k || (_templateObject3$k = _taggedTemplateLiteralLoose(["\n border-width: 1px;\n border-style: solid;\n border-color: ", ";\n border-radius: 4px;\n display: flex;\n flex-wrap: wrap;\n gap: calc(", " / 2);\n padding: ", ";\n"])), function (_ref5) {
|
|
16324
16350
|
var theme = _ref5.theme,
|
|
16325
16351
|
invalid = _ref5.invalid;
|
|
16326
16352
|
return theme.colors[invalid ? 'warningRed' : 'lightGrey'];
|
|
@@ -16802,7 +16828,7 @@ var Input$5 = Object.assign(Component$2, {
|
|
|
16802
16828
|
getPhoneDetails: Phone.getPhoneDetails
|
|
16803
16829
|
});
|
|
16804
16830
|
|
|
16805
|
-
var _templateObject$y, _templateObject2$q, _templateObject3$
|
|
16831
|
+
var _templateObject$y, _templateObject2$q, _templateObject3$l, _templateObject4$g;
|
|
16806
16832
|
var Container$7 = styled(AbsoluteContainer)(_templateObject$y || (_templateObject$y = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n\n > div {\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n\n > div {\n padding: ", ";\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n }\n }\n"])), function (_ref) {
|
|
16807
16833
|
var theme = _ref.theme;
|
|
16808
16834
|
return theme.colors.white;
|
|
@@ -16817,7 +16843,7 @@ var Header$3 = styled.div(_templateObject2$q || (_templateObject2$q = _taggedTem
|
|
|
16817
16843
|
var s3 = _ref4.theme.spacings.s3;
|
|
16818
16844
|
return "0 " + s3 + " " + s3 + " 0";
|
|
16819
16845
|
});
|
|
16820
|
-
var Title = styled.div(_templateObject3$
|
|
16846
|
+
var Title = styled.div(_templateObject3$l || (_templateObject3$l = _taggedTemplateLiteralLoose(["\n ", "\n color: ", ";\n"])), function (_ref5) {
|
|
16821
16847
|
var useTypography = _ref5.theme.useTypography;
|
|
16822
16848
|
return useTypography('p', {
|
|
16823
16849
|
fontWeight: 'bold'
|
|
@@ -16940,7 +16966,7 @@ var AppliedFiltersMenu = function AppliedFiltersMenu(props) {
|
|
|
16940
16966
|
}))));
|
|
16941
16967
|
};
|
|
16942
16968
|
|
|
16943
|
-
var _templateObject$z, _templateObject2$r, _templateObject3$
|
|
16969
|
+
var _templateObject$z, _templateObject2$r, _templateObject3$m;
|
|
16944
16970
|
var Container$8 = styled.div(_templateObject$z || (_templateObject$z = _taggedTemplateLiteralLoose(["\n display: flex;\n gap: ", ";\n align-items: center;\n color: ", ";\n\n ", "\n"])), function (_ref) {
|
|
16945
16971
|
var theme = _ref.theme;
|
|
16946
16972
|
return theme.spacings.s4;
|
|
@@ -16954,7 +16980,7 @@ var Container$8 = styled.div(_templateObject$z || (_templateObject$z = _taggedTe
|
|
|
16954
16980
|
return css(_templateObject2$r || (_templateObject2$r = _taggedTemplateLiteralLoose(["\n opacity: 0.3;\n pointer-events: none;\n "])));
|
|
16955
16981
|
}
|
|
16956
16982
|
|
|
16957
|
-
return css(_templateObject3$
|
|
16983
|
+
return css(_templateObject3$m || (_templateObject3$m = _taggedTemplateLiteralLoose(["\n cursor: pointer;\n "])));
|
|
16958
16984
|
});
|
|
16959
16985
|
|
|
16960
16986
|
var Button$5 = function Button(props) {
|
|
@@ -17002,19 +17028,19 @@ var AppliedFilters = Object.assign(function (props) {
|
|
|
17002
17028
|
Menu: AppliedFiltersMenu
|
|
17003
17029
|
});
|
|
17004
17030
|
|
|
17005
|
-
var _templateObject$A, _templateObject2$s, _templateObject3$
|
|
17031
|
+
var _templateObject$A, _templateObject2$s, _templateObject3$n, _templateObject4$h, _templateObject5$e, _templateObject6$d, _templateObject7$d, _templateObject8$a, _templateObject9$a, _templateObject10$8;
|
|
17006
17032
|
var Container$9 = styled.div(_templateObject$A || (_templateObject$A = _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) {
|
|
17007
17033
|
return props.size === 'mini' && css(_templateObject2$s || (_templateObject2$s = _taggedTemplateLiteralLoose(["\n width: 394px;\n height: 99px;\n "])));
|
|
17008
17034
|
}, function (props) {
|
|
17009
|
-
return props.size === 'small' && css(_templateObject3$
|
|
17035
|
+
return props.size === 'small' && css(_templateObject3$n || (_templateObject3$n = _taggedTemplateLiteralLoose(["\n width: 394px;\n height: 131px;\n "])));
|
|
17010
17036
|
}, function (props) {
|
|
17011
17037
|
return props.size === 'medium' && css(_templateObject4$h || (_templateObject4$h = _taggedTemplateLiteralLoose(["\n width: 394px;\n "])));
|
|
17012
17038
|
}, function (props) {
|
|
17013
17039
|
return props.size === 'big' && css(_templateObject5$e || (_templateObject5$e = _taggedTemplateLiteralLoose(["\n width: 414px;\n height: 324px;\n "])));
|
|
17014
17040
|
}, function (props) {
|
|
17015
|
-
return props.borderType === 'info' && css(_templateObject6$
|
|
17041
|
+
return props.borderType === 'info' && css(_templateObject6$d || (_templateObject6$d = _taggedTemplateLiteralLoose(["\n border-left-color: #4d6dbe;\n "])));
|
|
17016
17042
|
}, function (props) {
|
|
17017
|
-
return props.borderType === 'success' && css(_templateObject7$
|
|
17043
|
+
return props.borderType === 'success' && css(_templateObject7$d || (_templateObject7$d = _taggedTemplateLiteralLoose(["\n border-left-color: #66bb6a;\n "])));
|
|
17018
17044
|
}, function (props) {
|
|
17019
17045
|
return props.borderType === 'warning' && css(_templateObject8$a || (_templateObject8$a = _taggedTemplateLiteralLoose(["\n border-left-color: #fbcb01;\n "])));
|
|
17020
17046
|
}, function (props) {
|
|
@@ -17438,7 +17464,7 @@ var useContext$2 = function useContext() {
|
|
|
17438
17464
|
return React__default.useContext(Provider$2);
|
|
17439
17465
|
};
|
|
17440
17466
|
|
|
17441
|
-
var _templateObject$D, _templateObject2$t, _templateObject3$
|
|
17467
|
+
var _templateObject$D, _templateObject2$t, _templateObject3$o, _templateObject4$i, _templateObject5$f, _templateObject6$e, _templateObject7$e, _templateObject8$b, _templateObject9$b, _templateObject10$9, _templateObject11$6, _templateObject12$4, _templateObject13$3, _templateObject14$3, _templateObject15$2;
|
|
17442
17468
|
var aligns = {
|
|
17443
17469
|
self: {
|
|
17444
17470
|
horizontal: {
|
|
@@ -17473,7 +17499,7 @@ var Col = styled.div(_templateObject$D || (_templateObject$D = _taggedTemplateLi
|
|
|
17473
17499
|
if (width === undefined) {
|
|
17474
17500
|
return css(_templateObject2$t || (_templateObject2$t = _taggedTemplateLiteralLoose(["\n flex-basis: 0;\n flex-grow: 1;\n max-width: 100%;\n width: 100%;\n "])));
|
|
17475
17501
|
} else if (width === 'auto') {
|
|
17476
|
-
return css(_templateObject3$
|
|
17502
|
+
return css(_templateObject3$o || (_templateObject3$o = _taggedTemplateLiteralLoose(["\n flex: 0 0 auto;\n width: auto;\n max-width: none;\n "])));
|
|
17477
17503
|
}
|
|
17478
17504
|
|
|
17479
17505
|
var w = parseFloat(width) * 100 / 12;
|
|
@@ -17495,13 +17521,13 @@ var Col = styled.div(_templateObject$D || (_templateObject$D = _taggedTemplateLi
|
|
|
17495
17521
|
if (align.self.horizontal !== undefined) {
|
|
17496
17522
|
var v = align.self.horizontal;
|
|
17497
17523
|
var a = aligns.self.horizontal;
|
|
17498
|
-
styles.push(css(_templateObject6$
|
|
17524
|
+
styles.push(css(_templateObject6$e || (_templateObject6$e = _taggedTemplateLiteralLoose(["\n justify-self: ", ";\n "])), a[v]));
|
|
17499
17525
|
}
|
|
17500
17526
|
|
|
17501
17527
|
if (align.self.vertical !== undefined) {
|
|
17502
17528
|
var _v = align.self.vertical;
|
|
17503
17529
|
var _a = aligns.self.vertical;
|
|
17504
|
-
styles.push(css(_templateObject7$
|
|
17530
|
+
styles.push(css(_templateObject7$e || (_templateObject7$e = _taggedTemplateLiteralLoose(["\n align-self: ", ";\n "])), _a[_v]));
|
|
17505
17531
|
}
|
|
17506
17532
|
}
|
|
17507
17533
|
|
|
@@ -17572,7 +17598,7 @@ var useContext$3 = function useContext() {
|
|
|
17572
17598
|
return React__default.useContext(Provider$3);
|
|
17573
17599
|
};
|
|
17574
17600
|
|
|
17575
|
-
var _templateObject$E, _templateObject2$u, _templateObject3$
|
|
17601
|
+
var _templateObject$E, _templateObject2$u, _templateObject3$p;
|
|
17576
17602
|
var Grid = styled.div(_templateObject$E || (_templateObject$E = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n width: 100%;\n\n ", "\n\n ", "\n"])), function (_ref) {
|
|
17577
17603
|
var spacing = _ref.spacing;
|
|
17578
17604
|
if (spacing === undefined) return;
|
|
@@ -17582,7 +17608,7 @@ var Grid = styled.div(_templateObject$E || (_templateObject$E = _taggedTemplateL
|
|
|
17582
17608
|
var borderless = _ref2.borderless,
|
|
17583
17609
|
lightestGrey = _ref2.theme.colors.lightestGrey;
|
|
17584
17610
|
if (borderless) return;
|
|
17585
|
-
return css(_templateObject3$
|
|
17611
|
+
return css(_templateObject3$p || (_templateObject3$p = _taggedTemplateLiteralLoose(["\n border: 1px solid ", ";\n "])), lightestGrey);
|
|
17586
17612
|
});
|
|
17587
17613
|
|
|
17588
17614
|
var Grid$1 = function Grid$1(props) {
|
|
@@ -17597,7 +17623,7 @@ var Grid$1 = function Grid$1(props) {
|
|
|
17597
17623
|
}, React__default.createElement(Grid, Object.assign({}, gridProps)));
|
|
17598
17624
|
};
|
|
17599
17625
|
|
|
17600
|
-
var _templateObject$F, _templateObject2$v, _templateObject3$
|
|
17626
|
+
var _templateObject$F, _templateObject2$v, _templateObject3$q, _templateObject4$j, _templateObject5$g, _templateObject6$f, _templateObject7$f, _templateObject8$c, _templateObject9$c, _templateObject10$a;
|
|
17601
17627
|
var horizontalAligns = {
|
|
17602
17628
|
around: 'space-around',
|
|
17603
17629
|
between: 'space-between',
|
|
@@ -17618,7 +17644,7 @@ var Row = styled.div(_templateObject$F || (_templateObject$F = _taggedTemplateLi
|
|
|
17618
17644
|
}, function (_ref2) {
|
|
17619
17645
|
var spacingAround = _ref2.spacingAround;
|
|
17620
17646
|
if (spacingAround) return;
|
|
17621
|
-
return css(_templateObject3$
|
|
17647
|
+
return css(_templateObject3$q || (_templateObject3$q = _taggedTemplateLiteralLoose(["\n :first-child {\n padding-top: 0;\n }\n :last-child {\n padding-bottom: 0;\n }\n "])));
|
|
17622
17648
|
}, function (_ref3) {
|
|
17623
17649
|
var horizontalAlign = _ref3.horizontalAlign;
|
|
17624
17650
|
if (horizontalAlign === undefined) return;
|
|
@@ -17634,11 +17660,11 @@ var Row = styled.div(_templateObject$F || (_templateObject$F = _taggedTemplateLi
|
|
|
17634
17660
|
|
|
17635
17661
|
if (backgroundColor !== undefined) {
|
|
17636
17662
|
var c = Array.isArray(backgroundColor) ? theme.getColor.apply(theme, backgroundColor) : theme.colors[backgroundColor];
|
|
17637
|
-
return css(_templateObject6$
|
|
17663
|
+
return css(_templateObject6$f || (_templateObject6$f = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n "])), c);
|
|
17638
17664
|
}
|
|
17639
17665
|
|
|
17640
17666
|
if (striped === undefined) {
|
|
17641
|
-
return css(_templateObject7$
|
|
17667
|
+
return css(_templateObject7$f || (_templateObject7$f = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n "])), theme.colors.white);
|
|
17642
17668
|
}
|
|
17643
17669
|
|
|
17644
17670
|
var config = striped === true ? {
|
|
@@ -17725,13 +17751,13 @@ var widths = {
|
|
|
17725
17751
|
default: '642.5px'
|
|
17726
17752
|
};
|
|
17727
17753
|
|
|
17728
|
-
var _templateObject$G, _templateObject2$w, _templateObject3$
|
|
17754
|
+
var _templateObject$G, _templateObject2$w, _templateObject3$r, _templateObject4$k, _templateObject5$h, _templateObject6$g, _templateObject7$g, _templateObject8$d, _templateObject9$d, _templateObject10$b;
|
|
17729
17755
|
var Background = styled.div(_templateObject$G || (_templateObject$G = _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) {
|
|
17730
17756
|
var theme = _ref.theme;
|
|
17731
17757
|
return theme.getColor('black', 25);
|
|
17732
17758
|
});
|
|
17733
17759
|
var Content = styled.div(_templateObject2$w || (_templateObject2$w = _taggedTemplateLiteralLoose(["\n flex: 1;\n position: relative;\n"])));
|
|
17734
|
-
var Header$5 = styled.div(_templateObject3$
|
|
17760
|
+
var Header$5 = styled.div(_templateObject3$r || (_templateObject3$r = _taggedTemplateLiteralLoose(["\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n\n ", "\n"])), function (_ref2) {
|
|
17735
17761
|
var _ref2$theme = _ref2.theme,
|
|
17736
17762
|
colors = _ref2$theme.colors,
|
|
17737
17763
|
spacings = _ref2$theme.spacings,
|
|
@@ -17742,9 +17768,9 @@ var Footer$2 = styled.div(_templateObject5$h || (_templateObject5$h = _taggedTem
|
|
|
17742
17768
|
var _ref3$theme = _ref3.theme,
|
|
17743
17769
|
spacings = _ref3$theme.spacings,
|
|
17744
17770
|
colors = _ref3$theme.colors;
|
|
17745
|
-
return css(_templateObject6$
|
|
17771
|
+
return css(_templateObject6$g || (_templateObject6$g = _taggedTemplateLiteralLoose(["\n border-top: 1px solid ", ";\n padding: ", ";\n "])), colors.lightestGrey, spacings.s3);
|
|
17746
17772
|
});
|
|
17747
|
-
var FooterMessage = styled.div(_templateObject7$
|
|
17773
|
+
var FooterMessage = styled.div(_templateObject7$g || (_templateObject7$g = _taggedTemplateLiteralLoose(["\n max-width: 75%;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n\n span {\n font-size: 14px;\n color: ", ";\n }\n"])), function (_ref4) {
|
|
17748
17774
|
var theme = _ref4.theme;
|
|
17749
17775
|
return theme.getColor('darkBlue', 75);
|
|
17750
17776
|
});
|
|
@@ -17955,16 +17981,16 @@ var Modal$1 = Object.assign(Modal, {
|
|
|
17955
17981
|
Audit: Audit
|
|
17956
17982
|
});
|
|
17957
17983
|
|
|
17958
|
-
var _templateObject$K, _templateObject2$x, _templateObject3$
|
|
17984
|
+
var _templateObject$K, _templateObject2$x, _templateObject3$s, _templateObject4$l, _templateObject5$i, _templateObject6$h, _templateObject7$h, _templateObject8$e, _templateObject9$e, _templateObject10$c, _templateObject11$7;
|
|
17959
17985
|
var Container$c = styled.div(_templateObject$K || (_templateObject$K = _taggedTemplateLiteralLoose(["\n width: 100%;\n height: 300px;\n position: absolute;\n padding: 14px;\n"])));
|
|
17960
17986
|
var Header$6 = styled.div(_templateObject2$x || (_templateObject2$x = _taggedTemplateLiteralLoose(["\n display: flex;\n"])));
|
|
17961
|
-
var HeaderImage = styled.div(_templateObject3$
|
|
17987
|
+
var HeaderImage = styled.div(_templateObject3$s || (_templateObject3$s = _taggedTemplateLiteralLoose(["\n width: 43px;\n height: 44px;\n background-color: #ebebeb;\n"])));
|
|
17962
17988
|
var HeaderContent = styled.div(_templateObject4$l || (_templateObject4$l = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n flex: 1;\n"])));
|
|
17963
17989
|
var MainContent = styled.div(_templateObject5$i || (_templateObject5$i = _taggedTemplateLiteralLoose(["\n margin-top: 8px;\n"])));
|
|
17964
|
-
var HeaderLine = styled.div(_templateObject6$
|
|
17990
|
+
var HeaderLine = styled.div(_templateObject6$h || (_templateObject6$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) {
|
|
17965
17991
|
return props.height;
|
|
17966
17992
|
}, function (props) {
|
|
17967
|
-
return props.size === 'mini' && css(_templateObject7$
|
|
17993
|
+
return props.size === 'mini' && css(_templateObject7$h || (_templateObject7$h = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
|
|
17968
17994
|
}, function (props) {
|
|
17969
17995
|
return props.size === 'small' && css(_templateObject8$e || (_templateObject8$e = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
|
|
17970
17996
|
}, function (props) {
|
|
@@ -18007,27 +18033,27 @@ var Template1 = function Template1(props) {
|
|
|
18007
18033
|
})));
|
|
18008
18034
|
};
|
|
18009
18035
|
|
|
18010
|
-
var _templateObject$L, _templateObject2$y, _templateObject3$
|
|
18036
|
+
var _templateObject$L, _templateObject2$y, _templateObject3$t, _templateObject4$m, _templateObject5$j;
|
|
18011
18037
|
var HeaderLine$1 = styled.div(_templateObject$L || (_templateObject$L = _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) {
|
|
18012
18038
|
return props.height;
|
|
18013
18039
|
}, function (props) {
|
|
18014
18040
|
return props.size === 'mini' && css(_templateObject2$y || (_templateObject2$y = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
|
|
18015
18041
|
}, function (props) {
|
|
18016
|
-
return props.size === 'small' && css(_templateObject3$
|
|
18042
|
+
return props.size === 'small' && css(_templateObject3$t || (_templateObject3$t = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
|
|
18017
18043
|
}, function (props) {
|
|
18018
18044
|
return props.size === 'medium' && css(_templateObject4$m || (_templateObject4$m = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
|
|
18019
18045
|
}, function (props) {
|
|
18020
18046
|
return props.size === 'large' && css(_templateObject5$j || (_templateObject5$j = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
|
|
18021
18047
|
});
|
|
18022
18048
|
|
|
18023
|
-
var _templateObject$M, _templateObject2$z, _templateObject3$
|
|
18049
|
+
var _templateObject$M, _templateObject2$z, _templateObject3$u, _templateObject4$n, _templateObject5$k, _templateObject6$i, _templateObject7$i, _templateObject8$f;
|
|
18024
18050
|
var Container$d = styled.div(_templateObject$M || (_templateObject$M = _taggedTemplateLiteralLoose(["\n width: 100%;\n max-height: 100%;\n position: absolute;\n padding: 14px;\n"])));
|
|
18025
18051
|
var Template2Container = styled(Container$d)(_templateObject2$z || (_templateObject2$z = _taggedTemplateLiteralLoose(["\n background: #fff;\n border: 2px solid #ebebeb;\n"])));
|
|
18026
|
-
var Header$7 = styled.div(_templateObject3$
|
|
18052
|
+
var Header$7 = styled.div(_templateObject3$u || (_templateObject3$u = _taggedTemplateLiteralLoose(["\n display: flex;\n"])));
|
|
18027
18053
|
var HeaderImage$1 = styled.div(_templateObject4$n || (_templateObject4$n = _taggedTemplateLiteralLoose(["\n width: 43px;\n height: 44px;\n background-color: #ebebeb;\n"])));
|
|
18028
18054
|
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"])));
|
|
18029
|
-
var MainContent$1 = styled.div(_templateObject6$
|
|
18030
|
-
var MainLine$1 = styled(HeaderLine$1)(_templateObject7$
|
|
18055
|
+
var MainContent$1 = styled.div(_templateObject6$i || (_templateObject6$i = _taggedTemplateLiteralLoose(["\n margin-top: 8px;\n"])));
|
|
18056
|
+
var MainLine$1 = styled(HeaderLine$1)(_templateObject7$i || (_templateObject7$i = _taggedTemplateLiteralLoose(["\n margin-bottom: 14px;\n margin-left: 0;\n"])));
|
|
18031
18057
|
var HeaderLine$2 = styled(HeaderLine$1)(_templateObject8$f || (_templateObject8$f = _taggedTemplateLiteralLoose([""])));
|
|
18032
18058
|
|
|
18033
18059
|
var Template2 = function Template2(props) {
|
|
@@ -18051,10 +18077,10 @@ var Template2 = function Template2(props) {
|
|
|
18051
18077
|
})));
|
|
18052
18078
|
};
|
|
18053
18079
|
|
|
18054
|
-
var _templateObject$N, _templateObject2$A, _templateObject3$
|
|
18080
|
+
var _templateObject$N, _templateObject2$A, _templateObject3$v;
|
|
18055
18081
|
var Container$e = styled.div(_templateObject$N || (_templateObject$N = _taggedTemplateLiteralLoose(["\n width: 100%;\n max-height: 100%;\n position: absolute;\n padding: 14px;\n"])));
|
|
18056
18082
|
var Template3Container = styled(Container$e)(_templateObject2$A || (_templateObject2$A = _taggedTemplateLiteralLoose([""])));
|
|
18057
|
-
var Template3Line = styled(HeaderLine$1)(_templateObject3$
|
|
18083
|
+
var Template3Line = styled(HeaderLine$1)(_templateObject3$v || (_templateObject3$v = _taggedTemplateLiteralLoose(["\n background-color: #dadada;\n height: ", ";\n"])), function (props) {
|
|
18058
18084
|
return props.height;
|
|
18059
18085
|
});
|
|
18060
18086
|
|
|
@@ -18083,20 +18109,20 @@ var Template3 = function Template3(props) {
|
|
|
18083
18109
|
}));
|
|
18084
18110
|
};
|
|
18085
18111
|
|
|
18086
|
-
var _templateObject$O, _templateObject2$B, _templateObject3$
|
|
18112
|
+
var _templateObject$O, _templateObject2$B, _templateObject3$w, _templateObject4$o, _templateObject5$l, _templateObject6$j, _templateObject7$j, _templateObject8$g;
|
|
18087
18113
|
var Container$f = styled.div(_templateObject$O || (_templateObject$O = _taggedTemplateLiteralLoose(["\n width: 100%;\n max-height: 100%;\n position: absolute;\n padding: 14px;\n"])));
|
|
18088
18114
|
var HeaderLine$3 = styled.div(_templateObject2$B || (_templateObject2$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) {
|
|
18089
18115
|
return props.height;
|
|
18090
18116
|
}, function (props) {
|
|
18091
|
-
return props.size === 'mini' && css(_templateObject3$
|
|
18117
|
+
return props.size === 'mini' && css(_templateObject3$w || (_templateObject3$w = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
|
|
18092
18118
|
}, function (props) {
|
|
18093
18119
|
return props.size === 'small' && css(_templateObject4$o || (_templateObject4$o = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
|
|
18094
18120
|
}, function (props) {
|
|
18095
18121
|
return props.size === 'medium' && css(_templateObject5$l || (_templateObject5$l = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
|
|
18096
18122
|
}, function (props) {
|
|
18097
|
-
return props.size === 'large' && css(_templateObject6$
|
|
18123
|
+
return props.size === 'large' && css(_templateObject6$j || (_templateObject6$j = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
|
|
18098
18124
|
});
|
|
18099
|
-
var Template4Container = styled(Container$f)(_templateObject7$
|
|
18125
|
+
var Template4Container = styled(Container$f)(_templateObject7$j || (_templateObject7$j = _taggedTemplateLiteralLoose(["\n border: 1px solid #e6e6e7;\n border-radius: 4px;\n"])));
|
|
18100
18126
|
var CustomLine = styled(HeaderLine$3)(_templateObject8$g || (_templateObject8$g = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n background-color: ", ";\n"])), function (props) {
|
|
18101
18127
|
return props.width;
|
|
18102
18128
|
}, function (props) {
|
|
@@ -18150,19 +18176,19 @@ var Template4 = function Template4(props) {
|
|
|
18150
18176
|
}));
|
|
18151
18177
|
};
|
|
18152
18178
|
|
|
18153
|
-
var _templateObject$P, _templateObject2$C, _templateObject3$
|
|
18179
|
+
var _templateObject$P, _templateObject2$C, _templateObject3$x, _templateObject4$p, _templateObject5$m, _templateObject6$k, _templateObject7$k, _templateObject8$h, _templateObject9$f;
|
|
18154
18180
|
var Container$g = styled.div(_templateObject$P || (_templateObject$P = _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"])));
|
|
18155
18181
|
var Circle = styled.div(_templateObject2$C || (_templateObject2$C = _taggedTemplateLiteralLoose(["\n width: 141px;\n height: 141px;\n background-color: #dddedf;\n border-radius: 50%;\n"])));
|
|
18156
|
-
var HeaderLine$4 = styled.div(_templateObject3$
|
|
18182
|
+
var HeaderLine$4 = styled.div(_templateObject3$x || (_templateObject3$x = _taggedTemplateLiteralLoose(["\n height: ", ";\n background-color: #ebebeb;\n margin-left: 7px;\n\n & + div {\n margin-top: 14px;\n }\n\n ", "\n ", "\n\n ", "\n\n ", "\n"])), function (props) {
|
|
18157
18183
|
return props.height;
|
|
18158
18184
|
}, function (props) {
|
|
18159
18185
|
return props.size === 'mini' && css(_templateObject4$p || (_templateObject4$p = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
|
|
18160
18186
|
}, function (props) {
|
|
18161
18187
|
return props.size === 'small' && css(_templateObject5$m || (_templateObject5$m = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
|
|
18162
18188
|
}, function (props) {
|
|
18163
|
-
return props.size === 'medium' && css(_templateObject6$
|
|
18189
|
+
return props.size === 'medium' && css(_templateObject6$k || (_templateObject6$k = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
|
|
18164
18190
|
}, function (props) {
|
|
18165
|
-
return props.size === 'large' && css(_templateObject7$
|
|
18191
|
+
return props.size === 'large' && css(_templateObject7$k || (_templateObject7$k = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
|
|
18166
18192
|
});
|
|
18167
18193
|
var CustomLine$1 = styled(HeaderLine$4)(_templateObject8$h || (_templateObject8$h = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n background-color: ", ";\n"])), function (props) {
|
|
18168
18194
|
return props.width;
|
|
@@ -18198,18 +18224,18 @@ var Template5 = function Template5(props) {
|
|
|
18198
18224
|
})));
|
|
18199
18225
|
};
|
|
18200
18226
|
|
|
18201
|
-
var _templateObject$Q, _templateObject2$D, _templateObject3$
|
|
18227
|
+
var _templateObject$Q, _templateObject2$D, _templateObject3$y, _templateObject4$q, _templateObject5$n, _templateObject6$l, _templateObject7$l, _templateObject8$i, _templateObject9$g;
|
|
18202
18228
|
var Container$h = styled.div(_templateObject$Q || (_templateObject$Q = _taggedTemplateLiteralLoose(["\n width: 395px;\n\n display: flex;\n align-items: center;\n justify-content: space-between;\n background-color: #f5f5f5;\n"])));
|
|
18203
18229
|
var Header$8 = styled.div(_templateObject2$D || (_templateObject2$D = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding: 14px;\n"])));
|
|
18204
|
-
var Footer$3 = styled.div(_templateObject3$
|
|
18230
|
+
var Footer$3 = styled.div(_templateObject3$y || (_templateObject3$y = _taggedTemplateLiteralLoose(["\n width: 100%;\n border-top: 1px solid #b1b1b3;\n height: 50px;\n"])));
|
|
18205
18231
|
var HeaderLine$5 = styled.div(_templateObject4$q || (_templateObject4$q = _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) {
|
|
18206
18232
|
return props.height;
|
|
18207
18233
|
}, function (props) {
|
|
18208
18234
|
return props.size === 'mini' && css(_templateObject5$n || (_templateObject5$n = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
|
|
18209
18235
|
}, function (props) {
|
|
18210
|
-
return props.size === 'small' && css(_templateObject6$
|
|
18236
|
+
return props.size === 'small' && css(_templateObject6$l || (_templateObject6$l = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
|
|
18211
18237
|
}, function (props) {
|
|
18212
|
-
return props.size === 'medium' && css(_templateObject7$
|
|
18238
|
+
return props.size === 'medium' && css(_templateObject7$l || (_templateObject7$l = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
|
|
18213
18239
|
}, function (props) {
|
|
18214
18240
|
return props.size === 'large' && css(_templateObject8$i || (_templateObject8$i = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
|
|
18215
18241
|
});
|
|
@@ -18241,19 +18267,19 @@ var Template6 = function Template6(props) {
|
|
|
18241
18267
|
})));
|
|
18242
18268
|
};
|
|
18243
18269
|
|
|
18244
|
-
var _templateObject$R, _templateObject2$E, _templateObject3$
|
|
18270
|
+
var _templateObject$R, _templateObject2$E, _templateObject3$z, _templateObject4$r, _templateObject5$o, _templateObject6$m, _templateObject7$m, _templateObject8$j, _templateObject9$h, _templateObject10$d;
|
|
18245
18271
|
var Container$i = styled.div(_templateObject$R || (_templateObject$R = _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"])));
|
|
18246
18272
|
var Header$9 = styled.div(_templateObject2$E || (_templateObject2$E = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding: 14px;\n width: 100%;\n"])));
|
|
18247
|
-
var HeaderLine$6 = styled.div(_templateObject3$
|
|
18273
|
+
var HeaderLine$6 = styled.div(_templateObject3$z || (_templateObject3$z = _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) {
|
|
18248
18274
|
return props.height;
|
|
18249
18275
|
}, function (props) {
|
|
18250
18276
|
return props.size === 'mini' && css(_templateObject4$r || (_templateObject4$r = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
|
|
18251
18277
|
}, function (props) {
|
|
18252
18278
|
return props.size === 'small' && css(_templateObject5$o || (_templateObject5$o = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
|
|
18253
18279
|
}, function (props) {
|
|
18254
|
-
return props.size === 'medium' && css(_templateObject6$
|
|
18280
|
+
return props.size === 'medium' && css(_templateObject6$m || (_templateObject6$m = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
|
|
18255
18281
|
}, function (props) {
|
|
18256
|
-
return props.size === 'large' && css(_templateObject7$
|
|
18282
|
+
return props.size === 'large' && css(_templateObject7$m || (_templateObject7$m = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
|
|
18257
18283
|
});
|
|
18258
18284
|
var CustomLine$3 = styled(HeaderLine$6)(_templateObject8$j || (_templateObject8$j = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n background-color: ", ";\n border: 1px solid #dedede5e;\n"])), function (props) {
|
|
18259
18285
|
return props.width;
|
|
@@ -18275,19 +18301,19 @@ var Template7 = function Template7(props) {
|
|
|
18275
18301
|
})), 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)));
|
|
18276
18302
|
};
|
|
18277
18303
|
|
|
18278
|
-
var _templateObject$S, _templateObject2$F, _templateObject3$
|
|
18304
|
+
var _templateObject$S, _templateObject2$F, _templateObject3$A, _templateObject4$s, _templateObject5$p, _templateObject6$n, _templateObject7$n, _templateObject8$k, _templateObject9$i;
|
|
18279
18305
|
var Container$j = styled.div(_templateObject$S || (_templateObject$S = _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"])));
|
|
18280
18306
|
var Header$a = styled.div(_templateObject2$F || (_templateObject2$F = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding: 14px;\n width: 100%;\n"])));
|
|
18281
|
-
var HeaderLine$7 = styled.div(_templateObject3$
|
|
18307
|
+
var HeaderLine$7 = styled.div(_templateObject3$A || (_templateObject3$A = _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) {
|
|
18282
18308
|
return props.height;
|
|
18283
18309
|
}, function (props) {
|
|
18284
18310
|
return props.size === 'mini' && css(_templateObject4$s || (_templateObject4$s = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
|
|
18285
18311
|
}, function (props) {
|
|
18286
18312
|
return props.size === 'small' && css(_templateObject5$p || (_templateObject5$p = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
|
|
18287
18313
|
}, function (props) {
|
|
18288
|
-
return props.size === 'medium' && css(_templateObject6$
|
|
18314
|
+
return props.size === 'medium' && css(_templateObject6$n || (_templateObject6$n = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
|
|
18289
18315
|
}, function (props) {
|
|
18290
|
-
return props.size === 'large' && css(_templateObject7$
|
|
18316
|
+
return props.size === 'large' && css(_templateObject7$n || (_templateObject7$n = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
|
|
18291
18317
|
});
|
|
18292
18318
|
var CustomLine$4 = styled(HeaderLine$7)(_templateObject8$k || (_templateObject8$k = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n background-color: ", ";\n border: 1px solid #dedede5e;\n"])), function (props) {
|
|
18293
18319
|
return props.width;
|
|
@@ -18318,19 +18344,19 @@ var Template8 = function Template8(props) {
|
|
|
18318
18344
|
})));
|
|
18319
18345
|
};
|
|
18320
18346
|
|
|
18321
|
-
var _templateObject$T, _templateObject2$G, _templateObject3$
|
|
18347
|
+
var _templateObject$T, _templateObject2$G, _templateObject3$B, _templateObject4$t, _templateObject5$q, _templateObject6$o, _templateObject7$o, _templateObject8$l, _templateObject9$j, _templateObject10$e;
|
|
18322
18348
|
var Container$k = styled.div(_templateObject$T || (_templateObject$T = _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"])));
|
|
18323
18349
|
var Header$b = styled.div(_templateObject2$G || (_templateObject2$G = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding: 14px;\n width: 100%;\n"])));
|
|
18324
|
-
var HeaderLine$8 = styled.div(_templateObject3$
|
|
18350
|
+
var HeaderLine$8 = styled.div(_templateObject3$B || (_templateObject3$B = _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) {
|
|
18325
18351
|
return props.height;
|
|
18326
18352
|
}, function (props) {
|
|
18327
18353
|
return props.size === 'mini' && css(_templateObject4$t || (_templateObject4$t = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
|
|
18328
18354
|
}, function (props) {
|
|
18329
18355
|
return props.size === 'small' && css(_templateObject5$q || (_templateObject5$q = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
|
|
18330
18356
|
}, function (props) {
|
|
18331
|
-
return props.size === 'medium' && css(_templateObject6$
|
|
18357
|
+
return props.size === 'medium' && css(_templateObject6$o || (_templateObject6$o = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
|
|
18332
18358
|
}, function (props) {
|
|
18333
|
-
return props.size === 'large' && css(_templateObject7$
|
|
18359
|
+
return props.size === 'large' && css(_templateObject7$o || (_templateObject7$o = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
|
|
18334
18360
|
});
|
|
18335
18361
|
var CustomLine$5 = styled(HeaderLine$8)(_templateObject8$l || (_templateObject8$l = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n background-color: ", ";\n border: 1px solid #dedede5e;\n"])), function (props) {
|
|
18336
18362
|
return props.width;
|
|
@@ -18357,19 +18383,19 @@ var Template8$1 = function Template8(props) {
|
|
|
18357
18383
|
})), React__default.createElement(Main$4, null, React__default.createElement(Circle$2, null)));
|
|
18358
18384
|
};
|
|
18359
18385
|
|
|
18360
|
-
var _templateObject$U, _templateObject2$H, _templateObject3$
|
|
18386
|
+
var _templateObject$U, _templateObject2$H, _templateObject3$C, _templateObject4$u, _templateObject5$r, _templateObject6$p, _templateObject7$p, _templateObject8$m, _templateObject9$k, _templateObject10$f, _templateObject11$8;
|
|
18361
18387
|
var Container$l = styled.div(_templateObject$U || (_templateObject$U = _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"])));
|
|
18362
18388
|
var Header$c = styled.div(_templateObject2$H || (_templateObject2$H = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding: 14px;\n width: 100%;\n"])));
|
|
18363
|
-
var HeaderLine$9 = styled.div(_templateObject3$
|
|
18389
|
+
var HeaderLine$9 = styled.div(_templateObject3$C || (_templateObject3$C = _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) {
|
|
18364
18390
|
return props.height;
|
|
18365
18391
|
}, function (props) {
|
|
18366
18392
|
return props.size === 'mini' && css(_templateObject4$u || (_templateObject4$u = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
|
|
18367
18393
|
}, function (props) {
|
|
18368
18394
|
return props.size === 'small' && css(_templateObject5$r || (_templateObject5$r = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
|
|
18369
18395
|
}, function (props) {
|
|
18370
|
-
return props.size === 'medium' && css(_templateObject6$
|
|
18396
|
+
return props.size === 'medium' && css(_templateObject6$p || (_templateObject6$p = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
|
|
18371
18397
|
}, function (props) {
|
|
18372
|
-
return props.size === 'large' && css(_templateObject7$
|
|
18398
|
+
return props.size === 'large' && css(_templateObject7$p || (_templateObject7$p = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
|
|
18373
18399
|
});
|
|
18374
18400
|
var CustomLine$6 = styled(HeaderLine$9)(_templateObject8$m || (_templateObject8$m = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n background-color: ", ";\n border: 1px solid #dedede5e;\n"])), function (props) {
|
|
18375
18401
|
return props.width;
|
|
@@ -18501,12 +18527,12 @@ var Placeholder = function Placeholder(props) {
|
|
|
18501
18527
|
}
|
|
18502
18528
|
};
|
|
18503
18529
|
|
|
18504
|
-
var _templateObject$V, _templateObject2$I, _templateObject3$
|
|
18530
|
+
var _templateObject$V, _templateObject2$I, _templateObject3$D, _templateObject4$v, _templateObject5$s, _templateObject6$q, _templateObject7$q;
|
|
18505
18531
|
var Container$m = styled.div(_templateObject$V || (_templateObject$V = _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"])));
|
|
18506
18532
|
var Progress = styled.div(_templateObject2$I || (_templateObject2$I = _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) {
|
|
18507
18533
|
return props.value + "%";
|
|
18508
18534
|
}, function (props) {
|
|
18509
|
-
return props.type === 'default' && css(_templateObject3$
|
|
18535
|
+
return props.type === 'default' && css(_templateObject3$D || (_templateObject3$D = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n "])), function (_ref) {
|
|
18510
18536
|
var theme = _ref.theme;
|
|
18511
18537
|
return theme.colors.warningGray;
|
|
18512
18538
|
});
|
|
@@ -18521,12 +18547,12 @@ var Progress = styled.div(_templateObject2$I || (_templateObject2$I = _taggedTem
|
|
|
18521
18547
|
return theme.colors.warningRed;
|
|
18522
18548
|
});
|
|
18523
18549
|
}, function (props) {
|
|
18524
|
-
return props.type === 'success' && css(_templateObject6$
|
|
18550
|
+
return props.type === 'success' && css(_templateObject6$q || (_templateObject6$q = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n "])), function (_ref4) {
|
|
18525
18551
|
var theme = _ref4.theme;
|
|
18526
18552
|
return theme.colors.green;
|
|
18527
18553
|
});
|
|
18528
18554
|
}, function (props) {
|
|
18529
|
-
return props.type === 'warning' && css(_templateObject7$
|
|
18555
|
+
return props.type === 'warning' && css(_templateObject7$q || (_templateObject7$q = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n "])), function (_ref5) {
|
|
18530
18556
|
var theme = _ref5.theme;
|
|
18531
18557
|
return theme.colors.warningYellow;
|
|
18532
18558
|
});
|
|
@@ -18571,13 +18597,13 @@ function SvgClose(props) {
|
|
|
18571
18597
|
})));
|
|
18572
18598
|
}
|
|
18573
18599
|
|
|
18574
|
-
var _templateObject$W, _templateObject2$J, _templateObject3$
|
|
18600
|
+
var _templateObject$W, _templateObject2$J, _templateObject3$E, _templateObject4$w, _templateObject5$t, _templateObject6$r;
|
|
18575
18601
|
var Container$n = styled.div(_templateObject$W || (_templateObject$W = _taggedTemplateLiteralLoose(["\n display: block;\n border-bottom-style: solid;\n\n ", "\n"])), function (_ref) {
|
|
18576
18602
|
var theme = _ref.theme,
|
|
18577
18603
|
internal = _ref.internal;
|
|
18578
18604
|
return css(_templateObject2$J || (_templateObject2$J = _taggedTemplateLiteralLoose(["\n margin-bottom: ", ";\n border-bottom-width: ", ";\n border-bottom-color: ", ";\n "])), theme.spacings.s2, internal ? '1px' : '2px', internal ? theme.getColor('lightestGrey', 50) : theme.colors.blue);
|
|
18579
18605
|
});
|
|
18580
|
-
var Tabs = styled.ul(_templateObject3$
|
|
18606
|
+
var Tabs = styled.ul(_templateObject3$E || (_templateObject3$E = _taggedTemplateLiteralLoose(["\n user-select: none;\n list-style: none;\n display: inline-flex;\n gap: 1px;\n padding: 0;\n margin: 0;\n\n ", "\n"])), function (_ref2) {
|
|
18581
18607
|
var theme = _ref2.theme,
|
|
18582
18608
|
internal = _ref2.internal;
|
|
18583
18609
|
return css(_templateObject4$w || (_templateObject4$w = _taggedTemplateLiteralLoose(["\n height: ", ";\n box-shadow: 0 0 10px 0 ", ";\n "])), internal ? '41px' : '49px', theme.getColor('black', 10));
|
|
@@ -18585,7 +18611,7 @@ var Tabs = styled.ul(_templateObject3$D || (_templateObject3$D = _taggedTemplate
|
|
|
18585
18611
|
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 border-radius: 4px 4px 0 0;\n\n svg {\n transform: scale(calc(18 / 24));\n stroke-width: 2px;\n }\n\n ", "\n"])), function (_ref3) {
|
|
18586
18612
|
var theme = _ref3.theme,
|
|
18587
18613
|
active = _ref3.active;
|
|
18588
|
-
return css(_templateObject6$
|
|
18614
|
+
return css(_templateObject6$r || (_templateObject6$r = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n padding: 0 ", ";\n gap: ", ";\n\n span {\n font-family: ", ";\n font-size: ", ";\n font-weight: ", ";\n\n color: ", ";\n }\n\n svg {\n stroke: ", ";\n\n &:hover {\n stroke: ", ";\n }\n }\n "])), theme.colors[active ? 'blue' : 'white'], theme.spacings.s2, theme.spacings.s2, theme.typographies.h2.fontFamily, theme.typographies.h2.fontSize, theme.typographies.h2.fontWeight, theme.colors[active ? 'white' : 'darkBlue'], theme.colors[active ? 'white' : 'darkBlue'], theme.colors.red);
|
|
18589
18615
|
});
|
|
18590
18616
|
|
|
18591
18617
|
var Tabs$1 = function Tabs$1(props) {
|
|
@@ -18652,18 +18678,18 @@ var TextArea = function TextArea(props) {
|
|
|
18652
18678
|
return React__default.createElement(Container$o, Object.assign({}, props));
|
|
18653
18679
|
};
|
|
18654
18680
|
|
|
18655
|
-
var _templateObject$Y, _templateObject2$K, _templateObject3$
|
|
18681
|
+
var _templateObject$Y, _templateObject2$K, _templateObject3$F, _templateObject4$x, _templateObject5$u, _templateObject6$s;
|
|
18656
18682
|
var Container$p = styled.div(_templateObject$Y || (_templateObject$Y = _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) {
|
|
18657
18683
|
return props.size === 'large' ? '837px' : '460px';
|
|
18658
18684
|
}, function (props) {
|
|
18659
18685
|
return props.color === 'success' && css(_templateObject2$K || (_templateObject2$K = _taggedTemplateLiteralLoose(["\n background-color: #fcfff5;\n opacity: 1;\n border-color: #a8c599;\n h4 {\n color: #1e561f;\n }\n p {\n color: #1e561fcc;\n }\n "])));
|
|
18660
18686
|
}, function (props) {
|
|
18661
|
-
return props.color === 'error' && css(_templateObject3$
|
|
18687
|
+
return props.color === 'error' && css(_templateObject3$F || (_templateObject3$F = _taggedTemplateLiteralLoose(["\n background-color: #fff6f6;\n opacity: 1;\n border-color: #973937;\n h4 {\n color: #973937;\n }\n p {\n color: #973937;\n }\n "])));
|
|
18662
18688
|
}, function (props) {
|
|
18663
18689
|
return props.color === 'warning' && css(_templateObject4$x || (_templateObject4$x = _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 "])));
|
|
18664
18690
|
});
|
|
18665
18691
|
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"])));
|
|
18666
|
-
var IconContent = styled.div(_templateObject6$
|
|
18692
|
+
var IconContent = styled.div(_templateObject6$s || (_templateObject6$s = _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"])));
|
|
18667
18693
|
|
|
18668
18694
|
var Toast = function Toast(props) {
|
|
18669
18695
|
return React__default.createElement(Container$p, Object.assign({}, props), React__default.createElement(IconContainer$2, null, React__default.createElement(Icon, {
|
|
@@ -18675,7 +18701,7 @@ var Toast = function Toast(props) {
|
|
|
18675
18701
|
})), React__default.createElement(IconContent, null, React__default.createElement("h4", null, props.title), React__default.createElement("p", null, " ", props.description)));
|
|
18676
18702
|
};
|
|
18677
18703
|
|
|
18678
|
-
var _templateObject$Z, _templateObject2$L, _templateObject3$
|
|
18704
|
+
var _templateObject$Z, _templateObject2$L, _templateObject3$G, _templateObject4$y, _templateObject5$v;
|
|
18679
18705
|
var Image = styled.img(_templateObject$Z || (_templateObject$Z = _taggedTemplateLiteralLoose(["\n max-width: 100%;\n max-height: 100%;\n"])));
|
|
18680
18706
|
var Container$q = styled.div(_templateObject2$L || (_templateObject2$L = _taggedTemplateLiteralLoose(["\n position: relative;\n display: inline-flex;\n\n &,\n ", " {\n width: ", ";\n\n height: ", ";\n }\n"])), Image, function (_ref) {
|
|
18681
18707
|
var width = _ref.width;
|
|
@@ -18704,7 +18730,7 @@ var Container$q = styled.div(_templateObject2$L || (_templateObject2$L = _tagged
|
|
|
18704
18730
|
return 'auto';
|
|
18705
18731
|
}
|
|
18706
18732
|
});
|
|
18707
|
-
var Dimmer = styled.div(_templateObject3$
|
|
18733
|
+
var Dimmer = styled.div(_templateObject3$G || (_templateObject3$G = _taggedTemplateLiteralLoose(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: ", ";\n opacity: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n transition: opacity 0.5s;\n cursor: pointer;\n\n :hover {\n opacity: 1;\n }\n"])), function (_ref3) {
|
|
18708
18734
|
var theme = _ref3.theme;
|
|
18709
18735
|
return theme.getColor('greyishBlue', 50);
|
|
18710
18736
|
});
|