npm - krl-alfred - Versions diffs - 2.18.19 → 2.18.23 - Mend

krl-alfred 2.18.19 → 2.18.23

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.

Files changed (444) hide show

package/dist/components/CampaignCard/stories/CampaignCard.stories.d.ts CHANGED Viewed

@@ -1,6 +1,7 @@
+import React from 'react';
 declare const _default: {
     title: string;
-    component: (props: any) => import("react/jsx-runtime").JSX.Element;
+    component: (props: any) => React.JSX.Element;
     tags: string[];
     argTypes: {
         size: {
@@ -45,7 +46,7 @@ export declare const Default: {
         totalStep: number;
         title: string;
         progressTitle: string;
-        image: import("react/jsx-runtime").JSX.Element;
+        image: React.JSX.Element;
     };
 };
 export declare const Large: {
@@ -59,7 +60,7 @@ export declare const Large: {
         totalStep: number;
         title: string;
         progressTitle: string;
-        image: import("react/jsx-runtime").JSX.Element;
+        image: React.JSX.Element;
     };
 };
 export declare const Medium: {
@@ -73,7 +74,7 @@ export declare const Medium: {
         totalStep: number;
         title: string;
         progressTitle: string;
-        image: import("react/jsx-runtime").JSX.Element;
+        image: React.JSX.Element;
     };
 };
 export declare const Small: {
@@ -87,7 +88,7 @@ export declare const Small: {
         totalStep: number;
         title: string;
         progressTitle: string;
-        image: import("react/jsx-runtime").JSX.Element;
+        image: React.JSX.Element;
     };
 };
 export declare const Xsmall: {
@@ -101,7 +102,7 @@ export declare const Xsmall: {
         totalStep: number;
         title: string;
         progressTitle: string;
-        image: import("react/jsx-runtime").JSX.Element;
+        image: React.JSX.Element;
     };
 };
 export declare const AllSizes: {
@@ -115,9 +116,9 @@ export declare const AllSizes: {
         totalStep: number;
         title: string;
         progressTitle: string;
-        image: import("react/jsx-runtime").JSX.Element;
+        image: React.JSX.Element;
     };
-    render: (args: any) => import("react/jsx-runtime").JSX.Element;
+    render: (args: any) => React.JSX.Element;
 };
 export declare const WithDelivery: {
     args: {
@@ -130,7 +131,7 @@ export declare const WithDelivery: {
         totalStep: number;
         title: string;
         progressTitle: string;
-        image: import("react/jsx-runtime").JSX.Element;
+        image: React.JSX.Element;
     };
 };
 export declare const ProgressComplete: {
@@ -144,7 +145,7 @@ export declare const ProgressComplete: {
         hasDelivery: boolean;
         title: string;
         progressTitle: string;
-        image: import("react/jsx-runtime").JSX.Element;
+        image: React.JSX.Element;
     };
 };
 export declare const ProgressIncomplete: {
@@ -158,7 +159,7 @@ export declare const ProgressIncomplete: {
         hasDelivery: boolean;
         title: string;
         progressTitle: string;
-        image: import("react/jsx-runtime").JSX.Element;
+        image: React.JSX.Element;
     };
 };
 export declare const WithoutProgress: {
@@ -172,7 +173,7 @@ export declare const WithoutProgress: {
         hasDelivery: boolean;
         isProgressComplete: boolean;
         title: string;
-        image: import("react/jsx-runtime").JSX.Element;
+        image: React.JSX.Element;
     };
 };
 export declare const Minimal: {
@@ -186,7 +187,7 @@ export declare const Minimal: {
         deliveryText: string;
         onClick: () => void;
         isProgressComplete: boolean;
-        image: import("react/jsx-runtime").JSX.Element;
+        image: React.JSX.Element;
     };
 };
 export declare const LongTitle: {
@@ -200,6 +201,6 @@ export declare const LongTitle: {
         activeStep: number;
         totalStep: number;
         progressTitle: string;
-        image: import("react/jsx-runtime").JSX.Element;
+        image: React.JSX.Element;
     };
 };

package/dist/components/CategoryMenu/CategoryMenu.d.ts CHANGED Viewed

@@ -1,3 +1,4 @@
+import React from "react";
 import { CategoryMenuProps } from "./props";
-declare const CategoryMenu: ({ data, subMenuRowLength, }: CategoryMenuProps) => import("react/jsx-runtime").JSX.Element;
+declare const CategoryMenu: ({ data, subMenuRowLength, showIcons, }: CategoryMenuProps) => React.JSX.Element;
 export default CategoryMenu;

package/dist/components/CategoryMenu/CategoryMenu.js CHANGED Viewed

@@ -32,14 +32,14 @@ var Icon_1 = __importDefault(require("../Icon/Icon"));
 var OptionMenu_1 = __importDefault(require("../OptionMenu"));
 var Badges_1 = __importDefault(require("../Badges"));
 var CategoryMenu = function (_a) {
-    var _b = _a.data, data = _b === void 0 ? props_1.CategoryMenuDefault.data : _b, _c = _a.subMenuRowLength, subMenuRowLength = _c === void 0 ? props_1.CategoryMenuDefault.subMenuRowLength : _c;
+    var _b = _a.data, data = _b === void 0 ? props_1.CategoryMenuDefault.data : _b, _c = _a.subMenuRowLength, subMenuRowLength = _c === void 0 ? props_1.CategoryMenuDefault.subMenuRowLength : _c, _d = _a.showIcons, showIcons = _d === void 0 ? props_1.CategoryMenuDefault.showIcons : _d;
     var ButtonLinkComponent = function (_a) {
         var item = _a.item, children = _a.children;
         return item.component ? ((0, jsx_runtime_1.jsx)(item.component, { children: (0, jsx_runtime_1.jsx)("div", __assign({ className: "componentWrapper" }, { children: children })) })) : ((0, jsx_runtime_1.jsx)("a", __assign({ href: item.slug }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ className: "componentWrapper" }, { children: children })) })));
     };
     var MenuButton = function (_a) {
         var item = __rest(_a, []);
-        return ((0, jsx_runtime_1.jsxs)(CategoryMenu_styled_1.CategoryItem, __assign({ "$isActiveCategory": item.isActive, "$hasCustomItem": item.hasCustomItem }, { children: [(0, jsx_runtime_1.jsx)(ButtonLinkComponent, __assign({ item: item }, { children: (0, jsx_runtime_1.jsxs)(CategoryMenu_styled_1.CategoryItemButtonInner, { children: [(item === null || item === void 0 ? void 0 : item.badgeTextSm) && ((0, jsx_runtime_1.jsx)(CategoryMenu_styled_1.CategoryItemButtonBadgeSm, { children: (0, jsx_runtime_1.jsx)(Badges_1.default, { layout: "text", variant: "secondary", title: item === null || item === void 0 ? void 0 : item.badgeTextSm }) })), (0, jsx_runtime_1.jsx)(CategoryMenu_styled_1.CategoryItemButtonIcon, __assign({ "$hasAnimation": item === null || item === void 0 ? void 0 : item.badgeText }, { children: (item === null || item === void 0 ? void 0 : item.badgeText) ? ((0, jsx_runtime_1.jsx)(CategoryMenu_styled_1.CategoryItemButtonBadge, { children: item === null || item === void 0 ? void 0 : item.badgeText })) : ((0, jsx_runtime_1.jsx)(Icon_1.default, { color: ["ElSatis"].includes(item.icon) ? "var(--primary)" : null, name: item.icon, hasColorChanged: !["CampaignColorful", "Lightning", "Flash", "Valentine", "NewYear"].includes(item.icon) })) })), (0, jsx_runtime_1.jsx)(CategoryMenu_styled_1.CategoryItemButtonTitle, { children: item.name })] }) })), item.children] })));
+        return ((0, jsx_runtime_1.jsxs)(CategoryMenu_styled_1.CategoryItem, __assign({ "$isActiveCategory": item.isActive, "$hasCustomItem": item.hasCustomItem }, { children: [(0, jsx_runtime_1.jsx)(ButtonLinkComponent, __assign({ item: item }, { children: (0, jsx_runtime_1.jsxs)(CategoryMenu_styled_1.CategoryItemButtonInner, { children: [(item === null || item === void 0 ? void 0 : item.badgeTextSm) && ((0, jsx_runtime_1.jsx)(CategoryMenu_styled_1.CategoryItemButtonBadgeSm, { children: (0, jsx_runtime_1.jsx)(Badges_1.default, { layout: "text", variant: "secondary", title: item === null || item === void 0 ? void 0 : item.badgeTextSm }) })), showIcons && ((0, jsx_runtime_1.jsx)(CategoryMenu_styled_1.CategoryItemButtonIcon, __assign({ "$hasAnimation": item === null || item === void 0 ? void 0 : item.badgeText }, { children: (item === null || item === void 0 ? void 0 : item.badgeText) ? ((0, jsx_runtime_1.jsx)(CategoryMenu_styled_1.CategoryItemButtonBadge, { children: item === null || item === void 0 ? void 0 : item.badgeText })) : ((0, jsx_runtime_1.jsx)(Icon_1.default, { color: ["ElSatis"].includes(item.icon) ? "var(--primary)" : null, name: item.icon, hasColorChanged: !["CampaignColorful", "Lightning", "Flash", "Valentine", "NewYear"].includes(item.icon) })) }))), (0, jsx_runtime_1.jsx)(CategoryMenu_styled_1.CategoryItemButtonTitle, __assign({ "$showIcons": showIcons }, { children: item.name }))] }) })), item.children] })));
     };
     return ((0, jsx_runtime_1.jsx)(CategoryMenu_styled_1.CategoryMenuWrapper, { children: data === null || data === void 0 ? void 0 : data.map(function (item) {
             return ((0, jsx_runtime_1.jsx)(MenuButton, __assign({}, item, { children: item.children.length > 0 && ((0, jsx_runtime_1.jsx)(CategoryMenu_styled_1.SubMenu, { children: (0, jsx_runtime_1.jsx)(OptionMenu_1.default, { hasActiveItem: false, data: item.children, rowLength: item.subMenuRowLength || subMenuRowLength }) })) }), item.id));

package/dist/components/CategoryMenu/CategoryMenu.styled.d.ts CHANGED Viewed

@@ -6,5 +6,5 @@ export declare const CategoryItemButtonInner: import("styled-components/dist/typ
 export declare const CategoryItemButtonIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof CategoryMenuStyled> & CategoryMenuStyled, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof CategoryMenuStyled> & CategoryMenuStyled, never>>> & string;
 export declare const CategoryItemButtonBadge: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>> & string;
 export declare const CategoryItemButtonBadgeSm: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>> & string;
-export declare const CategoryItemButtonTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>>> & string;
+export declare const CategoryItemButtonTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, keyof CategoryMenuStyled> & CategoryMenuStyled, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, keyof CategoryMenuStyled> & CategoryMenuStyled, never>>> & string;
 export declare const SubMenu: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, keyof CategoryMenuStyled> & CategoryMenuStyled, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, keyof CategoryMenuStyled> & CategoryMenuStyled, never>>> & string;

package/dist/components/CategoryMenu/CategoryMenu.styled.js CHANGED Viewed

@@ -36,6 +36,6 @@ exports.CategoryItemButtonInner = styled_components_1.default.span(templateObjec
 exports.CategoryItemButtonIcon = styled_components_1.default.span(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n    @keyframes tada_category {\n        0% {\n            transform: scaleX(1)\n        }\n\n        10%,20% {\n            transform: rotate(-2deg)\n        }\n\n        30%,50%,70%,90% {\n            transform: rotate(2deg)\n        }\n\n        40%,60%,80% {\n            transform: rotate(-2deg)\n        }\n\n        to {\n            transform: scaleX(1)\n        }\n    }\n\n    ", "\n    height: 24px;\n    display:flex;\n    position: relative;\n    align-items: center;\n    justify-content: center;\n"], ["\n    @keyframes tada_category {\n        0% {\n            transform: scaleX(1)\n        }\n\n        10%,20% {\n            transform: rotate(-2deg)\n        }\n\n        30%,50%,70%,90% {\n            transform: rotate(2deg)\n        }\n\n        40%,60%,80% {\n            transform: rotate(-2deg)\n        }\n\n        to {\n            transform: scaleX(1)\n        }\n    }\n\n    ", "\n    height: 24px;\n    display:flex;\n    position: relative;\n    align-items: center;\n    justify-content: center;\n"])), function (props) { return props.$hasAnimation ? "\n        animation: tada_category 1.5s infinite;\n        animation-iteration-count: 10;\n    " : ""; });
 exports.CategoryItemButtonBadge = styled_components_1.default.span(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n    font: var(--caption-bold-10-12);\n    line-height: 17px;\n    border-radius: 3px;\n    background-color: var(--primary);\n    color: white;\n    padding: 0 0.5rem;\n    display: inline-block;\n    margin-top: 2px;\n"], ["\n    font: var(--caption-bold-10-12);\n    line-height: 17px;\n    border-radius: 3px;\n    background-color: var(--primary);\n    color: white;\n    padding: 0 0.5rem;\n    display: inline-block;\n    margin-top: 2px;\n"])));
 exports.CategoryItemButtonBadgeSm = styled_components_1.default.span(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n    position: absolute;\n    right: 8px;\n    top: 8px;\n"], ["\n    position: absolute;\n    right: 8px;\n    top: 8px;\n"])));
-exports.CategoryItemButtonTitle = styled_components_1.default.strong(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n    margin-top: 8px;\n    display:block;\n    font:var(--caption-semi-bold-12-15);\n"], ["\n    margin-top: 8px;\n    display:block;\n    font:var(--caption-semi-bold-12-15);\n"])));
+exports.CategoryItemButtonTitle = styled_components_1.default.strong(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n    margin-top: ", ";\n    display:block;\n    font:var(--caption-semi-bold-12-15);\n"], ["\n    margin-top: ", ";\n    display:block;\n    font:var(--caption-semi-bold-12-15);\n"])), function (props) { return props.$showIcons === false ? 0 : '8px'; });
 exports.SubMenu = styled_components_1.default.ul(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n    position: absolute;\n    left: 0;\n    top: 100%;\n    transition: all 0.2s ease-in-out;\n    opacity: 0;\n    visibility: hidden;\n    transform: translateY(10px);\n    transition-delay: 0s;\n    padding: 0;\n    margin: 0;\n"], ["\n    position: absolute;\n    left: 0;\n    top: 100%;\n    transition: all 0.2s ease-in-out;\n    opacity: 0;\n    visibility: hidden;\n    transform: translateY(10px);\n    transition-delay: 0s;\n    padding: 0;\n    margin: 0;\n"])));
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9;

package/dist/components/CategoryMenu/props.d.ts CHANGED Viewed

@@ -3,12 +3,14 @@ export interface CategoryMenu {
     data?: object[];
     isActiveCategory?: boolean;
     hasCustomItem?: boolean;
+    showIcons?: boolean;
 }
 export interface CategoryMenuStyled {
     $subMenuRowLength?: number;
     $isActiveCategory?: boolean;
     $hasAnimation?: boolean;
     $hasCustomItem?: boolean;
+    $showIcons?: boolean;
 }
 export declare const CategoryMenuDefault: CategoryMenu;
 export type CategoryMenuProps = typeof CategoryMenuDefault;

package/dist/components/CategoryMenu/props.js CHANGED Viewed

@@ -6,4 +6,5 @@ exports.CategoryMenuDefault = {
     data: [],
     isActiveCategory: false,
     hasCustomItem: false,
+    showIcons: true,
 };

package/dist/components/CategoryMenu/stories/CategoryMenu.stories.d.ts CHANGED Viewed

@@ -1,11 +1,15 @@
+/// <reference types="react" />
 declare const _default: {
     title: string;
-    component: ({ data, subMenuRowLength, }: import("../props").CategoryMenu) => import("react/jsx-runtime").JSX.Element;
+    component: ({ data, subMenuRowLength, showIcons, }: import("../props").CategoryMenu) => import("react").JSX.Element;
     tags: string[];
     argTypes: {
         subMenuRowLength: {
             control: string;
         };
+        showIcons: {
+            control: string;
+        };
         data: {
             control: string;
         };
@@ -17,12 +21,16 @@ export declare const Default: {
         subMenuRowLength: {
             control: string;
         };
+        showIcons: {
+            control: string;
+        };
         data: {
             control: string;
         };
     };
     args: {
         subMenuRowLength: number;
+        showIcons: boolean;
         data: ({
             id: number;
             parentId: number;
@@ -136,7 +144,7 @@ export declare const Default: {
             icon: string;
             component: ({ children }: {
                 children: any;
-            }) => import("react/jsx-runtime").JSX.Element;
+            }) => import("react").JSX.Element;
             children: {
                 id: number;
                 parentId: number;

package/dist/components/CategoryMenu/stories/CategoryMenu.stories.js CHANGED Viewed

@@ -12,16 +12,19 @@ exports.default = {
     tags: ['autodocs'],
     argTypes: {
         subMenuRowLength: { control: 'number' },
+        showIcons: { control: 'boolean' },
         data: { control: 'disabled' }
     }
 };
 exports.Default = {
     argTypes: {
         subMenuRowLength: { control: 'number' },
+        showIcons: { control: 'boolean' },
         data: { control: 'disabled' }
     },
     args: {
         subMenuRowLength: 7,
+        showIcons: true,
         data: categories_1.default,
     },
 };

package/dist/components/Checkbox/Checkbox.d.ts CHANGED Viewed

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { CheckboxProps } from "./props";
-declare const Checkbox: ({ value, checked, onChange, name, id, label, disabled, size, valid, labelOffset, color, textSize, verticalAlign, required, readOnly, }: CheckboxProps) => import("react/jsx-runtime").JSX.Element;
+declare const Checkbox: ({ value, checked, onChange, name, id, label, disabled, size, valid, labelOffset, color, textSize, verticalAlign, required, readOnly, }: CheckboxProps) => import("react").JSX.Element;
 export default Checkbox;

package/dist/components/Checkbox/stories/Checkbox.stories.d.ts CHANGED Viewed

@@ -1,6 +1,7 @@
+/// <reference types="react" />
 declare const _default: {
     title: string;
-    component: ({ value, checked, onChange, name, id, label, disabled, size, valid, labelOffset, color, textSize, verticalAlign, required, readOnly, }: import("../props").Checkbox) => import("react/jsx-runtime").JSX.Element;
+    component: ({ value, checked, onChange, name, id, label, disabled, size, valid, labelOffset, color, textSize, verticalAlign, required, readOnly, }: import("../props").Checkbox) => import("react").JSX.Element;
     tags: string[];
     argTypes: {
         size: {
@@ -144,7 +145,7 @@ export declare const AllSizes: {
         id: string;
         onChange: (e: any) => void;
     };
-    render: (args: any) => import("react/jsx-runtime").JSX.Element;
+    render: (args: any) => import("react").JSX.Element;
 };
 export declare const AllTextSizes: {
     args: {
@@ -153,7 +154,7 @@ export declare const AllTextSizes: {
         id: string;
         onChange: (e: any) => void;
     };
-    render: (args: any) => import("react/jsx-runtime").JSX.Element;
+    render: (args: any) => import("react").JSX.Element;
 };
 export declare const WithoutLabel: {
     args: {

package/dist/components/CheckboxGroup/CheckboxGroup.d.ts CHANGED Viewed

@@ -1,3 +1,4 @@
+import React from "react";
 import { CheckboxGroupProps } from "./props";
-declare const CheckboxGroup: ({ options, value, onChange, name, label, disabled, size, textSize, layout, valid, labelOffset, color, verticalAlign, required, readOnly, gap, }: CheckboxGroupProps) => import("react/jsx-runtime").JSX.Element;
+declare const CheckboxGroup: ({ options, value, onChange, name, label, disabled, size, textSize, layout, valid, labelOffset, color, verticalAlign, required, readOnly, gap, }: CheckboxGroupProps) => React.JSX.Element;
 export default CheckboxGroup;

package/dist/components/CheckboxGroup/stories/CheckboxGroup.stories.d.ts CHANGED Viewed

@@ -1,6 +1,7 @@
+import React from 'react';
 declare const _default: {
     title: string;
-    component: ({ options, value, onChange, name, label, disabled, size, textSize, layout, valid, labelOffset, color, verticalAlign, required, readOnly, gap, }: import("../props").CheckboxGroup) => import("react/jsx-runtime").JSX.Element;
+    component: ({ options, value, onChange, name, label, disabled, size, textSize, layout, valid, labelOffset, color, verticalAlign, required, readOnly, gap, }: import("../props").CheckboxGroup) => React.JSX.Element;
     tags: string[];
     argTypes: {
         layout: {

package/dist/components/CircleProgress/CircleProgress.d.ts CHANGED Viewed

@@ -1,3 +1,4 @@
+import React from "react";
 import { CircleProgressProps } from "./props";
-declare const CircleProgress: ({ steps, activeStep, }: CircleProgressProps) => import("react/jsx-runtime").JSX.Element;
+declare const CircleProgress: ({ steps, activeStep, }: CircleProgressProps) => React.JSX.Element;
 export default CircleProgress;

package/dist/components/CircleProgress/stories/CircleProgress.stories.d.ts CHANGED Viewed

@@ -1,6 +1,7 @@
+/// <reference types="react" />
 declare const _default: {
     title: string;
-    component: ({ steps, activeStep, }: import("../props").CircleProgress) => import("react/jsx-runtime").JSX.Element;
+    component: ({ steps, activeStep, }: import("../props").CircleProgress) => import("react").JSX.Element;
     tags: string[];
     argTypes: {};
 };

package/dist/components/CircleProgressPro/CircleProgressPro.d.ts CHANGED Viewed

@@ -1,3 +1,4 @@
+import React from "react";
 import { CircleProgressProProps } from "./props";
-declare const CircleProgressPro: (props: CircleProgressProProps) => import("react/jsx-runtime").JSX.Element;
+declare const CircleProgressPro: (props: CircleProgressProProps) => React.JSX.Element;
 export default CircleProgressPro;

package/dist/components/CircleProgressPro/stories/CircleProgressPro.stories.d.ts CHANGED Viewed

@@ -1,6 +1,7 @@
+/// <reference types="react" />
 declare const _default: {
     title: string;
-    component: (props: import("../props").CircleProgressProProps) => import("react/jsx-runtime").JSX.Element;
+    component: (props: import("../props").CircleProgressProProps) => import("react").JSX.Element;
     tags: string[];
     argTypes: {};
 };

package/dist/components/ColorPalette/ColorPalette.d.ts CHANGED Viewed

@@ -1,3 +1,4 @@
+import React from "react";
 import { ColorPaletteProps } from "./props";
-declare const ColorPalette: (props: ColorPaletteProps) => import("react/jsx-runtime").JSX.Element;
+declare const ColorPalette: (props: ColorPaletteProps) => React.JSX.Element;
 export default ColorPalette;

package/dist/components/ColorPalette/stories/ColorPalette.stories.d.ts CHANGED Viewed

@@ -1,6 +1,7 @@
+/// <reference types="react" />
 declare const _default: {
     title: string;
-    component: (props: import("../props").ColorPalette) => import("react/jsx-runtime").JSX.Element;
+    component: (props: import("../props").ColorPalette) => import("react").JSX.Element;
     parameters: {
         controls: {
             exclude: RegExp;

package/dist/components/CouponCode/CouponCode.d.ts CHANGED Viewed

@@ -1,3 +1,4 @@
+import React from "react";
 import { CouponCodeProps } from "./props";
-declare const CouponCode: ({ buttonDisabled, name, title, value, buttonText, buttonWidth, isButtonLoading, isInputDisabled, errorMessage, placeholder, hasError, autoFocus, onChange, buttonVariant, onExpanded, expanded, ...other }: CouponCodeProps) => import("react/jsx-runtime").JSX.Element;
+declare const CouponCode: ({ buttonDisabled, name, title, value, buttonText, buttonWidth, isButtonLoading, isInputDisabled, errorMessage, placeholder, hasError, autoFocus, onChange, buttonVariant, onExpanded, expanded, ...other }: CouponCodeProps) => React.JSX.Element;
 export default CouponCode;

package/dist/components/CouponCode/stories/CouponCode.stories.d.ts CHANGED Viewed

@@ -1,6 +1,7 @@
+import React from 'react';
 declare const _default: {
     title: string;
-    component: (props: any) => import("react/jsx-runtime").JSX.Element;
+    component: (props: any) => React.JSX.Element;
     tags: string[];
     argTypes: {
         buttonVariant: {

package/dist/components/DescriptionCard/AccordionItem.d.ts CHANGED Viewed

@@ -1,4 +1,5 @@
+/// <reference types="react" />
 declare const AccordionItem: ({ data }: {
     data: any;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;
 export default AccordionItem;

package/dist/components/DescriptionCard/DescriptionCard.d.ts CHANGED Viewed

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { DescriptionCardProps } from "./props";
-declare const DescriptionCard: ({ title, headerButtonText, hasHeaderDropdown, list, hasBadge, badgeText, hasHeader, hasRounded, hasBorder, headerImage, dropdownList, dropdownWidth, accordionList, boxSize, hasHeaderButton, headerButtonWidth, hasHeaderPrimaryButton, headerPrimaryButtonAction, headerPrimaryButtonText, headerButtonAction, customColumnSpan }: DescriptionCardProps) => import("react/jsx-runtime").JSX.Element;
+declare const DescriptionCard: ({ title, headerButtonText, hasHeaderDropdown, list, hasBadge, badgeText, hasHeader, hasRounded, hasBorder, headerImage, dropdownList, dropdownWidth, accordionList, boxSize, hasHeaderButton, headerButtonWidth, hasHeaderPrimaryButton, headerPrimaryButtonAction, headerPrimaryButtonText, headerButtonAction, customColumnSpan }: DescriptionCardProps) => import("react").JSX.Element;
 export default DescriptionCard;

package/dist/components/DescriptionCard/stories/DescriptionCard.stories.d.ts CHANGED Viewed

@@ -1,6 +1,7 @@
+import React from "react";
 declare const _default: {
     title: string;
-    component: ({ title, headerButtonText, hasHeaderDropdown, list, hasBadge, badgeText, hasHeader, hasRounded, hasBorder, headerImage, dropdownList, dropdownWidth, accordionList, boxSize, hasHeaderButton, headerButtonWidth, hasHeaderPrimaryButton, headerPrimaryButtonAction, headerPrimaryButtonText, headerButtonAction, customColumnSpan }: import("../props").DescriptionCard) => import("react/jsx-runtime").JSX.Element;
+    component: ({ title, headerButtonText, hasHeaderDropdown, list, hasBadge, badgeText, hasHeader, hasRounded, hasBorder, headerImage, dropdownList, dropdownWidth, accordionList, boxSize, hasHeaderButton, headerButtonWidth, hasHeaderPrimaryButton, headerPrimaryButtonAction, headerPrimaryButtonText, headerButtonAction, customColumnSpan }: import("../props").DescriptionCard) => React.JSX.Element;
     tags: string[];
     argTypes: {
         title: {
@@ -62,10 +63,10 @@ export declare const Default: {
         };
         dropdownList: {
             name: string;
-            component: ({ children }: any) => import("react/jsx-runtime").JSX.Element;
+            component: ({ children }: any) => React.JSX.Element;
         }[];
         dropdownWidth: string;
-        headerImage: import("react/jsx-runtime").JSX.Element;
+        headerImage: React.JSX.Element;
     };
 };
 export declare const WithBadge: {
@@ -94,10 +95,10 @@ export declare const WithBadge: {
         };
         dropdownList: {
             name: string;
-            component: ({ children }: any) => import("react/jsx-runtime").JSX.Element;
+            component: ({ children }: any) => React.JSX.Element;
         }[];
         dropdownWidth: string;
-        headerImage: import("react/jsx-runtime").JSX.Element;
+        headerImage: React.JSX.Element;
     };
 };
 export declare const WithHeaderButton: {
@@ -126,10 +127,10 @@ export declare const WithHeaderButton: {
         };
         dropdownList: {
             name: string;
-            component: ({ children }: any) => import("react/jsx-runtime").JSX.Element;
+            component: ({ children }: any) => React.JSX.Element;
         }[];
         dropdownWidth: string;
-        headerImage: import("react/jsx-runtime").JSX.Element;
+        headerImage: React.JSX.Element;
     };
 };
 export declare const WithHeaderPrimaryButton: {
@@ -158,10 +159,10 @@ export declare const WithHeaderPrimaryButton: {
         };
         dropdownList: {
             name: string;
-            component: ({ children }: any) => import("react/jsx-runtime").JSX.Element;
+            component: ({ children }: any) => React.JSX.Element;
         }[];
         dropdownWidth: string;
-        headerImage: import("react/jsx-runtime").JSX.Element;
+        headerImage: React.JSX.Element;
     };
 };
 export declare const WithHeaderDropdown: {
@@ -190,10 +191,10 @@ export declare const WithHeaderDropdown: {
         };
         dropdownList: {
             name: string;
-            component: ({ children }: any) => import("react/jsx-runtime").JSX.Element;
+            component: ({ children }: any) => React.JSX.Element;
         }[];
         dropdownWidth: string;
-        headerImage: import("react/jsx-runtime").JSX.Element;
+        headerImage: React.JSX.Element;
     };
 };
 export declare const WithoutHeader: {
@@ -222,10 +223,10 @@ export declare const WithoutHeader: {
         };
         dropdownList: {
             name: string;
-            component: ({ children }: any) => import("react/jsx-runtime").JSX.Element;
+            component: ({ children }: any) => React.JSX.Element;
         }[];
         dropdownWidth: string;
-        headerImage: import("react/jsx-runtime").JSX.Element;
+        headerImage: React.JSX.Element;
     };
 };
 export declare const WithoutBorder: {
@@ -254,10 +255,10 @@ export declare const WithoutBorder: {
         };
         dropdownList: {
             name: string;
-            component: ({ children }: any) => import("react/jsx-runtime").JSX.Element;
+            component: ({ children }: any) => React.JSX.Element;
         }[];
         dropdownWidth: string;
-        headerImage: import("react/jsx-runtime").JSX.Element;
+        headerImage: React.JSX.Element;
     };
 };
 export declare const WithoutRounded: {
@@ -286,10 +287,10 @@ export declare const WithoutRounded: {
         };
         dropdownList: {
             name: string;
-            component: ({ children }: any) => import("react/jsx-runtime").JSX.Element;
+            component: ({ children }: any) => React.JSX.Element;
         }[];
         dropdownWidth: string;
-        headerImage: import("react/jsx-runtime").JSX.Element;
+        headerImage: React.JSX.Element;
     };
 };
 export declare const MinimalList: {
@@ -318,10 +319,10 @@ export declare const MinimalList: {
         };
         dropdownList: {
             name: string;
-            component: ({ children }: any) => import("react/jsx-runtime").JSX.Element;
+            component: ({ children }: any) => React.JSX.Element;
         }[];
         dropdownWidth: string;
-        headerImage: import("react/jsx-runtime").JSX.Element;
+        headerImage: React.JSX.Element;
     };
 };
 export declare const EmptyList: {
@@ -347,10 +348,10 @@ export declare const EmptyList: {
         };
         dropdownList: {
             name: string;
-            component: ({ children }: any) => import("react/jsx-runtime").JSX.Element;
+            component: ({ children }: any) => React.JSX.Element;
         }[];
         dropdownWidth: string;
-        headerImage: import("react/jsx-runtime").JSX.Element;
+        headerImage: React.JSX.Element;
     };
 };
 export declare const WithoutHeaderImage: {
@@ -380,7 +381,7 @@ export declare const WithoutHeaderImage: {
         };
         dropdownList: {
             name: string;
-            component: ({ children }: any) => import("react/jsx-runtime").JSX.Element;
+            component: ({ children }: any) => React.JSX.Element;
         }[];
         dropdownWidth: string;
     };
@@ -412,10 +413,10 @@ export declare const CustomColumnSpan: {
         boxSize: number;
         dropdownList: {
             name: string;
-            component: ({ children }: any) => import("react/jsx-runtime").JSX.Element;
+            component: ({ children }: any) => React.JSX.Element;
         }[];
         dropdownWidth: string;
-        headerImage: import("react/jsx-runtime").JSX.Element;
+        headerImage: React.JSX.Element;
     };
 };
 export declare const HasAccordion: {
@@ -427,7 +428,7 @@ export declare const HasAccordion: {
                 title: string;
             }[];
         }[];
-        headerImage: import("react/jsx-runtime").JSX.Element;
+        headerImage: React.JSX.Element;
         title: string;
         hasBadge: boolean;
         badgeText: string;
@@ -452,7 +453,7 @@ export declare const HasAccordion: {
         };
         dropdownList: {
             name: string;
-            component: ({ children }: any) => import("react/jsx-runtime").JSX.Element;
+            component: ({ children }: any) => React.JSX.Element;
         }[];
         dropdownWidth: string;
     };

package/dist/components/Divider/Divider.d.ts CHANGED Viewed

@@ -1,3 +1,4 @@
+import React from "react";
 import { DividerProps } from "./props";
-declare const Divider: ({ type, text, hasText, color }: DividerProps) => import("react/jsx-runtime").JSX.Element;
+declare const Divider: ({ type, text, hasText, color }: DividerProps) => React.JSX.Element;
 export default Divider;

package/dist/components/Divider/stories/Divider.stories.d.ts CHANGED Viewed

@@ -1,6 +1,7 @@
+import React from 'react';
 declare const _default: {
     title: string;
-    component: ({ type, text, hasText, color }: import("../props").Divider) => import("react/jsx-runtime").JSX.Element;
+    component: ({ type, text, hasText, color }: import("../props").Divider) => React.JSX.Element;
     tags: string[];
     argTypes: {
         type: {

package/dist/components/Dropdown/Dropdown.d.ts CHANGED Viewed

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { DropdownProps } from "./props";
-declare const Dropdown: ({ show, Toggle, list, size, isShowTopChevron, childrenVariant, right, width, top, }: DropdownProps) => import("react/jsx-runtime").JSX.Element;
+declare const Dropdown: ({ show, Toggle, list, size, isShowTopChevron, childrenVariant, right, width, top, }: DropdownProps) => import("react").JSX.Element;
 export default Dropdown;

package/dist/components/Dropdown/stories/Dropdown.stories.d.ts CHANGED Viewed

@@ -1,6 +1,7 @@
+import React from 'react';
 declare const _default: {
     title: string;
-    component: (props: any) => import("react/jsx-runtime").JSX.Element;
+    component: (props: any) => React.JSX.Element;
     tags: string[];
     argTypes: {
         size: {

package/dist/components/DropdownButton/DropdownButton.d.ts CHANGED Viewed

@@ -1,3 +1,4 @@
+import React from "react";
 import { DropdownButtonProps } from "./props";
-declare const DropdownButton: ({ icon, title, hasDropdown, isShow, isActive, list, component, }: DropdownButtonProps) => import("react/jsx-runtime").JSX.Element;
+declare const DropdownButton: ({ icon, title, hasDropdown, isShow, isActive, list, component, }: DropdownButtonProps) => React.JSX.Element;
 export default DropdownButton;