infinity-ui-elements 1.4.1-beta.1 → 1.4.1-beta.2
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.
- package/dist/components/Link/Link.d.ts +24 -0
- package/dist/components/Link/Link.d.ts.map +1 -0
- package/dist/components/Link/Link.stories.d.ts +22 -0
- package/dist/components/Link/Link.stories.d.ts.map +1 -0
- package/dist/components/Link/index.d.ts +3 -0
- package/dist/components/Link/index.d.ts.map +1 -0
- package/dist/components/TabItem/TabItem.d.ts +53 -0
- package/dist/components/TabItem/TabItem.d.ts.map +1 -0
- package/dist/components/TabItem/TabItem.stories.d.ts +98 -0
- package/dist/components/TabItem/TabItem.stories.d.ts.map +1 -0
- package/dist/components/TabItem/index.d.ts +2 -0
- package/dist/components/TabItem/index.d.ts.map +1 -0
- package/dist/components/Tabs/Tabs.d.ts +76 -0
- package/dist/components/Tabs/Tabs.d.ts.map +1 -0
- package/dist/components/Tabs/Tabs.stories.d.ts +80 -0
- package/dist/components/Tabs/Tabs.stories.d.ts.map +1 -0
- package/dist/components/Tabs/index.d.ts +2 -0
- package/dist/components/Tabs/index.d.ts.map +1 -0
- package/dist/index.css +1 -1
- package/dist/index.d.ts +3 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.esm.js +243 -1
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +246 -0
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
declare const linkVariants: (props?: ({
|
|
3
|
+
type?: "anchor" | "action" | null | undefined;
|
|
4
|
+
color?: "primary" | "positive" | "negative" | "notice" | "info" | "neutral" | null | undefined;
|
|
5
|
+
size?: "small" | "medium" | "large" | "xsmall" | null | undefined;
|
|
6
|
+
isIconOnly?: boolean | null | undefined;
|
|
7
|
+
isDisabled?: boolean | null | undefined;
|
|
8
|
+
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
9
|
+
export interface LinkProps extends Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, "color"> {
|
|
10
|
+
type?: "anchor" | "action";
|
|
11
|
+
color?: "primary" | "positive" | "negative" | "notice" | "info" | "neutral";
|
|
12
|
+
size?: "xsmall" | "small" | "medium" | "large";
|
|
13
|
+
isIconOnly?: boolean;
|
|
14
|
+
isDisabled?: boolean;
|
|
15
|
+
asChild?: boolean;
|
|
16
|
+
showIcon?: boolean;
|
|
17
|
+
icon?: React.ReactNode;
|
|
18
|
+
leadingIcon?: React.ReactNode;
|
|
19
|
+
trailingIcon?: React.ReactNode;
|
|
20
|
+
onClick?: (e: React.MouseEvent<HTMLAnchorElement>) => void;
|
|
21
|
+
}
|
|
22
|
+
declare const Link: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLAnchorElement>>;
|
|
23
|
+
export { Link, linkVariants };
|
|
24
|
+
//# sourceMappingURL=Link.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../src/components/Link/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,QAAA,MAAM,YAAY;;;;;;mFAqGjB,CAAC;AAEF,MAAM,WAAW,SACf,SAAQ,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IACpE,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC3B,KAAK,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,UAAU,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,CAAC;IAC5E,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IAC/C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;CAC5D;AAED,QAAA,MAAM,IAAI,qFAkFT,CAAC;AAGF,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from "@storybook/react";
|
|
2
|
+
import { Link } from "./Link";
|
|
3
|
+
declare const meta: Meta<typeof Link>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const Anchor: Story;
|
|
8
|
+
export declare const Action: Story;
|
|
9
|
+
export declare const Sizes: Story;
|
|
10
|
+
export declare const Colors: Story;
|
|
11
|
+
export declare const WithIcon: Story;
|
|
12
|
+
export declare const WithCustomIcon: Story;
|
|
13
|
+
export declare const WithLeadingIcon: Story;
|
|
14
|
+
export declare const WithTrailingIcon: Story;
|
|
15
|
+
export declare const WithBothIcons: Story;
|
|
16
|
+
export declare const IconCombinations: Story;
|
|
17
|
+
export declare const IconOnly: Story;
|
|
18
|
+
export declare const States: Story;
|
|
19
|
+
export declare const Comprehensive: Story;
|
|
20
|
+
export declare const RealWorldExamples: Story;
|
|
21
|
+
export declare const Interactive: Story;
|
|
22
|
+
//# sourceMappingURL=Link.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Link.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Link/Link.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAS9B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CA4D3B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAGnC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAGF,eAAO,MAAM,MAAM,EAAE,KASpB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAUpB,CAAC;AAGF,eAAO,MAAM,KAAK,EAAE,KAiBnB,CAAC;AAGF,eAAO,MAAM,MAAM,EAAE,KAyFpB,CAAC;AAGF,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAO5B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAM7B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAM9B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAO3B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAuC9B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAiBtB,CAAC;AAGF,eAAO,MAAM,MAAM,EAAE,KAiCpB,CAAC;AAGF,eAAO,MAAM,aAAa,EAAE,KAoG3B,CAAC;AAGF,eAAO,MAAM,iBAAiB,EAAE,KA8G/B,CAAC;AAGF,eAAO,MAAM,WAAW,EAAE,KAWzB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Link/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AAC5C,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC"}
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
declare const tabItemVariants: (props?: ({
|
|
3
|
+
variant?: "filled" | "bordered" | null | undefined;
|
|
4
|
+
size?: "small" | "large" | null | undefined;
|
|
5
|
+
isSelected?: boolean | null | undefined;
|
|
6
|
+
isDisabled?: boolean | null | undefined;
|
|
7
|
+
isFullWidth?: boolean | null | undefined;
|
|
8
|
+
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
9
|
+
export interface TabItemProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "children"> {
|
|
10
|
+
/**
|
|
11
|
+
* Leading component (e.g., icon)
|
|
12
|
+
*/
|
|
13
|
+
leadingComponent?: React.ReactNode;
|
|
14
|
+
/**
|
|
15
|
+
* Tab title/label
|
|
16
|
+
*/
|
|
17
|
+
title: string;
|
|
18
|
+
/**
|
|
19
|
+
* Trailing component (e.g., badge, close button)
|
|
20
|
+
*/
|
|
21
|
+
trailingComponent?: React.ReactNode;
|
|
22
|
+
/**
|
|
23
|
+
* Whether the tab is currently selected
|
|
24
|
+
*/
|
|
25
|
+
isSelected?: boolean;
|
|
26
|
+
/**
|
|
27
|
+
* Whether the tab is disabled
|
|
28
|
+
*/
|
|
29
|
+
isDisabled?: boolean;
|
|
30
|
+
/**
|
|
31
|
+
* Tab size variant
|
|
32
|
+
*/
|
|
33
|
+
size?: "small" | "large";
|
|
34
|
+
/**
|
|
35
|
+
* Tab visual variant
|
|
36
|
+
*/
|
|
37
|
+
variant?: "bordered" | "filled";
|
|
38
|
+
/**
|
|
39
|
+
* Whether the tab should take full width
|
|
40
|
+
*/
|
|
41
|
+
isFullWidth?: boolean;
|
|
42
|
+
/**
|
|
43
|
+
* Custom class name
|
|
44
|
+
*/
|
|
45
|
+
className?: string;
|
|
46
|
+
/**
|
|
47
|
+
* Click handler
|
|
48
|
+
*/
|
|
49
|
+
onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
|
|
50
|
+
}
|
|
51
|
+
declare const TabItem: React.ForwardRefExoticComponent<TabItemProps & React.RefAttributes<HTMLButtonElement>>;
|
|
52
|
+
export { TabItem, tabItemVariants };
|
|
53
|
+
//# sourceMappingURL=TabItem.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TabItem.d.ts","sourceRoot":"","sources":["../../../src/components/TabItem/TabItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,eAAe;;;;;;mFAkFpB,CAAC;AAEF,MAAM,WAAW,YACf,SAAQ,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC;IACvE;;OAEG;IACH,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IACzB;;OAEG;IACH,OAAO,CAAC,EAAE,UAAU,GAAG,QAAQ,CAAC;IAChC;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;CAChE;AAED,QAAA,MAAM,OAAO,wFA+CZ,CAAC;AAIF,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,CAAC"}
|
|
@@ -0,0 +1,98 @@
|
|
|
1
|
+
import type { StoryObj } from "@storybook/react";
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: import("react").ForwardRefExoticComponent<import("./TabItem").TabItemProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
5
|
+
parameters: {
|
|
6
|
+
layout: string;
|
|
7
|
+
};
|
|
8
|
+
tags: string[];
|
|
9
|
+
argTypes: {
|
|
10
|
+
variant: {
|
|
11
|
+
control: {
|
|
12
|
+
type: "select";
|
|
13
|
+
};
|
|
14
|
+
options: string[];
|
|
15
|
+
description: string;
|
|
16
|
+
};
|
|
17
|
+
size: {
|
|
18
|
+
control: {
|
|
19
|
+
type: "select";
|
|
20
|
+
};
|
|
21
|
+
options: string[];
|
|
22
|
+
description: string;
|
|
23
|
+
};
|
|
24
|
+
isSelected: {
|
|
25
|
+
control: {
|
|
26
|
+
type: "boolean";
|
|
27
|
+
};
|
|
28
|
+
description: string;
|
|
29
|
+
};
|
|
30
|
+
isDisabled: {
|
|
31
|
+
control: {
|
|
32
|
+
type: "boolean";
|
|
33
|
+
};
|
|
34
|
+
description: string;
|
|
35
|
+
};
|
|
36
|
+
isFullWidth: {
|
|
37
|
+
control: {
|
|
38
|
+
type: "boolean";
|
|
39
|
+
};
|
|
40
|
+
description: string;
|
|
41
|
+
};
|
|
42
|
+
};
|
|
43
|
+
};
|
|
44
|
+
export default meta;
|
|
45
|
+
type Story = StoryObj<typeof meta>;
|
|
46
|
+
/**
|
|
47
|
+
* Default tab item with just a title
|
|
48
|
+
*/
|
|
49
|
+
export declare const Default: Story;
|
|
50
|
+
/**
|
|
51
|
+
* Selected tab item showing the active state with bottom border
|
|
52
|
+
*/
|
|
53
|
+
export declare const Selected: Story;
|
|
54
|
+
/**
|
|
55
|
+
* Tab item with leading icon
|
|
56
|
+
*/
|
|
57
|
+
export declare const WithLeadingIcon: Story;
|
|
58
|
+
/**
|
|
59
|
+
* Tab item with trailing badge
|
|
60
|
+
*/
|
|
61
|
+
export declare const WithTrailingBadge: Story;
|
|
62
|
+
/**
|
|
63
|
+
* Tab item with both leading icon and trailing badge
|
|
64
|
+
*/
|
|
65
|
+
export declare const Complete: Story;
|
|
66
|
+
/**
|
|
67
|
+
* Selected tab with icon and badge
|
|
68
|
+
*/
|
|
69
|
+
export declare const CompleteSelected: Story;
|
|
70
|
+
/**
|
|
71
|
+
* Disabled tab item
|
|
72
|
+
*/
|
|
73
|
+
export declare const Disabled: Story;
|
|
74
|
+
/**
|
|
75
|
+
* Small size tab
|
|
76
|
+
*/
|
|
77
|
+
export declare const Small: Story;
|
|
78
|
+
/**
|
|
79
|
+
* Large size tab
|
|
80
|
+
*/
|
|
81
|
+
export declare const Large: Story;
|
|
82
|
+
/**
|
|
83
|
+
* Filled variant tab (with background)
|
|
84
|
+
*/
|
|
85
|
+
export declare const Filled: Story;
|
|
86
|
+
/**
|
|
87
|
+
* Filled variant selected tab
|
|
88
|
+
*/
|
|
89
|
+
export declare const FilledSelected: Story;
|
|
90
|
+
/**
|
|
91
|
+
* All states demonstration - Bordered variant
|
|
92
|
+
*/
|
|
93
|
+
export declare const AllStatesBordered: Story;
|
|
94
|
+
/**
|
|
95
|
+
* All states demonstration - Filled variant
|
|
96
|
+
*/
|
|
97
|
+
export declare const AllStatesFilled: Story;
|
|
98
|
+
//# sourceMappingURL=TabItem.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TabItem.stories.d.ts","sourceRoot":"","sources":["../../../src/components/TabItem/TabItem.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAyBvD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+BsB,CAAC;AAEjC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,KAOtB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,KAQ7B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAY/B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,KAatB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAa9B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,KAatB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,KAAK,EAAE,KAanB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,KAAK,EAAE,KAanB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,MAAM,EAAE,KAapB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,KAa5B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAyE/B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,KAiD7B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TabItem/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,WAAW,CAAC"}
|
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
export interface Tab {
|
|
3
|
+
/**
|
|
4
|
+
* Unique identifier for the tab
|
|
5
|
+
*/
|
|
6
|
+
id: string;
|
|
7
|
+
/**
|
|
8
|
+
* Leading component (e.g., icon)
|
|
9
|
+
*/
|
|
10
|
+
leadingComponent?: React.ReactNode;
|
|
11
|
+
/**
|
|
12
|
+
* Tab title/label
|
|
13
|
+
*/
|
|
14
|
+
title: string;
|
|
15
|
+
/**
|
|
16
|
+
* Trailing component (e.g., badge, close button)
|
|
17
|
+
*/
|
|
18
|
+
trailingComponent?: React.ReactNode;
|
|
19
|
+
/**
|
|
20
|
+
* Whether the tab is disabled
|
|
21
|
+
*/
|
|
22
|
+
isDisabled?: boolean;
|
|
23
|
+
/**
|
|
24
|
+
* Tab content to render when selected
|
|
25
|
+
*/
|
|
26
|
+
content?: React.ReactNode;
|
|
27
|
+
}
|
|
28
|
+
export interface TabsProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> {
|
|
29
|
+
/**
|
|
30
|
+
* Array of tab configurations
|
|
31
|
+
*/
|
|
32
|
+
tabs: Tab[];
|
|
33
|
+
/**
|
|
34
|
+
* Currently selected tab ID
|
|
35
|
+
*/
|
|
36
|
+
selectedTabId?: string;
|
|
37
|
+
/**
|
|
38
|
+
* Default selected tab ID (for uncontrolled mode)
|
|
39
|
+
*/
|
|
40
|
+
defaultSelectedTabId?: string;
|
|
41
|
+
/**
|
|
42
|
+
* Callback when tab selection changes
|
|
43
|
+
*/
|
|
44
|
+
onTabChange?: (tabId: string) => void;
|
|
45
|
+
/**
|
|
46
|
+
* Tab visual variant
|
|
47
|
+
*/
|
|
48
|
+
variant?: "bordered" | "filled";
|
|
49
|
+
/**
|
|
50
|
+
* Tab size
|
|
51
|
+
*/
|
|
52
|
+
size?: "small" | "large";
|
|
53
|
+
/**
|
|
54
|
+
* Whether tabs should take full width
|
|
55
|
+
*/
|
|
56
|
+
isFullWidth?: boolean;
|
|
57
|
+
/**
|
|
58
|
+
* Custom class name for the tabs container
|
|
59
|
+
*/
|
|
60
|
+
className?: string;
|
|
61
|
+
/**
|
|
62
|
+
* Custom class name for the tab list
|
|
63
|
+
*/
|
|
64
|
+
tabListClassName?: string;
|
|
65
|
+
/**
|
|
66
|
+
* Custom class name for the tab content area
|
|
67
|
+
*/
|
|
68
|
+
contentClassName?: string;
|
|
69
|
+
/**
|
|
70
|
+
* Whether to render tab content
|
|
71
|
+
*/
|
|
72
|
+
renderContent?: boolean;
|
|
73
|
+
}
|
|
74
|
+
declare const Tabs: React.ForwardRefExoticComponent<TabsProps & React.RefAttributes<HTMLDivElement>>;
|
|
75
|
+
export { Tabs };
|
|
76
|
+
//# sourceMappingURL=Tabs.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,GAAG;IAClB;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IACX;;OAEG;IACH,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,SACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAC9D;;OAEG;IACH,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;OAEG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC;;OAEG;IACH,OAAO,CAAC,EAAE,UAAU,GAAG,QAAQ,CAAC;IAChC;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IACzB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,QAAA,MAAM,IAAI,kFAoFT,CAAC;AAIF,OAAO,EAAE,IAAI,EAAE,CAAC"}
|
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
import type { StoryObj } from "@storybook/react";
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: import("react").ForwardRefExoticComponent<import("./Tabs").TabsProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
5
|
+
parameters: {
|
|
6
|
+
layout: string;
|
|
7
|
+
};
|
|
8
|
+
tags: string[];
|
|
9
|
+
argTypes: {
|
|
10
|
+
variant: {
|
|
11
|
+
control: {
|
|
12
|
+
type: "select";
|
|
13
|
+
};
|
|
14
|
+
options: string[];
|
|
15
|
+
description: string;
|
|
16
|
+
};
|
|
17
|
+
size: {
|
|
18
|
+
control: {
|
|
19
|
+
type: "select";
|
|
20
|
+
};
|
|
21
|
+
options: string[];
|
|
22
|
+
description: string;
|
|
23
|
+
};
|
|
24
|
+
isFullWidth: {
|
|
25
|
+
control: {
|
|
26
|
+
type: "boolean";
|
|
27
|
+
};
|
|
28
|
+
description: string;
|
|
29
|
+
};
|
|
30
|
+
renderContent: {
|
|
31
|
+
control: {
|
|
32
|
+
type: "boolean";
|
|
33
|
+
};
|
|
34
|
+
description: string;
|
|
35
|
+
};
|
|
36
|
+
};
|
|
37
|
+
};
|
|
38
|
+
export default meta;
|
|
39
|
+
type Story = StoryObj<typeof meta>;
|
|
40
|
+
/**
|
|
41
|
+
* Default tabs with simple text labels
|
|
42
|
+
*/
|
|
43
|
+
export declare const Default: Story;
|
|
44
|
+
/**
|
|
45
|
+
* Tabs with icons and badges
|
|
46
|
+
*/
|
|
47
|
+
export declare const WithIconsAndBadges: Story;
|
|
48
|
+
/**
|
|
49
|
+
* Small size tabs
|
|
50
|
+
*/
|
|
51
|
+
export declare const Small: Story;
|
|
52
|
+
/**
|
|
53
|
+
* Full width tabs (tabs stretch to fill container)
|
|
54
|
+
*/
|
|
55
|
+
export declare const FullWidth: Story;
|
|
56
|
+
/**
|
|
57
|
+
* Filled variant tabs (with background)
|
|
58
|
+
*/
|
|
59
|
+
export declare const Filled: Story;
|
|
60
|
+
/**
|
|
61
|
+
* Tabs with disabled state
|
|
62
|
+
*/
|
|
63
|
+
export declare const WithDisabled: Story;
|
|
64
|
+
/**
|
|
65
|
+
* Tabs with content panels
|
|
66
|
+
*/
|
|
67
|
+
export declare const WithContent: Story;
|
|
68
|
+
/**
|
|
69
|
+
* Controlled tabs example with state management
|
|
70
|
+
*/
|
|
71
|
+
export declare const Controlled: Story;
|
|
72
|
+
/**
|
|
73
|
+
* Closeable tabs for managing multiple views
|
|
74
|
+
*/
|
|
75
|
+
export declare const CloseableTabs: Story;
|
|
76
|
+
/**
|
|
77
|
+
* Comparison of all variants
|
|
78
|
+
*/
|
|
79
|
+
export declare const AllVariants: Story;
|
|
80
|
+
//# sourceMappingURL=Tabs.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Tabs.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AA8CvD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2BmB,CAAC;AAE9B,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAcrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAkDhC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,KAAK,EAAE,KA8CnB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,KAkDvB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,MAAM,EAAE,KAkDpB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,KAoD1B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KAkDzB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,KAuCxB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,KAgF3B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KAyIzB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,KAAK,GAAG,EAAE,MAAM,QAAQ,CAAC"}
|