oolib 2.69.2 → 2.69.3
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.
|
@@ -5,4 +5,12 @@ export function genColor({ color, theme, invert, disabled }: {
|
|
|
5
5
|
disabled: any;
|
|
6
6
|
}): any;
|
|
7
7
|
export const StyledLink: import("styled-components").StyledComponent<"a", any, {}, never>;
|
|
8
|
+
/**
|
|
9
|
+
* for use in Lexical LinkNode
|
|
10
|
+
* its different from the normal OKELink in that:
|
|
11
|
+
* 1// it is always black in color
|
|
12
|
+
* 2// it has NO disabled style
|
|
13
|
+
* 3// it has NO inverted style
|
|
14
|
+
*/
|
|
15
|
+
export const StyledOKELinkClass: any;
|
|
8
16
|
export const StyledLinkText: import("styled-components").StyledComponent<"span", any, {}, never>;
|
|
@@ -7,7 +7,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
7
7
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
8
8
|
};
|
|
9
9
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
|
-
exports.StyledLinkText = exports.StyledLink = exports.genColor = void 0;
|
|
10
|
+
exports.StyledLinkText = exports.StyledOKELinkClass = exports.StyledLink = exports.genColor = void 0;
|
|
11
11
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
12
|
var themes_1 = require("../../themes");
|
|
13
13
|
var mixins_1 = require("../../themes/mixins");
|
|
@@ -23,7 +23,15 @@ var genColor = function (_a) {
|
|
|
23
23
|
: (0, utilsOolib_1.getPrimaryColorText)(theme === null || theme === void 0 ? void 0 : theme.colors);
|
|
24
24
|
};
|
|
25
25
|
exports.genColor = genColor;
|
|
26
|
-
exports.StyledLink = styled_components_1.default.a(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n \n cursor: ", ";\n display: inline-flex;\n gap: 0.7rem;\n align-items: center;\n max-width: calc(100vw - 4rem); //the margin on mobile is 2rem each on both sides \n text-decoration: none;\n position: relative;\n color: ", ";\n\n &::after{\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: ", ";\n height: ", ";\n pointer-events: ", ";\n ", ";\n background-color: ", ";\n }\n\n &:hover{\n color: ", ";\n &::after{ width: ", "; }\n }\n"], ["\n \n cursor: ", ";\n display: inline-flex;\n gap: 0.7rem;\n align-items: center;\n max-width: calc(100vw - 4rem); //the margin on mobile is 2rem each on both sides \n text-decoration: none;\n position: relative;\n color: ", ";\n\n &::after{\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: ", ";\n height: ", ";\n pointer-events: ", ";\n ", ";\n background-color: ", ";\n }\n\n &:hover{\n color: ", ";\n &::after{ width: ", "; }\n }\n"
|
|
26
|
+
exports.StyledLink = styled_components_1.default.a(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n \n cursor: ", ";\n display: inline-flex;\n gap: 0.7rem;\n align-items: center;\n max-width: calc(100vw - 4rem); //the margin on mobile is 2rem each on both sides \n text-decoration: none;\n position: relative;\n color: ", ";\n\n &::after{\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: ", ";\n height: ", ";\n pointer-events: ", ";\n ", ";\n background-color: ", ";\n }\n\n &:hover{\n color: ", ";\n &::after{ width: ", "; }\n }\n"], ["\n \n cursor: ", ";\n display: inline-flex;\n gap: 0.7rem;\n align-items: center;\n max-width: calc(100vw - 4rem); //the margin on mobile is 2rem each on both sides \n text-decoration: none;\n position: relative;\n color: ", ";\n\n &::after{\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: ", ";\n height: ", ";\n pointer-events: ", ";\n ", ";\n background-color: ", ";\n }\n\n &:hover{\n color: ", ";\n &::after{ width: ", "; }\n }\n"
|
|
27
|
+
/**
|
|
28
|
+
* for use in Lexical LinkNode
|
|
29
|
+
* its different from the normal OKELink in that:
|
|
30
|
+
* 1// it is always black in color
|
|
31
|
+
* 2// it has NO disabled style
|
|
32
|
+
* 3// it has NO inverted style
|
|
33
|
+
*/
|
|
34
|
+
])), function (_a) {
|
|
27
35
|
var disabled = _a.disabled;
|
|
28
36
|
return !disabled ? 'pointer' : 'not-allowed';
|
|
29
37
|
}, exports.genColor, function (_a) {
|
|
@@ -39,5 +47,13 @@ exports.StyledLink = styled_components_1.default.a(templateObject_1 || (template
|
|
|
39
47
|
var invertUnderline = _a.invertUnderline;
|
|
40
48
|
return invertUnderline ? '100%' : 0;
|
|
41
49
|
});
|
|
42
|
-
|
|
43
|
-
|
|
50
|
+
/**
|
|
51
|
+
* for use in Lexical LinkNode
|
|
52
|
+
* its different from the normal OKELink in that:
|
|
53
|
+
* 1// it is always black in color
|
|
54
|
+
* 2// it has NO disabled style
|
|
55
|
+
* 3// it has NO inverted style
|
|
56
|
+
*/
|
|
57
|
+
exports.StyledOKELinkClass = css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n .OKELink{\n cursor: pointer;\n display: inline-flex;\n gap: 0.7rem;\n align-items: center;\n max-width: calc(100vw - 4rem); //the margin on mobile is 2rem each on both sides \n text-decoration: none;\n position: relative;\n color: ", ";\n\n &::after{\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 1px;\n pointer-events: unset;\n ", ";\n background-color: ", ";\n }\n\n &:hover{\n color: ", ";\n &::after{ width: 0 }\n }\n\n &.-disabled-{\n cursor: 'not-allowed';\n &::after{\n height: 0;\n pointer-events: 'none';\n }\n }\n\n &.-invertUnderline-{\n &::after{\n width: 0\n }\n\n &:hover{\n &::after{\n width: 100%;\n }\n }\n }\n\n }\n"], ["\n .OKELink{\n cursor: pointer;\n display: inline-flex;\n gap: 0.7rem;\n align-items: center;\n max-width: calc(100vw - 4rem); //the margin on mobile is 2rem each on both sides \n text-decoration: none;\n position: relative;\n color: ", ";\n\n &::after{\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 1px;\n pointer-events: unset;\n ", ";\n background-color: ", ";\n }\n\n &:hover{\n color: ", ";\n &::after{ width: 0 }\n }\n\n &.-disabled-{\n cursor: 'not-allowed';\n &::after{\n height: 0;\n pointer-events: 'none';\n }\n }\n\n &.-invertUnderline-{\n &::after{\n width: 0\n }\n\n &:hover{\n &::after{\n width: 100%;\n }\n }\n }\n\n }\n"])), themes_1.colors.black, (0, mixins_1.transition)('width'), themes_1.colors.black, themes_1.colors.black);
|
|
58
|
+
exports.StyledLinkText = styled_components_1.default.span(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n white-space: nowrap;\n /** might need some ellipsis stuff here. but it doesnt work with inline-flex. which is on StyledLink */ \n"], ["\n white-space: nowrap;\n /** might need some ellipsis stuff here. but it doesnt work with inline-flex. which is on StyledLink */ \n"])));
|
|
59
|
+
var templateObject_1, templateObject_2, templateObject_3;
|