krl-alfred 2.18.12 → 2.18.13
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.
|
@@ -19,5 +19,5 @@ exports.Label = styled_components_1.default.span(templateObject_4 || (templateOb
|
|
|
19
19
|
exports.Indicator = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n flex-shrink: 0;\n background-image: url('", "');\n background-size: 100% 100%;\n width: 20px;\n height: 20px;\n display: block;\n position: absolute;\n right: 1rem;\n top: 1rem;\n"], ["\n flex-shrink: 0;\n background-image: url('", "');\n background-size: 100% 100%;\n width: 20px;\n height: 20px;\n display: block;\n position: absolute;\n right: 1rem;\n top: 1rem;\n"])), function (props) { return props.$disabled ? (0, svgToBase64_1.default)((0, jsx_runtime_1.jsx)(Icon_1.default, { hasWrapper: false, color: "#C2C3CE", name: "RadioButtonElementDisabled" })) : (props.$valid ? (0, svgToBase64_1.default)((0, jsx_runtime_1.jsx)(Icon_1.default, { hasWrapper: false, color: "#9763F6", name: "RadioButtonElementUnchecked" })) : (0, svgToBase64_1.default)((0, jsx_runtime_1.jsx)(Icon_1.default, { hasWrapper: false, color: "#FF1F1F", name: "RadioButtonElementInvalid" }))); });
|
|
20
20
|
exports.Separator = styled_components_1.default.hr(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n height: 1px;\n background-color: var(--grey-10);\n margin: 0;\n border: none;\n opacity: 1;\n"], ["\n height: 1px;\n background-color: var(--grey-10);\n margin: 0;\n border: none;\n opacity: 1;\n"])));
|
|
21
21
|
exports.Content = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n color: var(--dark-opacity-50);\n\n ul {\n list-style: none;\n margin: 0;\n padding: 0;\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n }\n\n li {\n font: var(--body-regular-14-17);\n color: var(--dark-opacity-70);\n line-height: 1.4;\n }\n"], ["\n color: var(--dark-opacity-50);\n\n ul {\n list-style: none;\n margin: 0;\n padding: 0;\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n }\n\n li {\n font: var(--body-regular-14-17);\n color: var(--dark-opacity-70);\n line-height: 1.4;\n }\n"])));
|
|
22
|
-
exports.BoxedWithIconStyled = styled_components_1.default.label(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n display: block;\n position: relative;\n border-radius: 0.5rem;\n border: 1px solid
|
|
22
|
+
exports.BoxedWithIconStyled = styled_components_1.default.label(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n display: block;\n position: relative;\n border-radius: 0.5rem;\n border: 1px solid ", ";\n background-color: white;\n cursor: ", ";\n overflow: hidden;\n\n ", "\n\n input[type=\"radio\"] {\n height: 0;\n width: 0;\n opacity: 0;\n z-index: -1;\n position: absolute;\n\n &:checked ~ ", " ", " ", " {\n background-image: url('", "');\n }\n }\n"], ["\n display: block;\n position: relative;\n border-radius: 0.5rem;\n border: 1px solid ", ";\n background-color: white;\n cursor: ", ";\n overflow: hidden;\n\n ", "\n\n input[type=\"radio\"] {\n height: 0;\n width: 0;\n opacity: 0;\n z-index: -1;\n position: absolute;\n\n &:checked ~ ", " ", " ", " {\n background-image: url('", "');\n }\n }\n"])), function (props) { return props.$checked ? "transparent" : "var(--dark-opacity-10)"; }, function (props) { return (props.$disabled ? "not-allowed" : "pointer"); }, function (props) { return props.$checked && "\n &:before{\n content: \"\";\n position: absolute;\n inset: 0;\n border-radius: inherit;\n user-select: none;\n pointer-events: none;\n border: 2px solid var(--primary);\n }\n "; }, exports.ContentWrapper, exports.Header, exports.Indicator, function (props) { return (0, svgToBase64_1.default)((0, jsx_runtime_1.jsx)(Icon_1.default, { hasWrapper: false, color: props.$color || "#9763F6", name: "RadioButtonElementChecked" })); });
|
|
23
23
|
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;
|
|
@@ -9,5 +9,5 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
9
9
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
10
|
exports.ColorStyled = void 0;
|
|
11
11
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
|
-
exports.ColorStyled = styled_components_1.default.label(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: relative;\n display: inline-flex;\n flex-direction: column;\n align-items: center;\n gap: 8px;\n cursor: ", ";\n ", "\n\n input[type=\"radio\"] {\n height: 0;\n width: 0;\n opacity: 0;\n z-index: -1;\n position: absolute;\n }\n\n .colorIndicator {\n width: ", ";\n height: ", ";\n border-radius: 50%;\n background-color: ", ";\n box-sizing: border-box;\n outline: ", ";\n outline-offset: 2px;\n
|
|
12
|
+
exports.ColorStyled = styled_components_1.default.label(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: relative;\n display: inline-flex;\n flex-direction: column;\n align-items: center;\n gap: 8px;\n cursor: ", ";\n ", "\n\n input[type=\"radio\"] {\n height: 0;\n width: 0;\n opacity: 0;\n z-index: -1;\n position: absolute;\n }\n\n .colorIndicator {\n width: ", ";\n height: ", ";\n border-radius: 50%;\n background-color: ", ";\n box-sizing: border-box;\n outline: ", ";\n outline-offset: 2px;\n }\n\n .colorLabel {\n font: var(--caption-medium-12-15);\n color: ", ";\n text-align: center;\n white-space: nowrap;\n }\n"], ["\n position: relative;\n display: inline-flex;\n flex-direction: column;\n align-items: center;\n gap: 8px;\n cursor: ", ";\n ", "\n\n input[type=\"radio\"] {\n height: 0;\n width: 0;\n opacity: 0;\n z-index: -1;\n position: absolute;\n }\n\n .colorIndicator {\n width: ", ";\n height: ", ";\n border-radius: 50%;\n background-color: ", ";\n box-sizing: border-box;\n outline: ", ";\n outline-offset: 2px;\n }\n\n .colorLabel {\n font: var(--caption-medium-12-15);\n color: ", ";\n text-align: center;\n white-space: nowrap;\n }\n"])), function (props) { return (props.$disabled ? "not-allowed" : "pointer"); }, function (props) { return props.$disabled && "\n opacity: 0.4;\n "; }, function (props) { return props.$size === "medium" ? "40px" : "32px"; }, function (props) { return props.$size === "medium" ? "40px" : "32px"; }, function (props) { return props.$color || "var(--dark)"; }, function (props) { return props.$checked ? "2px solid var(--primary)" : "2px solid transparent"; }, function (props) { return props.$checked ? "var(--primary)" : "var(--dark-opacity-50)"; });
|
|
13
13
|
var templateObject_1;
|