ingred-ui 33.5.1 → 33.7.0-canary.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/NavigationRail/Slot/Slot.d.ts +5 -0
- package/dist/components/NavigationRail/Slot/styled.d.ts +9 -1
- 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 +181 -119
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +181 -119
- package/dist/index.js.map +1 -1
- package/package.json +45 -18
|
@@ -8,6 +8,11 @@ export type SlotProps = {
|
|
|
8
8
|
* 未指定時のデスクトップ: Fixture。
|
|
9
9
|
*/
|
|
10
10
|
actions?: React.ReactNode;
|
|
11
|
+
/**
|
|
12
|
+
* モバイル時の上段（閉じるボタン行）左端に表示する操作（検索・通知など）。
|
|
13
|
+
* 未指定時は従来どおり閉じるボタンのみ右寄せ。
|
|
14
|
+
*/
|
|
15
|
+
mobileLeadingActions?: React.ReactNode;
|
|
11
16
|
};
|
|
12
17
|
declare const Slot: React.ForwardRefExoticComponent<SlotProps & React.RefAttributes<HTMLDivElement>>;
|
|
13
18
|
export { Slot };
|
|
@@ -4,7 +4,15 @@ type SlotBarProps = {
|
|
|
4
4
|
$showCustom: boolean;
|
|
5
5
|
};
|
|
6
6
|
export declare const MobileSlotRoot: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$showCustom"> & SlotBarProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$showCustom"> & SlotBarProps, never>>> & string;
|
|
7
|
-
export declare const MobileCloseBar: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$showCustom"
|
|
7
|
+
export declare const MobileCloseBar: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$showCustom" | "$hasLeadingActions"> & SlotBarProps & {
|
|
8
|
+
/** 左端ツールバーがあるときは space-between、無いときは閉じるボタンのみ右寄せ */
|
|
9
|
+
$hasLeadingActions: boolean;
|
|
10
|
+
}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$showCustom" | "$hasLeadingActions"> & SlotBarProps & {
|
|
11
|
+
/** 左端ツールバーがあるときは space-between、無いときは閉じるボタンのみ右寄せ */
|
|
12
|
+
$hasLeadingActions: boolean;
|
|
13
|
+
}, never>>> & string;
|
|
14
|
+
export declare const MobileCloseBarLeading: 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;
|
|
15
|
+
export declare const MobileCloseBarTrailing: 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;
|
|
8
16
|
export declare const SlotBar: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$showCustom"> & SlotBarProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$showCustom"> & SlotBarProps, never>>> & string;
|
|
9
17
|
type SlotCustomProps = {
|
|
10
18
|
$showCustom: boolean;
|
|
@@ -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 {};
|