visits-style 2.0.3 → 2.0.4

package/dist/index.d.ts

@@ -17,9 +17,9 @@ import { RefObject } from 'react';
 import { SVGAttributes } from 'react';
 import { TextareaHTMLAttributes } from 'react';
 
-export function Accordion({ header, show, children, timeout, ...rest }: AccordionProps): JSX.Element;
+export declare function Accordion({ header, show, children, timeout, ...rest }: AccordionProps): JSX.Element;
 
-export interface AccordionProps extends HTMLAttributes<HTMLDivElement> {
+export declare interface AccordionProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * ボタンなどの表示するラベル\
      * showを変更するロジックのイベントが必要となります
@@ -35,15 +35,15 @@ export interface AccordionProps extends HTMLAttributes<HTMLDivElement> {
     timeout?: number;
 }
 
-export function Button({ size, variant, className, ...rest }: ButtonProps): JSX.Element;
+export declare function Button({ size, variant, className, ...rest }: ButtonProps): JSX.Element;
 
-export function ButtonGroup({ className, ...rest }: HTMLAttributes<HTMLDivElement>): JSX.Element;
+export declare function ButtonGroup({ className, ...rest }: HTMLAttributes<HTMLDivElement>): JSX.Element;
 
-export type ButtonProps = InnerButtonProps & ButtonHTMLAttributes<HTMLButtonElement>;
+export declare type ButtonProps = InnerButtonProps & ButtonHTMLAttributes<HTMLButtonElement>;
 
-export function Checkbox({ checked, indeterminate, className, id, name, onChange, value, ...rest }: CheckboxProps): JSX.Element;
+export declare function Checkbox({ checked, indeterminate, className, id, name, onChange, value, ...rest }: CheckboxProps): JSX.Element;
 
-export interface CheckboxProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick' | 'onChange' | 'type' | 'role'> {
+export declare interface CheckboxProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick' | 'onChange' | 'type' | 'role'> {
     children?: ReactNode;
     checked?: boolean;
     indeterminate?: boolean;
@@ -54,9 +54,9 @@ export interface CheckboxProps extends Omit<ButtonHTMLAttributes<HTMLButtonEleme
 
 export { clsx }
 
-export function Dialog({ open, children, timeout, padding, verticalAlign, closeOnOverlay, closeOnEsc, onExited, className, onOpenChange, size, ...rest }: DialogProps): JSX.Element;
+export declare function Dialog({ open, children, timeout, padding, verticalAlign, closeOnOverlay, closeOnEsc, onExited, className, onOpenChange, size, ...rest }: DialogProps): JSX.Element;
 
-export interface DialogProps extends HTMLAttributes<HTMLDivElement> {
+export declare interface DialogProps extends HTMLAttributes<HTMLDivElement> {
     /** trueの場合、モーダルを表示します。 */
     open?: boolean;
     /** モーダルのbodyに入れる内容 */
@@ -94,16 +94,16 @@ export interface DialogProps extends HTMLAttributes<HTMLDivElement> {
     verticalAlign?: 'start' | 'center' | 'end';
 }
 
-export function Divider({ className, orientation, ...props }: DividerProps): JSX.Element;
+export declare function Divider({ className, orientation, ...props }: DividerProps): JSX.Element;
 
-export interface DividerProps extends HTMLAttributes<HTMLElement> {
+export declare interface DividerProps extends HTMLAttributes<HTMLElement> {
     /** @default 'horizontal' */
     orientation?: 'horizontal' | 'vertical';
 }
 
-export function FormField({ label, children, required, htmlFor, error, help, helpBefore, className, innerClass, ...rest }: FormFieldProps): JSX.Element;
+export declare function FormField({ label, children, required, htmlFor, error, help, helpBefore, className, innerClass, ...rest }: FormFieldProps): JSX.Element;
 
-export interface FormFieldProps extends HTMLAttributes<HTMLDivElement> {
+export declare interface FormFieldProps extends HTMLAttributes<HTMLDivElement> {
     label?: string;
     htmlFor?: string;
     error?: string;
@@ -118,54 +118,54 @@ export interface FormFieldProps extends HTMLAttributes<HTMLDivElement> {
     required?: boolean;
 }
 
-export function FormLabel({ className, ...rest }: LabelHTMLAttributes<HTMLLabelElement>): JSX.Element;
+export declare function FormLabel({ className, ...rest }: LabelHTMLAttributes<HTMLLabelElement>): JSX.Element;
 
-export function IconAlert(props: SVGAttributes<SVGSVGElement>): JSX.Element;
+export declare function IconAlert(props: SVGAttributes<SVGSVGElement>): JSX.Element;
 
-export function IconApproved(props: SVGAttributes<SVGSVGElement>): JSX.Element;
+export declare function IconApproved(props: SVGAttributes<SVGSVGElement>): JSX.Element;
 
-export function IconArrowDown(props: SVGAttributes<SVGSVGElement>): JSX.Element;
+export declare function IconArrowDown(props: SVGAttributes<SVGSVGElement>): JSX.Element;
 
-export function IconCaution(props: SVGAttributes<SVGSVGElement>): JSX.Element;
+export declare function IconCaution(props: SVGAttributes<SVGSVGElement>): JSX.Element;
 
-export function IconCheck(props: SVGAttributes<SVGSVGElement>): JSX.Element;
+export declare function IconCheck(props: SVGAttributes<SVGSVGElement>): JSX.Element;
 
-export function IconChevronRound(props: SVGAttributes<SVGSVGElement>): JSX.Element;
+export declare function IconChevronRound(props: SVGAttributes<SVGSVGElement>): JSX.Element;
 
-export function IconClose(props: SVGAttributes<SVGSVGElement>): JSX.Element;
+export declare function IconClose(props: SVGAttributes<SVGSVGElement>): JSX.Element;
 
-export function IconFileRound(props: SVGAttributes<SVGSVGElement>): JSX.Element;
+export declare function IconFileRound(props: SVGAttributes<SVGSVGElement>): JSX.Element;
 
-export function IconPencil(props: SVGAttributes<SVGSVGElement>): JSX.Element;
+export declare function IconPencil(props: SVGAttributes<SVGSVGElement>): JSX.Element;
 
-export function IconPlus(props: SVGAttributes<SVGSVGElement>): JSX.Element;
+export declare function IconPlus(props: SVGAttributes<SVGSVGElement>): JSX.Element;
 
-export function IconRefresh(props: SVGAttributes<SVGSVGElement>): JSX.Element;
+export declare function IconRefresh(props: SVGAttributes<SVGSVGElement>): JSX.Element;
 
-export function IconUser(props: SVGAttributes<SVGSVGElement>): JSX.Element;
+export declare function IconUser(props: SVGAttributes<SVGSVGElement>): JSX.Element;
 
 declare interface InnerButtonProps {
     variant?: 'primary' | 'info' | 'warn' | 'link' | 'outline' | 'ghost' | 'danger';
     size?: 'icon' | 'none';
 }
 
-export const Input: ForwardRefExoticComponent<InputProps & RefAttributes<HTMLInputElement>>;
+export declare const Input: ForwardRefExoticComponent<InputProps & RefAttributes<HTMLInputElement>>;
 
-export function InputField({ error, unstyled, className, ...rest }: InputFieldProps): JSX.Element;
+export declare function InputField({ error, unstyled, className, ...rest }: InputFieldProps): JSX.Element;
 
-export interface InputFieldProps extends HTMLAttributes<HTMLInputElement> {
+export declare interface InputFieldProps extends HTMLAttributes<HTMLInputElement> {
     error?: boolean;
     /** 基本スタイルを全部外し、完全にclassNameの定義によせます */
     unstyled?: boolean;
 }
 
-export interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
+export declare interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
     error?: boolean;
     /** 基本スタイルを全部外し、完全にclassNameの定義によせます */
     unstyled?: boolean;
 }
 
-export function merge(a: string, b?: string): string;
+export declare function merge(a: string, b?: string): string;
 
 declare interface OptionRenderConfig {
     index: number;
@@ -178,11 +178,11 @@ declare type OptionType<T> = {
     label: string;
 } | string;
 
-export function Placeholder({ className, ...props }: HTMLAttributes<HTMLDivElement>): JSX.Element;
+export declare function Placeholder({ className, ...props }: HTMLAttributes<HTMLDivElement>): JSX.Element;
 
-export const Popover: ForwardRefExoticComponent<PopoverProps & RefAttributes<PopoverRef>>;
+export declare const Popover: ForwardRefExoticComponent<PopoverProps & RefAttributes<PopoverRef>>;
 
-export interface PopoverProps extends HTMLAttributes<HTMLDivElement> {
+export declare interface PopoverProps extends HTMLAttributes<HTMLDivElement> {
     /** ボタンの内容 */
     label: ReactElement;
     /** 内容のリスト */
@@ -225,22 +225,22 @@ export interface PopoverProps extends HTMLAttributes<HTMLDivElement> {
     unstyled?: boolean;
 }
 
-export interface PopoverRef {
+export declare interface PopoverRef {
     open: () => void;
     close: () => void;
 }
 
-export function Portal({ children, container, disabled }: PortalProps): ReactPortal | null;
+export declare function Portal({ children, container, disabled }: PortalProps): ReactPortal | null;
 
-export interface PortalProps {
+export declare interface PortalProps {
     children: ReactNode;
     container?: HTMLElement;
     disabled?: boolean;
 }
 
-export function Progress({ value, max, className, ...rest }: ProgressProps): JSX.Element;
+export declare function Progress({ value, max, className, ...rest }: ProgressProps): JSX.Element;
 
-export interface ProgressProps extends HTMLAttributes<HTMLDivElement> {
+export declare interface ProgressProps extends HTMLAttributes<HTMLDivElement> {
     /** 現状の進捗 */
     value: number;
     /**
@@ -263,9 +263,9 @@ declare type PublishArgs = ({
     config: Partial<ToastConfig>;
 });
 
-export function Radio({ checked, className, id, name, onChange, value, ...rest }: RadioProps): JSX.Element;
+export declare function Radio({ checked, className, id, name, onChange, value, ...rest }: RadioProps): JSX.Element;
 
-export interface RadioProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick' | 'onChange' | 'type' | 'role'> {
+export declare interface RadioProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick' | 'onChange' | 'type' | 'role'> {
     children?: ReactNode;
     checked?: boolean;
     /** idが未指定の場合、nameが代わりに使われます */
@@ -273,9 +273,9 @@ export interface RadioProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>
     onChange?: (checked: boolean) => void;
 }
 
-export function Select<T = any>({ className, placeholder, options, error, unstyled, disabled, value, maxHeight, arrow, onChange, onClear, renderItem, ...rest }: SelectProps<T>): JSX.Element;
+export declare function Select<T = any>({ className, placeholder, options, error, unstyled, disabled, value, maxHeight, arrow, onChange, onClear, renderItem, ...rest }: SelectProps<T>): JSX.Element;
 
-export interface SelectProps<T> extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onChange' | 'onClick' | 'type' | 'value' | 'children'> {
+export declare interface SelectProps<T> extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onChange' | 'onClick' | 'type' | 'value' | 'children'> {
     /** 配列の値の入力の場合、複数選択モードに切り替えます */
     value: T | T[];
     options: OptionType<T>[];
@@ -289,9 +289,9 @@ export interface SelectProps<T> extends Omit<ButtonHTMLAttributes<HTMLButtonElem
     unstyled?: boolean;
 }
 
-export function Sheet({ open, timeout, onOpenChange, position, overlay, ...rest }: SheetProps): JSX.Element;
+export declare function Sheet({ open, timeout, onOpenChange, position, overlay, ...rest }: SheetProps): JSX.Element;
 
-export interface SheetProps extends HTMLAttributes<HTMLDivElement> {
+export declare interface SheetProps extends HTMLAttributes<HTMLDivElement> {
     /** trueの場合、モーダルを表示します。 */
     open?: boolean;
     /**
@@ -315,33 +315,33 @@ export interface SheetProps extends HTMLAttributes<HTMLDivElement> {
     unstyled?: boolean;
 }
 
-export interface SinnerProps extends HTMLAttributes<HTMLDivElement> {
+export declare interface SinnerProps extends HTMLAttributes<HTMLDivElement> {
     /** サイズ */
     size?: number;
     label?: string;
 }
 
-export function Spinner({ size, label, ...rest }: SinnerProps): JSX.Element;
+export declare function Spinner({ size, label, ...rest }: SinnerProps): JSX.Element;
 
-export const Switch: ForwardRefExoticComponent<SwitchProps & RefAttributes<HTMLInputElement>>;
+export declare const Switch: ForwardRefExoticComponent<SwitchProps & RefAttributes<HTMLInputElement>>;
 
-export interface SwitchProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick' | 'onChange' | 'type' | 'role'> {
+export declare interface SwitchProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick' | 'onChange' | 'type' | 'role'> {
     checked?: boolean;
     onChange?: (checked: boolean) => void;
 }
 
-export const Textarea: ForwardRefExoticComponent<TextareaProps & RefAttributes<HTMLTextAreaElement>>;
+export declare const Textarea: ForwardRefExoticComponent<TextareaProps & RefAttributes<HTMLTextAreaElement>>;
 
-export interface TextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {
+export declare interface TextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {
     error?: boolean;
     unstyled?: boolean;
 }
 
-export function Toast({ className, margin, position, max, ListItem, }: ToasterProps): JSX.Element;
+export declare function Toast({ className, margin, position, max, ListItem, }: ToasterProps): JSX.Element;
 
-export const toast: ToastObserver;
+export declare const toast: ToastObserver;
 
-export interface ToastConfig {
+export declare interface ToastConfig {
     /** 認識ID */
     id: string;
     label: ReactNode;
@@ -356,9 +356,9 @@ export interface ToastConfig {
     className?: string;
 }
 
-export type ToasterPosition = 'top' | 'top-right' | 'top-left' | 'bottom' | 'bottom-right' | 'bottom-left';
+export declare type ToasterPosition = 'top' | 'top-right' | 'top-left' | 'bottom' | 'bottom-right' | 'bottom-left';
 
-export interface ToasterProps {
+export declare interface ToasterProps {
     className?: string;
     /** レンダリング対象のコンポーネント */
     /**
@@ -386,9 +386,9 @@ export interface ToasterProps {
     ListItem?: FunctionComponent<ToastItemProps>;
 }
 
-export function ToastItem({ type, label, message }: ToastItemProps): JSX.Element;
+export declare function ToastItem({ type, label, message }: ToastItemProps): JSX.Element;
 
-export type ToastItemProps = Omit<ToastConfig, 'duration' | 'className'>;
+export declare type ToastItemProps = Omit<ToastConfig, 'duration' | 'className'>;
 
 declare class ToastObserver {
     /** システムで１つしか存在しない前提とする */
@@ -403,11 +403,11 @@ declare class ToastObserver {
     clear: () => void;
 }
 
-export type ToastType = 'info' | 'success' | 'error' | 'warn' | 'loading';
+export declare type ToastType = 'info' | 'success' | 'error' | 'warn' | 'loading';
 
-export const Tooltip: ForwardRefExoticComponent<TooltipProps & RefAttributes<TooltipRef>>;
+export declare const Tooltip: ForwardRefExoticComponent<TooltipProps & RefAttributes<TooltipRef>>;
 
-export interface TooltipProps {
+export declare interface TooltipProps {
     /** 吹き出しとして表示したい内容 */
     label: ReactNode;
     /** マウスオーバーの対象になるelement */
@@ -437,7 +437,7 @@ export interface TooltipProps {
     className?: string;
 }
 
-export interface TooltipRef {
+export declare interface TooltipRef {
     floating: RefObject<HTMLElement | null>;
     reference: RefObject<ReferenceElement | null>;
     open: () => void;

package/package.json

@@ -2,7 +2,8 @@
   "name": "visits-style",
   "repository": "https://github.com/visits-works/visits-style",
   "homepage": "https://github.com/visits-works/visits-style",
-  "version": "2.0.3",
+  "version": "2.0.4",
+  "description": "VISITS Technologiesのreactデザインコンポーネント",
   "type": "module",
   "main": "./dist/index.cjs.js",
   "module": "./dist/index.es.js",
@@ -10,7 +11,8 @@
   "exports": {
     ".": {
       "import": "./dist/index.es.js",
-      "require": "./dist/index.cjs.js"
+      "require": "./dist/index.cjs.js",
+      "types": "./dist/index.d.ts"
     },
     "./lib.css": "./dist/lib.css"
   },