oolib 2.8.4 → 2.9.0
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.
|
@@ -1,37 +1,40 @@
|
|
|
1
|
-
export function TagDisplay({ display, style, invert, M, theme, variant }: {
|
|
1
|
+
export function TagDisplay({ display, style, invert, M, XS, theme, variant }: {
|
|
2
2
|
display: any;
|
|
3
3
|
style: any;
|
|
4
4
|
invert: any;
|
|
5
5
|
M: any;
|
|
6
|
+
XS: any;
|
|
6
7
|
theme: any;
|
|
7
8
|
variant?: string;
|
|
8
9
|
}): JSX.Element;
|
|
9
|
-
export function TagClear({ id, display, value, M, invert, onClick,
|
|
10
|
+
export function TagClear({ id, display, value, M, XS, invert, onClick, variant, grey, }: {
|
|
10
11
|
id: any;
|
|
11
12
|
display: any;
|
|
12
13
|
value: any;
|
|
13
14
|
M: any;
|
|
15
|
+
XS: any;
|
|
14
16
|
invert: any;
|
|
15
17
|
onClick?: () => void;
|
|
16
|
-
theme: any;
|
|
17
18
|
variant?: string;
|
|
18
19
|
grey: any;
|
|
19
20
|
}): JSX.Element;
|
|
20
|
-
export function TagSelect({ onClick, isSelected, display, value, M, theme, style, onMouseDown }: {
|
|
21
|
+
export function TagSelect({ onClick, isSelected, display, value, M, XS, theme, style, onMouseDown }: {
|
|
21
22
|
onClick: any;
|
|
22
23
|
isSelected?: boolean;
|
|
23
24
|
display: any;
|
|
24
25
|
value: any;
|
|
25
26
|
M: any;
|
|
27
|
+
XS: any;
|
|
26
28
|
theme: any;
|
|
27
29
|
style: any;
|
|
28
30
|
onMouseDown: any;
|
|
29
31
|
}): JSX.Element;
|
|
30
|
-
export function TagLink({ display, to, invert, M, theme, variant }: {
|
|
32
|
+
export function TagLink({ display, to, invert, M, XS, theme, variant }: {
|
|
31
33
|
display: any;
|
|
32
34
|
to: any;
|
|
33
35
|
invert: any;
|
|
34
36
|
M: any;
|
|
37
|
+
XS: any;
|
|
35
38
|
theme: any;
|
|
36
39
|
variant?: string;
|
|
37
40
|
}): JSX.Element;
|
|
@@ -24,25 +24,36 @@ var react_1 = __importStar(require("react"));
|
|
|
24
24
|
var index_styled_1 = require("./index.styled");
|
|
25
25
|
var Typo_1 = require("../Typo");
|
|
26
26
|
var icons_1 = require("../../icons");
|
|
27
|
+
var getTypoComp = function (size) { return size === 'XS'
|
|
28
|
+
? function (_a) {
|
|
29
|
+
var children = _a.children;
|
|
30
|
+
return react_1.default.createElement(Typo_1.SANS_2, null, children);
|
|
31
|
+
}
|
|
32
|
+
: function (_a) {
|
|
33
|
+
var children = _a.children;
|
|
34
|
+
return react_1.default.createElement(Typo_1.SANS_3, null, children);
|
|
35
|
+
}; };
|
|
27
36
|
function TagDisplay(_a) {
|
|
28
|
-
var display = _a.display, style = _a.style, invert = _a.invert, M = _a.M, theme = _a.theme, _b = _a.variant, variant = _b === void 0 ? 'primary' : _b;
|
|
29
|
-
var size = M ? 'M' : 'S';
|
|
37
|
+
var display = _a.display, style = _a.style, invert = _a.invert, M = _a.M, XS = _a.XS, theme = _a.theme, _b = _a.variant, variant = _b === void 0 ? 'primary' : _b;
|
|
38
|
+
var size = M ? 'M' : XS ? 'XS' : 'S';
|
|
39
|
+
var TYPO_COMP = getTypoComp(size);
|
|
30
40
|
return (react_1.default.createElement(index_styled_1.StyledTagDisplay, { variant: variant, invert: invert, theme: theme, size: size, style: style },
|
|
31
|
-
react_1.default.createElement(
|
|
41
|
+
react_1.default.createElement(TYPO_COMP, null, display)));
|
|
32
42
|
}
|
|
33
43
|
exports.TagDisplay = TagDisplay;
|
|
34
44
|
function TagClear(_a) {
|
|
35
|
-
var id = _a.id, display = _a.display, value = _a.value, M = _a.M, invert = _a.invert, _b = _a.onClick, onClick = _b === void 0 ? function () { } : _b,
|
|
45
|
+
var id = _a.id, display = _a.display, value = _a.value, M = _a.M, XS = _a.XS, invert = _a.invert, _b = _a.onClick, onClick = _b === void 0 ? function () { } : _b, _c = _a.variant, variant = _c === void 0 ? 'primary' : _c, grey = _a.grey;
|
|
36
46
|
var XIconCom = icons_1.icons['X'];
|
|
37
|
-
var size = M ? 'M' : 'S';
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
react_1.default.createElement(
|
|
41
|
-
|
|
47
|
+
var size = M ? 'M' : XS ? 'XS' : 'S';
|
|
48
|
+
var TYPO_COMP = getTypoComp(size);
|
|
49
|
+
return (react_1.default.createElement(index_styled_1.StyledTagClear, { invert: invert, size: size, grey: grey, variant: variant },
|
|
50
|
+
react_1.default.createElement(TYPO_COMP, null, display),
|
|
51
|
+
react_1.default.createElement(index_styled_1.StyledTagClearIconWrapper, { invert: invert, grey: grey, variant: variant, onClick: function () { return onClick(id, { display: display, value: value }); } },
|
|
52
|
+
react_1.default.createElement(XIconCom, { size: size === 'XS' ? '12' : '15', weight: 'bold' }))));
|
|
42
53
|
}
|
|
43
54
|
exports.TagClear = TagClear;
|
|
44
55
|
function TagSelect(_a) {
|
|
45
|
-
var onClick = _a.onClick, _b = _a.isSelected, isSelected = _b === void 0 ? false : _b, display = _a.display, value = _a.value, M = _a.M, theme = _a.theme, style = _a.style, onMouseDown = _a.onMouseDown;
|
|
56
|
+
var onClick = _a.onClick, _b = _a.isSelected, isSelected = _b === void 0 ? false : _b, display = _a.display, value = _a.value, M = _a.M, XS = _a.XS, theme = _a.theme, style = _a.style, onMouseDown = _a.onMouseDown;
|
|
46
57
|
var _c = (0, react_1.useState)(isSelected), selected = _c[0], setSelected = _c[1];
|
|
47
58
|
var handleOnClick = function () {
|
|
48
59
|
setSelected(!selected);
|
|
@@ -53,16 +64,18 @@ function TagSelect(_a) {
|
|
|
53
64
|
setSelected(isSelected);
|
|
54
65
|
}
|
|
55
66
|
}, [isSelected]);
|
|
56
|
-
var size = M ? 'M' : 'S';
|
|
67
|
+
var size = M ? 'M' : XS ? 'XS' : 'S';
|
|
68
|
+
var TYPO_COMP = getTypoComp(size);
|
|
57
69
|
return (react_1.default.createElement(index_styled_1.StyledTagSelect, { theme: theme, onClick: onMouseDown ? function () { return null; } : handleOnClick, selected: selected, size: size, style: style, onMouseDown: onMouseDown },
|
|
58
|
-
react_1.default.createElement(
|
|
70
|
+
react_1.default.createElement(TYPO_COMP, null, display)));
|
|
59
71
|
}
|
|
60
72
|
exports.TagSelect = TagSelect;
|
|
61
73
|
function TagLink(_a) {
|
|
62
|
-
var display = _a.display, to = _a.to, invert = _a.invert, M = _a.M, theme = _a.theme, _b = _a.variant, variant = _b === void 0 ? 'primary' : _b;
|
|
63
|
-
var size = M ? 'M' : 'S';
|
|
74
|
+
var display = _a.display, to = _a.to, invert = _a.invert, M = _a.M, XS = _a.XS, theme = _a.theme, _b = _a.variant, variant = _b === void 0 ? 'primary' : _b;
|
|
75
|
+
var size = M ? 'M' : XS ? 'XS' : 'S';
|
|
76
|
+
var TYPO_COMP = getTypoComp(size);
|
|
64
77
|
return (react_1.default.createElement(index_styled_1.StyledLink, { to: to },
|
|
65
78
|
react_1.default.createElement(index_styled_1.StyledTagLink, { theme: theme, variant: variant, invert: invert, size: size },
|
|
66
|
-
react_1.default.createElement(
|
|
79
|
+
react_1.default.createElement(TYPO_COMP, null, display))));
|
|
67
80
|
}
|
|
68
81
|
exports.TagLink = TagLink;
|
|
@@ -23,12 +23,14 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
|
23
23
|
return result;
|
|
24
24
|
};
|
|
25
25
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
|
-
exports.StyledTagLink = exports.StyledTagSelect = exports.StyledTagClear = exports.StyledTagDisplay = exports.StyledLink = exports.
|
|
26
|
+
exports.StyledTagLink = exports.StyledTagSelect = exports.StyledTagClear = exports.StyledTagDisplay = exports.StyledLink = exports.StyledTagClearIconWrapper = void 0;
|
|
27
27
|
var styled_components_1 = __importStar(require("styled-components"));
|
|
28
28
|
var colors_1 = require("../../themes/colors");
|
|
29
29
|
var react_router_dom_1 = require("react-router-dom");
|
|
30
|
-
var
|
|
30
|
+
var mixins_1 = require("../../themes/mixins");
|
|
31
|
+
var greyColor100 = colors_1.colors.greyColor100, greyColor80 = colors_1.colors.greyColor80, greyColor10 = colors_1.colors.greyColor10, greyColor15 = colors_1.colors.greyColor15, greyColor40 = colors_1.colors.greyColor40, white = colors_1.colors.white, primaryColor10 = colors_1.colors.primaryColor10, primaryColor40 = colors_1.colors.primaryColor40, primaryColor100 = colors_1.colors.primaryColor100, primaryColorText = colors_1.colors.primaryColorText;
|
|
31
32
|
var SIZES = {
|
|
33
|
+
XS: '2rem',
|
|
32
34
|
S: "3rem",
|
|
33
35
|
M: "4rem",
|
|
34
36
|
};
|
|
@@ -36,53 +38,80 @@ var commonStyle = function (_a) {
|
|
|
36
38
|
var size = _a.size;
|
|
37
39
|
return "\n padding: 0 1rem;\n position: relative;\n display: inline-flex;\n column-gap: 1rem;\n align-items: center;\n border-radius:0.2rem;\n white-space: nowrap;\n\theight: ".concat(SIZES[size], ";\n");
|
|
38
40
|
};
|
|
39
|
-
var
|
|
41
|
+
var blueHover = function (_a) {
|
|
42
|
+
var invert = _a.invert, colors = _a.colors;
|
|
43
|
+
return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\t&:hover {\n\t\tbackground-color: ", ";\n\t\tcolor: ", ";\t\t\n\t}\n"], ["\n\t&:hover {\n\t\tbackground-color: ", ";\n\t\tcolor: ", ";\t\t\n\t}\n"])), invert
|
|
44
|
+
? (colors === null || colors === void 0 ? void 0 : colors.primaryColor10) || primaryColor10
|
|
45
|
+
: (colors === null || colors === void 0 ? void 0 : colors.primaryColor40) || primaryColor40, invert
|
|
46
|
+
? greyColor100
|
|
47
|
+
: (colors === null || colors === void 0 ? void 0 : colors.primaryColorText) || primaryColorText);
|
|
48
|
+
};
|
|
49
|
+
var greyHover = function (_a) {
|
|
50
|
+
var invert = _a.invert;
|
|
51
|
+
return (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n\t&:hover {\n\t\tbackground-color: ", ";\n\t}\n"], ["\n\t&:hover {\n\t\tbackground-color: ", ";\n\t}\n"])), invert
|
|
52
|
+
? greyColor80
|
|
53
|
+
: greyColor10);
|
|
54
|
+
};
|
|
55
|
+
var StyledTagDisplay = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n ", "\n ", "\n"], ["\n ", "\n ", "\n"])), function (_a) {
|
|
40
56
|
var size = _a.size;
|
|
41
57
|
return commonStyle({ size: size });
|
|
42
58
|
}, function (_a) {
|
|
43
|
-
var variant = _a.variant, invert = _a.invert;
|
|
44
|
-
return variant ===
|
|
45
|
-
|
|
59
|
+
var variant = _a.variant, invert = _a.invert, size = _a.size;
|
|
60
|
+
return variant === "primary"
|
|
61
|
+
? (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n background-color: ", ";\n color: ", ";\n "], ["\n background-color: ", ";\n color: ", ";\n "])), !invert ? greyColor15 : greyColor80, !invert ? greyColor80 : greyColor40) : //secondary
|
|
62
|
+
(0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n background: none;\n border: ", " solid\n ", ";\n color: ", ";\n "], ["\n background: none;\n border: ", " solid\n ", ";\n color: ", ";\n "])), size === "XS" ? "1px" : "2px", !invert ? greyColor15 : greyColor80, !invert ? greyColor80 : greyColor15);
|
|
46
63
|
});
|
|
47
64
|
exports.StyledTagDisplay = StyledTagDisplay;
|
|
48
|
-
var StyledTagClear = styled_components_1.default.div(
|
|
65
|
+
var StyledTagClear = styled_components_1.default.div(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n\n \t", "\n\t//overrides of commonStyle\n\tpadding-right: 0;\n\tgap: 0.5rem;\n\t//--\n\n\t", "\n \n\t\n\t", "\n"], ["\n\n \t", "\n\t//overrides of commonStyle\n\tpadding-right: 0;\n\tgap: 0.5rem;\n\t//--\n\n\t", "\n \n\t\n\t", "\n"])), function (_a) {
|
|
49
66
|
var size = _a.size;
|
|
50
67
|
return commonStyle({ size: size });
|
|
51
68
|
}, function (_a) {
|
|
52
|
-
var variant = _a.variant, invert = _a.invert, grey = _a.grey, colors = _a.theme.colors;
|
|
53
|
-
if (variant ===
|
|
54
|
-
return grey
|
|
69
|
+
var variant = _a.variant, size = _a.size, invert = _a.invert, grey = _a.grey, colors = _a.theme.colors;
|
|
70
|
+
if (variant === "primary") {
|
|
71
|
+
return grey
|
|
72
|
+
? (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n background-color: ", ";\n color: ", ";\n "], ["\n background-color: ", ";\n color: ", ";\n "])), !invert ? greyColor15 : greyColor80, !invert ? greyColor80 : greyColor15) : (0, styled_components_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n background-color: ", ";\n color: ", ";\n "], ["\n background-color: ", ";\n color: ", ";\n "])), !invert
|
|
73
|
+
? (colors === null || colors === void 0 ? void 0 : colors.primaryColor100) || primaryColor100
|
|
74
|
+
: (colors === null || colors === void 0 ? void 0 : colors.primaryColor40) || primaryColor40, !invert ? white : greyColor100);
|
|
55
75
|
}
|
|
56
|
-
else {
|
|
57
|
-
|
|
76
|
+
else {
|
|
77
|
+
// secondry
|
|
78
|
+
return grey
|
|
79
|
+
? (0, styled_components_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n background: none;\n border: ", " solid ", ";\n color: ", ";\n "], ["\n background: none;\n border: ", " solid ", ";\n color: ", ";\n "])), size === "XS" ? "1px" : "2px", !invert ? greyColor15 : greyColor80, !invert ? greyColor80 : greyColor15) : (0, styled_components_1.css)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n background: none;\n border: ", " solid\n ", ";\n color: ", ";\n "], ["\n background: none;\n border: ", " solid\n ", ";\n color: ", ";\n "])), size === "XS" ? "1px" : "2px", !invert ? (colors === null || colors === void 0 ? void 0 : colors.primaryColor100) || primaryColor100 : (colors === null || colors === void 0 ? void 0 : colors.primaryColor40) || primaryColor40, !invert
|
|
80
|
+
? (colors === null || colors === void 0 ? void 0 : colors.primaryColorText) || primaryColorText
|
|
81
|
+
: (colors === null || colors === void 0 ? void 0 : colors.primaryColor40) || primaryColor40);
|
|
58
82
|
}
|
|
59
83
|
}, function (_a) {
|
|
60
84
|
var variant = _a.variant;
|
|
61
|
-
return variant === "ghost" && (0, styled_components_1.css)(
|
|
85
|
+
return variant === "ghost" && (0, styled_components_1.css)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n background: none;\n\t border: none;\n "], ["\n background: none;\n\t border: none;\n "])));
|
|
62
86
|
});
|
|
63
87
|
exports.StyledTagClear = StyledTagClear;
|
|
64
|
-
var
|
|
88
|
+
var StyledTagClearIconWrapper = styled_components_1.default.div(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n \tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tcursor: pointer;\n \theight: 100%;\n\tpadding-right: 0.75rem;\n\tpadding-left: 0.75rem;\n\t", ";\n\t", "\n"], ["\n \tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tcursor: pointer;\n \theight: 100%;\n\tpadding-right: 0.75rem;\n\tpadding-left: 0.75rem;\n\t", ";\n\t", "\n"])), (0, mixins_1.multiTransition)('color', 'background-color'), function (_a) {
|
|
89
|
+
var invert = _a.invert, grey = _a.grey, colors = _a.theme.colors;
|
|
90
|
+
return grey
|
|
91
|
+
? greyHover({ invert: invert, colors: colors })
|
|
92
|
+
: blueHover({ invert: invert, colors: colors });
|
|
93
|
+
});
|
|
94
|
+
exports.StyledTagClearIconWrapper = StyledTagClearIconWrapper;
|
|
95
|
+
var StyledTagSelect = styled_components_1.default.div(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n ", "\n ", "\n\n\t", "\n \n"], ["\n ", "\n ", "\n\n\t", "\n \n"])), function (_a) {
|
|
65
96
|
var size = _a.size;
|
|
66
97
|
return commonStyle({ size: size });
|
|
67
|
-
}, function (_a) {
|
|
68
|
-
var selected = _a.selected, colors = _a.theme.colors;
|
|
69
|
-
return "\n border:
|
|
98
|
+
}, (0, mixins_1.multiTransition)("background-color"), function (_a) {
|
|
99
|
+
var selected = _a.selected, size = _a.size, colors = _a.theme.colors;
|
|
100
|
+
return (0, styled_components_1.css)(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n border: ", " solid ", ";\n cursor: pointer;\n background-color: ", ";\n\tcolor: ", ";\n\t\t", "\n "], ["\n border: ", " solid ", ";\n cursor: pointer;\n background-color: ", ";\n\tcolor: ", ";\n\t\t", "\n "])), size === "XS" ? "1px" : "2px", (colors === null || colors === void 0 ? void 0 : colors.primaryColor100) || primaryColor100, selected ? (colors === null || colors === void 0 ? void 0 : colors.primaryColor100) || primaryColor100 : null, !selected ? (colors === null || colors === void 0 ? void 0 : colors.primaryColorText) || primaryColorText : white, !selected && (0, styled_components_1.css)(templateObject_13 || (templateObject_13 = __makeTemplateObject(["&:hover {\n\t\tbackground-color: ", ";\n\t\tcolor: ", ";\n\t\t\t\n\t\t}"], ["&:hover {\n\t\tbackground-color: ", ";\n\t\tcolor: ", ";\n\t\t\t\n\t\t}"])), (colors === null || colors === void 0 ? void 0 : colors.primaryColor40) || primaryColor40, (colors === null || colors === void 0 ? void 0 : colors.primaryColorText) || primaryColorText));
|
|
70
101
|
});
|
|
71
102
|
exports.StyledTagSelect = StyledTagSelect;
|
|
72
|
-
var StyledTagLink = styled_components_1.default.div(
|
|
103
|
+
var StyledTagLink = styled_components_1.default.div(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n \t", "\n\t", ";\n ", "\n"], ["\n \t", "\n\t", ";\n ", "\n"])), function (_a) {
|
|
73
104
|
var size = _a.size;
|
|
74
105
|
return commonStyle({ size: size });
|
|
75
|
-
}, function (_a) {
|
|
76
|
-
var variant = _a.variant, invert = _a.invert, colors = _a.theme.colors;
|
|
77
|
-
return variant ===
|
|
78
|
-
|
|
106
|
+
}, (0, mixins_1.multiTransition)("background-color", "color"), function (_a) {
|
|
107
|
+
var variant = _a.variant, invert = _a.invert, size = _a.size, colors = _a.theme.colors;
|
|
108
|
+
return variant === "primary"
|
|
109
|
+
? (0, styled_components_1.css)(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n \t\tbackground-color: ", ";\n \t\tcolor: ", ";\n\t\t\t\t", ";\n \t"], ["\n \t\tbackground-color: ", ";\n \t\tcolor: ", ";\n\t\t\t\t", ";\n \t"])), !invert
|
|
110
|
+
? (colors === null || colors === void 0 ? void 0 : colors.primaryColor100) || primaryColor100
|
|
111
|
+
: (colors === null || colors === void 0 ? void 0 : colors.primaryColor40) || primaryColor40, !invert ? white : greyColor100, blueHover({ invert: invert, colors: colors })) : // secondary
|
|
112
|
+
(0, styled_components_1.css)(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n \t\tbackground: none;\n \t\tborder: ", " solid ", ";\n \t\tcolor: ", ";\n\t\t\t\t", "\n \t"], ["\n \t\tbackground: none;\n \t\tborder: ", " solid ", ";\n \t\tcolor: ", ";\n\t\t\t\t", "\n \t"])), size === "XS" ? "1px" : "2px", !invert ? (colors === null || colors === void 0 ? void 0 : colors.primaryColor100) || primaryColor100 : (colors === null || colors === void 0 ? void 0 : colors.primaryColor40) || primaryColor40, !invert ? (colors === null || colors === void 0 ? void 0 : colors.primaryColorText) || primaryColorText : (colors === null || colors === void 0 ? void 0 : colors.primaryColor40) || primaryColor40, blueHover({ invert: invert, colors: colors }));
|
|
79
113
|
});
|
|
80
114
|
exports.StyledTagLink = StyledTagLink;
|
|
81
|
-
var
|
|
82
|
-
var invert = _a.invert, grey = _a.grey;
|
|
83
|
-
return grey && (0, styled_components_1.css)(templateObject_14 || (templateObject_14 = __makeTemplateObject(["color: ", ";"], ["color: ", ";"])), !invert ? greyColor100 : white);
|
|
84
|
-
});
|
|
85
|
-
exports.StyledIconWrapper = StyledIconWrapper;
|
|
86
|
-
var StyledLink = (0, styled_components_1.default)(react_router_dom_1.NavLink)(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n text-decoration: none;\n"], ["\n text-decoration: none;\n"])));
|
|
115
|
+
var StyledLink = (0, styled_components_1.default)(react_router_dom_1.NavLink)(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n text-decoration: none;\n"], ["\n text-decoration: none;\n"])));
|
|
87
116
|
exports.StyledLink = StyledLink;
|
|
88
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16;
|
|
117
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19;
|