@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.js
CHANGED
|
@@ -11964,8 +11964,8 @@ var icons = {
|
|
|
11964
11964
|
zoom_out: SvgZoomOut
|
|
11965
11965
|
};
|
|
11966
11966
|
|
|
11967
|
-
var _templateObject$2, _templateObject2$2, _templateObject3$2, _templateObject4$1, _templateObject5$1;
|
|
11968
|
-
var SemanticIcon = styled__default(semanticUiReact.Icon)(_templateObject$2 || (_templateObject$2 = _taggedTemplateLiteralLoose(["\n &.icon,\n &.icon:before {\n margin: 0;\n color: ", ";\n display: flex;\n justify-content: center;\n align-items: center;\n\n ", "\n\n ", "\n }\n\n &.icon:before {\n height: 100%;\n }\n"])), function (_ref) {
|
|
11967
|
+
var _templateObject$2, _templateObject2$2, _templateObject3$2, _templateObject4$1, _templateObject5$1, _templateObject6$1, _templateObject7$1;
|
|
11968
|
+
var SemanticIcon = styled__default(semanticUiReact.Icon)(_templateObject$2 || (_templateObject$2 = _taggedTemplateLiteralLoose(["\n &.icon,\n &.icon:before {\n margin: 0;\n color: ", ";\n display: flex;\n justify-content: center;\n align-items: center;\n\n ", "\n\n ", "\n }\n\n &.icon:before {\n height: 100%;\n }\n\n ", "\n"])), function (_ref) {
|
|
11969
11969
|
var fontcolor = _ref.fontcolor;
|
|
11970
11970
|
return fontcolor;
|
|
11971
11971
|
}, function (_ref2) {
|
|
@@ -11976,14 +11976,22 @@ var SemanticIcon = styled__default(semanticUiReact.Icon)(_templateObject$2 || (_
|
|
|
11976
11976
|
var height = _ref3.height;
|
|
11977
11977
|
if (!height) return;
|
|
11978
11978
|
return styled.css(_templateObject3$2 || (_templateObject3$2 = _taggedTemplateLiteralLoose(["\n font-size: ", ";\n height: ", ";\n "])), height, height);
|
|
11979
|
+
}, function (_ref4) {
|
|
11980
|
+
var onClick = _ref4.onClick;
|
|
11981
|
+
if (!onClick) return;
|
|
11982
|
+
return styled.css(_templateObject4$1 || (_templateObject4$1 = _taggedTemplateLiteralLoose(["\n cursor: pointer;\n "])));
|
|
11979
11983
|
});
|
|
11980
|
-
var SVGContainer = styled__default.div(
|
|
11981
|
-
var color =
|
|
11984
|
+
var SVGContainer = styled__default.div(_templateObject5$1 || (_templateObject5$1 = _taggedTemplateLiteralLoose(["\n display: flex;\n > svg {\n &,\n * {\n stroke: ", ";\n\n ", "\n }\n }\n\n ", "\n"])), function (_ref5) {
|
|
11985
|
+
var color = _ref5.color;
|
|
11982
11986
|
return color;
|
|
11983
|
-
}, function (
|
|
11984
|
-
var strokeWidth =
|
|
11987
|
+
}, function (_ref6) {
|
|
11988
|
+
var strokeWidth = _ref6.strokeWidth;
|
|
11985
11989
|
if (!strokeWidth) return;
|
|
11986
|
-
return styled.css(
|
|
11990
|
+
return styled.css(_templateObject6$1 || (_templateObject6$1 = _taggedTemplateLiteralLoose(["\n stroke-width: ", ";\n "])), strokeWidth);
|
|
11991
|
+
}, function (_ref7) {
|
|
11992
|
+
var pointer = _ref7.pointer;
|
|
11993
|
+
if (!pointer) return;
|
|
11994
|
+
return styled.css(_templateObject7$1 || (_templateObject7$1 = _taggedTemplateLiteralLoose(["\n cursor: pointer;\n "])));
|
|
11987
11995
|
});
|
|
11988
11996
|
|
|
11989
11997
|
var getColor = function getColor(c) {
|
|
@@ -12013,7 +12021,8 @@ var Icon = function Icon(props) {
|
|
|
12013
12021
|
var Component = icons[props.icon];
|
|
12014
12022
|
return React__default.createElement(SVGContainer, {
|
|
12015
12023
|
color: color,
|
|
12016
|
-
strokeWidth: props.strokeWidth
|
|
12024
|
+
strokeWidth: props.strokeWidth,
|
|
12025
|
+
pointer: !!props.onClick
|
|
12017
12026
|
}, React__default.createElement(Component, Object.assign({}, commonProps)));
|
|
12018
12027
|
}
|
|
12019
12028
|
|
|
@@ -12038,7 +12047,8 @@ var Icon = function Icon(props) {
|
|
|
12038
12047
|
var _Component = props.icon;
|
|
12039
12048
|
return React__default.createElement(SVGContainer, {
|
|
12040
12049
|
color: _color2,
|
|
12041
|
-
strokeWidth: props.strokeWidth
|
|
12050
|
+
strokeWidth: props.strokeWidth,
|
|
12051
|
+
pointer: !!props.onClick
|
|
12042
12052
|
}, React__default.createElement(_Component, Object.assign({}, _commonProps2)));
|
|
12043
12053
|
}
|
|
12044
12054
|
|
|
@@ -12142,97 +12152,94 @@ var EllipsisContainer$1 = function EllipsisContainer$1(props) {
|
|
|
12142
12152
|
}));
|
|
12143
12153
|
};
|
|
12144
12154
|
|
|
12145
|
-
var _templateObject$5, _templateObject2$4, _templateObject3$4, _templateObject4$3, _templateObject5$3, _templateObject6$
|
|
12155
|
+
var _templateObject$5, _templateObject2$4, _templateObject3$4, _templateObject4$3, _templateObject5$3, _templateObject6$2, _templateObject7$2, _templateObject8$1, _templateObject9$1, _templateObject10$1, _templateObject11$1, _templateObject12$1, _templateObject13$1, _templateObject14$1, _templateObject15, _templateObject16, _templateObject17, _templateObject18;
|
|
12146
12156
|
var IconContainer = styled__default.button(_templateObject$5 || (_templateObject$5 = _taggedTemplateLiteralLoose(["\n position: absolute;\n display: flex;\n justify-content: center;\n align-items: center;\n height: 17px;\n\n background-color: transparent;\n border: none;\n box-shadow: none;\n padding: 0;\n\n ", "\n"])), function (_ref) {
|
|
12147
12157
|
var onClick = _ref.onClick,
|
|
12148
12158
|
disabled = _ref.disabled;
|
|
12149
12159
|
if (!onClick || disabled) return;
|
|
12150
12160
|
return styled.css(_templateObject2$4 || (_templateObject2$4 = _taggedTemplateLiteralLoose(["\n cursor: pointer;\n "])));
|
|
12151
12161
|
});
|
|
12152
|
-
var ChildrenContainer = styled__default(EllipsisContainer$1)(_templateObject3$4 || (_templateObject3$4 = _taggedTemplateLiteralLoose(["\n position: absolute;\n width: 100%;\n height: 100%;\n bottom: 0;\n left: 0;\n
|
|
12162
|
+
var ChildrenContainer = styled__default(EllipsisContainer$1)(_templateObject3$4 || (_templateObject3$4 = _taggedTemplateLiteralLoose(["\n position: absolute;\n width: 100%;\n height: 100%;\n bottom: 0;\n left: 0;\n line-height: 19px;\n"])));
|
|
12163
|
+
var Input = styled__default.input(_templateObject4$3 || (_templateObject4$3 = _taggedTemplateLiteralLoose(["\n ", ";\n\n color: ", ";\n\n line-height: 17px;\n\n ::placeholder {\n color: ", ";\n\n line-height: 17px;\n\n ", "\n }\n\n display: block;\n width: 100%;\n box-sizing: border-box;\n\n ", ";\n\n border-width: 1px;\n border-style: solid;\n border-color: ", ";\n border-radius: 4px;\n\n ", ";\n\n box-shadow: none;\n outline: none;\n\n ", "\n\n ", "\n"])), function (_ref2) {
|
|
12153
12164
|
var theme = _ref2.theme;
|
|
12154
|
-
return theme.spacings.s1;
|
|
12155
|
-
});
|
|
12156
|
-
var Input = styled__default.input(_templateObject4$3 || (_templateObject4$3 = _taggedTemplateLiteralLoose(["\n ", ";\n\n color: ", ";\n\n line-height: 17px;\n\n ::placeholder {\n color: ", ";\n\n line-height: 17px;\n\n ", "\n }\n\n display: block;\n width: 100%;\n box-sizing: border-box;\n\n ", ";\n\n border-width: 1px;\n border-style: solid;\n border-color: ", ";\n border-radius: 4px;\n\n ", ";\n\n box-shadow: none;\n outline: none;\n\n ", "\n\n ", "\n"])), function (_ref3) {
|
|
12157
|
-
var theme = _ref3.theme;
|
|
12158
12165
|
return theme.useTypography('p');
|
|
12166
|
+
}, function (_ref3) {
|
|
12167
|
+
var theme = _ref3.theme,
|
|
12168
|
+
invalid = _ref3.invalid;
|
|
12169
|
+
return invalid ? theme.colors.warningRed : theme.colors.darkBlue;
|
|
12159
12170
|
}, function (_ref4) {
|
|
12160
12171
|
var theme = _ref4.theme,
|
|
12161
12172
|
invalid = _ref4.invalid;
|
|
12162
|
-
return invalid ? theme.colors.warningRed : theme.colors.darkBlue;
|
|
12163
|
-
}, function (_ref5) {
|
|
12164
|
-
var theme = _ref5.theme,
|
|
12165
|
-
invalid = _ref5.invalid;
|
|
12166
12173
|
return invalid ? theme.colors.warningRed : theme.colors.darkGrey;
|
|
12167
|
-
}, function (
|
|
12168
|
-
var placeholder =
|
|
12174
|
+
}, function (_ref5) {
|
|
12175
|
+
var placeholder = _ref5.placeholder;
|
|
12169
12176
|
|
|
12170
12177
|
if (placeholder !== '••••••••') {
|
|
12171
|
-
return styled.css(_templateObject5$3 || (_templateObject5$3 = _taggedTemplateLiteralLoose(["\n ", ";\n opacity: 1;\n "])), function (
|
|
12172
|
-
var theme =
|
|
12178
|
+
return styled.css(_templateObject5$3 || (_templateObject5$3 = _taggedTemplateLiteralLoose(["\n ", ";\n opacity: 1;\n "])), function (_ref6) {
|
|
12179
|
+
var theme = _ref6.theme;
|
|
12173
12180
|
return theme.useTypography('p');
|
|
12174
12181
|
});
|
|
12175
12182
|
}
|
|
12176
12183
|
|
|
12177
|
-
return styled.css(_templateObject6$
|
|
12184
|
+
return styled.css(_templateObject6$2 || (_templateObject6$2 = _taggedTemplateLiteralLoose(["\n opacity: 0.5;\n font-size: 14px;\n letter-spacing: 0px;\n "])));
|
|
12185
|
+
}, function (_ref7) {
|
|
12186
|
+
var theme = _ref7.theme,
|
|
12187
|
+
paddingless = _ref7.paddingless;
|
|
12188
|
+
if (paddingless) return;
|
|
12189
|
+
return styled.css(_templateObject7$2 || (_templateObject7$2 = _taggedTemplateLiteralLoose(["\n padding: ", " ", ";\n ~ ", " {\n padding: ", " ", ";\n }\n "])), theme.spacings.s2, theme.spacings.s3, ChildrenContainer, theme.spacings.s2, theme.spacings.s3);
|
|
12178
12190
|
}, function (_ref8) {
|
|
12179
12191
|
var theme = _ref8.theme,
|
|
12180
|
-
|
|
12181
|
-
|
|
12182
|
-
return styled.css(_templateObject7$1 || (_templateObject7$1 = _taggedTemplateLiteralLoose(["\n padding: ", " ", ";\n ~ ", " {\n padding: ", " ", ";\n }\n "])), theme.spacings.s2, theme.spacings.s3, ChildrenContainer, theme.spacings.s2, theme.spacings.s3);
|
|
12183
|
-
}, function (_ref9) {
|
|
12184
|
-
var theme = _ref9.theme,
|
|
12185
|
-
invalid = _ref9.invalid,
|
|
12186
|
-
borderless = _ref9.borderless;
|
|
12192
|
+
invalid = _ref8.invalid,
|
|
12193
|
+
borderless = _ref8.borderless;
|
|
12187
12194
|
if (borderless) return 'transparent';
|
|
12188
12195
|
return invalid ? theme.colors.warningRed : theme.colors.lightGrey;
|
|
12189
|
-
}, function (
|
|
12190
|
-
var theme =
|
|
12191
|
-
invalid =
|
|
12196
|
+
}, function (_ref9) {
|
|
12197
|
+
var theme = _ref9.theme,
|
|
12198
|
+
invalid = _ref9.invalid;
|
|
12192
12199
|
var color = invalid ? theme.getColor('warningRed', 5) : theme.colors.white;
|
|
12193
12200
|
return styled.css(_templateObject8$1 || (_templateObject8$1 = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n /** google chrome blue background */\n -webkit-box-shadow: 0 0 0px 1000px ", " inset !important;\n "])), color, color);
|
|
12194
|
-
}, function (
|
|
12195
|
-
var arrows =
|
|
12201
|
+
}, function (_ref10) {
|
|
12202
|
+
var arrows = _ref10.arrows;
|
|
12196
12203
|
if (arrows) return;
|
|
12197
12204
|
return styled.css(_templateObject9$1 || (_templateObject9$1 = _taggedTemplateLiteralLoose(["\n /* Chrome, Safari, Edge, Opera */\n :-webkit-outer-spin-button,\n :-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n\n /* Firefox */\n -moz-appearance: textfield;\n "])));
|
|
12198
|
-
}, function (
|
|
12199
|
-
var readOnly =
|
|
12200
|
-
onClick =
|
|
12201
|
-
disabled =
|
|
12205
|
+
}, function (_ref11) {
|
|
12206
|
+
var readOnly = _ref11.readOnly,
|
|
12207
|
+
onClick = _ref11.onClick,
|
|
12208
|
+
disabled = _ref11.disabled;
|
|
12202
12209
|
if (readOnly || !onClick || disabled) return;
|
|
12203
12210
|
return styled.css(_templateObject10$1 || (_templateObject10$1 = _taggedTemplateLiteralLoose(["\n cursor: pointer;\n "])));
|
|
12204
12211
|
});
|
|
12205
|
-
var InputContainer = styled__default.div(_templateObject11$1 || (_templateObject11$1 = _taggedTemplateLiteralLoose(["\n position: relative;\n width: ", ";\n"])), function (
|
|
12206
|
-
var width =
|
|
12212
|
+
var InputContainer = styled__default.div(_templateObject11$1 || (_templateObject11$1 = _taggedTemplateLiteralLoose(["\n position: relative;\n width: ", ";\n"])), function (_ref12) {
|
|
12213
|
+
var width = _ref12.width;
|
|
12207
12214
|
return width || '100%';
|
|
12208
12215
|
});
|
|
12209
|
-
var Label = styled__default.label(_templateObject12$1 || (_templateObject12$1 = _taggedTemplateLiteralLoose(["\n ", ";\n\n color: ", ";\n\n width: ", ";\n box-sizing: border-box;\n display: block;\n\n ", "\n\n > ", " > ", " {\n bottom: ", ";\n }\n\n ", "\n\n ", "\n"])), function (
|
|
12210
|
-
var theme =
|
|
12216
|
+
var Label = styled__default.label(_templateObject12$1 || (_templateObject12$1 = _taggedTemplateLiteralLoose(["\n ", ";\n\n color: ", ";\n\n width: ", ";\n box-sizing: border-box;\n display: block;\n\n ", "\n\n > ", " > ", " {\n bottom: ", ";\n }\n\n ", "\n\n ", "\n"])), function (_ref13) {
|
|
12217
|
+
var theme = _ref13.theme;
|
|
12211
12218
|
return theme.useTypography('p');
|
|
12212
|
-
}, function (
|
|
12213
|
-
var theme =
|
|
12219
|
+
}, function (_ref14) {
|
|
12220
|
+
var theme = _ref14.theme;
|
|
12214
12221
|
return theme.colors.greyishBlue;
|
|
12215
|
-
}, function (
|
|
12216
|
-
var width =
|
|
12222
|
+
}, function (_ref15) {
|
|
12223
|
+
var width = _ref15.width;
|
|
12217
12224
|
return width || '100%';
|
|
12218
|
-
}, function (
|
|
12219
|
-
var disabled =
|
|
12225
|
+
}, function (_ref16) {
|
|
12226
|
+
var disabled = _ref16.disabled;
|
|
12220
12227
|
if (!disabled) return;
|
|
12221
12228
|
return styled.css(_templateObject13$1 || (_templateObject13$1 = _taggedTemplateLiteralLoose(["\n opacity: 0.5;\n "])));
|
|
12222
|
-
}, InputContainer, IconContainer, function (
|
|
12223
|
-
var theme =
|
|
12224
|
-
paddingless =
|
|
12229
|
+
}, InputContainer, IconContainer, function (_ref17) {
|
|
12230
|
+
var theme = _ref17.theme,
|
|
12231
|
+
paddingless = _ref17.paddingless;
|
|
12225
12232
|
return paddingless ? '2px' : "calc(" + theme.spacings.s2 + " + 1px)";
|
|
12226
|
-
}, function (
|
|
12227
|
-
var readOnly =
|
|
12228
|
-
disabled =
|
|
12229
|
-
loading =
|
|
12233
|
+
}, function (_ref18) {
|
|
12234
|
+
var readOnly = _ref18.readOnly,
|
|
12235
|
+
disabled = _ref18.disabled,
|
|
12236
|
+
loading = _ref18.loading;
|
|
12230
12237
|
if (loading || readOnly || disabled) return;
|
|
12231
12238
|
return styled.css(_templateObject14$1 || (_templateObject14$1 = _taggedTemplateLiteralLoose(["\n cursor: pointer;\n "])));
|
|
12232
|
-
}, function (
|
|
12233
|
-
var theme =
|
|
12234
|
-
icon =
|
|
12235
|
-
paddingless =
|
|
12239
|
+
}, function (_ref19) {
|
|
12240
|
+
var theme = _ref19.theme,
|
|
12241
|
+
icon = _ref19.icon,
|
|
12242
|
+
paddingless = _ref19.paddingless;
|
|
12236
12243
|
if (!icon) return;
|
|
12237
12244
|
var width = icon.width,
|
|
12238
12245
|
position = icon.position;
|
|
@@ -12244,11 +12251,11 @@ var Label = styled__default.label(_templateObject12$1 || (_templateObject12$1 =
|
|
|
12244
12251
|
|
|
12245
12252
|
return styled.css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteralLoose(["\n > ", " > ", " {\n width: ", ";\n left: calc(", " / 2);\n }\n\n > ", " > ", " {\n padding-left: calc(", " + ", ");\n ~ ", " {\n padding-left: calc(", " + ", ");\n }\n }\n "])), InputContainer, IconContainer, width, padding, InputContainer, Input, padding, width, ChildrenContainer, padding, width);
|
|
12246
12253
|
});
|
|
12247
|
-
var LabelText = styled__default.div(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["\n display: inline-block;\n margin-bottom: ", ";\n\n ", "\n"])), function (
|
|
12248
|
-
var theme =
|
|
12254
|
+
var LabelText = styled__default.div(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["\n display: inline-block;\n margin-bottom: ", ";\n\n ", "\n"])), function (_ref20) {
|
|
12255
|
+
var theme = _ref20.theme;
|
|
12249
12256
|
return theme.spacings.s1;
|
|
12250
|
-
}, function (
|
|
12251
|
-
var required =
|
|
12257
|
+
}, function (_ref21) {
|
|
12258
|
+
var required = _ref21.required;
|
|
12252
12259
|
if (!required) return;
|
|
12253
12260
|
return styled.css(_templateObject18 || (_templateObject18 = _taggedTemplateLiteralLoose(["\n :after {\n content: ' *';\n }\n "])));
|
|
12254
12261
|
});
|
|
@@ -12409,7 +12416,7 @@ var Input$1 = React__default.forwardRef(function (props, ref) {
|
|
|
12409
12416
|
});
|
|
12410
12417
|
Input$1.displayName = 'Input';
|
|
12411
12418
|
|
|
12412
|
-
var _templateObject$6, _templateObject2$5, _templateObject3$5, _templateObject4$4, _templateObject5$4, _templateObject6$
|
|
12419
|
+
var _templateObject$6, _templateObject2$5, _templateObject3$5, _templateObject4$4, _templateObject5$4, _templateObject6$3, _templateObject7$3, _templateObject8$2, _templateObject9$2, _templateObject10$2;
|
|
12413
12420
|
var size = '17px';
|
|
12414
12421
|
var Checkmark = styled__default.div(_templateObject$6 || (_templateObject$6 = _taggedTemplateLiteralLoose(["\n position: relative;\n height: ", ";\n width: ", ";\n background-color: ", ";\n\n border-style: solid;\n border-color: ", ";\n border-width: 1px;\n border-radius: 4px;\n\n transition-property: border-color;\n transition-duration: 0.25s;\n transition-timing-function: cubic-bezier(0.68, -0.55, 0.27, 1.55);\n\n :after {\n content: '';\n position: absolute;\n\n left: 50%;\n top: 50%;\n height: 0;\n width: 0;\n\n border-style: solid;\n border-color: ", ";\n border-width: 0;\n transform: rotate(45deg);\n\n transition-property: width height border-width top left;\n transition-duration: 0.25s;\n transition-timing-function: cubic-bezier(0.68, -0.55, 0.27, 1.55);\n }\n\n /** if there is a label, it will be placed after this element */\n + * {\n flex: 1;\n }\n"])), size, size, function (_ref) {
|
|
12415
12422
|
var theme = _ref.theme;
|
|
@@ -12481,7 +12488,7 @@ var Label$1 = styled__default.label(_templateObject2$5 || (_templateObject2$5 =
|
|
|
12481
12488
|
bordered = _ref7.bordered,
|
|
12482
12489
|
invalid = _ref7.invalid;
|
|
12483
12490
|
if (!bordered) return;
|
|
12484
|
-
return styled.css(_templateObject6$
|
|
12491
|
+
return styled.css(_templateObject6$3 || (_templateObject6$3 = _taggedTemplateLiteralLoose(["\n padding: ", " ", ";\n\n border-width: 1px;\n border-style: solid;\n border-color: ", ";\n border-radius: 4px;\n "])), theme.spacings.s2, theme.spacings.s3, theme.colors[invalid ? 'warningRed' : 'lightGrey']);
|
|
12485
12492
|
}, size, size, function (_ref8) {
|
|
12486
12493
|
var theme = _ref8.theme;
|
|
12487
12494
|
return theme.spacings.s1;
|
|
@@ -12495,7 +12502,7 @@ var Label$1 = styled__default.label(_templateObject2$5 || (_templateObject2$5 =
|
|
|
12495
12502
|
var theme = _ref11.theme,
|
|
12496
12503
|
invalid = _ref11.invalid;
|
|
12497
12504
|
if (!invalid) return;
|
|
12498
|
-
return styled.css(_templateObject7$
|
|
12505
|
+
return styled.css(_templateObject7$3 || (_templateObject7$3 = _taggedTemplateLiteralLoose(["\n ", ",\n > input:checked ~ ", ", \n > input:checked ~ ", ":after {\n border-color: ", ";\n }\n "])), Checkmark, Checkmark, Checkmark, theme.colors.warningRed);
|
|
12499
12506
|
}, function (_ref12) {
|
|
12500
12507
|
var width = _ref12.width;
|
|
12501
12508
|
return width && styled.css(_templateObject8$2 || (_templateObject8$2 = _taggedTemplateLiteralLoose(["\n width: ", ";\n "])), width);
|
|
@@ -12646,7 +12653,7 @@ var ScrollContainer = function ScrollContainer(props) {
|
|
|
12646
12653
|
})), after);
|
|
12647
12654
|
};
|
|
12648
12655
|
|
|
12649
|
-
var _templateObject$8, _templateObject2$7, _templateObject3$7, _templateObject4$6, _templateObject5$5, _templateObject6$
|
|
12656
|
+
var _templateObject$8, _templateObject2$7, _templateObject3$7, _templateObject4$6, _templateObject5$5, _templateObject6$4, _templateObject7$4, _templateObject8$3, _templateObject9$3, _templateObject10$3;
|
|
12650
12657
|
var Option = styled__default.div(_templateObject$8 || (_templateObject$8 = _taggedTemplateLiteralLoose(["\n ", ";\n line-height: ", ";\n color: ", ";\n display: flex;\n\n > :nth-child(1) {\n display: flex;\n align-items: center;\n gap: ", ";\n flex: 1;\n }\n\n ", ";\n\n ", ";\n\n :hover {\n background-color: ", ";\n }\n"])), function (_ref) {
|
|
12651
12658
|
var theme = _ref.theme;
|
|
12652
12659
|
return theme.useTypography('p');
|
|
@@ -12694,11 +12701,11 @@ var Container$2 = styled__default(AbsoluteContainer)(_templateObject5$5 || (_tem
|
|
|
12694
12701
|
var tmp = spacing.split(' ');
|
|
12695
12702
|
tmp[1] = "calc(" + props.theme.spacings.s1 + " / 2)";
|
|
12696
12703
|
spacing = tmp.join(' ');
|
|
12697
|
-
return styled.css(_templateObject6$
|
|
12704
|
+
return styled.css(_templateObject6$4 || (_templateObject6$4 = _taggedTemplateLiteralLoose(["\n padding: ", ";\n "])), spacing);
|
|
12698
12705
|
}, function (_ref9) {
|
|
12699
12706
|
var bordered = _ref9.bordered;
|
|
12700
12707
|
if (!bordered) return;
|
|
12701
|
-
return styled.css(_templateObject7$
|
|
12708
|
+
return styled.css(_templateObject7$4 || (_templateObject7$4 = _taggedTemplateLiteralLoose(["\n ", " {\n :not(:last-child) {\n border-bottom: 1px solid\n ", ";\n }\n }\n "])), Option, function (_ref10) {
|
|
12702
12709
|
var theme = _ref10.theme;
|
|
12703
12710
|
return theme.getColor('greyishBlue', 10);
|
|
12704
12711
|
});
|
|
@@ -12746,82 +12753,88 @@ var MenuComponent = function MenuComponent(props, ref) {
|
|
|
12746
12753
|
inner: innerContent,
|
|
12747
12754
|
spacing: scrollSpacing,
|
|
12748
12755
|
loading: loading
|
|
12749
|
-
},
|
|
12750
|
-
|
|
12751
|
-
|
|
12752
|
-
|
|
12753
|
-
caret = _option.caret,
|
|
12754
|
-
data = _option.data;
|
|
12755
|
-
|
|
12756
|
-
var closeMenu = keepOpen ? function () {} : close;
|
|
12757
|
-
var onClick;
|
|
12758
|
-
var disabled = option.disabled;
|
|
12759
|
-
|
|
12760
|
-
var OptionContent = function OptionContent(_ref) {
|
|
12761
|
-
var children = _ref.children;
|
|
12762
|
-
return children;
|
|
12763
|
-
};
|
|
12756
|
+
}, function () {
|
|
12757
|
+
if (options.length === 0 && props.emptyContent) {
|
|
12758
|
+
return props.emptyContent;
|
|
12759
|
+
}
|
|
12764
12760
|
|
|
12765
|
-
|
|
12766
|
-
var
|
|
12767
|
-
|
|
12768
|
-
|
|
12769
|
-
|
|
12770
|
-
|
|
12761
|
+
return options.map(function (option, index) {
|
|
12762
|
+
var _option = _extends({}, option),
|
|
12763
|
+
delimiter = _option.delimiter,
|
|
12764
|
+
keepOpen = _option.keepOpen,
|
|
12765
|
+
caret = _option.caret,
|
|
12766
|
+
data = _option.data;
|
|
12771
12767
|
|
|
12772
|
-
|
|
12773
|
-
|
|
12768
|
+
var closeMenu = keepOpen ? function () {} : close;
|
|
12769
|
+
var onClick;
|
|
12770
|
+
var disabled = option.disabled;
|
|
12774
12771
|
|
|
12775
|
-
|
|
12776
|
-
|
|
12772
|
+
var OptionContent = function OptionContent(_ref) {
|
|
12773
|
+
var children = _ref.children;
|
|
12774
|
+
return children;
|
|
12775
|
+
};
|
|
12777
12776
|
|
|
12778
|
-
|
|
12779
|
-
|
|
12780
|
-
|
|
12781
|
-
|
|
12782
|
-
|
|
12783
|
-
|
|
12784
|
-
|
|
12785
|
-
|
|
12786
|
-
|
|
12787
|
-
on: 'click',
|
|
12788
|
-
position: 'top left',
|
|
12789
|
-
inverted: true,
|
|
12790
|
-
wide: true
|
|
12791
|
-
}, rule, {
|
|
12792
|
-
trigger: React__default.createElement("div", null, children)
|
|
12793
|
-
}));
|
|
12794
|
-
};
|
|
12795
|
-
}
|
|
12796
|
-
}
|
|
12797
|
-
}
|
|
12777
|
+
if (!disabled) {
|
|
12778
|
+
var rule = (option.rules || []).map(function (rule) {
|
|
12779
|
+
return rule(index, data);
|
|
12780
|
+
}).find(function (result) {
|
|
12781
|
+
return result !== true;
|
|
12782
|
+
});
|
|
12783
|
+
|
|
12784
|
+
if (rule === true || rule === undefined) {
|
|
12785
|
+
var _onClick = option.onClick || function () {};
|
|
12798
12786
|
|
|
12799
|
-
|
|
12800
|
-
|
|
12801
|
-
|
|
12802
|
-
|
|
12803
|
-
|
|
12787
|
+
onClick = function onClick(e) {
|
|
12788
|
+
_onClick(index, option, e);
|
|
12789
|
+
|
|
12790
|
+
closeMenu();
|
|
12791
|
+
};
|
|
12792
|
+
} else {
|
|
12793
|
+
disabled = true;
|
|
12794
|
+
|
|
12795
|
+
if (rule !== false) {
|
|
12796
|
+
OptionContent = function OptionContent(_ref2) {
|
|
12797
|
+
var children = _ref2.children;
|
|
12798
|
+
return React__default.createElement(semanticUiReact.Popup, Object.assign({
|
|
12799
|
+
on: 'click',
|
|
12800
|
+
position: 'top left',
|
|
12801
|
+
inverted: true,
|
|
12802
|
+
wide: true
|
|
12803
|
+
}, rule, {
|
|
12804
|
+
trigger: React__default.createElement("div", null, children)
|
|
12805
|
+
}));
|
|
12806
|
+
};
|
|
12807
|
+
}
|
|
12808
|
+
}
|
|
12809
|
+
}
|
|
12810
|
+
|
|
12811
|
+
OptionContent.displayName = 'OptionContent';
|
|
12812
|
+
var label = option.label;
|
|
12813
|
+
var labelOptions = filterObject(option, ['onClick', 'label', 'rules']);
|
|
12814
|
+
labelOptions.disabled = disabled;
|
|
12815
|
+
var LabelComponent = typeof label === 'function' ? label : function () {
|
|
12816
|
+
return React__default.createElement(React__default.Fragment, {
|
|
12817
|
+
children: label
|
|
12818
|
+
});
|
|
12819
|
+
};
|
|
12804
12820
|
return React__default.createElement(React__default.Fragment, {
|
|
12805
|
-
|
|
12806
|
-
}
|
|
12807
|
-
|
|
12808
|
-
|
|
12809
|
-
|
|
12810
|
-
|
|
12811
|
-
|
|
12812
|
-
|
|
12813
|
-
|
|
12814
|
-
|
|
12815
|
-
|
|
12816
|
-
|
|
12817
|
-
width: '14px'
|
|
12818
|
-
}) : null)), delimiter && React__default.createElement(Delimiter, null));
|
|
12819
|
-
})), children));
|
|
12821
|
+
key: index
|
|
12822
|
+
}, React__default.createElement(OptionContent, null, React__default.createElement(Option, {
|
|
12823
|
+
onClick: onClick,
|
|
12824
|
+
disabled: disabled,
|
|
12825
|
+
border: option.border
|
|
12826
|
+
}, React__default.createElement("div", null, React__default.createElement(LabelComponent, Object.assign({}, option))), caret ? React__default.createElement(Icon, {
|
|
12827
|
+
type: 'semantic',
|
|
12828
|
+
icon: 'caret right',
|
|
12829
|
+
width: '14px'
|
|
12830
|
+
}) : null)), delimiter && React__default.createElement(Delimiter, null));
|
|
12831
|
+
});
|
|
12832
|
+
}()), children));
|
|
12820
12833
|
};
|
|
12821
12834
|
|
|
12822
12835
|
var Menu = React__default.forwardRef(MenuComponent);
|
|
12823
12836
|
|
|
12824
|
-
var _templateObject$9, _templateObject2$8, _templateObject3$8, _templateObject4$7, _templateObject5$6, _templateObject6$
|
|
12837
|
+
var _templateObject$9, _templateObject2$8, _templateObject3$8, _templateObject4$7, _templateObject5$6, _templateObject6$5, _templateObject7$5, _templateObject8$4, _templateObject9$4;
|
|
12825
12838
|
var Container$3 = styled__default.div(_templateObject$9 || (_templateObject$9 = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: ", ";\n background-color: ", ";\n position: relative;\n\n ", ";\n"])), function (_ref) {
|
|
12826
12839
|
var theme = _ref.theme;
|
|
12827
12840
|
return theme.spacings.s3;
|
|
@@ -12848,14 +12861,14 @@ var AbsoluteContainer$1 = styled__default(AbsoluteContainer)(_templateObject5$6
|
|
|
12848
12861
|
var theme = _ref7.theme;
|
|
12849
12862
|
return theme.spacings.s3 + " " + theme.spacings.s3 + " " + theme.spacings.s1 + " " + theme.spacings.s3;
|
|
12850
12863
|
});
|
|
12851
|
-
var MonthContainer = styled__default.div(_templateObject6$
|
|
12864
|
+
var MonthContainer = styled__default.div(_templateObject6$5 || (_templateObject6$5 = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: ", ";\n > div {\n margin: ", " 0;\n flex: 1;\n position: relative;\n }\n"])), function (_ref8) {
|
|
12852
12865
|
var theme = _ref8.theme;
|
|
12853
12866
|
return theme.spacings.s1;
|
|
12854
12867
|
}, function (_ref9) {
|
|
12855
12868
|
var theme = _ref9.theme;
|
|
12856
12869
|
return theme.spacings.s1;
|
|
12857
12870
|
});
|
|
12858
|
-
var MonthBtn = styled__default.div(_templateObject7$
|
|
12871
|
+
var MonthBtn = styled__default.div(_templateObject7$5 || (_templateObject7$5 = _taggedTemplateLiteralLoose(["\n ", ";\n line-height: ", ";\n color: ", ";\n text-align: center;\n display: flex;\n justify-content: center;\n align-items: center;\n gap: ", ";\n\n ", "\n"])), function (_ref10) {
|
|
12859
12872
|
var theme = _ref10.theme;
|
|
12860
12873
|
return theme.useTypography('p');
|
|
12861
12874
|
}, function (_ref11) {
|
|
@@ -12975,7 +12988,7 @@ var Indicator = function Indicator(props) {
|
|
|
12975
12988
|
}, props)));
|
|
12976
12989
|
};
|
|
12977
12990
|
|
|
12978
|
-
var _templateObject$b, _templateObject2$a, _templateObject3$9, _templateObject4$8, _templateObject5$7, _templateObject6$
|
|
12991
|
+
var _templateObject$b, _templateObject2$a, _templateObject3$9, _templateObject4$8, _templateObject5$7, _templateObject6$6, _templateObject7$6, _templateObject8$5, _templateObject9$5, _templateObject10$4, _templateObject11$2;
|
|
12979
12992
|
var Footer = styled__default.div(_templateObject$b || (_templateObject$b = _taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n\n > button:last-child {\n margin-left: auto;\n }\n"])));
|
|
12980
12993
|
var WeekContainer = styled__default.div(_templateObject2$a || (_templateObject2$a = _taggedTemplateLiteralLoose(["\n width: 100%;\n display: flex;\n\n :not(:first-child) {\n border-top: 1px solid ", ";\n }\n\n > * {\n font-family: ", ";\n font-size: ", ";\n line-height: ", ";\n width: 32px;\n height: 32px;\n\n color: ", ";\n box-shadow: none;\n\n display: flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n\n border: 1px solid transparent;\n :not(:last-child) {\n border-right-color: ", ";\n }\n }\n"])), function (_ref) {
|
|
12981
12994
|
var theme = _ref.theme;
|
|
@@ -13009,9 +13022,9 @@ var DayContainer = styled__default.button(_templateObject4$8 || (_templateObject
|
|
|
13009
13022
|
};
|
|
13010
13023
|
|
|
13011
13024
|
if (appearance === 'disabled') {
|
|
13012
|
-
return styled.css(_templateObject6$
|
|
13025
|
+
return styled.css(_templateObject6$6 || (_templateObject6$6 = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n "])), theme.getColor('greyishBlue', 10));
|
|
13013
13026
|
} else if (appearance === 'highlight') {
|
|
13014
|
-
return styled.css(_templateObject7$
|
|
13027
|
+
return styled.css(_templateObject7$6 || (_templateObject7$6 = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n ", "\n "])), theme.getColor('blue', 30), hover('blue'));
|
|
13015
13028
|
} else if (appearance === 'active') {
|
|
13016
13029
|
return styled.css(_templateObject8$5 || (_templateObject8$5 = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n color: ", ";\n :not(:last-child) {\n border-right-color: ", ";\n }\n ", "\n "])), theme.colors.blue, theme.colors.white, function (_ref9) {
|
|
13017
13030
|
var theme = _ref9.theme;
|
|
@@ -13607,7 +13620,7 @@ var getTimeProps = function getTimeProps(time, value) {
|
|
|
13607
13620
|
});
|
|
13608
13621
|
};
|
|
13609
13622
|
|
|
13610
|
-
var _templateObject$e, _templateObject2$b, _templateObject3$a, _templateObject4$9, _templateObject5$8, _templateObject6$
|
|
13623
|
+
var _templateObject$e, _templateObject2$b, _templateObject3$a, _templateObject4$9, _templateObject5$8, _templateObject6$7, _templateObject7$7, _templateObject8$6, _templateObject9$6, _templateObject10$5, _templateObject11$3, _templateObject12$2;
|
|
13611
13624
|
var Button = styled__default.button(_templateObject$e || (_templateObject$e = _taggedTemplateLiteralLoose(["\n padding: 0\n ", ";\n font-family: 'Lato', sans-serif;\n font-weight: ", ";\n border-radius: 4px;\n position: relative;\n user-select: none;\n\n ", ";\n\n ", ";\n\n color: ", ";\n\n :disabled {\n ", "\n }\n\n :hover {\n cursor: ", ";\n\n ", "\n }\n\n :active {\n ", ";\n }\n\n ", "\n"])), function (_ref) {
|
|
13612
13625
|
var theme = _ref.theme,
|
|
13613
13626
|
appearance = _ref.appearance;
|
|
@@ -13663,9 +13676,9 @@ var Button = styled__default.button(_templateObject$e || (_templateObject$e = _t
|
|
|
13663
13676
|
theme = _ref8.theme;
|
|
13664
13677
|
|
|
13665
13678
|
if (appearance === 'bordered') {
|
|
13666
|
-
return styled.css(_templateObject6$
|
|
13679
|
+
return styled.css(_templateObject6$7 || (_templateObject6$7 = _taggedTemplateLiteralLoose(["\n color: ", ";\n border: 1px solid ", ";\n "])), theme.getColor(color || 'blue', 70), theme.getColor(color || 'blue', 70));
|
|
13667
13680
|
} else if (['link', 'bordeless'].includes(appearance)) {
|
|
13668
|
-
return styled.css(_templateObject7$
|
|
13681
|
+
return styled.css(_templateObject7$7 || (_templateObject7$7 = _taggedTemplateLiteralLoose(["\n color: ", ";\n "])), theme.colors.blue);
|
|
13669
13682
|
}
|
|
13670
13683
|
|
|
13671
13684
|
return styled.css(_templateObject8$6 || (_templateObject8$6 = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n border-color: ", ";\n "])), theme.getColor(color || 'blue', 70), theme.getColor(color || 'blue', 70));
|
|
@@ -14398,7 +14411,7 @@ var useSelect = function useSelect(props) {
|
|
|
14398
14411
|
menu: {
|
|
14399
14412
|
itemSpacing: 's3',
|
|
14400
14413
|
before: React__default.createElement(Header$1, null),
|
|
14401
|
-
maxHeight: '180px'
|
|
14414
|
+
maxHeight: props.maxHeight || '180px'
|
|
14402
14415
|
},
|
|
14403
14416
|
getContext: function getContext(base, children) {
|
|
14404
14417
|
return React__default.createElement(Provider.Provider, {
|
|
@@ -14423,7 +14436,9 @@ var useContext$1 = function useContext() {
|
|
|
14423
14436
|
|
|
14424
14437
|
var Footer$1 = function Footer() {
|
|
14425
14438
|
var context = useContext$1();
|
|
14426
|
-
var
|
|
14439
|
+
var _context$props = context.props,
|
|
14440
|
+
value = _context$props.value,
|
|
14441
|
+
setValue = _context$props.setValue,
|
|
14427
14442
|
_context$checked = context.checked,
|
|
14428
14443
|
checked = _context$checked[0],
|
|
14429
14444
|
setOpen = context.setOpen;
|
|
@@ -14433,13 +14448,17 @@ var Footer$1 = function Footer() {
|
|
|
14433
14448
|
setOpen(false);
|
|
14434
14449
|
};
|
|
14435
14450
|
|
|
14451
|
+
var isDirty = checked.length !== value.length || checked.some(function (e) {
|
|
14452
|
+
return !value.includes(e);
|
|
14453
|
+
});
|
|
14436
14454
|
return React__default.createElement(Button$1, {
|
|
14437
14455
|
type: 'button',
|
|
14438
14456
|
content: 'Aplicar',
|
|
14439
14457
|
onClick: onClick,
|
|
14440
14458
|
style: {
|
|
14441
14459
|
marginRight: '-3.5px'
|
|
14442
|
-
}
|
|
14460
|
+
},
|
|
14461
|
+
disabled: !isDirty
|
|
14443
14462
|
});
|
|
14444
14463
|
};
|
|
14445
14464
|
|
|
@@ -14620,7 +14639,7 @@ var useSelectMultiple = function useSelectMultiple(props) {
|
|
|
14620
14639
|
itemSpacing: undefined,
|
|
14621
14640
|
before: React__default.createElement(Header$2, null),
|
|
14622
14641
|
after: React__default.createElement(Footer$1, null),
|
|
14623
|
-
maxHeight: props.selectAll ? '269px' : '224px'
|
|
14642
|
+
maxHeight: props.maxHeight || (props.selectAll ? '269px' : '224px')
|
|
14624
14643
|
},
|
|
14625
14644
|
getContext: function getContext(base, children) {
|
|
14626
14645
|
return React__default.createElement(Provider$1.Provider, {
|
|
@@ -14638,11 +14657,15 @@ var useSelectMultiple = function useSelectMultiple(props) {
|
|
|
14638
14657
|
return returnData;
|
|
14639
14658
|
};
|
|
14640
14659
|
|
|
14641
|
-
var _templateObject$l, _templateObject2$g;
|
|
14660
|
+
var _templateObject$l, _templateObject2$g, _templateObject3$d;
|
|
14642
14661
|
var RelativeContainer$2 = styled__default.div(_templateObject$l || (_templateObject$l = _taggedTemplateLiteralLoose(["\n position: relative;\n ", ";\n"])), function (_ref) {
|
|
14643
14662
|
var width = _ref.width;
|
|
14644
14663
|
return !width ? null : styled.css(_templateObject2$g || (_templateObject2$g = _taggedTemplateLiteralLoose(["\n width: ", ";\n "])), width);
|
|
14645
14664
|
});
|
|
14665
|
+
var EmptyContentContainer = styled__default.div(_templateObject3$d || (_templateObject3$d = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: center;\n padding: ", ";\n"])), function (_ref2) {
|
|
14666
|
+
var theme = _ref2.theme;
|
|
14667
|
+
return theme.spacings.s3;
|
|
14668
|
+
});
|
|
14646
14669
|
|
|
14647
14670
|
var Select = React__default.forwardRef(function (props, ref) {
|
|
14648
14671
|
var position = props.position,
|
|
@@ -14813,7 +14836,10 @@ var Select = React__default.forwardRef(function (props, ref) {
|
|
|
14813
14836
|
properties: {
|
|
14814
14837
|
'max-height': {}
|
|
14815
14838
|
}
|
|
14816
|
-
}
|
|
14839
|
+
},
|
|
14840
|
+
emptyContent: props.emptyContent || React__default.createElement(EmptyContentContainer, {
|
|
14841
|
+
children: "Nenhuma op\xE7\xE3o encontrada"
|
|
14842
|
+
})
|
|
14817
14843
|
}))));
|
|
14818
14844
|
});
|
|
14819
14845
|
Select.displayName = 'Select';
|
|
@@ -15058,10 +15084,10 @@ var countries = {
|
|
|
15058
15084
|
}
|
|
15059
15085
|
};
|
|
15060
15086
|
|
|
15061
|
-
var _templateObject$n, _templateObject2$i, _templateObject3$
|
|
15087
|
+
var _templateObject$n, _templateObject2$i, _templateObject3$e;
|
|
15062
15088
|
var IconContainer$1 = styled__default.div(_templateObject$n || (_templateObject$n = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n\n > i.icon {\n margin-top: -1px;\n }\n"])));
|
|
15063
15089
|
var RelativeContainer$3 = styled__default.div(_templateObject2$i || (_templateObject2$i = _taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
15064
|
-
var Label$3 = styled__default.div(_templateObject3$
|
|
15090
|
+
var Label$3 = styled__default.div(_templateObject3$e || (_templateObject3$e = _taggedTemplateLiteralLoose(["\n ", "\n\n color: ", ";\n\n display: flex;\n gap: ", ";\n\n > span {\n color: ", ";\n }\n"])), function (_ref) {
|
|
15065
15091
|
var theme = _ref.theme;
|
|
15066
15092
|
return theme.useTypography('p');
|
|
15067
15093
|
}, function (_ref2) {
|
|
@@ -15237,7 +15263,7 @@ var Phone = Object.assign(Component, {
|
|
|
15237
15263
|
getPhoneDetails: getPhoneDetails
|
|
15238
15264
|
});
|
|
15239
15265
|
|
|
15240
|
-
var _templateObject$o, _templateObject2$j, _templateObject3$
|
|
15266
|
+
var _templateObject$o, _templateObject2$j, _templateObject3$f, _templateObject4$b, _templateObject5$9, _templateObject6$8, _templateObject7$8, _templateObject8$7, _templateObject9$7;
|
|
15241
15267
|
var RelativeContainer$4 = styled__default.div(_templateObject$o || (_templateObject$o = _taggedTemplateLiteralLoose(["\n position: relative;\n\n input {\n color: transparent;\n }\n"])));
|
|
15242
15268
|
var LabelContainer$2 = styled__default.div(_templateObject2$j || (_templateObject2$j = _taggedTemplateLiteralLoose(["\n ", "\n line-height: ", ";\n"])), function (_ref) {
|
|
15243
15269
|
var theme = _ref.theme;
|
|
@@ -15246,7 +15272,7 @@ var LabelContainer$2 = styled__default.div(_templateObject2$j || (_templateObjec
|
|
|
15246
15272
|
var theme = _ref2.theme;
|
|
15247
15273
|
return theme.spacings.s3;
|
|
15248
15274
|
});
|
|
15249
|
-
var Container$5 = styled__default.div(_templateObject3$
|
|
15275
|
+
var Container$5 = styled__default.div(_templateObject3$f || (_templateObject3$f = _taggedTemplateLiteralLoose(["\n position: absolute;\n bottom: 1px;\n left: 1px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n border-radius: 4px;\n\n ", "\n\n ", "\n\n ", "\n"])), function (_ref3) {
|
|
15250
15276
|
var theme = _ref3.theme,
|
|
15251
15277
|
iconWidth = _ref3.iconWidth,
|
|
15252
15278
|
paddingless = _ref3.paddingless;
|
|
@@ -15260,11 +15286,11 @@ var Container$5 = styled__default.div(_templateObject3$e || (_templateObject3$e
|
|
|
15260
15286
|
var invalid = _ref4.invalid,
|
|
15261
15287
|
theme = _ref4.theme;
|
|
15262
15288
|
if (!invalid) return;
|
|
15263
|
-
return styled.css(_templateObject6$
|
|
15289
|
+
return styled.css(_templateObject6$8 || (_templateObject6$8 = _taggedTemplateLiteralLoose(["\n color: ", ";\n "])), theme.colors.warningRed);
|
|
15264
15290
|
}, function (_ref5) {
|
|
15265
15291
|
var disabled = _ref5.disabled;
|
|
15266
15292
|
if (!disabled) return;
|
|
15267
|
-
return styled.css(_templateObject7$
|
|
15293
|
+
return styled.css(_templateObject7$8 || (_templateObject7$8 = _taggedTemplateLiteralLoose(["\n opacity: 0.5;\n "])));
|
|
15268
15294
|
});
|
|
15269
15295
|
var Button$3 = styled__default.button(_templateObject8$7 || (_templateObject8$7 = _taggedTemplateLiteralLoose(["\n display: flex;\n background-color: transparent;\n border: none;\n padding: 0;\n box-shadow: none;\n\n ", ";\n"])), function (_ref6) {
|
|
15270
15296
|
var onClick = _ref6.onClick;
|
|
@@ -15384,7 +15410,7 @@ var DatePicker = React__default.forwardRef(function (props, ref) {
|
|
|
15384
15410
|
});
|
|
15385
15411
|
DatePicker.displayName = 'DatePicker';
|
|
15386
15412
|
|
|
15387
|
-
var _templateObject$p, _templateObject2$k, _templateObject3$
|
|
15413
|
+
var _templateObject$p, _templateObject2$k, _templateObject3$g, _templateObject4$c, _templateObject5$a, _templateObject6$9, _templateObject7$9;
|
|
15388
15414
|
var LabelContainer$3 = styled__default.div(_templateObject$p || (_templateObject$p = _taggedTemplateLiteralLoose(["\n ", "\n line-height: 14px;\n display: flex;\n align-items: center;\n\n ", "\n"])), function (_ref) {
|
|
15389
15415
|
var theme = _ref.theme;
|
|
15390
15416
|
return theme.useTypography('p');
|
|
@@ -15393,7 +15419,7 @@ var LabelContainer$3 = styled__default.div(_templateObject$p || (_templateObject
|
|
|
15393
15419
|
if (!required) return;
|
|
15394
15420
|
return styled.css(_templateObject2$k || (_templateObject2$k = _taggedTemplateLiteralLoose(["\n :after {\n content: '*';\n }\n "])));
|
|
15395
15421
|
});
|
|
15396
|
-
var Label$4 = styled__default.label(_templateObject3$
|
|
15422
|
+
var Label$4 = styled__default.label(_templateObject3$g || (_templateObject3$g = _taggedTemplateLiteralLoose(["\n display: flex;\n gap: ", ";\n position: relative;\n align-items: center;\n\n ", "\n\n ", "\n\n > input {\n position: absolute;\n height: 0%;\n width: 0%;\n opacity: 0;\n }\n\n > span {\n position: relative;\n width: 50px;\n height: calc(", " + 1px);\n background-color: ", ";\n border-radius: 20px;\n transition-property: background-color;\n transition-duration: 0.4s;\n transition-timing-function: ease-in-out;\n box-sizing: content-box;\n :before {\n content: '';\n transition-property: left;\n transition-duration: 0.4s;\n transition-timing-function: ease-in-out;\n position: absolute;\n border-width: 1px;\n border-style: solid;\n border-radius: 100%;\n left: 0;\n box-shadow: 0px 1px 3px ", ";\n width: calc(", " - 1px);\n height: calc(", " - 1px);\n background-color: ", ";\n }\n }\n\n > input:checked + span {\n :before {\n left: calc(100% - ", " - 1px);\n }\n }\n"])), function (_ref3) {
|
|
15397
15423
|
var theme = _ref3.theme;
|
|
15398
15424
|
return theme.spacings.s1;
|
|
15399
15425
|
}, function (_ref4) {
|
|
@@ -15408,7 +15434,7 @@ var Label$4 = styled__default.label(_templateObject3$f || (_templateObject3$f =
|
|
|
15408
15434
|
var invalid = _ref5.invalid;
|
|
15409
15435
|
|
|
15410
15436
|
if (!invalid) {
|
|
15411
|
-
return styled.css(_templateObject6$
|
|
15437
|
+
return styled.css(_templateObject6$9 || (_templateObject6$9 = _taggedTemplateLiteralLoose(["\n > span:before {\n border-color: ", ";\n }\n > input:checked + span {\n background-color: ", ";\n }\n "])), function (_ref6) {
|
|
15412
15438
|
var theme = _ref6.theme;
|
|
15413
15439
|
return theme.colors.lightGrey;
|
|
15414
15440
|
}, function (_ref7) {
|
|
@@ -15417,7 +15443,7 @@ var Label$4 = styled__default.label(_templateObject3$f || (_templateObject3$f =
|
|
|
15417
15443
|
});
|
|
15418
15444
|
}
|
|
15419
15445
|
|
|
15420
|
-
return styled.css(_templateObject7$
|
|
15446
|
+
return styled.css(_templateObject7$9 || (_templateObject7$9 = _taggedTemplateLiteralLoose(["\n > span:before {\n border-color: ", ";\n }\n > input:checked + span {\n background-color: ", ";\n }\n "])), function (_ref8) {
|
|
15421
15447
|
var theme = _ref8.theme;
|
|
15422
15448
|
return theme.colors.warningRed;
|
|
15423
15449
|
}, function (_ref9) {
|
|
@@ -15466,7 +15492,7 @@ var Switch = function Switch(props) {
|
|
|
15466
15492
|
})), React__default.createElement("span", null), label.after && React__default.createElement(LabelContainer$3, null, label.after));
|
|
15467
15493
|
};
|
|
15468
15494
|
|
|
15469
|
-
var _templateObject$q, _templateObject2$l, _templateObject3$
|
|
15495
|
+
var _templateObject$q, _templateObject2$l, _templateObject3$h, _templateObject4$d, _templateObject5$b, _templateObject6$a, _templateObject7$a, _templateObject8$8, _templateObject9$8, _templateObject10$6, _templateObject11$4, _templateObject12$3, _templateObject13$2, _templateObject14$2, _templateObject15$1, _templateObject16$1;
|
|
15470
15496
|
var bullet = styled.css(_templateObject$q || (_templateObject$q = _taggedTemplateLiteralLoose(["\n appearance: none;\n width: ", ";\n height: ", ";\n border-radius: 100%;\n border-width: 1px;\n border-style: solid;\n background-color: ", ";\n box-shadow: 0px 1px 3px ", ";\n"])), function (_ref) {
|
|
15471
15497
|
var theme = _ref.theme;
|
|
15472
15498
|
return theme.spacings.s4;
|
|
@@ -15481,7 +15507,7 @@ var bullet = styled.css(_templateObject$q || (_templateObject$q = _taggedTemplat
|
|
|
15481
15507
|
return theme.getColor('black', 10);
|
|
15482
15508
|
});
|
|
15483
15509
|
var Input$2 = styled__default.input(_templateObject2$l || (_templateObject2$l = _taggedTemplateLiteralLoose(["\n appearance: none;\n width: 100%;\n height: 10px;\n background-color: transparent;\n outline: none;\n position: relative;\n z-index: 3;\n margin: 0;\n\n :not(:disabled) {\n cursor: pointer;\n }\n\n /** firefox */\n ::-moz-range-thumb {\n ", "\n }\n /** ie */\n ::-ms-thumb {\n ", "\n }\n /** chrome */\n ::-webkit-slider-thumb {\n ", "\n }\n"])), bullet, bullet, bullet);
|
|
15484
|
-
var Label$5 = styled__default.label(_templateObject3$
|
|
15510
|
+
var Label$5 = styled__default.label(_templateObject3$h || (_templateObject3$h = _taggedTemplateLiteralLoose(["\n ", ";\n line-height: 19px;\n\n width: ", ";\n box-sizing: border-box;\n display: block;\n position: relative;\n\n ", "\n\n > div:first-child {\n display: inline-block;\n margin-bottom: ", ";\n\n ", "\n }\n"])), function (_ref5) {
|
|
15485
15511
|
var theme = _ref5.theme;
|
|
15486
15512
|
return theme.useTypography('p');
|
|
15487
15513
|
}, function (_ref6) {
|
|
@@ -15499,12 +15525,12 @@ var Label$5 = styled__default.label(_templateObject3$g || (_templateObject3$g =
|
|
|
15499
15525
|
if (!required) return;
|
|
15500
15526
|
return styled.css(_templateObject5$b || (_templateObject5$b = _taggedTemplateLiteralLoose(["\n :after {\n content: ' *';\n }\n "])));
|
|
15501
15527
|
});
|
|
15502
|
-
var InputContainer$1 = styled__default.div(_templateObject6$
|
|
15528
|
+
var InputContainer$1 = styled__default.div(_templateObject6$a || (_templateObject6$a = _taggedTemplateLiteralLoose(["\n flex: 1;\n display: flex;\n gap: 6px;\n\n > div {\n position: relative;\n }\n\n ", "\n"])), function (_ref10) {
|
|
15503
15529
|
var theme = _ref10.theme,
|
|
15504
15530
|
invalid = _ref10.invalid;
|
|
15505
15531
|
|
|
15506
15532
|
if (!invalid) {
|
|
15507
|
-
return styled.css(_templateObject7$
|
|
15533
|
+
return styled.css(_templateObject7$a || (_templateObject7$a = _taggedTemplateLiteralLoose(["\n ", " > span {\n background-color: ", ";\n }\n\n ", " {\n /** firefox */\n ::-moz-range-thumb {\n border-color: ", ";\n }\n /** ie */\n ::-ms-thumb {\n border-color: ", ";\n }\n /** chrome */\n ::-webkit-slider-thumb {\n border-color: ", ";\n }\n }\n "])), SelectedArea, theme.colors.blue, Input$2, theme.colors.lightestGrey, theme.colors.lightestGrey, theme.colors.lightestGrey);
|
|
15508
15534
|
}
|
|
15509
15535
|
|
|
15510
15536
|
return styled.css(_templateObject8$8 || (_templateObject8$8 = _taggedTemplateLiteralLoose(["\n ", " > span {\n background-color: ", ";\n }\n\n ", " {\n /** firefox */\n ::-moz-range-thumb {\n border-color: ", ";\n }\n /** ie */\n ::-ms-thumb {\n border-color: ", ";\n }\n /** chrome */\n ::-webkit-slider-thumb {\n border-color: ", ";\n }\n }\n "])), SelectedArea, theme.colors.warningRed, Input$2, theme.colors.warningRed, theme.colors.warningRed, theme.colors.warningRed);
|
|
@@ -15685,7 +15711,7 @@ var Range = React__default.forwardRef(function (props, ref) {
|
|
|
15685
15711
|
});
|
|
15686
15712
|
Range.displayName = 'input';
|
|
15687
15713
|
|
|
15688
|
-
var _templateObject$r, _templateObject2$m, _templateObject3$
|
|
15714
|
+
var _templateObject$r, _templateObject2$m, _templateObject3$i, _templateObject4$e, _templateObject5$c, _templateObject6$b, _templateObject7$b;
|
|
15689
15715
|
var LabelContainer$4 = styled__default.div(_templateObject$r || (_templateObject$r = _taggedTemplateLiteralLoose(["\n ", "\n display: flex;\n align-items: center;\n"])), function (_ref) {
|
|
15690
15716
|
var theme = _ref.theme;
|
|
15691
15717
|
return theme.useTypography('p');
|
|
@@ -15697,7 +15723,7 @@ var Label$6 = styled__default.label(_templateObject2$m || (_templateObject2$m =
|
|
|
15697
15723
|
var disabled = _ref3.disabled;
|
|
15698
15724
|
|
|
15699
15725
|
if (!disabled) {
|
|
15700
|
-
return styled.css(_templateObject3$
|
|
15726
|
+
return styled.css(_templateObject3$i || (_templateObject3$i = _taggedTemplateLiteralLoose(["\n > span {\n cursor: pointer;\n }\n "])));
|
|
15701
15727
|
}
|
|
15702
15728
|
|
|
15703
15729
|
return styled.css(_templateObject4$e || (_templateObject4$e = _taggedTemplateLiteralLoose(["\n opacity: 0.5;\n "])));
|
|
@@ -15709,7 +15735,7 @@ var Label$6 = styled__default.label(_templateObject2$m || (_templateObject2$m =
|
|
|
15709
15735
|
var invalid = _ref5.invalid;
|
|
15710
15736
|
|
|
15711
15737
|
if (!invalid) {
|
|
15712
|
-
return styled.css(_templateObject6$
|
|
15738
|
+
return styled.css(_templateObject6$b || (_templateObject6$b = _taggedTemplateLiteralLoose(["\n > span {\n border-color: ", ";\n :before {\n background-color: ", ";\n }\n }\n "])), function (_ref6) {
|
|
15713
15739
|
var theme = _ref6.theme;
|
|
15714
15740
|
return theme.colors.blue;
|
|
15715
15741
|
}, function (_ref7) {
|
|
@@ -15718,7 +15744,7 @@ var Label$6 = styled__default.label(_templateObject2$m || (_templateObject2$m =
|
|
|
15718
15744
|
});
|
|
15719
15745
|
}
|
|
15720
15746
|
|
|
15721
|
-
return styled.css(_templateObject7$
|
|
15747
|
+
return styled.css(_templateObject7$b || (_templateObject7$b = _taggedTemplateLiteralLoose(["\n > span {\n border-color: ", ";\n :before {\n background-color: ", ";\n }\n }\n "])), function (_ref8) {
|
|
15722
15748
|
var theme = _ref8.theme;
|
|
15723
15749
|
return theme.colors.warningRed;
|
|
15724
15750
|
}, function (_ref9) {
|
|
@@ -15928,56 +15954,63 @@ var parse = function parse(value) {
|
|
|
15928
15954
|
});
|
|
15929
15955
|
};
|
|
15930
15956
|
|
|
15931
|
-
var _templateObject$s, _templateObject2$n, _templateObject3$
|
|
15957
|
+
var _templateObject$s, _templateObject2$n, _templateObject3$j, _templateObject4$f, _templateObject5$d, _templateObject6$c, _templateObject7$c, _templateObject8$9, _templateObject9$9, _templateObject10$7, _templateObject11$5, _templateObject12$4;
|
|
15932
15958
|
var RelativeContainer$5 = styled__default.div(_templateObject$s || (_templateObject$s = _taggedTemplateLiteralLoose(["\n position: relative;\n user-select: none;\n min-width: 220px;\n\n > input,\n > label > input {\n color: transparent;\n background-color: transparent;\n width: 1px;\n height: 1px;\n position: absolute;\n left: 0;\n bottom: 0;\n border: 0;\n padding: 0;\n overflow: hidden;\n outline: none;\n box-shadow: none;\n }\n"])));
|
|
15933
|
-
var LabelContainer$5 = styled__default.div(_templateObject2$n || (_templateObject2$n = _taggedTemplateLiteralLoose(["\n ", "\n line-height: 17px;\n flex: 1;\n text-align: center;\n\n ", ";\n"])), function (_ref) {
|
|
15959
|
+
var LabelContainer$5 = styled__default.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) {
|
|
15934
15960
|
var theme = _ref.theme;
|
|
15935
15961
|
return theme.useTypography('p');
|
|
15936
15962
|
}, function (_ref2) {
|
|
15937
|
-
var
|
|
15963
|
+
var children = _ref2.children;
|
|
15964
|
+
if (children) return;
|
|
15965
|
+
return styled.css(_templateObject3$j || (_templateObject3$j = _taggedTemplateLiteralLoose(["\n :after {\n content: '--/--/-- (--:--) \xE0 --/--/-- (--:--)';\n color: ", ";\n }\n "])), function (_ref3) {
|
|
15966
|
+
var theme = _ref3.theme;
|
|
15967
|
+
return theme.colors.darkGrey;
|
|
15968
|
+
});
|
|
15969
|
+
}, function (_ref4) {
|
|
15970
|
+
var onClick = _ref4.onClick;
|
|
15938
15971
|
if (!onClick) return;
|
|
15939
|
-
return styled.css(
|
|
15972
|
+
return styled.css(_templateObject4$f || (_templateObject4$f = _taggedTemplateLiteralLoose(["\n :not(:disabled) {\n cursor: pointer;\n }\n "])));
|
|
15940
15973
|
});
|
|
15941
|
-
var Container$6 = styled__default.div(
|
|
15942
|
-
var theme =
|
|
15974
|
+
var Container$6 = styled__default.div(_templateObject5$d || (_templateObject5$d = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n border-radius: 4px;\n white-space: nowrap;\n gap: ", ";\n border-width: 1px;\n border-style: solid;\n border-color: ", ";\n\n width: 100%;\n\n ", ";\n\n ", "\n\n ", "\n"])), function (_ref5) {
|
|
15975
|
+
var theme = _ref5.theme;
|
|
15943
15976
|
return theme.spacings.s1;
|
|
15944
|
-
}, function (
|
|
15945
|
-
var theme =
|
|
15946
|
-
invalid =
|
|
15947
|
-
borderless =
|
|
15977
|
+
}, function (_ref6) {
|
|
15978
|
+
var theme = _ref6.theme,
|
|
15979
|
+
invalid = _ref6.invalid,
|
|
15980
|
+
borderless = _ref6.borderless;
|
|
15948
15981
|
if (borderless) return 'transparent';
|
|
15949
15982
|
return invalid ? theme.colors.warningRed : theme.colors.lightGrey;
|
|
15950
|
-
}, function (_ref5) {
|
|
15951
|
-
var theme = _ref5.theme,
|
|
15952
|
-
invalid = _ref5.invalid;
|
|
15953
|
-
|
|
15954
|
-
var _ref6 = invalid ? [theme.getColor('warningRed', 5), theme.colors.warningRed] : [theme.colors.white, theme.colors.darkBlue],
|
|
15955
|
-
bgColor = _ref6[0],
|
|
15956
|
-
color = _ref6[1];
|
|
15957
|
-
|
|
15958
|
-
return styled.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);
|
|
15959
15983
|
}, function (_ref7) {
|
|
15960
15984
|
var theme = _ref7.theme,
|
|
15961
|
-
|
|
15985
|
+
invalid = _ref7.invalid;
|
|
15986
|
+
|
|
15987
|
+
var _ref8 = invalid ? [theme.getColor('warningRed', 5), theme.colors.warningRed] : [theme.colors.white, theme.colors.darkBlue],
|
|
15988
|
+
bgColor = _ref8[0],
|
|
15989
|
+
color = _ref8[1];
|
|
15990
|
+
|
|
15991
|
+
return styled.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);
|
|
15992
|
+
}, function (_ref9) {
|
|
15993
|
+
var theme = _ref9.theme,
|
|
15994
|
+
paddingless = _ref9.paddingless;
|
|
15962
15995
|
if (paddingless) return;
|
|
15963
|
-
return styled.css(
|
|
15964
|
-
}, function (
|
|
15965
|
-
var disabled =
|
|
15996
|
+
return styled.css(_templateObject7$c || (_templateObject7$c = _taggedTemplateLiteralLoose(["\n padding: ", " ", " ", "\n ", ";\n "])), theme.spacings.s2, theme.spacings.s1, theme.spacings.s2, theme.spacings.s3);
|
|
15997
|
+
}, function (_ref10) {
|
|
15998
|
+
var disabled = _ref10.disabled;
|
|
15966
15999
|
if (!disabled) return;
|
|
15967
|
-
return styled.css(
|
|
16000
|
+
return styled.css(_templateObject8$9 || (_templateObject8$9 = _taggedTemplateLiteralLoose(["\n opacity: 0.5;\n "])));
|
|
15968
16001
|
});
|
|
15969
|
-
var Button$4 = styled__default.button(
|
|
15970
|
-
var onClick =
|
|
16002
|
+
var Button$4 = styled__default.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) {
|
|
16003
|
+
var onClick = _ref11.onClick;
|
|
15971
16004
|
if (!onClick) return;
|
|
15972
|
-
return styled.css(
|
|
16005
|
+
return styled.css(_templateObject10$7 || (_templateObject10$7 = _taggedTemplateLiteralLoose(["\n :not(:disabled) {\n cursor: pointer;\n }\n "])));
|
|
15973
16006
|
});
|
|
15974
|
-
var LabelText$1 = styled__default.label(
|
|
15975
|
-
var theme =
|
|
16007
|
+
var LabelText$1 = styled__default.label(_templateObject11$5 || (_templateObject11$5 = _taggedTemplateLiteralLoose(["\n display: inline-block;\n margin-bottom: ", ";\n\n ", "\n"])), function (_ref12) {
|
|
16008
|
+
var theme = _ref12.theme;
|
|
15976
16009
|
return theme.spacings.s1;
|
|
15977
|
-
}, function (
|
|
15978
|
-
var required =
|
|
16010
|
+
}, function (_ref13) {
|
|
16011
|
+
var required = _ref13.required;
|
|
15979
16012
|
if (!required) return;
|
|
15980
|
-
return styled.css(
|
|
16013
|
+
return styled.css(_templateObject12$4 || (_templateObject12$4 = _taggedTemplateLiteralLoose(["\n :after {\n content: ' *';\n }\n "])));
|
|
15981
16014
|
});
|
|
15982
16015
|
|
|
15983
16016
|
var Component$1 = React__default.forwardRef(function (props, ref) {
|
|
@@ -16093,9 +16126,9 @@ var Component$1 = React__default.forwardRef(function (props, ref) {
|
|
|
16093
16126
|
}, function () {
|
|
16094
16127
|
var label = React__default.createElement(LabelContainer$5, {
|
|
16095
16128
|
onClick: onClick
|
|
16096
|
-
}, value.some(function (v) {
|
|
16129
|
+
}, !value.some(function (v) {
|
|
16097
16130
|
return !isDateInstance(v);
|
|
16098
|
-
})
|
|
16131
|
+
}) && config.label(value));
|
|
16099
16132
|
if (intervalType === 'custom') return label;
|
|
16100
16133
|
var incrementProps = getArrowProps('increment');
|
|
16101
16134
|
var decrementProps = getArrowProps('decrement');
|
|
@@ -16117,15 +16150,15 @@ var Component$1 = React__default.forwardRef(function (props, ref) {
|
|
|
16117
16150
|
icon: 'chevron_right',
|
|
16118
16151
|
color: props.invalid ? 'warningRed' : 'grey',
|
|
16119
16152
|
strokeWidth: '3px'
|
|
16120
|
-
})), React__default.createElement(Button$4, {
|
|
16121
|
-
onClick: onClick
|
|
16122
|
-
}, React__default.createElement(Icon, {
|
|
16123
|
-
type: 'feather',
|
|
16124
|
-
icon: 'calendar',
|
|
16125
|
-
color: props.invalid ? 'warningRed' : 'grey',
|
|
16126
|
-
width: '24px'
|
|
16127
16153
|
})));
|
|
16128
|
-
}()
|
|
16154
|
+
}(), React__default.createElement(Button$4, {
|
|
16155
|
+
onClick: onClick
|
|
16156
|
+
}, React__default.createElement(Icon, {
|
|
16157
|
+
type: 'feather',
|
|
16158
|
+
icon: 'calendar',
|
|
16159
|
+
color: props.invalid ? 'warningRed' : 'grey',
|
|
16160
|
+
width: '24px'
|
|
16161
|
+
}))), React__default.createElement(Menu, {
|
|
16129
16162
|
open: open === 'menu',
|
|
16130
16163
|
close: function close() {
|
|
16131
16164
|
return setOpen(null);
|
|
@@ -16308,7 +16341,7 @@ var Tag$1 = function Tag$1(props) {
|
|
|
16308
16341
|
})));
|
|
16309
16342
|
};
|
|
16310
16343
|
|
|
16311
|
-
var _templateObject$w, _templateObject2$p, _templateObject3$
|
|
16344
|
+
var _templateObject$w, _templateObject2$p, _templateObject3$k;
|
|
16312
16345
|
var Label$9 = styled__default.label(_templateObject$w || (_templateObject$w = _taggedTemplateLiteralLoose(["\n ", ";\n\n color: ", ";\n\n width: ", ";\n box-sizing: border-box;\n position: relative;\n display: block;\n\n ", "\n"])), function (_ref) {
|
|
16313
16346
|
var theme = _ref.theme;
|
|
16314
16347
|
return theme.useTypography('p');
|
|
@@ -16323,7 +16356,7 @@ var Label$9 = styled__default.label(_templateObject$w || (_templateObject$w = _t
|
|
|
16323
16356
|
if (!disabled) return;
|
|
16324
16357
|
return styled.css(_templateObject2$p || (_templateObject2$p = _taggedTemplateLiteralLoose(["\n opacity: 0.5;\n "])));
|
|
16325
16358
|
});
|
|
16326
|
-
var TagContainer = styled__default.div(_templateObject3$
|
|
16359
|
+
var TagContainer = styled__default.div(_templateObject3$k || (_templateObject3$k = _taggedTemplateLiteralLoose(["\n border-width: 1px;\n border-style: solid;\n border-color: ", ";\n border-radius: 4px;\n display: flex;\n flex-wrap: wrap;\n gap: calc(", " / 2);\n padding: ", ";\n"])), function (_ref5) {
|
|
16327
16360
|
var theme = _ref5.theme,
|
|
16328
16361
|
invalid = _ref5.invalid;
|
|
16329
16362
|
return theme.colors[invalid ? 'warningRed' : 'lightGrey'];
|
|
@@ -16805,7 +16838,7 @@ var Input$5 = Object.assign(Component$2, {
|
|
|
16805
16838
|
getPhoneDetails: Phone.getPhoneDetails
|
|
16806
16839
|
});
|
|
16807
16840
|
|
|
16808
|
-
var _templateObject$y, _templateObject2$q, _templateObject3$
|
|
16841
|
+
var _templateObject$y, _templateObject2$q, _templateObject3$l, _templateObject4$g;
|
|
16809
16842
|
var Container$7 = styled__default(AbsoluteContainer)(_templateObject$y || (_templateObject$y = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n\n > div {\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n\n > div {\n padding: ", ";\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n }\n }\n"])), function (_ref) {
|
|
16810
16843
|
var theme = _ref.theme;
|
|
16811
16844
|
return theme.colors.white;
|
|
@@ -16820,7 +16853,7 @@ var Header$3 = styled__default.div(_templateObject2$q || (_templateObject2$q = _
|
|
|
16820
16853
|
var s3 = _ref4.theme.spacings.s3;
|
|
16821
16854
|
return "0 " + s3 + " " + s3 + " 0";
|
|
16822
16855
|
});
|
|
16823
|
-
var Title = styled__default.div(_templateObject3$
|
|
16856
|
+
var Title = styled__default.div(_templateObject3$l || (_templateObject3$l = _taggedTemplateLiteralLoose(["\n ", "\n color: ", ";\n"])), function (_ref5) {
|
|
16824
16857
|
var useTypography = _ref5.theme.useTypography;
|
|
16825
16858
|
return useTypography('p', {
|
|
16826
16859
|
fontWeight: 'bold'
|
|
@@ -16943,7 +16976,7 @@ var AppliedFiltersMenu = function AppliedFiltersMenu(props) {
|
|
|
16943
16976
|
}))));
|
|
16944
16977
|
};
|
|
16945
16978
|
|
|
16946
|
-
var _templateObject$z, _templateObject2$r, _templateObject3$
|
|
16979
|
+
var _templateObject$z, _templateObject2$r, _templateObject3$m;
|
|
16947
16980
|
var Container$8 = styled__default.div(_templateObject$z || (_templateObject$z = _taggedTemplateLiteralLoose(["\n display: flex;\n gap: ", ";\n align-items: center;\n color: ", ";\n\n ", "\n"])), function (_ref) {
|
|
16948
16981
|
var theme = _ref.theme;
|
|
16949
16982
|
return theme.spacings.s4;
|
|
@@ -16957,7 +16990,7 @@ var Container$8 = styled__default.div(_templateObject$z || (_templateObject$z =
|
|
|
16957
16990
|
return styled.css(_templateObject2$r || (_templateObject2$r = _taggedTemplateLiteralLoose(["\n opacity: 0.3;\n pointer-events: none;\n "])));
|
|
16958
16991
|
}
|
|
16959
16992
|
|
|
16960
|
-
return styled.css(_templateObject3$
|
|
16993
|
+
return styled.css(_templateObject3$m || (_templateObject3$m = _taggedTemplateLiteralLoose(["\n cursor: pointer;\n "])));
|
|
16961
16994
|
});
|
|
16962
16995
|
|
|
16963
16996
|
var Button$5 = function Button(props) {
|
|
@@ -17005,19 +17038,19 @@ var AppliedFilters = Object.assign(function (props) {
|
|
|
17005
17038
|
Menu: AppliedFiltersMenu
|
|
17006
17039
|
});
|
|
17007
17040
|
|
|
17008
|
-
var _templateObject$A, _templateObject2$s, _templateObject3$
|
|
17041
|
+
var _templateObject$A, _templateObject2$s, _templateObject3$n, _templateObject4$h, _templateObject5$e, _templateObject6$d, _templateObject7$d, _templateObject8$a, _templateObject9$a, _templateObject10$8;
|
|
17009
17042
|
var Container$9 = styled__default.div(_templateObject$A || (_templateObject$A = _taggedTemplateLiteralLoose(["\n width: 100%;\n background: #fff;\n border: 1px solid #d4d4d5;\n border-radius: 4px;\n border-left-width: 5px;\n padding: 14px;\n ", "\n ", "\n ", "\n ", "\n\n ", "\n ", "\n ", "\n\n ", "\n ", "\n"])), function (props) {
|
|
17010
17043
|
return props.size === 'mini' && styled.css(_templateObject2$s || (_templateObject2$s = _taggedTemplateLiteralLoose(["\n width: 394px;\n height: 99px;\n "])));
|
|
17011
17044
|
}, function (props) {
|
|
17012
|
-
return props.size === 'small' && styled.css(_templateObject3$
|
|
17045
|
+
return props.size === 'small' && styled.css(_templateObject3$n || (_templateObject3$n = _taggedTemplateLiteralLoose(["\n width: 394px;\n height: 131px;\n "])));
|
|
17013
17046
|
}, function (props) {
|
|
17014
17047
|
return props.size === 'medium' && styled.css(_templateObject4$h || (_templateObject4$h = _taggedTemplateLiteralLoose(["\n width: 394px;\n "])));
|
|
17015
17048
|
}, function (props) {
|
|
17016
17049
|
return props.size === 'big' && styled.css(_templateObject5$e || (_templateObject5$e = _taggedTemplateLiteralLoose(["\n width: 414px;\n height: 324px;\n "])));
|
|
17017
17050
|
}, function (props) {
|
|
17018
|
-
return props.borderType === 'info' && styled.css(_templateObject6$
|
|
17051
|
+
return props.borderType === 'info' && styled.css(_templateObject6$d || (_templateObject6$d = _taggedTemplateLiteralLoose(["\n border-left-color: #4d6dbe;\n "])));
|
|
17019
17052
|
}, function (props) {
|
|
17020
|
-
return props.borderType === 'success' && styled.css(_templateObject7$
|
|
17053
|
+
return props.borderType === 'success' && styled.css(_templateObject7$d || (_templateObject7$d = _taggedTemplateLiteralLoose(["\n border-left-color: #66bb6a;\n "])));
|
|
17021
17054
|
}, function (props) {
|
|
17022
17055
|
return props.borderType === 'warning' && styled.css(_templateObject8$a || (_templateObject8$a = _taggedTemplateLiteralLoose(["\n border-left-color: #fbcb01;\n "])));
|
|
17023
17056
|
}, function (props) {
|
|
@@ -17441,7 +17474,7 @@ var useContext$2 = function useContext() {
|
|
|
17441
17474
|
return React__default.useContext(Provider$2);
|
|
17442
17475
|
};
|
|
17443
17476
|
|
|
17444
|
-
var _templateObject$D, _templateObject2$t, _templateObject3$
|
|
17477
|
+
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;
|
|
17445
17478
|
var aligns = {
|
|
17446
17479
|
self: {
|
|
17447
17480
|
horizontal: {
|
|
@@ -17476,7 +17509,7 @@ var Col = styled__default.div(_templateObject$D || (_templateObject$D = _taggedT
|
|
|
17476
17509
|
if (width === undefined) {
|
|
17477
17510
|
return styled.css(_templateObject2$t || (_templateObject2$t = _taggedTemplateLiteralLoose(["\n flex-basis: 0;\n flex-grow: 1;\n max-width: 100%;\n width: 100%;\n "])));
|
|
17478
17511
|
} else if (width === 'auto') {
|
|
17479
|
-
return styled.css(_templateObject3$
|
|
17512
|
+
return styled.css(_templateObject3$o || (_templateObject3$o = _taggedTemplateLiteralLoose(["\n flex: 0 0 auto;\n width: auto;\n max-width: none;\n "])));
|
|
17480
17513
|
}
|
|
17481
17514
|
|
|
17482
17515
|
var w = parseFloat(width) * 100 / 12;
|
|
@@ -17498,13 +17531,13 @@ var Col = styled__default.div(_templateObject$D || (_templateObject$D = _taggedT
|
|
|
17498
17531
|
if (align.self.horizontal !== undefined) {
|
|
17499
17532
|
var v = align.self.horizontal;
|
|
17500
17533
|
var a = aligns.self.horizontal;
|
|
17501
|
-
styles.push(styled.css(_templateObject6$
|
|
17534
|
+
styles.push(styled.css(_templateObject6$e || (_templateObject6$e = _taggedTemplateLiteralLoose(["\n justify-self: ", ";\n "])), a[v]));
|
|
17502
17535
|
}
|
|
17503
17536
|
|
|
17504
17537
|
if (align.self.vertical !== undefined) {
|
|
17505
17538
|
var _v = align.self.vertical;
|
|
17506
17539
|
var _a = aligns.self.vertical;
|
|
17507
|
-
styles.push(styled.css(_templateObject7$
|
|
17540
|
+
styles.push(styled.css(_templateObject7$e || (_templateObject7$e = _taggedTemplateLiteralLoose(["\n align-self: ", ";\n "])), _a[_v]));
|
|
17508
17541
|
}
|
|
17509
17542
|
}
|
|
17510
17543
|
|
|
@@ -17538,7 +17571,7 @@ var Col = styled__default.div(_templateObject$D || (_templateObject$D = _taggedT
|
|
|
17538
17571
|
theme = _ref6.theme;
|
|
17539
17572
|
if (fontColor === undefined) return;
|
|
17540
17573
|
var c = Array.isArray(fontColor) ? theme.getColor.apply(theme, fontColor) : theme.colors[fontColor];
|
|
17541
|
-
return styled.css(_templateObject12$
|
|
17574
|
+
return styled.css(_templateObject12$5 || (_templateObject12$5 = _taggedTemplateLiteralLoose(["\n color: ", ";\n "])), c);
|
|
17542
17575
|
}, function (_ref7) {
|
|
17543
17576
|
var backgroundColor = _ref7.backgroundColor,
|
|
17544
17577
|
theme = _ref7.theme;
|
|
@@ -17575,7 +17608,7 @@ var useContext$3 = function useContext() {
|
|
|
17575
17608
|
return React__default.useContext(Provider$3);
|
|
17576
17609
|
};
|
|
17577
17610
|
|
|
17578
|
-
var _templateObject$E, _templateObject2$u, _templateObject3$
|
|
17611
|
+
var _templateObject$E, _templateObject2$u, _templateObject3$p;
|
|
17579
17612
|
var Grid = styled__default.div(_templateObject$E || (_templateObject$E = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n width: 100%;\n\n ", "\n\n ", "\n"])), function (_ref) {
|
|
17580
17613
|
var spacing = _ref.spacing;
|
|
17581
17614
|
if (spacing === undefined) return;
|
|
@@ -17585,7 +17618,7 @@ var Grid = styled__default.div(_templateObject$E || (_templateObject$E = _tagged
|
|
|
17585
17618
|
var borderless = _ref2.borderless,
|
|
17586
17619
|
lightestGrey = _ref2.theme.colors.lightestGrey;
|
|
17587
17620
|
if (borderless) return;
|
|
17588
|
-
return styled.css(_templateObject3$
|
|
17621
|
+
return styled.css(_templateObject3$p || (_templateObject3$p = _taggedTemplateLiteralLoose(["\n border: 1px solid ", ";\n "])), lightestGrey);
|
|
17589
17622
|
});
|
|
17590
17623
|
|
|
17591
17624
|
var Grid$1 = function Grid$1(props) {
|
|
@@ -17600,7 +17633,7 @@ var Grid$1 = function Grid$1(props) {
|
|
|
17600
17633
|
}, React__default.createElement(Grid, Object.assign({}, gridProps)));
|
|
17601
17634
|
};
|
|
17602
17635
|
|
|
17603
|
-
var _templateObject$F, _templateObject2$v, _templateObject3$
|
|
17636
|
+
var _templateObject$F, _templateObject2$v, _templateObject3$q, _templateObject4$j, _templateObject5$g, _templateObject6$f, _templateObject7$f, _templateObject8$c, _templateObject9$c, _templateObject10$a;
|
|
17604
17637
|
var horizontalAligns = {
|
|
17605
17638
|
around: 'space-around',
|
|
17606
17639
|
between: 'space-between',
|
|
@@ -17621,7 +17654,7 @@ var Row = styled__default.div(_templateObject$F || (_templateObject$F = _taggedT
|
|
|
17621
17654
|
}, function (_ref2) {
|
|
17622
17655
|
var spacingAround = _ref2.spacingAround;
|
|
17623
17656
|
if (spacingAround) return;
|
|
17624
|
-
return styled.css(_templateObject3$
|
|
17657
|
+
return styled.css(_templateObject3$q || (_templateObject3$q = _taggedTemplateLiteralLoose(["\n :first-child {\n padding-top: 0;\n }\n :last-child {\n padding-bottom: 0;\n }\n "])));
|
|
17625
17658
|
}, function (_ref3) {
|
|
17626
17659
|
var horizontalAlign = _ref3.horizontalAlign;
|
|
17627
17660
|
if (horizontalAlign === undefined) return;
|
|
@@ -17637,11 +17670,11 @@ var Row = styled__default.div(_templateObject$F || (_templateObject$F = _taggedT
|
|
|
17637
17670
|
|
|
17638
17671
|
if (backgroundColor !== undefined) {
|
|
17639
17672
|
var c = Array.isArray(backgroundColor) ? theme.getColor.apply(theme, backgroundColor) : theme.colors[backgroundColor];
|
|
17640
|
-
return styled.css(_templateObject6$
|
|
17673
|
+
return styled.css(_templateObject6$f || (_templateObject6$f = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n "])), c);
|
|
17641
17674
|
}
|
|
17642
17675
|
|
|
17643
17676
|
if (striped === undefined) {
|
|
17644
|
-
return styled.css(_templateObject7$
|
|
17677
|
+
return styled.css(_templateObject7$f || (_templateObject7$f = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n "])), theme.colors.white);
|
|
17645
17678
|
}
|
|
17646
17679
|
|
|
17647
17680
|
var config = striped === true ? {
|
|
@@ -17728,13 +17761,13 @@ var widths = {
|
|
|
17728
17761
|
default: '642.5px'
|
|
17729
17762
|
};
|
|
17730
17763
|
|
|
17731
|
-
var _templateObject$G, _templateObject2$w, _templateObject3$
|
|
17764
|
+
var _templateObject$G, _templateObject2$w, _templateObject3$r, _templateObject4$k, _templateObject5$h, _templateObject6$g, _templateObject7$g, _templateObject8$d, _templateObject9$d, _templateObject10$b;
|
|
17732
17765
|
var Background = styled__default.div(_templateObject$G || (_templateObject$G = _taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n align-items: center;\n position: fixed;\n top: 0;\n left: 0;\n width: 100vw;\n height: 100vh;\n backdrop-filter: blur(3px);\n background-color: ", ";\n"])), function (_ref) {
|
|
17733
17766
|
var theme = _ref.theme;
|
|
17734
17767
|
return theme.getColor('black', 25);
|
|
17735
17768
|
});
|
|
17736
17769
|
var Content = styled__default.div(_templateObject2$w || (_templateObject2$w = _taggedTemplateLiteralLoose(["\n flex: 1;\n position: relative;\n"])));
|
|
17737
|
-
var Header$5 = styled__default.div(_templateObject3$
|
|
17770
|
+
var Header$5 = styled__default.div(_templateObject3$r || (_templateObject3$r = _taggedTemplateLiteralLoose(["\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n\n ", "\n"])), function (_ref2) {
|
|
17738
17771
|
var _ref2$theme = _ref2.theme,
|
|
17739
17772
|
colors = _ref2$theme.colors,
|
|
17740
17773
|
spacings = _ref2$theme.spacings,
|
|
@@ -17745,9 +17778,9 @@ var Footer$2 = styled__default.div(_templateObject5$h || (_templateObject5$h = _
|
|
|
17745
17778
|
var _ref3$theme = _ref3.theme,
|
|
17746
17779
|
spacings = _ref3$theme.spacings,
|
|
17747
17780
|
colors = _ref3$theme.colors;
|
|
17748
|
-
return styled.css(_templateObject6$
|
|
17781
|
+
return styled.css(_templateObject6$g || (_templateObject6$g = _taggedTemplateLiteralLoose(["\n border-top: 1px solid ", ";\n padding: ", ";\n "])), colors.lightestGrey, spacings.s3);
|
|
17749
17782
|
});
|
|
17750
|
-
var FooterMessage = styled__default.div(_templateObject7$
|
|
17783
|
+
var FooterMessage = styled__default.div(_templateObject7$g || (_templateObject7$g = _taggedTemplateLiteralLoose(["\n max-width: 75%;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n\n span {\n font-size: 14px;\n color: ", ";\n }\n"])), function (_ref4) {
|
|
17751
17784
|
var theme = _ref4.theme;
|
|
17752
17785
|
return theme.getColor('darkBlue', 75);
|
|
17753
17786
|
});
|
|
@@ -17958,16 +17991,16 @@ var Modal$1 = Object.assign(Modal, {
|
|
|
17958
17991
|
Audit: Audit
|
|
17959
17992
|
});
|
|
17960
17993
|
|
|
17961
|
-
var _templateObject$K, _templateObject2$x, _templateObject3$
|
|
17994
|
+
var _templateObject$K, _templateObject2$x, _templateObject3$s, _templateObject4$l, _templateObject5$i, _templateObject6$h, _templateObject7$h, _templateObject8$e, _templateObject9$e, _templateObject10$c, _templateObject11$7;
|
|
17962
17995
|
var Container$c = styled__default.div(_templateObject$K || (_templateObject$K = _taggedTemplateLiteralLoose(["\n width: 100%;\n height: 300px;\n position: absolute;\n padding: 14px;\n"])));
|
|
17963
17996
|
var Header$6 = styled__default.div(_templateObject2$x || (_templateObject2$x = _taggedTemplateLiteralLoose(["\n display: flex;\n"])));
|
|
17964
|
-
var HeaderImage = styled__default.div(_templateObject3$
|
|
17997
|
+
var HeaderImage = styled__default.div(_templateObject3$s || (_templateObject3$s = _taggedTemplateLiteralLoose(["\n width: 43px;\n height: 44px;\n background-color: #ebebeb;\n"])));
|
|
17965
17998
|
var HeaderContent = styled__default.div(_templateObject4$l || (_templateObject4$l = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n flex: 1;\n"])));
|
|
17966
17999
|
var MainContent = styled__default.div(_templateObject5$i || (_templateObject5$i = _taggedTemplateLiteralLoose(["\n margin-top: 8px;\n"])));
|
|
17967
|
-
var HeaderLine = styled__default.div(_templateObject6$
|
|
18000
|
+
var HeaderLine = styled__default.div(_templateObject6$h || (_templateObject6$h = _taggedTemplateLiteralLoose(["\n height: ", ";\n background-color: #ebebeb;\n margin-left: 7px;\n\n & + div {\n margin-top: 14px;\n }\n\n ", "\n ", "\n\n ", "\n\n ", "\n"])), function (props) {
|
|
17968
18001
|
return props.height;
|
|
17969
18002
|
}, function (props) {
|
|
17970
|
-
return props.size === 'mini' && styled.css(_templateObject7$
|
|
18003
|
+
return props.size === 'mini' && styled.css(_templateObject7$h || (_templateObject7$h = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
|
|
17971
18004
|
}, function (props) {
|
|
17972
18005
|
return props.size === 'small' && styled.css(_templateObject8$e || (_templateObject8$e = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
|
|
17973
18006
|
}, function (props) {
|
|
@@ -18010,27 +18043,27 @@ var Template1 = function Template1(props) {
|
|
|
18010
18043
|
})));
|
|
18011
18044
|
};
|
|
18012
18045
|
|
|
18013
|
-
var _templateObject$L, _templateObject2$y, _templateObject3$
|
|
18046
|
+
var _templateObject$L, _templateObject2$y, _templateObject3$t, _templateObject4$m, _templateObject5$j;
|
|
18014
18047
|
var HeaderLine$1 = styled__default.div(_templateObject$L || (_templateObject$L = _taggedTemplateLiteralLoose(["\n height: ", ";\n background-color: #ebebeb;\n margin-left: 7px;\n\n & + div {\n margin-top: 14px;\n }\n\n ", "\n ", "\n\n ", "\n\n ", "\n"])), function (props) {
|
|
18015
18048
|
return props.height;
|
|
18016
18049
|
}, function (props) {
|
|
18017
18050
|
return props.size === 'mini' && styled.css(_templateObject2$y || (_templateObject2$y = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
|
|
18018
18051
|
}, function (props) {
|
|
18019
|
-
return props.size === 'small' && styled.css(_templateObject3$
|
|
18052
|
+
return props.size === 'small' && styled.css(_templateObject3$t || (_templateObject3$t = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
|
|
18020
18053
|
}, function (props) {
|
|
18021
18054
|
return props.size === 'medium' && styled.css(_templateObject4$m || (_templateObject4$m = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
|
|
18022
18055
|
}, function (props) {
|
|
18023
18056
|
return props.size === 'large' && styled.css(_templateObject5$j || (_templateObject5$j = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
|
|
18024
18057
|
});
|
|
18025
18058
|
|
|
18026
|
-
var _templateObject$M, _templateObject2$z, _templateObject3$
|
|
18059
|
+
var _templateObject$M, _templateObject2$z, _templateObject3$u, _templateObject4$n, _templateObject5$k, _templateObject6$i, _templateObject7$i, _templateObject8$f;
|
|
18027
18060
|
var Container$d = styled__default.div(_templateObject$M || (_templateObject$M = _taggedTemplateLiteralLoose(["\n width: 100%;\n max-height: 100%;\n position: absolute;\n padding: 14px;\n"])));
|
|
18028
18061
|
var Template2Container = styled__default(Container$d)(_templateObject2$z || (_templateObject2$z = _taggedTemplateLiteralLoose(["\n background: #fff;\n border: 2px solid #ebebeb;\n"])));
|
|
18029
|
-
var Header$7 = styled__default.div(_templateObject3$
|
|
18062
|
+
var Header$7 = styled__default.div(_templateObject3$u || (_templateObject3$u = _taggedTemplateLiteralLoose(["\n display: flex;\n"])));
|
|
18030
18063
|
var HeaderImage$1 = styled__default.div(_templateObject4$n || (_templateObject4$n = _taggedTemplateLiteralLoose(["\n width: 43px;\n height: 44px;\n background-color: #ebebeb;\n"])));
|
|
18031
18064
|
var HeaderContent$1 = styled__default.div(_templateObject5$k || (_templateObject5$k = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n flex: 1;\n"])));
|
|
18032
|
-
var MainContent$1 = styled__default.div(_templateObject6$
|
|
18033
|
-
var MainLine$1 = styled__default(HeaderLine$1)(_templateObject7$
|
|
18065
|
+
var MainContent$1 = styled__default.div(_templateObject6$i || (_templateObject6$i = _taggedTemplateLiteralLoose(["\n margin-top: 8px;\n"])));
|
|
18066
|
+
var MainLine$1 = styled__default(HeaderLine$1)(_templateObject7$i || (_templateObject7$i = _taggedTemplateLiteralLoose(["\n margin-bottom: 14px;\n margin-left: 0;\n"])));
|
|
18034
18067
|
var HeaderLine$2 = styled__default(HeaderLine$1)(_templateObject8$f || (_templateObject8$f = _taggedTemplateLiteralLoose([""])));
|
|
18035
18068
|
|
|
18036
18069
|
var Template2 = function Template2(props) {
|
|
@@ -18054,10 +18087,10 @@ var Template2 = function Template2(props) {
|
|
|
18054
18087
|
})));
|
|
18055
18088
|
};
|
|
18056
18089
|
|
|
18057
|
-
var _templateObject$N, _templateObject2$A, _templateObject3$
|
|
18090
|
+
var _templateObject$N, _templateObject2$A, _templateObject3$v;
|
|
18058
18091
|
var Container$e = styled__default.div(_templateObject$N || (_templateObject$N = _taggedTemplateLiteralLoose(["\n width: 100%;\n max-height: 100%;\n position: absolute;\n padding: 14px;\n"])));
|
|
18059
18092
|
var Template3Container = styled__default(Container$e)(_templateObject2$A || (_templateObject2$A = _taggedTemplateLiteralLoose([""])));
|
|
18060
|
-
var Template3Line = styled__default(HeaderLine$1)(_templateObject3$
|
|
18093
|
+
var Template3Line = styled__default(HeaderLine$1)(_templateObject3$v || (_templateObject3$v = _taggedTemplateLiteralLoose(["\n background-color: #dadada;\n height: ", ";\n"])), function (props) {
|
|
18061
18094
|
return props.height;
|
|
18062
18095
|
});
|
|
18063
18096
|
|
|
@@ -18086,20 +18119,20 @@ var Template3 = function Template3(props) {
|
|
|
18086
18119
|
}));
|
|
18087
18120
|
};
|
|
18088
18121
|
|
|
18089
|
-
var _templateObject$O, _templateObject2$B, _templateObject3$
|
|
18122
|
+
var _templateObject$O, _templateObject2$B, _templateObject3$w, _templateObject4$o, _templateObject5$l, _templateObject6$j, _templateObject7$j, _templateObject8$g;
|
|
18090
18123
|
var Container$f = styled__default.div(_templateObject$O || (_templateObject$O = _taggedTemplateLiteralLoose(["\n width: 100%;\n max-height: 100%;\n position: absolute;\n padding: 14px;\n"])));
|
|
18091
18124
|
var HeaderLine$3 = styled__default.div(_templateObject2$B || (_templateObject2$B = _taggedTemplateLiteralLoose(["\n height: ", ";\n background-color: #ebebeb;\n margin-left: 7px;\n\n & + div {\n margin-top: 14px;\n }\n\n ", "\n ", "\n\n ", "\n\n ", "\n"])), function (props) {
|
|
18092
18125
|
return props.height;
|
|
18093
18126
|
}, function (props) {
|
|
18094
|
-
return props.size === 'mini' && styled.css(_templateObject3$
|
|
18127
|
+
return props.size === 'mini' && styled.css(_templateObject3$w || (_templateObject3$w = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
|
|
18095
18128
|
}, function (props) {
|
|
18096
18129
|
return props.size === 'small' && styled.css(_templateObject4$o || (_templateObject4$o = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
|
|
18097
18130
|
}, function (props) {
|
|
18098
18131
|
return props.size === 'medium' && styled.css(_templateObject5$l || (_templateObject5$l = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
|
|
18099
18132
|
}, function (props) {
|
|
18100
|
-
return props.size === 'large' && styled.css(_templateObject6$
|
|
18133
|
+
return props.size === 'large' && styled.css(_templateObject6$j || (_templateObject6$j = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
|
|
18101
18134
|
});
|
|
18102
|
-
var Template4Container = styled__default(Container$f)(_templateObject7$
|
|
18135
|
+
var Template4Container = styled__default(Container$f)(_templateObject7$j || (_templateObject7$j = _taggedTemplateLiteralLoose(["\n border: 1px solid #e6e6e7;\n border-radius: 4px;\n"])));
|
|
18103
18136
|
var CustomLine = styled__default(HeaderLine$3)(_templateObject8$g || (_templateObject8$g = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n background-color: ", ";\n"])), function (props) {
|
|
18104
18137
|
return props.width;
|
|
18105
18138
|
}, function (props) {
|
|
@@ -18153,19 +18186,19 @@ var Template4 = function Template4(props) {
|
|
|
18153
18186
|
}));
|
|
18154
18187
|
};
|
|
18155
18188
|
|
|
18156
|
-
var _templateObject$P, _templateObject2$C, _templateObject3$
|
|
18189
|
+
var _templateObject$P, _templateObject2$C, _templateObject3$x, _templateObject4$p, _templateObject5$m, _templateObject6$k, _templateObject7$k, _templateObject8$h, _templateObject9$f;
|
|
18157
18190
|
var Container$g = styled__default.div(_templateObject$P || (_templateObject$P = _taggedTemplateLiteralLoose(["\n position: absolute;\n width: 746px;\n height: 169px;\n border: 1px solid #e6e6e7;\n border-radius: 4px;\n padding: 14px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n"])));
|
|
18158
18191
|
var Circle = styled__default.div(_templateObject2$C || (_templateObject2$C = _taggedTemplateLiteralLoose(["\n width: 141px;\n height: 141px;\n background-color: #dddedf;\n border-radius: 50%;\n"])));
|
|
18159
|
-
var HeaderLine$4 = styled__default.div(_templateObject3$
|
|
18192
|
+
var HeaderLine$4 = styled__default.div(_templateObject3$x || (_templateObject3$x = _taggedTemplateLiteralLoose(["\n height: ", ";\n background-color: #ebebeb;\n margin-left: 7px;\n\n & + div {\n margin-top: 14px;\n }\n\n ", "\n ", "\n\n ", "\n\n ", "\n"])), function (props) {
|
|
18160
18193
|
return props.height;
|
|
18161
18194
|
}, function (props) {
|
|
18162
18195
|
return props.size === 'mini' && styled.css(_templateObject4$p || (_templateObject4$p = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
|
|
18163
18196
|
}, function (props) {
|
|
18164
18197
|
return props.size === 'small' && styled.css(_templateObject5$m || (_templateObject5$m = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
|
|
18165
18198
|
}, function (props) {
|
|
18166
|
-
return props.size === 'medium' && styled.css(_templateObject6$
|
|
18199
|
+
return props.size === 'medium' && styled.css(_templateObject6$k || (_templateObject6$k = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
|
|
18167
18200
|
}, function (props) {
|
|
18168
|
-
return props.size === 'large' && styled.css(_templateObject7$
|
|
18201
|
+
return props.size === 'large' && styled.css(_templateObject7$k || (_templateObject7$k = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
|
|
18169
18202
|
});
|
|
18170
18203
|
var CustomLine$1 = styled__default(HeaderLine$4)(_templateObject8$h || (_templateObject8$h = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n background-color: ", ";\n"])), function (props) {
|
|
18171
18204
|
return props.width;
|
|
@@ -18201,18 +18234,18 @@ var Template5 = function Template5(props) {
|
|
|
18201
18234
|
})));
|
|
18202
18235
|
};
|
|
18203
18236
|
|
|
18204
|
-
var _templateObject$Q, _templateObject2$D, _templateObject3$
|
|
18237
|
+
var _templateObject$Q, _templateObject2$D, _templateObject3$y, _templateObject4$q, _templateObject5$n, _templateObject6$l, _templateObject7$l, _templateObject8$i, _templateObject9$g;
|
|
18205
18238
|
var Container$h = styled__default.div(_templateObject$Q || (_templateObject$Q = _taggedTemplateLiteralLoose(["\n width: 395px;\n\n display: flex;\n align-items: center;\n justify-content: space-between;\n background-color: #f5f5f5;\n"])));
|
|
18206
18239
|
var Header$8 = styled__default.div(_templateObject2$D || (_templateObject2$D = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding: 14px;\n"])));
|
|
18207
|
-
var Footer$3 = styled__default.div(_templateObject3$
|
|
18240
|
+
var Footer$3 = styled__default.div(_templateObject3$y || (_templateObject3$y = _taggedTemplateLiteralLoose(["\n width: 100%;\n border-top: 1px solid #b1b1b3;\n height: 50px;\n"])));
|
|
18208
18241
|
var HeaderLine$5 = styled__default.div(_templateObject4$q || (_templateObject4$q = _taggedTemplateLiteralLoose(["\n height: ", ";\n background-color: #ebebeb;\n margin-left: 7px;\n\n & + div {\n margin-top: 14px;\n }\n\n ", "\n ", "\n\n ", "\n\n ", "\n"])), function (props) {
|
|
18209
18242
|
return props.height;
|
|
18210
18243
|
}, function (props) {
|
|
18211
18244
|
return props.size === 'mini' && styled.css(_templateObject5$n || (_templateObject5$n = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
|
|
18212
18245
|
}, function (props) {
|
|
18213
|
-
return props.size === 'small' && styled.css(_templateObject6$
|
|
18246
|
+
return props.size === 'small' && styled.css(_templateObject6$l || (_templateObject6$l = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
|
|
18214
18247
|
}, function (props) {
|
|
18215
|
-
return props.size === 'medium' && styled.css(_templateObject7$
|
|
18248
|
+
return props.size === 'medium' && styled.css(_templateObject7$l || (_templateObject7$l = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
|
|
18216
18249
|
}, function (props) {
|
|
18217
18250
|
return props.size === 'large' && styled.css(_templateObject8$i || (_templateObject8$i = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
|
|
18218
18251
|
});
|
|
@@ -18244,19 +18277,19 @@ var Template6 = function Template6(props) {
|
|
|
18244
18277
|
})));
|
|
18245
18278
|
};
|
|
18246
18279
|
|
|
18247
|
-
var _templateObject$R, _templateObject2$E, _templateObject3$
|
|
18280
|
+
var _templateObject$R, _templateObject2$E, _templateObject3$z, _templateObject4$r, _templateObject5$o, _templateObject6$m, _templateObject7$m, _templateObject8$j, _templateObject9$h, _templateObject10$d;
|
|
18248
18281
|
var Container$i = styled__default.div(_templateObject$R || (_templateObject$R = _taggedTemplateLiteralLoose(["\n width: 395px;\n height: 110px;\n display: flex;\n flex-direction: column;\n align-items: center;\n background: #f5f5f5 0% 0% no-repeat padding-box;\n"])));
|
|
18249
18282
|
var Header$9 = styled__default.div(_templateObject2$E || (_templateObject2$E = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding: 14px;\n width: 100%;\n"])));
|
|
18250
|
-
var HeaderLine$6 = styled__default.div(_templateObject3$
|
|
18283
|
+
var HeaderLine$6 = styled__default.div(_templateObject3$z || (_templateObject3$z = _taggedTemplateLiteralLoose(["\n height: ", ";\n background-color: #ebebeb;\n margin-left: 7px;\n\n & + div {\n margin-top: 14px;\n }\n\n ", "\n ", "\n\n ", "\n\n ", "\n"])), function (props) {
|
|
18251
18284
|
return props.height;
|
|
18252
18285
|
}, function (props) {
|
|
18253
18286
|
return props.size === 'mini' && styled.css(_templateObject4$r || (_templateObject4$r = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
|
|
18254
18287
|
}, function (props) {
|
|
18255
18288
|
return props.size === 'small' && styled.css(_templateObject5$o || (_templateObject5$o = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
|
|
18256
18289
|
}, function (props) {
|
|
18257
|
-
return props.size === 'medium' && styled.css(_templateObject6$
|
|
18290
|
+
return props.size === 'medium' && styled.css(_templateObject6$m || (_templateObject6$m = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
|
|
18258
18291
|
}, function (props) {
|
|
18259
|
-
return props.size === 'large' && styled.css(_templateObject7$
|
|
18292
|
+
return props.size === 'large' && styled.css(_templateObject7$m || (_templateObject7$m = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
|
|
18260
18293
|
});
|
|
18261
18294
|
var CustomLine$3 = styled__default(HeaderLine$6)(_templateObject8$j || (_templateObject8$j = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n background-color: ", ";\n border: 1px solid #dedede5e;\n"])), function (props) {
|
|
18262
18295
|
return props.width;
|
|
@@ -18278,19 +18311,19 @@ var Template7 = function Template7(props) {
|
|
|
18278
18311
|
})), React__default.createElement(Main$2, null, React__default.createElement(Circle$1, null), React__default.createElement(Circle$1, null), React__default.createElement(Circle$1, null), React__default.createElement(Circle$1, null), React__default.createElement(Circle$1, null)));
|
|
18279
18312
|
};
|
|
18280
18313
|
|
|
18281
|
-
var _templateObject$S, _templateObject2$F, _templateObject3$
|
|
18314
|
+
var _templateObject$S, _templateObject2$F, _templateObject3$A, _templateObject4$s, _templateObject5$p, _templateObject6$n, _templateObject7$n, _templateObject8$k, _templateObject9$i;
|
|
18282
18315
|
var Container$j = styled__default.div(_templateObject$S || (_templateObject$S = _taggedTemplateLiteralLoose(["\n width: 395px;\n height: 110px;\n display: flex;\n flex-direction: column;\n align-items: center;\n background: #f5f5f5 0% 0% no-repeat padding-box;\n"])));
|
|
18283
18316
|
var Header$a = styled__default.div(_templateObject2$F || (_templateObject2$F = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding: 14px;\n width: 100%;\n"])));
|
|
18284
|
-
var HeaderLine$7 = styled__default.div(_templateObject3$
|
|
18317
|
+
var HeaderLine$7 = styled__default.div(_templateObject3$A || (_templateObject3$A = _taggedTemplateLiteralLoose(["\n height: ", ";\n background-color: #ebebeb;\n margin-left: 7px;\n\n & + div {\n margin-top: 14px;\n }\n\n ", "\n ", "\n\n ", "\n\n ", "\n"])), function (props) {
|
|
18285
18318
|
return props.height;
|
|
18286
18319
|
}, function (props) {
|
|
18287
18320
|
return props.size === 'mini' && styled.css(_templateObject4$s || (_templateObject4$s = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
|
|
18288
18321
|
}, function (props) {
|
|
18289
18322
|
return props.size === 'small' && styled.css(_templateObject5$p || (_templateObject5$p = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
|
|
18290
18323
|
}, function (props) {
|
|
18291
|
-
return props.size === 'medium' && styled.css(_templateObject6$
|
|
18324
|
+
return props.size === 'medium' && styled.css(_templateObject6$n || (_templateObject6$n = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
|
|
18292
18325
|
}, function (props) {
|
|
18293
|
-
return props.size === 'large' && styled.css(_templateObject7$
|
|
18326
|
+
return props.size === 'large' && styled.css(_templateObject7$n || (_templateObject7$n = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
|
|
18294
18327
|
});
|
|
18295
18328
|
var CustomLine$4 = styled__default(HeaderLine$7)(_templateObject8$k || (_templateObject8$k = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n background-color: ", ";\n border: 1px solid #dedede5e;\n"])), function (props) {
|
|
18296
18329
|
return props.width;
|
|
@@ -18321,19 +18354,19 @@ var Template8 = function Template8(props) {
|
|
|
18321
18354
|
})));
|
|
18322
18355
|
};
|
|
18323
18356
|
|
|
18324
|
-
var _templateObject$T, _templateObject2$G, _templateObject3$
|
|
18357
|
+
var _templateObject$T, _templateObject2$G, _templateObject3$B, _templateObject4$t, _templateObject5$q, _templateObject6$o, _templateObject7$o, _templateObject8$l, _templateObject9$j, _templateObject10$e;
|
|
18325
18358
|
var Container$k = styled__default.div(_templateObject$T || (_templateObject$T = _taggedTemplateLiteralLoose(["\n width: 395px;\n height: 245px;\n display: flex;\n flex-direction: column;\n align-items: center;\n background: #f5f5f5 0% 0% no-repeat padding-box;\n"])));
|
|
18326
18359
|
var Header$b = styled__default.div(_templateObject2$G || (_templateObject2$G = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding: 14px;\n width: 100%;\n"])));
|
|
18327
|
-
var HeaderLine$8 = styled__default.div(_templateObject3$
|
|
18360
|
+
var HeaderLine$8 = styled__default.div(_templateObject3$B || (_templateObject3$B = _taggedTemplateLiteralLoose(["\n height: ", ";\n background-color: #ebebeb;\n margin-left: 7px;\n\n & + div {\n margin-top: 7px;\n }\n\n ", "\n ", "\n\n ", "\n\n ", "\n"])), function (props) {
|
|
18328
18361
|
return props.height;
|
|
18329
18362
|
}, function (props) {
|
|
18330
18363
|
return props.size === 'mini' && styled.css(_templateObject4$t || (_templateObject4$t = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
|
|
18331
18364
|
}, function (props) {
|
|
18332
18365
|
return props.size === 'small' && styled.css(_templateObject5$q || (_templateObject5$q = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
|
|
18333
18366
|
}, function (props) {
|
|
18334
|
-
return props.size === 'medium' && styled.css(_templateObject6$
|
|
18367
|
+
return props.size === 'medium' && styled.css(_templateObject6$o || (_templateObject6$o = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
|
|
18335
18368
|
}, function (props) {
|
|
18336
|
-
return props.size === 'large' && styled.css(_templateObject7$
|
|
18369
|
+
return props.size === 'large' && styled.css(_templateObject7$o || (_templateObject7$o = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
|
|
18337
18370
|
});
|
|
18338
18371
|
var CustomLine$5 = styled__default(HeaderLine$8)(_templateObject8$l || (_templateObject8$l = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n background-color: ", ";\n border: 1px solid #dedede5e;\n"])), function (props) {
|
|
18339
18372
|
return props.width;
|
|
@@ -18360,19 +18393,19 @@ var Template8$1 = function Template8(props) {
|
|
|
18360
18393
|
})), React__default.createElement(Main$4, null, React__default.createElement(Circle$2, null)));
|
|
18361
18394
|
};
|
|
18362
18395
|
|
|
18363
|
-
var _templateObject$U, _templateObject2$H, _templateObject3$
|
|
18396
|
+
var _templateObject$U, _templateObject2$H, _templateObject3$C, _templateObject4$u, _templateObject5$r, _templateObject6$p, _templateObject7$p, _templateObject8$m, _templateObject9$k, _templateObject10$f, _templateObject11$8;
|
|
18364
18397
|
var Container$l = styled__default.div(_templateObject$U || (_templateObject$U = _taggedTemplateLiteralLoose(["\n width: 395px;\n height: 245px;\n display: flex;\n flex-direction: column;\n align-items: center;\n background: #f5f5f5 0% 0% no-repeat padding-box;\n"])));
|
|
18365
18398
|
var Header$c = styled__default.div(_templateObject2$H || (_templateObject2$H = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding: 14px;\n width: 100%;\n"])));
|
|
18366
|
-
var HeaderLine$9 = styled__default.div(_templateObject3$
|
|
18399
|
+
var HeaderLine$9 = styled__default.div(_templateObject3$C || (_templateObject3$C = _taggedTemplateLiteralLoose(["\n height: ", ";\n background-color: #ebebeb;\n margin-left: 7px;\n\n & + div {\n margin-top: 7px;\n }\n\n ", "\n ", "\n\n ", "\n\n ", "\n"])), function (props) {
|
|
18367
18400
|
return props.height;
|
|
18368
18401
|
}, function (props) {
|
|
18369
18402
|
return props.size === 'mini' && styled.css(_templateObject4$u || (_templateObject4$u = _taggedTemplateLiteralLoose(["\n width: 15%;\n "])));
|
|
18370
18403
|
}, function (props) {
|
|
18371
18404
|
return props.size === 'small' && styled.css(_templateObject5$r || (_templateObject5$r = _taggedTemplateLiteralLoose(["\n width: 25%;\n "])));
|
|
18372
18405
|
}, function (props) {
|
|
18373
|
-
return props.size === 'medium' && styled.css(_templateObject6$
|
|
18406
|
+
return props.size === 'medium' && styled.css(_templateObject6$p || (_templateObject6$p = _taggedTemplateLiteralLoose(["\n width: 45%;\n "])));
|
|
18374
18407
|
}, function (props) {
|
|
18375
|
-
return props.size === 'large' && styled.css(_templateObject7$
|
|
18408
|
+
return props.size === 'large' && styled.css(_templateObject7$p || (_templateObject7$p = _taggedTemplateLiteralLoose(["\n width: 75%;\n "])));
|
|
18376
18409
|
});
|
|
18377
18410
|
var CustomLine$6 = styled__default(HeaderLine$9)(_templateObject8$m || (_templateObject8$m = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n background-color: ", ";\n border: 1px solid #dedede5e;\n"])), function (props) {
|
|
18378
18411
|
return props.width;
|
|
@@ -18504,12 +18537,12 @@ var Placeholder = function Placeholder(props) {
|
|
|
18504
18537
|
}
|
|
18505
18538
|
};
|
|
18506
18539
|
|
|
18507
|
-
var _templateObject$V, _templateObject2$I, _templateObject3$
|
|
18540
|
+
var _templateObject$V, _templateObject2$I, _templateObject3$D, _templateObject4$v, _templateObject5$s, _templateObject6$q, _templateObject7$q;
|
|
18508
18541
|
var Container$m = styled__default.div(_templateObject$V || (_templateObject$V = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n align-items: center;\n\n span {\n display: inline-block;\n margin-left: 7px;\n color: #000000cc;\n }\n"])));
|
|
18509
18542
|
var Progress = styled__default.div(_templateObject2$I || (_templateObject2$I = _taggedTemplateLiteralLoose(["\n width: 64px;\n height: 12px;\n border: 1px solid #e4e4e4;\n div {\n width: ", ";\n max-width: 64px;\n height: 100%;\n ", "\n\n ", "\n ", "\n ", "\n ", "\n }\n"])), function (props) {
|
|
18510
18543
|
return props.value + "%";
|
|
18511
18544
|
}, function (props) {
|
|
18512
|
-
return props.type === 'default' && styled.css(_templateObject3$
|
|
18545
|
+
return props.type === 'default' && styled.css(_templateObject3$D || (_templateObject3$D = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n "])), function (_ref) {
|
|
18513
18546
|
var theme = _ref.theme;
|
|
18514
18547
|
return theme.colors.warningGray;
|
|
18515
18548
|
});
|
|
@@ -18524,12 +18557,12 @@ var Progress = styled__default.div(_templateObject2$I || (_templateObject2$I = _
|
|
|
18524
18557
|
return theme.colors.warningRed;
|
|
18525
18558
|
});
|
|
18526
18559
|
}, function (props) {
|
|
18527
|
-
return props.type === 'success' && styled.css(_templateObject6$
|
|
18560
|
+
return props.type === 'success' && styled.css(_templateObject6$q || (_templateObject6$q = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n "])), function (_ref4) {
|
|
18528
18561
|
var theme = _ref4.theme;
|
|
18529
18562
|
return theme.colors.green;
|
|
18530
18563
|
});
|
|
18531
18564
|
}, function (props) {
|
|
18532
|
-
return props.type === 'warning' && styled.css(_templateObject7$
|
|
18565
|
+
return props.type === 'warning' && styled.css(_templateObject7$q || (_templateObject7$q = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n "])), function (_ref5) {
|
|
18533
18566
|
var theme = _ref5.theme;
|
|
18534
18567
|
return theme.colors.warningYellow;
|
|
18535
18568
|
});
|
|
@@ -18574,13 +18607,13 @@ function SvgClose(props) {
|
|
|
18574
18607
|
})));
|
|
18575
18608
|
}
|
|
18576
18609
|
|
|
18577
|
-
var _templateObject$W, _templateObject2$J, _templateObject3$
|
|
18610
|
+
var _templateObject$W, _templateObject2$J, _templateObject3$E, _templateObject4$w, _templateObject5$t, _templateObject6$r;
|
|
18578
18611
|
var Container$n = styled__default.div(_templateObject$W || (_templateObject$W = _taggedTemplateLiteralLoose(["\n display: block;\n border-bottom-style: solid;\n\n ", "\n"])), function (_ref) {
|
|
18579
18612
|
var theme = _ref.theme,
|
|
18580
18613
|
internal = _ref.internal;
|
|
18581
18614
|
return styled.css(_templateObject2$J || (_templateObject2$J = _taggedTemplateLiteralLoose(["\n margin-bottom: ", ";\n border-bottom-width: ", ";\n border-bottom-color: ", ";\n "])), theme.spacings.s2, internal ? '1px' : '2px', internal ? theme.getColor('lightestGrey', 50) : theme.colors.blue);
|
|
18582
18615
|
});
|
|
18583
|
-
var Tabs = styled__default.ul(_templateObject3$
|
|
18616
|
+
var Tabs = styled__default.ul(_templateObject3$E || (_templateObject3$E = _taggedTemplateLiteralLoose(["\n user-select: none;\n list-style: none;\n display: inline-flex;\n gap: 1px;\n padding: 0;\n margin: 0;\n\n ", "\n"])), function (_ref2) {
|
|
18584
18617
|
var theme = _ref2.theme,
|
|
18585
18618
|
internal = _ref2.internal;
|
|
18586
18619
|
return styled.css(_templateObject4$w || (_templateObject4$w = _taggedTemplateLiteralLoose(["\n height: ", ";\n box-shadow: 0 0 10px 0 ", ";\n "])), internal ? '41px' : '49px', theme.getColor('black', 10));
|
|
@@ -18588,7 +18621,7 @@ var Tabs = styled__default.ul(_templateObject3$D || (_templateObject3$D = _tagge
|
|
|
18588
18621
|
var Tab = styled__default.li(_templateObject5$t || (_templateObject5$t = _taggedTemplateLiteralLoose(["\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: space-between;\n border-radius: 4px 4px 0 0;\n\n svg {\n transform: scale(calc(18 / 24));\n stroke-width: 2px;\n }\n\n ", "\n"])), function (_ref3) {
|
|
18589
18622
|
var theme = _ref3.theme,
|
|
18590
18623
|
active = _ref3.active;
|
|
18591
|
-
return styled.css(_templateObject6$
|
|
18624
|
+
return styled.css(_templateObject6$r || (_templateObject6$r = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n padding: 0 ", ";\n gap: ", ";\n\n span {\n font-family: ", ";\n font-size: ", ";\n font-weight: ", ";\n\n color: ", ";\n }\n\n svg {\n stroke: ", ";\n\n &:hover {\n stroke: ", ";\n }\n }\n "])), theme.colors[active ? 'blue' : 'white'], theme.spacings.s2, theme.spacings.s2, theme.typographies.h2.fontFamily, theme.typographies.h2.fontSize, theme.typographies.h2.fontWeight, theme.colors[active ? 'white' : 'darkBlue'], theme.colors[active ? 'white' : 'darkBlue'], theme.colors.red);
|
|
18592
18625
|
});
|
|
18593
18626
|
|
|
18594
18627
|
var Tabs$1 = function Tabs$1(props) {
|
|
@@ -18655,18 +18688,18 @@ var TextArea = function TextArea(props) {
|
|
|
18655
18688
|
return React__default.createElement(Container$o, Object.assign({}, props));
|
|
18656
18689
|
};
|
|
18657
18690
|
|
|
18658
|
-
var _templateObject$Y, _templateObject2$K, _templateObject3$
|
|
18691
|
+
var _templateObject$Y, _templateObject2$K, _templateObject3$F, _templateObject4$x, _templateObject5$u, _templateObject6$s;
|
|
18659
18692
|
var Container$p = styled__default.div(_templateObject$Y || (_templateObject$Y = _taggedTemplateLiteralLoose(["\n border-radius: 4px;\n width: ", ";\n height: 88px;\n border: 1px solid transparent;\n position: relative;\n\n ", "\n\n ", "\n\n ", "\n\n svg {\n cursor: pointer;\n position: absolute;\n top: 14px;\n right: 14px;\n width: 13px;\n height: 13px;\n }\n"])), function (props) {
|
|
18660
18693
|
return props.size === 'large' ? '837px' : '460px';
|
|
18661
18694
|
}, function (props) {
|
|
18662
18695
|
return props.color === 'success' && styled.css(_templateObject2$K || (_templateObject2$K = _taggedTemplateLiteralLoose(["\n background-color: #fcfff5;\n opacity: 1;\n border-color: #a8c599;\n h4 {\n color: #1e561f;\n }\n p {\n color: #1e561fcc;\n }\n "])));
|
|
18663
18696
|
}, function (props) {
|
|
18664
|
-
return props.color === 'error' && styled.css(_templateObject3$
|
|
18697
|
+
return props.color === 'error' && styled.css(_templateObject3$F || (_templateObject3$F = _taggedTemplateLiteralLoose(["\n background-color: #fff6f6;\n opacity: 1;\n border-color: #973937;\n h4 {\n color: #973937;\n }\n p {\n color: #973937;\n }\n "])));
|
|
18665
18698
|
}, function (props) {
|
|
18666
18699
|
return props.color === 'warning' && styled.css(_templateObject4$x || (_templateObject4$x = _taggedTemplateLiteralLoose(["\n background-color: #fffaf3;\n opacity: 1;\n border-color: #ccbea0;\n h4 {\n color: #7a4d05;\n }\n p {\n color: #7a4d05cc;\n }\n "])));
|
|
18667
18700
|
});
|
|
18668
18701
|
var IconContainer$2 = styled__default.div(_templateObject5$u || (_templateObject5$u = _taggedTemplateLiteralLoose(["\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: flex-end;\n padding: 14px 14px 0 0;\n margin: 0;\n"])));
|
|
18669
|
-
var IconContent = styled__default.div(_templateObject6$
|
|
18702
|
+
var IconContent = styled__default.div(_templateObject6$s || (_templateObject6$s = _taggedTemplateLiteralLoose(["\n width: 100%;\n padding: 13px 0 21px 28px;\n display: flex;\n flex: 1;\n flex-direction: column;\n\n h4 {\n margin-bottom: 7px;\n font-size: 18p;\n }\n p {\n margin: 0;\n font-size: 14px;\n max-width: 380px;\n }\n"])));
|
|
18670
18703
|
|
|
18671
18704
|
var Toast = function Toast(props) {
|
|
18672
18705
|
return React__default.createElement(Container$p, Object.assign({}, props), React__default.createElement(IconContainer$2, null, React__default.createElement(Icon, {
|
|
@@ -18678,7 +18711,7 @@ var Toast = function Toast(props) {
|
|
|
18678
18711
|
})), React__default.createElement(IconContent, null, React__default.createElement("h4", null, props.title), React__default.createElement("p", null, " ", props.description)));
|
|
18679
18712
|
};
|
|
18680
18713
|
|
|
18681
|
-
var _templateObject$Z, _templateObject2$L, _templateObject3$
|
|
18714
|
+
var _templateObject$Z, _templateObject2$L, _templateObject3$G, _templateObject4$y, _templateObject5$v;
|
|
18682
18715
|
var Image = styled__default.img(_templateObject$Z || (_templateObject$Z = _taggedTemplateLiteralLoose(["\n max-width: 100%;\n max-height: 100%;\n"])));
|
|
18683
18716
|
var Container$q = styled__default.div(_templateObject2$L || (_templateObject2$L = _taggedTemplateLiteralLoose(["\n position: relative;\n display: inline-flex;\n\n &,\n ", " {\n width: ", ";\n\n height: ", ";\n }\n"])), Image, function (_ref) {
|
|
18684
18717
|
var width = _ref.width;
|
|
@@ -18707,7 +18740,7 @@ var Container$q = styled__default.div(_templateObject2$L || (_templateObject2$L
|
|
|
18707
18740
|
return 'auto';
|
|
18708
18741
|
}
|
|
18709
18742
|
});
|
|
18710
|
-
var Dimmer = styled__default.div(_templateObject3$
|
|
18743
|
+
var Dimmer = styled__default.div(_templateObject3$G || (_templateObject3$G = _taggedTemplateLiteralLoose(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: ", ";\n opacity: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n transition: opacity 0.5s;\n cursor: pointer;\n\n :hover {\n opacity: 1;\n }\n"])), function (_ref3) {
|
|
18711
18744
|
var theme = _ref3.theme;
|
|
18712
18745
|
return theme.getColor('greyishBlue', 50);
|
|
18713
18746
|
});
|