ingred-ui 29.1.1 → 29.1.3

package/dist/components/ActionButton/ActionButton.d.ts

@@ -1,10 +1,16 @@
 import * as React from "react";
 import { IconName } from "../Icon/Icon";
 type ColorProp = "primary" | "warning";
+/**
+ * @deprecated このコンポーネントは非推奨です。代わりに `Button` の Subtle（`color="primarySubtle"` 等）を使用してください。
+ */
 export type ActionButtonProps = React.ComponentPropsWithoutRef<"button"> & {
     icon?: IconName;
     color?: ColorProp;
 };
+/**
+ * @deprecated このコンポーネントは非推奨です。代わりに `Button` の Subtle（`color="primarySubtle"` 等）を使用してください。
+ */
 declare const ActionButton: React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof React.ButtonHTMLAttributes<HTMLButtonElement>> & {
     icon?: IconName | undefined;
     color?: ColorProp | undefined;

package/dist/components/ActionButton/index.d.ts

@@ -1,2 +1,3 @@
+/** @deprecated 代わりに `Button` の Subtle（`color="primarySubtle"` 等）を使用してください。 */
 export { default } from "./ActionButton";
 export type { ActionButtonProps } from "./ActionButton";

package/dist/components/AdvancedFilter/styled.d.ts

@@ -1,4 +1,16 @@
+/// <reference types="react" />
 import { AdvancedFilterSize, AdvancedFilterVariant } from "./types";
+/** ラベルが長い場合も1行表示（パネル幅は max-content で伸縮） */
+export declare const AdvancedFilterTypeMenuItem: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<{
+    pressed?: boolean | undefined;
+    prepend?: import("react").ReactNode;
+    append?: import("react").ReactNode;
+    children: import("react").ReactNode;
+    closeOnClick?: boolean | undefined;
+    color?: "danger" | undefined;
+} & import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>>, import("styled-components").DefaultTheme, {
+    colors?: "danger" | undefined;
+}, never>;
 /**
  * 日付範囲入力用のコンテナ
  */

package/dist/components/ContextMenu/ContextMenu.d.ts

@@ -4,6 +4,9 @@ import { MenuProps } from "../Menu";
 import { ContentProp } from "../MenuList/MenuList";
 import { Placement } from "@floating-ui/react";
 import { AutoPlacement } from "../../hooks/usePlacement";
+/**
+ * @deprecated このコンポーネントは非推奨です。代わりに `ContextMenu2` を使用してください。
+ */
 export type ContextMenuProps = {
     /**
      * `type ContentProp = React.ComponentPropsWithoutRef<"div"> & {
@@ -29,5 +32,8 @@ export type ContextMenuProps = {
      */
     actionButtonProps?: Partial<ActionButtonProps>;
 };
+/**
+ * @deprecated このコンポーネントは非推奨です。代わりに `ContextMenu2` を使用してください。
+ */
 declare const ContextMenu: React.ForwardRefExoticComponent<ContextMenuProps & React.RefAttributes<HTMLButtonElement>>;
 export default ContextMenu;

package/dist/components/ContextMenu/index.d.ts

@@ -1,2 +1,3 @@
+/** @deprecated 代わりに `ContextMenu2` を使用してください。 */
 export { default } from "./ContextMenu";
 export type { ContextMenuProps } from "./ContextMenu";

package/dist/components/CreatableSelect/CreatableSelect.d.ts

@@ -2,6 +2,9 @@ import * as React from "react";
 import { CreatableProps } from "react-select/creatable";
 import type { GroupBase } from "react-select";
 import { OptionType } from "../Select";
+/**
+ * @deprecated このコンポーネントは非推奨です。代わりに `Select2` を使用してください。
+ */
 export type CreatableSelectProps<T> = {
     minWidth?: string;
     placeholder?: string;
@@ -9,6 +12,9 @@ export type CreatableSelectProps<T> = {
     emptyMessage?: string;
     addMessage?: string;
 } & CreatableProps<OptionType<T>, boolean, GroupBase<OptionType<T>>>;
+/**
+ * @deprecated このコンポーネントは非推奨です。代わりに `Select2` を使用してください。
+ */
 declare const CreatableSelect: <T>(inProps: any, ref: React.Ref<HTMLDivElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
 declare const _default: <T>(props: any) => ReturnType<typeof CreatableSelect>;
 export default _default;

package/dist/components/CreatableSelect/index.d.ts

@@ -1,2 +1,3 @@
+/** @deprecated 代わりに `Select2` を使用してください。 */
 export { default } from "./CreatableSelect";
 export type { CreatableSelectProps } from "./CreatableSelect";

package/dist/components/DateField/DateField/DateField.d.ts

@@ -1,6 +1,9 @@
 import React from "react";
 import { Dayjs } from "dayjs";
 import { InputSize, InputVariant } from "../types";
+/**
+ * @deprecated このコンポーネントは非推奨です。代わりに `DateField2` を使用してください。
+ */
 export type DateFieldProps = {
     /**
      * 日付

package/dist/components/DateField/DateRangeField/DateRangeField.d.ts

@@ -1,6 +1,9 @@
 import React from "react";
 import { DateRange } from "../..";
 import { InputSize, InputVariant } from "../types";
+/**
+ * @deprecated このコンポーネントは非推奨です。代わりに `DateRangeField2` を使用してください。
+ */
 export type DateRangeFieldProps = {
     /**
      * 日付

package/dist/components/DateField/index.d.ts

@@ -1,5 +1,6 @@
 import DateField from "./DateField";
 import DateRangeField from "./DateRangeField";
+/** @deprecated 代わりに `DateField2` を使用してください。 */
 export { DateField, DateRangeField };
 export { DateField2 } from "./DateField2";
 export type { DateField2Props } from "./DateField2";

package/dist/components/FullSizeConfirmModal/FullSizeConfirmModal.d.ts

@@ -9,6 +9,9 @@ export type SubAction = {
     icon: IconName;
     action: () => void;
 };
+/**
+ * @deprecated このコンポーネントは非推奨です。代わりに `Drawer` を使用してください。
+ */
 export type FullSizeConfirmModalProps = {
     title: string;
     confirmText?: string;
@@ -41,5 +44,8 @@ export type FullSizeConfirmModalProps = {
     fadeProps?: CSSTransitionProps;
     children?: React.ReactNode;
 };
+/**
+ * @deprecated このコンポーネントは非推奨です。代わりに `Drawer` を使用してください。
+ */
 declare const FullSizeConfirmModal: React.ForwardRefExoticComponent<FullSizeConfirmModalProps & React.RefAttributes<HTMLDivElement>>;
 export default FullSizeConfirmModal;

package/dist/components/FullSizeConfirmModal/index.d.ts

@@ -1,2 +1,3 @@
+/** @deprecated 代わりに `Drawer` を使用してください。 */
 export { default } from "./FullSizeConfirmModal";
 export type { FullSizeConfirmModalProps, FullSizeConfirmModalCloseReason, } from "./FullSizeConfirmModal";

package/dist/components/Menu/Menu.d.ts

@@ -5,6 +5,9 @@ import { PopoverProps } from "../Popover";
 import { Placement } from "@floating-ui/react";
 import { AutoPlacement } from "../../hooks/usePlacement";
 export type MenuCloseReason = "clickMenuList";
+/**
+ * @deprecated このコンポーネントは非推奨です。代わりに `ContextMenu2` を使用してください。
+ */
 export type MenuProps = {
     isOpen?: boolean;
     /**
@@ -36,5 +39,8 @@ export type MenuProps = {
      */
     popoverProps?: Partial<PopoverProps>;
 };
+/**
+ * @deprecated このコンポーネントは非推奨です。代わりに `ContextMenu2` を使用してください。
+ */
 declare const Menu: React.ForwardRefExoticComponent<MenuProps & React.RefAttributes<HTMLDivElement>>;
 export default Menu;

package/dist/components/Menu/index.d.ts

@@ -1,2 +1,3 @@
+/** @deprecated 代わりに `ContextMenu2` を使用してください。 */
 export { default } from "./Menu";
 export type { MenuProps, MenuCloseReason } from "./Menu";

package/dist/components/MenuList/MenuList.d.ts

@@ -37,11 +37,17 @@ export type GroupContentProp = React.ComponentPropsWithoutRef<"div"> & {
     contents: SingleContentProp[];
 };
 export type ContentProp = SingleContentProp | GroupContentProp;
+/**
+ * @deprecated このコンポーネントは廃止予定です（後継なし）。Menu 廃止に伴い不要になります。
+ */
 export type MenuListProps = React.ComponentPropsWithoutRef<"div"> & {
     inline?: boolean;
     contents: Array<ContentProp>;
     maxHeight?: Property.MaxHeight;
 };
+/**
+ * @deprecated このコンポーネントは廃止予定です（後継なし）。Menu 廃止に伴い不要になります。
+ */
 declare const MenuList: React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     inline?: boolean | undefined;
     contents: Array<ContentProp>;

package/dist/components/MenuList/index.d.ts

@@ -1,2 +1,3 @@
+/** @deprecated 廃止予定（後継なし）。Menu 廃止に伴い不要になります。 */
 export { default } from "./MenuList";
 export type { MenuListProps, ContentProp, GroupContentProp } from "./MenuList";

package/dist/components/Select/Select.d.ts

@@ -6,12 +6,18 @@ export type OptionType<T = string> = {
     label: string;
     value: T;
 };
+/**
+ * @deprecated このコンポーネントは非推奨です。代わりに `Select2` を使用してください。
+ */
 export type SelectProps<OptionValue, IsMulti extends boolean> = {
     minWidth?: string;
     placeholder?: string;
     error?: boolean;
     emptyMessage?: string;
 } & ReactSelectProps<OptionType<OptionValue>, IsMulti>;
+/**
+ * @deprecated このコンポーネントは非推奨です。代わりに `Select2` を使用してください。
+ */
 declare const Select: <OptionValue, IsMulti extends boolean>(inProps: any, ref: React.Ref<HTMLDivElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
 declare const _default: <OptionValue, IsMulti extends boolean = false>(props: any) => ReturnType<typeof Select>;
 export default _default;

package/dist/components/Select/index.d.ts

@@ -1,2 +1,3 @@
+/** @deprecated 代わりに `Select2` を使用してください。 */
 export { default } from "./Select";
 export type { SelectProps, OptionType } from "./Select";

package/dist/components/TextField/TextField.d.ts

@@ -1,11 +1,17 @@
 import * as React from "react";
 import { InputProps } from "../Input/Input";
 import { IconName } from "../Icon/Icon";
+/**
+ * @deprecated このコンポーネントは非推奨です。代わりに `Input`（＋必要なら `ErrorText`）を使用してください。
+ */
 export type TextFieldProps = InputProps & {
     errorText?: string;
     icon?: IconName;
     type?: string;
     inputRef?: React.Ref<HTMLInputElement | HTMLTextAreaElement>;
 };
+/**
+ * @deprecated このコンポーネントは非推奨です。代わりに `Input`（＋必要なら `ErrorText`）を使用してください。
+ */
 declare const TextField: React.ForwardRefExoticComponent<TextFieldProps & React.RefAttributes<HTMLDivElement>>;
 export default TextField;

package/dist/components/TextField/index.d.ts

@@ -1,2 +1,3 @@
+/** @deprecated 代わりに `Input`（＋必要なら `ErrorText`）を使用してください。 */
 export { default } from "./TextField";
 export type { TextFieldProps } from "./TextField";

package/dist/components/TimeField/TimeField.d.ts

@@ -3,6 +3,8 @@ import { Dayjs } from "dayjs";
 /**
  * 時刻入力コンポーネント
  *
+ * @deprecated このコンポーネントは非推奨です。代わりに `TimeField2` を使用してください。
+ *
  * キーボード入力とドロップダウン選択の両方で時刻を入力できます。
  * - キーボード入力: セクション（時、分）ごとに上下キーで増減、数字キーで直接入力
  * - ドロップダウン: 矢印アイコンをクリックして時刻リストから選択

package/dist/components/TimeField/index.d.ts

@@ -1,3 +1,4 @@
+/** @deprecated 代わりに `TimeField2` を使用してください。 */
 export { default, default as TimeField } from "./TimeField";
 export type { TimeFieldProps } from "./TimeField";
 export { default as TimeField2 } from "./TimeField2";

package/dist/components/index.d.ts

@@ -1,5 +1,8 @@
 export { default as Accordion } from "./Accordion";
 export * from "./Accordion";
+/**
+ * @deprecated 代わりに `Button` の Subtle（`color="primarySubtle"` 等）を使用してください。
+ */
 export { default as ActionButton } from "./ActionButton";
 export * from "./ActionButton";
 export * from "./AdvancedFilter";
@@ -25,14 +28,23 @@ export { default as ClickAwayListener } from "./ClickAwayListener";
 export * from "./ClickAwayListener";
 export { default as ConfirmModal } from "./ConfirmModal";
 export * from "./ConfirmModal";
+/**
+ * @deprecated 代わりに `ContextMenu2` を使用してください。
+ */
 export { default as ContextMenu } from "./ContextMenu";
 export * from "./ContextMenu";
 export * from "./ContextMenu2";
+/**
+ * @deprecated 代わりに `Select2` を使用してください。
+ */
 export { default as CreatableSelect } from "./CreatableSelect";
 export * from "./CreatableSelect";
 export { default as DataTable } from "./DataTable";
 export * from "./DataTable";
 export * from "./DataTable2";
+/**
+ * @deprecated 代わりに `DateField2` / `DateRangeField2` を使用してください。
+ */
 export { DateField, DateRangeField, DateField2, DateRangeField2, } from "./DateField";
 export * from "./DateField";
 export { default as DatePicker } from "./DatePicker";
@@ -63,6 +75,9 @@ export { default as Flex } from "./Flex";
 export * from "./Flex";
 export { default as FloatingTip } from "./FloatingTip";
 export * from "./FloatingTip";
+/**
+ * @deprecated 代わりに `Drawer` を使用してください。
+ */
 export { default as FullSizeConfirmModal } from "./FullSizeConfirmModal";
 export * from "./FullSizeConfirmModal";
 export { default as Grow } from "./Grow";
@@ -78,8 +93,14 @@ export { default as LoadingBar } from "./LoadingBar";
 export * from "./LoadingBar";
 export { default as LocaleProvider } from "./LocaleProvider";
 export * from "./LocaleProvider";
+/**
+ * @deprecated 代わりに `ContextMenu2` を使用してください。
+ */
 export { default as Menu } from "./Menu";
 export * from "./Menu";
+/**
+ * @deprecated 廃止予定（後継なし）。Menu 廃止に伴い不要になります。
+ */
 export { default as MenuList } from "./MenuList";
 export * from "./MenuList";
 export { default as Modal } from "./Modal";
@@ -106,6 +127,9 @@ export { default as RadioButton } from "./RadioButton";
 export * from "./RadioButton";
 export { default as ScrollArea } from "./ScrollArea";
 export * from "./ScrollArea";
+/**
+ * @deprecated 代わりに `Select2` を使用してください。
+ */
 export { default as Select } from "./Select";
 export * from "./Select";
 export * from "./Select2";
@@ -128,8 +152,14 @@ export * from "./Table";
 export { default as Tabs } from "./Tabs";
 export * from "./Tabs";
 export * from "./Tag";
+/**
+ * @deprecated 代わりに `Input`（＋必要なら `ErrorText`）を使用してください。
+ */
 export { default as TextField } from "./TextField";
 export * from "./TextField";
+/**
+ * @deprecated 代わりに `TimeField2` を使用してください。
+ */
 export { TimeField, TimeField2 } from "./TimeField";
 export * from "./TimeField";
 export { default as Toast } from "./Toast";