ingred-ui 23.1.0 → 23.2.1
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/Checkbox/styled.d.ts +1 -0
- package/dist/components/ContextMenu2/ContextMenu2.d.ts +9 -0
- package/dist/components/ContextMenu2/ContextMenu2.stories.d.ts +3 -0
- package/dist/components/FilterTagInput/styled.d.ts +1 -0
- package/dist/components/Icon/internal/CheckIcon/index.d.ts +3 -0
- package/dist/components/RadioButton/styled.d.ts +4 -1
- package/dist/components/Select2/styled.d.ts +1 -0
- package/dist/components/ToggleButton/ToggleButton.d.ts +4 -0
- package/dist/index.es.js +270 -259
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +313 -302
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React, { type ReactNode, type ReactElement, type ButtonHTMLAttributes, type Dispatch, type SetStateAction, type Ref } from "react";
|
|
2
|
+
import { Placement } from "@floating-ui/react";
|
|
2
3
|
export type ContextMenu2Anchor = {
|
|
3
4
|
x: number;
|
|
4
5
|
y: number;
|
|
@@ -49,6 +50,14 @@ type ContextMenu2Props = {
|
|
|
49
50
|
* 検索結果が0件の場合に表示するメッセージ
|
|
50
51
|
*/
|
|
51
52
|
noResultsMessage?: string;
|
|
53
|
+
/**
|
|
54
|
+
* Floating UIのplacement(表示位置)を外部から渡す(高度なカスタマイズ用)
|
|
55
|
+
*/
|
|
56
|
+
placement?: Placement;
|
|
57
|
+
/**
|
|
58
|
+
* Floating UIのmiddleware配列を外部から渡す(高度なカスタマイズ用)
|
|
59
|
+
*/
|
|
60
|
+
middleware?: Array<any>;
|
|
52
61
|
};
|
|
53
62
|
export declare const ContextMenu2: React.ForwardRefExoticComponent<ContextMenu2Props & React.RefAttributes<HTMLButtonElement>>;
|
|
54
63
|
type ContextMenu2ContainerProps = {
|
|
@@ -15,6 +15,8 @@ declare const _default: {
|
|
|
15
15
|
stickyHeader?: React.ReactNode;
|
|
16
16
|
stickyFooter?: React.ReactNode;
|
|
17
17
|
noResultsMessage?: string | undefined;
|
|
18
|
+
placement?: import("@floating-ui/utils").Placement | undefined;
|
|
19
|
+
middleware?: any[] | undefined;
|
|
18
20
|
} & React.RefAttributes<HTMLButtonElement>>;
|
|
19
21
|
parameters: {
|
|
20
22
|
docs: {
|
|
@@ -35,3 +37,4 @@ export declare const WithTextInput: StoryObj<typeof ContextMenu2>;
|
|
|
35
37
|
export declare const Nest: StoryObj<typeof ContextMenu2>;
|
|
36
38
|
export declare const Anchor: StoryObj<typeof ContextMenu2>;
|
|
37
39
|
export declare const Sortable: StoryObj<typeof ContextMenu2>;
|
|
40
|
+
export declare const PlacementControl: StoryObj<typeof ContextMenu2>;
|
|
@@ -8,6 +8,7 @@ export declare const InlineField: import("styled-components").StyledComponent<"d
|
|
|
8
8
|
export declare const InlineFieldInner: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
9
9
|
export declare const OverflowIndicator: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {
|
|
10
10
|
$size?: FilterSize | undefined;
|
|
11
|
+
$variant: FilterVariant;
|
|
11
12
|
}, never>;
|
|
12
13
|
export declare const InlineInput: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
13
14
|
export declare const InlineInputIcon: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
@@ -9,5 +9,8 @@ type IndicatorProps = {
|
|
|
9
9
|
border: string;
|
|
10
10
|
};
|
|
11
11
|
export declare const Indicator: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, IndicatorProps, never>;
|
|
12
|
-
export declare const Label: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {
|
|
12
|
+
export declare const Label: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {
|
|
13
|
+
checked?: boolean | undefined;
|
|
14
|
+
disabled?: boolean | undefined;
|
|
15
|
+
}, never>;
|
|
13
16
|
export {};
|
|
@@ -33,6 +33,7 @@ export declare const Placeholder: import("styled-components").StyledComponent<"s
|
|
|
33
33
|
export declare const IconArea: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
|
|
34
34
|
$size?: Select2Size | undefined;
|
|
35
35
|
$disabled?: boolean | undefined;
|
|
36
|
+
$multiple?: boolean | undefined;
|
|
36
37
|
}, never>;
|
|
37
38
|
export declare const StyledContextMenu2TextInputItem: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<{
|
|
38
39
|
onEnter?: (() => void) | undefined;
|
|
@@ -1,5 +1,9 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
export type ToggleButtonProps = React.ComponentPropsWithRef<"input"> & {
|
|
3
|
+
/**
|
|
4
|
+
* @deprecated ラベルテキストの直接指定(children)は非推奨です。別の手段でラベルを指定してください。
|
|
5
|
+
*/
|
|
6
|
+
children?: React.ReactNode;
|
|
3
7
|
disabled?: boolean;
|
|
4
8
|
onChange?: () => void;
|
|
5
9
|
width?: string;
|