@mw-kit/mw-ui 1.7.29 → 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 +278 -252
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +278 -252
- package/dist/index.modern.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -11964,8 +11964,8 @@ var icons = {
|
|
|
11964
11964
|
zoom_out: SvgZoomOut
|
|
11965
11965
|
};
|
|
11966
11966
|
|
|
11967
|
-
var _templateObject$2, _templateObject2$2, _templateObject3$2, _templateObject4$1, _templateObject5$1;
|
|
11968
|
-
var SemanticIcon = styled__default(semanticUiReact.Icon)(_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) {
|
|
11967
|
+
var _templateObject$2, _templateObject2$2, _templateObject3$2, _templateObject4$1, _templateObject5$1, _templateObject6$1, _templateObject7$1;
|
|
11968
|
+
var SemanticIcon = styled__default(semanticUiReact.Icon)(_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) {
|
|
11969
11969
|
var fontcolor = _ref.fontcolor;
|
|
11970
11970
|
return fontcolor;
|
|
11971
11971
|
}, function (_ref2) {
|
|
@@ -11976,14 +11976,22 @@ var SemanticIcon = styled__default(semanticUiReact.Icon)(_templateObject$2 || (_
|
|
|
11976
11976
|
var height = _ref3.height;
|
|
11977
11977
|
if (!height) return;
|
|
11978
11978
|
return styled.css(_templateObject3$2 || (_templateObject3$2 = _taggedTemplateLiteralLoose(["\n font-size: ", ";\n height: ", ";\n "])), height, height);
|
|
11979
|
+
}, function (_ref4) {
|
|
11980
|
+
var onClick = _ref4.onClick;
|
|
11981
|
+
if (!onClick) return;
|
|
11982
|
+
return styled.css(_templateObject4$1 || (_templateObject4$1 = _taggedTemplateLiteralLoose(["\n cursor: pointer;\n "])));
|
|
11979
11983
|
});
|
|
11980
|
-
var SVGContainer = styled__default.div(
|
|
11981
|
-
var color =
|
|
11984
|
+
var SVGContainer = styled__default.div(_templateObject5$1 || (_templateObject5$1 = _taggedTemplateLiteralLoose(["\n display: flex;\n > svg {\n &,\n * {\n stroke: ", ";\n\n ", "\n }\n }\n\n ", "\n"])), function (_ref5) {
|
|
11985
|
+
var color = _ref5.color;
|
|
11982
11986
|
return color;
|
|
11983
|
-
}, function (
|
|
11984
|
-
var strokeWidth =
|
|
11987
|
+
}, function (_ref6) {
|
|
11988
|
+
var strokeWidth = _ref6.strokeWidth;
|
|
11985
11989
|
if (!strokeWidth) return;
|
|
11986
|
-
return styled.css(
|
|
11990
|
+
return styled.css(_templateObject6$1 || (_templateObject6$1 = _taggedTemplateLiteralLoose(["\n stroke-width: ", ";\n "])), strokeWidth);
|
|
11991
|
+
}, function (_ref7) {
|
|
11992
|
+
var pointer = _ref7.pointer;
|
|
11993
|
+
if (!pointer) return;
|
|
11994
|
+
return styled.css(_templateObject7$1 || (_templateObject7$1 = _taggedTemplateLiteralLoose(["\n cursor: pointer;\n "])));
|
|
11987
11995
|
});
|
|
11988
11996
|
|
|
11989
11997
|
var getColor = function getColor(c) {
|
|
@@ -12013,7 +12021,8 @@ var Icon = function Icon(props) {
|
|
|
12013
12021
|
var Component = icons[props.icon];
|
|
12014
12022
|
return React__default.createElement(SVGContainer, {
|
|
12015
12023
|
color: color,
|
|
12016
|
-
strokeWidth: props.strokeWidth
|
|
12024
|
+
strokeWidth: props.strokeWidth,
|
|
12025
|
+
pointer: !!props.onClick
|
|
12017
12026
|
}, React__default.createElement(Component, Object.assign({}, commonProps)));
|
|
12018
12027
|
}
|
|
12019
12028
|
|
|
@@ -12038,7 +12047,8 @@ var Icon = function Icon(props) {
|
|
|
12038
12047
|
var _Component = props.icon;
|
|
12039
12048
|
return React__default.createElement(SVGContainer, {
|
|
12040
12049
|
color: _color2,
|
|
12041
|
-
strokeWidth: props.strokeWidth
|
|
12050
|
+
strokeWidth: props.strokeWidth,
|
|
12051
|
+
pointer: !!props.onClick
|
|
12042
12052
|
}, React__default.createElement(_Component, Object.assign({}, _commonProps2)));
|
|
12043
12053
|
}
|
|
12044
12054
|
|
|
@@ -12142,97 +12152,94 @@ var EllipsisContainer$1 = function EllipsisContainer$1(props) {
|
|
|
12142
12152
|
}));
|
|
12143
12153
|
};
|
|
12144
12154
|
|
|
12145
|
-
var _templateObject$5, _templateObject2$4, _templateObject3$4, _templateObject4$3, _templateObject5$3, _templateObject6$
|
|
12155
|
+
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;
|
|
12146
12156
|
var IconContainer = styled__default.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) {
|
|
12147
12157
|
var onClick = _ref.onClick,
|
|
12148
12158
|
disabled = _ref.disabled;
|
|
12149
12159
|
if (!onClick || disabled) return;
|
|
12150
12160
|
return styled.css(_templateObject2$4 || (_templateObject2$4 = _taggedTemplateLiteralLoose(["\n cursor: pointer;\n "])));
|
|
12151
12161
|
});
|
|
12152
|
-
var ChildrenContainer = styled__default(EllipsisContainer$1)(_templateObject3$4 || (_templateObject3$4 = _taggedTemplateLiteralLoose(["\n position: absolute;\n width: 100%;\n height: 100%;\n bottom: 0;\n left: 0;\n
|
|
12162
|
+
var ChildrenContainer = styled__default(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"])));
|
|
12163
|
+
var Input = styled__default.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) {
|
|
12153
12164
|
var theme = _ref2.theme;
|
|
12154
|
-
return theme.spacings.s1;
|
|
12155
|
-
});
|
|
12156
|
-
var Input = styled__default.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) {
|
|
12157
|
-
var theme = _ref3.theme;
|
|
12158
12165
|
return theme.useTypography('p');
|
|
12166
|
+
}, function (_ref3) {
|
|
12167
|
+
var theme = _ref3.theme,
|
|
12168
|
+
invalid = _ref3.invalid;
|
|
12169
|
+
return invalid ? theme.colors.warningRed : theme.colors.darkBlue;
|
|
12159
12170
|
}, function (_ref4) {
|
|
12160
12171
|
var theme = _ref4.theme,
|
|
12161
12172
|
invalid = _ref4.invalid;
|
|
12162
|
-
return invalid ? theme.colors.warningRed : theme.colors.darkBlue;
|
|
12163
|
-
}, function (_ref5) {
|
|
12164
|
-
var theme = _ref5.theme,
|
|
12165
|
-
invalid = _ref5.invalid;
|
|
12166
12173
|
return invalid ? theme.colors.warningRed : theme.colors.darkGrey;
|
|
12167
|
-
}, function (
|
|
12168
|
-
var placeholder =
|
|
12174
|
+
}, function (_ref5) {
|
|
12175
|
+
var placeholder = _ref5.placeholder;
|
|
12169
12176
|
|
|
12170
12177
|
if (placeholder !== '••••••••') {
|
|
12171
|
-
return styled.css(_templateObject5$3 || (_templateObject5$3 = _taggedTemplateLiteralLoose(["\n ", ";\n opacity: 1;\n "])), function (
|
|
12172
|
-
var theme =
|
|
12178
|
+
return styled.css(_templateObject5$3 || (_templateObject5$3 = _taggedTemplateLiteralLoose(["\n ", ";\n opacity: 1;\n "])), function (_ref6) {
|
|
12179
|
+
var theme = _ref6.theme;
|
|
12173
12180
|
return theme.useTypography('p');
|
|
12174
12181
|
});
|
|
12175
12182
|
}
|
|
12176
12183
|
|
|
12177
|
-
return styled.css(_templateObject6$
|
|
12184
|
+
return styled.css(_templateObject6$2 || (_templateObject6$2 = _taggedTemplateLiteralLoose(["\n opacity: 0.5;\n font-size: 14px;\n letter-spacing: 0px;\n "])));
|
|
12185
|
+
}, function (_ref7) {
|
|
12186
|
+
var theme = _ref7.theme,
|
|
12187
|
+
paddingless = _ref7.paddingless;
|
|
12188
|
+
if (paddingless) return;
|
|
12189
|
+
return styled.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);
|
|
12178
12190
|
}, function (_ref8) {
|
|
12179
12191
|
var theme = _ref8.theme,
|
|
12180
|
-
|
|
12181
|
-
|
|
12182
|
-
return styled.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);
|
|
12183
|
-
}, function (_ref9) {
|
|
12184
|
-
var theme = _ref9.theme,
|
|
12185
|
-
invalid = _ref9.invalid,
|
|
12186
|
-
borderless = _ref9.borderless;
|
|
12192
|
+
invalid = _ref8.invalid,
|
|
12193
|
+
borderless = _ref8.borderless;
|
|
12187
12194
|
if (borderless) return 'transparent';
|
|
12188
12195
|
return invalid ? theme.colors.warningRed : theme.colors.lightGrey;
|
|
12189
|
-
}, function (
|
|
12190
|
-
var theme =
|
|
12191
|
-
invalid =
|
|
12196
|
+
}, function (_ref9) {
|
|
12197
|
+
var theme = _ref9.theme,
|
|
12198
|
+
invalid = _ref9.invalid;
|
|
12192
12199
|
var color = invalid ? theme.getColor('warningRed', 5) : theme.colors.white;
|
|
12193
12200
|
return styled.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);
|
|
12194
|
-
}, function (
|
|
12195
|
-
var arrows =
|
|
12201
|
+
}, function (_ref10) {
|
|
12202
|
+
var arrows = _ref10.arrows;
|
|
12196
12203
|
if (arrows) return;
|
|
12197
12204
|
return styled.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 "])));
|
|
12198
|
-
}, function (
|
|
12199
|
-
var readOnly =
|
|
12200
|
-
onClick =
|
|
12201
|
-
disabled =
|
|
12205
|
+
}, function (_ref11) {
|
|
12206
|
+
var readOnly = _ref11.readOnly,
|
|
12207
|
+
onClick = _ref11.onClick,
|
|
12208
|
+
disabled = _ref11.disabled;
|
|
12202
12209
|
if (readOnly || !onClick || disabled) return;
|
|
12203
12210
|
return styled.css(_templateObject10$1 || (_templateObject10$1 = _taggedTemplateLiteralLoose(["\n cursor: pointer;\n "])));
|
|
12204
12211
|
});
|
|
12205
|
-
var InputContainer = styled__default.div(_templateObject11$1 || (_templateObject11$1 = _taggedTemplateLiteralLoose(["\n position: relative;\n width: ", ";\n"])), function (
|
|
12206
|
-
var width =
|
|
12212
|
+
var InputContainer = styled__default.div(_templateObject11$1 || (_templateObject11$1 = _taggedTemplateLiteralLoose(["\n position: relative;\n width: ", ";\n"])), function (_ref12) {
|
|
12213
|
+
var width = _ref12.width;
|
|
12207
12214
|
return width || '100%';
|
|
12208
12215
|
});
|
|
12209
|
-
var Label = styled__default.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 (
|
|
12210
|
-
var theme =
|
|
12216
|
+
var Label = styled__default.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) {
|
|
12217
|
+
var theme = _ref13.theme;
|
|
12211
12218
|
return theme.useTypography('p');
|
|
12212
|
-
}, function (
|
|
12213
|
-
var theme =
|
|
12219
|
+
}, function (_ref14) {
|
|
12220
|
+
var theme = _ref14.theme;
|
|
12214
12221
|
return theme.colors.greyishBlue;
|
|
12215
|
-
}, function (
|
|
12216
|
-
var width =
|
|
12222
|
+
}, function (_ref15) {
|
|
12223
|
+
var width = _ref15.width;
|
|
12217
12224
|
return width || '100%';
|
|
12218
|
-
}, function (
|
|
12219
|
-
var disabled =
|
|
12225
|
+
}, function (_ref16) {
|
|
12226
|
+
var disabled = _ref16.disabled;
|
|
12220
12227
|
if (!disabled) return;
|
|
12221
12228
|
return styled.css(_templateObject13$1 || (_templateObject13$1 = _taggedTemplateLiteralLoose(["\n opacity: 0.5;\n "])));
|
|
12222
|
-
}, InputContainer, IconContainer, function (
|
|
12223
|
-
var theme =
|
|
12224
|
-
paddingless =
|
|
12229
|
+
}, InputContainer, IconContainer, function (_ref17) {
|
|
12230
|
+
var theme = _ref17.theme,
|
|
12231
|
+
paddingless = _ref17.paddingless;
|
|
12225
12232
|
return paddingless ? '2px' : "calc(" + theme.spacings.s2 + " + 1px)";
|
|
12226
|
-
}, function (
|
|
12227
|
-
var readOnly =
|
|
12228
|
-
disabled =
|
|
12229
|
-
loading =
|
|
12233
|
+
}, function (_ref18) {
|
|
12234
|
+
var readOnly = _ref18.readOnly,
|
|
12235
|
+
disabled = _ref18.disabled,
|
|
12236
|
+
loading = _ref18.loading;
|
|
12230
12237
|
if (loading || readOnly || disabled) return;
|
|
12231
12238
|
return styled.css(_templateObject14$1 || (_templateObject14$1 = _taggedTemplateLiteralLoose(["\n cursor: pointer;\n "])));
|
|
12232
|
-
}, function (
|
|
12233
|
-
var theme =
|
|
12234
|
-
icon =
|
|
12235
|
-
paddingless =
|
|
12239
|
+
}, function (_ref19) {
|
|
12240
|
+
var theme = _ref19.theme,
|
|
12241
|
+
icon = _ref19.icon,
|
|
12242
|
+
paddingless = _ref19.paddingless;
|
|
12236
12243
|
if (!icon) return;
|
|
12237
12244
|
var width = icon.width,
|
|
12238
12245
|
position = icon.position;
|
|
@@ -12244,11 +12251,11 @@ var Label = styled__default.label(_templateObject12$1 || (_templateObject12$1 =
|
|
|
12244
12251
|
|
|
12245
12252
|
return styled.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);
|
|
12246
12253
|
});
|
|
12247
|
-
var LabelText = styled__default.div(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["\n display: inline-block;\n margin-bottom: ", ";\n\n ", "\n"])), function (
|
|
12248
|
-
var theme =
|
|
12254
|
+
var LabelText = styled__default.div(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["\n display: inline-block;\n margin-bottom: ", ";\n\n ", "\n"])), function (_ref20) {
|
|
12255
|
+
var theme = _ref20.theme;
|
|
12249
12256
|
return theme.spacings.s1;
|
|
12250
|
-
}, function (
|
|
12251
|
-
var required =
|
|
12257
|
+
}, function (_ref21) {
|
|
12258
|
+
var required = _ref21.required;
|
|
12252
12259
|
if (!required) return;
|
|
12253
12260
|
return styled.css(_templateObject18 || (_templateObject18 = _taggedTemplateLiteralLoose(["\n :after {\n content: ' *';\n }\n "])));
|
|
12254
12261
|
});
|
|
@@ -12409,7 +12416,7 @@ var Input$1 = React__default.forwardRef(function (props, ref) {
|
|
|
12409
12416
|
});
|
|
12410
12417
|
Input$1.displayName = 'Input';
|
|
12411
12418
|
|
|
12412
|
-
var _templateObject$6, _templateObject2$5, _templateObject3$5, _templateObject4$4, _templateObject5$4, _templateObject6$
|
|
12419
|
+
var _templateObject$6, _templateObject2$5, _templateObject3$5, _templateObject4$4, _templateObject5$4, _templateObject6$3, _templateObject7$3, _templateObject8$2, _templateObject9$2, _templateObject10$2;
|
|
12413
12420
|
var size = '17px';
|
|
12414
12421
|
var Checkmark = styled__default.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) {
|
|
12415
12422
|
var theme = _ref.theme;
|
|
@@ -12481,7 +12488,7 @@ var Label$1 = styled__default.label(_templateObject2$5 || (_templateObject2$5 =
|
|
|
12481
12488
|
bordered = _ref7.bordered,
|
|
12482
12489
|
invalid = _ref7.invalid;
|
|
12483
12490
|
if (!bordered) return;
|
|
12484
|
-
return styled.css(_templateObject6$
|
|
12491
|
+
return styled.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']);
|
|
12485
12492
|
}, size, size, function (_ref8) {
|
|
12486
12493
|
var theme = _ref8.theme;
|
|
12487
12494
|
return theme.spacings.s1;
|
|
@@ -12495,7 +12502,7 @@ var Label$1 = styled__default.label(_templateObject2$5 || (_templateObject2$5 =
|
|
|
12495
12502
|
var theme = _ref11.theme,
|
|
12496
12503
|
invalid = _ref11.invalid;
|
|
12497
12504
|
if (!invalid) return;
|
|
12498
|
-
return styled.css(_templateObject7$
|
|
12505
|
+
return styled.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);
|
|
12499
12506
|
}, function (_ref12) {
|
|
12500
12507
|
var width = _ref12.width;
|
|
12501
12508
|
return width && styled.css(_templateObject8$2 || (_templateObject8$2 = _taggedTemplateLiteralLoose(["\n width: ", ";\n "])), width);
|
|
@@ -12646,7 +12653,7 @@ var ScrollContainer = function ScrollContainer(props) {
|
|
|
12646
12653
|
})), after);
|
|
12647
12654
|
};
|
|
12648
12655
|
|
|
12649
|
-
var _templateObject$8, _templateObject2$7, _templateObject3$7, _templateObject4$6, _templateObject5$5, _templateObject6$
|
|
12656
|
+
var _templateObject$8, _templateObject2$7, _templateObject3$7, _templateObject4$6, _templateObject5$5, _templateObject6$4, _templateObject7$4, _templateObject8$3, _templateObject9$3, _templateObject10$3;
|
|
12650
12657
|
var Option = styled__default.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) {
|
|
12651
12658
|
var theme = _ref.theme;
|
|
12652
12659
|
return theme.useTypography('p');
|
|
@@ -12694,11 +12701,11 @@ var Container$2 = styled__default(AbsoluteContainer)(_templateObject5$5 || (_tem
|
|
|
12694
12701
|
var tmp = spacing.split(' ');
|
|
12695
12702
|
tmp[1] = "calc(" + props.theme.spacings.s1 + " / 2)";
|
|
12696
12703
|
spacing = tmp.join(' ');
|
|
12697
|
-
return styled.css(_templateObject6$
|
|
12704
|
+
return styled.css(_templateObject6$4 || (_templateObject6$4 = _taggedTemplateLiteralLoose(["\n padding: ", ";\n "])), spacing);
|
|
12698
12705
|
}, function (_ref9) {
|
|
12699
12706
|
var bordered = _ref9.bordered;
|
|
12700
12707
|
if (!bordered) return;
|
|
12701
|
-
return styled.css(_templateObject7$
|
|
12708
|
+
return styled.css(_templateObject7$4 || (_templateObject7$4 = _taggedTemplateLiteralLoose(["\n ", " {\n :not(:last-child) {\n border-bottom: 1px solid\n ", ";\n }\n }\n "])), Option, function (_ref10) {
|
|
12702
12709
|
var theme = _ref10.theme;
|
|
12703
12710
|
return theme.getColor('greyishBlue', 10);
|
|
12704
12711
|
});
|
|
@@ -12746,82 +12753,88 @@ var MenuComponent = function MenuComponent(props, ref) {
|
|
|
12746
12753
|
inner: innerContent,
|
|
12747
12754
|
spacing: scrollSpacing,
|
|
12748
12755
|
loading: loading
|
|
12749
|
-
},
|
|
12750
|
-
|
|
12751
|
-
|
|
12752
|
-
|
|
12753
|
-
caret = _option.caret,
|
|
12754
|
-
data = _option.data;
|
|
12755
|
-
|
|
12756
|
-
var closeMenu = keepOpen ? function () {} : close;
|
|
12757
|
-
var onClick;
|
|
12758
|
-
var disabled = option.disabled;
|
|
12759
|
-
|
|
12760
|
-
var OptionContent = function OptionContent(_ref) {
|
|
12761
|
-
var children = _ref.children;
|
|
12762
|
-
return children;
|
|
12763
|
-
};
|
|
12756
|
+
}, function () {
|
|
12757
|
+
if (options.length === 0 && props.emptyContent) {
|
|
12758
|
+
return props.emptyContent;
|
|
12759
|
+
}
|
|
12764
12760
|
|
|
12765
|
-
|
|
12766
|
-
var
|
|
12767
|
-
|
|
12768
|
-
|
|
12769
|
-
|
|
12770
|
-
|
|
12761
|
+
return options.map(function (option, index) {
|
|
12762
|
+
var _option = _extends({}, option),
|
|
12763
|
+
delimiter = _option.delimiter,
|
|
12764
|
+
keepOpen = _option.keepOpen,
|
|
12765
|
+
caret = _option.caret,
|
|
12766
|
+
data = _option.data;
|
|
12771
12767
|
|
|
12772
|
-
|
|
12773
|
-
|
|
12768
|
+
var closeMenu = keepOpen ? function () {} : close;
|
|
12769
|
+
var onClick;
|
|
12770
|
+
var disabled = option.disabled;
|
|
12774
12771
|
|
|
12775
|
-
|
|
12776
|
-
|
|
12772
|
+
var OptionContent = function OptionContent(_ref) {
|
|
12773
|
+
var children = _ref.children;
|
|
12774
|
+
return children;
|
|
12775
|
+
};
|
|
12777
12776
|
|
|
12778
|
-
|
|
12779
|
-
|
|
12780
|
-
|
|
12781
|
-
|
|
12782
|
-
|
|
12783
|
-
|
|
12784
|
-
|
|
12785
|
-
|
|
12786
|
-
|
|
12787
|
-
on: 'click',
|
|
12788
|
-
position: 'top left',
|
|
12789
|
-
inverted: true,
|
|
12790
|
-
wide: true
|
|
12791
|
-
}, rule, {
|
|
12792
|
-
trigger: React__default.createElement("div", null, children)
|
|
12793
|
-
}));
|
|
12794
|
-
};
|
|
12795
|
-
}
|
|
12796
|
-
}
|
|
12797
|
-
}
|
|
12777
|
+
if (!disabled) {
|
|
12778
|
+
var rule = (option.rules || []).map(function (rule) {
|
|
12779
|
+
return rule(index, data);
|
|
12780
|
+
}).find(function (result) {
|
|
12781
|
+
return result !== true;
|
|
12782
|
+
});
|
|
12783
|
+
|
|
12784
|
+
if (rule === true || rule === undefined) {
|
|
12785
|
+
var _onClick = option.onClick || function () {};
|
|
12798
12786
|
|
|
12799
|
-
|
|
12800
|
-
|
|
12801
|
-
|
|
12802
|
-
|
|
12803
|
-
|
|
12787
|
+
onClick = function onClick(e) {
|
|
12788
|
+
_onClick(index, option, e);
|
|
12789
|
+
|
|
12790
|
+
closeMenu();
|
|
12791
|
+
};
|
|
12792
|
+
} else {
|
|
12793
|
+
disabled = true;
|
|
12794
|
+
|
|
12795
|
+
if (rule !== false) {
|
|
12796
|
+
OptionContent = function OptionContent(_ref2) {
|
|
12797
|
+
var children = _ref2.children;
|
|
12798
|
+
return React__default.createElement(semanticUiReact.Popup, Object.assign({
|
|
12799
|
+
on: 'click',
|
|
12800
|
+
position: 'top left',
|
|
12801
|
+
inverted: true,
|
|
12802
|
+
wide: true
|
|
12803
|
+
}, rule, {
|
|
12804
|
+
trigger: React__default.createElement("div", null, children)
|
|
12805
|
+
}));
|
|
12806
|
+
};
|
|
12807
|
+
}
|
|
12808
|
+
}
|
|
12809
|
+
}
|
|
12810
|
+
|
|
12811
|
+
OptionContent.displayName = 'OptionContent';
|
|
12812
|
+
var label = option.label;
|
|
12813
|
+
var labelOptions = filterObject(option, ['onClick', 'label', 'rules']);
|
|
12814
|
+
labelOptions.disabled = disabled;
|
|
12815
|
+
var LabelComponent = typeof label === 'function' ? label : function () {
|
|
12816
|
+
return React__default.createElement(React__default.Fragment, {
|
|
12817
|
+
children: label
|
|
12818
|
+
});
|
|
12819
|
+
};
|
|
12804
12820
|
return React__default.createElement(React__default.Fragment, {
|
|
12805
|
-
|
|
12806
|
-
}
|
|
12807
|
-
|
|
12808
|
-
|
|
12809
|
-
|
|
12810
|
-
|
|
12811
|
-
|
|
12812
|
-
|
|
12813
|
-
|
|
12814
|
-
|
|
12815
|
-
|
|
12816
|
-
|
|
12817
|
-
width: '14px'
|
|
12818
|
-
}) : null)), delimiter && React__default.createElement(Delimiter, null));
|
|
12819
|
-
})), children));
|
|
12821
|
+
key: index
|
|
12822
|
+
}, React__default.createElement(OptionContent, null, React__default.createElement(Option, {
|
|
12823
|
+
onClick: onClick,
|
|
12824
|
+
disabled: disabled,
|
|
12825
|
+
border: option.border
|
|
12826
|
+
}, React__default.createElement("div", null, React__default.createElement(LabelComponent, Object.assign({}, option))), caret ? React__default.createElement(Icon, {
|
|
12827
|
+
type: 'semantic',
|
|
12828
|
+
icon: 'caret right',
|
|
12829
|
+
width: '14px'
|
|
12830
|
+
}) : null)), delimiter && React__default.createElement(Delimiter, null));
|
|
12831
|
+
});
|
|
12832
|
+
}()), children));
|
|
12820
12833
|
};
|
|
12821
12834
|
|
|
12822
12835
|
var Menu = React__default.forwardRef(MenuComponent);
|
|
12823
12836
|
|
|
12824
|
-
var _templateObject$9, _templateObject2$8, _templateObject3$8, _templateObject4$7, _templateObject5$6, _templateObject6$
|
|
12837
|
+
var _templateObject$9, _templateObject2$8, _templateObject3$8, _templateObject4$7, _templateObject5$6, _templateObject6$5, _templateObject7$5, _templateObject8$4, _templateObject9$4;
|
|
12825
12838
|
var Container$3 = styled__default.div(_templateObject$9 || (_templateObject$9 = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: ", ";\n background-color: ", ";\n position: relative;\n\n ", ";\n"])), function (_ref) {
|
|
12826
12839
|
var theme = _ref.theme;
|
|
12827
12840
|
return theme.spacings.s3;
|
|
@@ -12848,14 +12861,14 @@ var AbsoluteContainer$1 = styled__default(AbsoluteContainer)(_templateObject5$6
|
|
|
12848
12861
|
var theme = _ref7.theme;
|
|
12849
12862
|
return theme.spacings.s3 + " " + theme.spacings.s3 + " " + theme.spacings.s1 + " " + theme.spacings.s3;
|
|
12850
12863
|
});
|
|
12851
|
-
var MonthContainer = styled__default.div(_templateObject6$
|
|
12864
|
+
var MonthContainer = styled__default.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) {
|
|
12852
12865
|
var theme = _ref8.theme;
|
|
12853
12866
|
return theme.spacings.s1;
|
|
12854
12867
|
}, function (_ref9) {
|
|
12855
12868
|
var theme = _ref9.theme;
|
|
12856
12869
|
return theme.spacings.s1;
|
|
12857
12870
|
});
|
|
12858
|
-
var MonthBtn = styled__default.div(_templateObject7$
|
|
12871
|
+
var MonthBtn = styled__default.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) {
|
|
12859
12872
|
var theme = _ref10.theme;
|
|
12860
12873
|
return theme.useTypography('p');
|
|
12861
12874
|
}, function (_ref11) {
|
|
@@ -12975,7 +12988,7 @@ var Indicator = function Indicator(props) {
|
|
|
12975
12988
|
}, props)));
|
|
12976
12989
|
};
|
|
12977
12990
|
|
|
12978
|
-
var _templateObject$b, _templateObject2$a, _templateObject3$9, _templateObject4$8, _templateObject5$7, _templateObject6$
|
|
12991
|
+
var _templateObject$b, _templateObject2$a, _templateObject3$9, _templateObject4$8, _templateObject5$7, _templateObject6$6, _templateObject7$6, _templateObject8$5, _templateObject9$5, _templateObject10$4, _templateObject11$2;
|
|
12979
12992
|
var Footer = styled__default.div(_templateObject$b || (_templateObject$b = _taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n\n > button:last-child {\n margin-left: auto;\n }\n"])));
|
|
12980
12993
|
var WeekContainer = styled__default.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) {
|
|
12981
12994
|
var theme = _ref.theme;
|
|
@@ -13009,9 +13022,9 @@ var DayContainer = styled__default.button(_templateObject4$8 || (_templateObject
|
|
|
13009
13022
|
};
|
|
13010
13023
|
|
|
13011
13024
|
if (appearance === 'disabled') {
|
|
13012
|
-
return styled.css(_templateObject6$
|
|
13025
|
+
return styled.css(_templateObject6$6 || (_templateObject6$6 = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n "])), theme.getColor('greyishBlue', 10));
|
|
13013
13026
|
} else if (appearance === 'highlight') {
|
|
13014
|
-
return styled.css(_templateObject7$
|
|
13027
|
+
return styled.css(_templateObject7$6 || (_templateObject7$6 = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n ", "\n "])), theme.getColor('blue', 30), hover('blue'));
|
|
13015
13028
|
} else if (appearance === 'active') {
|
|
13016
13029
|
return styled.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) {
|
|
13017
13030
|
var theme = _ref9.theme;
|
|
@@ -13607,7 +13620,7 @@ var getTimeProps = function getTimeProps(time, value) {
|
|
|
13607
13620
|
});
|
|
13608
13621
|
};
|
|
13609
13622
|
|
|
13610
|
-
var _templateObject$e, _templateObject2$b, _templateObject3$a, _templateObject4$9, _templateObject5$8, _templateObject6$
|
|
13623
|
+
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;
|
|
13611
13624
|
var Button = styled__default.button(_templateObject$e || (_templateObject$e = _taggedTemplateLiteralLoose(["\n padding: 0\n ", ";\n font-family: 'Lato', sans-serif;\n font-weight: ", ";\n border-radius: 4px;\n position: relative;\n user-select: none;\n\n ", ";\n\n ", ";\n\n color: ", ";\n\n :disabled {\n ", "\n }\n\n :hover {\n cursor: ", ";\n\n ", "\n }\n\n :active {\n ", ";\n }\n\n ", "\n"])), function (_ref) {
|
|
13612
13625
|
var theme = _ref.theme,
|
|
13613
13626
|
appearance = _ref.appearance;
|
|
@@ -13663,9 +13676,9 @@ var Button = styled__default.button(_templateObject$e || (_templateObject$e = _t
|
|
|
13663
13676
|
theme = _ref8.theme;
|
|
13664
13677
|
|
|
13665
13678
|
if (appearance === 'bordered') {
|
|
13666
|
-
return styled.css(_templateObject6$
|
|
13679
|
+
return styled.css(_templateObject6$7 || (_templateObject6$7 = _taggedTemplateLiteralLoose(["\n color: ", ";\n border: 1px solid ", ";\n "])), theme.getColor(color || 'blue', 70), theme.getColor(color || 'blue', 70));
|
|
13667
13680
|
} else if (['link', 'bordeless'].includes(appearance)) {
|
|
13668
|
-
return styled.css(_templateObject7$
|
|
13681
|
+
return styled.css(_templateObject7$7 || (_templateObject7$7 = _taggedTemplateLiteralLoose(["\n color: ", ";\n "])), theme.colors.blue);
|
|
13669
13682
|
}
|
|
13670
13683
|
|
|
13671
13684
|
return styled.css(_templateObject8$6 || (_templateObject8$6 = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n border-color: ", ";\n "])), theme.getColor(color || 'blue', 70), theme.getColor(color || 'blue', 70));
|
|
@@ -14398,7 +14411,7 @@ var useSelect = function useSelect(props) {
|
|
|
14398
14411
|
menu: {
|
|
14399
14412
|
itemSpacing: 's3',
|
|
14400
14413
|
before: React__default.createElement(Header$1, null),
|
|
14401
|
-
maxHeight: '180px'
|
|
14414
|
+
maxHeight: props.maxHeight || '180px'
|
|
14402
14415
|
},
|
|
14403
14416
|
getContext: function getContext(base, children) {
|
|
14404
14417
|
return React__default.createElement(Provider.Provider, {
|
|
@@ -14423,7 +14436,9 @@ var useContext$1 = function useContext() {
|
|
|
14423
14436
|
|
|
14424
14437
|
var Footer$1 = function Footer() {
|
|
14425
14438
|
var context = useContext$1();
|
|
14426
|
-
var
|
|
14439
|
+
var _context$props = context.props,
|
|
14440
|
+
value = _context$props.value,
|
|
14441
|
+
setValue = _context$props.setValue,
|
|
14427
14442
|
_context$checked = context.checked,
|
|
14428
14443
|
checked = _context$checked[0],
|
|
14429
14444
|
setOpen = context.setOpen;
|
|
@@ -14433,13 +14448,17 @@ var Footer$1 = function Footer() {
|
|
|
14433
14448
|
setOpen(false);
|
|
14434
14449
|
};
|
|
14435
14450
|
|
|
14451
|
+
var isDirty = checked.length !== value.length || checked.some(function (e) {
|
|
14452
|
+
return !value.includes(e);
|
|
14453
|
+
});
|
|
14436
14454
|
return React__default.createElement(Button$1, {
|
|
14437
14455
|
type: 'button',
|
|
14438
14456
|
content: 'Aplicar',
|
|
14439
14457
|
onClick: onClick,
|
|
14440
14458
|
style: {
|
|
14441
14459
|
marginRight: '-3.5px'
|
|
14442
|
-
}
|
|
14460
|
+
},
|
|
14461
|
+
disabled: !isDirty
|
|
14443
14462
|
});
|
|
14444
14463
|
};
|
|
14445
14464
|
|
|
@@ -14531,9 +14550,9 @@ var Label$2 = function Label(props) {
|
|
|
14531
14550
|
var _context$checked = context.checked,
|
|
14532
14551
|
checked = _context$checked[0],
|
|
14533
14552
|
setChecked = _context$checked[1];
|
|
14534
|
-
var _props$option
|
|
14535
|
-
disabled = _props$option
|
|
14536
|
-
value = _props$option
|
|
14553
|
+
var _props$option = props.option,
|
|
14554
|
+
disabled = _props$option.disabled,
|
|
14555
|
+
value = _props$option.value;
|
|
14537
14556
|
var LabelComponent = props.label;
|
|
14538
14557
|
return React__default.createElement(Checkbox, {
|
|
14539
14558
|
type: 'checkbox',
|
|
@@ -14620,7 +14639,7 @@ var useSelectMultiple = function useSelectMultiple(props) {
|
|
|
14620
14639
|
itemSpacing: undefined,
|
|
14621
14640
|
before: React__default.createElement(Header$2, null),
|
|
14622
14641
|
after: React__default.createElement(Footer$1, null),
|
|
14623
|
-
maxHeight: props.selectAll ? '269px' : '224px'
|
|
14642
|
+
maxHeight: props.maxHeight || (props.selectAll ? '269px' : '224px')
|
|
14624
14643
|
},
|
|
14625
14644
|
getContext: function getContext(base, children) {
|
|
14626
14645
|
return React__default.createElement(Provider$1.Provider, {
|
|
@@ -14638,11 +14657,15 @@ var useSelectMultiple = function useSelectMultiple(props) {
|
|
|
14638
14657
|
return returnData;
|
|
14639
14658
|
};
|
|
14640
14659
|
|
|
14641
|
-
var _templateObject$l, _templateObject2$g;
|
|
14660
|
+
var _templateObject$l, _templateObject2$g, _templateObject3$d;
|
|
14642
14661
|
var RelativeContainer$2 = styled__default.div(_templateObject$l || (_templateObject$l = _taggedTemplateLiteralLoose(["\n position: relative;\n ", ";\n"])), function (_ref) {
|
|
14643
14662
|
var width = _ref.width;
|
|
14644
14663
|
return !width ? null : styled.css(_templateObject2$g || (_templateObject2$g = _taggedTemplateLiteralLoose(["\n width: ", ";\n "])), width);
|
|
14645
14664
|
});
|
|
14665
|
+
var EmptyContentContainer = styled__default.div(_templateObject3$d || (_templateObject3$d = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: center;\n padding: ", ";\n"])), function (_ref2) {
|
|
14666
|
+
var theme = _ref2.theme;
|
|
14667
|
+
return theme.spacings.s3;
|
|
14668
|
+
});
|
|
14646
14669
|
|
|
14647
14670
|
var Select = React__default.forwardRef(function (props, ref) {
|
|
14648
14671
|
var position = props.position,
|
|
@@ -14813,7 +14836,10 @@ var Select = React__default.forwardRef(function (props, ref) {
|
|
|
14813
14836
|
properties: {
|
|
14814
14837
|
'max-height': {}
|
|
14815
14838
|
}
|
|
14816
|
-
}
|
|
14839
|
+
},
|
|
14840
|
+
emptyContent: props.emptyContent || React__default.createElement(EmptyContentContainer, {
|
|
14841
|
+
children: "Nenhuma op\xE7\xE3o encontrada"
|
|
14842
|
+
})
|
|
14817
14843
|
}))));
|
|
14818
14844
|
});
|
|
14819
14845
|
Select.displayName = 'Select';
|
|
@@ -15058,10 +15084,10 @@ var countries = {
|
|
|
15058
15084
|
}
|
|
15059
15085
|
};
|
|
15060
15086
|
|
|
15061
|
-
var _templateObject$n, _templateObject2$i, _templateObject3$
|
|
15087
|
+
var _templateObject$n, _templateObject2$i, _templateObject3$e;
|
|
15062
15088
|
var IconContainer$1 = styled__default.div(_templateObject$n || (_templateObject$n = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n\n > i.icon {\n margin-top: -1px;\n }\n"])));
|
|
15063
15089
|
var RelativeContainer$3 = styled__default.div(_templateObject2$i || (_templateObject2$i = _taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
15064
|
-
var Label$3 = styled__default.div(_templateObject3$
|
|
15090
|
+
var Label$3 = styled__default.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) {
|
|
15065
15091
|
var theme = _ref.theme;
|
|
15066
15092
|
return theme.useTypography('p');
|
|
15067
15093
|
}, function (_ref2) {
|
|
@@ -15237,7 +15263,7 @@ var Phone = Object.assign(Component, {
|
|
|
15237
15263
|
getPhoneDetails: getPhoneDetails
|
|
15238
15264
|
});
|
|
15239
15265
|
|
|
15240
|
-
var _templateObject$o, _templateObject2$j, _templateObject3$
|
|
15266
|
+
var _templateObject$o, _templateObject2$j, _templateObject3$f, _templateObject4$b, _templateObject5$9, _templateObject6$8, _templateObject7$8, _templateObject8$7, _templateObject9$7;
|
|
15241
15267
|
var RelativeContainer$4 = styled__default.div(_templateObject$o || (_templateObject$o = _taggedTemplateLiteralLoose(["\n position: relative;\n\n input {\n color: transparent;\n }\n"])));
|
|
15242
15268
|
var LabelContainer$2 = styled__default.div(_templateObject2$j || (_templateObject2$j = _taggedTemplateLiteralLoose(["\n ", "\n line-height: ", ";\n"])), function (_ref) {
|
|
15243
15269
|
var theme = _ref.theme;
|
|
@@ -15246,7 +15272,7 @@ var LabelContainer$2 = styled__default.div(_templateObject2$j || (_templateObjec
|
|
|
15246
15272
|
var theme = _ref2.theme;
|
|
15247
15273
|
return theme.spacings.s3;
|
|
15248
15274
|
});
|
|
15249
|
-
var Container$5 = styled__default.div(_templateObject3$
|
|
15275
|
+
var Container$5 = styled__default.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) {
|
|
15250
15276
|
var theme = _ref3.theme,
|
|
15251
15277
|
iconWidth = _ref3.iconWidth,
|
|
15252
15278
|
paddingless = _ref3.paddingless;
|
|
@@ -15260,11 +15286,11 @@ var Container$5 = styled__default.div(_templateObject3$e || (_templateObject3$e
|
|
|
15260
15286
|
var invalid = _ref4.invalid,
|
|
15261
15287
|
theme = _ref4.theme;
|
|
15262
15288
|
if (!invalid) return;
|
|
15263
|
-
return styled.css(_templateObject6$
|
|
15289
|
+
return styled.css(_templateObject6$8 || (_templateObject6$8 = _taggedTemplateLiteralLoose(["\n color: ", ";\n "])), theme.colors.warningRed);
|
|
15264
15290
|
}, function (_ref5) {
|
|
15265
15291
|
var disabled = _ref5.disabled;
|
|
15266
15292
|
if (!disabled) return;
|
|
15267
|
-
return styled.css(_templateObject7$
|
|
15293
|
+
return styled.css(_templateObject7$8 || (_templateObject7$8 = _taggedTemplateLiteralLoose(["\n opacity: 0.5;\n "])));
|
|
15268
15294
|
});
|
|
15269
15295
|
var Button$3 = styled__default.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) {
|
|
15270
15296
|
var onClick = _ref6.onClick;
|
|
@@ -15384,7 +15410,7 @@ var DatePicker = React__default.forwardRef(function (props, ref) {
|
|
|
15384
15410
|
});
|
|
15385
15411
|
DatePicker.displayName = 'DatePicker';
|
|
15386
15412
|
|
|
15387
|
-
var _templateObject$p, _templateObject2$k, _templateObject3$
|
|
15413
|
+
var _templateObject$p, _templateObject2$k, _templateObject3$g, _templateObject4$c, _templateObject5$a, _templateObject6$9, _templateObject7$9;
|
|
15388
15414
|
var LabelContainer$3 = styled__default.div(_templateObject$p || (_templateObject$p = _taggedTemplateLiteralLoose(["\n ", "\n line-height: 14px;\n display: flex;\n align-items: center;\n\n ", "\n"])), function (_ref) {
|
|
15389
15415
|
var theme = _ref.theme;
|
|
15390
15416
|
return theme.useTypography('p');
|
|
@@ -15393,7 +15419,7 @@ var LabelContainer$3 = styled__default.div(_templateObject$p || (_templateObject
|
|
|
15393
15419
|
if (!required) return;
|
|
15394
15420
|
return styled.css(_templateObject2$k || (_templateObject2$k = _taggedTemplateLiteralLoose(["\n :after {\n content: '*';\n }\n "])));
|
|
15395
15421
|
});
|
|
15396
|
-
var Label$4 = styled__default.label(_templateObject3$
|
|
15422
|
+
var Label$4 = styled__default.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) {
|
|
15397
15423
|
var theme = _ref3.theme;
|
|
15398
15424
|
return theme.spacings.s1;
|
|
15399
15425
|
}, function (_ref4) {
|
|
@@ -15408,7 +15434,7 @@ var Label$4 = styled__default.label(_templateObject3$f || (_templateObject3$f =
|
|
|
15408
15434
|
var invalid = _ref5.invalid;
|
|
15409
15435
|
|
|
15410
15436
|
if (!invalid) {
|
|
15411
|
-
return styled.css(_templateObject6$
|
|
15437
|
+
return styled.css(_templateObject6$9 || (_templateObject6$9 = _taggedTemplateLiteralLoose(["\n > span:before {\n border-color: ", ";\n }\n > input:checked + span {\n background-color: ", ";\n }\n "])), function (_ref6) {
|
|
15412
15438
|
var theme = _ref6.theme;
|
|
15413
15439
|
return theme.colors.lightGrey;
|
|
15414
15440
|
}, function (_ref7) {
|
|
@@ -15417,7 +15443,7 @@ var Label$4 = styled__default.label(_templateObject3$f || (_templateObject3$f =
|
|
|
15417
15443
|
});
|
|
15418
15444
|
}
|
|
15419
15445
|
|
|
15420
|
-
return styled.css(_templateObject7$
|
|
15446
|
+
return styled.css(_templateObject7$9 || (_templateObject7$9 = _taggedTemplateLiteralLoose(["\n > span:before {\n border-color: ", ";\n }\n > input:checked + span {\n background-color: ", ";\n }\n "])), function (_ref8) {
|
|
15421
15447
|
var theme = _ref8.theme;
|
|
15422
15448
|
return theme.colors.warningRed;
|
|
15423
15449
|
}, function (_ref9) {
|
|
@@ -15466,7 +15492,7 @@ var Switch = function Switch(props) {
|
|
|
15466
15492
|
})), React__default.createElement("span", null), label.after && React__default.createElement(LabelContainer$3, null, label.after));
|
|
15467
15493
|
};
|
|
15468
15494
|
|
|
15469
|
-
var _templateObject$q, _templateObject2$l, _templateObject3$
|
|
15495
|
+
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;
|
|
15470
15496
|
var bullet = styled.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) {
|
|
15471
15497
|
var theme = _ref.theme;
|
|
15472
15498
|
return theme.spacings.s4;
|
|
@@ -15481,7 +15507,7 @@ var bullet = styled.css(_templateObject$q || (_templateObject$q = _taggedTemplat
|
|
|
15481
15507
|
return theme.getColor('black', 10);
|
|
15482
15508
|
});
|
|
15483
15509
|
var Input$2 = styled__default.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);
|
|
15484
|
-
var Label$5 = styled__default.label(_templateObject3$
|
|
15510
|
+
var Label$5 = styled__default.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) {
|
|
15485
15511
|
var theme = _ref5.theme;
|
|
15486
15512
|
return theme.useTypography('p');
|
|
15487
15513
|
}, function (_ref6) {
|
|
@@ -15499,12 +15525,12 @@ var Label$5 = styled__default.label(_templateObject3$g || (_templateObject3$g =
|
|
|
15499
15525
|
if (!required) return;
|
|
15500
15526
|
return styled.css(_templateObject5$b || (_templateObject5$b = _taggedTemplateLiteralLoose(["\n :after {\n content: ' *';\n }\n "])));
|
|
15501
15527
|
});
|
|
15502
|
-
var InputContainer$1 = styled__default.div(_templateObject6$
|
|
15528
|
+
var InputContainer$1 = styled__default.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) {
|
|
15503
15529
|
var theme = _ref10.theme,
|
|
15504
15530
|
invalid = _ref10.invalid;
|
|
15505
15531
|
|
|
15506
15532
|
if (!invalid) {
|
|
15507
|
-
return styled.css(_templateObject7$
|
|
15533
|
+
return styled.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);
|
|
15508
15534
|
}
|
|
15509
15535
|
|
|
15510
15536
|
return styled.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);
|
|
@@ -15685,7 +15711,7 @@ var Range = React__default.forwardRef(function (props, ref) {
|
|
|
15685
15711
|
});
|
|
15686
15712
|
Range.displayName = 'input';
|
|
15687
15713
|
|
|
15688
|
-
var _templateObject$r, _templateObject2$m, _templateObject3$
|
|
15714
|
+
var _templateObject$r, _templateObject2$m, _templateObject3$i, _templateObject4$e, _templateObject5$c, _templateObject6$b, _templateObject7$b;
|
|
15689
15715
|
var LabelContainer$4 = styled__default.div(_templateObject$r || (_templateObject$r = _taggedTemplateLiteralLoose(["\n ", "\n display: flex;\n align-items: center;\n"])), function (_ref) {
|
|
15690
15716
|
var theme = _ref.theme;
|
|
15691
15717
|
return theme.useTypography('p');
|
|
@@ -15697,7 +15723,7 @@ var Label$6 = styled__default.label(_templateObject2$m || (_templateObject2$m =
|
|
|
15697
15723
|
var disabled = _ref3.disabled;
|
|
15698
15724
|
|
|
15699
15725
|
if (!disabled) {
|
|
15700
|
-
return styled.css(_templateObject3$
|
|
15726
|
+
return styled.css(_templateObject3$i || (_templateObject3$i = _taggedTemplateLiteralLoose(["\n > span {\n cursor: pointer;\n }\n "])));
|
|
15701
15727
|
}
|
|
15702
15728
|
|
|
15703
15729
|
return styled.css(_templateObject4$e || (_templateObject4$e = _taggedTemplateLiteralLoose(["\n opacity: 0.5;\n "])));
|
|
@@ -15709,7 +15735,7 @@ var Label$6 = styled__default.label(_templateObject2$m || (_templateObject2$m =
|
|
|
15709
15735
|
var invalid = _ref5.invalid;
|
|
15710
15736
|
|
|
15711
15737
|
if (!invalid) {
|
|
15712
|
-
return styled.css(_templateObject6$
|
|
15738
|
+
return styled.css(_templateObject6$b || (_templateObject6$b = _taggedTemplateLiteralLoose(["\n > span {\n border-color: ", ";\n :before {\n background-color: ", ";\n }\n }\n "])), function (_ref6) {
|
|
15713
15739
|
var theme = _ref6.theme;
|
|
15714
15740
|
return theme.colors.blue;
|
|
15715
15741
|
}, function (_ref7) {
|
|
@@ -15718,7 +15744,7 @@ var Label$6 = styled__default.label(_templateObject2$m || (_templateObject2$m =
|
|
|
15718
15744
|
});
|
|
15719
15745
|
}
|
|
15720
15746
|
|
|
15721
|
-
return styled.css(_templateObject7$
|
|
15747
|
+
return styled.css(_templateObject7$b || (_templateObject7$b = _taggedTemplateLiteralLoose(["\n > span {\n border-color: ", ";\n :before {\n background-color: ", ";\n }\n }\n "])), function (_ref8) {
|
|
15722
15748
|
var theme = _ref8.theme;
|
|
15723
15749
|
return theme.colors.warningRed;
|
|
15724
15750
|
}, function (_ref9) {
|
|
@@ -15928,7 +15954,7 @@ var parse = function parse(value) {
|
|
|
15928
15954
|
});
|
|
15929
15955
|
};
|
|
15930
15956
|
|
|
15931
|
-
var _templateObject$s, _templateObject2$n, _templateObject3$
|
|
15957
|
+
var _templateObject$s, _templateObject2$n, _templateObject3$j, _templateObject4$f, _templateObject5$d, _templateObject6$c, _templateObject7$c, _templateObject8$9, _templateObject9$9, _templateObject10$7, _templateObject11$5;
|
|
15932
15958
|
var RelativeContainer$5 = styled__default.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"])));
|
|
15933
15959
|
var LabelContainer$5 = styled__default.div(_templateObject2$n || (_templateObject2$n = _taggedTemplateLiteralLoose(["\n ", "\n line-height: 17px;\n flex: 1;\n text-align: center;\n\n ", ";\n"])), function (_ref) {
|
|
15934
15960
|
var theme = _ref.theme;
|
|
@@ -15936,7 +15962,7 @@ var LabelContainer$5 = styled__default.div(_templateObject2$n || (_templateObjec
|
|
|
15936
15962
|
}, function (_ref2) {
|
|
15937
15963
|
var onClick = _ref2.onClick;
|
|
15938
15964
|
if (!onClick) return;
|
|
15939
|
-
return styled.css(_templateObject3$
|
|
15965
|
+
return styled.css(_templateObject3$j || (_templateObject3$j = _taggedTemplateLiteralLoose(["\n :not(:disabled) {\n cursor: pointer;\n }\n "])));
|
|
15940
15966
|
});
|
|
15941
15967
|
var Container$6 = styled__default.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) {
|
|
15942
15968
|
var theme = _ref3.theme;
|
|
@@ -15960,11 +15986,11 @@ var Container$6 = styled__default.div(_templateObject4$f || (_templateObject4$f
|
|
|
15960
15986
|
var theme = _ref7.theme,
|
|
15961
15987
|
paddingless = _ref7.paddingless;
|
|
15962
15988
|
if (paddingless) return;
|
|
15963
|
-
return styled.css(_templateObject6$
|
|
15989
|
+
return styled.css(_templateObject6$c || (_templateObject6$c = _taggedTemplateLiteralLoose(["\n padding: ", " ", " ", "\n ", ";\n "])), theme.spacings.s2, theme.spacings.s1, theme.spacings.s2, theme.spacings.s3);
|
|
15964
15990
|
}, function (_ref8) {
|
|
15965
15991
|
var disabled = _ref8.disabled;
|
|
15966
15992
|
if (!disabled) return;
|
|
15967
|
-
return styled.css(_templateObject7$
|
|
15993
|
+
return styled.css(_templateObject7$c || (_templateObject7$c = _taggedTemplateLiteralLoose(["\n opacity: 0.5;\n "])));
|
|
15968
15994
|
});
|
|
15969
15995
|
var Button$4 = styled__default.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) {
|
|
15970
15996
|
var onClick = _ref9.onClick;
|
|
@@ -16308,7 +16334,7 @@ var Tag$1 = function Tag$1(props) {
|
|
|
16308
16334
|
})));
|
|
16309
16335
|
};
|
|
16310
16336
|
|
|
16311
|
-
var _templateObject$w, _templateObject2$p, _templateObject3$
|
|
16337
|
+
var _templateObject$w, _templateObject2$p, _templateObject3$k;
|
|
16312
16338
|
var Label$9 = styled__default.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) {
|
|
16313
16339
|
var theme = _ref.theme;
|
|
16314
16340
|
return theme.useTypography('p');
|
|
@@ -16323,7 +16349,7 @@ var Label$9 = styled__default.label(_templateObject$w || (_templateObject$w = _t
|
|
|
16323
16349
|
if (!disabled) return;
|
|
16324
16350
|
return styled.css(_templateObject2$p || (_templateObject2$p = _taggedTemplateLiteralLoose(["\n opacity: 0.5;\n "])));
|
|
16325
16351
|
});
|
|
16326
|
-
var TagContainer = styled__default.div(_templateObject3$
|
|
16352
|
+
var TagContainer = styled__default.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) {
|
|
16327
16353
|
var theme = _ref5.theme,
|
|
16328
16354
|
invalid = _ref5.invalid;
|
|
16329
16355
|
return theme.colors[invalid ? 'warningRed' : 'lightGrey'];
|
|
@@ -16805,7 +16831,7 @@ var Input$5 = Object.assign(Component$2, {
|
|
|
16805
16831
|
getPhoneDetails: Phone.getPhoneDetails
|
|
16806
16832
|
});
|
|
16807
16833
|
|
|
16808
|
-
var _templateObject$y, _templateObject2$q, _templateObject3$
|
|
16834
|
+
var _templateObject$y, _templateObject2$q, _templateObject3$l, _templateObject4$g;
|
|
16809
16835
|
var Container$7 = styled__default(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) {
|
|
16810
16836
|
var theme = _ref.theme;
|
|
16811
16837
|
return theme.colors.white;
|
|
@@ -16820,7 +16846,7 @@ var Header$3 = styled__default.div(_templateObject2$q || (_templateObject2$q = _
|
|
|
16820
16846
|
var s3 = _ref4.theme.spacings.s3;
|
|
16821
16847
|
return "0 " + s3 + " " + s3 + " 0";
|
|
16822
16848
|
});
|
|
16823
|
-
var Title = styled__default.div(_templateObject3$
|
|
16849
|
+
var Title = styled__default.div(_templateObject3$l || (_templateObject3$l = _taggedTemplateLiteralLoose(["\n ", "\n color: ", ";\n"])), function (_ref5) {
|
|
16824
16850
|
var useTypography = _ref5.theme.useTypography;
|
|
16825
16851
|
return useTypography('p', {
|
|
16826
16852
|
fontWeight: 'bold'
|
|
@@ -16943,7 +16969,7 @@ var AppliedFiltersMenu = function AppliedFiltersMenu(props) {
|
|
|
16943
16969
|
}))));
|
|
16944
16970
|
};
|
|
16945
16971
|
|
|
16946
|
-
var _templateObject$z, _templateObject2$r, _templateObject3$
|
|
16972
|
+
var _templateObject$z, _templateObject2$r, _templateObject3$m;
|
|
16947
16973
|
var Container$8 = styled__default.div(_templateObject$z || (_templateObject$z = _taggedTemplateLiteralLoose(["\n display: flex;\n gap: ", ";\n align-items: center;\n color: ", ";\n\n ", "\n"])), function (_ref) {
|
|
16948
16974
|
var theme = _ref.theme;
|
|
16949
16975
|
return theme.spacings.s4;
|
|
@@ -16957,7 +16983,7 @@ var Container$8 = styled__default.div(_templateObject$z || (_templateObject$z =
|
|
|
16957
16983
|
return styled.css(_templateObject2$r || (_templateObject2$r = _taggedTemplateLiteralLoose(["\n opacity: 0.3;\n pointer-events: none;\n "])));
|
|
16958
16984
|
}
|
|
16959
16985
|
|
|
16960
|
-
return styled.css(_templateObject3$
|
|
16986
|
+
return styled.css(_templateObject3$m || (_templateObject3$m = _taggedTemplateLiteralLoose(["\n cursor: pointer;\n "])));
|
|
16961
16987
|
});
|
|
16962
16988
|
|
|
16963
16989
|
var Button$5 = function Button(props) {
|
|
@@ -17005,19 +17031,19 @@ var AppliedFilters = Object.assign(function (props) {
|
|
|
17005
17031
|
Menu: AppliedFiltersMenu
|
|
17006
17032
|
});
|
|
17007
17033
|
|
|
17008
|
-
var _templateObject$A, _templateObject2$s, _templateObject3$
|
|
17034
|
+
var _templateObject$A, _templateObject2$s, _templateObject3$n, _templateObject4$h, _templateObject5$e, _templateObject6$d, _templateObject7$d, _templateObject8$a, _templateObject9$a, _templateObject10$8;
|
|
17009
17035
|
var Container$9 = styled__default.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) {
|
|
17010
17036
|
return props.size === 'mini' && styled.css(_templateObject2$s || (_templateObject2$s = _taggedTemplateLiteralLoose(["\n width: 394px;\n height: 99px;\n "])));
|
|
17011
17037
|
}, function (props) {
|
|
17012
|
-
return props.size === 'small' && styled.css(_templateObject3$
|
|
17038
|
+
return props.size === 'small' && styled.css(_templateObject3$n || (_templateObject3$n = _taggedTemplateLiteralLoose(["\n width: 394px;\n height: 131px;\n "])));
|
|
17013
17039
|
}, function (props) {
|
|
17014
17040
|
return props.size === 'medium' && styled.css(_templateObject4$h || (_templateObject4$h = _taggedTemplateLiteralLoose(["\n width: 394px;\n "])));
|
|
17015
17041
|
}, function (props) {
|
|
17016
17042
|
return props.size === 'big' && styled.css(_templateObject5$e || (_templateObject5$e = _taggedTemplateLiteralLoose(["\n width: 414px;\n height: 324px;\n "])));
|
|
17017
17043
|
}, function (props) {
|
|
17018
|
-
return props.borderType === 'info' && styled.css(_templateObject6$
|
|
17044
|
+
return props.borderType === 'info' && styled.css(_templateObject6$d || (_templateObject6$d = _taggedTemplateLiteralLoose(["\n border-left-color: #4d6dbe;\n "])));
|
|
17019
17045
|
}, function (props) {
|
|
17020
|
-
return props.borderType === 'success' && styled.css(_templateObject7$
|
|
17046
|
+
return props.borderType === 'success' && styled.css(_templateObject7$d || (_templateObject7$d = _taggedTemplateLiteralLoose(["\n border-left-color: #66bb6a;\n "])));
|
|
17021
17047
|
}, function (props) {
|
|
17022
17048
|
return props.borderType === 'warning' && styled.css(_templateObject8$a || (_templateObject8$a = _taggedTemplateLiteralLoose(["\n border-left-color: #fbcb01;\n "])));
|
|
17023
17049
|
}, function (props) {
|
|
@@ -17441,7 +17467,7 @@ var useContext$2 = function useContext() {
|
|
|
17441
17467
|
return React__default.useContext(Provider$2);
|
|
17442
17468
|
};
|
|
17443
17469
|
|
|
17444
|
-
var _templateObject$D, _templateObject2$t, _templateObject3$
|
|
17470
|
+
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;
|
|
17445
17471
|
var aligns = {
|
|
17446
17472
|
self: {
|
|
17447
17473
|
horizontal: {
|
|
@@ -17476,7 +17502,7 @@ var Col = styled__default.div(_templateObject$D || (_templateObject$D = _taggedT
|
|
|
17476
17502
|
if (width === undefined) {
|
|
17477
17503
|
return styled.css(_templateObject2$t || (_templateObject2$t = _taggedTemplateLiteralLoose(["\n flex-basis: 0;\n flex-grow: 1;\n max-width: 100%;\n width: 100%;\n "])));
|
|
17478
17504
|
} else if (width === 'auto') {
|
|
17479
|
-
return styled.css(_templateObject3$
|
|
17505
|
+
return styled.css(_templateObject3$o || (_templateObject3$o = _taggedTemplateLiteralLoose(["\n flex: 0 0 auto;\n width: auto;\n max-width: none;\n "])));
|
|
17480
17506
|
}
|
|
17481
17507
|
|
|
17482
17508
|
var w = parseFloat(width) * 100 / 12;
|
|
@@ -17498,13 +17524,13 @@ var Col = styled__default.div(_templateObject$D || (_templateObject$D = _taggedT
|
|
|
17498
17524
|
if (align.self.horizontal !== undefined) {
|
|
17499
17525
|
var v = align.self.horizontal;
|
|
17500
17526
|
var a = aligns.self.horizontal;
|
|
17501
|
-
styles.push(styled.css(_templateObject6$
|
|
17527
|
+
styles.push(styled.css(_templateObject6$e || (_templateObject6$e = _taggedTemplateLiteralLoose(["\n justify-self: ", ";\n "])), a[v]));
|
|
17502
17528
|
}
|
|
17503
17529
|
|
|
17504
17530
|
if (align.self.vertical !== undefined) {
|
|
17505
17531
|
var _v = align.self.vertical;
|
|
17506
17532
|
var _a = aligns.self.vertical;
|
|
17507
|
-
styles.push(styled.css(_templateObject7$
|
|
17533
|
+
styles.push(styled.css(_templateObject7$e || (_templateObject7$e = _taggedTemplateLiteralLoose(["\n align-self: ", ";\n "])), _a[_v]));
|
|
17508
17534
|
}
|
|
17509
17535
|
}
|
|
17510
17536
|
|
|
@@ -17575,7 +17601,7 @@ var useContext$3 = function useContext() {
|
|
|
17575
17601
|
return React__default.useContext(Provider$3);
|
|
17576
17602
|
};
|
|
17577
17603
|
|
|
17578
|
-
var _templateObject$E, _templateObject2$u, _templateObject3$
|
|
17604
|
+
var _templateObject$E, _templateObject2$u, _templateObject3$p;
|
|
17579
17605
|
var Grid = styled__default.div(_templateObject$E || (_templateObject$E = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n width: 100%;\n\n ", "\n\n ", "\n"])), function (_ref) {
|
|
17580
17606
|
var spacing = _ref.spacing;
|
|
17581
17607
|
if (spacing === undefined) return;
|
|
@@ -17585,7 +17611,7 @@ var Grid = styled__default.div(_templateObject$E || (_templateObject$E = _tagged
|
|
|
17585
17611
|
var borderless = _ref2.borderless,
|
|
17586
17612
|
lightestGrey = _ref2.theme.colors.lightestGrey;
|
|
17587
17613
|
if (borderless) return;
|
|
17588
|
-
return styled.css(_templateObject3$
|
|
17614
|
+
return styled.css(_templateObject3$p || (_templateObject3$p = _taggedTemplateLiteralLoose(["\n border: 1px solid ", ";\n "])), lightestGrey);
|
|
17589
17615
|
});
|
|
17590
17616
|
|
|
17591
17617
|
var Grid$1 = function Grid$1(props) {
|
|
@@ -17600,7 +17626,7 @@ var Grid$1 = function Grid$1(props) {
|
|
|
17600
17626
|
}, React__default.createElement(Grid, Object.assign({}, gridProps)));
|
|
17601
17627
|
};
|
|
17602
17628
|
|
|
17603
|
-
var _templateObject$F, _templateObject2$v, _templateObject3$
|
|
17629
|
+
var _templateObject$F, _templateObject2$v, _templateObject3$q, _templateObject4$j, _templateObject5$g, _templateObject6$f, _templateObject7$f, _templateObject8$c, _templateObject9$c, _templateObject10$a;
|
|
17604
17630
|
var horizontalAligns = {
|
|
17605
17631
|
around: 'space-around',
|
|
17606
17632
|
between: 'space-between',
|
|
@@ -17621,7 +17647,7 @@ var Row = styled__default.div(_templateObject$F || (_templateObject$F = _taggedT
|
|
|
17621
17647
|
}, function (_ref2) {
|
|
17622
17648
|
var spacingAround = _ref2.spacingAround;
|
|
17623
17649
|
if (spacingAround) return;
|
|
17624
|
-
return styled.css(_templateObject3$
|
|
17650
|
+
return styled.css(_templateObject3$q || (_templateObject3$q = _taggedTemplateLiteralLoose(["\n :first-child {\n padding-top: 0;\n }\n :last-child {\n padding-bottom: 0;\n }\n "])));
|
|
17625
17651
|
}, function (_ref3) {
|
|
17626
17652
|
var horizontalAlign = _ref3.horizontalAlign;
|
|
17627
17653
|
if (horizontalAlign === undefined) return;
|
|
@@ -17637,11 +17663,11 @@ var Row = styled__default.div(_templateObject$F || (_templateObject$F = _taggedT
|
|
|
17637
17663
|
|
|
17638
17664
|
if (backgroundColor !== undefined) {
|
|
17639
17665
|
var c = Array.isArray(backgroundColor) ? theme.getColor.apply(theme, backgroundColor) : theme.colors[backgroundColor];
|
|
17640
|
-
return styled.css(_templateObject6$
|
|
17666
|
+
return styled.css(_templateObject6$f || (_templateObject6$f = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n "])), c);
|
|
17641
17667
|
}
|
|
17642
17668
|
|
|
17643
17669
|
if (striped === undefined) {
|
|
17644
|
-
return styled.css(_templateObject7$
|
|
17670
|
+
return styled.css(_templateObject7$f || (_templateObject7$f = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n "])), theme.colors.white);
|
|
17645
17671
|
}
|
|
17646
17672
|
|
|
17647
17673
|
var config = striped === true ? {
|
|
@@ -17728,13 +17754,13 @@ var widths = {
|
|
|
17728
17754
|
default: '642.5px'
|
|
17729
17755
|
};
|
|
17730
17756
|
|
|
17731
|
-
var _templateObject$G, _templateObject2$w, _templateObject3$
|
|
17757
|
+
var _templateObject$G, _templateObject2$w, _templateObject3$r, _templateObject4$k, _templateObject5$h, _templateObject6$g, _templateObject7$g, _templateObject8$d, _templateObject9$d, _templateObject10$b;
|
|
17732
17758
|
var Background = styled__default.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) {
|
|
17733
17759
|
var theme = _ref.theme;
|
|
17734
17760
|
return theme.getColor('black', 25);
|
|
17735
17761
|
});
|
|
17736
17762
|
var Content = styled__default.div(_templateObject2$w || (_templateObject2$w = _taggedTemplateLiteralLoose(["\n flex: 1;\n position: relative;\n"])));
|
|
17737
|
-
var Header$5 = styled__default.div(_templateObject3$
|
|
17763
|
+
var Header$5 = styled__default.div(_templateObject3$r || (_templateObject3$r = _taggedTemplateLiteralLoose(["\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n\n ", "\n"])), function (_ref2) {
|
|
17738
17764
|
var _ref2$theme = _ref2.theme,
|
|
17739
17765
|
colors = _ref2$theme.colors,
|
|
17740
17766
|
spacings = _ref2$theme.spacings,
|
|
@@ -17745,9 +17771,9 @@ var Footer$2 = styled__default.div(_templateObject5$h || (_templateObject5$h = _
|
|
|
17745
17771
|
var _ref3$theme = _ref3.theme,
|
|
17746
17772
|
spacings = _ref3$theme.spacings,
|
|
17747
17773
|
colors = _ref3$theme.colors;
|
|
17748
|
-
return styled.css(_templateObject6$
|
|
17774
|
+
return styled.css(_templateObject6$g || (_templateObject6$g = _taggedTemplateLiteralLoose(["\n border-top: 1px solid ", ";\n padding: ", ";\n "])), colors.lightestGrey, spacings.s3);
|
|
17749
17775
|
});
|
|
17750
|
-
var FooterMessage = styled__default.div(_templateObject7$
|
|
17776
|
+
var FooterMessage = styled__default.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) {
|
|
17751
17777
|
var theme = _ref4.theme;
|
|
17752
17778
|
return theme.getColor('darkBlue', 75);
|
|
17753
17779
|
});
|
|
@@ -17958,16 +17984,16 @@ var Modal$1 = Object.assign(Modal, {
|
|
|
17958
17984
|
Audit: Audit
|
|
17959
17985
|
});
|
|
17960
17986
|
|
|
17961
|
-
var _templateObject$K, _templateObject2$x, _templateObject3$
|
|
17987
|
+
var _templateObject$K, _templateObject2$x, _templateObject3$s, _templateObject4$l, _templateObject5$i, _templateObject6$h, _templateObject7$h, _templateObject8$e, _templateObject9$e, _templateObject10$c, _templateObject11$7;
|
|
17962
17988
|
var Container$c = styled__default.div(_templateObject$K || (_templateObject$K = _taggedTemplateLiteralLoose(["\n width: 100%;\n height: 300px;\n position: absolute;\n padding: 14px;\n"])));
|
|
17963
17989
|
var Header$6 = styled__default.div(_templateObject2$x || (_templateObject2$x = _taggedTemplateLiteralLoose(["\n display: flex;\n"])));
|
|
17964
|
-
var HeaderImage = styled__default.div(_templateObject3$
|
|
17990
|
+
var HeaderImage = styled__default.div(_templateObject3$s || (_templateObject3$s = _taggedTemplateLiteralLoose(["\n width: 43px;\n height: 44px;\n background-color: #ebebeb;\n"])));
|
|
17965
17991
|
var HeaderContent = styled__default.div(_templateObject4$l || (_templateObject4$l = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n flex: 1;\n"])));
|
|
17966
17992
|
var MainContent = styled__default.div(_templateObject5$i || (_templateObject5$i = _taggedTemplateLiteralLoose(["\n margin-top: 8px;\n"])));
|
|
17967
|
-
var HeaderLine = styled__default.div(_templateObject6$
|
|
17993
|
+
var HeaderLine = styled__default.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) {
|
|
17968
17994
|
return props.height;
|
|
17969
17995
|
}, function (props) {
|
|
17970
|
-
return props.size === 'mini' && styled.css(_templateObject7$
|
|
17996
|
+
return props.size === 'mini' && styled.css(_templateObject7$h || (_templateObject7$h = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
|
|
17971
17997
|
}, function (props) {
|
|
17972
17998
|
return props.size === 'small' && styled.css(_templateObject8$e || (_templateObject8$e = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
|
|
17973
17999
|
}, function (props) {
|
|
@@ -18010,27 +18036,27 @@ var Template1 = function Template1(props) {
|
|
|
18010
18036
|
})));
|
|
18011
18037
|
};
|
|
18012
18038
|
|
|
18013
|
-
var _templateObject$L, _templateObject2$y, _templateObject3$
|
|
18039
|
+
var _templateObject$L, _templateObject2$y, _templateObject3$t, _templateObject4$m, _templateObject5$j;
|
|
18014
18040
|
var HeaderLine$1 = styled__default.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) {
|
|
18015
18041
|
return props.height;
|
|
18016
18042
|
}, function (props) {
|
|
18017
18043
|
return props.size === 'mini' && styled.css(_templateObject2$y || (_templateObject2$y = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
|
|
18018
18044
|
}, function (props) {
|
|
18019
|
-
return props.size === 'small' && styled.css(_templateObject3$
|
|
18045
|
+
return props.size === 'small' && styled.css(_templateObject3$t || (_templateObject3$t = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
|
|
18020
18046
|
}, function (props) {
|
|
18021
18047
|
return props.size === 'medium' && styled.css(_templateObject4$m || (_templateObject4$m = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
|
|
18022
18048
|
}, function (props) {
|
|
18023
18049
|
return props.size === 'large' && styled.css(_templateObject5$j || (_templateObject5$j = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
|
|
18024
18050
|
});
|
|
18025
18051
|
|
|
18026
|
-
var _templateObject$M, _templateObject2$z, _templateObject3$
|
|
18052
|
+
var _templateObject$M, _templateObject2$z, _templateObject3$u, _templateObject4$n, _templateObject5$k, _templateObject6$i, _templateObject7$i, _templateObject8$f;
|
|
18027
18053
|
var Container$d = styled__default.div(_templateObject$M || (_templateObject$M = _taggedTemplateLiteralLoose(["\n width: 100%;\n max-height: 100%;\n position: absolute;\n padding: 14px;\n"])));
|
|
18028
18054
|
var Template2Container = styled__default(Container$d)(_templateObject2$z || (_templateObject2$z = _taggedTemplateLiteralLoose(["\n background: #fff;\n border: 2px solid #ebebeb;\n"])));
|
|
18029
|
-
var Header$7 = styled__default.div(_templateObject3$
|
|
18055
|
+
var Header$7 = styled__default.div(_templateObject3$u || (_templateObject3$u = _taggedTemplateLiteralLoose(["\n display: flex;\n"])));
|
|
18030
18056
|
var HeaderImage$1 = styled__default.div(_templateObject4$n || (_templateObject4$n = _taggedTemplateLiteralLoose(["\n width: 43px;\n height: 44px;\n background-color: #ebebeb;\n"])));
|
|
18031
18057
|
var HeaderContent$1 = styled__default.div(_templateObject5$k || (_templateObject5$k = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n flex: 1;\n"])));
|
|
18032
|
-
var MainContent$1 = styled__default.div(_templateObject6$
|
|
18033
|
-
var MainLine$1 = styled__default(HeaderLine$1)(_templateObject7$
|
|
18058
|
+
var MainContent$1 = styled__default.div(_templateObject6$i || (_templateObject6$i = _taggedTemplateLiteralLoose(["\n margin-top: 8px;\n"])));
|
|
18059
|
+
var MainLine$1 = styled__default(HeaderLine$1)(_templateObject7$i || (_templateObject7$i = _taggedTemplateLiteralLoose(["\n margin-bottom: 14px;\n margin-left: 0;\n"])));
|
|
18034
18060
|
var HeaderLine$2 = styled__default(HeaderLine$1)(_templateObject8$f || (_templateObject8$f = _taggedTemplateLiteralLoose([""])));
|
|
18035
18061
|
|
|
18036
18062
|
var Template2 = function Template2(props) {
|
|
@@ -18054,10 +18080,10 @@ var Template2 = function Template2(props) {
|
|
|
18054
18080
|
})));
|
|
18055
18081
|
};
|
|
18056
18082
|
|
|
18057
|
-
var _templateObject$N, _templateObject2$A, _templateObject3$
|
|
18083
|
+
var _templateObject$N, _templateObject2$A, _templateObject3$v;
|
|
18058
18084
|
var Container$e = styled__default.div(_templateObject$N || (_templateObject$N = _taggedTemplateLiteralLoose(["\n width: 100%;\n max-height: 100%;\n position: absolute;\n padding: 14px;\n"])));
|
|
18059
18085
|
var Template3Container = styled__default(Container$e)(_templateObject2$A || (_templateObject2$A = _taggedTemplateLiteralLoose([""])));
|
|
18060
|
-
var Template3Line = styled__default(HeaderLine$1)(_templateObject3$
|
|
18086
|
+
var Template3Line = styled__default(HeaderLine$1)(_templateObject3$v || (_templateObject3$v = _taggedTemplateLiteralLoose(["\n background-color: #dadada;\n height: ", ";\n"])), function (props) {
|
|
18061
18087
|
return props.height;
|
|
18062
18088
|
});
|
|
18063
18089
|
|
|
@@ -18086,20 +18112,20 @@ var Template3 = function Template3(props) {
|
|
|
18086
18112
|
}));
|
|
18087
18113
|
};
|
|
18088
18114
|
|
|
18089
|
-
var _templateObject$O, _templateObject2$B, _templateObject3$
|
|
18115
|
+
var _templateObject$O, _templateObject2$B, _templateObject3$w, _templateObject4$o, _templateObject5$l, _templateObject6$j, _templateObject7$j, _templateObject8$g;
|
|
18090
18116
|
var Container$f = styled__default.div(_templateObject$O || (_templateObject$O = _taggedTemplateLiteralLoose(["\n width: 100%;\n max-height: 100%;\n position: absolute;\n padding: 14px;\n"])));
|
|
18091
18117
|
var HeaderLine$3 = styled__default.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) {
|
|
18092
18118
|
return props.height;
|
|
18093
18119
|
}, function (props) {
|
|
18094
|
-
return props.size === 'mini' && styled.css(_templateObject3$
|
|
18120
|
+
return props.size === 'mini' && styled.css(_templateObject3$w || (_templateObject3$w = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
|
|
18095
18121
|
}, function (props) {
|
|
18096
18122
|
return props.size === 'small' && styled.css(_templateObject4$o || (_templateObject4$o = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
|
|
18097
18123
|
}, function (props) {
|
|
18098
18124
|
return props.size === 'medium' && styled.css(_templateObject5$l || (_templateObject5$l = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
|
|
18099
18125
|
}, function (props) {
|
|
18100
|
-
return props.size === 'large' && styled.css(_templateObject6$
|
|
18126
|
+
return props.size === 'large' && styled.css(_templateObject6$j || (_templateObject6$j = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
|
|
18101
18127
|
});
|
|
18102
|
-
var Template4Container = styled__default(Container$f)(_templateObject7$
|
|
18128
|
+
var Template4Container = styled__default(Container$f)(_templateObject7$j || (_templateObject7$j = _taggedTemplateLiteralLoose(["\n border: 1px solid #e6e6e7;\n border-radius: 4px;\n"])));
|
|
18103
18129
|
var CustomLine = styled__default(HeaderLine$3)(_templateObject8$g || (_templateObject8$g = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n background-color: ", ";\n"])), function (props) {
|
|
18104
18130
|
return props.width;
|
|
18105
18131
|
}, function (props) {
|
|
@@ -18153,19 +18179,19 @@ var Template4 = function Template4(props) {
|
|
|
18153
18179
|
}));
|
|
18154
18180
|
};
|
|
18155
18181
|
|
|
18156
|
-
var _templateObject$P, _templateObject2$C, _templateObject3$
|
|
18182
|
+
var _templateObject$P, _templateObject2$C, _templateObject3$x, _templateObject4$p, _templateObject5$m, _templateObject6$k, _templateObject7$k, _templateObject8$h, _templateObject9$f;
|
|
18157
18183
|
var Container$g = styled__default.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"])));
|
|
18158
18184
|
var Circle = styled__default.div(_templateObject2$C || (_templateObject2$C = _taggedTemplateLiteralLoose(["\n width: 141px;\n height: 141px;\n background-color: #dddedf;\n border-radius: 50%;\n"])));
|
|
18159
|
-
var HeaderLine$4 = styled__default.div(_templateObject3$
|
|
18185
|
+
var HeaderLine$4 = styled__default.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) {
|
|
18160
18186
|
return props.height;
|
|
18161
18187
|
}, function (props) {
|
|
18162
18188
|
return props.size === 'mini' && styled.css(_templateObject4$p || (_templateObject4$p = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
|
|
18163
18189
|
}, function (props) {
|
|
18164
18190
|
return props.size === 'small' && styled.css(_templateObject5$m || (_templateObject5$m = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
|
|
18165
18191
|
}, function (props) {
|
|
18166
|
-
return props.size === 'medium' && styled.css(_templateObject6$
|
|
18192
|
+
return props.size === 'medium' && styled.css(_templateObject6$k || (_templateObject6$k = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
|
|
18167
18193
|
}, function (props) {
|
|
18168
|
-
return props.size === 'large' && styled.css(_templateObject7$
|
|
18194
|
+
return props.size === 'large' && styled.css(_templateObject7$k || (_templateObject7$k = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
|
|
18169
18195
|
});
|
|
18170
18196
|
var CustomLine$1 = styled__default(HeaderLine$4)(_templateObject8$h || (_templateObject8$h = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n background-color: ", ";\n"])), function (props) {
|
|
18171
18197
|
return props.width;
|
|
@@ -18201,18 +18227,18 @@ var Template5 = function Template5(props) {
|
|
|
18201
18227
|
})));
|
|
18202
18228
|
};
|
|
18203
18229
|
|
|
18204
|
-
var _templateObject$Q, _templateObject2$D, _templateObject3$
|
|
18230
|
+
var _templateObject$Q, _templateObject2$D, _templateObject3$y, _templateObject4$q, _templateObject5$n, _templateObject6$l, _templateObject7$l, _templateObject8$i, _templateObject9$g;
|
|
18205
18231
|
var Container$h = styled__default.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"])));
|
|
18206
18232
|
var Header$8 = styled__default.div(_templateObject2$D || (_templateObject2$D = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding: 14px;\n"])));
|
|
18207
|
-
var Footer$3 = styled__default.div(_templateObject3$
|
|
18233
|
+
var Footer$3 = styled__default.div(_templateObject3$y || (_templateObject3$y = _taggedTemplateLiteralLoose(["\n width: 100%;\n border-top: 1px solid #b1b1b3;\n height: 50px;\n"])));
|
|
18208
18234
|
var HeaderLine$5 = styled__default.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) {
|
|
18209
18235
|
return props.height;
|
|
18210
18236
|
}, function (props) {
|
|
18211
18237
|
return props.size === 'mini' && styled.css(_templateObject5$n || (_templateObject5$n = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
|
|
18212
18238
|
}, function (props) {
|
|
18213
|
-
return props.size === 'small' && styled.css(_templateObject6$
|
|
18239
|
+
return props.size === 'small' && styled.css(_templateObject6$l || (_templateObject6$l = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
|
|
18214
18240
|
}, function (props) {
|
|
18215
|
-
return props.size === 'medium' && styled.css(_templateObject7$
|
|
18241
|
+
return props.size === 'medium' && styled.css(_templateObject7$l || (_templateObject7$l = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
|
|
18216
18242
|
}, function (props) {
|
|
18217
18243
|
return props.size === 'large' && styled.css(_templateObject8$i || (_templateObject8$i = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
|
|
18218
18244
|
});
|
|
@@ -18244,19 +18270,19 @@ var Template6 = function Template6(props) {
|
|
|
18244
18270
|
})));
|
|
18245
18271
|
};
|
|
18246
18272
|
|
|
18247
|
-
var _templateObject$R, _templateObject2$E, _templateObject3$
|
|
18273
|
+
var _templateObject$R, _templateObject2$E, _templateObject3$z, _templateObject4$r, _templateObject5$o, _templateObject6$m, _templateObject7$m, _templateObject8$j, _templateObject9$h, _templateObject10$d;
|
|
18248
18274
|
var Container$i = styled__default.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"])));
|
|
18249
18275
|
var Header$9 = styled__default.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"])));
|
|
18250
|
-
var HeaderLine$6 = styled__default.div(_templateObject3$
|
|
18276
|
+
var HeaderLine$6 = styled__default.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) {
|
|
18251
18277
|
return props.height;
|
|
18252
18278
|
}, function (props) {
|
|
18253
18279
|
return props.size === 'mini' && styled.css(_templateObject4$r || (_templateObject4$r = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
|
|
18254
18280
|
}, function (props) {
|
|
18255
18281
|
return props.size === 'small' && styled.css(_templateObject5$o || (_templateObject5$o = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
|
|
18256
18282
|
}, function (props) {
|
|
18257
|
-
return props.size === 'medium' && styled.css(_templateObject6$
|
|
18283
|
+
return props.size === 'medium' && styled.css(_templateObject6$m || (_templateObject6$m = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
|
|
18258
18284
|
}, function (props) {
|
|
18259
|
-
return props.size === 'large' && styled.css(_templateObject7$
|
|
18285
|
+
return props.size === 'large' && styled.css(_templateObject7$m || (_templateObject7$m = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
|
|
18260
18286
|
});
|
|
18261
18287
|
var CustomLine$3 = styled__default(HeaderLine$6)(_templateObject8$j || (_templateObject8$j = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n background-color: ", ";\n border: 1px solid #dedede5e;\n"])), function (props) {
|
|
18262
18288
|
return props.width;
|
|
@@ -18278,19 +18304,19 @@ var Template7 = function Template7(props) {
|
|
|
18278
18304
|
})), 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)));
|
|
18279
18305
|
};
|
|
18280
18306
|
|
|
18281
|
-
var _templateObject$S, _templateObject2$F, _templateObject3$
|
|
18307
|
+
var _templateObject$S, _templateObject2$F, _templateObject3$A, _templateObject4$s, _templateObject5$p, _templateObject6$n, _templateObject7$n, _templateObject8$k, _templateObject9$i;
|
|
18282
18308
|
var Container$j = styled__default.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"])));
|
|
18283
18309
|
var Header$a = styled__default.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"])));
|
|
18284
|
-
var HeaderLine$7 = styled__default.div(_templateObject3$
|
|
18310
|
+
var HeaderLine$7 = styled__default.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) {
|
|
18285
18311
|
return props.height;
|
|
18286
18312
|
}, function (props) {
|
|
18287
18313
|
return props.size === 'mini' && styled.css(_templateObject4$s || (_templateObject4$s = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
|
|
18288
18314
|
}, function (props) {
|
|
18289
18315
|
return props.size === 'small' && styled.css(_templateObject5$p || (_templateObject5$p = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
|
|
18290
18316
|
}, function (props) {
|
|
18291
|
-
return props.size === 'medium' && styled.css(_templateObject6$
|
|
18317
|
+
return props.size === 'medium' && styled.css(_templateObject6$n || (_templateObject6$n = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
|
|
18292
18318
|
}, function (props) {
|
|
18293
|
-
return props.size === 'large' && styled.css(_templateObject7$
|
|
18319
|
+
return props.size === 'large' && styled.css(_templateObject7$n || (_templateObject7$n = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
|
|
18294
18320
|
});
|
|
18295
18321
|
var CustomLine$4 = styled__default(HeaderLine$7)(_templateObject8$k || (_templateObject8$k = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n background-color: ", ";\n border: 1px solid #dedede5e;\n"])), function (props) {
|
|
18296
18322
|
return props.width;
|
|
@@ -18321,19 +18347,19 @@ var Template8 = function Template8(props) {
|
|
|
18321
18347
|
})));
|
|
18322
18348
|
};
|
|
18323
18349
|
|
|
18324
|
-
var _templateObject$T, _templateObject2$G, _templateObject3$
|
|
18350
|
+
var _templateObject$T, _templateObject2$G, _templateObject3$B, _templateObject4$t, _templateObject5$q, _templateObject6$o, _templateObject7$o, _templateObject8$l, _templateObject9$j, _templateObject10$e;
|
|
18325
18351
|
var Container$k = styled__default.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"])));
|
|
18326
18352
|
var Header$b = styled__default.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"])));
|
|
18327
|
-
var HeaderLine$8 = styled__default.div(_templateObject3$
|
|
18353
|
+
var HeaderLine$8 = styled__default.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) {
|
|
18328
18354
|
return props.height;
|
|
18329
18355
|
}, function (props) {
|
|
18330
18356
|
return props.size === 'mini' && styled.css(_templateObject4$t || (_templateObject4$t = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
|
|
18331
18357
|
}, function (props) {
|
|
18332
18358
|
return props.size === 'small' && styled.css(_templateObject5$q || (_templateObject5$q = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
|
|
18333
18359
|
}, function (props) {
|
|
18334
|
-
return props.size === 'medium' && styled.css(_templateObject6$
|
|
18360
|
+
return props.size === 'medium' && styled.css(_templateObject6$o || (_templateObject6$o = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
|
|
18335
18361
|
}, function (props) {
|
|
18336
|
-
return props.size === 'large' && styled.css(_templateObject7$
|
|
18362
|
+
return props.size === 'large' && styled.css(_templateObject7$o || (_templateObject7$o = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
|
|
18337
18363
|
});
|
|
18338
18364
|
var CustomLine$5 = styled__default(HeaderLine$8)(_templateObject8$l || (_templateObject8$l = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n background-color: ", ";\n border: 1px solid #dedede5e;\n"])), function (props) {
|
|
18339
18365
|
return props.width;
|
|
@@ -18360,19 +18386,19 @@ var Template8$1 = function Template8(props) {
|
|
|
18360
18386
|
})), React__default.createElement(Main$4, null, React__default.createElement(Circle$2, null)));
|
|
18361
18387
|
};
|
|
18362
18388
|
|
|
18363
|
-
var _templateObject$U, _templateObject2$H, _templateObject3$
|
|
18389
|
+
var _templateObject$U, _templateObject2$H, _templateObject3$C, _templateObject4$u, _templateObject5$r, _templateObject6$p, _templateObject7$p, _templateObject8$m, _templateObject9$k, _templateObject10$f, _templateObject11$8;
|
|
18364
18390
|
var Container$l = styled__default.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"])));
|
|
18365
18391
|
var Header$c = styled__default.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"])));
|
|
18366
|
-
var HeaderLine$9 = styled__default.div(_templateObject3$
|
|
18392
|
+
var HeaderLine$9 = styled__default.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) {
|
|
18367
18393
|
return props.height;
|
|
18368
18394
|
}, function (props) {
|
|
18369
18395
|
return props.size === 'mini' && styled.css(_templateObject4$u || (_templateObject4$u = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
|
|
18370
18396
|
}, function (props) {
|
|
18371
18397
|
return props.size === 'small' && styled.css(_templateObject5$r || (_templateObject5$r = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
|
|
18372
18398
|
}, function (props) {
|
|
18373
|
-
return props.size === 'medium' && styled.css(_templateObject6$
|
|
18399
|
+
return props.size === 'medium' && styled.css(_templateObject6$p || (_templateObject6$p = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
|
|
18374
18400
|
}, function (props) {
|
|
18375
|
-
return props.size === 'large' && styled.css(_templateObject7$
|
|
18401
|
+
return props.size === 'large' && styled.css(_templateObject7$p || (_templateObject7$p = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
|
|
18376
18402
|
});
|
|
18377
18403
|
var CustomLine$6 = styled__default(HeaderLine$9)(_templateObject8$m || (_templateObject8$m = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n background-color: ", ";\n border: 1px solid #dedede5e;\n"])), function (props) {
|
|
18378
18404
|
return props.width;
|
|
@@ -18504,12 +18530,12 @@ var Placeholder = function Placeholder(props) {
|
|
|
18504
18530
|
}
|
|
18505
18531
|
};
|
|
18506
18532
|
|
|
18507
|
-
var _templateObject$V, _templateObject2$I, _templateObject3$
|
|
18533
|
+
var _templateObject$V, _templateObject2$I, _templateObject3$D, _templateObject4$v, _templateObject5$s, _templateObject6$q, _templateObject7$q;
|
|
18508
18534
|
var Container$m = styled__default.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"])));
|
|
18509
18535
|
var Progress = styled__default.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) {
|
|
18510
18536
|
return props.value + "%";
|
|
18511
18537
|
}, function (props) {
|
|
18512
|
-
return props.type === 'default' && styled.css(_templateObject3$
|
|
18538
|
+
return props.type === 'default' && styled.css(_templateObject3$D || (_templateObject3$D = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n "])), function (_ref) {
|
|
18513
18539
|
var theme = _ref.theme;
|
|
18514
18540
|
return theme.colors.warningGray;
|
|
18515
18541
|
});
|
|
@@ -18524,12 +18550,12 @@ var Progress = styled__default.div(_templateObject2$I || (_templateObject2$I = _
|
|
|
18524
18550
|
return theme.colors.warningRed;
|
|
18525
18551
|
});
|
|
18526
18552
|
}, function (props) {
|
|
18527
|
-
return props.type === 'success' && styled.css(_templateObject6$
|
|
18553
|
+
return props.type === 'success' && styled.css(_templateObject6$q || (_templateObject6$q = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n "])), function (_ref4) {
|
|
18528
18554
|
var theme = _ref4.theme;
|
|
18529
18555
|
return theme.colors.green;
|
|
18530
18556
|
});
|
|
18531
18557
|
}, function (props) {
|
|
18532
|
-
return props.type === 'warning' && styled.css(_templateObject7$
|
|
18558
|
+
return props.type === 'warning' && styled.css(_templateObject7$q || (_templateObject7$q = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n "])), function (_ref5) {
|
|
18533
18559
|
var theme = _ref5.theme;
|
|
18534
18560
|
return theme.colors.warningYellow;
|
|
18535
18561
|
});
|
|
@@ -18574,13 +18600,13 @@ function SvgClose(props) {
|
|
|
18574
18600
|
})));
|
|
18575
18601
|
}
|
|
18576
18602
|
|
|
18577
|
-
var _templateObject$W, _templateObject2$J, _templateObject3$
|
|
18603
|
+
var _templateObject$W, _templateObject2$J, _templateObject3$E, _templateObject4$w, _templateObject5$t, _templateObject6$r;
|
|
18578
18604
|
var Container$n = styled__default.div(_templateObject$W || (_templateObject$W = _taggedTemplateLiteralLoose(["\n display: block;\n border-bottom-style: solid;\n\n ", "\n"])), function (_ref) {
|
|
18579
18605
|
var theme = _ref.theme,
|
|
18580
18606
|
internal = _ref.internal;
|
|
18581
18607
|
return styled.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);
|
|
18582
18608
|
});
|
|
18583
|
-
var Tabs = styled__default.ul(_templateObject3$
|
|
18609
|
+
var Tabs = styled__default.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) {
|
|
18584
18610
|
var theme = _ref2.theme,
|
|
18585
18611
|
internal = _ref2.internal;
|
|
18586
18612
|
return styled.css(_templateObject4$w || (_templateObject4$w = _taggedTemplateLiteralLoose(["\n height: ", ";\n box-shadow: 0 0 10px 0 ", ";\n "])), internal ? '41px' : '49px', theme.getColor('black', 10));
|
|
@@ -18588,7 +18614,7 @@ var Tabs = styled__default.ul(_templateObject3$D || (_templateObject3$D = _tagge
|
|
|
18588
18614
|
var Tab = styled__default.li(_templateObject5$t || (_templateObject5$t = _taggedTemplateLiteralLoose(["\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: space-between;\n 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) {
|
|
18589
18615
|
var theme = _ref3.theme,
|
|
18590
18616
|
active = _ref3.active;
|
|
18591
|
-
return styled.css(_templateObject6$
|
|
18617
|
+
return styled.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);
|
|
18592
18618
|
});
|
|
18593
18619
|
|
|
18594
18620
|
var Tabs$1 = function Tabs$1(props) {
|
|
@@ -18655,18 +18681,18 @@ var TextArea = function TextArea(props) {
|
|
|
18655
18681
|
return React__default.createElement(Container$o, Object.assign({}, props));
|
|
18656
18682
|
};
|
|
18657
18683
|
|
|
18658
|
-
var _templateObject$Y, _templateObject2$K, _templateObject3$
|
|
18684
|
+
var _templateObject$Y, _templateObject2$K, _templateObject3$F, _templateObject4$x, _templateObject5$u, _templateObject6$s;
|
|
18659
18685
|
var Container$p = styled__default.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) {
|
|
18660
18686
|
return props.size === 'large' ? '837px' : '460px';
|
|
18661
18687
|
}, function (props) {
|
|
18662
18688
|
return props.color === 'success' && styled.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 "])));
|
|
18663
18689
|
}, function (props) {
|
|
18664
|
-
return props.color === 'error' && styled.css(_templateObject3$
|
|
18690
|
+
return props.color === 'error' && styled.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 "])));
|
|
18665
18691
|
}, function (props) {
|
|
18666
18692
|
return props.color === 'warning' && styled.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 "])));
|
|
18667
18693
|
});
|
|
18668
18694
|
var IconContainer$2 = styled__default.div(_templateObject5$u || (_templateObject5$u = _taggedTemplateLiteralLoose(["\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: flex-end;\n padding: 14px 14px 0 0;\n margin: 0;\n"])));
|
|
18669
|
-
var IconContent = styled__default.div(_templateObject6$
|
|
18695
|
+
var IconContent = styled__default.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"])));
|
|
18670
18696
|
|
|
18671
18697
|
var Toast = function Toast(props) {
|
|
18672
18698
|
return React__default.createElement(Container$p, Object.assign({}, props), React__default.createElement(IconContainer$2, null, React__default.createElement(Icon, {
|
|
@@ -18678,7 +18704,7 @@ var Toast = function Toast(props) {
|
|
|
18678
18704
|
})), React__default.createElement(IconContent, null, React__default.createElement("h4", null, props.title), React__default.createElement("p", null, " ", props.description)));
|
|
18679
18705
|
};
|
|
18680
18706
|
|
|
18681
|
-
var _templateObject$Z, _templateObject2$L, _templateObject3$
|
|
18707
|
+
var _templateObject$Z, _templateObject2$L, _templateObject3$G, _templateObject4$y, _templateObject5$v;
|
|
18682
18708
|
var Image = styled__default.img(_templateObject$Z || (_templateObject$Z = _taggedTemplateLiteralLoose(["\n max-width: 100%;\n max-height: 100%;\n"])));
|
|
18683
18709
|
var Container$q = styled__default.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) {
|
|
18684
18710
|
var width = _ref.width;
|
|
@@ -18707,7 +18733,7 @@ var Container$q = styled__default.div(_templateObject2$L || (_templateObject2$L
|
|
|
18707
18733
|
return 'auto';
|
|
18708
18734
|
}
|
|
18709
18735
|
});
|
|
18710
|
-
var Dimmer = styled__default.div(_templateObject3$
|
|
18736
|
+
var Dimmer = styled__default.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) {
|
|
18711
18737
|
var theme = _ref3.theme;
|
|
18712
18738
|
return theme.getColor('greyishBlue', 50);
|
|
18713
18739
|
});
|