@zenkigen-inc/component-ui 1.19.3 → 1.20.0

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.
Files changed (5) hide show
  1. package/dist/index.d.mts +24 -4
  2. package/dist/index.d.ts +24 -4
  3. package/dist/index.js +278 -239
  4. package/dist/index.mjs +237 -199
  5. package/package.json +4 -4
package/dist/index.d.mts CHANGED
@@ -127,6 +127,8 @@ type DatePickerComponent = ((props: DatePickerProps) => ReactElement) & {
127
127
  };
128
128
  declare const DatePicker: DatePickerComponent;
129
129
 
130
+ declare function Divider(): react.JSX.Element;
131
+
130
132
  /** Dropdown.Item コンポーネントのプロパティ */
131
133
  type Props$v = {
132
134
  /** 項目の配色。red は破壊的アクションに用いる。 */
@@ -790,7 +792,7 @@ type Props$2 = {
790
792
  });
791
793
  declare function Tag({ id, children, color, variant, size, isEditable, onDelete }: Props$2): react.JSX.Element;
792
794
 
793
- type TextAreaProps = Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'className'> & {
795
+ type TextAreaBaseProps = Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'className' | 'maxLength'> & {
794
796
  size?: 'medium' | 'large';
795
797
  value: string;
796
798
  height?: CSSProperties['height'];
@@ -799,7 +801,8 @@ type TextAreaProps = Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'classNam
799
801
  * @deprecated 外部から className を渡してスタイルを上書きすることは非推奨です。
800
802
  */
801
803
  className?: string;
802
- } & ({
804
+ };
805
+ type AutoHeightUnion = {
803
806
  autoHeight: true;
804
807
  maxHeight?: CSSProperties['maxHeight'];
805
808
  isResizable?: never;
@@ -807,7 +810,24 @@ type TextAreaProps = Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'classNam
807
810
  autoHeight?: false;
808
811
  maxHeight?: never;
809
812
  isResizable?: boolean;
810
- });
813
+ };
814
+ type CounterUnion = {
815
+ /** カウンターを非表示（デフォルト） */
816
+ isCounterVisible?: false;
817
+ counterMaxLength?: never;
818
+ maxLength?: number;
819
+ } | {
820
+ /** カウンターを表示 + 超過を許容する上限（警告のみ） */
821
+ isCounterVisible: true;
822
+ counterMaxLength?: number;
823
+ maxLength?: never;
824
+ } | {
825
+ /** カウンターを表示 + 入力を制限する上限（入力ブロック） */
826
+ isCounterVisible: true;
827
+ counterMaxLength?: never;
828
+ maxLength?: number;
829
+ };
830
+ type TextAreaProps = TextAreaBaseProps & AutoHeightUnion & CounterUnion;
811
831
 
812
832
  type TextAreaErrorMessageProps = Omit<HTMLAttributes<HTMLDivElement>, 'className'>;
813
833
  declare const TextAreaErrorMessage: react.ForwardRefExoticComponent<TextAreaErrorMessageProps & react.RefAttributes<HTMLDivElement>>;
@@ -898,4 +918,4 @@ type TooltipProps = {
898
918
  };
899
919
  declare function Tooltip({ children, content, size, maxWidth, verticalPosition, horizontalAlign, isDisabledHover, portalTarget, }: TooltipProps): react.JSX.Element;
900
920
 
901
- export { Avatar, Breadcrumb, Button, Checkbox, type ColorVariant, DatePicker, type DatePickerProps, type DatePickerTimeZone, Dropdown, type DropdownHorizontalAlign, type DropdownItemType, type DropdownVerticalPosition, EvaluationStar, FileInput, type FileInputRef, Heading, Icon, IconButton, Loading, Modal, NotificationInline, Pagination, PaginationSelect, PasswordInput, Popover, PopoverContent, type PopoverContextValue, type PopoverPlacement, PopoverTrigger, Popup, Radio, Search, SegmentedControl, Select, type SelectOption, SelectSort, SortButton, type SortOrder, Tab, TabItem, Table, TableCell, TableRow, Tag, type TagColor, TextArea, TextInput, Toast, ToastProvider, Toggle, Tooltip, type UseRovingFocusProps, type UseRovingFocusReturn, useOutsideClick, useRovingFocus, useToast };
921
+ export { Avatar, Breadcrumb, Button, Checkbox, type ColorVariant, DatePicker, type DatePickerProps, type DatePickerTimeZone, Divider, Dropdown, type DropdownHorizontalAlign, type DropdownItemType, type DropdownVerticalPosition, EvaluationStar, FileInput, type FileInputRef, Heading, Icon, IconButton, Loading, Modal, NotificationInline, Pagination, PaginationSelect, PasswordInput, Popover, PopoverContent, type PopoverContextValue, type PopoverPlacement, PopoverTrigger, Popup, Radio, Search, SegmentedControl, Select, type SelectOption, SelectSort, SortButton, type SortOrder, Tab, TabItem, Table, TableCell, TableRow, Tag, type TagColor, TextArea, TextInput, Toast, ToastProvider, Toggle, Tooltip, type UseRovingFocusProps, type UseRovingFocusReturn, useOutsideClick, useRovingFocus, useToast };
package/dist/index.d.ts CHANGED
@@ -127,6 +127,8 @@ type DatePickerComponent = ((props: DatePickerProps) => ReactElement) & {
127
127
  };
128
128
  declare const DatePicker: DatePickerComponent;
129
129
 
130
+ declare function Divider(): react.JSX.Element;
131
+
130
132
  /** Dropdown.Item コンポーネントのプロパティ */
131
133
  type Props$v = {
132
134
  /** 項目の配色。red は破壊的アクションに用いる。 */
@@ -790,7 +792,7 @@ type Props$2 = {
790
792
  });
791
793
  declare function Tag({ id, children, color, variant, size, isEditable, onDelete }: Props$2): react.JSX.Element;
792
794
 
793
- type TextAreaProps = Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'className'> & {
795
+ type TextAreaBaseProps = Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'className' | 'maxLength'> & {
794
796
  size?: 'medium' | 'large';
795
797
  value: string;
796
798
  height?: CSSProperties['height'];
@@ -799,7 +801,8 @@ type TextAreaProps = Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'classNam
799
801
  * @deprecated 外部から className を渡してスタイルを上書きすることは非推奨です。
800
802
  */
801
803
  className?: string;
802
- } & ({
804
+ };
805
+ type AutoHeightUnion = {
803
806
  autoHeight: true;
804
807
  maxHeight?: CSSProperties['maxHeight'];
805
808
  isResizable?: never;
@@ -807,7 +810,24 @@ type TextAreaProps = Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'classNam
807
810
  autoHeight?: false;
808
811
  maxHeight?: never;
809
812
  isResizable?: boolean;
810
- });
813
+ };
814
+ type CounterUnion = {
815
+ /** カウンターを非表示（デフォルト） */
816
+ isCounterVisible?: false;
817
+ counterMaxLength?: never;
818
+ maxLength?: number;
819
+ } | {
820
+ /** カウンターを表示 + 超過を許容する上限（警告のみ） */
821
+ isCounterVisible: true;
822
+ counterMaxLength?: number;
823
+ maxLength?: never;
824
+ } | {
825
+ /** カウンターを表示 + 入力を制限する上限（入力ブロック） */
826
+ isCounterVisible: true;
827
+ counterMaxLength?: never;
828
+ maxLength?: number;
829
+ };
830
+ type TextAreaProps = TextAreaBaseProps & AutoHeightUnion & CounterUnion;
811
831
 
812
832
  type TextAreaErrorMessageProps = Omit<HTMLAttributes<HTMLDivElement>, 'className'>;
813
833
  declare const TextAreaErrorMessage: react.ForwardRefExoticComponent<TextAreaErrorMessageProps & react.RefAttributes<HTMLDivElement>>;
@@ -898,4 +918,4 @@ type TooltipProps = {
898
918
  };
899
919
  declare function Tooltip({ children, content, size, maxWidth, verticalPosition, horizontalAlign, isDisabledHover, portalTarget, }: TooltipProps): react.JSX.Element;
900
920
 
901
- export { Avatar, Breadcrumb, Button, Checkbox, type ColorVariant, DatePicker, type DatePickerProps, type DatePickerTimeZone, Dropdown, type DropdownHorizontalAlign, type DropdownItemType, type DropdownVerticalPosition, EvaluationStar, FileInput, type FileInputRef, Heading, Icon, IconButton, Loading, Modal, NotificationInline, Pagination, PaginationSelect, PasswordInput, Popover, PopoverContent, type PopoverContextValue, type PopoverPlacement, PopoverTrigger, Popup, Radio, Search, SegmentedControl, Select, type SelectOption, SelectSort, SortButton, type SortOrder, Tab, TabItem, Table, TableCell, TableRow, Tag, type TagColor, TextArea, TextInput, Toast, ToastProvider, Toggle, Tooltip, type UseRovingFocusProps, type UseRovingFocusReturn, useOutsideClick, useRovingFocus, useToast };
921
+ export { Avatar, Breadcrumb, Button, Checkbox, type ColorVariant, DatePicker, type DatePickerProps, type DatePickerTimeZone, Divider, Dropdown, type DropdownHorizontalAlign, type DropdownItemType, type DropdownVerticalPosition, EvaluationStar, FileInput, type FileInputRef, Heading, Icon, IconButton, Loading, Modal, NotificationInline, Pagination, PaginationSelect, PasswordInput, Popover, PopoverContent, type PopoverContextValue, type PopoverPlacement, PopoverTrigger, Popup, Radio, Search, SegmentedControl, Select, type SelectOption, SelectSort, SortButton, type SortOrder, Tab, TabItem, Table, TableCell, TableRow, Tag, type TagColor, TextArea, TextInput, Toast, ToastProvider, Toggle, Tooltip, type UseRovingFocusProps, type UseRovingFocusReturn, useOutsideClick, useRovingFocus, useToast };