krl-alfred 2.20.0 → 2.20.2

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

@@ -14,17 +14,20 @@ export interface TabsProps {
     size?: SIZES;
     hasAutoFlex?: boolean;
     isHideTabHeaderOnMobile?: boolean;
+    tabButtonWidth?: number;
     onChange?: (key: string) => void;
 }
 export interface TabStyledProps {
     $hasAutoFlex?: boolean;
     $isHideTabHeaderOnMobile?: boolean;
+    $tabButtonWidth?: number;
     $size?: SIZES;
 }
 export interface TabItemStyledProps {
     $isActive?: boolean;
     $isDisabled?: boolean;
     $hasAutoFlex?: boolean;
+    $tabButtonWidth?: number;
     $size?: SIZES;
 }
 export declare const TabsDefault: TabsProps;

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

@@ -1,7 +1,7 @@
 import React from "react";
 declare const meta: {
     title: string;
-    component: ({ tabs, activeTab, defaultTab, size, hasAutoFlex, isHideTabHeaderOnMobile, onChange, }: import("..").TabsProps) => React.JSX.Element;
+    component: ({ tabs, activeTab, defaultTab, size, hasAutoFlex, isHideTabHeaderOnMobile, tabButtonWidth, onChange, }: import("..").TabsProps) => React.JSX.Element;
     parameters: {
         layout: string;
     };
@@ -76,3 +76,14 @@ export declare const LargeSize: {
         size: string;
     };
 };
+export declare const WithFixedTabWidth: {
+    args: {
+        tabs: {
+            key: string;
+            title: string;
+            content: React.JSX.Element;
+        }[];
+        tabButtonWidth: number;
+        size: string;
+    };
+};

package/dist/components/Tabs/stories/Tabs.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.LargeSize = exports.SmallSize = exports.WithAutoFlex = exports.WithDisabledTab = exports.WithDefaultTab = exports.Default = void 0;
+exports.WithFixedTabWidth = exports.LargeSize = exports.SmallSize = exports.WithAutoFlex = exports.WithDisabledTab = exports.WithDefaultTab = exports.Default = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var Tabs_1 = __importDefault(require("../Tabs"));
 var meta = {
@@ -92,3 +92,14 @@ exports.LargeSize = {
         size: "lg",
     },
 };
+exports.WithFixedTabWidth = {
+    args: {
+        tabs: [
+            { key: "tab1", title: "Tab 1", content: (0, jsx_runtime_1.jsx)(ExampleContent, { title: "Tab 1" }) },
+            { key: "tab2", title: "Tab 2", content: (0, jsx_runtime_1.jsx)(ExampleContent, { title: "Tab 2" }) },
+            { key: "tab3", title: "Uzun Tab Başlığı", content: (0, jsx_runtime_1.jsx)(ExampleContent, { title: "Tab 3" }) },
+        ],
+        tabButtonWidth: 160,
+        size: "md",
+    },
+};

package/package.json

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