krl-alfred 2.24.5 → 2.24.6

package/dist/components/Checkbox/Checkbox.styled.d.ts

@@ -1,6 +1,16 @@
 /// <reference types="react" />
 import { CheckboxStyledProps } from "./props";
 export declare const CheckboxWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, keyof CheckboxStyledProps> & CheckboxStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, keyof CheckboxStyledProps> & CheckboxStyledProps, never>>> & string;
+export declare const CheckboxIndicatorIdle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref" | "key" | keyof import("react").HTMLAttributes<HTMLSpanElement>> & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+    ref?: import("react").Ref<HTMLSpanElement>;
+}, "aria-hidden"> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref" | "key" | keyof import("react").HTMLAttributes<HTMLSpanElement>> & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+    ref?: import("react").Ref<HTMLSpanElement>;
+}, "aria-hidden">>> & string;
+export declare const CheckboxIndicatorChecked: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref" | "key" | keyof import("react").HTMLAttributes<HTMLSpanElement>> & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+    ref?: import("react").Ref<HTMLSpanElement>;
+}, "aria-hidden"> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref" | "key" | keyof import("react").HTMLAttributes<HTMLSpanElement>> & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+    ref?: import("react").Ref<HTMLSpanElement>;
+}, "aria-hidden">>> & string;
 export declare const CheckboxIndicator: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof CheckboxStyledProps> & CheckboxStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof CheckboxStyledProps> & CheckboxStyledProps, never>>> & string;
 export declare const CheckboxInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, keyof CheckboxStyledProps> & CheckboxStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, keyof CheckboxStyledProps> & CheckboxStyledProps, never>>> & string;
 export declare const LabelsWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof CheckboxStyledProps> & CheckboxStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof CheckboxStyledProps> & CheckboxStyledProps, never>>> & string;

package/dist/components/Checkbox/Checkbox.styled.js

@@ -7,7 +7,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.CheckboxLabel = exports.LabelsWrapper = exports.CheckboxInput = exports.CheckboxIndicator = exports.CheckboxWrapper = void 0;
+exports.CheckboxLabel = exports.LabelsWrapper = exports.CheckboxInput = exports.CheckboxIndicator = exports.CheckboxIndicatorChecked = exports.CheckboxIndicatorIdle = exports.CheckboxWrapper = void 0;
 var styled_components_1 = __importDefault(require("styled-components"));
 var getIndicatorSize = function (size) {
     switch (size) {
@@ -39,12 +39,18 @@ var getCheckboxCursor = function (props) {
     return 'pointer';
 };
 exports.CheckboxWrapper = styled_components_1.default.label(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    flex: 1;\n    position: relative;\n    align-items: ", ";\n    justify-content: flex-start;\n    display: grid;\n    grid-template-columns: auto 1fr;\n    cursor: ", ";\n"], ["\n    flex: 1;\n    position: relative;\n    align-items: ", ";\n    justify-content: flex-start;\n    display: grid;\n    grid-template-columns: auto 1fr;\n    cursor: ", ";\n"])), function (props) { return props.$verticalAlign; }, function (props) { return getCheckboxCursor(props); });
-exports.CheckboxIndicator = styled_components_1.default.span(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    display: block;\n    position: relative;\n    flex-shrink: 0;\n    margin: ", " ", " 0 0;\n    width: ", ";\n    height: ", ";\n    cursor: ", ";\n\n    svg {\n        display: block;\n        width: 100%;\n        height: 100%;\n    }\n\n    .checkbox-indicator-checked {\n        display: none;\n    }\n\n    .checkbox-indicator-idle {\n        display: block;\n    }\n"], ["\n    display: block;\n    position: relative;\n    flex-shrink: 0;\n    margin: ", " ", " 0 0;\n    width: ", ";\n    height: ", ";\n    cursor: ", ";\n\n    svg {\n        display: block;\n        width: 100%;\n        height: 100%;\n    }\n\n    .checkbox-indicator-checked {\n        display: none;\n    }\n\n    .checkbox-indicator-idle {\n        display: block;\n    }\n"])), function (props) { return props.$verticalAlign === "flex-start" ? "1px" : 0; }, function (props) { return props.$labelOffset; }, function (props) { return getIndicatorSize(props.$size); }, function (props) { return getIndicatorSize(props.$size); }, function (props) { return getCheckboxCursor(props); });
-exports.CheckboxInput = styled_components_1.default.input(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    height: 0;\n    width: 0;\n    opacity: 0;\n    z-index: -1;\n    position: absolute;\n\n    &:checked:not(:disabled) + ", " {\n        .checkbox-indicator-checked {\n            display: block;\n        }\n\n        .checkbox-indicator-idle {\n            display: none;\n        }\n    }\n"], ["\n    height: 0;\n    width: 0;\n    opacity: 0;\n    z-index: -1;\n    position: absolute;\n\n    &:checked:not(:disabled) + ", " {\n        .checkbox-indicator-checked {\n            display: block;\n        }\n\n        .checkbox-indicator-idle {\n            display: none;\n        }\n    }\n"])), exports.CheckboxIndicator);
-exports.LabelsWrapper = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n    position: relative;\n    display: grid;\n    row-gap: 8px;\n    cursor: ", ";\n    margin: 0;\n    color: ", ";\n\n    * {\n        ", ";\n    }\n"], ["\n    position: relative;\n    display: grid;\n    row-gap: 8px;\n    cursor: ", ";\n    margin: 0;\n    color: ", ";\n\n    * {\n        ", ";\n    }\n"])), function (props) { return getCheckboxCursor(props); }, function (props) {
+exports.CheckboxIndicatorIdle = styled_components_1.default.span.attrs({
+    'aria-hidden': true,
+})(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    display: block;\n"], ["\n    display: block;\n"])));
+exports.CheckboxIndicatorChecked = styled_components_1.default.span.attrs({
+    'aria-hidden': true,
+})(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    display: none;\n"], ["\n    display: none;\n"])));
+exports.CheckboxIndicator = styled_components_1.default.span(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n    display: block;\n    position: relative;\n    flex-shrink: 0;\n    margin: ", " ", " 0 0;\n    width: ", ";\n    height: ", ";\n    cursor: ", ";\n\n    svg {\n        display: block;\n        width: 100%;\n        height: 100%;\n    }\n"], ["\n    display: block;\n    position: relative;\n    flex-shrink: 0;\n    margin: ", " ", " 0 0;\n    width: ", ";\n    height: ", ";\n    cursor: ", ";\n\n    svg {\n        display: block;\n        width: 100%;\n        height: 100%;\n    }\n"])), function (props) { return props.$verticalAlign === "flex-start" ? "1px" : 0; }, function (props) { return props.$labelOffset; }, function (props) { return getIndicatorSize(props.$size); }, function (props) { return getIndicatorSize(props.$size); }, function (props) { return getCheckboxCursor(props); });
+exports.CheckboxInput = styled_components_1.default.input(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n    height: 0;\n    width: 0;\n    opacity: 0;\n    z-index: -1;\n    position: absolute;\n\n    &:checked:not(:disabled) + ", " {\n        ", " {\n            display: block;\n        }\n\n        ", " {\n            display: none;\n        }\n    }\n"], ["\n    height: 0;\n    width: 0;\n    opacity: 0;\n    z-index: -1;\n    position: absolute;\n\n    &:checked:not(:disabled) + ", " {\n        ", " {\n            display: block;\n        }\n\n        ", " {\n            display: none;\n        }\n    }\n"])), exports.CheckboxIndicator, exports.CheckboxIndicatorChecked, exports.CheckboxIndicatorIdle);
+exports.LabelsWrapper = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n    position: relative;\n    display: grid;\n    row-gap: 8px;\n    cursor: ", ";\n    margin: 0;\n    color: ", ";\n\n    * {\n        ", ";\n    }\n"], ["\n    position: relative;\n    display: grid;\n    row-gap: 8px;\n    cursor: ", ";\n    margin: 0;\n    color: ", ";\n\n    * {\n        ", ";\n    }\n"])), function (props) { return getCheckboxCursor(props); }, function (props) {
     if (props.disabled)
         return 'var(--dark-opacity-25)';
     return props.$valid ? 'var(--dark)' : 'var(--red)';
 }, function (props) { return !props.disabled && !props.$valid && 'color: var(--red)'; });
-exports.CheckboxLabel = styled_components_1.default.label(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n    display: block;\n    margin: 0;\n    cursor: inherit;\n    font: ", ";\n\n    b {\n        font-weight: bold;\n        color: var(--dark-opacity-50);\n    }\n"], ["\n    display: block;\n    margin: 0;\n    cursor: inherit;\n    font: ", ";\n\n    b {\n        font-weight: bold;\n        color: var(--dark-opacity-50);\n    }\n"])), function (props) { return getLabelFont(props.$textSize); });
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
+exports.CheckboxLabel = styled_components_1.default.label(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n    display: block;\n    margin: 0;\n    cursor: inherit;\n    font: ", ";\n\n    b {\n        font-weight: bold;\n        color: var(--dark-opacity-50);\n    }\n"], ["\n    display: block;\n    margin: 0;\n    cursor: inherit;\n    font: ", ";\n\n    b {\n        font-weight: bold;\n        color: var(--dark-opacity-50);\n    }\n"])), function (props) { return getLabelFont(props.$textSize); });
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;

package/dist/components/Checkbox/Checkbox.test.js

@@ -18,7 +18,11 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("@testing-library/react");
 var server_1 = require("react-dom/server");
 var Checkbox_1 = __importDefault(require("./Checkbox"));
+var Checkbox_styled_1 = require("./Checkbox.styled");
 var props_1 = require("./props");
+var getCheckedSvg = function (container) {
+    return container.querySelector("".concat(Checkbox_styled_1.CheckboxIndicatorChecked, " svg"));
+};
 var renderCheckbox = function (props) {
     if (props === void 0) { props = {}; }
     return (0, react_1.render)((0, jsx_runtime_1.jsx)(Checkbox_1.default, __assign({}, props_1.CheckboxDefault, { id: "checkbox-test", label: "Se\u00E7enek" }, props)));
@@ -34,7 +38,7 @@ describe('Checkbox', function () {
     });
     it('paints the checked indicator with var(--primary) instead of a resolved hex', function () {
         var container = renderCheckbox({ checked: true, onChange: jest.fn() }).container;
-        var checkedSvg = container.querySelector('.checkbox-indicator-checked svg');
+        var checkedSvg = getCheckedSvg(container);
         expect(checkedSvg).toHaveAttribute('color', 'var(--primary)');
     });
     it('paints the success variant with var(--green)', function () {
@@ -43,7 +47,7 @@ describe('Checkbox', function () {
             checked: true,
             onChange: jest.fn(),
         }).container;
-        var checkedSvg = container.querySelector('.checkbox-indicator-checked svg');
+        var checkedSvg = getCheckedSvg(container);
         expect(checkedSvg).toHaveAttribute('color', 'var(--green)');
     });
     it('uses the color prop as an SSR-safe override', function () {
@@ -52,7 +56,7 @@ describe('Checkbox', function () {
             color: '#00aa88',
             onChange: jest.fn(),
         }).container;
-        var checkedSvg = container.querySelector('.checkbox-indicator-checked svg');
+        var checkedSvg = getCheckedSvg(container);
         expect(checkedSvg).toHaveAttribute('color', '#00aa88');
     });
     it('does not snapshot indicator SVGs into data URIs', function () {

package/dist/components/Checkbox/CheckboxIndicator.js

@@ -1,21 +1,11 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var Icon_1 = __importDefault(require("../Icon/Icon"));
+var Checkbox_styled_1 = require("./Checkbox.styled");
 var CheckboxIndicatorIcons = function (_a) {
     var disabled = _a.disabled, _b = _a.valid, valid = _b === void 0 ? true : _b, color = _a.color, variant = _a.variant;
     var checkedColor = color || (variant === "success" ? "var(--green)" : "var(--primary)");
@@ -25,6 +15,6 @@ var CheckboxIndicatorIcons = function (_a) {
             ? "CheckboxElementUncheck"
             : "CheckboxElementInvalid";
     var idleColor = disabled || valid ? "currentColor" : "var(--red)";
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("span", __assign({ className: "checkbox-indicator-idle", "aria-hidden": true }, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { hasWrapper: false, name: idleName, color: idleColor }) })), (0, jsx_runtime_1.jsx)("span", __assign({ className: "checkbox-indicator-checked", "aria-hidden": true }, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { hasWrapper: false, name: "CheckboxElementChecked", color: checkedColor }) }))] }));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Checkbox_styled_1.CheckboxIndicatorIdle, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { hasWrapper: false, name: idleName, color: idleColor }) }), (0, jsx_runtime_1.jsx)(Checkbox_styled_1.CheckboxIndicatorChecked, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { hasWrapper: false, name: "CheckboxElementChecked", color: checkedColor }) })] }));
 };
 exports.default = CheckboxIndicatorIcons;

package/dist/components/ProductCardVertical/ProductCardVertical.d.ts

@@ -1,3 +1,3 @@
 import React from "react";
-declare const _default: React.MemoExoticComponent<({ title, description, hasDiscount, price, oldPrice, oldPricePeriod, slug, component, period, discountRate, isResponsive, image, hasCustomBadge, customBadge, hasNewImageType, hasSquareFillImage, hasOutOfStock, hasBeltBadge, beltBadgeVariant, beltBadgeTitle, imageInfoText, imageInfoTextVariant, isShowOldPrice, isOldPricePeriodUnderline, hasImageOffset, hasSingleLineDescription, hasButton, buttonOnClick, buttonText, }: import("./props").ProductCardVertical) => React.JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ title, description, hasDiscount, price, oldPrice, oldPricePeriod, slug, component, period, discountRate, isResponsive, image, hasCustomBadge, customBadge, hasNewImageType, hasSquareFillImage, hasOutOfStock, hasBeltBadge, beltBadgeVariant, beltBadgeTitle, imageInfoText, imageInfoTextVariant, isShowOldPrice, isOldPricePeriodUnderline, hasImageOffset, hasSingleLineDescription, hasButton, buttonOnClick, buttonText, buttonDisabled, }: import("./props").ProductCardVertical) => React.JSX.Element>;
 export default _default;

package/dist/components/ProductCardVertical/ProductCardVertical.js

@@ -26,7 +26,7 @@ var CardLinkComponent = (0, react_1.memo)(function (_a) {
     return Component ? (0, jsx_runtime_1.jsx)(Component, __assign({ href: slug }, { children: children })) : (0, jsx_runtime_1.jsx)(ProductCardVertical_styled_1.CardLink, __assign({ href: slug }, { children: children }));
 });
 var ProductCardVertical = function (_a) {
-    var _b = _a.title, title = _b === void 0 ? props_1.ProductCardVerticalDefault.title : _b, _c = _a.description, description = _c === void 0 ? props_1.ProductCardVerticalDefault.description : _c, _d = _a.hasDiscount, hasDiscount = _d === void 0 ? props_1.ProductCardVerticalDefault.hasDiscount : _d, _e = _a.price, price = _e === void 0 ? props_1.ProductCardVerticalDefault.price : _e, _f = _a.oldPrice, oldPrice = _f === void 0 ? props_1.ProductCardVerticalDefault.oldPrice : _f, _g = _a.oldPricePeriod, oldPricePeriod = _g === void 0 ? props_1.ProductCardVerticalDefault.oldPricePeriod : _g, _h = _a.slug, slug = _h === void 0 ? props_1.ProductCardVerticalDefault.slug : _h, _j = _a.component, component = _j === void 0 ? props_1.ProductCardVerticalDefault.component : _j, _k = _a.period, period = _k === void 0 ? props_1.ProductCardVerticalDefault.period : _k, _l = _a.discountRate, discountRate = _l === void 0 ? props_1.ProductCardVerticalDefault.discountRate : _l, _m = _a.isResponsive, isResponsive = _m === void 0 ? props_1.ProductCardVerticalDefault.isResponsive : _m, _o = _a.image, image = _o === void 0 ? props_1.ProductCardVerticalDefault.image : _o, _p = _a.hasCustomBadge, hasCustomBadge = _p === void 0 ? props_1.ProductCardVerticalDefault.hasCustomBadge : _p, _q = _a.customBadge, customBadge = _q === void 0 ? props_1.ProductCardVerticalDefault.customBadge : _q, _r = _a.hasNewImageType, hasNewImageType = _r === void 0 ? props_1.ProductCardVerticalDefault.hasNewImageType : _r, _s = _a.hasSquareFillImage, hasSquareFillImage = _s === void 0 ? props_1.ProductCardVerticalDefault.hasSquareFillImage : _s, _t = _a.hasOutOfStock, hasOutOfStock = _t === void 0 ? props_1.ProductCardVerticalDefault.hasOutOfStock : _t, _u = _a.hasBeltBadge, hasBeltBadge = _u === void 0 ? props_1.ProductCardVerticalDefault.hasBeltBadge : _u, _v = _a.beltBadgeVariant, beltBadgeVariant = _v === void 0 ? props_1.ProductCardVerticalDefault.beltBadgeVariant : _v, _w = _a.beltBadgeTitle, beltBadgeTitle = _w === void 0 ? props_1.ProductCardVerticalDefault.beltBadgeTitle : _w, _x = _a.imageInfoText, imageInfoText = _x === void 0 ? props_1.ProductCardVerticalDefault.imageInfoText : _x, _y = _a.imageInfoTextVariant, imageInfoTextVariant = _y === void 0 ? props_1.ProductCardVerticalDefault.imageInfoTextVariant : _y, _z = _a.isShowOldPrice, isShowOldPrice = _z === void 0 ? props_1.ProductCardVerticalDefault.isShowOldPrice : _z, _0 = _a.isOldPricePeriodUnderline, isOldPricePeriodUnderline = _0 === void 0 ? props_1.ProductCardVerticalDefault.isOldPricePeriodUnderline : _0, _1 = _a.hasImageOffset, hasImageOffset = _1 === void 0 ? props_1.ProductCardVerticalDefault.hasImageOffset : _1, _2 = _a.hasSingleLineDescription, hasSingleLineDescription = _2 === void 0 ? props_1.ProductCardVerticalDefault.hasSingleLineDescription : _2, _3 = _a.hasButton, hasButton = _3 === void 0 ? props_1.ProductCardVerticalDefault.hasButton : _3, _4 = _a.buttonOnClick, buttonOnClick = _4 === void 0 ? props_1.ProductCardVerticalDefault.buttonOnClick : _4, _5 = _a.buttonText, buttonText = _5 === void 0 ? props_1.ProductCardVerticalDefault.buttonText : _5;
+    var _b = _a.title, title = _b === void 0 ? props_1.ProductCardVerticalDefault.title : _b, _c = _a.description, description = _c === void 0 ? props_1.ProductCardVerticalDefault.description : _c, _d = _a.hasDiscount, hasDiscount = _d === void 0 ? props_1.ProductCardVerticalDefault.hasDiscount : _d, _e = _a.price, price = _e === void 0 ? props_1.ProductCardVerticalDefault.price : _e, _f = _a.oldPrice, oldPrice = _f === void 0 ? props_1.ProductCardVerticalDefault.oldPrice : _f, _g = _a.oldPricePeriod, oldPricePeriod = _g === void 0 ? props_1.ProductCardVerticalDefault.oldPricePeriod : _g, _h = _a.slug, slug = _h === void 0 ? props_1.ProductCardVerticalDefault.slug : _h, _j = _a.component, component = _j === void 0 ? props_1.ProductCardVerticalDefault.component : _j, _k = _a.period, period = _k === void 0 ? props_1.ProductCardVerticalDefault.period : _k, _l = _a.discountRate, discountRate = _l === void 0 ? props_1.ProductCardVerticalDefault.discountRate : _l, _m = _a.isResponsive, isResponsive = _m === void 0 ? props_1.ProductCardVerticalDefault.isResponsive : _m, _o = _a.image, image = _o === void 0 ? props_1.ProductCardVerticalDefault.image : _o, _p = _a.hasCustomBadge, hasCustomBadge = _p === void 0 ? props_1.ProductCardVerticalDefault.hasCustomBadge : _p, _q = _a.customBadge, customBadge = _q === void 0 ? props_1.ProductCardVerticalDefault.customBadge : _q, _r = _a.hasNewImageType, hasNewImageType = _r === void 0 ? props_1.ProductCardVerticalDefault.hasNewImageType : _r, _s = _a.hasSquareFillImage, hasSquareFillImage = _s === void 0 ? props_1.ProductCardVerticalDefault.hasSquareFillImage : _s, _t = _a.hasOutOfStock, hasOutOfStock = _t === void 0 ? props_1.ProductCardVerticalDefault.hasOutOfStock : _t, _u = _a.hasBeltBadge, hasBeltBadge = _u === void 0 ? props_1.ProductCardVerticalDefault.hasBeltBadge : _u, _v = _a.beltBadgeVariant, beltBadgeVariant = _v === void 0 ? props_1.ProductCardVerticalDefault.beltBadgeVariant : _v, _w = _a.beltBadgeTitle, beltBadgeTitle = _w === void 0 ? props_1.ProductCardVerticalDefault.beltBadgeTitle : _w, _x = _a.imageInfoText, imageInfoText = _x === void 0 ? props_1.ProductCardVerticalDefault.imageInfoText : _x, _y = _a.imageInfoTextVariant, imageInfoTextVariant = _y === void 0 ? props_1.ProductCardVerticalDefault.imageInfoTextVariant : _y, _z = _a.isShowOldPrice, isShowOldPrice = _z === void 0 ? props_1.ProductCardVerticalDefault.isShowOldPrice : _z, _0 = _a.isOldPricePeriodUnderline, isOldPricePeriodUnderline = _0 === void 0 ? props_1.ProductCardVerticalDefault.isOldPricePeriodUnderline : _0, _1 = _a.hasImageOffset, hasImageOffset = _1 === void 0 ? props_1.ProductCardVerticalDefault.hasImageOffset : _1, _2 = _a.hasSingleLineDescription, hasSingleLineDescription = _2 === void 0 ? props_1.ProductCardVerticalDefault.hasSingleLineDescription : _2, _3 = _a.hasButton, hasButton = _3 === void 0 ? props_1.ProductCardVerticalDefault.hasButton : _3, _4 = _a.buttonOnClick, buttonOnClick = _4 === void 0 ? props_1.ProductCardVerticalDefault.buttonOnClick : _4, _5 = _a.buttonText, buttonText = _5 === void 0 ? props_1.ProductCardVerticalDefault.buttonText : _5, _6 = _a.buttonDisabled, buttonDisabled = _6 === void 0 ? props_1.ProductCardVerticalDefault.buttonDisabled : _6;
     var t = (0, react_i18next_1.useTranslation)().t;
     var badgeOffset = isResponsive ? "16px" : "8px";
     var cardProps = {
@@ -48,6 +48,6 @@ var ProductCardVertical = function (_a) {
         buttonOnClick === null || buttonOnClick === void 0 ? void 0 : buttonOnClick(e);
     };
     var cardBody = ((0, jsx_runtime_1.jsxs)(ProductCardVertical_styled_1.CardBody, { children: [hasBeltBadge && !hasCustomBadge && ((0, jsx_runtime_1.jsx)(ProductCardVertical_styled_1.CartBadge, __assign({ "$isResponsive": isResponsive, "$isInset": false }, { children: (0, jsx_runtime_1.jsx)(Badges_1.default, { variant: beltBadgeVariant, size: "medium", left: badgeOffset, top: badgeOffset, title: beltBadgeTitle }) }))), hasCustomBadge && ((0, jsx_runtime_1.jsx)(ProductCardVertical_styled_1.CartBadge, __assign({ "$isResponsive": isResponsive, "$isInset": true }, { children: customBadge }))), (0, jsx_runtime_1.jsxs)(ProductCardVertical_styled_1.ImageSection, __assign({}, cardProps, { children: [image, hasOutOfStock && ((0, jsx_runtime_1.jsx)(ProductCardVertical_styled_1.OutOfStock, { children: (0, jsx_runtime_1.jsx)(Badges_1.default, { layout: "text", variant: "light", title: t("ALL_RENTED") }) })), imageInfoText && ((0, jsx_runtime_1.jsx)(ProductCardVertical_styled_1.ImageInfoText, __assign({}, cardProps, { dangerouslySetInnerHTML: { __html: imageInfoText } })))] })), (0, jsx_runtime_1.jsxs)(ProductCardVertical_styled_1.ProductCardContent, __assign({}, cardProps, { children: [(0, jsx_runtime_1.jsx)(ProductCardVertical_styled_1.ProductTitle, __assign({ "$hasOutOfStock": hasOutOfStock, "$isResponsive": isResponsive }, { children: title })), (0, jsx_runtime_1.jsx)(ProductCardVertical_styled_1.ProductDescription, __assign({}, cardProps, { children: description })), (0, jsx_runtime_1.jsxs)(ProductCardVertical_styled_1.PriceLayout, __assign({}, cardProps, { children: [discountRate > 0 && ((0, jsx_runtime_1.jsxs)(ProductCardVertical_styled_1.DiscountPill, __assign({ "$isResponsive": isResponsive, "$hasButton": hasButton }, { children: ["%", discountRate] }))), (0, jsx_runtime_1.jsxs)(ProductCardVertical_styled_1.PriceStack, { children: [oldPrice && isShowOldPrice && ((0, jsx_runtime_1.jsxs)(ProductCardVertical_styled_1.OldPrice, { children: [(0, jsx_runtime_1.jsx)(ProductCardVertical_styled_1.OldPriceAmount, __assign({ "$isResponsive": isResponsive }, { children: oldPrice })), oldPricePeriod && ((0, jsx_runtime_1.jsx)(ProductCardVertical_styled_1.OldPricePeriod, __assign({ "$isOldPricePeriodUnderline": isOldPricePeriodUnderline }, { children: "/".concat(oldPricePeriod) })))] })), (0, jsx_runtime_1.jsxs)(ProductCardVertical_styled_1.NewPrice, { children: [(0, jsx_runtime_1.jsx)(ProductCardVertical_styled_1.NewPriceAmount, __assign({ "$isResponsive": isResponsive }, { children: price })), period && (0, jsx_runtime_1.jsx)(ProductCardVertical_styled_1.NewPricePeriod, __assign({ "$isResponsive": isResponsive }, { children: "/".concat(period) }))] })] })] }))] }))] }));
-    return ((0, jsx_runtime_1.jsxs)(ProductCardVertical_styled_1.ProductCardVerticalStyled, __assign({}, cardProps, { children: [hasSlug ? ((0, jsx_runtime_1.jsx)(CardLinkComponent, __assign({ component: component, slug: slug }, { children: cardBody }))) : (cardBody), hasButton && ((0, jsx_runtime_1.jsx)(ProductCardVertical_styled_1.CardButton, __assign({ "$isResponsive": isResponsive }, { children: (0, jsx_runtime_1.jsx)(Button_1.default, __assign({ onClick: handleButtonClick, size: "xsmall", width: "100%", variant: "primary" }, { children: buttonText })) })))] })));
+    return ((0, jsx_runtime_1.jsxs)(ProductCardVertical_styled_1.ProductCardVerticalStyled, __assign({}, cardProps, { children: [hasSlug ? ((0, jsx_runtime_1.jsx)(CardLinkComponent, __assign({ component: component, slug: slug }, { children: cardBody }))) : (cardBody), hasButton && ((0, jsx_runtime_1.jsx)(ProductCardVertical_styled_1.CardButton, __assign({ "$isResponsive": isResponsive }, { children: (0, jsx_runtime_1.jsx)(Button_1.default, __assign({ onClick: handleButtonClick, size: "xsmall", width: "100%", variant: "primary", disabled: buttonDisabled }, { children: buttonText })) })))] })));
 };
 exports.default = (0, react_1.memo)(ProductCardVertical);

package/dist/components/ProductCardVertical/ProductCardVertical.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/ProductCardVertical/ProductCardVertical.test.js

@@ -0,0 +1,108 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("@testing-library/react");
+var user_event_1 = __importDefault(require("@testing-library/user-event"));
+var ProductCardVertical_1 = __importDefault(require("./ProductCardVertical"));
+var props_1 = require("./props");
+var renderCard = function (props) {
+    if (props === void 0) { props = {}; }
+    return (0, react_1.render)((0, jsx_runtime_1.jsx)(ProductCardVertical_1.default, __assign({}, props_1.ProductCardVerticalDefault, { title: "Apple iPad Air", buttonText: "Kirala" }, props)));
+};
+describe('ProductCardVertical', function () {
+    it('renders the product title', function () {
+        renderCard();
+        expect(react_1.screen.getByText('Apple iPad Air')).toBeInTheDocument();
+    });
+    it('renders the action button when hasButton is true', function () {
+        renderCard({ hasButton: true });
+        expect(react_1.screen.getByRole('button', { name: 'Kirala' })).toBeInTheDocument();
+    });
+    it('calls buttonOnClick when the button is clicked', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var buttonOnClick;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    buttonOnClick = jest.fn();
+                    renderCard({ hasButton: true, buttonOnClick: buttonOnClick });
+                    return [4 /*yield*/, user_event_1.default.click(react_1.screen.getByRole('button', { name: 'Kirala' }))];
+                case 1:
+                    _a.sent();
+                    expect(buttonOnClick).toHaveBeenCalledTimes(1);
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('does not call buttonOnClick when the button is disabled', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var buttonOnClick;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    buttonOnClick = jest.fn();
+                    renderCard({ hasButton: true, buttonDisabled: true, buttonOnClick: buttonOnClick });
+                    return [4 /*yield*/, user_event_1.default.click(react_1.screen.getByRole('button', { name: 'Kirala' }))];
+                case 1:
+                    _a.sent();
+                    expect(react_1.screen.getByRole('button', { name: 'Kirala' })).toBeDisabled();
+                    expect(buttonOnClick).not.toHaveBeenCalled();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('does not execute script tags in imageInfoText', function () {
+        renderCard({
+            imageInfoText: '<img src=x onerror="window.__pwned = true"><script>window.__pwned = true</script>',
+        });
+        expect(window.__pwned).toBeUndefined();
+    });
+});

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

@@ -33,6 +33,7 @@ export interface ProductCardVertical {
     hasButton?: boolean;
     buttonOnClick?(e: React.MouseEvent<HTMLButtonElement>): void;
     buttonText?: string;
+    buttonDisabled?: boolean;
 }
 export interface ProductCardVerticalStyledProps {
     $discountRate?: number;

package/dist/components/ProductCardVertical/props.js

@@ -32,4 +32,5 @@ exports.ProductCardVerticalDefault = {
     hasButton: false,
     buttonOnClick: null,
     buttonText: "Kirala",
+    buttonDisabled: false,
 };

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

@@ -7,7 +7,7 @@ import type { ProductCardVerticalProps } from "../props";
 export declare const allProductCardArgs: ProductCardVerticalProps;
 declare const _default: {
     title: string;
-    component: React.MemoExoticComponent<({ title, description, hasDiscount, price, oldPrice, oldPricePeriod, slug, component, period, discountRate, isResponsive, image, hasCustomBadge, customBadge, hasNewImageType, hasSquareFillImage, hasOutOfStock, hasBeltBadge, beltBadgeVariant, beltBadgeTitle, imageInfoText, imageInfoTextVariant, isShowOldPrice, isOldPricePeriodUnderline, hasImageOffset, hasSingleLineDescription, hasButton, buttonOnClick, buttonText, }: import("../props").ProductCardVertical) => React.JSX.Element>;
+    component: React.MemoExoticComponent<({ title, description, hasDiscount, price, oldPrice, oldPricePeriod, slug, component, period, discountRate, isResponsive, image, hasCustomBadge, customBadge, hasNewImageType, hasSquareFillImage, hasOutOfStock, hasBeltBadge, beltBadgeVariant, beltBadgeTitle, imageInfoText, imageInfoTextVariant, isShowOldPrice, isOldPricePeriodUnderline, hasImageOffset, hasSingleLineDescription, hasButton, buttonOnClick, buttonText, buttonDisabled, }: import("../props").ProductCardVertical) => React.JSX.Element>;
     tags: string[];
     argTypes: {
         title: {
@@ -104,6 +104,9 @@ declare const _default: {
         buttonText: {
             control: string;
         };
+        buttonDisabled: {
+            control: string;
+        };
         buttonOnClick: {
             action: string;
         };
@@ -143,6 +146,7 @@ export declare const Default: {
         hasButton?: boolean;
         buttonOnClick?(e: React.MouseEvent<HTMLButtonElement, MouseEvent>): void;
         buttonText?: string;
+        buttonDisabled?: boolean;
     };
 };
 export declare const NoDiscount: {
@@ -176,6 +180,7 @@ export declare const NoDiscount: {
         hasButton?: boolean;
         buttonOnClick?(e: React.MouseEvent<HTMLButtonElement, MouseEvent>): void;
         buttonText?: string;
+        buttonDisabled?: boolean;
     };
 };
 export declare const OutOfStock: {
@@ -209,6 +214,7 @@ export declare const OutOfStock: {
         hasButton?: boolean;
         buttonOnClick?(e: React.MouseEvent<HTMLButtonElement, MouseEvent>): void;
         buttonText?: string;
+        buttonDisabled?: boolean;
     };
 };
 export declare const WithCustomBadge: {
@@ -242,6 +248,7 @@ export declare const WithCustomBadge: {
         hasButton?: boolean;
         buttonOnClick?(e: React.MouseEvent<HTMLButtonElement, MouseEvent>): void;
         buttonText?: string;
+        buttonDisabled?: boolean;
     };
 };
 export declare const ResponsiveWithNewImageType: {
@@ -275,6 +282,7 @@ export declare const ResponsiveWithNewImageType: {
         hasButton?: boolean;
         buttonOnClick?(e: React.MouseEvent<HTMLButtonElement, MouseEvent>): void;
         buttonText?: string;
+        buttonDisabled?: boolean;
     };
 };
 export declare const DarkImageInfoText: {
@@ -308,6 +316,7 @@ export declare const DarkImageInfoText: {
         hasButton?: boolean;
         buttonOnClick?(e: React.MouseEvent<HTMLButtonElement, MouseEvent>): void;
         buttonText?: string;
+        buttonDisabled?: boolean;
     };
 };
 export declare const WithoutBeltBadge: {
@@ -341,6 +350,7 @@ export declare const WithoutBeltBadge: {
         hasButton?: boolean;
         buttonOnClick?(e: React.MouseEvent<HTMLButtonElement, MouseEvent>): void;
         buttonText?: string;
+        buttonDisabled?: boolean;
     };
 };
 export declare const WithoutImageInfoText: {
@@ -374,6 +384,7 @@ export declare const WithoutImageInfoText: {
         hasButton?: boolean;
         buttonOnClick?(e: React.MouseEvent<HTMLButtonElement, MouseEvent>): void;
         buttonText?: string;
+        buttonDisabled?: boolean;
     };
 };
 export declare const Minimal: {
@@ -407,6 +418,7 @@ export declare const Minimal: {
         hasButton?: boolean;
         buttonOnClick?(e: React.MouseEvent<HTMLButtonElement, MouseEvent>): void;
         buttonText?: string;
+        buttonDisabled?: boolean;
     };
 };
 export declare const WithoutImageOffset: {
@@ -440,6 +452,7 @@ export declare const WithoutImageOffset: {
         hasButton?: boolean;
         buttonOnClick?(e: React.MouseEvent<HTMLButtonElement, MouseEvent>): void;
         buttonText?: string;
+        buttonDisabled?: boolean;
     };
 };
 export declare const SingleLineDescription: {
@@ -473,6 +486,7 @@ export declare const SingleLineDescription: {
         hasButton?: boolean;
         buttonOnClick?(e: React.MouseEvent<HTMLButtonElement, MouseEvent>): void;
         buttonText?: string;
+        buttonDisabled?: boolean;
     };
 };
 export declare const SquareFillImage: {
@@ -506,6 +520,7 @@ export declare const SquareFillImage: {
         hasButton?: boolean;
         buttonOnClick?(e: React.MouseEvent<HTMLButtonElement, MouseEvent>): void;
         buttonText?: string;
+        buttonDisabled?: boolean;
     };
 };
 export declare const WithoutOldPrice: {
@@ -539,6 +554,7 @@ export declare const WithoutOldPrice: {
         hasButton?: boolean;
         buttonOnClick?(e: React.MouseEvent<HTMLButtonElement, MouseEvent>): void;
         buttonText?: string;
+        buttonDisabled?: boolean;
     };
 };
 export declare const WithoutOldPriceUnderline: {
@@ -572,6 +588,7 @@ export declare const WithoutOldPriceUnderline: {
         hasButton?: boolean;
         buttonOnClick?(e: React.MouseEvent<HTMLButtonElement, MouseEvent>): void;
         buttonText?: string;
+        buttonDisabled?: boolean;
     };
 };
 export declare const WithButton: {
@@ -609,6 +626,45 @@ export declare const WithButton: {
         hasImageOffset?: boolean;
         hasSingleLineDescription?: boolean;
         buttonOnClick?(e: React.MouseEvent<HTMLButtonElement, MouseEvent>): void;
+        buttonDisabled?: boolean;
+    };
+};
+export declare const WithDisabledButton: {
+    name: string;
+    args: {
+        hasButton: boolean;
+        buttonDisabled: boolean;
+        buttonText: string;
+        component: ({ href, children, }: {
+            href?: string;
+            children: React.ReactNode;
+        }) => React.JSX.Element;
+        title?: string;
+        description?: string;
+        hasDiscount?: boolean;
+        hasCustomBadge?: boolean;
+        price?: string;
+        oldPrice?: string;
+        oldPricePeriod?: string;
+        slug?: string;
+        period?: string;
+        discountRate?: number;
+        isResponsive?: boolean;
+        image?: React.ReactNode;
+        customBadge?: React.ReactNode;
+        hasNewImageType?: boolean;
+        hasSquareFillImage?: boolean;
+        hasOutOfStock?: boolean;
+        hasBeltBadge?: boolean;
+        isShowOldPrice?: boolean;
+        beltBadgeVariant?: string;
+        beltBadgeTitle?: string;
+        imageInfoText?: string;
+        imageInfoTextVariant?: string;
+        isOldPricePeriodUnderline?: boolean;
+        hasImageOffset?: boolean;
+        hasSingleLineDescription?: boolean;
+        buttonOnClick?(e: React.MouseEvent<HTMLButtonElement, MouseEvent>): void;
     };
 };
 export declare const ResponsiveWithButton: {
@@ -646,6 +702,7 @@ export declare const ResponsiveWithButton: {
         hasImageOffset?: boolean;
         hasSingleLineDescription?: boolean;
         buttonOnClick?(e: React.MouseEvent<HTMLButtonElement, MouseEvent>): void;
+        buttonDisabled?: boolean;
     };
 };
 export declare const WithoutLink: {
@@ -679,6 +736,7 @@ export declare const WithoutLink: {
         hasButton?: boolean;
         buttonOnClick?(e: React.MouseEvent<HTMLButtonElement, MouseEvent>): void;
         buttonText?: string;
+        buttonDisabled?: boolean;
     };
 };
 export declare const Empty: {
@@ -712,6 +770,7 @@ export declare const Empty: {
         hasSingleLineDescription?: boolean;
         buttonOnClick?(e: React.MouseEvent<HTMLButtonElement, MouseEvent>): void;
         buttonText?: string;
+        buttonDisabled?: boolean;
     };
 };
 export declare const Complete: {
@@ -748,6 +807,7 @@ export declare const Complete: {
         isOldPricePeriodUnderline?: boolean;
         hasImageOffset?: boolean;
         buttonOnClick?(e: React.MouseEvent<HTMLButtonElement, MouseEvent>): void;
+        buttonDisabled?: boolean;
     };
 };
 export declare const Interactive: {
@@ -785,5 +845,6 @@ export declare const Interactive: {
         hasImageOffset?: boolean;
         hasSingleLineDescription?: boolean;
         buttonOnClick?(e: React.MouseEvent<HTMLButtonElement, MouseEvent>): void;
+        buttonDisabled?: boolean;
     };
 };

package/dist/components/ProductCardVertical/stories/ProductCardVertical.stories.js

@@ -14,7 +14,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Interactive = exports.Complete = exports.Empty = exports.WithoutLink = exports.ResponsiveWithButton = exports.WithButton = exports.WithoutOldPriceUnderline = exports.WithoutOldPrice = exports.SquareFillImage = exports.SingleLineDescription = exports.WithoutImageOffset = exports.Minimal = exports.WithoutImageInfoText = exports.WithoutBeltBadge = exports.DarkImageInfoText = exports.ResponsiveWithNewImageType = exports.WithCustomBadge = exports.OutOfStock = exports.NoDiscount = exports.Default = exports.allProductCardArgs = void 0;
+exports.Interactive = exports.Complete = exports.Empty = exports.WithoutLink = exports.ResponsiveWithButton = exports.WithDisabledButton = exports.WithButton = exports.WithoutOldPriceUnderline = exports.WithoutOldPrice = exports.SquareFillImage = exports.SingleLineDescription = exports.WithoutImageOffset = exports.Minimal = exports.WithoutImageInfoText = exports.WithoutBeltBadge = exports.DarkImageInfoText = exports.ResponsiveWithNewImageType = exports.WithCustomBadge = exports.OutOfStock = exports.NoDiscount = exports.Default = exports.allProductCardArgs = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = __importDefault(require("react"));
 var ProductCardVertical_1 = __importDefault(require("../ProductCardVertical"));
@@ -59,6 +59,7 @@ exports.allProductCardArgs = {
     hasImageOffset: true,
     hasButton: false,
     buttonText: "Kirala",
+    buttonDisabled: false,
 };
 exports.default = {
     title: "Components/ProductCard/ProductCard Vertical",
@@ -114,6 +115,7 @@ exports.default = {
         },
         hasButton: { control: "boolean" },
         buttonText: { control: "text" },
+        buttonDisabled: { control: "boolean" },
         buttonOnClick: { action: "buttonOnClick" },
     },
     render: function (args) { return ((0, jsx_runtime_1.jsx)("div", __assign({ style: { maxWidth: "240px" } }, { children: (0, jsx_runtime_1.jsx)(ProductCardVertical_1.default, __assign({}, args)) }))); },
@@ -165,6 +167,10 @@ exports.WithButton = {
     name: "Link + buton (ayrı aksiyonlar)",
     args: __assign(__assign({}, exports.allProductCardArgs), { hasButton: true, buttonText: "Hemen Kirala", component: StoryLink }),
 };
+exports.WithDisabledButton = {
+    name: "Disabled buton",
+    args: __assign(__assign({}, exports.allProductCardArgs), { hasButton: true, buttonDisabled: true, buttonText: "Hemen Kirala", component: StoryLink }),
+};
 exports.ResponsiveWithButton = {
     name: "Responsive + buton",
     args: __assign(__assign({}, exports.allProductCardArgs), { isResponsive: true, hasButton: true, buttonText: "Hemen Kirala", component: StoryLink }),

package/dist/components/RadioButton/RadioButton.test.js

@@ -55,6 +55,10 @@ var react_1 = require("@testing-library/react");
 var user_event_1 = __importDefault(require("@testing-library/user-event"));
 var server_1 = require("react-dom/server");
 var RadioButton_1 = __importDefault(require("./RadioButton"));
+var RadioIndicator_styled_1 = require("./RadioIndicator.styled");
+var getCheckedSvg = function (container) {
+    return container.querySelector("".concat(RadioIndicator_styled_1.RadioIndicatorChecked, " svg"));
+};
 var renderRadio = function (props) {
     if (props === void 0) { props = {}; }
     return (0, react_1.render)((0, jsx_runtime_1.jsx)(RadioButton_1.default, __assign({ id: "radio-test", name: "group", label: "Se\u00E7enek" }, props)));
@@ -66,12 +70,12 @@ describe('RadioButton', function () {
     });
     it('paints the checked indicator with var(--primary) instead of a resolved hex', function () {
         var container = renderRadio({ checked: true, onChange: jest.fn() }).container;
-        var checkedSvg = container.querySelector('.radio-indicator-checked svg');
+        var checkedSvg = getCheckedSvg(container);
         expect(checkedSvg).toHaveAttribute('color', 'var(--primary)');
     });
     it('uses the color prop as an SSR-safe override', function () {
         var container = renderRadio({ checked: true, color: '#00aa88', onChange: jest.fn() }).container;
-        var checkedSvg = container.querySelector('.radio-indicator-checked svg');
+        var checkedSvg = getCheckedSvg(container);
         expect(checkedSvg).toHaveAttribute('color', '#00aa88');
     });
     it('does not snapshot indicator SVGs into data URIs', function () {

package/dist/components/RadioButton/RadioIndicator.js

@@ -1,21 +1,11 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var Icon_1 = __importDefault(require("../Icon/Icon"));
+var RadioIndicator_styled_1 = require("./RadioIndicator.styled");
 var RadioIndicatorIcons = function (_a) {
     var disabled = _a.disabled, _b = _a.valid, valid = _b === void 0 ? true : _b, hasError = _a.hasError, color = _a.color, checkedGlyphWhenDisabled = _a.checkedGlyphWhenDisabled;
     var checkedColor = color || "var(--primary)";
@@ -31,6 +21,6 @@ var RadioIndicatorIcons = function (_a) {
         : hasError || !valid
             ? "var(--red)"
             : "currentColor";
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("span", __assign({ className: "radio-indicator-idle", "aria-hidden": true }, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { hasWrapper: false, name: idleName, color: idleColor }) })), (0, jsx_runtime_1.jsx)("span", __assign({ className: "radio-indicator-checked", "aria-hidden": true }, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { hasWrapper: false, name: "RadioButtonElementChecked", color: checkedColor }) }))] }));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(RadioIndicator_styled_1.RadioIndicatorIdle, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { hasWrapper: false, name: idleName, color: idleColor }) }), (0, jsx_runtime_1.jsx)(RadioIndicator_styled_1.RadioIndicatorChecked, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { hasWrapper: false, name: "RadioButtonElementChecked", color: checkedColor }) })] }));
 };
 exports.default = RadioIndicatorIcons;

package/dist/components/RadioButton/RadioIndicator.styled.d.ts

@@ -1,2 +1,13 @@
+/// <reference types="react" />
+export declare const RadioIndicatorIdle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref" | "key" | keyof import("react").HTMLAttributes<HTMLSpanElement>> & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+    ref?: import("react").Ref<HTMLSpanElement>;
+}, "aria-hidden"> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref" | "key" | keyof import("react").HTMLAttributes<HTMLSpanElement>> & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+    ref?: import("react").Ref<HTMLSpanElement>;
+}, "aria-hidden">>> & string;
+export declare const RadioIndicatorChecked: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref" | "key" | keyof import("react").HTMLAttributes<HTMLSpanElement>> & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+    ref?: import("react").Ref<HTMLSpanElement>;
+}, "aria-hidden"> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref" | "key" | keyof import("react").HTMLAttributes<HTMLSpanElement>> & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+    ref?: import("react").Ref<HTMLSpanElement>;
+}, "aria-hidden">>> & string;
 export declare const radioIndicatorIconStyles: import("styled-components").RuleSet<object>;
 export declare const radioIndicatorCheckedStyles: import("styled-components").RuleSet<object>;