ingred-ui 33.5.1 → 33.6.0
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/Tabs/Tabs.d.ts +3 -1
- package/dist/components/Tabs/internal/Tab.d.ts +2 -0
- package/dist/components/Tabs/styled.d.ts +16 -4
- package/dist/index.es.js +189 -138
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +113 -62
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
+
import type { TabsOrientation } from "./styled";
|
|
2
3
|
type TabsProps<T> = {
|
|
3
4
|
data: {
|
|
4
5
|
text: string;
|
|
@@ -8,9 +9,10 @@ type TabsProps<T> = {
|
|
|
8
9
|
value: T;
|
|
9
10
|
}[];
|
|
10
11
|
value: T;
|
|
12
|
+
orientation?: TabsOrientation;
|
|
11
13
|
onChange?: (value: T) => void;
|
|
12
14
|
onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
|
|
13
15
|
ref?: React.Ref<HTMLDivElement>;
|
|
14
16
|
};
|
|
15
|
-
declare const Tabs: <T>({ ref, data, value, onChange, onClick, }: TabsProps<T>) => React.ReactElement<TabsProps<T>, string | React.JSXElementConstructor<any>>;
|
|
17
|
+
declare const Tabs: <T>({ ref, data, value, orientation, onChange, onClick, }: TabsProps<T>) => React.ReactElement<TabsProps<T>, string | React.JSXElementConstructor<any>>;
|
|
16
18
|
export default Tabs;
|
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
+
import type { TabsOrientation } from "../styled";
|
|
2
3
|
type TabProps = {
|
|
3
4
|
text: string;
|
|
4
5
|
count?: number;
|
|
5
6
|
countMax?: number;
|
|
6
7
|
value: any;
|
|
7
8
|
selected: boolean;
|
|
9
|
+
orientation: TabsOrientation;
|
|
8
10
|
onChange?: (value: any) => void;
|
|
9
11
|
onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
|
|
10
12
|
};
|
|
@@ -1,11 +1,23 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
type
|
|
2
|
+
export type TabsOrientation = "horizontal" | "vertical";
|
|
3
|
+
type OrientationProps = {
|
|
4
|
+
$orientation: TabsOrientation;
|
|
5
|
+
};
|
|
6
|
+
type ButtonProps = OrientationProps & {
|
|
3
7
|
selected: boolean;
|
|
4
8
|
};
|
|
5
9
|
export declare const ChildContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
|
|
6
|
-
export declare const ChildrenContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
|
|
7
|
-
export declare const
|
|
8
|
-
export declare const
|
|
10
|
+
export declare const ChildrenContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$orientation"> & OrientationProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$orientation"> & OrientationProps, never>>> & string;
|
|
11
|
+
export declare const HorizontalWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
|
|
12
|
+
export declare const TabListScroll: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
|
|
13
|
+
export declare const TabList: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
|
|
14
|
+
export declare const Button: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "selected" | "$orientation"> & OrientationProps & {
|
|
15
|
+
selected: boolean;
|
|
16
|
+
}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "selected" | "$orientation"> & OrientationProps & {
|
|
17
|
+
selected: boolean;
|
|
18
|
+
}, never>>> & string;
|
|
19
|
+
export declare const LabelRow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$orientation"> & OrientationProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$orientation"> & OrientationProps, never>>> & string;
|
|
20
|
+
export declare const Text: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("../Typography").TypographyProps & import("react").RefAttributes<HTMLElement>, keyof import("../Typography").TypographyProps | keyof import("react").RefAttributes<HTMLElement>> & import("../Typography").TypographyProps & import("react").RefAttributes<HTMLElement>, "selected"> & Pick<ButtonProps, "selected">, "trimVertical"> & Partial<Pick<import("styled-components").FastOmit<import("styled-components").FastOmit<import("../Typography").TypographyProps & import("react").RefAttributes<HTMLElement>, keyof import("../Typography").TypographyProps | keyof import("react").RefAttributes<HTMLElement>> & import("../Typography").TypographyProps & import("react").RefAttributes<HTMLElement>, "selected"> & Pick<ButtonProps, "selected">, "trimVertical">>> & string & Omit<import("react").ForwardRefExoticComponent<import("../Typography").TypographyProps & import("react").RefAttributes<HTMLElement>>, keyof import("react").Component<any, {}, any>>;
|
|
9
21
|
export declare const Indicator: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
|
|
10
22
|
export declare const Border: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
|
|
11
23
|
export {};
|