@zenkigen-inc/component-ui 1.23.1 → 1.24.0

package/dist/index.d.mts

@@ -833,7 +833,7 @@ type Props$a = {
     placeholderIcon?: IconName;
     /** 現在選択されているオプション */
     selectedOption?: SelectOption | null;
-    /** オプションリストの最大高さ */
+    /** オプションリストの最大高さ。未指定の場合はオプション 8.5 個分（x-small / small / medium: 282px、large: 350px）。"none" で制限を解除する */
     optionListMaxHeight?: CSSProperties['height'];
     /** 無効状態の制御 */
     isDisabled?: boolean;
@@ -841,6 +841,8 @@ type Props$a = {
     isError?: boolean;
     /** 選択状態の見た目を適用するかどうか */
     isOptionSelected?: boolean;
+    /** 「選択解除」を表示するかどうか。未指定の場合は後方互換の挙動（placeholder の有無に従う）となる */
+    hasDeselectButton?: boolean;
     /** 選択変更時のコールバック関数 */
     onChange?: (option: SelectOption | null) => void;
     /** ドロップダウンリストの幅をトリガーボタンの幅に合わせる */
@@ -850,7 +852,7 @@ type Props$a = {
     /** トリガーボタンに設定する aria-describedby。エラーメッセージ等と関連付けるために使用する */
     'aria-describedby'?: AriaAttributes['aria-describedby'];
 };
-declare function Select({ children, size, variant, width, maxWidth, placeholder, placeholderIcon, selectedOption, isDisabled, isError, isOptionSelected, onChange, optionListMaxHeight, matchListToTrigger, 'aria-label': ariaLabel, 'aria-describedby': ariaDescribedby, }: PropsWithChildren<Props$a>): react.JSX.Element;
+declare function Select({ children, size, variant, width, maxWidth, placeholder, placeholderIcon, selectedOption, isDisabled, isError, isOptionSelected, hasDeselectButton, onChange, optionListMaxHeight, matchListToTrigger, 'aria-label': ariaLabel, 'aria-describedby': ariaDescribedby, }: PropsWithChildren<Props$a>): react.JSX.Element;
 declare namespace Select {
     var Option: typeof SelectItem;
 }

package/dist/index.d.ts

@@ -833,7 +833,7 @@ type Props$a = {
     placeholderIcon?: IconName;
     /** 現在選択されているオプション */
     selectedOption?: SelectOption | null;
-    /** オプションリストの最大高さ */
+    /** オプションリストの最大高さ。未指定の場合はオプション 8.5 個分（x-small / small / medium: 282px、large: 350px）。"none" で制限を解除する */
     optionListMaxHeight?: CSSProperties['height'];
     /** 無効状態の制御 */
     isDisabled?: boolean;
@@ -841,6 +841,8 @@ type Props$a = {
     isError?: boolean;
     /** 選択状態の見た目を適用するかどうか */
     isOptionSelected?: boolean;
+    /** 「選択解除」を表示するかどうか。未指定の場合は後方互換の挙動（placeholder の有無に従う）となる */
+    hasDeselectButton?: boolean;
     /** 選択変更時のコールバック関数 */
     onChange?: (option: SelectOption | null) => void;
     /** ドロップダウンリストの幅をトリガーボタンの幅に合わせる */
@@ -850,7 +852,7 @@ type Props$a = {
     /** トリガーボタンに設定する aria-describedby。エラーメッセージ等と関連付けるために使用する */
     'aria-describedby'?: AriaAttributes['aria-describedby'];
 };
-declare function Select({ children, size, variant, width, maxWidth, placeholder, placeholderIcon, selectedOption, isDisabled, isError, isOptionSelected, onChange, optionListMaxHeight, matchListToTrigger, 'aria-label': ariaLabel, 'aria-describedby': ariaDescribedby, }: PropsWithChildren<Props$a>): react.JSX.Element;
+declare function Select({ children, size, variant, width, maxWidth, placeholder, placeholderIcon, selectedOption, isDisabled, isError, isOptionSelected, hasDeselectButton, onChange, optionListMaxHeight, matchListToTrigger, 'aria-label': ariaLabel, 'aria-describedby': ariaDescribedby, }: PropsWithChildren<Props$a>): react.JSX.Element;
 declare namespace Select {
     var Option: typeof SelectItem;
 }