ingred-ui 29.1.3 → 30.0.0

package/dist/components/Calendar/Calendar/Calendar.d.ts

@@ -1,5 +1,5 @@
 import { Dayjs } from "dayjs";
-import React from "react";
+import React, { ReactNode } from "react";
 import { PresetButton } from "../internal/Actions";
 import type { TimeField2Props } from "../../TimeField/TimeField2";
 import type { CalendarWeekConfig } from "../types";
@@ -59,6 +59,11 @@ export type CalendarProps = React.HTMLAttributes<HTMLDivElement> & {
      * TimeField2のprops
      */
     timeFieldProps?: Partial<TimeField2Props>;
+    /**
+     * 「日付」ラベルの右側に表示する任意ノード（チェックボックス等）。
+     * `showDateFields` が true のときのみ表示される。
+     */
+    labelSuffix?: ReactNode;
 };
 declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
     /**
@@ -116,5 +121,10 @@ declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponen
      * TimeField2のprops
      */
     timeFieldProps?: Partial<TimeField2Props> | undefined;
+    /**
+     * 「日付」ラベルの右側に表示する任意ノード（チェックボックス等）。
+     * `showDateFields` が true のときのみ表示される。
+     */
+    labelSuffix?: React.ReactNode;
 } & React.RefAttributes<HTMLDivElement>>>;
 export default _default;

package/dist/components/Calendar/CalendarRange/CalendarRange.d.ts

@@ -1,6 +1,6 @@
 import dayjs, { Dayjs } from "dayjs";
 import { DateRange } from "../..";
-import React from "react";
+import React, { ReactNode } from "react";
 import { PresetButton } from "../internal/Actions";
 import type { TimeField2Props } from "../../TimeField/TimeField2";
 import type { CalendarWeekConfig } from "../types";
@@ -83,6 +83,16 @@ export type CalendarRangeProps = React.HTMLAttributes<HTMLDivElement> & {
      * TimeField2のprops
      */
     timeFieldProps?: Partial<TimeField2Props>;
+    /**
+     * 「開始日時」ラベルの右側に表示する任意ノード（チェックボックス等）。
+     * `showDateFields` が true のときのみ表示される。
+     */
+    startLabelSuffix?: ReactNode;
+    /**
+     * 「終了日時」ラベルの右側に表示する任意ノード（「無期限にする」チェックボックス等）。
+     * `showDateFields` が true のときのみ表示される。
+     */
+    endLabelSuffix?: ReactNode;
 };
 /**
  * CalendarRange
@@ -168,6 +178,16 @@ export declare const CalendarRange: React.ForwardRefExoticComponent<React.HTMLAt
      * TimeField2のprops
      */
     timeFieldProps?: Partial<TimeField2Props> | undefined;
+    /**
+     * 「開始日時」ラベルの右側に表示する任意ノード（チェックボックス等）。
+     * `showDateFields` が true のときのみ表示される。
+     */
+    startLabelSuffix?: ReactNode;
+    /**
+     * 「終了日時」ラベルの右側に表示する任意ノード（「無期限にする」チェックボックス等）。
+     * `showDateFields` が true のときのみ表示される。
+     */
+    endLabelSuffix?: ReactNode;
 } & React.RefAttributes<HTMLDivElement>>;
 export type { DateRange };
 declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
@@ -249,5 +269,15 @@ declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponen
      * TimeField2のprops
      */
     timeFieldProps?: Partial<TimeField2Props> | undefined;
+    /**
+     * 「開始日時」ラベルの右側に表示する任意ノード（チェックボックス等）。
+     * `showDateFields` が true のときのみ表示される。
+     */
+    startLabelSuffix?: React.ReactNode;
+    /**
+     * 「終了日時」ラベルの右側に表示する任意ノード（「無期限にする」チェックボックス等）。
+     * `showDateFields` が true のときのみ表示される。
+     */
+    endLabelSuffix?: React.ReactNode;
 } & React.RefAttributes<HTMLDivElement>>>;
 export default _default;

package/dist/components/Calendar/internal/Actions/styled.d.ts

@@ -9,3 +9,5 @@ export declare const DateFieldRow: import("styled-components").StyledComponent<"
 /** 開始/終了など複数ブロックを、幅に応じて横並び〜折り返し（常に左詰め・伸長なし） */
 export declare const DateFieldsGroup: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const DateFieldLabel: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
+/** ラベルテキストと、その右側に差し込む任意ノード（チェックボックス等）を横並びにする行 */
+export declare const DateFieldLabelRow: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/components/Checkbox/Checkbox.d.ts

@@ -1,8 +1,5 @@
 import * as React from "react";
-export declare enum CheckboxSize {
-    SMALL = "small",
-    MEDIUM = "medium"
-}
+export type CheckboxSize = "small" | "medium";
 type CheckBoxPropsBase = Omit<React.ComponentPropsWithoutRef<"input">, "size">;
 export type CheckBoxProps = CheckBoxPropsBase & {
     indeterminate?: boolean;

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

@@ -1,2 +1,2 @@
 export { default } from "./Checkbox";
-export type { CheckBoxProps } from "./Checkbox";
+export type { CheckBoxProps, CheckboxSize } from "./Checkbox";

package/dist/components/RadioButton/RadioButton.d.ts

@@ -1,18 +1,5 @@
 import * as React from "react";
-export declare enum RadioButtonSize {
-    SMALL = "16px",
-    MEDIUM = "18px"
-}
-export declare const indicatorSizes: {
-    "16px": {
-        inside: string;
-        border: string;
-    };
-    "18px": {
-        inside: string;
-        border: string;
-    };
-};
+export type RadioButtonSize = "small" | "medium";
 export type RadioButtonChangeHandler = (e: React.ChangeEvent<HTMLInputElement>, checked: boolean) => void;
 export type RadioButtonProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "onChange"> & {
     size?: RadioButtonSize;

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

@@ -1,2 +1,2 @@
-export { default, RadioButtonSize } from "./RadioButton";
-export type { RadioButtonProps } from "./RadioButton";
+export { default } from "./RadioButton";
+export type { RadioButtonProps, RadioButtonSize } from "./RadioButton";

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

@@ -1,12 +1,13 @@
 import { RadioButtonSize } from "./RadioButton";
 export declare const Wrapper: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, {
-    size: RadioButtonSize;
+    $size: RadioButtonSize;
+    $width: string;
     disabled?: boolean | undefined;
 }, never>;
 type IndicatorProps = {
-    size: RadioButtonSize;
-    inside: string;
-    border: string;
+    $width: string;
+    $inside: string;
+    $border: string;
     error: boolean;
 };
 export declare const Indicator: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, IndicatorProps, never>;

package/dist/components/Typography/Typography.d.ts

@@ -1,19 +1,28 @@
 import * as React from "react";
+import type { ResponsiveValue } from "../../types/ResponsiveValue";
 export type ColorType = "initial" | "primary" | "secondary" | "disabled" | "hint" | "white";
 export type FontSize = "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl" | "xxxxl" | "xxxxxl" | "xxxxxxl" | "xxxxxxxl";
 export declare const fontSize: {
     [key in FontSize]: number;
 };
 export type TextAlign = "left" | "center" | "right";
-export type FontWeight = "normal" | "bold";
+export type FontWeight = "normal" | "bold" | "black";
+export declare function resolveFontWeight(weight: FontWeight): number;
 export type TypographyProps = {
     component?: keyof JSX.IntrinsicElements | React.ComponentType<any>;
     color?: ColorType | string;
     align?: "left" | "center" | "right";
-    size?: FontSize;
+    size?: ResponsiveValue<FontSize>;
     weight?: FontWeight;
     lineHeight?: string;
     trimVertical?: boolean;
+    /**
+     * 未指定・`false` のときは `font-feature-settings` を付けない。
+     * `true` のときは `"palt" 1`。文字列のときはその値を `font-feature-settings` に渡す。
+     *
+     * palt はタイトル・見出しなど、短文でサイズが大きいブロック向き。長文のボディでは字間・リズムが変わるため、可読性の観点では付けないことが多い。
+     */
+    fontFeatureSettings?: boolean | string;
     className?: string;
     children: React.ReactNode;
 };

package/dist/components/Typography/__tests__/getResponsiveFontSizeCss.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Typography/getResponsiveFontSizeCss.d.ts

@@ -0,0 +1,4 @@
+import { FlattenSimpleInterpolation } from "styled-components";
+import { type ResponsiveValue } from "../../types/ResponsiveValue";
+import { FontSize } from "./Typography";
+export declare function getResponsiveFontSizeCss(size: ResponsiveValue<FontSize>): FlattenSimpleInterpolation;

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

@@ -1,2 +1,3 @@
-export { default } from "./Typography";
-export type { TypographyProps } from "./Typography";
+export { default, fontSize, resolveFontWeight } from "./Typography";
+export type { FontSize, FontWeight, TypographyProps } from "./Typography";
+export { getResponsiveFontSizeCss } from "./getResponsiveFontSizeCss";

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

@@ -1,11 +1,13 @@
-import { TextAlign, FontWeight } from "./Typography";
+import { FlattenSimpleInterpolation } from "styled-components";
+import { TextAlign } from "./Typography";
 type ContainerProps = {
     color: string;
     align: TextAlign;
-    fontSize: string;
-    weight: FontWeight;
+    $fontSizeCss: FlattenSimpleInterpolation;
+    $fontWeight: number;
     lineHeight: string;
     $trimVertical?: boolean;
+    $fontFeatureSettings?: string;
 };
 export declare const Container: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, ContainerProps, never>;
 export {};