@mw-kit/mw-ui 1.7.30 → 1.7.32
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 +321 -288
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +321 -288
- package/dist/index.modern.js.map +1 -1
- package/package.json +1 -1
package/dist/index.modern.js
CHANGED
|
@@ -11961,8 +11961,8 @@ var icons = {
|
|
|
11961
11961
|
zoom_out: SvgZoomOut
|
|
11962
11962
|
};
|
|
11963
11963
|
|
|
11964
|
-
var _templateObject$2, _templateObject2$2, _templateObject3$2, _templateObject4$1, _templateObject5$1;
|
|
11965
|
-
var SemanticIcon = styled(Icon$1)(_templateObject$2 || (_templateObject$2 = _taggedTemplateLiteralLoose(["\n &.icon,\n &.icon:before {\n margin: 0;\n color: ", ";\n display: flex;\n justify-content: center;\n align-items: center;\n\n ", "\n\n ", "\n }\n\n &.icon:before {\n height: 100%;\n }\n"])), function (_ref) {
|
|
11964
|
+
var _templateObject$2, _templateObject2$2, _templateObject3$2, _templateObject4$1, _templateObject5$1, _templateObject6$1, _templateObject7$1;
|
|
11965
|
+
var SemanticIcon = styled(Icon$1)(_templateObject$2 || (_templateObject$2 = _taggedTemplateLiteralLoose(["\n &.icon,\n &.icon:before {\n margin: 0;\n color: ", ";\n display: flex;\n justify-content: center;\n align-items: center;\n\n ", "\n\n ", "\n }\n\n &.icon:before {\n height: 100%;\n }\n\n ", "\n"])), function (_ref) {
|
|
11966
11966
|
var fontcolor = _ref.fontcolor;
|
|
11967
11967
|
return fontcolor;
|
|
11968
11968
|
}, function (_ref2) {
|
|
@@ -11973,14 +11973,22 @@ var SemanticIcon = styled(Icon$1)(_templateObject$2 || (_templateObject$2 = _tag
|
|
|
11973
11973
|
var height = _ref3.height;
|
|
11974
11974
|
if (!height) return;
|
|
11975
11975
|
return css(_templateObject3$2 || (_templateObject3$2 = _taggedTemplateLiteralLoose(["\n font-size: ", ";\n height: ", ";\n "])), height, height);
|
|
11976
|
+
}, function (_ref4) {
|
|
11977
|
+
var onClick = _ref4.onClick;
|
|
11978
|
+
if (!onClick) return;
|
|
11979
|
+
return css(_templateObject4$1 || (_templateObject4$1 = _taggedTemplateLiteralLoose(["\n cursor: pointer;\n "])));
|
|
11976
11980
|
});
|
|
11977
|
-
var SVGContainer = styled.div(
|
|
11978
|
-
var color =
|
|
11981
|
+
var SVGContainer = styled.div(_templateObject5$1 || (_templateObject5$1 = _taggedTemplateLiteralLoose(["\n display: flex;\n > svg {\n &,\n * {\n stroke: ", ";\n\n ", "\n }\n }\n\n ", "\n"])), function (_ref5) {
|
|
11982
|
+
var color = _ref5.color;
|
|
11979
11983
|
return color;
|
|
11980
|
-
}, function (
|
|
11981
|
-
var strokeWidth =
|
|
11984
|
+
}, function (_ref6) {
|
|
11985
|
+
var strokeWidth = _ref6.strokeWidth;
|
|
11982
11986
|
if (!strokeWidth) return;
|
|
11983
|
-
return css(
|
|
11987
|
+
return css(_templateObject6$1 || (_templateObject6$1 = _taggedTemplateLiteralLoose(["\n stroke-width: ", ";\n "])), strokeWidth);
|
|
11988
|
+
}, function (_ref7) {
|
|
11989
|
+
var pointer = _ref7.pointer;
|
|
11990
|
+
if (!pointer) return;
|
|
11991
|
+
return css(_templateObject7$1 || (_templateObject7$1 = _taggedTemplateLiteralLoose(["\n cursor: pointer;\n "])));
|
|
11984
11992
|
});
|
|
11985
11993
|
|
|
11986
11994
|
var getColor = function getColor(c) {
|
|
@@ -12010,7 +12018,8 @@ var Icon = function Icon(props) {
|
|
|
12010
12018
|
var Component = icons[props.icon];
|
|
12011
12019
|
return React__default.createElement(SVGContainer, {
|
|
12012
12020
|
color: color,
|
|
12013
|
-
strokeWidth: props.strokeWidth
|
|
12021
|
+
strokeWidth: props.strokeWidth,
|
|
12022
|
+
pointer: !!props.onClick
|
|
12014
12023
|
}, React__default.createElement(Component, Object.assign({}, commonProps)));
|
|
12015
12024
|
}
|
|
12016
12025
|
|
|
@@ -12035,7 +12044,8 @@ var Icon = function Icon(props) {
|
|
|
12035
12044
|
var _Component = props.icon;
|
|
12036
12045
|
return React__default.createElement(SVGContainer, {
|
|
12037
12046
|
color: _color2,
|
|
12038
|
-
strokeWidth: props.strokeWidth
|
|
12047
|
+
strokeWidth: props.strokeWidth,
|
|
12048
|
+
pointer: !!props.onClick
|
|
12039
12049
|
}, React__default.createElement(_Component, Object.assign({}, _commonProps2)));
|
|
12040
12050
|
}
|
|
12041
12051
|
|
|
@@ -12139,97 +12149,94 @@ var EllipsisContainer$1 = function EllipsisContainer$1(props) {
|
|
|
12139
12149
|
}));
|
|
12140
12150
|
};
|
|
12141
12151
|
|
|
12142
|
-
var _templateObject$5, _templateObject2$4, _templateObject3$4, _templateObject4$3, _templateObject5$3, _templateObject6$
|
|
12152
|
+
var _templateObject$5, _templateObject2$4, _templateObject3$4, _templateObject4$3, _templateObject5$3, _templateObject6$2, _templateObject7$2, _templateObject8$1, _templateObject9$1, _templateObject10$1, _templateObject11$1, _templateObject12$1, _templateObject13$1, _templateObject14$1, _templateObject15, _templateObject16, _templateObject17, _templateObject18;
|
|
12143
12153
|
var IconContainer = styled.button(_templateObject$5 || (_templateObject$5 = _taggedTemplateLiteralLoose(["\n position: absolute;\n display: flex;\n justify-content: center;\n align-items: center;\n height: 17px;\n\n background-color: transparent;\n border: none;\n box-shadow: none;\n padding: 0;\n\n ", "\n"])), function (_ref) {
|
|
12144
12154
|
var onClick = _ref.onClick,
|
|
12145
12155
|
disabled = _ref.disabled;
|
|
12146
12156
|
if (!onClick || disabled) return;
|
|
12147
12157
|
return css(_templateObject2$4 || (_templateObject2$4 = _taggedTemplateLiteralLoose(["\n cursor: pointer;\n "])));
|
|
12148
12158
|
});
|
|
12149
|
-
var ChildrenContainer = styled(EllipsisContainer$1)(_templateObject3$4 || (_templateObject3$4 = _taggedTemplateLiteralLoose(["\n position: absolute;\n width: 100%;\n height: 100%;\n bottom: 0;\n left: 0;\n
|
|
12159
|
+
var ChildrenContainer = styled(EllipsisContainer$1)(_templateObject3$4 || (_templateObject3$4 = _taggedTemplateLiteralLoose(["\n position: absolute;\n width: 100%;\n height: 100%;\n bottom: 0;\n left: 0;\n line-height: 19px;\n"])));
|
|
12160
|
+
var Input = styled.input(_templateObject4$3 || (_templateObject4$3 = _taggedTemplateLiteralLoose(["\n ", ";\n\n color: ", ";\n\n line-height: 17px;\n\n ::placeholder {\n color: ", ";\n\n line-height: 17px;\n\n ", "\n }\n\n display: block;\n width: 100%;\n box-sizing: border-box;\n\n ", ";\n\n border-width: 1px;\n border-style: solid;\n border-color: ", ";\n border-radius: 4px;\n\n ", ";\n\n box-shadow: none;\n outline: none;\n\n ", "\n\n ", "\n"])), function (_ref2) {
|
|
12150
12161
|
var theme = _ref2.theme;
|
|
12151
|
-
return theme.spacings.s1;
|
|
12152
|
-
});
|
|
12153
|
-
var Input = styled.input(_templateObject4$3 || (_templateObject4$3 = _taggedTemplateLiteralLoose(["\n ", ";\n\n color: ", ";\n\n line-height: 17px;\n\n ::placeholder {\n color: ", ";\n\n line-height: 17px;\n\n ", "\n }\n\n display: block;\n width: 100%;\n box-sizing: border-box;\n\n ", ";\n\n border-width: 1px;\n border-style: solid;\n border-color: ", ";\n border-radius: 4px;\n\n ", ";\n\n box-shadow: none;\n outline: none;\n\n ", "\n\n ", "\n"])), function (_ref3) {
|
|
12154
|
-
var theme = _ref3.theme;
|
|
12155
12162
|
return theme.useTypography('p');
|
|
12163
|
+
}, function (_ref3) {
|
|
12164
|
+
var theme = _ref3.theme,
|
|
12165
|
+
invalid = _ref3.invalid;
|
|
12166
|
+
return invalid ? theme.colors.warningRed : theme.colors.darkBlue;
|
|
12156
12167
|
}, function (_ref4) {
|
|
12157
12168
|
var theme = _ref4.theme,
|
|
12158
12169
|
invalid = _ref4.invalid;
|
|
12159
|
-
return invalid ? theme.colors.warningRed : theme.colors.darkBlue;
|
|
12160
|
-
}, function (_ref5) {
|
|
12161
|
-
var theme = _ref5.theme,
|
|
12162
|
-
invalid = _ref5.invalid;
|
|
12163
12170
|
return invalid ? theme.colors.warningRed : theme.colors.darkGrey;
|
|
12164
|
-
}, function (
|
|
12165
|
-
var placeholder =
|
|
12171
|
+
}, function (_ref5) {
|
|
12172
|
+
var placeholder = _ref5.placeholder;
|
|
12166
12173
|
|
|
12167
12174
|
if (placeholder !== '••••••••') {
|
|
12168
|
-
return css(_templateObject5$3 || (_templateObject5$3 = _taggedTemplateLiteralLoose(["\n ", ";\n opacity: 1;\n "])), function (
|
|
12169
|
-
var theme =
|
|
12175
|
+
return css(_templateObject5$3 || (_templateObject5$3 = _taggedTemplateLiteralLoose(["\n ", ";\n opacity: 1;\n "])), function (_ref6) {
|
|
12176
|
+
var theme = _ref6.theme;
|
|
12170
12177
|
return theme.useTypography('p');
|
|
12171
12178
|
});
|
|
12172
12179
|
}
|
|
12173
12180
|
|
|
12174
|
-
return css(_templateObject6$
|
|
12181
|
+
return css(_templateObject6$2 || (_templateObject6$2 = _taggedTemplateLiteralLoose(["\n opacity: 0.5;\n font-size: 14px;\n letter-spacing: 0px;\n "])));
|
|
12182
|
+
}, function (_ref7) {
|
|
12183
|
+
var theme = _ref7.theme,
|
|
12184
|
+
paddingless = _ref7.paddingless;
|
|
12185
|
+
if (paddingless) return;
|
|
12186
|
+
return css(_templateObject7$2 || (_templateObject7$2 = _taggedTemplateLiteralLoose(["\n padding: ", " ", ";\n ~ ", " {\n padding: ", " ", ";\n }\n "])), theme.spacings.s2, theme.spacings.s3, ChildrenContainer, theme.spacings.s2, theme.spacings.s3);
|
|
12175
12187
|
}, function (_ref8) {
|
|
12176
12188
|
var theme = _ref8.theme,
|
|
12177
|
-
|
|
12178
|
-
|
|
12179
|
-
return css(_templateObject7$1 || (_templateObject7$1 = _taggedTemplateLiteralLoose(["\n padding: ", " ", ";\n ~ ", " {\n padding: ", " ", ";\n }\n "])), theme.spacings.s2, theme.spacings.s3, ChildrenContainer, theme.spacings.s2, theme.spacings.s3);
|
|
12180
|
-
}, function (_ref9) {
|
|
12181
|
-
var theme = _ref9.theme,
|
|
12182
|
-
invalid = _ref9.invalid,
|
|
12183
|
-
borderless = _ref9.borderless;
|
|
12189
|
+
invalid = _ref8.invalid,
|
|
12190
|
+
borderless = _ref8.borderless;
|
|
12184
12191
|
if (borderless) return 'transparent';
|
|
12185
12192
|
return invalid ? theme.colors.warningRed : theme.colors.lightGrey;
|
|
12186
|
-
}, function (
|
|
12187
|
-
var theme =
|
|
12188
|
-
invalid =
|
|
12193
|
+
}, function (_ref9) {
|
|
12194
|
+
var theme = _ref9.theme,
|
|
12195
|
+
invalid = _ref9.invalid;
|
|
12189
12196
|
var color = invalid ? theme.getColor('warningRed', 5) : theme.colors.white;
|
|
12190
12197
|
return css(_templateObject8$1 || (_templateObject8$1 = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n /** google chrome blue background */\n -webkit-box-shadow: 0 0 0px 1000px ", " inset !important;\n "])), color, color);
|
|
12191
|
-
}, function (
|
|
12192
|
-
var arrows =
|
|
12198
|
+
}, function (_ref10) {
|
|
12199
|
+
var arrows = _ref10.arrows;
|
|
12193
12200
|
if (arrows) return;
|
|
12194
12201
|
return css(_templateObject9$1 || (_templateObject9$1 = _taggedTemplateLiteralLoose(["\n /* Chrome, Safari, Edge, Opera */\n :-webkit-outer-spin-button,\n :-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n\n /* Firefox */\n -moz-appearance: textfield;\n "])));
|
|
12195
|
-
}, function (
|
|
12196
|
-
var readOnly =
|
|
12197
|
-
onClick =
|
|
12198
|
-
disabled =
|
|
12202
|
+
}, function (_ref11) {
|
|
12203
|
+
var readOnly = _ref11.readOnly,
|
|
12204
|
+
onClick = _ref11.onClick,
|
|
12205
|
+
disabled = _ref11.disabled;
|
|
12199
12206
|
if (readOnly || !onClick || disabled) return;
|
|
12200
12207
|
return css(_templateObject10$1 || (_templateObject10$1 = _taggedTemplateLiteralLoose(["\n cursor: pointer;\n "])));
|
|
12201
12208
|
});
|
|
12202
|
-
var InputContainer = styled.div(_templateObject11$1 || (_templateObject11$1 = _taggedTemplateLiteralLoose(["\n position: relative;\n width: ", ";\n"])), function (
|
|
12203
|
-
var width =
|
|
12209
|
+
var InputContainer = styled.div(_templateObject11$1 || (_templateObject11$1 = _taggedTemplateLiteralLoose(["\n position: relative;\n width: ", ";\n"])), function (_ref12) {
|
|
12210
|
+
var width = _ref12.width;
|
|
12204
12211
|
return width || '100%';
|
|
12205
12212
|
});
|
|
12206
|
-
var Label = styled.label(_templateObject12$1 || (_templateObject12$1 = _taggedTemplateLiteralLoose(["\n ", ";\n\n color: ", ";\n\n width: ", ";\n box-sizing: border-box;\n display: block;\n\n ", "\n\n > ", " > ", " {\n bottom: ", ";\n }\n\n ", "\n\n ", "\n"])), function (
|
|
12207
|
-
var theme =
|
|
12213
|
+
var Label = styled.label(_templateObject12$1 || (_templateObject12$1 = _taggedTemplateLiteralLoose(["\n ", ";\n\n color: ", ";\n\n width: ", ";\n box-sizing: border-box;\n display: block;\n\n ", "\n\n > ", " > ", " {\n bottom: ", ";\n }\n\n ", "\n\n ", "\n"])), function (_ref13) {
|
|
12214
|
+
var theme = _ref13.theme;
|
|
12208
12215
|
return theme.useTypography('p');
|
|
12209
|
-
}, function (
|
|
12210
|
-
var theme =
|
|
12216
|
+
}, function (_ref14) {
|
|
12217
|
+
var theme = _ref14.theme;
|
|
12211
12218
|
return theme.colors.greyishBlue;
|
|
12212
|
-
}, function (
|
|
12213
|
-
var width =
|
|
12219
|
+
}, function (_ref15) {
|
|
12220
|
+
var width = _ref15.width;
|
|
12214
12221
|
return width || '100%';
|
|
12215
|
-
}, function (
|
|
12216
|
-
var disabled =
|
|
12222
|
+
}, function (_ref16) {
|
|
12223
|
+
var disabled = _ref16.disabled;
|
|
12217
12224
|
if (!disabled) return;
|
|
12218
12225
|
return css(_templateObject13$1 || (_templateObject13$1 = _taggedTemplateLiteralLoose(["\n opacity: 0.5;\n "])));
|
|
12219
|
-
}, InputContainer, IconContainer, function (
|
|
12220
|
-
var theme =
|
|
12221
|
-
paddingless =
|
|
12226
|
+
}, InputContainer, IconContainer, function (_ref17) {
|
|
12227
|
+
var theme = _ref17.theme,
|
|
12228
|
+
paddingless = _ref17.paddingless;
|
|
12222
12229
|
return paddingless ? '2px' : "calc(" + theme.spacings.s2 + " + 1px)";
|
|
12223
|
-
}, function (
|
|
12224
|
-
var readOnly =
|
|
12225
|
-
disabled =
|
|
12226
|
-
loading =
|
|
12230
|
+
}, function (_ref18) {
|
|
12231
|
+
var readOnly = _ref18.readOnly,
|
|
12232
|
+
disabled = _ref18.disabled,
|
|
12233
|
+
loading = _ref18.loading;
|
|
12227
12234
|
if (loading || readOnly || disabled) return;
|
|
12228
12235
|
return css(_templateObject14$1 || (_templateObject14$1 = _taggedTemplateLiteralLoose(["\n cursor: pointer;\n "])));
|
|
12229
|
-
}, function (
|
|
12230
|
-
var theme =
|
|
12231
|
-
icon =
|
|
12232
|
-
paddingless =
|
|
12236
|
+
}, function (_ref19) {
|
|
12237
|
+
var theme = _ref19.theme,
|
|
12238
|
+
icon = _ref19.icon,
|
|
12239
|
+
paddingless = _ref19.paddingless;
|
|
12233
12240
|
if (!icon) return;
|
|
12234
12241
|
var width = icon.width,
|
|
12235
12242
|
position = icon.position;
|
|
@@ -12241,11 +12248,11 @@ var Label = styled.label(_templateObject12$1 || (_templateObject12$1 = _taggedTe
|
|
|
12241
12248
|
|
|
12242
12249
|
return css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteralLoose(["\n > ", " > ", " {\n width: ", ";\n left: calc(", " / 2);\n }\n\n > ", " > ", " {\n padding-left: calc(", " + ", ");\n ~ ", " {\n padding-left: calc(", " + ", ");\n }\n }\n "])), InputContainer, IconContainer, width, padding, InputContainer, Input, padding, width, ChildrenContainer, padding, width);
|
|
12243
12250
|
});
|
|
12244
|
-
var LabelText = styled.div(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["\n display: inline-block;\n margin-bottom: ", ";\n\n ", "\n"])), function (
|
|
12245
|
-
var theme =
|
|
12251
|
+
var LabelText = styled.div(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["\n display: inline-block;\n margin-bottom: ", ";\n\n ", "\n"])), function (_ref20) {
|
|
12252
|
+
var theme = _ref20.theme;
|
|
12246
12253
|
return theme.spacings.s1;
|
|
12247
|
-
}, function (
|
|
12248
|
-
var required =
|
|
12254
|
+
}, function (_ref21) {
|
|
12255
|
+
var required = _ref21.required;
|
|
12249
12256
|
if (!required) return;
|
|
12250
12257
|
return css(_templateObject18 || (_templateObject18 = _taggedTemplateLiteralLoose(["\n :after {\n content: ' *';\n }\n "])));
|
|
12251
12258
|
});
|
|
@@ -12406,7 +12413,7 @@ var Input$1 = React__default.forwardRef(function (props, ref) {
|
|
|
12406
12413
|
});
|
|
12407
12414
|
Input$1.displayName = 'Input';
|
|
12408
12415
|
|
|
12409
|
-
var _templateObject$6, _templateObject2$5, _templateObject3$5, _templateObject4$4, _templateObject5$4, _templateObject6$
|
|
12416
|
+
var _templateObject$6, _templateObject2$5, _templateObject3$5, _templateObject4$4, _templateObject5$4, _templateObject6$3, _templateObject7$3, _templateObject8$2, _templateObject9$2, _templateObject10$2;
|
|
12410
12417
|
var size = '17px';
|
|
12411
12418
|
var Checkmark = styled.div(_templateObject$6 || (_templateObject$6 = _taggedTemplateLiteralLoose(["\n position: relative;\n height: ", ";\n width: ", ";\n background-color: ", ";\n\n border-style: solid;\n border-color: ", ";\n border-width: 1px;\n border-radius: 4px;\n\n transition-property: border-color;\n transition-duration: 0.25s;\n transition-timing-function: cubic-bezier(0.68, -0.55, 0.27, 1.55);\n\n :after {\n content: '';\n position: absolute;\n\n left: 50%;\n top: 50%;\n height: 0;\n width: 0;\n\n border-style: solid;\n border-color: ", ";\n border-width: 0;\n transform: rotate(45deg);\n\n transition-property: width height border-width top left;\n transition-duration: 0.25s;\n transition-timing-function: cubic-bezier(0.68, -0.55, 0.27, 1.55);\n }\n\n /** if there is a label, it will be placed after this element */\n + * {\n flex: 1;\n }\n"])), size, size, function (_ref) {
|
|
12412
12419
|
var theme = _ref.theme;
|
|
@@ -12478,7 +12485,7 @@ var Label$1 = styled.label(_templateObject2$5 || (_templateObject2$5 = _taggedTe
|
|
|
12478
12485
|
bordered = _ref7.bordered,
|
|
12479
12486
|
invalid = _ref7.invalid;
|
|
12480
12487
|
if (!bordered) return;
|
|
12481
|
-
return css(_templateObject6$
|
|
12488
|
+
return css(_templateObject6$3 || (_templateObject6$3 = _taggedTemplateLiteralLoose(["\n padding: ", " ", ";\n\n border-width: 1px;\n border-style: solid;\n border-color: ", ";\n border-radius: 4px;\n "])), theme.spacings.s2, theme.spacings.s3, theme.colors[invalid ? 'warningRed' : 'lightGrey']);
|
|
12482
12489
|
}, size, size, function (_ref8) {
|
|
12483
12490
|
var theme = _ref8.theme;
|
|
12484
12491
|
return theme.spacings.s1;
|
|
@@ -12492,7 +12499,7 @@ var Label$1 = styled.label(_templateObject2$5 || (_templateObject2$5 = _taggedTe
|
|
|
12492
12499
|
var theme = _ref11.theme,
|
|
12493
12500
|
invalid = _ref11.invalid;
|
|
12494
12501
|
if (!invalid) return;
|
|
12495
|
-
return css(_templateObject7$
|
|
12502
|
+
return css(_templateObject7$3 || (_templateObject7$3 = _taggedTemplateLiteralLoose(["\n ", ",\n > input:checked ~ ", ", \n > input:checked ~ ", ":after {\n border-color: ", ";\n }\n "])), Checkmark, Checkmark, Checkmark, theme.colors.warningRed);
|
|
12496
12503
|
}, function (_ref12) {
|
|
12497
12504
|
var width = _ref12.width;
|
|
12498
12505
|
return width && css(_templateObject8$2 || (_templateObject8$2 = _taggedTemplateLiteralLoose(["\n width: ", ";\n "])), width);
|
|
@@ -12643,7 +12650,7 @@ var ScrollContainer = function ScrollContainer(props) {
|
|
|
12643
12650
|
})), after);
|
|
12644
12651
|
};
|
|
12645
12652
|
|
|
12646
|
-
var _templateObject$8, _templateObject2$7, _templateObject3$7, _templateObject4$6, _templateObject5$5, _templateObject6$
|
|
12653
|
+
var _templateObject$8, _templateObject2$7, _templateObject3$7, _templateObject4$6, _templateObject5$5, _templateObject6$4, _templateObject7$4, _templateObject8$3, _templateObject9$3, _templateObject10$3;
|
|
12647
12654
|
var Option = styled.div(_templateObject$8 || (_templateObject$8 = _taggedTemplateLiteralLoose(["\n ", ";\n line-height: ", ";\n color: ", ";\n display: flex;\n\n > :nth-child(1) {\n display: flex;\n align-items: center;\n gap: ", ";\n flex: 1;\n }\n\n ", ";\n\n ", ";\n\n :hover {\n background-color: ", ";\n }\n"])), function (_ref) {
|
|
12648
12655
|
var theme = _ref.theme;
|
|
12649
12656
|
return theme.useTypography('p');
|
|
@@ -12691,11 +12698,11 @@ var Container$2 = styled(AbsoluteContainer)(_templateObject5$5 || (_templateObje
|
|
|
12691
12698
|
var tmp = spacing.split(' ');
|
|
12692
12699
|
tmp[1] = "calc(" + props.theme.spacings.s1 + " / 2)";
|
|
12693
12700
|
spacing = tmp.join(' ');
|
|
12694
|
-
return css(_templateObject6$
|
|
12701
|
+
return css(_templateObject6$4 || (_templateObject6$4 = _taggedTemplateLiteralLoose(["\n padding: ", ";\n "])), spacing);
|
|
12695
12702
|
}, function (_ref9) {
|
|
12696
12703
|
var bordered = _ref9.bordered;
|
|
12697
12704
|
if (!bordered) return;
|
|
12698
|
-
return css(_templateObject7$
|
|
12705
|
+
return css(_templateObject7$4 || (_templateObject7$4 = _taggedTemplateLiteralLoose(["\n ", " {\n :not(:last-child) {\n border-bottom: 1px solid\n ", ";\n }\n }\n "])), Option, function (_ref10) {
|
|
12699
12706
|
var theme = _ref10.theme;
|
|
12700
12707
|
return theme.getColor('greyishBlue', 10);
|
|
12701
12708
|
});
|
|
@@ -12743,82 +12750,88 @@ var MenuComponent = function MenuComponent(props, ref) {
|
|
|
12743
12750
|
inner: innerContent,
|
|
12744
12751
|
spacing: scrollSpacing,
|
|
12745
12752
|
loading: loading
|
|
12746
|
-
},
|
|
12747
|
-
|
|
12748
|
-
|
|
12749
|
-
|
|
12750
|
-
caret = _option.caret,
|
|
12751
|
-
data = _option.data;
|
|
12752
|
-
|
|
12753
|
-
var closeMenu = keepOpen ? function () {} : close;
|
|
12754
|
-
var onClick;
|
|
12755
|
-
var disabled = option.disabled;
|
|
12756
|
-
|
|
12757
|
-
var OptionContent = function OptionContent(_ref) {
|
|
12758
|
-
var children = _ref.children;
|
|
12759
|
-
return children;
|
|
12760
|
-
};
|
|
12753
|
+
}, function () {
|
|
12754
|
+
if (options.length === 0 && props.emptyContent) {
|
|
12755
|
+
return props.emptyContent;
|
|
12756
|
+
}
|
|
12761
12757
|
|
|
12762
|
-
|
|
12763
|
-
var
|
|
12764
|
-
|
|
12765
|
-
|
|
12766
|
-
|
|
12767
|
-
|
|
12758
|
+
return options.map(function (option, index) {
|
|
12759
|
+
var _option = _extends({}, option),
|
|
12760
|
+
delimiter = _option.delimiter,
|
|
12761
|
+
keepOpen = _option.keepOpen,
|
|
12762
|
+
caret = _option.caret,
|
|
12763
|
+
data = _option.data;
|
|
12768
12764
|
|
|
12769
|
-
|
|
12770
|
-
|
|
12765
|
+
var closeMenu = keepOpen ? function () {} : close;
|
|
12766
|
+
var onClick;
|
|
12767
|
+
var disabled = option.disabled;
|
|
12771
12768
|
|
|
12772
|
-
|
|
12773
|
-
|
|
12769
|
+
var OptionContent = function OptionContent(_ref) {
|
|
12770
|
+
var children = _ref.children;
|
|
12771
|
+
return children;
|
|
12772
|
+
};
|
|
12774
12773
|
|
|
12775
|
-
|
|
12776
|
-
|
|
12777
|
-
|
|
12778
|
-
|
|
12779
|
-
|
|
12780
|
-
|
|
12781
|
-
|
|
12782
|
-
|
|
12783
|
-
|
|
12784
|
-
on: 'click',
|
|
12785
|
-
position: 'top left',
|
|
12786
|
-
inverted: true,
|
|
12787
|
-
wide: true
|
|
12788
|
-
}, rule, {
|
|
12789
|
-
trigger: React__default.createElement("div", null, children)
|
|
12790
|
-
}));
|
|
12791
|
-
};
|
|
12792
|
-
}
|
|
12793
|
-
}
|
|
12794
|
-
}
|
|
12774
|
+
if (!disabled) {
|
|
12775
|
+
var rule = (option.rules || []).map(function (rule) {
|
|
12776
|
+
return rule(index, data);
|
|
12777
|
+
}).find(function (result) {
|
|
12778
|
+
return result !== true;
|
|
12779
|
+
});
|
|
12780
|
+
|
|
12781
|
+
if (rule === true || rule === undefined) {
|
|
12782
|
+
var _onClick = option.onClick || function () {};
|
|
12795
12783
|
|
|
12796
|
-
|
|
12797
|
-
|
|
12798
|
-
|
|
12799
|
-
|
|
12800
|
-
|
|
12784
|
+
onClick = function onClick(e) {
|
|
12785
|
+
_onClick(index, option, e);
|
|
12786
|
+
|
|
12787
|
+
closeMenu();
|
|
12788
|
+
};
|
|
12789
|
+
} else {
|
|
12790
|
+
disabled = true;
|
|
12791
|
+
|
|
12792
|
+
if (rule !== false) {
|
|
12793
|
+
OptionContent = function OptionContent(_ref2) {
|
|
12794
|
+
var children = _ref2.children;
|
|
12795
|
+
return React__default.createElement(Popup, Object.assign({
|
|
12796
|
+
on: 'click',
|
|
12797
|
+
position: 'top left',
|
|
12798
|
+
inverted: true,
|
|
12799
|
+
wide: true
|
|
12800
|
+
}, rule, {
|
|
12801
|
+
trigger: React__default.createElement("div", null, children)
|
|
12802
|
+
}));
|
|
12803
|
+
};
|
|
12804
|
+
}
|
|
12805
|
+
}
|
|
12806
|
+
}
|
|
12807
|
+
|
|
12808
|
+
OptionContent.displayName = 'OptionContent';
|
|
12809
|
+
var label = option.label;
|
|
12810
|
+
var labelOptions = filterObject(option, ['onClick', 'label', 'rules']);
|
|
12811
|
+
labelOptions.disabled = disabled;
|
|
12812
|
+
var LabelComponent = typeof label === 'function' ? label : function () {
|
|
12813
|
+
return React__default.createElement(React__default.Fragment, {
|
|
12814
|
+
children: label
|
|
12815
|
+
});
|
|
12816
|
+
};
|
|
12801
12817
|
return React__default.createElement(React__default.Fragment, {
|
|
12802
|
-
|
|
12803
|
-
}
|
|
12804
|
-
|
|
12805
|
-
|
|
12806
|
-
|
|
12807
|
-
|
|
12808
|
-
|
|
12809
|
-
|
|
12810
|
-
|
|
12811
|
-
|
|
12812
|
-
|
|
12813
|
-
|
|
12814
|
-
width: '14px'
|
|
12815
|
-
}) : null)), delimiter && React__default.createElement(Delimiter, null));
|
|
12816
|
-
})), children));
|
|
12818
|
+
key: index
|
|
12819
|
+
}, React__default.createElement(OptionContent, null, React__default.createElement(Option, {
|
|
12820
|
+
onClick: onClick,
|
|
12821
|
+
disabled: disabled,
|
|
12822
|
+
border: option.border
|
|
12823
|
+
}, React__default.createElement("div", null, React__default.createElement(LabelComponent, Object.assign({}, option))), caret ? React__default.createElement(Icon, {
|
|
12824
|
+
type: 'semantic',
|
|
12825
|
+
icon: 'caret right',
|
|
12826
|
+
width: '14px'
|
|
12827
|
+
}) : null)), delimiter && React__default.createElement(Delimiter, null));
|
|
12828
|
+
});
|
|
12829
|
+
}()), children));
|
|
12817
12830
|
};
|
|
12818
12831
|
|
|
12819
12832
|
var Menu = React__default.forwardRef(MenuComponent);
|
|
12820
12833
|
|
|
12821
|
-
var _templateObject$9, _templateObject2$8, _templateObject3$8, _templateObject4$7, _templateObject5$6, _templateObject6$
|
|
12834
|
+
var _templateObject$9, _templateObject2$8, _templateObject3$8, _templateObject4$7, _templateObject5$6, _templateObject6$5, _templateObject7$5, _templateObject8$4, _templateObject9$4;
|
|
12822
12835
|
var Container$3 = styled.div(_templateObject$9 || (_templateObject$9 = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: ", ";\n background-color: ", ";\n position: relative;\n\n ", ";\n"])), function (_ref) {
|
|
12823
12836
|
var theme = _ref.theme;
|
|
12824
12837
|
return theme.spacings.s3;
|
|
@@ -12845,14 +12858,14 @@ var AbsoluteContainer$1 = styled(AbsoluteContainer)(_templateObject5$6 || (_temp
|
|
|
12845
12858
|
var theme = _ref7.theme;
|
|
12846
12859
|
return theme.spacings.s3 + " " + theme.spacings.s3 + " " + theme.spacings.s1 + " " + theme.spacings.s3;
|
|
12847
12860
|
});
|
|
12848
|
-
var MonthContainer = styled.div(_templateObject6$
|
|
12861
|
+
var MonthContainer = styled.div(_templateObject6$5 || (_templateObject6$5 = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: ", ";\n > div {\n margin: ", " 0;\n flex: 1;\n position: relative;\n }\n"])), function (_ref8) {
|
|
12849
12862
|
var theme = _ref8.theme;
|
|
12850
12863
|
return theme.spacings.s1;
|
|
12851
12864
|
}, function (_ref9) {
|
|
12852
12865
|
var theme = _ref9.theme;
|
|
12853
12866
|
return theme.spacings.s1;
|
|
12854
12867
|
});
|
|
12855
|
-
var MonthBtn = styled.div(_templateObject7$
|
|
12868
|
+
var MonthBtn = styled.div(_templateObject7$5 || (_templateObject7$5 = _taggedTemplateLiteralLoose(["\n ", ";\n line-height: ", ";\n color: ", ";\n text-align: center;\n display: flex;\n justify-content: center;\n align-items: center;\n gap: ", ";\n\n ", "\n"])), function (_ref10) {
|
|
12856
12869
|
var theme = _ref10.theme;
|
|
12857
12870
|
return theme.useTypography('p');
|
|
12858
12871
|
}, function (_ref11) {
|
|
@@ -12972,7 +12985,7 @@ var Indicator = function Indicator(props) {
|
|
|
12972
12985
|
}, props)));
|
|
12973
12986
|
};
|
|
12974
12987
|
|
|
12975
|
-
var _templateObject$b, _templateObject2$a, _templateObject3$9, _templateObject4$8, _templateObject5$7, _templateObject6$
|
|
12988
|
+
var _templateObject$b, _templateObject2$a, _templateObject3$9, _templateObject4$8, _templateObject5$7, _templateObject6$6, _templateObject7$6, _templateObject8$5, _templateObject9$5, _templateObject10$4, _templateObject11$2;
|
|
12976
12989
|
var Footer = styled.div(_templateObject$b || (_templateObject$b = _taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n\n > button:last-child {\n margin-left: auto;\n }\n"])));
|
|
12977
12990
|
var WeekContainer = styled.div(_templateObject2$a || (_templateObject2$a = _taggedTemplateLiteralLoose(["\n width: 100%;\n display: flex;\n\n :not(:first-child) {\n border-top: 1px solid ", ";\n }\n\n > * {\n font-family: ", ";\n font-size: ", ";\n line-height: ", ";\n width: 32px;\n height: 32px;\n\n color: ", ";\n box-shadow: none;\n\n display: flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n\n border: 1px solid transparent;\n :not(:last-child) {\n border-right-color: ", ";\n }\n }\n"])), function (_ref) {
|
|
12978
12991
|
var theme = _ref.theme;
|
|
@@ -13006,9 +13019,9 @@ var DayContainer = styled.button(_templateObject4$8 || (_templateObject4$8 = _ta
|
|
|
13006
13019
|
};
|
|
13007
13020
|
|
|
13008
13021
|
if (appearance === 'disabled') {
|
|
13009
|
-
return css(_templateObject6$
|
|
13022
|
+
return css(_templateObject6$6 || (_templateObject6$6 = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n "])), theme.getColor('greyishBlue', 10));
|
|
13010
13023
|
} else if (appearance === 'highlight') {
|
|
13011
|
-
return css(_templateObject7$
|
|
13024
|
+
return css(_templateObject7$6 || (_templateObject7$6 = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n ", "\n "])), theme.getColor('blue', 30), hover('blue'));
|
|
13012
13025
|
} else if (appearance === 'active') {
|
|
13013
13026
|
return css(_templateObject8$5 || (_templateObject8$5 = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n color: ", ";\n :not(:last-child) {\n border-right-color: ", ";\n }\n ", "\n "])), theme.colors.blue, theme.colors.white, function (_ref9) {
|
|
13014
13027
|
var theme = _ref9.theme;
|
|
@@ -13604,7 +13617,7 @@ var getTimeProps = function getTimeProps(time, value) {
|
|
|
13604
13617
|
});
|
|
13605
13618
|
};
|
|
13606
13619
|
|
|
13607
|
-
var _templateObject$e, _templateObject2$b, _templateObject3$a, _templateObject4$9, _templateObject5$8, _templateObject6$
|
|
13620
|
+
var _templateObject$e, _templateObject2$b, _templateObject3$a, _templateObject4$9, _templateObject5$8, _templateObject6$7, _templateObject7$7, _templateObject8$6, _templateObject9$6, _templateObject10$5, _templateObject11$3, _templateObject12$2;
|
|
13608
13621
|
var Button = styled.button(_templateObject$e || (_templateObject$e = _taggedTemplateLiteralLoose(["\n padding: 0\n ", ";\n font-family: 'Lato', sans-serif;\n font-weight: ", ";\n border-radius: 4px;\n position: relative;\n user-select: none;\n\n ", ";\n\n ", ";\n\n color: ", ";\n\n :disabled {\n ", "\n }\n\n :hover {\n cursor: ", ";\n\n ", "\n }\n\n :active {\n ", ";\n }\n\n ", "\n"])), function (_ref) {
|
|
13609
13622
|
var theme = _ref.theme,
|
|
13610
13623
|
appearance = _ref.appearance;
|
|
@@ -13660,9 +13673,9 @@ var Button = styled.button(_templateObject$e || (_templateObject$e = _taggedTemp
|
|
|
13660
13673
|
theme = _ref8.theme;
|
|
13661
13674
|
|
|
13662
13675
|
if (appearance === 'bordered') {
|
|
13663
|
-
return css(_templateObject6$
|
|
13676
|
+
return css(_templateObject6$7 || (_templateObject6$7 = _taggedTemplateLiteralLoose(["\n color: ", ";\n border: 1px solid ", ";\n "])), theme.getColor(color || 'blue', 70), theme.getColor(color || 'blue', 70));
|
|
13664
13677
|
} else if (['link', 'bordeless'].includes(appearance)) {
|
|
13665
|
-
return css(_templateObject7$
|
|
13678
|
+
return css(_templateObject7$7 || (_templateObject7$7 = _taggedTemplateLiteralLoose(["\n color: ", ";\n "])), theme.colors.blue);
|
|
13666
13679
|
}
|
|
13667
13680
|
|
|
13668
13681
|
return css(_templateObject8$6 || (_templateObject8$6 = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n border-color: ", ";\n "])), theme.getColor(color || 'blue', 70), theme.getColor(color || 'blue', 70));
|
|
@@ -14395,7 +14408,7 @@ var useSelect = function useSelect(props) {
|
|
|
14395
14408
|
menu: {
|
|
14396
14409
|
itemSpacing: 's3',
|
|
14397
14410
|
before: React__default.createElement(Header$1, null),
|
|
14398
|
-
maxHeight: '180px'
|
|
14411
|
+
maxHeight: props.maxHeight || '180px'
|
|
14399
14412
|
},
|
|
14400
14413
|
getContext: function getContext(base, children) {
|
|
14401
14414
|
return React__default.createElement(Provider.Provider, {
|
|
@@ -14420,7 +14433,9 @@ var useContext$1 = function useContext() {
|
|
|
14420
14433
|
|
|
14421
14434
|
var Footer$1 = function Footer() {
|
|
14422
14435
|
var context = useContext$1();
|
|
14423
|
-
var
|
|
14436
|
+
var _context$props = context.props,
|
|
14437
|
+
value = _context$props.value,
|
|
14438
|
+
setValue = _context$props.setValue,
|
|
14424
14439
|
_context$checked = context.checked,
|
|
14425
14440
|
checked = _context$checked[0],
|
|
14426
14441
|
setOpen = context.setOpen;
|
|
@@ -14430,13 +14445,17 @@ var Footer$1 = function Footer() {
|
|
|
14430
14445
|
setOpen(false);
|
|
14431
14446
|
};
|
|
14432
14447
|
|
|
14448
|
+
var isDirty = checked.length !== value.length || checked.some(function (e) {
|
|
14449
|
+
return !value.includes(e);
|
|
14450
|
+
});
|
|
14433
14451
|
return React__default.createElement(Button$1, {
|
|
14434
14452
|
type: 'button',
|
|
14435
14453
|
content: 'Aplicar',
|
|
14436
14454
|
onClick: onClick,
|
|
14437
14455
|
style: {
|
|
14438
14456
|
marginRight: '-3.5px'
|
|
14439
|
-
}
|
|
14457
|
+
},
|
|
14458
|
+
disabled: !isDirty
|
|
14440
14459
|
});
|
|
14441
14460
|
};
|
|
14442
14461
|
|
|
@@ -14617,7 +14636,7 @@ var useSelectMultiple = function useSelectMultiple(props) {
|
|
|
14617
14636
|
itemSpacing: undefined,
|
|
14618
14637
|
before: React__default.createElement(Header$2, null),
|
|
14619
14638
|
after: React__default.createElement(Footer$1, null),
|
|
14620
|
-
maxHeight: props.selectAll ? '269px' : '224px'
|
|
14639
|
+
maxHeight: props.maxHeight || (props.selectAll ? '269px' : '224px')
|
|
14621
14640
|
},
|
|
14622
14641
|
getContext: function getContext(base, children) {
|
|
14623
14642
|
return React__default.createElement(Provider$1.Provider, {
|
|
@@ -14635,11 +14654,15 @@ var useSelectMultiple = function useSelectMultiple(props) {
|
|
|
14635
14654
|
return returnData;
|
|
14636
14655
|
};
|
|
14637
14656
|
|
|
14638
|
-
var _templateObject$l, _templateObject2$g;
|
|
14657
|
+
var _templateObject$l, _templateObject2$g, _templateObject3$d;
|
|
14639
14658
|
var RelativeContainer$2 = styled.div(_templateObject$l || (_templateObject$l = _taggedTemplateLiteralLoose(["\n position: relative;\n ", ";\n"])), function (_ref) {
|
|
14640
14659
|
var width = _ref.width;
|
|
14641
14660
|
return !width ? null : css(_templateObject2$g || (_templateObject2$g = _taggedTemplateLiteralLoose(["\n width: ", ";\n "])), width);
|
|
14642
14661
|
});
|
|
14662
|
+
var EmptyContentContainer = styled.div(_templateObject3$d || (_templateObject3$d = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: center;\n padding: ", ";\n"])), function (_ref2) {
|
|
14663
|
+
var theme = _ref2.theme;
|
|
14664
|
+
return theme.spacings.s3;
|
|
14665
|
+
});
|
|
14643
14666
|
|
|
14644
14667
|
var Select = React__default.forwardRef(function (props, ref) {
|
|
14645
14668
|
var position = props.position,
|
|
@@ -14810,7 +14833,10 @@ var Select = React__default.forwardRef(function (props, ref) {
|
|
|
14810
14833
|
properties: {
|
|
14811
14834
|
'max-height': {}
|
|
14812
14835
|
}
|
|
14813
|
-
}
|
|
14836
|
+
},
|
|
14837
|
+
emptyContent: props.emptyContent || React__default.createElement(EmptyContentContainer, {
|
|
14838
|
+
children: "Nenhuma op\xE7\xE3o encontrada"
|
|
14839
|
+
})
|
|
14814
14840
|
}))));
|
|
14815
14841
|
});
|
|
14816
14842
|
Select.displayName = 'Select';
|
|
@@ -15055,10 +15081,10 @@ var countries = {
|
|
|
15055
15081
|
}
|
|
15056
15082
|
};
|
|
15057
15083
|
|
|
15058
|
-
var _templateObject$n, _templateObject2$i, _templateObject3$
|
|
15084
|
+
var _templateObject$n, _templateObject2$i, _templateObject3$e;
|
|
15059
15085
|
var IconContainer$1 = styled.div(_templateObject$n || (_templateObject$n = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n\n > i.icon {\n margin-top: -1px;\n }\n"])));
|
|
15060
15086
|
var RelativeContainer$3 = styled.div(_templateObject2$i || (_templateObject2$i = _taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
15061
|
-
var Label$3 = styled.div(_templateObject3$
|
|
15087
|
+
var Label$3 = styled.div(_templateObject3$e || (_templateObject3$e = _taggedTemplateLiteralLoose(["\n ", "\n\n color: ", ";\n\n display: flex;\n gap: ", ";\n\n > span {\n color: ", ";\n }\n"])), function (_ref) {
|
|
15062
15088
|
var theme = _ref.theme;
|
|
15063
15089
|
return theme.useTypography('p');
|
|
15064
15090
|
}, function (_ref2) {
|
|
@@ -15234,7 +15260,7 @@ var Phone = Object.assign(Component, {
|
|
|
15234
15260
|
getPhoneDetails: getPhoneDetails
|
|
15235
15261
|
});
|
|
15236
15262
|
|
|
15237
|
-
var _templateObject$o, _templateObject2$j, _templateObject3$
|
|
15263
|
+
var _templateObject$o, _templateObject2$j, _templateObject3$f, _templateObject4$b, _templateObject5$9, _templateObject6$8, _templateObject7$8, _templateObject8$7, _templateObject9$7;
|
|
15238
15264
|
var RelativeContainer$4 = styled.div(_templateObject$o || (_templateObject$o = _taggedTemplateLiteralLoose(["\n position: relative;\n\n input {\n color: transparent;\n }\n"])));
|
|
15239
15265
|
var LabelContainer$2 = styled.div(_templateObject2$j || (_templateObject2$j = _taggedTemplateLiteralLoose(["\n ", "\n line-height: ", ";\n"])), function (_ref) {
|
|
15240
15266
|
var theme = _ref.theme;
|
|
@@ -15243,7 +15269,7 @@ var LabelContainer$2 = styled.div(_templateObject2$j || (_templateObject2$j = _t
|
|
|
15243
15269
|
var theme = _ref2.theme;
|
|
15244
15270
|
return theme.spacings.s3;
|
|
15245
15271
|
});
|
|
15246
|
-
var Container$5 = styled.div(_templateObject3$
|
|
15272
|
+
var Container$5 = styled.div(_templateObject3$f || (_templateObject3$f = _taggedTemplateLiteralLoose(["\n position: absolute;\n bottom: 1px;\n left: 1px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n border-radius: 4px;\n\n ", "\n\n ", "\n\n ", "\n"])), function (_ref3) {
|
|
15247
15273
|
var theme = _ref3.theme,
|
|
15248
15274
|
iconWidth = _ref3.iconWidth,
|
|
15249
15275
|
paddingless = _ref3.paddingless;
|
|
@@ -15257,11 +15283,11 @@ var Container$5 = styled.div(_templateObject3$e || (_templateObject3$e = _tagged
|
|
|
15257
15283
|
var invalid = _ref4.invalid,
|
|
15258
15284
|
theme = _ref4.theme;
|
|
15259
15285
|
if (!invalid) return;
|
|
15260
|
-
return css(_templateObject6$
|
|
15286
|
+
return css(_templateObject6$8 || (_templateObject6$8 = _taggedTemplateLiteralLoose(["\n color: ", ";\n "])), theme.colors.warningRed);
|
|
15261
15287
|
}, function (_ref5) {
|
|
15262
15288
|
var disabled = _ref5.disabled;
|
|
15263
15289
|
if (!disabled) return;
|
|
15264
|
-
return css(_templateObject7$
|
|
15290
|
+
return css(_templateObject7$8 || (_templateObject7$8 = _taggedTemplateLiteralLoose(["\n opacity: 0.5;\n "])));
|
|
15265
15291
|
});
|
|
15266
15292
|
var Button$3 = styled.button(_templateObject8$7 || (_templateObject8$7 = _taggedTemplateLiteralLoose(["\n display: flex;\n background-color: transparent;\n border: none;\n padding: 0;\n box-shadow: none;\n\n ", ";\n"])), function (_ref6) {
|
|
15267
15293
|
var onClick = _ref6.onClick;
|
|
@@ -15381,7 +15407,7 @@ var DatePicker = React__default.forwardRef(function (props, ref) {
|
|
|
15381
15407
|
});
|
|
15382
15408
|
DatePicker.displayName = 'DatePicker';
|
|
15383
15409
|
|
|
15384
|
-
var _templateObject$p, _templateObject2$k, _templateObject3$
|
|
15410
|
+
var _templateObject$p, _templateObject2$k, _templateObject3$g, _templateObject4$c, _templateObject5$a, _templateObject6$9, _templateObject7$9;
|
|
15385
15411
|
var LabelContainer$3 = styled.div(_templateObject$p || (_templateObject$p = _taggedTemplateLiteralLoose(["\n ", "\n line-height: 14px;\n display: flex;\n align-items: center;\n\n ", "\n"])), function (_ref) {
|
|
15386
15412
|
var theme = _ref.theme;
|
|
15387
15413
|
return theme.useTypography('p');
|
|
@@ -15390,7 +15416,7 @@ var LabelContainer$3 = styled.div(_templateObject$p || (_templateObject$p = _tag
|
|
|
15390
15416
|
if (!required) return;
|
|
15391
15417
|
return css(_templateObject2$k || (_templateObject2$k = _taggedTemplateLiteralLoose(["\n :after {\n content: '*';\n }\n "])));
|
|
15392
15418
|
});
|
|
15393
|
-
var Label$4 = styled.label(_templateObject3$
|
|
15419
|
+
var Label$4 = styled.label(_templateObject3$g || (_templateObject3$g = _taggedTemplateLiteralLoose(["\n display: flex;\n gap: ", ";\n position: relative;\n align-items: center;\n\n ", "\n\n ", "\n\n > input {\n position: absolute;\n height: 0%;\n width: 0%;\n opacity: 0;\n }\n\n > span {\n position: relative;\n width: 50px;\n height: calc(", " + 1px);\n background-color: ", ";\n border-radius: 20px;\n transition-property: background-color;\n transition-duration: 0.4s;\n transition-timing-function: ease-in-out;\n box-sizing: content-box;\n :before {\n content: '';\n transition-property: left;\n transition-duration: 0.4s;\n transition-timing-function: ease-in-out;\n position: absolute;\n border-width: 1px;\n border-style: solid;\n border-radius: 100%;\n left: 0;\n box-shadow: 0px 1px 3px ", ";\n width: calc(", " - 1px);\n height: calc(", " - 1px);\n background-color: ", ";\n }\n }\n\n > input:checked + span {\n :before {\n left: calc(100% - ", " - 1px);\n }\n }\n"])), function (_ref3) {
|
|
15394
15420
|
var theme = _ref3.theme;
|
|
15395
15421
|
return theme.spacings.s1;
|
|
15396
15422
|
}, function (_ref4) {
|
|
@@ -15405,7 +15431,7 @@ var Label$4 = styled.label(_templateObject3$f || (_templateObject3$f = _taggedTe
|
|
|
15405
15431
|
var invalid = _ref5.invalid;
|
|
15406
15432
|
|
|
15407
15433
|
if (!invalid) {
|
|
15408
|
-
return css(_templateObject6$
|
|
15434
|
+
return css(_templateObject6$9 || (_templateObject6$9 = _taggedTemplateLiteralLoose(["\n > span:before {\n border-color: ", ";\n }\n > input:checked + span {\n background-color: ", ";\n }\n "])), function (_ref6) {
|
|
15409
15435
|
var theme = _ref6.theme;
|
|
15410
15436
|
return theme.colors.lightGrey;
|
|
15411
15437
|
}, function (_ref7) {
|
|
@@ -15414,7 +15440,7 @@ var Label$4 = styled.label(_templateObject3$f || (_templateObject3$f = _taggedTe
|
|
|
15414
15440
|
});
|
|
15415
15441
|
}
|
|
15416
15442
|
|
|
15417
|
-
return css(_templateObject7$
|
|
15443
|
+
return css(_templateObject7$9 || (_templateObject7$9 = _taggedTemplateLiteralLoose(["\n > span:before {\n border-color: ", ";\n }\n > input:checked + span {\n background-color: ", ";\n }\n "])), function (_ref8) {
|
|
15418
15444
|
var theme = _ref8.theme;
|
|
15419
15445
|
return theme.colors.warningRed;
|
|
15420
15446
|
}, function (_ref9) {
|
|
@@ -15463,7 +15489,7 @@ var Switch = function Switch(props) {
|
|
|
15463
15489
|
})), React__default.createElement("span", null), label.after && React__default.createElement(LabelContainer$3, null, label.after));
|
|
15464
15490
|
};
|
|
15465
15491
|
|
|
15466
|
-
var _templateObject$q, _templateObject2$l, _templateObject3$
|
|
15492
|
+
var _templateObject$q, _templateObject2$l, _templateObject3$h, _templateObject4$d, _templateObject5$b, _templateObject6$a, _templateObject7$a, _templateObject8$8, _templateObject9$8, _templateObject10$6, _templateObject11$4, _templateObject12$3, _templateObject13$2, _templateObject14$2, _templateObject15$1, _templateObject16$1;
|
|
15467
15493
|
var bullet = css(_templateObject$q || (_templateObject$q = _taggedTemplateLiteralLoose(["\n appearance: none;\n width: ", ";\n height: ", ";\n border-radius: 100%;\n border-width: 1px;\n border-style: solid;\n background-color: ", ";\n box-shadow: 0px 1px 3px ", ";\n"])), function (_ref) {
|
|
15468
15494
|
var theme = _ref.theme;
|
|
15469
15495
|
return theme.spacings.s4;
|
|
@@ -15478,7 +15504,7 @@ var bullet = css(_templateObject$q || (_templateObject$q = _taggedTemplateLitera
|
|
|
15478
15504
|
return theme.getColor('black', 10);
|
|
15479
15505
|
});
|
|
15480
15506
|
var Input$2 = styled.input(_templateObject2$l || (_templateObject2$l = _taggedTemplateLiteralLoose(["\n appearance: none;\n width: 100%;\n height: 10px;\n background-color: transparent;\n outline: none;\n position: relative;\n z-index: 3;\n margin: 0;\n\n :not(:disabled) {\n cursor: pointer;\n }\n\n /** firefox */\n ::-moz-range-thumb {\n ", "\n }\n /** ie */\n ::-ms-thumb {\n ", "\n }\n /** chrome */\n ::-webkit-slider-thumb {\n ", "\n }\n"])), bullet, bullet, bullet);
|
|
15481
|
-
var Label$5 = styled.label(_templateObject3$
|
|
15507
|
+
var Label$5 = styled.label(_templateObject3$h || (_templateObject3$h = _taggedTemplateLiteralLoose(["\n ", ";\n line-height: 19px;\n\n width: ", ";\n box-sizing: border-box;\n display: block;\n position: relative;\n\n ", "\n\n > div:first-child {\n display: inline-block;\n margin-bottom: ", ";\n\n ", "\n }\n"])), function (_ref5) {
|
|
15482
15508
|
var theme = _ref5.theme;
|
|
15483
15509
|
return theme.useTypography('p');
|
|
15484
15510
|
}, function (_ref6) {
|
|
@@ -15496,12 +15522,12 @@ var Label$5 = styled.label(_templateObject3$g || (_templateObject3$g = _taggedTe
|
|
|
15496
15522
|
if (!required) return;
|
|
15497
15523
|
return css(_templateObject5$b || (_templateObject5$b = _taggedTemplateLiteralLoose(["\n :after {\n content: ' *';\n }\n "])));
|
|
15498
15524
|
});
|
|
15499
|
-
var InputContainer$1 = styled.div(_templateObject6$
|
|
15525
|
+
var InputContainer$1 = styled.div(_templateObject6$a || (_templateObject6$a = _taggedTemplateLiteralLoose(["\n flex: 1;\n display: flex;\n gap: 6px;\n\n > div {\n position: relative;\n }\n\n ", "\n"])), function (_ref10) {
|
|
15500
15526
|
var theme = _ref10.theme,
|
|
15501
15527
|
invalid = _ref10.invalid;
|
|
15502
15528
|
|
|
15503
15529
|
if (!invalid) {
|
|
15504
|
-
return css(_templateObject7$
|
|
15530
|
+
return css(_templateObject7$a || (_templateObject7$a = _taggedTemplateLiteralLoose(["\n ", " > span {\n background-color: ", ";\n }\n\n ", " {\n /** firefox */\n ::-moz-range-thumb {\n border-color: ", ";\n }\n /** ie */\n ::-ms-thumb {\n border-color: ", ";\n }\n /** chrome */\n ::-webkit-slider-thumb {\n border-color: ", ";\n }\n }\n "])), SelectedArea, theme.colors.blue, Input$2, theme.colors.lightestGrey, theme.colors.lightestGrey, theme.colors.lightestGrey);
|
|
15505
15531
|
}
|
|
15506
15532
|
|
|
15507
15533
|
return css(_templateObject8$8 || (_templateObject8$8 = _taggedTemplateLiteralLoose(["\n ", " > span {\n background-color: ", ";\n }\n\n ", " {\n /** firefox */\n ::-moz-range-thumb {\n border-color: ", ";\n }\n /** ie */\n ::-ms-thumb {\n border-color: ", ";\n }\n /** chrome */\n ::-webkit-slider-thumb {\n border-color: ", ";\n }\n }\n "])), SelectedArea, theme.colors.warningRed, Input$2, theme.colors.warningRed, theme.colors.warningRed, theme.colors.warningRed);
|
|
@@ -15682,7 +15708,7 @@ var Range = React__default.forwardRef(function (props, ref) {
|
|
|
15682
15708
|
});
|
|
15683
15709
|
Range.displayName = 'input';
|
|
15684
15710
|
|
|
15685
|
-
var _templateObject$r, _templateObject2$m, _templateObject3$
|
|
15711
|
+
var _templateObject$r, _templateObject2$m, _templateObject3$i, _templateObject4$e, _templateObject5$c, _templateObject6$b, _templateObject7$b;
|
|
15686
15712
|
var LabelContainer$4 = styled.div(_templateObject$r || (_templateObject$r = _taggedTemplateLiteralLoose(["\n ", "\n display: flex;\n align-items: center;\n"])), function (_ref) {
|
|
15687
15713
|
var theme = _ref.theme;
|
|
15688
15714
|
return theme.useTypography('p');
|
|
@@ -15694,7 +15720,7 @@ var Label$6 = styled.label(_templateObject2$m || (_templateObject2$m = _taggedTe
|
|
|
15694
15720
|
var disabled = _ref3.disabled;
|
|
15695
15721
|
|
|
15696
15722
|
if (!disabled) {
|
|
15697
|
-
return css(_templateObject3$
|
|
15723
|
+
return css(_templateObject3$i || (_templateObject3$i = _taggedTemplateLiteralLoose(["\n > span {\n cursor: pointer;\n }\n "])));
|
|
15698
15724
|
}
|
|
15699
15725
|
|
|
15700
15726
|
return css(_templateObject4$e || (_templateObject4$e = _taggedTemplateLiteralLoose(["\n opacity: 0.5;\n "])));
|
|
@@ -15706,7 +15732,7 @@ var Label$6 = styled.label(_templateObject2$m || (_templateObject2$m = _taggedTe
|
|
|
15706
15732
|
var invalid = _ref5.invalid;
|
|
15707
15733
|
|
|
15708
15734
|
if (!invalid) {
|
|
15709
|
-
return css(_templateObject6$
|
|
15735
|
+
return css(_templateObject6$b || (_templateObject6$b = _taggedTemplateLiteralLoose(["\n > span {\n border-color: ", ";\n :before {\n background-color: ", ";\n }\n }\n "])), function (_ref6) {
|
|
15710
15736
|
var theme = _ref6.theme;
|
|
15711
15737
|
return theme.colors.blue;
|
|
15712
15738
|
}, function (_ref7) {
|
|
@@ -15715,7 +15741,7 @@ var Label$6 = styled.label(_templateObject2$m || (_templateObject2$m = _taggedTe
|
|
|
15715
15741
|
});
|
|
15716
15742
|
}
|
|
15717
15743
|
|
|
15718
|
-
return css(_templateObject7$
|
|
15744
|
+
return css(_templateObject7$b || (_templateObject7$b = _taggedTemplateLiteralLoose(["\n > span {\n border-color: ", ";\n :before {\n background-color: ", ";\n }\n }\n "])), function (_ref8) {
|
|
15719
15745
|
var theme = _ref8.theme;
|
|
15720
15746
|
return theme.colors.warningRed;
|
|
15721
15747
|
}, function (_ref9) {
|
|
@@ -15925,56 +15951,63 @@ var parse = function parse(value) {
|
|
|
15925
15951
|
});
|
|
15926
15952
|
};
|
|
15927
15953
|
|
|
15928
|
-
var _templateObject$s, _templateObject2$n, _templateObject3$
|
|
15954
|
+
var _templateObject$s, _templateObject2$n, _templateObject3$j, _templateObject4$f, _templateObject5$d, _templateObject6$c, _templateObject7$c, _templateObject8$9, _templateObject9$9, _templateObject10$7, _templateObject11$5, _templateObject12$4;
|
|
15929
15955
|
var RelativeContainer$5 = styled.div(_templateObject$s || (_templateObject$s = _taggedTemplateLiteralLoose(["\n position: relative;\n user-select: none;\n min-width: 220px;\n\n > input,\n > label > input {\n color: transparent;\n background-color: transparent;\n width: 1px;\n height: 1px;\n position: absolute;\n left: 0;\n bottom: 0;\n border: 0;\n padding: 0;\n overflow: hidden;\n outline: none;\n box-shadow: none;\n }\n"])));
|
|
15930
|
-
var LabelContainer$5 = styled.div(_templateObject2$n || (_templateObject2$n = _taggedTemplateLiteralLoose(["\n ", "\n line-height: 17px;\n flex: 1;\n text-align: center;\n\n ", ";\n"])), function (_ref) {
|
|
15956
|
+
var LabelContainer$5 = styled.div(_templateObject2$n || (_templateObject2$n = _taggedTemplateLiteralLoose(["\n ", "\n line-height: 17px;\n flex: 1;\n\n :first-child {\n text-align: left;\n }\n :not(:first-child) {\n text-align: center;\n }\n\n ", "\n\n ", ";\n"])), function (_ref) {
|
|
15931
15957
|
var theme = _ref.theme;
|
|
15932
15958
|
return theme.useTypography('p');
|
|
15933
15959
|
}, function (_ref2) {
|
|
15934
|
-
var
|
|
15960
|
+
var children = _ref2.children;
|
|
15961
|
+
if (children) return;
|
|
15962
|
+
return css(_templateObject3$j || (_templateObject3$j = _taggedTemplateLiteralLoose(["\n :after {\n content: '--/--/-- (--:--) \xE0 --/--/-- (--:--)';\n color: ", ";\n }\n "])), function (_ref3) {
|
|
15963
|
+
var theme = _ref3.theme;
|
|
15964
|
+
return theme.colors.darkGrey;
|
|
15965
|
+
});
|
|
15966
|
+
}, function (_ref4) {
|
|
15967
|
+
var onClick = _ref4.onClick;
|
|
15935
15968
|
if (!onClick) return;
|
|
15936
|
-
return css(
|
|
15969
|
+
return css(_templateObject4$f || (_templateObject4$f = _taggedTemplateLiteralLoose(["\n :not(:disabled) {\n cursor: pointer;\n }\n "])));
|
|
15937
15970
|
});
|
|
15938
|
-
var Container$6 = styled.div(
|
|
15939
|
-
var theme =
|
|
15971
|
+
var Container$6 = styled.div(_templateObject5$d || (_templateObject5$d = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n border-radius: 4px;\n white-space: nowrap;\n gap: ", ";\n border-width: 1px;\n border-style: solid;\n border-color: ", ";\n\n width: 100%;\n\n ", ";\n\n ", "\n\n ", "\n"])), function (_ref5) {
|
|
15972
|
+
var theme = _ref5.theme;
|
|
15940
15973
|
return theme.spacings.s1;
|
|
15941
|
-
}, function (
|
|
15942
|
-
var theme =
|
|
15943
|
-
invalid =
|
|
15944
|
-
borderless =
|
|
15974
|
+
}, function (_ref6) {
|
|
15975
|
+
var theme = _ref6.theme,
|
|
15976
|
+
invalid = _ref6.invalid,
|
|
15977
|
+
borderless = _ref6.borderless;
|
|
15945
15978
|
if (borderless) return 'transparent';
|
|
15946
15979
|
return invalid ? theme.colors.warningRed : theme.colors.lightGrey;
|
|
15947
|
-
}, function (_ref5) {
|
|
15948
|
-
var theme = _ref5.theme,
|
|
15949
|
-
invalid = _ref5.invalid;
|
|
15950
|
-
|
|
15951
|
-
var _ref6 = invalid ? [theme.getColor('warningRed', 5), theme.colors.warningRed] : [theme.colors.white, theme.colors.darkBlue],
|
|
15952
|
-
bgColor = _ref6[0],
|
|
15953
|
-
color = _ref6[1];
|
|
15954
|
-
|
|
15955
|
-
return css(_templateObject5$d || (_templateObject5$d = _taggedTemplateLiteralLoose(["\n color: ", ";\n background-color: ", ";\n /** google chrome blue background */\n -webkit-box-shadow: 0 0 0px 1000px ", " inset !important;\n "])), color, bgColor, bgColor);
|
|
15956
15980
|
}, function (_ref7) {
|
|
15957
15981
|
var theme = _ref7.theme,
|
|
15958
|
-
|
|
15982
|
+
invalid = _ref7.invalid;
|
|
15983
|
+
|
|
15984
|
+
var _ref8 = invalid ? [theme.getColor('warningRed', 5), theme.colors.warningRed] : [theme.colors.white, theme.colors.darkBlue],
|
|
15985
|
+
bgColor = _ref8[0],
|
|
15986
|
+
color = _ref8[1];
|
|
15987
|
+
|
|
15988
|
+
return css(_templateObject6$c || (_templateObject6$c = _taggedTemplateLiteralLoose(["\n color: ", ";\n background-color: ", ";\n /** google chrome blue background */\n -webkit-box-shadow: 0 0 0px 1000px ", " inset !important;\n "])), color, bgColor, bgColor);
|
|
15989
|
+
}, function (_ref9) {
|
|
15990
|
+
var theme = _ref9.theme,
|
|
15991
|
+
paddingless = _ref9.paddingless;
|
|
15959
15992
|
if (paddingless) return;
|
|
15960
|
-
return css(
|
|
15961
|
-
}, function (
|
|
15962
|
-
var disabled =
|
|
15993
|
+
return css(_templateObject7$c || (_templateObject7$c = _taggedTemplateLiteralLoose(["\n padding: ", " ", " ", "\n ", ";\n "])), theme.spacings.s2, theme.spacings.s1, theme.spacings.s2, theme.spacings.s3);
|
|
15994
|
+
}, function (_ref10) {
|
|
15995
|
+
var disabled = _ref10.disabled;
|
|
15963
15996
|
if (!disabled) return;
|
|
15964
|
-
return css(
|
|
15997
|
+
return css(_templateObject8$9 || (_templateObject8$9 = _taggedTemplateLiteralLoose(["\n opacity: 0.5;\n "])));
|
|
15965
15998
|
});
|
|
15966
|
-
var Button$4 = styled.button(
|
|
15967
|
-
var onClick =
|
|
15999
|
+
var Button$4 = styled.button(_templateObject9$9 || (_templateObject9$9 = _taggedTemplateLiteralLoose(["\n display: flex;\n background-color: transparent;\n border: none;\n padding: 0;\n box-shadow: none;\n\n ", ";\n"])), function (_ref11) {
|
|
16000
|
+
var onClick = _ref11.onClick;
|
|
15968
16001
|
if (!onClick) return;
|
|
15969
|
-
return css(
|
|
16002
|
+
return css(_templateObject10$7 || (_templateObject10$7 = _taggedTemplateLiteralLoose(["\n :not(:disabled) {\n cursor: pointer;\n }\n "])));
|
|
15970
16003
|
});
|
|
15971
|
-
var LabelText$1 = styled.label(
|
|
15972
|
-
var theme =
|
|
16004
|
+
var LabelText$1 = styled.label(_templateObject11$5 || (_templateObject11$5 = _taggedTemplateLiteralLoose(["\n display: inline-block;\n margin-bottom: ", ";\n\n ", "\n"])), function (_ref12) {
|
|
16005
|
+
var theme = _ref12.theme;
|
|
15973
16006
|
return theme.spacings.s1;
|
|
15974
|
-
}, function (
|
|
15975
|
-
var required =
|
|
16007
|
+
}, function (_ref13) {
|
|
16008
|
+
var required = _ref13.required;
|
|
15976
16009
|
if (!required) return;
|
|
15977
|
-
return css(
|
|
16010
|
+
return css(_templateObject12$4 || (_templateObject12$4 = _taggedTemplateLiteralLoose(["\n :after {\n content: ' *';\n }\n "])));
|
|
15978
16011
|
});
|
|
15979
16012
|
|
|
15980
16013
|
var Component$1 = React__default.forwardRef(function (props, ref) {
|
|
@@ -16090,9 +16123,9 @@ var Component$1 = React__default.forwardRef(function (props, ref) {
|
|
|
16090
16123
|
}, function () {
|
|
16091
16124
|
var label = React__default.createElement(LabelContainer$5, {
|
|
16092
16125
|
onClick: onClick
|
|
16093
|
-
}, value.some(function (v) {
|
|
16126
|
+
}, !value.some(function (v) {
|
|
16094
16127
|
return !isDateInstance(v);
|
|
16095
|
-
})
|
|
16128
|
+
}) && config.label(value));
|
|
16096
16129
|
if (intervalType === 'custom') return label;
|
|
16097
16130
|
var incrementProps = getArrowProps('increment');
|
|
16098
16131
|
var decrementProps = getArrowProps('decrement');
|
|
@@ -16114,15 +16147,15 @@ var Component$1 = React__default.forwardRef(function (props, ref) {
|
|
|
16114
16147
|
icon: 'chevron_right',
|
|
16115
16148
|
color: props.invalid ? 'warningRed' : 'grey',
|
|
16116
16149
|
strokeWidth: '3px'
|
|
16117
|
-
})), React__default.createElement(Button$4, {
|
|
16118
|
-
onClick: onClick
|
|
16119
|
-
}, React__default.createElement(Icon, {
|
|
16120
|
-
type: 'feather',
|
|
16121
|
-
icon: 'calendar',
|
|
16122
|
-
color: props.invalid ? 'warningRed' : 'grey',
|
|
16123
|
-
width: '24px'
|
|
16124
16150
|
})));
|
|
16125
|
-
}()
|
|
16151
|
+
}(), React__default.createElement(Button$4, {
|
|
16152
|
+
onClick: onClick
|
|
16153
|
+
}, React__default.createElement(Icon, {
|
|
16154
|
+
type: 'feather',
|
|
16155
|
+
icon: 'calendar',
|
|
16156
|
+
color: props.invalid ? 'warningRed' : 'grey',
|
|
16157
|
+
width: '24px'
|
|
16158
|
+
}))), React__default.createElement(Menu, {
|
|
16126
16159
|
open: open === 'menu',
|
|
16127
16160
|
close: function close() {
|
|
16128
16161
|
return setOpen(null);
|
|
@@ -16305,7 +16338,7 @@ var Tag$1 = function Tag$1(props) {
|
|
|
16305
16338
|
})));
|
|
16306
16339
|
};
|
|
16307
16340
|
|
|
16308
|
-
var _templateObject$w, _templateObject2$p, _templateObject3$
|
|
16341
|
+
var _templateObject$w, _templateObject2$p, _templateObject3$k;
|
|
16309
16342
|
var Label$9 = styled.label(_templateObject$w || (_templateObject$w = _taggedTemplateLiteralLoose(["\n ", ";\n\n color: ", ";\n\n width: ", ";\n box-sizing: border-box;\n position: relative;\n display: block;\n\n ", "\n"])), function (_ref) {
|
|
16310
16343
|
var theme = _ref.theme;
|
|
16311
16344
|
return theme.useTypography('p');
|
|
@@ -16320,7 +16353,7 @@ var Label$9 = styled.label(_templateObject$w || (_templateObject$w = _taggedTemp
|
|
|
16320
16353
|
if (!disabled) return;
|
|
16321
16354
|
return css(_templateObject2$p || (_templateObject2$p = _taggedTemplateLiteralLoose(["\n opacity: 0.5;\n "])));
|
|
16322
16355
|
});
|
|
16323
|
-
var TagContainer = styled.div(_templateObject3$
|
|
16356
|
+
var TagContainer = styled.div(_templateObject3$k || (_templateObject3$k = _taggedTemplateLiteralLoose(["\n border-width: 1px;\n border-style: solid;\n border-color: ", ";\n border-radius: 4px;\n display: flex;\n flex-wrap: wrap;\n gap: calc(", " / 2);\n padding: ", ";\n"])), function (_ref5) {
|
|
16324
16357
|
var theme = _ref5.theme,
|
|
16325
16358
|
invalid = _ref5.invalid;
|
|
16326
16359
|
return theme.colors[invalid ? 'warningRed' : 'lightGrey'];
|
|
@@ -16802,7 +16835,7 @@ var Input$5 = Object.assign(Component$2, {
|
|
|
16802
16835
|
getPhoneDetails: Phone.getPhoneDetails
|
|
16803
16836
|
});
|
|
16804
16837
|
|
|
16805
|
-
var _templateObject$y, _templateObject2$q, _templateObject3$
|
|
16838
|
+
var _templateObject$y, _templateObject2$q, _templateObject3$l, _templateObject4$g;
|
|
16806
16839
|
var Container$7 = styled(AbsoluteContainer)(_templateObject$y || (_templateObject$y = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n\n > div {\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n\n > div {\n padding: ", ";\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n }\n }\n"])), function (_ref) {
|
|
16807
16840
|
var theme = _ref.theme;
|
|
16808
16841
|
return theme.colors.white;
|
|
@@ -16817,7 +16850,7 @@ var Header$3 = styled.div(_templateObject2$q || (_templateObject2$q = _taggedTem
|
|
|
16817
16850
|
var s3 = _ref4.theme.spacings.s3;
|
|
16818
16851
|
return "0 " + s3 + " " + s3 + " 0";
|
|
16819
16852
|
});
|
|
16820
|
-
var Title = styled.div(_templateObject3$
|
|
16853
|
+
var Title = styled.div(_templateObject3$l || (_templateObject3$l = _taggedTemplateLiteralLoose(["\n ", "\n color: ", ";\n"])), function (_ref5) {
|
|
16821
16854
|
var useTypography = _ref5.theme.useTypography;
|
|
16822
16855
|
return useTypography('p', {
|
|
16823
16856
|
fontWeight: 'bold'
|
|
@@ -16940,7 +16973,7 @@ var AppliedFiltersMenu = function AppliedFiltersMenu(props) {
|
|
|
16940
16973
|
}))));
|
|
16941
16974
|
};
|
|
16942
16975
|
|
|
16943
|
-
var _templateObject$z, _templateObject2$r, _templateObject3$
|
|
16976
|
+
var _templateObject$z, _templateObject2$r, _templateObject3$m;
|
|
16944
16977
|
var Container$8 = styled.div(_templateObject$z || (_templateObject$z = _taggedTemplateLiteralLoose(["\n display: flex;\n gap: ", ";\n align-items: center;\n color: ", ";\n\n ", "\n"])), function (_ref) {
|
|
16945
16978
|
var theme = _ref.theme;
|
|
16946
16979
|
return theme.spacings.s4;
|
|
@@ -16954,7 +16987,7 @@ var Container$8 = styled.div(_templateObject$z || (_templateObject$z = _taggedTe
|
|
|
16954
16987
|
return css(_templateObject2$r || (_templateObject2$r = _taggedTemplateLiteralLoose(["\n opacity: 0.3;\n pointer-events: none;\n "])));
|
|
16955
16988
|
}
|
|
16956
16989
|
|
|
16957
|
-
return css(_templateObject3$
|
|
16990
|
+
return css(_templateObject3$m || (_templateObject3$m = _taggedTemplateLiteralLoose(["\n cursor: pointer;\n "])));
|
|
16958
16991
|
});
|
|
16959
16992
|
|
|
16960
16993
|
var Button$5 = function Button(props) {
|
|
@@ -17002,19 +17035,19 @@ var AppliedFilters = Object.assign(function (props) {
|
|
|
17002
17035
|
Menu: AppliedFiltersMenu
|
|
17003
17036
|
});
|
|
17004
17037
|
|
|
17005
|
-
var _templateObject$A, _templateObject2$s, _templateObject3$
|
|
17038
|
+
var _templateObject$A, _templateObject2$s, _templateObject3$n, _templateObject4$h, _templateObject5$e, _templateObject6$d, _templateObject7$d, _templateObject8$a, _templateObject9$a, _templateObject10$8;
|
|
17006
17039
|
var Container$9 = styled.div(_templateObject$A || (_templateObject$A = _taggedTemplateLiteralLoose(["\n width: 100%;\n background: #fff;\n border: 1px solid #d4d4d5;\n border-radius: 4px;\n border-left-width: 5px;\n padding: 14px;\n ", "\n ", "\n ", "\n ", "\n\n ", "\n ", "\n ", "\n\n ", "\n ", "\n"])), function (props) {
|
|
17007
17040
|
return props.size === 'mini' && css(_templateObject2$s || (_templateObject2$s = _taggedTemplateLiteralLoose(["\n width: 394px;\n height: 99px;\n "])));
|
|
17008
17041
|
}, function (props) {
|
|
17009
|
-
return props.size === 'small' && css(_templateObject3$
|
|
17042
|
+
return props.size === 'small' && css(_templateObject3$n || (_templateObject3$n = _taggedTemplateLiteralLoose(["\n width: 394px;\n height: 131px;\n "])));
|
|
17010
17043
|
}, function (props) {
|
|
17011
17044
|
return props.size === 'medium' && css(_templateObject4$h || (_templateObject4$h = _taggedTemplateLiteralLoose(["\n width: 394px;\n "])));
|
|
17012
17045
|
}, function (props) {
|
|
17013
17046
|
return props.size === 'big' && css(_templateObject5$e || (_templateObject5$e = _taggedTemplateLiteralLoose(["\n width: 414px;\n height: 324px;\n "])));
|
|
17014
17047
|
}, function (props) {
|
|
17015
|
-
return props.borderType === 'info' && css(_templateObject6$
|
|
17048
|
+
return props.borderType === 'info' && css(_templateObject6$d || (_templateObject6$d = _taggedTemplateLiteralLoose(["\n border-left-color: #4d6dbe;\n "])));
|
|
17016
17049
|
}, function (props) {
|
|
17017
|
-
return props.borderType === 'success' && css(_templateObject7$
|
|
17050
|
+
return props.borderType === 'success' && css(_templateObject7$d || (_templateObject7$d = _taggedTemplateLiteralLoose(["\n border-left-color: #66bb6a;\n "])));
|
|
17018
17051
|
}, function (props) {
|
|
17019
17052
|
return props.borderType === 'warning' && css(_templateObject8$a || (_templateObject8$a = _taggedTemplateLiteralLoose(["\n border-left-color: #fbcb01;\n "])));
|
|
17020
17053
|
}, function (props) {
|
|
@@ -17438,7 +17471,7 @@ var useContext$2 = function useContext() {
|
|
|
17438
17471
|
return React__default.useContext(Provider$2);
|
|
17439
17472
|
};
|
|
17440
17473
|
|
|
17441
|
-
var _templateObject$D, _templateObject2$t, _templateObject3$
|
|
17474
|
+
var _templateObject$D, _templateObject2$t, _templateObject3$o, _templateObject4$i, _templateObject5$f, _templateObject6$e, _templateObject7$e, _templateObject8$b, _templateObject9$b, _templateObject10$9, _templateObject11$6, _templateObject12$5, _templateObject13$3, _templateObject14$3, _templateObject15$2;
|
|
17442
17475
|
var aligns = {
|
|
17443
17476
|
self: {
|
|
17444
17477
|
horizontal: {
|
|
@@ -17473,7 +17506,7 @@ var Col = styled.div(_templateObject$D || (_templateObject$D = _taggedTemplateLi
|
|
|
17473
17506
|
if (width === undefined) {
|
|
17474
17507
|
return css(_templateObject2$t || (_templateObject2$t = _taggedTemplateLiteralLoose(["\n flex-basis: 0;\n flex-grow: 1;\n max-width: 100%;\n width: 100%;\n "])));
|
|
17475
17508
|
} else if (width === 'auto') {
|
|
17476
|
-
return css(_templateObject3$
|
|
17509
|
+
return css(_templateObject3$o || (_templateObject3$o = _taggedTemplateLiteralLoose(["\n flex: 0 0 auto;\n width: auto;\n max-width: none;\n "])));
|
|
17477
17510
|
}
|
|
17478
17511
|
|
|
17479
17512
|
var w = parseFloat(width) * 100 / 12;
|
|
@@ -17495,13 +17528,13 @@ var Col = styled.div(_templateObject$D || (_templateObject$D = _taggedTemplateLi
|
|
|
17495
17528
|
if (align.self.horizontal !== undefined) {
|
|
17496
17529
|
var v = align.self.horizontal;
|
|
17497
17530
|
var a = aligns.self.horizontal;
|
|
17498
|
-
styles.push(css(_templateObject6$
|
|
17531
|
+
styles.push(css(_templateObject6$e || (_templateObject6$e = _taggedTemplateLiteralLoose(["\n justify-self: ", ";\n "])), a[v]));
|
|
17499
17532
|
}
|
|
17500
17533
|
|
|
17501
17534
|
if (align.self.vertical !== undefined) {
|
|
17502
17535
|
var _v = align.self.vertical;
|
|
17503
17536
|
var _a = aligns.self.vertical;
|
|
17504
|
-
styles.push(css(_templateObject7$
|
|
17537
|
+
styles.push(css(_templateObject7$e || (_templateObject7$e = _taggedTemplateLiteralLoose(["\n align-self: ", ";\n "])), _a[_v]));
|
|
17505
17538
|
}
|
|
17506
17539
|
}
|
|
17507
17540
|
|
|
@@ -17535,7 +17568,7 @@ var Col = styled.div(_templateObject$D || (_templateObject$D = _taggedTemplateLi
|
|
|
17535
17568
|
theme = _ref6.theme;
|
|
17536
17569
|
if (fontColor === undefined) return;
|
|
17537
17570
|
var c = Array.isArray(fontColor) ? theme.getColor.apply(theme, fontColor) : theme.colors[fontColor];
|
|
17538
|
-
return css(_templateObject12$
|
|
17571
|
+
return css(_templateObject12$5 || (_templateObject12$5 = _taggedTemplateLiteralLoose(["\n color: ", ";\n "])), c);
|
|
17539
17572
|
}, function (_ref7) {
|
|
17540
17573
|
var backgroundColor = _ref7.backgroundColor,
|
|
17541
17574
|
theme = _ref7.theme;
|
|
@@ -17572,7 +17605,7 @@ var useContext$3 = function useContext() {
|
|
|
17572
17605
|
return React__default.useContext(Provider$3);
|
|
17573
17606
|
};
|
|
17574
17607
|
|
|
17575
|
-
var _templateObject$E, _templateObject2$u, _templateObject3$
|
|
17608
|
+
var _templateObject$E, _templateObject2$u, _templateObject3$p;
|
|
17576
17609
|
var Grid = styled.div(_templateObject$E || (_templateObject$E = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n width: 100%;\n\n ", "\n\n ", "\n"])), function (_ref) {
|
|
17577
17610
|
var spacing = _ref.spacing;
|
|
17578
17611
|
if (spacing === undefined) return;
|
|
@@ -17582,7 +17615,7 @@ var Grid = styled.div(_templateObject$E || (_templateObject$E = _taggedTemplateL
|
|
|
17582
17615
|
var borderless = _ref2.borderless,
|
|
17583
17616
|
lightestGrey = _ref2.theme.colors.lightestGrey;
|
|
17584
17617
|
if (borderless) return;
|
|
17585
|
-
return css(_templateObject3$
|
|
17618
|
+
return css(_templateObject3$p || (_templateObject3$p = _taggedTemplateLiteralLoose(["\n border: 1px solid ", ";\n "])), lightestGrey);
|
|
17586
17619
|
});
|
|
17587
17620
|
|
|
17588
17621
|
var Grid$1 = function Grid$1(props) {
|
|
@@ -17597,7 +17630,7 @@ var Grid$1 = function Grid$1(props) {
|
|
|
17597
17630
|
}, React__default.createElement(Grid, Object.assign({}, gridProps)));
|
|
17598
17631
|
};
|
|
17599
17632
|
|
|
17600
|
-
var _templateObject$F, _templateObject2$v, _templateObject3$
|
|
17633
|
+
var _templateObject$F, _templateObject2$v, _templateObject3$q, _templateObject4$j, _templateObject5$g, _templateObject6$f, _templateObject7$f, _templateObject8$c, _templateObject9$c, _templateObject10$a;
|
|
17601
17634
|
var horizontalAligns = {
|
|
17602
17635
|
around: 'space-around',
|
|
17603
17636
|
between: 'space-between',
|
|
@@ -17618,7 +17651,7 @@ var Row = styled.div(_templateObject$F || (_templateObject$F = _taggedTemplateLi
|
|
|
17618
17651
|
}, function (_ref2) {
|
|
17619
17652
|
var spacingAround = _ref2.spacingAround;
|
|
17620
17653
|
if (spacingAround) return;
|
|
17621
|
-
return css(_templateObject3$
|
|
17654
|
+
return css(_templateObject3$q || (_templateObject3$q = _taggedTemplateLiteralLoose(["\n :first-child {\n padding-top: 0;\n }\n :last-child {\n padding-bottom: 0;\n }\n "])));
|
|
17622
17655
|
}, function (_ref3) {
|
|
17623
17656
|
var horizontalAlign = _ref3.horizontalAlign;
|
|
17624
17657
|
if (horizontalAlign === undefined) return;
|
|
@@ -17634,11 +17667,11 @@ var Row = styled.div(_templateObject$F || (_templateObject$F = _taggedTemplateLi
|
|
|
17634
17667
|
|
|
17635
17668
|
if (backgroundColor !== undefined) {
|
|
17636
17669
|
var c = Array.isArray(backgroundColor) ? theme.getColor.apply(theme, backgroundColor) : theme.colors[backgroundColor];
|
|
17637
|
-
return css(_templateObject6$
|
|
17670
|
+
return css(_templateObject6$f || (_templateObject6$f = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n "])), c);
|
|
17638
17671
|
}
|
|
17639
17672
|
|
|
17640
17673
|
if (striped === undefined) {
|
|
17641
|
-
return css(_templateObject7$
|
|
17674
|
+
return css(_templateObject7$f || (_templateObject7$f = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n "])), theme.colors.white);
|
|
17642
17675
|
}
|
|
17643
17676
|
|
|
17644
17677
|
var config = striped === true ? {
|
|
@@ -17725,13 +17758,13 @@ var widths = {
|
|
|
17725
17758
|
default: '642.5px'
|
|
17726
17759
|
};
|
|
17727
17760
|
|
|
17728
|
-
var _templateObject$G, _templateObject2$w, _templateObject3$
|
|
17761
|
+
var _templateObject$G, _templateObject2$w, _templateObject3$r, _templateObject4$k, _templateObject5$h, _templateObject6$g, _templateObject7$g, _templateObject8$d, _templateObject9$d, _templateObject10$b;
|
|
17729
17762
|
var Background = styled.div(_templateObject$G || (_templateObject$G = _taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n align-items: center;\n position: fixed;\n top: 0;\n left: 0;\n width: 100vw;\n height: 100vh;\n backdrop-filter: blur(3px);\n background-color: ", ";\n"])), function (_ref) {
|
|
17730
17763
|
var theme = _ref.theme;
|
|
17731
17764
|
return theme.getColor('black', 25);
|
|
17732
17765
|
});
|
|
17733
17766
|
var Content = styled.div(_templateObject2$w || (_templateObject2$w = _taggedTemplateLiteralLoose(["\n flex: 1;\n position: relative;\n"])));
|
|
17734
|
-
var Header$5 = styled.div(_templateObject3$
|
|
17767
|
+
var Header$5 = styled.div(_templateObject3$r || (_templateObject3$r = _taggedTemplateLiteralLoose(["\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n\n ", "\n"])), function (_ref2) {
|
|
17735
17768
|
var _ref2$theme = _ref2.theme,
|
|
17736
17769
|
colors = _ref2$theme.colors,
|
|
17737
17770
|
spacings = _ref2$theme.spacings,
|
|
@@ -17742,9 +17775,9 @@ var Footer$2 = styled.div(_templateObject5$h || (_templateObject5$h = _taggedTem
|
|
|
17742
17775
|
var _ref3$theme = _ref3.theme,
|
|
17743
17776
|
spacings = _ref3$theme.spacings,
|
|
17744
17777
|
colors = _ref3$theme.colors;
|
|
17745
|
-
return css(_templateObject6$
|
|
17778
|
+
return css(_templateObject6$g || (_templateObject6$g = _taggedTemplateLiteralLoose(["\n border-top: 1px solid ", ";\n padding: ", ";\n "])), colors.lightestGrey, spacings.s3);
|
|
17746
17779
|
});
|
|
17747
|
-
var FooterMessage = styled.div(_templateObject7$
|
|
17780
|
+
var FooterMessage = styled.div(_templateObject7$g || (_templateObject7$g = _taggedTemplateLiteralLoose(["\n max-width: 75%;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n\n span {\n font-size: 14px;\n color: ", ";\n }\n"])), function (_ref4) {
|
|
17748
17781
|
var theme = _ref4.theme;
|
|
17749
17782
|
return theme.getColor('darkBlue', 75);
|
|
17750
17783
|
});
|
|
@@ -17955,16 +17988,16 @@ var Modal$1 = Object.assign(Modal, {
|
|
|
17955
17988
|
Audit: Audit
|
|
17956
17989
|
});
|
|
17957
17990
|
|
|
17958
|
-
var _templateObject$K, _templateObject2$x, _templateObject3$
|
|
17991
|
+
var _templateObject$K, _templateObject2$x, _templateObject3$s, _templateObject4$l, _templateObject5$i, _templateObject6$h, _templateObject7$h, _templateObject8$e, _templateObject9$e, _templateObject10$c, _templateObject11$7;
|
|
17959
17992
|
var Container$c = styled.div(_templateObject$K || (_templateObject$K = _taggedTemplateLiteralLoose(["\n width: 100%;\n height: 300px;\n position: absolute;\n padding: 14px;\n"])));
|
|
17960
17993
|
var Header$6 = styled.div(_templateObject2$x || (_templateObject2$x = _taggedTemplateLiteralLoose(["\n display: flex;\n"])));
|
|
17961
|
-
var HeaderImage = styled.div(_templateObject3$
|
|
17994
|
+
var HeaderImage = styled.div(_templateObject3$s || (_templateObject3$s = _taggedTemplateLiteralLoose(["\n width: 43px;\n height: 44px;\n background-color: #ebebeb;\n"])));
|
|
17962
17995
|
var HeaderContent = styled.div(_templateObject4$l || (_templateObject4$l = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n flex: 1;\n"])));
|
|
17963
17996
|
var MainContent = styled.div(_templateObject5$i || (_templateObject5$i = _taggedTemplateLiteralLoose(["\n margin-top: 8px;\n"])));
|
|
17964
|
-
var HeaderLine = styled.div(_templateObject6$
|
|
17997
|
+
var HeaderLine = styled.div(_templateObject6$h || (_templateObject6$h = _taggedTemplateLiteralLoose(["\n height: ", ";\n background-color: #ebebeb;\n margin-left: 7px;\n\n & + div {\n margin-top: 14px;\n }\n\n ", "\n ", "\n\n ", "\n\n ", "\n"])), function (props) {
|
|
17965
17998
|
return props.height;
|
|
17966
17999
|
}, function (props) {
|
|
17967
|
-
return props.size === 'mini' && css(_templateObject7$
|
|
18000
|
+
return props.size === 'mini' && css(_templateObject7$h || (_templateObject7$h = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
|
|
17968
18001
|
}, function (props) {
|
|
17969
18002
|
return props.size === 'small' && css(_templateObject8$e || (_templateObject8$e = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
|
|
17970
18003
|
}, function (props) {
|
|
@@ -18007,27 +18040,27 @@ var Template1 = function Template1(props) {
|
|
|
18007
18040
|
})));
|
|
18008
18041
|
};
|
|
18009
18042
|
|
|
18010
|
-
var _templateObject$L, _templateObject2$y, _templateObject3$
|
|
18043
|
+
var _templateObject$L, _templateObject2$y, _templateObject3$t, _templateObject4$m, _templateObject5$j;
|
|
18011
18044
|
var HeaderLine$1 = styled.div(_templateObject$L || (_templateObject$L = _taggedTemplateLiteralLoose(["\n height: ", ";\n background-color: #ebebeb;\n margin-left: 7px;\n\n & + div {\n margin-top: 14px;\n }\n\n ", "\n ", "\n\n ", "\n\n ", "\n"])), function (props) {
|
|
18012
18045
|
return props.height;
|
|
18013
18046
|
}, function (props) {
|
|
18014
18047
|
return props.size === 'mini' && css(_templateObject2$y || (_templateObject2$y = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
|
|
18015
18048
|
}, function (props) {
|
|
18016
|
-
return props.size === 'small' && css(_templateObject3$
|
|
18049
|
+
return props.size === 'small' && css(_templateObject3$t || (_templateObject3$t = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
|
|
18017
18050
|
}, function (props) {
|
|
18018
18051
|
return props.size === 'medium' && css(_templateObject4$m || (_templateObject4$m = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
|
|
18019
18052
|
}, function (props) {
|
|
18020
18053
|
return props.size === 'large' && css(_templateObject5$j || (_templateObject5$j = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
|
|
18021
18054
|
});
|
|
18022
18055
|
|
|
18023
|
-
var _templateObject$M, _templateObject2$z, _templateObject3$
|
|
18056
|
+
var _templateObject$M, _templateObject2$z, _templateObject3$u, _templateObject4$n, _templateObject5$k, _templateObject6$i, _templateObject7$i, _templateObject8$f;
|
|
18024
18057
|
var Container$d = styled.div(_templateObject$M || (_templateObject$M = _taggedTemplateLiteralLoose(["\n width: 100%;\n max-height: 100%;\n position: absolute;\n padding: 14px;\n"])));
|
|
18025
18058
|
var Template2Container = styled(Container$d)(_templateObject2$z || (_templateObject2$z = _taggedTemplateLiteralLoose(["\n background: #fff;\n border: 2px solid #ebebeb;\n"])));
|
|
18026
|
-
var Header$7 = styled.div(_templateObject3$
|
|
18059
|
+
var Header$7 = styled.div(_templateObject3$u || (_templateObject3$u = _taggedTemplateLiteralLoose(["\n display: flex;\n"])));
|
|
18027
18060
|
var HeaderImage$1 = styled.div(_templateObject4$n || (_templateObject4$n = _taggedTemplateLiteralLoose(["\n width: 43px;\n height: 44px;\n background-color: #ebebeb;\n"])));
|
|
18028
18061
|
var HeaderContent$1 = styled.div(_templateObject5$k || (_templateObject5$k = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n flex: 1;\n"])));
|
|
18029
|
-
var MainContent$1 = styled.div(_templateObject6$
|
|
18030
|
-
var MainLine$1 = styled(HeaderLine$1)(_templateObject7$
|
|
18062
|
+
var MainContent$1 = styled.div(_templateObject6$i || (_templateObject6$i = _taggedTemplateLiteralLoose(["\n margin-top: 8px;\n"])));
|
|
18063
|
+
var MainLine$1 = styled(HeaderLine$1)(_templateObject7$i || (_templateObject7$i = _taggedTemplateLiteralLoose(["\n margin-bottom: 14px;\n margin-left: 0;\n"])));
|
|
18031
18064
|
var HeaderLine$2 = styled(HeaderLine$1)(_templateObject8$f || (_templateObject8$f = _taggedTemplateLiteralLoose([""])));
|
|
18032
18065
|
|
|
18033
18066
|
var Template2 = function Template2(props) {
|
|
@@ -18051,10 +18084,10 @@ var Template2 = function Template2(props) {
|
|
|
18051
18084
|
})));
|
|
18052
18085
|
};
|
|
18053
18086
|
|
|
18054
|
-
var _templateObject$N, _templateObject2$A, _templateObject3$
|
|
18087
|
+
var _templateObject$N, _templateObject2$A, _templateObject3$v;
|
|
18055
18088
|
var Container$e = styled.div(_templateObject$N || (_templateObject$N = _taggedTemplateLiteralLoose(["\n width: 100%;\n max-height: 100%;\n position: absolute;\n padding: 14px;\n"])));
|
|
18056
18089
|
var Template3Container = styled(Container$e)(_templateObject2$A || (_templateObject2$A = _taggedTemplateLiteralLoose([""])));
|
|
18057
|
-
var Template3Line = styled(HeaderLine$1)(_templateObject3$
|
|
18090
|
+
var Template3Line = styled(HeaderLine$1)(_templateObject3$v || (_templateObject3$v = _taggedTemplateLiteralLoose(["\n background-color: #dadada;\n height: ", ";\n"])), function (props) {
|
|
18058
18091
|
return props.height;
|
|
18059
18092
|
});
|
|
18060
18093
|
|
|
@@ -18083,20 +18116,20 @@ var Template3 = function Template3(props) {
|
|
|
18083
18116
|
}));
|
|
18084
18117
|
};
|
|
18085
18118
|
|
|
18086
|
-
var _templateObject$O, _templateObject2$B, _templateObject3$
|
|
18119
|
+
var _templateObject$O, _templateObject2$B, _templateObject3$w, _templateObject4$o, _templateObject5$l, _templateObject6$j, _templateObject7$j, _templateObject8$g;
|
|
18087
18120
|
var Container$f = styled.div(_templateObject$O || (_templateObject$O = _taggedTemplateLiteralLoose(["\n width: 100%;\n max-height: 100%;\n position: absolute;\n padding: 14px;\n"])));
|
|
18088
18121
|
var HeaderLine$3 = styled.div(_templateObject2$B || (_templateObject2$B = _taggedTemplateLiteralLoose(["\n height: ", ";\n background-color: #ebebeb;\n margin-left: 7px;\n\n & + div {\n margin-top: 14px;\n }\n\n ", "\n ", "\n\n ", "\n\n ", "\n"])), function (props) {
|
|
18089
18122
|
return props.height;
|
|
18090
18123
|
}, function (props) {
|
|
18091
|
-
return props.size === 'mini' && css(_templateObject3$
|
|
18124
|
+
return props.size === 'mini' && css(_templateObject3$w || (_templateObject3$w = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
|
|
18092
18125
|
}, function (props) {
|
|
18093
18126
|
return props.size === 'small' && css(_templateObject4$o || (_templateObject4$o = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
|
|
18094
18127
|
}, function (props) {
|
|
18095
18128
|
return props.size === 'medium' && css(_templateObject5$l || (_templateObject5$l = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
|
|
18096
18129
|
}, function (props) {
|
|
18097
|
-
return props.size === 'large' && css(_templateObject6$
|
|
18130
|
+
return props.size === 'large' && css(_templateObject6$j || (_templateObject6$j = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
|
|
18098
18131
|
});
|
|
18099
|
-
var Template4Container = styled(Container$f)(_templateObject7$
|
|
18132
|
+
var Template4Container = styled(Container$f)(_templateObject7$j || (_templateObject7$j = _taggedTemplateLiteralLoose(["\n border: 1px solid #e6e6e7;\n border-radius: 4px;\n"])));
|
|
18100
18133
|
var CustomLine = styled(HeaderLine$3)(_templateObject8$g || (_templateObject8$g = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n background-color: ", ";\n"])), function (props) {
|
|
18101
18134
|
return props.width;
|
|
18102
18135
|
}, function (props) {
|
|
@@ -18150,19 +18183,19 @@ var Template4 = function Template4(props) {
|
|
|
18150
18183
|
}));
|
|
18151
18184
|
};
|
|
18152
18185
|
|
|
18153
|
-
var _templateObject$P, _templateObject2$C, _templateObject3$
|
|
18186
|
+
var _templateObject$P, _templateObject2$C, _templateObject3$x, _templateObject4$p, _templateObject5$m, _templateObject6$k, _templateObject7$k, _templateObject8$h, _templateObject9$f;
|
|
18154
18187
|
var Container$g = styled.div(_templateObject$P || (_templateObject$P = _taggedTemplateLiteralLoose(["\n position: absolute;\n width: 746px;\n height: 169px;\n border: 1px solid #e6e6e7;\n border-radius: 4px;\n padding: 14px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n"])));
|
|
18155
18188
|
var Circle = styled.div(_templateObject2$C || (_templateObject2$C = _taggedTemplateLiteralLoose(["\n width: 141px;\n height: 141px;\n background-color: #dddedf;\n border-radius: 50%;\n"])));
|
|
18156
|
-
var HeaderLine$4 = styled.div(_templateObject3$
|
|
18189
|
+
var HeaderLine$4 = styled.div(_templateObject3$x || (_templateObject3$x = _taggedTemplateLiteralLoose(["\n height: ", ";\n background-color: #ebebeb;\n margin-left: 7px;\n\n & + div {\n margin-top: 14px;\n }\n\n ", "\n ", "\n\n ", "\n\n ", "\n"])), function (props) {
|
|
18157
18190
|
return props.height;
|
|
18158
18191
|
}, function (props) {
|
|
18159
18192
|
return props.size === 'mini' && css(_templateObject4$p || (_templateObject4$p = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
|
|
18160
18193
|
}, function (props) {
|
|
18161
18194
|
return props.size === 'small' && css(_templateObject5$m || (_templateObject5$m = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
|
|
18162
18195
|
}, function (props) {
|
|
18163
|
-
return props.size === 'medium' && css(_templateObject6$
|
|
18196
|
+
return props.size === 'medium' && css(_templateObject6$k || (_templateObject6$k = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
|
|
18164
18197
|
}, function (props) {
|
|
18165
|
-
return props.size === 'large' && css(_templateObject7$
|
|
18198
|
+
return props.size === 'large' && css(_templateObject7$k || (_templateObject7$k = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
|
|
18166
18199
|
});
|
|
18167
18200
|
var CustomLine$1 = styled(HeaderLine$4)(_templateObject8$h || (_templateObject8$h = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n background-color: ", ";\n"])), function (props) {
|
|
18168
18201
|
return props.width;
|
|
@@ -18198,18 +18231,18 @@ var Template5 = function Template5(props) {
|
|
|
18198
18231
|
})));
|
|
18199
18232
|
};
|
|
18200
18233
|
|
|
18201
|
-
var _templateObject$Q, _templateObject2$D, _templateObject3$
|
|
18234
|
+
var _templateObject$Q, _templateObject2$D, _templateObject3$y, _templateObject4$q, _templateObject5$n, _templateObject6$l, _templateObject7$l, _templateObject8$i, _templateObject9$g;
|
|
18202
18235
|
var Container$h = styled.div(_templateObject$Q || (_templateObject$Q = _taggedTemplateLiteralLoose(["\n width: 395px;\n\n display: flex;\n align-items: center;\n justify-content: space-between;\n background-color: #f5f5f5;\n"])));
|
|
18203
18236
|
var Header$8 = styled.div(_templateObject2$D || (_templateObject2$D = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding: 14px;\n"])));
|
|
18204
|
-
var Footer$3 = styled.div(_templateObject3$
|
|
18237
|
+
var Footer$3 = styled.div(_templateObject3$y || (_templateObject3$y = _taggedTemplateLiteralLoose(["\n width: 100%;\n border-top: 1px solid #b1b1b3;\n height: 50px;\n"])));
|
|
18205
18238
|
var HeaderLine$5 = styled.div(_templateObject4$q || (_templateObject4$q = _taggedTemplateLiteralLoose(["\n height: ", ";\n background-color: #ebebeb;\n margin-left: 7px;\n\n & + div {\n margin-top: 14px;\n }\n\n ", "\n ", "\n\n ", "\n\n ", "\n"])), function (props) {
|
|
18206
18239
|
return props.height;
|
|
18207
18240
|
}, function (props) {
|
|
18208
18241
|
return props.size === 'mini' && css(_templateObject5$n || (_templateObject5$n = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
|
|
18209
18242
|
}, function (props) {
|
|
18210
|
-
return props.size === 'small' && css(_templateObject6$
|
|
18243
|
+
return props.size === 'small' && css(_templateObject6$l || (_templateObject6$l = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
|
|
18211
18244
|
}, function (props) {
|
|
18212
|
-
return props.size === 'medium' && css(_templateObject7$
|
|
18245
|
+
return props.size === 'medium' && css(_templateObject7$l || (_templateObject7$l = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
|
|
18213
18246
|
}, function (props) {
|
|
18214
18247
|
return props.size === 'large' && css(_templateObject8$i || (_templateObject8$i = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
|
|
18215
18248
|
});
|
|
@@ -18241,19 +18274,19 @@ var Template6 = function Template6(props) {
|
|
|
18241
18274
|
})));
|
|
18242
18275
|
};
|
|
18243
18276
|
|
|
18244
|
-
var _templateObject$R, _templateObject2$E, _templateObject3$
|
|
18277
|
+
var _templateObject$R, _templateObject2$E, _templateObject3$z, _templateObject4$r, _templateObject5$o, _templateObject6$m, _templateObject7$m, _templateObject8$j, _templateObject9$h, _templateObject10$d;
|
|
18245
18278
|
var Container$i = styled.div(_templateObject$R || (_templateObject$R = _taggedTemplateLiteralLoose(["\n width: 395px;\n height: 110px;\n display: flex;\n flex-direction: column;\n align-items: center;\n background: #f5f5f5 0% 0% no-repeat padding-box;\n"])));
|
|
18246
18279
|
var Header$9 = styled.div(_templateObject2$E || (_templateObject2$E = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding: 14px;\n width: 100%;\n"])));
|
|
18247
|
-
var HeaderLine$6 = styled.div(_templateObject3$
|
|
18280
|
+
var HeaderLine$6 = styled.div(_templateObject3$z || (_templateObject3$z = _taggedTemplateLiteralLoose(["\n height: ", ";\n background-color: #ebebeb;\n margin-left: 7px;\n\n & + div {\n margin-top: 14px;\n }\n\n ", "\n ", "\n\n ", "\n\n ", "\n"])), function (props) {
|
|
18248
18281
|
return props.height;
|
|
18249
18282
|
}, function (props) {
|
|
18250
18283
|
return props.size === 'mini' && css(_templateObject4$r || (_templateObject4$r = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
|
|
18251
18284
|
}, function (props) {
|
|
18252
18285
|
return props.size === 'small' && css(_templateObject5$o || (_templateObject5$o = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
|
|
18253
18286
|
}, function (props) {
|
|
18254
|
-
return props.size === 'medium' && css(_templateObject6$
|
|
18287
|
+
return props.size === 'medium' && css(_templateObject6$m || (_templateObject6$m = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
|
|
18255
18288
|
}, function (props) {
|
|
18256
|
-
return props.size === 'large' && css(_templateObject7$
|
|
18289
|
+
return props.size === 'large' && css(_templateObject7$m || (_templateObject7$m = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
|
|
18257
18290
|
});
|
|
18258
18291
|
var CustomLine$3 = styled(HeaderLine$6)(_templateObject8$j || (_templateObject8$j = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n background-color: ", ";\n border: 1px solid #dedede5e;\n"])), function (props) {
|
|
18259
18292
|
return props.width;
|
|
@@ -18275,19 +18308,19 @@ var Template7 = function Template7(props) {
|
|
|
18275
18308
|
})), React__default.createElement(Main$2, null, React__default.createElement(Circle$1, null), React__default.createElement(Circle$1, null), React__default.createElement(Circle$1, null), React__default.createElement(Circle$1, null), React__default.createElement(Circle$1, null)));
|
|
18276
18309
|
};
|
|
18277
18310
|
|
|
18278
|
-
var _templateObject$S, _templateObject2$F, _templateObject3$
|
|
18311
|
+
var _templateObject$S, _templateObject2$F, _templateObject3$A, _templateObject4$s, _templateObject5$p, _templateObject6$n, _templateObject7$n, _templateObject8$k, _templateObject9$i;
|
|
18279
18312
|
var Container$j = styled.div(_templateObject$S || (_templateObject$S = _taggedTemplateLiteralLoose(["\n width: 395px;\n height: 110px;\n display: flex;\n flex-direction: column;\n align-items: center;\n background: #f5f5f5 0% 0% no-repeat padding-box;\n"])));
|
|
18280
18313
|
var Header$a = styled.div(_templateObject2$F || (_templateObject2$F = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding: 14px;\n width: 100%;\n"])));
|
|
18281
|
-
var HeaderLine$7 = styled.div(_templateObject3$
|
|
18314
|
+
var HeaderLine$7 = styled.div(_templateObject3$A || (_templateObject3$A = _taggedTemplateLiteralLoose(["\n height: ", ";\n background-color: #ebebeb;\n margin-left: 7px;\n\n & + div {\n margin-top: 14px;\n }\n\n ", "\n ", "\n\n ", "\n\n ", "\n"])), function (props) {
|
|
18282
18315
|
return props.height;
|
|
18283
18316
|
}, function (props) {
|
|
18284
18317
|
return props.size === 'mini' && css(_templateObject4$s || (_templateObject4$s = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
|
|
18285
18318
|
}, function (props) {
|
|
18286
18319
|
return props.size === 'small' && css(_templateObject5$p || (_templateObject5$p = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
|
|
18287
18320
|
}, function (props) {
|
|
18288
|
-
return props.size === 'medium' && css(_templateObject6$
|
|
18321
|
+
return props.size === 'medium' && css(_templateObject6$n || (_templateObject6$n = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
|
|
18289
18322
|
}, function (props) {
|
|
18290
|
-
return props.size === 'large' && css(_templateObject7$
|
|
18323
|
+
return props.size === 'large' && css(_templateObject7$n || (_templateObject7$n = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
|
|
18291
18324
|
});
|
|
18292
18325
|
var CustomLine$4 = styled(HeaderLine$7)(_templateObject8$k || (_templateObject8$k = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n background-color: ", ";\n border: 1px solid #dedede5e;\n"])), function (props) {
|
|
18293
18326
|
return props.width;
|
|
@@ -18318,19 +18351,19 @@ var Template8 = function Template8(props) {
|
|
|
18318
18351
|
})));
|
|
18319
18352
|
};
|
|
18320
18353
|
|
|
18321
|
-
var _templateObject$T, _templateObject2$G, _templateObject3$
|
|
18354
|
+
var _templateObject$T, _templateObject2$G, _templateObject3$B, _templateObject4$t, _templateObject5$q, _templateObject6$o, _templateObject7$o, _templateObject8$l, _templateObject9$j, _templateObject10$e;
|
|
18322
18355
|
var Container$k = styled.div(_templateObject$T || (_templateObject$T = _taggedTemplateLiteralLoose(["\n width: 395px;\n height: 245px;\n display: flex;\n flex-direction: column;\n align-items: center;\n background: #f5f5f5 0% 0% no-repeat padding-box;\n"])));
|
|
18323
18356
|
var Header$b = styled.div(_templateObject2$G || (_templateObject2$G = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding: 14px;\n width: 100%;\n"])));
|
|
18324
|
-
var HeaderLine$8 = styled.div(_templateObject3$
|
|
18357
|
+
var HeaderLine$8 = styled.div(_templateObject3$B || (_templateObject3$B = _taggedTemplateLiteralLoose(["\n height: ", ";\n background-color: #ebebeb;\n margin-left: 7px;\n\n & + div {\n margin-top: 7px;\n }\n\n ", "\n ", "\n\n ", "\n\n ", "\n"])), function (props) {
|
|
18325
18358
|
return props.height;
|
|
18326
18359
|
}, function (props) {
|
|
18327
18360
|
return props.size === 'mini' && css(_templateObject4$t || (_templateObject4$t = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
|
|
18328
18361
|
}, function (props) {
|
|
18329
18362
|
return props.size === 'small' && css(_templateObject5$q || (_templateObject5$q = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
|
|
18330
18363
|
}, function (props) {
|
|
18331
|
-
return props.size === 'medium' && css(_templateObject6$
|
|
18364
|
+
return props.size === 'medium' && css(_templateObject6$o || (_templateObject6$o = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
|
|
18332
18365
|
}, function (props) {
|
|
18333
|
-
return props.size === 'large' && css(_templateObject7$
|
|
18366
|
+
return props.size === 'large' && css(_templateObject7$o || (_templateObject7$o = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
|
|
18334
18367
|
});
|
|
18335
18368
|
var CustomLine$5 = styled(HeaderLine$8)(_templateObject8$l || (_templateObject8$l = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n background-color: ", ";\n border: 1px solid #dedede5e;\n"])), function (props) {
|
|
18336
18369
|
return props.width;
|
|
@@ -18357,19 +18390,19 @@ var Template8$1 = function Template8(props) {
|
|
|
18357
18390
|
})), React__default.createElement(Main$4, null, React__default.createElement(Circle$2, null)));
|
|
18358
18391
|
};
|
|
18359
18392
|
|
|
18360
|
-
var _templateObject$U, _templateObject2$H, _templateObject3$
|
|
18393
|
+
var _templateObject$U, _templateObject2$H, _templateObject3$C, _templateObject4$u, _templateObject5$r, _templateObject6$p, _templateObject7$p, _templateObject8$m, _templateObject9$k, _templateObject10$f, _templateObject11$8;
|
|
18361
18394
|
var Container$l = styled.div(_templateObject$U || (_templateObject$U = _taggedTemplateLiteralLoose(["\n width: 395px;\n height: 245px;\n display: flex;\n flex-direction: column;\n align-items: center;\n background: #f5f5f5 0% 0% no-repeat padding-box;\n"])));
|
|
18362
18395
|
var Header$c = styled.div(_templateObject2$H || (_templateObject2$H = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding: 14px;\n width: 100%;\n"])));
|
|
18363
|
-
var HeaderLine$9 = styled.div(_templateObject3$
|
|
18396
|
+
var HeaderLine$9 = styled.div(_templateObject3$C || (_templateObject3$C = _taggedTemplateLiteralLoose(["\n height: ", ";\n background-color: #ebebeb;\n margin-left: 7px;\n\n & + div {\n margin-top: 7px;\n }\n\n ", "\n ", "\n\n ", "\n\n ", "\n"])), function (props) {
|
|
18364
18397
|
return props.height;
|
|
18365
18398
|
}, function (props) {
|
|
18366
18399
|
return props.size === 'mini' && css(_templateObject4$u || (_templateObject4$u = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
|
|
18367
18400
|
}, function (props) {
|
|
18368
18401
|
return props.size === 'small' && css(_templateObject5$r || (_templateObject5$r = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
|
|
18369
18402
|
}, function (props) {
|
|
18370
|
-
return props.size === 'medium' && css(_templateObject6$
|
|
18403
|
+
return props.size === 'medium' && css(_templateObject6$p || (_templateObject6$p = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
|
|
18371
18404
|
}, function (props) {
|
|
18372
|
-
return props.size === 'large' && css(_templateObject7$
|
|
18405
|
+
return props.size === 'large' && css(_templateObject7$p || (_templateObject7$p = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
|
|
18373
18406
|
});
|
|
18374
18407
|
var CustomLine$6 = styled(HeaderLine$9)(_templateObject8$m || (_templateObject8$m = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n background-color: ", ";\n border: 1px solid #dedede5e;\n"])), function (props) {
|
|
18375
18408
|
return props.width;
|
|
@@ -18501,12 +18534,12 @@ var Placeholder = function Placeholder(props) {
|
|
|
18501
18534
|
}
|
|
18502
18535
|
};
|
|
18503
18536
|
|
|
18504
|
-
var _templateObject$V, _templateObject2$I, _templateObject3$
|
|
18537
|
+
var _templateObject$V, _templateObject2$I, _templateObject3$D, _templateObject4$v, _templateObject5$s, _templateObject6$q, _templateObject7$q;
|
|
18505
18538
|
var Container$m = styled.div(_templateObject$V || (_templateObject$V = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n align-items: center;\n\n span {\n display: inline-block;\n margin-left: 7px;\n color: #000000cc;\n }\n"])));
|
|
18506
18539
|
var Progress = styled.div(_templateObject2$I || (_templateObject2$I = _taggedTemplateLiteralLoose(["\n width: 64px;\n height: 12px;\n border: 1px solid #e4e4e4;\n div {\n width: ", ";\n max-width: 64px;\n height: 100%;\n ", "\n\n ", "\n ", "\n ", "\n ", "\n }\n"])), function (props) {
|
|
18507
18540
|
return props.value + "%";
|
|
18508
18541
|
}, function (props) {
|
|
18509
|
-
return props.type === 'default' && css(_templateObject3$
|
|
18542
|
+
return props.type === 'default' && css(_templateObject3$D || (_templateObject3$D = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n "])), function (_ref) {
|
|
18510
18543
|
var theme = _ref.theme;
|
|
18511
18544
|
return theme.colors.warningGray;
|
|
18512
18545
|
});
|
|
@@ -18521,12 +18554,12 @@ var Progress = styled.div(_templateObject2$I || (_templateObject2$I = _taggedTem
|
|
|
18521
18554
|
return theme.colors.warningRed;
|
|
18522
18555
|
});
|
|
18523
18556
|
}, function (props) {
|
|
18524
|
-
return props.type === 'success' && css(_templateObject6$
|
|
18557
|
+
return props.type === 'success' && css(_templateObject6$q || (_templateObject6$q = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n "])), function (_ref4) {
|
|
18525
18558
|
var theme = _ref4.theme;
|
|
18526
18559
|
return theme.colors.green;
|
|
18527
18560
|
});
|
|
18528
18561
|
}, function (props) {
|
|
18529
|
-
return props.type === 'warning' && css(_templateObject7$
|
|
18562
|
+
return props.type === 'warning' && css(_templateObject7$q || (_templateObject7$q = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n "])), function (_ref5) {
|
|
18530
18563
|
var theme = _ref5.theme;
|
|
18531
18564
|
return theme.colors.warningYellow;
|
|
18532
18565
|
});
|
|
@@ -18571,13 +18604,13 @@ function SvgClose(props) {
|
|
|
18571
18604
|
})));
|
|
18572
18605
|
}
|
|
18573
18606
|
|
|
18574
|
-
var _templateObject$W, _templateObject2$J, _templateObject3$
|
|
18607
|
+
var _templateObject$W, _templateObject2$J, _templateObject3$E, _templateObject4$w, _templateObject5$t, _templateObject6$r;
|
|
18575
18608
|
var Container$n = styled.div(_templateObject$W || (_templateObject$W = _taggedTemplateLiteralLoose(["\n display: block;\n border-bottom-style: solid;\n\n ", "\n"])), function (_ref) {
|
|
18576
18609
|
var theme = _ref.theme,
|
|
18577
18610
|
internal = _ref.internal;
|
|
18578
18611
|
return css(_templateObject2$J || (_templateObject2$J = _taggedTemplateLiteralLoose(["\n margin-bottom: ", ";\n border-bottom-width: ", ";\n border-bottom-color: ", ";\n "])), theme.spacings.s2, internal ? '1px' : '2px', internal ? theme.getColor('lightestGrey', 50) : theme.colors.blue);
|
|
18579
18612
|
});
|
|
18580
|
-
var Tabs = styled.ul(_templateObject3$
|
|
18613
|
+
var Tabs = styled.ul(_templateObject3$E || (_templateObject3$E = _taggedTemplateLiteralLoose(["\n user-select: none;\n list-style: none;\n display: inline-flex;\n gap: 1px;\n padding: 0;\n margin: 0;\n\n ", "\n"])), function (_ref2) {
|
|
18581
18614
|
var theme = _ref2.theme,
|
|
18582
18615
|
internal = _ref2.internal;
|
|
18583
18616
|
return css(_templateObject4$w || (_templateObject4$w = _taggedTemplateLiteralLoose(["\n height: ", ";\n box-shadow: 0 0 10px 0 ", ";\n "])), internal ? '41px' : '49px', theme.getColor('black', 10));
|
|
@@ -18585,7 +18618,7 @@ var Tabs = styled.ul(_templateObject3$D || (_templateObject3$D = _taggedTemplate
|
|
|
18585
18618
|
var Tab = styled.li(_templateObject5$t || (_templateObject5$t = _taggedTemplateLiteralLoose(["\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: space-between;\n border-radius: 4px 4px 0 0;\n\n svg {\n transform: scale(calc(18 / 24));\n stroke-width: 2px;\n }\n\n ", "\n"])), function (_ref3) {
|
|
18586
18619
|
var theme = _ref3.theme,
|
|
18587
18620
|
active = _ref3.active;
|
|
18588
|
-
return css(_templateObject6$
|
|
18621
|
+
return css(_templateObject6$r || (_templateObject6$r = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n padding: 0 ", ";\n gap: ", ";\n\n span {\n font-family: ", ";\n font-size: ", ";\n font-weight: ", ";\n\n color: ", ";\n }\n\n svg {\n stroke: ", ";\n\n &:hover {\n stroke: ", ";\n }\n }\n "])), theme.colors[active ? 'blue' : 'white'], theme.spacings.s2, theme.spacings.s2, theme.typographies.h2.fontFamily, theme.typographies.h2.fontSize, theme.typographies.h2.fontWeight, theme.colors[active ? 'white' : 'darkBlue'], theme.colors[active ? 'white' : 'darkBlue'], theme.colors.red);
|
|
18589
18622
|
});
|
|
18590
18623
|
|
|
18591
18624
|
var Tabs$1 = function Tabs$1(props) {
|
|
@@ -18652,18 +18685,18 @@ var TextArea = function TextArea(props) {
|
|
|
18652
18685
|
return React__default.createElement(Container$o, Object.assign({}, props));
|
|
18653
18686
|
};
|
|
18654
18687
|
|
|
18655
|
-
var _templateObject$Y, _templateObject2$K, _templateObject3$
|
|
18688
|
+
var _templateObject$Y, _templateObject2$K, _templateObject3$F, _templateObject4$x, _templateObject5$u, _templateObject6$s;
|
|
18656
18689
|
var Container$p = styled.div(_templateObject$Y || (_templateObject$Y = _taggedTemplateLiteralLoose(["\n border-radius: 4px;\n width: ", ";\n height: 88px;\n border: 1px solid transparent;\n position: relative;\n\n ", "\n\n ", "\n\n ", "\n\n svg {\n cursor: pointer;\n position: absolute;\n top: 14px;\n right: 14px;\n width: 13px;\n height: 13px;\n }\n"])), function (props) {
|
|
18657
18690
|
return props.size === 'large' ? '837px' : '460px';
|
|
18658
18691
|
}, function (props) {
|
|
18659
18692
|
return props.color === 'success' && css(_templateObject2$K || (_templateObject2$K = _taggedTemplateLiteralLoose(["\n background-color: #fcfff5;\n opacity: 1;\n border-color: #a8c599;\n h4 {\n color: #1e561f;\n }\n p {\n color: #1e561fcc;\n }\n "])));
|
|
18660
18693
|
}, function (props) {
|
|
18661
|
-
return props.color === 'error' && css(_templateObject3$
|
|
18694
|
+
return props.color === 'error' && css(_templateObject3$F || (_templateObject3$F = _taggedTemplateLiteralLoose(["\n background-color: #fff6f6;\n opacity: 1;\n border-color: #973937;\n h4 {\n color: #973937;\n }\n p {\n color: #973937;\n }\n "])));
|
|
18662
18695
|
}, function (props) {
|
|
18663
18696
|
return props.color === 'warning' && css(_templateObject4$x || (_templateObject4$x = _taggedTemplateLiteralLoose(["\n background-color: #fffaf3;\n opacity: 1;\n border-color: #ccbea0;\n h4 {\n color: #7a4d05;\n }\n p {\n color: #7a4d05cc;\n }\n "])));
|
|
18664
18697
|
});
|
|
18665
18698
|
var IconContainer$2 = styled.div(_templateObject5$u || (_templateObject5$u = _taggedTemplateLiteralLoose(["\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: flex-end;\n padding: 14px 14px 0 0;\n margin: 0;\n"])));
|
|
18666
|
-
var IconContent = styled.div(_templateObject6$
|
|
18699
|
+
var IconContent = styled.div(_templateObject6$s || (_templateObject6$s = _taggedTemplateLiteralLoose(["\n width: 100%;\n padding: 13px 0 21px 28px;\n display: flex;\n flex: 1;\n flex-direction: column;\n\n h4 {\n margin-bottom: 7px;\n font-size: 18p;\n }\n p {\n margin: 0;\n font-size: 14px;\n max-width: 380px;\n }\n"])));
|
|
18667
18700
|
|
|
18668
18701
|
var Toast = function Toast(props) {
|
|
18669
18702
|
return React__default.createElement(Container$p, Object.assign({}, props), React__default.createElement(IconContainer$2, null, React__default.createElement(Icon, {
|
|
@@ -18675,7 +18708,7 @@ var Toast = function Toast(props) {
|
|
|
18675
18708
|
})), React__default.createElement(IconContent, null, React__default.createElement("h4", null, props.title), React__default.createElement("p", null, " ", props.description)));
|
|
18676
18709
|
};
|
|
18677
18710
|
|
|
18678
|
-
var _templateObject$Z, _templateObject2$L, _templateObject3$
|
|
18711
|
+
var _templateObject$Z, _templateObject2$L, _templateObject3$G, _templateObject4$y, _templateObject5$v;
|
|
18679
18712
|
var Image = styled.img(_templateObject$Z || (_templateObject$Z = _taggedTemplateLiteralLoose(["\n max-width: 100%;\n max-height: 100%;\n"])));
|
|
18680
18713
|
var Container$q = styled.div(_templateObject2$L || (_templateObject2$L = _taggedTemplateLiteralLoose(["\n position: relative;\n display: inline-flex;\n\n &,\n ", " {\n width: ", ";\n\n height: ", ";\n }\n"])), Image, function (_ref) {
|
|
18681
18714
|
var width = _ref.width;
|
|
@@ -18704,7 +18737,7 @@ var Container$q = styled.div(_templateObject2$L || (_templateObject2$L = _tagged
|
|
|
18704
18737
|
return 'auto';
|
|
18705
18738
|
}
|
|
18706
18739
|
});
|
|
18707
|
-
var Dimmer = styled.div(_templateObject3$
|
|
18740
|
+
var Dimmer = styled.div(_templateObject3$G || (_templateObject3$G = _taggedTemplateLiteralLoose(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: ", ";\n opacity: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n transition: opacity 0.5s;\n cursor: pointer;\n\n :hover {\n opacity: 1;\n }\n"])), function (_ref3) {
|
|
18708
18741
|
var theme = _ref3.theme;
|
|
18709
18742
|
return theme.getColor('greyishBlue', 50);
|
|
18710
18743
|
});
|