visits-style 1.3.0 → 1.4.0

package/dist/elements/Grid/Container.d.ts

@@ -1,6 +1,6 @@
-interface Props {
-    /**  */
-    fluid?: boolean;
-}
-declare const _default: import("styled-components").StyledComponent<"div", any, Props, never>;
-export default _default;
+export interface Props {
+    /**  */
+    fluid?: boolean;
+}
+declare const _default: import("styled-components").StyledComponent<"div", any, Props, never>;
+export default _default;

package/dist/elements/Grid/Row.d.ts

@@ -1,3 +1,3 @@
-import { HTMLAttributes } from 'react';
-declare const _default: import("styled-components").StyledComponent<"div", any, HTMLAttributes<HTMLDivElement>, never>;
-export default _default;
+import { HTMLAttributes } from 'react';
+declare const _default: import("styled-components").StyledComponent<"div", any, HTMLAttributes<HTMLDivElement>, never>;
+export default _default;

package/dist/elements/Icons/Approved.d.ts

@@ -1,2 +1,2 @@
-import { SVGAttributes } from 'react';
-export default function Approved(props: SVGAttributes<SVGSVGElement>): JSX.Element;
+import { SVGAttributes } from 'react';
+export default function Approved(props: SVGAttributes<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;

package/dist/elements/Icons/ArrowDown.d.ts

@@ -1,2 +1,2 @@
-import { SVGAttributes } from 'react';
-export default function ChevronDown(props: SVGAttributes<SVGSVGElement>): JSX.Element;
+import { SVGAttributes } from 'react';
+export default function ChevronDown(props: SVGAttributes<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;

package/dist/elements/Icons/ChevronLeftRound.d.ts

@@ -1,2 +1,2 @@
-import { SVGAttributes } from 'react';
-export default function ChevronLeftRound(props: SVGAttributes<SVGSVGElement>): JSX.Element;
+import { SVGAttributes } from 'react';
+export default function ChevronLeftRound(props: SVGAttributes<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;

package/dist/elements/Icons/ChevronRightRound.d.ts

@@ -1,2 +1,2 @@
-import { SVGAttributes } from 'react';
-export default function ChevronRightRound(props: SVGAttributes<SVGSVGElement>): JSX.Element;
+import { SVGAttributes } from 'react';
+export default function ChevronRightRound(props: SVGAttributes<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;

package/dist/elements/Icons/Close.d.ts

@@ -1,2 +1,2 @@
-import { SVGAttributes } from 'react';
-export default function Close(props: SVGAttributes<SVGSVGElement>): JSX.Element;
+import { SVGAttributes } from 'react';
+export default function Close(props: SVGAttributes<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;

package/dist/elements/Icons/FileRound.d.ts

@@ -1,2 +1,2 @@
-import { SVGAttributes } from 'react';
-export default function FileRound(props: SVGAttributes<SVGSVGElement>): JSX.Element;
+import { SVGAttributes } from 'react';
+export default function FileRound(props: SVGAttributes<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;

package/dist/elements/Icons/Pencil.d.ts

@@ -1,2 +1,2 @@
-import { SVGAttributes } from 'react';
-export default function Pencil(props: SVGAttributes<SVGSVGElement>): JSX.Element;
+import { SVGAttributes } from 'react';
+export default function Pencil(props: SVGAttributes<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;

package/dist/elements/Icons/PencilSimple.d.ts

@@ -1,2 +1,2 @@
-import { SVGAttributes } from 'react';
-export default function PencilSimple(props: SVGAttributes<SVGSVGElement>): JSX.Element;
+import { SVGAttributes } from 'react';
+export default function PencilSimple(props: SVGAttributes<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;

package/dist/elements/Icons/Plus.d.ts

@@ -1,2 +1,2 @@
-import { SVGAttributes } from 'react';
-export default function Plus(props: SVGAttributes<SVGSVGElement>): JSX.Element;
+import { SVGAttributes } from 'react';
+export default function Plus(props: SVGAttributes<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;

package/dist/elements/Icons/Refresh.d.ts

@@ -1,2 +1,2 @@
-import { SVGAttributes } from 'react';
-export default function Refresh(props: SVGAttributes<SVGSVGElement>): JSX.Element;
+import { SVGAttributes } from 'react';
+export default function Refresh(props: SVGAttributes<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;

package/dist/elements/Icons/User.d.ts

@@ -1,2 +1,2 @@
-import { SVGAttributes } from 'react';
-export default function User(props: SVGAttributes<SVGSVGElement>): JSX.Element;
+import { SVGAttributes } from 'react';
+export default function User(props: SVGAttributes<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;

package/dist/elements/Icons/index.d.ts

@@ -1,11 +1,11 @@
-export { default as IconApproved } from './Approved';
-export { default as IconChevronLeftRound } from './ChevronLeftRound';
-export { default as IconChevronRightRound } from './ChevronRightRound';
-export { default as IconFileRound } from './FileRound';
-export { default as IconPencil } from './Pencil';
-export { default as IconPencilSimple } from './PencilSimple';
-export { default as IconUser } from './User';
-export { default as IconClose } from './Close';
-export { default as IconRefresh } from './Refresh';
-export { default as IconPlus } from './Plus';
-export { default as IconArrowDown } from './ArrowDown';
+export { default as IconApproved } from './Approved';
+export { default as IconChevronLeftRound } from './ChevronLeftRound';
+export { default as IconChevronRightRound } from './ChevronRightRound';
+export { default as IconFileRound } from './FileRound';
+export { default as IconPencil } from './Pencil';
+export { default as IconPencilSimple } from './PencilSimple';
+export { default as IconUser } from './User';
+export { default as IconClose } from './Close';
+export { default as IconRefresh } from './Refresh';
+export { default as IconPlus } from './Plus';
+export { default as IconArrowDown } from './ArrowDown';

package/dist/elements/Placeholder/index.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("styled-components").StyledComponent<"span", any, {}, never>;
-export default _default;
+declare const _default: import("styled-components").StyledComponent<"span", any, {}, never>;
+export default _default;

package/dist/elements/Progress/index.d.ts

@@ -1,19 +1,18 @@
-import { HTMLAttributes } from 'react';
-import { ColorType, SizeType } from '../../types';
-interface ProgressProps extends HTMLAttributes<HTMLDivElement> {
-    /** 現状の進捗 */
-    value: number;
-    /** 進捗の最大値 */
-    max: number;
-    /** バーのサイズ */
-    size?: SizeType;
-    /** sizeを使わないときの縦幅を指定する */
-    height?: string;
-    /**
-     * バーの色
-     * @default 'primary'
-     */
-    color?: ColorType;
-}
-export default function Progress({ value, max, color, ...rest }: ProgressProps): JSX.Element;
-export {};
+import { HTMLAttributes } from 'react';
+import { ColorType, SizeType } from '../../types';
+export interface ProgressProps extends HTMLAttributes<HTMLDivElement> {
+    /** 現状の進捗 */
+    value: number;
+    /** 進捗の最大値 */
+    max: number;
+    /** バーのサイズ */
+    size?: SizeType;
+    /** sizeを使わないときの縦幅を指定する */
+    height?: string;
+    /**
+     * バーの色
+     * @default 'primary'
+     */
+    color?: ColorType;
+}
+export default function Progress({ value, max, color, ...rest }: ProgressProps): import("react/jsx-runtime").JSX.Element;

package/dist/elements/Table/index.d.ts

@@ -1,11 +1,11 @@
-import { SizeType } from '../../types';
-interface Props {
-    size?: SizeType;
-    full?: boolean;
-    headerStyle?: any;
-    bordered?: boolean;
-    striped?: boolean;
-    hover?: boolean;
-}
-declare const _default: import("styled-components").StyledComponent<"table", any, Props, never>;
-export default _default;
+import { SizeType } from '../../types';
+export interface Props {
+    size?: SizeType;
+    full?: boolean;
+    headerStyle?: any;
+    bordered?: boolean;
+    striped?: boolean;
+    hover?: boolean;
+}
+declare const _default: import("styled-components").StyledComponent<"table", any, Props, never>;
+export default _default;

package/dist/elements/Tag/index.d.ts

@@ -1,16 +1,15 @@
-import { HTMLAttributes } from 'react';
-import { ColorType } from '../../types';
-interface Props extends HTMLAttributes<HTMLDivElement> {
-    /** タグの内容 */
-    children: any;
-    /** Xボタンの追加＋クリック時のイベントハンドラー */
-    onClose?: () => void;
-    /** クリック時のイベントハンドラー */
-    onClick?: () => void;
-    /** 色の指定 */
-    color?: ColorType;
-    /** 丸くする */
-    round?: boolean;
-}
-export default function Tag({ children, onClose, ...rest }: Props): JSX.Element;
-export {};
+import { HTMLAttributes } from 'react';
+import { ColorType } from '../../types';
+export interface Props extends HTMLAttributes<HTMLDivElement> {
+    /** タグの内容 */
+    children: any;
+    /** Xボタンの追加＋クリック時のイベントハンドラー */
+    onClose?: () => void;
+    /** クリック時のイベントハンドラー */
+    onClick?: () => void;
+    /** 色の指定 */
+    color?: ColorType;
+    /** 丸くする */
+    round?: boolean;
+}
+export default function Tag({ children, onClose, ...rest }: Props): import("react/jsx-runtime").JSX.Element;

package/dist/elements/index.d.ts

@@ -1,15 +1,14 @@
-export { default as Container } from './Grid/Container';
-export { default as Row } from './Grid/Row';
-export { default as Col } from './Grid/Col';
-export { default as Content } from './Content';
-export { default as Placeholder } from './Placeholder';
-export * from './Content';
-export { default as Button } from './Button';
-export { default as TextButton } from './Button/TextButton';
-export { default as ButtonGroup } from './Button/ButtonGroup';
-export { default as Table } from './Table';
-export { default as Box } from './Box';
-export { default as Progress } from './Progress';
-export { default as Divider } from './Divider';
-export { default as Tag } from './Tag';
-export * from './Icons';
+export { default as Container, type Props as ContainerProps } from './Grid/Container';
+export { default as Row } from './Grid/Row';
+export { default as Col, type ColProps } from './Grid/Col';
+export { default as Content } from './Content';
+export { default as Placeholder } from './Placeholder';
+export { default as Button, type ButtonProps } from './Button';
+export { default as TextButton, type Props as TextButtonProps } from './Button/TextButton';
+export { default as ButtonGroup } from './Button/ButtonGroup';
+export { default as Table, type Props as TableProps } from './Table';
+export { default as Box, type Props as BoxProps } from './Box';
+export { default as Progress, type ProgressProps } from './Progress';
+export { default as Divider } from './Divider';
+export { default as Tag, type Props as TagProps } from './Tag';
+export * from './Icons';

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

@@ -1,8 +1,8 @@
-import React, { InputHTMLAttributes } from 'react';
-interface Props extends InputHTMLAttributes<HTMLInputElement> {
-    children?: any;
-    checked?: boolean;
-    indeterminate?: boolean;
-}
-declare const Checkbox: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLInputElement | null>>;
-export default Checkbox;
+import React, { InputHTMLAttributes } from 'react';
+export interface Props extends InputHTMLAttributes<HTMLInputElement> {
+    children?: any;
+    checked?: boolean;
+    indeterminate?: boolean;
+}
+declare const Checkbox: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLInputElement | null>>;
+export default Checkbox;

package/dist/forms/Field/index.d.ts

@@ -1,8 +1,7 @@
-import { ReactNode, HTMLAttributes } from 'react';
-interface Props extends HTMLAttributes<HTMLDivElement> {
-    label?: string;
-    children: ReactNode;
-    required?: boolean;
-}
-export default function Field({ label, children, required, ...rest }: Props): JSX.Element;
-export {};
+import { ReactNode, HTMLAttributes } from 'react';
+export interface Props extends HTMLAttributes<HTMLDivElement> {
+    label?: string;
+    children: ReactNode;
+    required?: boolean;
+}
+export default function Field({ label, children, required, ...rest }: Props): import("react/jsx-runtime").JSX.Element;

package/dist/forms/HelpMessage.d.ts

@@ -1,7 +1,7 @@
-interface Props {
-    help?: string;
-    error?: string;
-    noErrorMessage?: boolean;
-}
-export default function HelpMessage({ help, error, noErrorMessage }: Props): JSX.Element | null;
-export {};
+interface Props {
+    help?: string;
+    error?: string;
+    noErrorMessage?: boolean;
+}
+export default function HelpMessage({ help, error, noErrorMessage }: Props): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/forms/Radio/index.d.ts

@@ -1,8 +1,8 @@
-import React, { InputHTMLAttributes } from 'react';
-interface Props extends InputHTMLAttributes<HTMLInputElement> {
-    value: string | number;
-    children?: any;
-    checked?: boolean;
-}
-declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<any>>;
-export default _default;
+import React, { InputHTMLAttributes } from 'react';
+export interface Props extends InputHTMLAttributes<HTMLInputElement> {
+    value: string | number;
+    children?: any;
+    checked?: boolean;
+}
+declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<any>>;
+export default _default;

package/dist/forms/Select/index.d.ts

@@ -1,27 +1,27 @@
-import React, { SelectHTMLAttributes } from 'react';
-import { SizeType } from '../../types';
-declare type ItemType = {
-    id: string | number;
-    name: string;
-    [key: string]: any;
-} | string;
-interface Props extends SelectHTMLAttributes<HTMLSelectElement> {
-    placeholder?: string;
-    /** { id: string | number, name: string, ...rest } | string */
-    options: ItemType[];
-    outline?: boolean;
-    /** エラーの発生時の表示テキスト */
-    error?: string | any;
-    /** 捕捉テキスト */
-    help?: string | any;
-    /** selectのサイズ */
-    inputSize?: SizeType;
-    /** optionのカスタムrender */
-    render?: (label: string) => any;
-    /** placehoderを選択可能にする */
-    optional?: boolean;
-    /** エラーが発生しても、エラーメッセージを出さないようにする */
-    noErrorMessage?: boolean;
-}
-declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<any>>;
-export default _default;
+import React, { SelectHTMLAttributes } from 'react';
+import { SizeType } from '../../types';
+type ItemType = {
+    id: string | number;
+    name: string;
+    [key: string]: any;
+} | string;
+export interface Props extends SelectHTMLAttributes<HTMLSelectElement> {
+    placeholder?: string;
+    /** { id: string | number, name: string, ...rest } | string */
+    options: ItemType[];
+    outline?: boolean;
+    /** エラーの発生時の表示テキスト */
+    error?: string | any;
+    /** 捕捉テキスト */
+    help?: string | any;
+    /** selectのサイズ */
+    inputSize?: SizeType;
+    /** optionのカスタムrender */
+    render?: (label: string) => any;
+    /** placehoderを選択可能にする */
+    optional?: boolean;
+    /** エラーが発生しても、エラーメッセージを出さないようにする */
+    noErrorMessage?: boolean;
+}
+declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<any>>;
+export default _default;

package/dist/forms/Switch/index.d.ts

@@ -1,21 +1,21 @@
-import React, { InputHTMLAttributes } from 'react';
-interface Props extends InputHTMLAttributes<HTMLInputElement> {
-    /** trueの場合にON/OFFのラベルを表示します */
-    showLabel?: boolean;
-    /** ONの時に、色を指定します。 */
-    background?: string;
-    /** 丸の色を設定します。 */
-    anchorColor?: string;
-    /**
-     * ONになるときのラベル
-     * @default 'ON'
-     */
-    onLabel?: string;
-    /**
-     * OFFになるときのラベル
-     * @default 'OFF'
-     */
-    offLabel?: string;
-}
-declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<any>>;
-export default _default;
+import React, { InputHTMLAttributes } from 'react';
+export interface Props extends InputHTMLAttributes<HTMLInputElement> {
+    /** trueの場合にON/OFFのラベルを表示します */
+    showLabel?: boolean;
+    /** ONの時に、色を指定します。 */
+    background?: string;
+    /** 丸の色を設定します。 */
+    anchorColor?: string;
+    /**
+     * ONになるときのラベル
+     * @default 'ON'
+     */
+    onLabel?: string;
+    /**
+     * OFFになるときのラベル
+     * @default 'OFF'
+     */
+    offLabel?: string;
+}
+declare const Switch: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLInputElement>>;
+export default Switch;

package/dist/forms/TextInput/index.d.ts

@@ -1,23 +1,22 @@
-import React, { InputHTMLAttributes } from 'react';
-interface Props extends InputHTMLAttributes<HTMLInputElement> {
-    placeholder?: string;
-    /**
-     * 'text' | 'number' | 'password' | 'email' | 'tel' | 'search'
-     * @default 'text'
-     */
-    type?: 'text' | 'number' | 'password' | 'email' | 'tel' | 'search';
-    /** エラーの発生時の表示テキスト */
-    error?: string | any;
-    /** 捕捉テキスト */
-    help?: string | any;
-    /** ボックス系のデザインでする */
-    outline?: boolean;
-    /** 左側のアイコン */
-    leftIcon?: any;
-    /** 右側のアイコン */
-    rightIcon?: any;
-    /** エラーが発生しても、エラーメッセージを出さないようにする */
-    noErrorMessage?: boolean;
-}
-declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<any>>;
-export default _default;
+import React, { InputHTMLAttributes } from 'react';
+export interface Props extends InputHTMLAttributes<HTMLInputElement> {
+    /**
+     * 'text' | 'number' | 'password' | 'email' | 'tel' | 'search'
+     * @default 'text'
+     */
+    type?: 'text' | 'number' | 'password' | 'email' | 'tel' | 'search';
+    /** エラーの発生時の表示テキスト */
+    error?: string;
+    /** 捕捉テキスト */
+    help?: string;
+    /** ボックス系のデザインでする */
+    outline?: boolean;
+    /** 左側のアイコン */
+    leftIcon?: React.ReactNode;
+    /** 右側のアイコン */
+    rightIcon?: React.ReactNode;
+    /** エラーが発生しても、エラーメッセージを出さないようにする */
+    noErrorMessage?: boolean;
+}
+declare const TextInput: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLInputElement>>;
+export default TextInput;

package/dist/forms/Textarea/index.d.ts

@@ -1,11 +1,11 @@
-import React, { TextareaHTMLAttributes } from 'react';
-interface Props extends TextareaHTMLAttributes<HTMLTextAreaElement> {
-    /** エラーの発生時の表示テキスト */
-    error?: string | any;
-    /** 捕捉テキスト */
-    help?: string | any;
-    /** エラーが発生しても、エラーメッセージを出さないようにする */
-    noErrorMessage?: boolean;
-}
-declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<any>>;
-export default _default;
+import React, { TextareaHTMLAttributes } from 'react';
+export interface Props extends TextareaHTMLAttributes<HTMLTextAreaElement> {
+    /** エラーの発生時の表示テキスト */
+    error?: string | any;
+    /** 捕捉テキスト */
+    help?: string | any;
+    /** エラーが発生しても、エラーメッセージを出さないようにする */
+    noErrorMessage?: boolean;
+}
+declare const Textarea: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLTextAreaElement>>;
+export default Textarea;

package/dist/forms/index.d.ts

@@ -1,7 +1,7 @@
-export { default as Field } from './Field';
-export { default as TextInput } from './TextInput';
-export { default as Textarea } from './Textarea';
-export { default as Checkbox } from './Checkbox';
-export { default as Select } from './Select';
-export { default as Radio } from './Radio';
-export { default as Switch } from './Switch';
+export { default as Field, type Props as FieldProps } from './Field';
+export { default as TextInput, type Props as TextInputProps } from './TextInput';
+export { default as Textarea, type Props as TextareaProps } from './Textarea';
+export { default as Checkbox, type Props as CheckboxProps } from './Checkbox';
+export { default as Select, type Props as SelectProps } from './Select';
+export { default as Radio, type Props as RadioProps } from './Radio';
+export { default as Switch, type Props as SwitchProps } from './Switch';

package/dist/hooks/useForceUpdate.d.ts

@@ -1 +1 @@
-export default function useForceUpdate(): () => void;
+export default function useForceUpdate(): () => void;

package/dist/hooks/useIsomorphicLayoutEffect.d.ts

@@ -1,3 +1,3 @@
-import { useLayoutEffect } from 'react';
-declare const _default: typeof useLayoutEffect;
-export default _default;
+import { useLayoutEffect } from 'react';
+declare const _default: typeof useLayoutEffect;
+export default _default;

package/dist/hooks/useScrollFix.d.ts

@@ -1 +1 @@
-export default function useScrollFix(show?: boolean): void;
+export default function useScrollFix(show?: boolean): void;