ingred-ui 27.4.3 → 28.0.0

package/dist/components/Badge/Badge.stories.d.ts

@@ -3,7 +3,7 @@ import { StoryObj } from "@storybook/react-vite";
 import Badge from "./Badge";
 declare const _default: {
     title: string;
-    components: React.ForwardRefExoticComponent<import("./types").BadgeProps & React.RefAttributes<HTMLSpanElement | HTMLAnchorElement>>;
+    component: React.ForwardRefExoticComponent<import("./types").BadgeProps & React.RefAttributes<HTMLSpanElement | HTMLAnchorElement>>;
     parameters: {
         docs: {
             source: {
@@ -31,10 +31,9 @@ declare const _default: {
     };
 };
 export default _default;
+/** 角丸四角（デフォルト）。カラーごとのサイズ・アイコン付きを1ページにまとめています。 */
 export declare const Normal: StoryObj<typeof Badge>;
-export declare const NormalWithIcon: StoryObj<typeof Badge>;
+/** ピル形状。カラーごとのサイズを1ページにまとめています。 */
 export declare const Pill: StoryObj<typeof Badge>;
+/** 左ドット＋テキスト。カラーごとのサイズを1ページにまとめています。 */
 export declare const Signal: StoryObj<typeof Badge>;
-export declare const SizesComparison: StoryObj<typeof Badge>;
-export declare const PillColorVariations: StoryObj<typeof Badge>;
-export declare const ColorVariations: StoryObj<typeof Badge>;

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

@@ -18,6 +18,9 @@ export declare const SignalWrapper: import("styled-components").StyledComponent<
     size?: BadgeSize | undefined;
     fontSize?: string | undefined;
     fontWeight?: string | undefined;
+    backgroundColor: string;
+    borderColor: string;
+    textColor: string;
 }, never>;
 export declare const SignalDot: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {
     backgroundColor: string;

package/dist/components/Badge/types.d.ts

@@ -92,6 +92,12 @@ export declare const TEXT_COLOR_MAP: {
 };
 export declare const getBackgroundColor: (key: BadgeColor, theme: Theme, type: BadgeType) => string;
 export declare const getTextColor: (key: BadgeColor, theme: Theme, type: BadgeType) => string;
+/** Signal バッジの枠線（各色の palette.light） */
+export declare const SIGNAL_BORDER_COLOR_MAP: Record<BadgeColor, (theme: Theme) => string>;
+export declare const getSignalBorderColor: (key: BadgeColor, theme: Theme) => string;
+/** Signal バッジの背景（各色の palette.ultraLight） */
+export declare const SIGNAL_BACKGROUND_COLOR_MAP: Record<BadgeColor, (theme: Theme) => string>;
+export declare const getSignalBackgroundColor: (key: BadgeColor, theme: Theme) => string;
 export type BadgeProps = React.ComponentPropsWithoutRef<"a" | "span"> & {
     /**
      * バッジの色

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

@@ -4,6 +4,8 @@ export declare const PresetButton: import("styled-components").StyledComponent<"
 export declare const ActionsContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const PresetButtonsWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const DateFieldWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+/** 日付＋時刻を横並びにしつつ、狭い幅では折り返してはみ出しを防ぐ */
+export declare const DateFieldRow: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 /** 開始/終了など複数ブロックを、幅に応じて横並び〜折り返し（常に左詰め・伸長なし） */
 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>;

package/dist/components/DataTable2/DataTable2MenuOrderControl.d.ts

@@ -1,6 +1,2 @@
 /// <reference types="react" />
-type DataTable2MenuOrderControlProps = {
-    onClose: () => void;
-};
-export declare const DataTable2MenuOrderControl: ({ onClose, }: DataTable2MenuOrderControlProps) => JSX.Element;
-export {};
+export declare const DataTable2MenuOrderControl: () => JSX.Element;

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

@@ -12,8 +12,13 @@ export declare const Toolbar: import("styled-components").StyledComponent<"div",
 }, never>;
 export declare const RowMenuTrigger: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>;
 export declare const ToolbarSeparator: import("styled-components").StyledComponent<"hr", import("styled-components").DefaultTheme, {}, never>;
-export declare const ToolbarPagination: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+/** ページ送り中央トリガー内：数値行と chevron を横一列に揃える */
+export declare const ToolbarPaginationTriggerInner: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
+/** 件数表示の数字部分 */
+export declare const ToolbarPaginationSegment: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
 export declare const ToolbarPaginationOperator: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
+/** 下矢印を数値行と同じ中心線に揃える */
+export declare const ToolbarPaginationTriggerIcon: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
 export declare const ToolbarFilterTrigger: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>;
 export declare const ToolbarExtras: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const DataTable2ActionButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>;