oolib 2.207.0 → 2.207.1
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.
|
@@ -25,7 +25,6 @@ var mixins_1 = require("../../../themes/mixins");
|
|
|
25
25
|
var Typo2_1 = require("../Typo2");
|
|
26
26
|
var colors_1 = require("../../themes/colors");
|
|
27
27
|
var icons_1 = require("../../../icons");
|
|
28
|
-
var __1 = require("../../..");
|
|
29
28
|
var List = icons_1.icons.List;
|
|
30
29
|
var Base = function (_a) {
|
|
31
30
|
var id = _a.id, options = _a.options, valueProp = _a.value, onChange = _a.onChange, style = _a.style, errorTabs = _a.errorTabs, disabledTabs = _a.disabledTabs, _b = _a.tabBarStyle, tabBarStyle = _b === void 0 ? '1' : _b, saveValueAsString = _a.saveValueAsString, _c = _a.black, black = _c === void 0 ? false : _c, M = _a.M, S = _a.S, _size = _a.size //use any one of these 3
|
|
@@ -63,7 +62,7 @@ var Base = function (_a) {
|
|
|
63
62
|
react_1.default.createElement(Typo, { capitalize: true }, op.display),
|
|
64
63
|
op.message && tabBarStyle === '1' ?
|
|
65
64
|
react_1.default.createElement(index_styled_1.StyledMessage1, null,
|
|
66
|
-
react_1.default.createElement(Typo2_1.UI_TAG,
|
|
65
|
+
react_1.default.createElement(Typo2_1.UI_TAG, null, op.message))
|
|
67
66
|
: op.message && tabBarStyle === '2' &&
|
|
68
67
|
react_1.default.createElement(index_styled_1.StyledMessage2, null,
|
|
69
68
|
react_1.default.createElement(Typo2_1.UI_CAPTION_BOLD, { style: { margin: "auto" } }, op.message))),
|
|
@@ -42,9 +42,7 @@ var styled_components_1 = __importStar(require("styled-components"));
|
|
|
42
42
|
var mixins_1 = require("../../../themes/mixins");
|
|
43
43
|
var themes_1 = require("../../themes");
|
|
44
44
|
var getDynamicColors_1 = require("../../themes/utils/getDynamicColors");
|
|
45
|
-
var
|
|
46
|
-
var __1 = require("../../..");
|
|
47
|
-
var secondaryContainer = themes_1.colors.secondaryContainer, onSecondary = themes_1.colors.onSecondary, white = themes_1.colors.white, black = themes_1.colors.black, grey80 = themes_1.colors.grey80, grey40 = themes_1.colors.grey40, grey10 = themes_1.colors.grey10, errorColor = themes_1.colors.error;
|
|
45
|
+
var onSecondary = themes_1.colors.onSecondary, white = themes_1.colors.white, black = themes_1.colors.black, grey80 = themes_1.colors.grey80, grey40 = themes_1.colors.grey40, grey10 = themes_1.colors.grey10, errorColor = themes_1.colors.error, redBG = themes_1.colors.redBG;
|
|
48
46
|
exports.wrapperStyles = {
|
|
49
47
|
style1: (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n :first-of-type {\n border-radius: 1px 0 0 2px;\n }\n :last-of-type {\n border-radius: 0 2px 2px 0;\n }\n\n background-color: white;\n color: ", ";\n \n ", " \n\n ", "\n\n ", "\n\n \n "], ["\n :first-of-type {\n border-radius: 1px 0 0 2px;\n }\n :last-of-type {\n border-radius: 0 2px 2px 0;\n }\n\n background-color: white;\n color: ", ";\n \n ", " \n\n ", "\n\n ", "\n\n \n "])), function (_a) {
|
|
50
48
|
var error = _a.error, active = _a.active, disabled = _a.disabled;
|
|
@@ -98,7 +96,7 @@ exports.tabStyles = {
|
|
|
98
96
|
return message && (0, styled_components_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n padding-right: 0.8rem;\n "], ["\n padding-right: 0.8rem;\n "])));
|
|
99
97
|
}, function (_a) {
|
|
100
98
|
var error = _a.error;
|
|
101
|
-
return error && (0, styled_components_1.css)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n background-color: ", ";\n "], ["\n background-color: ", ";\n "])),
|
|
99
|
+
return error && (0, styled_components_1.css)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n background-color: ", ";\n "], ["\n background-color: ", ";\n "])), redBG);
|
|
102
100
|
}, function (_a) {
|
|
103
101
|
var disabled = _a.disabled;
|
|
104
102
|
return disabled && (0, styled_components_1.css)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n cursor: not-allowed; \n color: ", ";\n "], ["\n cursor: not-allowed; \n color: ", ";\n "])), grey40);
|
|
@@ -164,6 +162,6 @@ exports.StyledDot = styled_components_1.default.div(templateObject_21 || (templa
|
|
|
164
162
|
return tabBarStyle === "2" && active ? errorColor : !active && error ? errorColor : errorColor;
|
|
165
163
|
});
|
|
166
164
|
exports.StyledWrapper = styled_components_1.default.div(templateObject_22 || (templateObject_22 = __makeTemplateObject(["\n display: flex;\n /* min-height: 5.6rem; */\n padding: 0.8rem 1.6rem;\n justify-content: space-between;\n align-items: center;\n align-self: stretch;\n border-radius: 1.2rem;\n background: #FFF;\n gap: 0.5rem;\n box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.10);\n cursor: pointer;\n"], ["\n display: flex;\n /* min-height: 5.6rem; */\n padding: 0.8rem 1.6rem;\n justify-content: space-between;\n align-items: center;\n align-self: stretch;\n border-radius: 1.2rem;\n background: #FFF;\n gap: 0.5rem;\n box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.10);\n cursor: pointer;\n"])));
|
|
167
|
-
exports.StyledMessage1 = styled_components_1.default.div(templateObject_23 || (templateObject_23 = __makeTemplateObject(["\n background: ", ";\n padding: 0.3rem 0.5rem;\n border-radius: 2px;\n"], ["\n background: ", ";\n padding: 0.3rem 0.5rem;\n border-radius: 2px;\n"])),
|
|
168
|
-
exports.StyledMessage2 = styled_components_1.default.div(templateObject_24 || (templateObject_24 = __makeTemplateObject(["\n border-radius: 1.2rem;\n background: ", ";\n color: ", ";\n margin: auto;\n min-width: 1.6rem;\n height: 1.6rem;\n padding: 0 0.5rem;\n"], ["\n border-radius: 1.2rem;\n background: ", ";\n color: ", ";\n margin: auto;\n min-width: 1.6rem;\n height: 1.6rem;\n padding: 0 0.5rem;\n"])),
|
|
165
|
+
exports.StyledMessage1 = styled_components_1.default.div(templateObject_23 || (templateObject_23 = __makeTemplateObject(["\n background: ", ";\n color: ", ";\n padding: 0.3rem 0.5rem;\n border-radius: 2px;\n"], ["\n background: ", ";\n color: ", ";\n padding: 0.3rem 0.5rem;\n border-radius: 2px;\n"])), themes_1.colors.black, themes_1.colors.white);
|
|
166
|
+
exports.StyledMessage2 = styled_components_1.default.div(templateObject_24 || (templateObject_24 = __makeTemplateObject(["\n border-radius: 1.2rem;\n background: ", ";\n color: ", ";\n margin: auto;\n min-width: 1.6rem;\n height: 1.6rem;\n padding: 0 0.5rem;\n"], ["\n border-radius: 1.2rem;\n background: ", ";\n color: ", ";\n margin: auto;\n min-width: 1.6rem;\n height: 1.6rem;\n padding: 0 0.5rem;\n"])), themes_1.colors.green, themes_1.colors.white);
|
|
169
167
|
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, templateObject_20, templateObject_21, templateObject_22, templateObject_23, templateObject_24;
|