@typeolymp/ui-components 1.19.2 → 1.19.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.
package/build/index.js
CHANGED
|
@@ -8252,11 +8252,32 @@ var DataSummary = function (_a) {
|
|
|
8252
8252
|
}) })] }) }));
|
|
8253
8253
|
};
|
|
8254
8254
|
|
|
8255
|
-
var Container$o = styled__default["default"].div(templateObject_1$G || (templateObject_1$G = __makeTemplateObject$1(["\n padding: 7px 10px;\n background-color: ", ";\n box-shadow:
|
|
8255
|
+
var Container$o = styled__default["default"].div(templateObject_1$G || (templateObject_1$G = __makeTemplateObject$1(["\n padding: 7px 10px;\n background-color: ", ";\n box-shadow: ", ";\n border: 1px solid;\n border-color: ", ";\n border-radius: 4px;\n box-sizing: border-box;\n text-decoration: none;\n\n font-family: ", ";\n font-size: ", ";\n font-weight: ", ";\n font-style: normal;\n color: ", ";\n"], ["\n padding: 7px 10px;\n background-color: ", ";\n box-shadow: ", ";\n border: 1px solid;\n border-color: ", ";\n border-radius: 4px;\n box-sizing: border-box;\n text-decoration: none;\n\n font-family: ", ";\n font-size: ", ";\n font-weight: ", ";\n font-style: normal;\n color: ", ";\n"])), function (_a) {
|
|
8256
|
+
var color = _a.color;
|
|
8257
|
+
if (!color)
|
|
8258
|
+
return theme.colors.lightGray.base;
|
|
8259
|
+
return theme.colors[color].light;
|
|
8260
|
+
}, function (_a) {
|
|
8261
|
+
var color = _a.color;
|
|
8262
|
+
if (!color)
|
|
8263
|
+
return "0 2px 0 ".concat(theme.colors.lightGray.darker);
|
|
8264
|
+
return "0 2px 0 ".concat(theme.colors[color].dark);
|
|
8265
|
+
}, function (_a) {
|
|
8266
|
+
var color = _a.color;
|
|
8267
|
+
if (!color)
|
|
8268
|
+
return theme.colors.lightGray.darker;
|
|
8269
|
+
return theme.colors[color].dark;
|
|
8270
|
+
}, theme.fonts.paragraph, theme.subheading.small.fontSize, theme.subheading.small.fontWeight, function (_a) {
|
|
8271
|
+
var color = _a.color;
|
|
8272
|
+
if (!color)
|
|
8273
|
+
return theme.colors.darkGray.light;
|
|
8274
|
+
return theme.colors[color].darker;
|
|
8275
|
+
});
|
|
8256
8276
|
var templateObject_1$G;
|
|
8257
8277
|
|
|
8258
|
-
var Tag = function (
|
|
8259
|
-
|
|
8278
|
+
var Tag = function (_a) {
|
|
8279
|
+
var color = _a.color, children = _a.children;
|
|
8280
|
+
return jsxRuntime.jsx(Container$o, __assign$2({ color: color }, { children: children }));
|
|
8260
8281
|
};
|
|
8261
8282
|
|
|
8262
8283
|
var Container$n = styled__default["default"].div(templateObject_1$F || (templateObject_1$F = __makeTemplateObject$1(["\n width: 46px;\n min-width: 46px;\n max-width: 46px;\n height: 27px;\n min-height: 27px;\n max-height: 27px;\n border-radius: 14px;\n cursor: ", ";\n position: relative;\n background-color: ", ";\n\n :after {\n content: \"\";\n width: 21px;\n height: 21px;\n border-radius: 50%;\n position: absolute;\n top: 3px;\n right: ", ";\n left: ", ";\n background-color: ", ";\n }\n\n input {\n display: none;\n }\n\n :focus {\n outline: 0;\n border-color: ", ";\n box-shadow: ", ";\n }\n"], ["\n width: 46px;\n min-width: 46px;\n max-width: 46px;\n height: 27px;\n min-height: 27px;\n max-height: 27px;\n border-radius: 14px;\n cursor: ", ";\n position: relative;\n background-color: ", ";\n\n :after {\n content: \"\";\n width: 21px;\n height: 21px;\n border-radius: 50%;\n position: absolute;\n top: 3px;\n right: ", ";\n left: ", ";\n background-color: ", ";\n }\n\n input {\n display: none;\n }\n\n :focus {\n outline: 0;\n border-color: ", ";\n box-shadow: ", ";\n }\n"])), function (_a) {
|