oolib 2.30.4 → 2.31.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.
|
@@ -16,7 +16,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
16
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
17
|
exports.TabBarStyle2 = exports.TabBarStyle1 = void 0;
|
|
18
18
|
var react_1 = __importDefault(require("react"));
|
|
19
|
-
var Typo_1 = require("../Typo");
|
|
20
19
|
var index_styled_1 = require("./index.styled");
|
|
21
20
|
var Base = function (_a) {
|
|
22
21
|
var id = _a.id, options = _a.options, valueProp = _a.value, onChange = _a.onChange, style = _a.style, errorTabs = _a.errorTabs, _b = _a.tabBarStyle, tabBarStyle = _b === void 0 ? '1' : _b, saveValueAsString = _a.saveValueAsString, M = _a.M, S = _a.S, _size = _a.size //use any one of these 3
|
|
@@ -32,6 +32,7 @@ var styled_components_1 = __importStar(require("styled-components"));
|
|
|
32
32
|
var themes_1 = require("../../themes");
|
|
33
33
|
var mixins_1 = require("../../themes/mixins");
|
|
34
34
|
var utilsOolib_1 = require("../../utilsOolib");
|
|
35
|
+
var Typo_1 = require("../Typo");
|
|
35
36
|
var greyColor100 = themes_1.colors.greyColor100, greyColor10 = themes_1.colors.greyColor10, red = themes_1.colors.red, lightRed = themes_1.colors.lightRed, invertRed = themes_1.colors.invertRed, greyColor5 = themes_1.colors.greyColor5, white = themes_1.colors.white, none = themes_1.colors.none;
|
|
36
37
|
var tabBarWrapperStyle1 = (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n ", "\n :hover {\n background-color: ", ";\n }\n\n ", "\n\n ", "\n"], ["\n ", "\n :hover {\n background-color: ", ";\n }\n\n ", "\n\n ", "\n"])), (0, mixins_1.transition)("background-color"), function (_a) {
|
|
37
38
|
var error = _a.error;
|
|
@@ -91,5 +92,5 @@ exports.TabBarTabStyled = styled_components_1.default.button(templateObject_15 |
|
|
|
91
92
|
? tabBarTabStyle1
|
|
92
93
|
: tabBarStyle === "2" && tabBarTabStyle2;
|
|
93
94
|
});
|
|
94
|
-
exports.STYLED_SANS_2 = (0, styled_components_1.default)(SANS_2)(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n"], ["\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n"])));
|
|
95
|
+
exports.STYLED_SANS_2 = (0, styled_components_1.default)(Typo_1.SANS_2)(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n"], ["\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n"])));
|
|
95
96
|
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;
|
|
@@ -46,7 +46,7 @@ function TagDisplay(_a) {
|
|
|
46
46
|
var size = M ? 'M' : XS ? 'XS' : 'S';
|
|
47
47
|
var TYPO_COMP = getTypoComp(size);
|
|
48
48
|
return (react_1.default.createElement(index_styled_1.StyledTagDisplay, { variant: variant, invert: invert, textColor: textColor, tagColor: tagColor, size: size, style: style },
|
|
49
|
-
react_1.default.createElement(TYPO_COMP, { semibold: true }, display)));
|
|
49
|
+
react_1.default.createElement(TYPO_COMP, { semibold: size === "XS" ? false : true }, display)));
|
|
50
50
|
}
|
|
51
51
|
exports.TagDisplay = TagDisplay;
|
|
52
52
|
function TagClear(_a) {
|
|
@@ -71,7 +71,7 @@ var StyledTagDisplay = styled_components_1.default.div(templateObject_7 || (temp
|
|
|
71
71
|
: !invert
|
|
72
72
|
? greyColor15
|
|
73
73
|
: greyColor80, textColor ? textColor : !invert ? greyColor80 : greyColor40) : //secondary
|
|
74
|
-
(0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __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", tagColor ? tagColor : !invert ? greyColor15 : greyColor80, textColor ? textColor : !invert ? greyColor80 : greyColor15);
|
|
74
|
+
(0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n background: none;\n /* border: ", " solid */\n border: 2px solid\n ", ";\n color: ", ";\n "], ["\n background: none;\n /* border: ", " solid */\n border: 2px solid\n ", ";\n color: ", ";\n "])), size === "XS" ? "1px" : "2px", tagColor ? tagColor : !invert ? greyColor15 : greyColor80, textColor ? textColor : !invert ? greyColor80 : greyColor15);
|
|
75
75
|
});
|
|
76
76
|
exports.StyledTagDisplay = StyledTagDisplay;
|
|
77
77
|
var StyledTagClear = styled_components_1.default.div(templateObject_13 || (templateObject_13 = __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) {
|