krl-alfred 1.84.0 → 1.84.1

package/dist/components/ReviewBlock/ReviewBlock.styled.js

@@ -9,6 +9,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DropdownToggleButton = exports.DropdownWrapper = exports.StarsWrapper = exports.BadgeWrapper = exports.TextLinkWrapper = exports.Tags = exports.ProductAnswer = exports.ProductQuestion = exports.ProductName = exports.ProductReviewContent = exports.ProductImage = exports.ProductWrapper = exports.ProductReviewBlock = exports.PlatformReview = exports.Date = exports.CustomerName = exports.Header = exports.ReviewCard = void 0;
 var styled_components_1 = __importDefault(require("styled-components"));
+var devices_1 = require("../../constants/devices");
 exports.ReviewCard = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    background: white;\n    padding: 1.5rem;\n    border-radius: 0.5rem;\n    border: 1px solid var(--grey-10);\n"], ["\n    background: white;\n    padding: 1.5rem;\n    border-radius: 0.5rem;\n    border: 1px solid var(--grey-10);\n"])));
 exports.Header = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    display: flex;\n    justify-content: space-between;\n    align-items: ", ";\n    border-bottom: 1px solid var(--dark-opacity-10);\n    padding-bottom: 1rem;\n    margin-bottom: 1rem;\n"], ["\n    display: flex;\n    justify-content: space-between;\n    align-items: ", ";\n    border-bottom: 1px solid var(--dark-opacity-10);\n    padding-bottom: 1rem;\n    margin-bottom: 1rem;\n"])), function (props) { return props.$hasDropdown || props.$hasApproveButton ? "center" : "flex-end"; });
 exports.CustomerName = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    font: var(--body-semi-bold-13-16);\n    color: var(--dark-opacity-50);\n    margin-top: 1rem;\n"], ["\n    font: var(--body-semi-bold-13-16);\n    color: var(--dark-opacity-50);\n    margin-top: 1rem;\n"])));
@@ -26,5 +27,5 @@ exports.TextLinkWrapper = styled_components_1.default.div(templateObject_14 || (
 exports.BadgeWrapper = styled_components_1.default.div(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n    text-align: end;\n    div{\n        display: inline-block;\n    }\n"], ["\n    text-align: end;\n    div{\n        display: inline-block;\n    }\n"])));
 exports.StarsWrapper = styled_components_1.default.div(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n    position: relative;\n    width: fit-content;\n    display: flex;\n    flex-direction: row;\n\n    .filleds {\n        display: flex;\n        align-items: center;\n        justify-content: flex-start;\n        position: absolute;\n        inset: 0;\n        left: 0;\n        overflow: hidden;\n        white-space: nowrap;\n        color: var(--yellowDark);\n        z-index: 1;\n        column-gap: 2px;\n    }\n\n    .notFilleds {\n        display: flex;\n        align-items: center;\n        justify-content: flex-end;\n        color: var(--dark-opacity-10);\n        z-index: 0;\n        column-gap: 2px;\n    }\n"], ["\n    position: relative;\n    width: fit-content;\n    display: flex;\n    flex-direction: row;\n\n    .filleds {\n        display: flex;\n        align-items: center;\n        justify-content: flex-start;\n        position: absolute;\n        inset: 0;\n        left: 0;\n        overflow: hidden;\n        white-space: nowrap;\n        color: var(--yellowDark);\n        z-index: 1;\n        column-gap: 2px;\n    }\n\n    .notFilleds {\n        display: flex;\n        align-items: center;\n        justify-content: flex-end;\n        color: var(--dark-opacity-10);\n        z-index: 0;\n        column-gap: 2px;\n    }\n"])));
 exports.DropdownWrapper = styled_components_1.default.div(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n    margin-left: 1rem;\n"], ["\n    margin-left: 1rem;\n"])));
-exports.DropdownToggleButton = styled_components_1.default.span(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n    box-sizing: border-box;\n    position: relative;\n    display: flex;\n    justify-content: flex-end;\n    align-items: center;\n    border-radius: 0;\n    padding: 0;\n    cursor: pointer;\n    transition: all .2s;\n    outline: none;\n    border:0;\n    background: none;\n    color: var(--primary);\n"], ["\n    box-sizing: border-box;\n    position: relative;\n    display: flex;\n    justify-content: flex-end;\n    align-items: center;\n    border-radius: 0;\n    padding: 0;\n    cursor: pointer;\n    transition: all .2s;\n    outline: none;\n    border:0;\n    background: none;\n    color: var(--primary);\n"])));
+exports.DropdownToggleButton = styled_components_1.default.span(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n    box-sizing: border-box;\n    position: relative;\n    display: flex;\n    justify-content: flex-end;\n    align-items: center;\n    border-radius: 0;\n    padding: 0;\n    cursor: pointer;\n    transition: all .2s;\n    outline: none;\n    border:0;\n    background: none;\n    color: var(--primary);\n    \n    @media only screen and ", " {\n        &:hover {\n            color: var(--primary-hover);\n        }\n    }\n\n\n    &:active {\n        color: var(--primary-press);\n        @media only screen and ", " {\n            color: var(--primary-hover);\n        }\n    }\n    \n"], ["\n    box-sizing: border-box;\n    position: relative;\n    display: flex;\n    justify-content: flex-end;\n    align-items: center;\n    border-radius: 0;\n    padding: 0;\n    cursor: pointer;\n    transition: all .2s;\n    outline: none;\n    border:0;\n    background: none;\n    color: var(--primary);\n    \n    @media only screen and ", " {\n        &:hover {\n            color: var(--primary-hover);\n        }\n    }\n\n\n    &:active {\n        color: var(--primary-press);\n        @media only screen and ", " {\n            color: var(--primary-hover);\n        }\n    }\n    \n"])), devices_1.devices.mdUp, devices_1.devices.md);
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18;

package/dist/components/ReviewCard/ReviewCard.styled.js

@@ -12,7 +12,7 @@ var styled_components_1 = __importDefault(require("styled-components"));
 exports.ReviewCardStyled = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    box-shadow: 0 6px 30px 0 var(--box-shadow-color);\n    border-radius: 0.5rem;\n    padding: 1.5rem;\n    transition: all .2s ease;\n    cursor: pointer;\n    &:hover{\n        box-shadow: 0 4px 15px 0 var(--dark-shadow-color);\n    }\n"], ["\n    box-shadow: 0 6px 30px 0 var(--box-shadow-color);\n    border-radius: 0.5rem;\n    padding: 1.5rem;\n    transition: all .2s ease;\n    cursor: pointer;\n    &:hover{\n        box-shadow: 0 4px 15px 0 var(--dark-shadow-color);\n    }\n"])));
 exports.ImgWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    display: flex;\n    align-items: center;\n    justify-content: flex-start;\n    .img{\n        width: 64px;\n        height: 64px;\n        border: 1px solid var(--dark-opacity-5);\n        border-radius: 0.5rem;\n        position: relative;\n        margin-right: 1rem;\n        overflow: hidden;\n        box-sizing: border-box;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex: 1 0 auto;\n        max-width: 64px;\n        * {\n            display: block !important;\n        }\n    }\n"], ["\n    display: flex;\n    align-items: center;\n    justify-content: flex-start;\n    .img{\n        width: 64px;\n        height: 64px;\n        border: 1px solid var(--dark-opacity-5);\n        border-radius: 0.5rem;\n        position: relative;\n        margin-right: 1rem;\n        overflow: hidden;\n        box-sizing: border-box;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex: 1 0 auto;\n        max-width: 64px;\n        * {\n            display: block !important;\n        }\n    }\n"])));
 exports.Detail = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n"], ["\n"])));
-exports.Title = styled_components_1.default.strong(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n    margin-bottom: 0.5rem;\n    display: -webkit-box;\n    -webkit-line-clamp: 1;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n    color: var(--dark-opacity-75);\n    font : var(--body-bold-14-17);\n"], ["\n    margin-bottom: 0.5rem;\n    display: -webkit-box;\n    -webkit-line-clamp: 1;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n    color: var(--dark-opacity-75);\n    font : var(--body-bold-14-17);\n"])));
+exports.Title = styled_components_1.default.strong(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n    margin-bottom: 0.5rem;\n    display: -webkit-box;\n    -webkit-line-clamp: 2;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n    color: var(--dark-opacity-75);\n    font : var(--body-bold-14-17);\n"], ["\n    margin-bottom: 0.5rem;\n    display: -webkit-box;\n    -webkit-line-clamp: 2;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n    color: var(--dark-opacity-75);\n    font : var(--body-bold-14-17);\n"])));
 exports.Stars = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n    display: flex;\n    align-items: center;\n    justify-content: flex-start;\n    .star{\n        + .star{\n            margin-left: -2px;\n        }\n        div{\n            display: block;\n        }\n    }\n"], ["\n    display: flex;\n    align-items: center;\n    justify-content: flex-start;\n    .star{\n        + .star{\n            margin-left: -2px;\n        }\n        div{\n            display: block;\n        }\n    }\n"])));
 exports.Description = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n    font: var(--body-medium-14-17);\n    color: var(--dark-opacity-75);\n    margin: 1rem 0 1.5rem 0;\n    overflow: hidden;\n    position: relative;\n    min-height: 68px;\n    display: -webkit-box;\n    -webkit-line-clamp: 4;\n    -webkit-box-orient: vertical;\n"], ["\n    font: var(--body-medium-14-17);\n    color: var(--dark-opacity-75);\n    margin: 1rem 0 1.5rem 0;\n    overflow: hidden;\n    position: relative;\n    min-height: 68px;\n    display: -webkit-box;\n    -webkit-line-clamp: 4;\n    -webkit-box-orient: vertical;\n"])));
 exports.Line = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n    border-bottom: 1px solid var(--icon-shadow-color);\n    margin-bottom: 1rem;\n"], ["\n    border-bottom: 1px solid var(--icon-shadow-color);\n    margin-bottom: 1rem;\n"])));

package/dist/components/Tabs/Tabs.d.ts

@@ -1,6 +1,6 @@
 import { TabsProps } from "./props";
 declare const Tabs: {
-    ({ activeIndex, children, onActive, hasAutoFlex, size, }: TabsProps): import("react/jsx-runtime").JSX.Element;
+    ({ activeIndex, children, onActive, hasAutoFlex, isHideTabHeaderOnMobile, size, }: TabsProps): import("react/jsx-runtime").JSX.Element;
     TabItem: ({ isActive, hasAutoFlex, size, isDisabled, title, children, key, onClick, }: import("./props").TabItem) => import("react/jsx-runtime").JSX.Element;
 };
 export default Tabs;

package/dist/components/Tabs/Tabs.js

@@ -44,9 +44,9 @@ var Tabs_styled_1 = require("./Tabs.styled");
 var TabContext_1 = require("./TabContext");
 var TabItem_1 = __importDefault(require("./TabItem"));
 var Tabs = function (_a) {
-    var _b = _a.activeIndex, activeIndex = _b === void 0 ? props_1.TabsDefault.activeIndex : _b, _c = _a.children, children = _c === void 0 ? props_1.TabsDefault.children : _c, _d = _a.onActive, onActive = _d === void 0 ? props_1.TabsDefault.onActive : _d, _e = _a.hasAutoFlex, hasAutoFlex = _e === void 0 ? props_1.TabsDefault.hasAutoFlex : _e, _f = _a.size, size = _f === void 0 ? props_1.TabsDefault.size : _f;
-    var _g = (0, react_1.useState)(activeIndex || 0), tabActiveIndex = _g[0], setTabActiveIndex = _g[1];
-    var _h = (0, react_1.useState)(null), activeContent = _h[0], setActiveContent = _h[1];
+    var _b = _a.activeIndex, activeIndex = _b === void 0 ? props_1.TabsDefault.activeIndex : _b, _c = _a.children, children = _c === void 0 ? props_1.TabsDefault.children : _c, _d = _a.onActive, onActive = _d === void 0 ? props_1.TabsDefault.onActive : _d, _e = _a.hasAutoFlex, hasAutoFlex = _e === void 0 ? props_1.TabsDefault.hasAutoFlex : _e, _f = _a.isHideTabHeaderOnMobile, isHideTabHeaderOnMobile = _f === void 0 ? props_1.TabsDefault.isHideTabHeaderOnMobile : _f, _g = _a.size, size = _g === void 0 ? props_1.TabsDefault.size : _g;
+    var _h = (0, react_1.useState)(activeIndex || 0), tabActiveIndex = _h[0], setTabActiveIndex = _h[1];
+    var _j = (0, react_1.useState)(null), activeContent = _j[0], setActiveContent = _j[1];
     (0, react_1.useEffect)(function () {
         setTabActiveIndex(activeIndex);
     }, [activeIndex]);
@@ -77,11 +77,11 @@ var Tabs = function (_a) {
             }
         }
     });
-    return ((0, jsx_runtime_1.jsxs)(Tabs_styled_1.TabsStyled, { children: [(0, jsx_runtime_1.jsx)(Tabs_styled_1.TabHeaderStyled, __assign({ "$size": size, "$hasAutoFlex": hasAutoFlex, className: "tabHeader" }, { children: children === null || children === void 0 ? void 0 : children.map(function (child, index) { return ((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: (0, jsx_runtime_1.jsx)(TabContext_1.TabsContext.Provider, __assign({ value: getTabsContext(index) }, { children: child
+    return ((0, jsx_runtime_1.jsxs)(Tabs_styled_1.TabsStyled, { children: [(0, jsx_runtime_1.jsx)(Tabs_styled_1.TabHeaderStyled, __assign({ "$size": size, "$hasAutoFlex": hasAutoFlex, "$isHideTabHeaderOnMobile": isHideTabHeaderOnMobile, className: "tabHeader" }, { children: children === null || children === void 0 ? void 0 : children.map(function (child, index) { return ((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: (0, jsx_runtime_1.jsx)(TabContext_1.TabsContext.Provider, __assign({ value: getTabsContext(index) }, { children: child
                             ? // cloneElement is needed for backward compatibility with custom
                                 // styled components that rely on active. We should reassess
                                 // if it is still necessary in our next major release.
-                                react_1.default.cloneElement(child, { isActive: activeIndex === index, hasAutoFlex: hasAutoFlex, size: size }) : child })) }, index)); }) })), (0, jsx_runtime_1.jsx)(Tabs_styled_1.TabItemContentStyled, __assign({ className: "active-tab-".concat(activeIndex) }, { children: activeContent }))] }));
+                                react_1.default.cloneElement(child, { isActive: activeIndex === index, hasAutoFlex: hasAutoFlex, size: size }) : child })) }, index)); }) })), (0, jsx_runtime_1.jsx)(Tabs_styled_1.TabItemContentStyled, __assign({ "$size": size, className: "active-tab-".concat(activeIndex) }, { children: activeContent }))] }));
 };
 Tabs.TabItem = TabItem_1.default;
 exports.default = Tabs;

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

@@ -4,4 +4,4 @@ export declare const TabsStyled: import("styled-components/dist/types").IStyledC
 export declare const TabHeaderStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, TabStyledProps>> & string;
 export declare const TabItemStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, TabItemStyledProps>> & string;
 export declare const TabItemTitleStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, TabItemStyledProps>> & string;
-export declare const TabItemContentStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("./props").TabItem>> & string;
+export declare const TabItemContentStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, TabItemStyledProps>> & string;

package/dist/components/Tabs/Tabs.styled.js

@@ -11,8 +11,8 @@ exports.TabItemContentStyled = exports.TabItemTitleStyled = exports.TabItemStyle
 var styled_components_1 = __importDefault(require("styled-components"));
 var devices_1 = require("../../constants/devices");
 exports.TabsStyled = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\n"], ["\n\n"])));
-exports.TabHeaderStyled = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    display: flex;\n    align-items: center;\n    justify-content: ", ";\n    column-gap: ", ";\n    ", "\n"], ["\n    display: flex;\n    align-items: center;\n    justify-content: ", ";\n    column-gap: ", ";\n    ", "\n"])), function (props) { return props.$hasAutoFlex ? "center" : "flex-start"; }, function (props) { return props.$size === "large" ? "1.5rem" : "1rem"; }, function (props) { return !props.$hasAutoFlex && "\n      scroll-snap-type: x proximity;\n      -webkit-overflow-scrolling: touch;\n      scrollbar-width: none;\n      overflow-x: scroll;\n      padding: 2rem;\n      margin: -2rem;\n      @media only screen and ".concat(devices_1.devices.xl, " {\n        padding: 2rem 1rem;\n        margin: -2rem -1rem;\n      }\n    "); });
+exports.TabHeaderStyled = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    display: flex;\n    align-items: center;\n    justify-content: ", ";\n    column-gap: ", ";\n    ", "\n    ", "\n"], ["\n    display: flex;\n    align-items: center;\n    justify-content: ", ";\n    column-gap: ", ";\n    ", "\n    ", "\n"])), function (props) { return props.$hasAutoFlex ? "center" : "flex-start"; }, function (props) { return props.$size === "large" ? "1.5rem" : "1rem"; }, function (props) { return !props.$hasAutoFlex && "\n      scroll-snap-type: x proximity;\n      -webkit-overflow-scrolling: touch;\n      scrollbar-width: none;\n      overflow-x: scroll;\n      padding: 2rem;\n      margin: -2rem;\n      @media only screen and ".concat(devices_1.devices.xl, " {\n        padding: 2rem 1rem;\n        margin: -2rem -1rem;\n      }\n    "); }, function (props) { return props.$isHideTabHeaderOnMobile ? "\n        @media only screen and ".concat(devices_1.devices.lg, " {\n            display: none;\n        }\n    ") : ""; });
 exports.TabItemStyled = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    flex: ", ";\n    ", "\n"], ["\n    flex: ", ";\n    ", "\n"])), function (props) { return props.$hasAutoFlex ? "1 0" : "auto 0"; }, function (props) { return props.$isDisabled ? "\n        cursor: no-drop;\n        pointer-events: none;\n        user-select: none;\n    " : ""; });
 exports.TabItemTitleStyled = styled_components_1.default.button(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n    background: transparent;\n    color: ", ";\n    border: 1px solid ", ";\n    width: 100%;\n    box-shadow: 0 6px 30px 0 ", ";\n    border-radius: 0.5rem;\n    transition: all .2s ease;\n    padding: ", ";\n    height: 40px;\n    cursor: pointer;\n    font: var(--body-semi-bold-14-17);\n    white-space: ", ";\n    outline: none !important;\n    &:hover {\n        color: var(--dark);\n        border: 1px solid var(--grey-10);\n        box-shadow: 0 6px 30px 0 var(--box-shadow-color);\n    }\n"], ["\n    background: transparent;\n    color: ", ";\n    border: 1px solid ", ";\n    width: 100%;\n    box-shadow: 0 6px 30px 0 ", ";\n    border-radius: 0.5rem;\n    transition: all .2s ease;\n    padding: ", ";\n    height: 40px;\n    cursor: pointer;\n    font: var(--body-semi-bold-14-17);\n    white-space: ", ";\n    outline: none !important;\n    &:hover {\n        color: var(--dark);\n        border: 1px solid var(--grey-10);\n        box-shadow: 0 6px 30px 0 var(--box-shadow-color);\n    }\n"])), function (props) { return props.$isActive ? "var(--dark)" : "var(--dark-opacity-75)"; }, function (props) { return props.$isActive ? "var(--grey-10)" : "transparent"; }, function (props) { return props.$isActive ? "var(--box-shadow-color)" : "transparent"; }, function (props) { return props.$hasAutoFlex ? "0" : props.$size === "large" ? "0 1.5rem" : "0 1rem"; }, function (props) { return props.$hasAutoFlex ? "pre-wrap" : "nowrap"; });
-exports.TabItemContentStyled = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n    padding-top: 1rem;\n"], ["\n    padding-top: 1rem;\n"])));
+exports.TabItemContentStyled = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n    padding-top: ", ";\n    @media only screen and ", " {\n        padding-top: ", ";\n    }\n"], ["\n    padding-top: ", ";\n    @media only screen and ", " {\n        padding-top: ", ";\n    }\n"])), function (props) { return props.$size === "large" ? "2rem" : "1rem"; }, devices_1.devices.lg, function (props) { return props.$size === "large" ? "1.5rem" : "1rem"; });
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;

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

@@ -6,6 +6,7 @@ export interface Tabs {
     children?: any;
     onActive?(e: any): void;
     hasAutoFlex?: boolean;
+    isHideTabHeaderOnMobile?: boolean;
     size: SIZES;
 }
 export interface TabItem {
@@ -20,6 +21,7 @@ export interface TabItem {
 }
 export interface TabStyledProps {
     $hasAutoFlex?: boolean;
+    $isHideTabHeaderOnMobile?: boolean;
     $size?: SIZES;
 }
 export interface TabItemStyledProps {

package/dist/components/Tabs/props.js

@@ -7,6 +7,7 @@ exports.TabsDefault = {
     children: null,
     onActive: null,
     hasAutoFlex: true,
+    isHideTabHeaderOnMobile: false,
     size: "medium"
 };
 exports.TabItemDefault = {

package/package.json

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