krl-alfred 2.18.11 → 2.18.13

package/dist/components/Accordion/Accordion.js

@@ -22,16 +22,16 @@ var AccordionItem_1 = __importDefault(require("./AccordionItem"));
 var TextLink_1 = __importDefault(require("./../TextLink"));
 var Accordion = function (_a) {
     var _b = _a.data, data = _b === void 0 ? props_1.AccordionDefault.data : _b, _c = _a.linkOnClick, linkOnClick = _c === void 0 ? props_1.AccordionDefault.linkOnClick : _c, _d = _a.collapseAll, collapseAll = _d === void 0 ? props_1.AccordionDefault.collapseAll : _d, _e = _a.size, size = _e === void 0 ? props_1.AccordionDefault.size : _e, _f = _a.hasScrollOnFocus, hasScrollOnFocus = _f === void 0 ? props_1.AccordionDefault.hasScrollOnFocus : _f, _g = _a.activeIndex, activeIndex = _g === void 0 ? props_1.AccordionDefault.activeIndex : _g, _h = _a.showLink, showLink = _h === void 0 ? props_1.AccordionDefault.showLink : _h, _j = _a.linkText, linkText = _j === void 0 ? props_1.AccordionDefault.linkText : _j;
-    var _k = (0, react_1.useState)(0), active = _k[0], setActive = _k[1];
-    var wrapperRef = (0, react_1.useRef)();
+    var _k = (0, react_1.useState)(activeIndex !== null && activeIndex !== void 0 ? activeIndex : null), active = _k[0], setActive = _k[1];
+    var wrapperRef = (0, react_1.useRef)(null);
     (0, react_1.useEffect)(function () {
-        setActive(activeIndex);
+        setActive(activeIndex !== null && activeIndex !== void 0 ? activeIndex : null);
     }, [activeIndex]);
     (0, react_1.useEffect)(function () {
-        if (hasScrollOnFocus) {
+        if (hasScrollOnFocus && activeIndex != null && activeIndex >= 0) {
             setTimeout(function () {
-                var _a;
-                (_a = wrapperRef.current.children[activeIndex - 1]) === null || _a === void 0 ? void 0 : _a.scrollIntoView({ behavior: 'smooth', block: 'start' });
+                var _a, _b;
+                (_b = (_a = wrapperRef.current) === null || _a === void 0 ? void 0 : _a.children[activeIndex - 1]) === null || _b === void 0 ? void 0 : _b.scrollIntoView({ behavior: 'smooth', block: 'start' });
             }, 800);
         }
     }, [hasScrollOnFocus, activeIndex]);

package/dist/components/Accordion/Accordion.styled.js

@@ -14,7 +14,7 @@ exports.AccordionStyled = styled_components_1.default.div(templateObject_1 || (t
 exports.AccordionTitle = styled_components_1.default.h1(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  margin-bottom: 1.5rem;\n  margin-top: 0;\n  font : ", ";\n\n  @media only screen and ", " {\n    font : var(--title-bold-16-19);\n  }\n"], ["\n  margin-bottom: 1.5rem;\n  margin-top: 0;\n  font : ", ";\n\n  @media only screen and ", " {\n    font : var(--title-bold-16-19);\n  }\n"])), function (props) { return props.$size === "large" ? "var(--headline-bold-18-22)" : "var(--title-bold-16-19)"; }, devices_1.devices.lg);
 exports.Wrapper = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n\n"], ["\n\n"])));
 exports.Item = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  &:not(:nth-child(1)) {\n    margin-top: 1.5rem;\n  }\n"], ["\n  &:not(:nth-child(1)) {\n    margin-top: 1.5rem;\n  }\n"])));
-exports.ItemTitle = styled_components_1.default.strong(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  cursor: pointer;\n  font : ", ";\n    >div{\n        position: relative;\n        &:last-child{\n            > div{\n                transition: all .3s ease;\n                &:first-child{\n                    opacity: 0;\n                }\n                &:last-child{\n                    position: absolute;\n                    inset: 0;\n                    opacity: 1;\n                }\n            }\n        }\n    }\n    \n    &:is(.active){\n        >div{\n            &:last-child{\n                > div{\n                    &:first-child{\n                        opacity: 1;\n                    }\n                    &:last-child{\n                        transform: rotate(90deg);\n                        opacity: 0;\n                    }\n                }\n            }\n        }\n    }\n  @media only screen and ", " {\n    font : var(--body-bold-14-17);\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  cursor: pointer;\n  font : ", ";\n    >div{\n        position: relative;\n        &:last-child{\n            > div{\n                transition: all .3s ease;\n                &:first-child{\n                    opacity: 0;\n                }\n                &:last-child{\n                    position: absolute;\n                    inset: 0;\n                    opacity: 1;\n                }\n            }\n        }\n    }\n    \n    &:is(.active){\n        >div{\n            &:last-child{\n                > div{\n                    &:first-child{\n                        opacity: 1;\n                    }\n                    &:last-child{\n                        transform: rotate(90deg);\n                        opacity: 0;\n                    }\n                }\n            }\n        }\n    }\n  @media only screen and ", " {\n    font : var(--body-bold-14-17);\n  }\n"])), function (props) { return props.$size === "large" ? "var(--title-bold-16-19)" : "var(--body-bold-14-17)"; }, devices_1.devices.lg);
+exports.ItemTitle = styled_components_1.default.strong(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  cursor: pointer;\n  font : ", ";\n    >div{\n        position: relative;\n        &:last-child{\n        margin-left: 1rem;\n            > div{\n                transition: all .3s ease;\n                &:first-child{\n                    opacity: 0;\n                }\n                &:last-child{\n                    position: absolute;\n                    inset: 0;\n                    opacity: 1;\n                }\n            }\n        }\n    }\n    \n    &:is(.active){\n        >div{\n            &:last-child{\n                > div{\n                    &:first-child{\n                        opacity: 1;\n                    }\n                    &:last-child{\n                        transform: rotate(90deg);\n                        opacity: 0;\n                    }\n                }\n            }\n        }\n    }\n  @media only screen and ", " {\n    font : var(--body-bold-14-17);\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  cursor: pointer;\n  font : ", ";\n    >div{\n        position: relative;\n        &:last-child{\n        margin-left: 1rem;\n            > div{\n                transition: all .3s ease;\n                &:first-child{\n                    opacity: 0;\n                }\n                &:last-child{\n                    position: absolute;\n                    inset: 0;\n                    opacity: 1;\n                }\n            }\n        }\n    }\n    \n    &:is(.active){\n        >div{\n            &:last-child{\n                > div{\n                    &:first-child{\n                        opacity: 1;\n                    }\n                    &:last-child{\n                        transform: rotate(90deg);\n                        opacity: 0;\n                    }\n                }\n            }\n        }\n    }\n  @media only screen and ", " {\n    font : var(--body-bold-14-17);\n  }\n"])), function (props) { return props.$size === "large" ? "var(--title-bold-16-19)" : "var(--body-bold-14-17)"; }, devices_1.devices.lg);
 exports.ItemContent = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  transition: all .3s ease;\n  overflow: hidden;\n  position: relative;\n  font : ", ";\n  @media only screen and ", " {\n    font : var(--body-regular-14-17);\n  }\n  > div{\n    padding: 1rem 2rem 0 0;\n    position: absolute;\n    left: 0;\n    right: 0;\n    top: 0;\n    a{\n      color : var(--primary);\n      &:hover , :focus , :active {\n        color: var(--primary-hover);\n      }\n    }\n  }\n"], ["\n  transition: all .3s ease;\n  overflow: hidden;\n  position: relative;\n  font : ", ";\n  @media only screen and ", " {\n    font : var(--body-regular-14-17);\n  }\n  > div{\n    padding: 1rem 2rem 0 0;\n    position: absolute;\n    left: 0;\n    right: 0;\n    top: 0;\n    a{\n      color : var(--primary);\n      &:hover , :focus , :active {\n        color: var(--primary-hover);\n      }\n    }\n  }\n"])), function (props) { return props.$size === "large" ? "var(--title-regular-16-19)" : "var(--body-regular-14-17)"; }, devices_1.devices.lg);
 exports.Footer = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  box-sizing: border-box;\n  display: block;\n  margin-top: 1.5rem!important;\n    font : var(--body-bold-14-17);\n"], ["\n  box-sizing: border-box;\n  display: block;\n  margin-top: 1.5rem!important;\n    font : var(--body-bold-14-17);\n"])));
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;

package/dist/components/Accordion/props.d.ts

@@ -3,7 +3,8 @@ type SIZES = typeof sizes[number];
 export interface Accordion {
     data?: [];
     active?: boolean;
-    activeIndex?: number;
+    /** Açık panel indeksi (0 tabanlı). null = hiçbiri açık değil */
+    activeIndex?: number | null;
     showLink?: boolean;
     collapseAll?: boolean;
     linkText?: string;

package/dist/components/Accordion/props.js

@@ -5,7 +5,7 @@ exports.sizes = ['large', 'medium'];
 exports.AccordionDefault = {
     data: [],
     active: false,
-    activeIndex: 0,
+    activeIndex: null,
     showLink: false,
     collapseAll: false,
     linkText: 'Daha Fazla Soru Göster',

package/dist/components/Accordion/stories/Accordion.stories.d.ts

@@ -27,7 +27,7 @@ export declare const Default: {
         showLink: boolean;
         collapseAll: boolean;
         hasScrollOnFocus: boolean;
-        activeIndex: number;
+        activeIndex: any;
         linkText: string;
         linkOnClick: () => void;
         size: string;
@@ -44,7 +44,7 @@ export declare const Large: {
         showLink: boolean;
         collapseAll: boolean;
         hasScrollOnFocus: boolean;
-        activeIndex: number;
+        activeIndex: any;
         linkText: string;
         linkOnClick: () => void;
         size: string;
@@ -61,7 +61,7 @@ export declare const WithLink: {
         showLink: boolean;
         collapseAll: boolean;
         hasScrollOnFocus: boolean;
-        activeIndex: number;
+        activeIndex: any;
         linkText: string;
         linkOnClick: () => void;
         size: string;
@@ -78,7 +78,7 @@ export declare const LargeWithLink: {
         showLink: boolean;
         collapseAll: boolean;
         hasScrollOnFocus: boolean;
-        activeIndex: number;
+        activeIndex: any;
         linkText: string;
         linkOnClick: () => void;
         size: string;
@@ -95,7 +95,7 @@ export declare const CollapseAll: {
         showLink: boolean;
         collapseAll: boolean;
         hasScrollOnFocus: boolean;
-        activeIndex: number;
+        activeIndex: any;
         linkText: string;
         linkOnClick: () => void;
         size: string;
@@ -112,7 +112,7 @@ export declare const LargeCollapseAll: {
         showLink: boolean;
         collapseAll: boolean;
         hasScrollOnFocus: boolean;
-        activeIndex: number;
+        activeIndex: any;
         linkText: string;
         linkOnClick: () => void;
         size: string;
@@ -129,7 +129,7 @@ export declare const CollapseAllWithLink: {
         showLink: boolean;
         collapseAll: boolean;
         hasScrollOnFocus: boolean;
-        activeIndex: number;
+        activeIndex: any;
         linkText: string;
         linkOnClick: () => void;
         size: string;

package/dist/components/Accordion/stories/Accordion.stories.js

@@ -24,7 +24,7 @@ exports.Default = {
         showLink: false,
         collapseAll: false,
         hasScrollOnFocus: false,
-        activeIndex: 0,
+        activeIndex: null,
         linkText: "Daha Fazla Soru Göster",
         linkOnClick: function () { return console.log("test"); },
         size: 'medium'
@@ -37,7 +37,7 @@ exports.Large = {
         showLink: false,
         collapseAll: false,
         hasScrollOnFocus: false,
-        activeIndex: 0,
+        activeIndex: null,
         linkText: "Daha Fazla Soru Göster",
         linkOnClick: function () { return console.log("test"); },
         size: 'large'
@@ -50,7 +50,7 @@ exports.WithLink = {
         showLink: true,
         collapseAll: false,
         hasScrollOnFocus: false,
-        activeIndex: 0,
+        activeIndex: null,
         linkText: "Daha Fazla Soru Göster",
         linkOnClick: function () { return console.log("Daha fazla soru göster tıklandı"); },
         size: 'medium'
@@ -63,7 +63,7 @@ exports.LargeWithLink = {
         showLink: true,
         collapseAll: false,
         hasScrollOnFocus: false,
-        activeIndex: 0,
+        activeIndex: null,
         linkText: "Tüm Soruları Gör",
         linkOnClick: function () { return console.log("Tüm soruları gör tıklandı"); },
         size: 'large'
@@ -76,7 +76,7 @@ exports.CollapseAll = {
         showLink: false,
         collapseAll: true,
         hasScrollOnFocus: false,
-        activeIndex: 0,
+        activeIndex: null,
         linkText: "Daha Fazla Soru Göster",
         linkOnClick: function () { return console.log("test"); },
         size: 'medium'
@@ -89,7 +89,7 @@ exports.LargeCollapseAll = {
         showLink: false,
         collapseAll: true,
         hasScrollOnFocus: false,
-        activeIndex: 0,
+        activeIndex: null,
         linkText: "Daha Fazla Soru Göster",
         linkOnClick: function () { return console.log("test"); },
         size: 'large'
@@ -102,7 +102,7 @@ exports.CollapseAllWithLink = {
         showLink: true,
         collapseAll: true,
         hasScrollOnFocus: false,
-        activeIndex: 0,
+        activeIndex: null,
         linkText: "Daha Fazla Soru Göster",
         linkOnClick: function () { return console.log("test"); },
         size: 'medium'

package/dist/components/RadioButton/layouts/boxedWithIcon/BoxedWithIcon.styled.js

@@ -19,5 +19,5 @@ exports.Label = styled_components_1.default.span(templateObject_4 || (templateOb
 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" }))); });
 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"])));
 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"])));
-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 var(--dark-opacity-10);\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 var(--dark-opacity-10);\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.$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" })); });
+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" })); });
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;

package/dist/components/RadioButton/layouts/color/Color.styled.js

@@ -9,5 +9,5 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ColorStyled = void 0;
 var styled_components_1 = __importDefault(require("styled-components"));
-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    &:hover {\n      ", "\n    }\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    &:hover {\n      ", "\n    }\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.$disabled && !props.$checked && "\n        outline: 2px solid var(--primary-hover);\n      "; }, function (props) { return props.$checked ? "var(--primary)" : "var(--dark-opacity-50)"; });
+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)"; });
 var templateObject_1;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "krl-alfred",
-  "version": "2.18.11",
+  "version": "2.18.13",
   "files": [
     "dist"
   ],