visits-style 1.4.15 → 2.0.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 (72) hide show
  1. package/README.md +59 -26
  2. package/dist/index.cjs.js +1031 -1358
  3. package/dist/index.cjs.js.map +1 -0
  4. package/dist/index.d.cts +404 -0
  5. package/dist/index.d.ts +404 -7
  6. package/dist/index.esm.js +1199 -0
  7. package/dist/index.esm.js.map +1 -0
  8. package/dist/lib.css +26 -0
  9. package/package.json +27 -32
  10. package/dist/components/Accordion/index.d.ts +0 -12
  11. package/dist/components/AppBar/index.d.ts +0 -19
  12. package/dist/components/Modal/index.d.ts +0 -32
  13. package/dist/components/Popover/index.d.ts +0 -46
  14. package/dist/components/Portal/index.d.ts +0 -8
  15. package/dist/components/Spinner/index.d.ts +0 -12
  16. package/dist/components/Toast/ToastItem.d.ts +0 -2
  17. package/dist/components/Toast/index.d.ts +0 -2
  18. package/dist/components/Toast/types.d.ts +0 -44
  19. package/dist/components/Tooltip/index.d.ts +0 -37
  20. package/dist/components/index.d.ts +0 -10
  21. package/dist/elements/Box/index.d.ts +0 -10
  22. package/dist/elements/Button/ButtonGroup.d.ts +0 -3
  23. package/dist/elements/Button/TextButton.d.ts +0 -18
  24. package/dist/elements/Button/index.d.ts +0 -16
  25. package/dist/elements/Content/index.d.ts +0 -3
  26. package/dist/elements/Divider/index.d.ts +0 -3
  27. package/dist/elements/Grid/Col.d.ts +0 -12
  28. package/dist/elements/Grid/Container.d.ts +0 -7
  29. package/dist/elements/Grid/Row.d.ts +0 -3
  30. package/dist/elements/Icons/Approved.d.ts +0 -2
  31. package/dist/elements/Icons/ArrowDown.d.ts +0 -2
  32. package/dist/elements/Icons/ChevronLeftRound.d.ts +0 -2
  33. package/dist/elements/Icons/ChevronRightRound.d.ts +0 -2
  34. package/dist/elements/Icons/Close.d.ts +0 -2
  35. package/dist/elements/Icons/FileRound.d.ts +0 -2
  36. package/dist/elements/Icons/Pencil.d.ts +0 -2
  37. package/dist/elements/Icons/PencilSimple.d.ts +0 -2
  38. package/dist/elements/Icons/Plus.d.ts +0 -2
  39. package/dist/elements/Icons/Refresh.d.ts +0 -2
  40. package/dist/elements/Icons/User.d.ts +0 -2
  41. package/dist/elements/Icons/index.d.ts +0 -11
  42. package/dist/elements/Placeholder/index.d.ts +0 -3
  43. package/dist/elements/Progress/index.d.ts +0 -18
  44. package/dist/elements/Table/index.d.ts +0 -12
  45. package/dist/elements/Tag/index.d.ts +0 -15
  46. package/dist/elements/index.d.ts +0 -14
  47. package/dist/forms/Checkbox/index.d.ts +0 -8
  48. package/dist/forms/Field/index.d.ts +0 -7
  49. package/dist/forms/HelpMessage.d.ts +0 -8
  50. package/dist/forms/Radio/index.d.ts +0 -8
  51. package/dist/forms/Select/index.d.ts +0 -29
  52. package/dist/forms/Switch/index.d.ts +0 -21
  53. package/dist/forms/TextInput/index.d.ts +0 -22
  54. package/dist/forms/Textarea/index.d.ts +0 -11
  55. package/dist/forms/index.d.ts +0 -7
  56. package/dist/hooks/useIsomorphicLayoutEffect.d.ts +0 -3
  57. package/dist/index.es.js +0 -1513
  58. package/dist/styles/normalize.d.ts +0 -3
  59. package/dist/theme.d.ts +0 -3
  60. package/dist/types.d.ts +0 -36
  61. package/dist/utils/arrow.d.ts +0 -1
  62. package/dist/utils/boxShadow.d.ts +0 -1
  63. package/dist/utils/disabledColor.d.ts +0 -2
  64. package/dist/utils/findColorInvert.d.ts +0 -2
  65. package/dist/utils/hambuger.d.ts +0 -1
  66. package/dist/utils/index.d.ts +0 -6
  67. package/dist/utils/isClient.d.ts +0 -2
  68. package/dist/utils/media.d.ts +0 -6
  69. package/dist/utils/setAlign.d.ts +0 -3
  70. package/dist/utils/setSize.d.ts +0 -4
  71. package/dist/utils/stopPropagation.d.ts +0 -2
  72. package/dist/utils/wrapEvent.d.ts +0 -2
@@ -1,18 +0,0 @@
1
- import { ButtonHTMLAttributes } from 'react';
2
- import { ColorType, SizeType } from '../../types';
3
- export interface Props extends ButtonHTMLAttributes<HTMLButtonElement> {
4
- /** ボタンの色 */
5
- color?: ColorType;
6
- /** ボタンのサイズ */
7
- size?: SizeType;
8
- /** ボタン的な幅を全部無くしてテキストのように表示する */
9
- pure?: boolean;
10
- /** マウスオーバーするとテキストにunderlineが付く */
11
- underline?: boolean;
12
- /** 丸いボタンで表示する */
13
- round?: boolean;
14
- /** アイコンボタンとしてpaddingを同じにする */
15
- icon?: boolean;
16
- }
17
- declare const _default: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, Props>>;
18
- export default _default;
@@ -1,16 +0,0 @@
1
- import { ButtonHTMLAttributes } from 'react';
2
- import { ColorType, SizeType } from '../../types';
3
- export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
4
- /** ボタンの色 */
5
- color?: ColorType;
6
- /** ボタンのサイズ */
7
- size?: SizeType;
8
- /** 背景が透明なボタンでする */
9
- outline?: boolean;
10
- /** 丸いボタンで表示する */
11
- round?: boolean;
12
- /** アイコンボタンとしてpaddingを同じにする */
13
- icon?: boolean;
14
- }
15
- declare const _default: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, ButtonProps>>;
16
- export default _default;
@@ -1,3 +0,0 @@
1
- /// <reference types="react" />
2
- declare const _default: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
3
- export default _default;
@@ -1,3 +0,0 @@
1
- /// <reference types="react" />
2
- declare const _default: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHRElement>, HTMLHRElement>, never>>;
3
- export default _default;
@@ -1,12 +0,0 @@
1
- /// <reference types="react" />
2
- import { ColSizeType } from '../../types';
3
- export interface ColProps {
4
- /** 1-12のサイズ */
5
- size?: ColSizeType;
6
- /** 1-12の左のoffset */
7
- offset?: ColSizeType;
8
- /** 1-12基準のサイズを画面サイズのよって可変にする */
9
- auto?: boolean;
10
- }
11
- declare const Col: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ColProps>>;
12
- export default Col;
@@ -1,7 +0,0 @@
1
- /// <reference types="react" />
2
- export interface Props {
3
- /** */
4
- fluid?: boolean;
5
- }
6
- declare const _default: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Props>>;
7
- export default _default;
@@ -1,3 +0,0 @@
1
- import { HTMLAttributes } from 'react';
2
- declare const _default: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, HTMLAttributes<HTMLDivElement>>>;
3
- export default _default;
@@ -1,2 +0,0 @@
1
- import { SVGAttributes } from 'react';
2
- export default function Approved(props: SVGAttributes<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
@@ -1,2 +0,0 @@
1
- import { SVGAttributes } from 'react';
2
- export default function ChevronDown(props: SVGAttributes<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
@@ -1,2 +0,0 @@
1
- import { SVGAttributes } from 'react';
2
- export default function ChevronLeftRound(props: SVGAttributes<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
@@ -1,2 +0,0 @@
1
- import { SVGAttributes } from 'react';
2
- export default function ChevronRightRound(props: SVGAttributes<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
@@ -1,2 +0,0 @@
1
- import { SVGAttributes } from 'react';
2
- export default function Close(props: SVGAttributes<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
@@ -1,2 +0,0 @@
1
- import { SVGAttributes } from 'react';
2
- export default function FileRound(props: SVGAttributes<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
@@ -1,2 +0,0 @@
1
- import { SVGAttributes } from 'react';
2
- export default function Pencil(props: SVGAttributes<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
@@ -1,2 +0,0 @@
1
- import { SVGAttributes } from 'react';
2
- export default function PencilSimple(props: SVGAttributes<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
@@ -1,2 +0,0 @@
1
- import { SVGAttributes } from 'react';
2
- export default function Plus(props: SVGAttributes<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
@@ -1,2 +0,0 @@
1
- import { SVGAttributes } from 'react';
2
- export default function Refresh(props: SVGAttributes<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
@@ -1,2 +0,0 @@
1
- import { SVGAttributes } from 'react';
2
- export default function User(props: SVGAttributes<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
@@ -1,11 +0,0 @@
1
- export { default as IconApproved } from './Approved';
2
- export { default as IconChevronLeftRound } from './ChevronLeftRound';
3
- export { default as IconChevronRightRound } from './ChevronRightRound';
4
- export { default as IconFileRound } from './FileRound';
5
- export { default as IconPencil } from './Pencil';
6
- export { default as IconPencilSimple } from './PencilSimple';
7
- export { default as IconUser } from './User';
8
- export { default as IconClose } from './Close';
9
- export { default as IconRefresh } from './Refresh';
10
- export { default as IconPlus } from './Plus';
11
- export { default as IconArrowDown } from './ArrowDown';
@@ -1,3 +0,0 @@
1
- /// <reference types="react" />
2
- declare const _default: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>;
3
- export default _default;
@@ -1,18 +0,0 @@
1
- import { HTMLAttributes } from 'react';
2
- import { ColorType, SizeType } from '../../types';
3
- export interface ProgressProps extends HTMLAttributes<HTMLDivElement> {
4
- /** 現状の進捗 */
5
- value: number;
6
- /** 進捗の最大値 */
7
- max: number;
8
- /** バーのサイズ */
9
- size?: SizeType;
10
- /** sizeを使わないときの縦幅を指定する */
11
- height?: string;
12
- /**
13
- * バーの色
14
- * @default 'primary'
15
- */
16
- color?: ColorType;
17
- }
18
- export default function Progress({ value, max, color, height, size, ...rest }: ProgressProps): import("react/jsx-runtime").JSX.Element;
@@ -1,12 +0,0 @@
1
- /// <reference types="react" />
2
- import { SizeType } from '../../types';
3
- export interface Props {
4
- size?: SizeType;
5
- full?: boolean;
6
- headerStyle?: any;
7
- bordered?: boolean;
8
- striped?: boolean;
9
- hover?: boolean;
10
- }
11
- declare const _default: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, Props>>;
12
- export default _default;
@@ -1,15 +0,0 @@
1
- import { HTMLAttributes } from 'react';
2
- import { ColorType } from '../../types';
3
- export interface Props extends HTMLAttributes<HTMLDivElement> {
4
- /** タグの内容 */
5
- children: any;
6
- /** Xボタンの追加+クリック時のイベントハンドラー */
7
- onClose?: () => void;
8
- /** クリック時のイベントハンドラー */
9
- onClick?: () => void;
10
- /** 色の指定 */
11
- color?: ColorType;
12
- /** 丸くする */
13
- round?: boolean;
14
- }
15
- export default function Tag({ children, onClose, ...rest }: Props): import("react/jsx-runtime").JSX.Element;
@@ -1,14 +0,0 @@
1
- export { default as Container, type Props as ContainerProps } from './Grid/Container';
2
- export { default as Row } from './Grid/Row';
3
- export { default as Col, type ColProps } from './Grid/Col';
4
- export { default as Content } from './Content';
5
- export { default as Placeholder } from './Placeholder';
6
- export { default as Button, type ButtonProps } from './Button';
7
- export { default as TextButton, type Props as TextButtonProps } from './Button/TextButton';
8
- export { default as ButtonGroup } from './Button/ButtonGroup';
9
- export { default as Table, type Props as TableProps } from './Table';
10
- export { default as Box, type Props as BoxProps } from './Box';
11
- export { default as Progress, type ProgressProps } from './Progress';
12
- export { default as Divider } from './Divider';
13
- export { default as Tag, type Props as TagProps } from './Tag';
14
- export * from './Icons';
@@ -1,8 +0,0 @@
1
- import React, { InputHTMLAttributes } from 'react';
2
- export interface Props extends InputHTMLAttributes<HTMLInputElement> {
3
- children?: React.ReactNode;
4
- checked?: boolean;
5
- indeterminate?: boolean;
6
- }
7
- declare const Checkbox: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLInputElement>>;
8
- export default Checkbox;
@@ -1,7 +0,0 @@
1
- import { ReactNode, HTMLAttributes } from 'react';
2
- export interface Props extends HTMLAttributes<HTMLDivElement> {
3
- label?: string;
4
- children: ReactNode;
5
- required?: boolean;
6
- }
7
- export default function Field({ label, children, required, ...rest }: Props): import("react/jsx-runtime").JSX.Element;
@@ -1,8 +0,0 @@
1
- import { ReactNode } from 'react';
2
- interface Props {
3
- help?: ReactNode;
4
- error?: ReactNode;
5
- noErrorMessage?: boolean;
6
- }
7
- export default function HelpMessage({ help, error, noErrorMessage }: Props): import("react/jsx-runtime").JSX.Element | null;
8
- export {};
@@ -1,8 +0,0 @@
1
- import React, { InputHTMLAttributes } from 'react';
2
- export interface Props extends InputHTMLAttributes<HTMLInputElement> {
3
- value: string | number;
4
- children?: any;
5
- checked?: boolean;
6
- }
7
- declare const Radio: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLInputElement>>;
8
- export default Radio;
@@ -1,29 +0,0 @@
1
- import React, { SelectHTMLAttributes, ReactNode } from 'react';
2
- import { SizeType } from '../../types';
3
- type ItemType = {
4
- id: string | number;
5
- name: string;
6
- [key: string]: any;
7
- } | string;
8
- export interface Props extends SelectHTMLAttributes<HTMLSelectElement> {
9
- placeholder?: string;
10
- /** { id: string | number, name: string, ...rest } | string */
11
- options: ItemType[];
12
- outline?: boolean;
13
- /** エラーの発生時の表示テキスト */
14
- error?: ReactNode;
15
- /** 捕捉テキスト */
16
- help?: ReactNode;
17
- /** selectのサイズ */
18
- inputSize?: SizeType;
19
- /** optionのカスタムrender */
20
- render?: (label: string) => any;
21
- /** placehoderを選択可能にする */
22
- optional?: boolean;
23
- /** エラーが発生しても、エラーメッセージを出さないようにする */
24
- noErrorMessage?: boolean;
25
- /** 矢印をカスタムしたい場合 */
26
- arrow?: ReactNode;
27
- }
28
- declare const Select: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLSelectElement>>;
29
- export default Select;
@@ -1,21 +0,0 @@
1
- import React, { InputHTMLAttributes } from 'react';
2
- export interface Props extends InputHTMLAttributes<HTMLInputElement> {
3
- /** trueの場合にON/OFFのラベルを表示します */
4
- showLabel?: boolean;
5
- /** ONの時に、色を指定します。 */
6
- background?: string;
7
- /** 丸の色を設定します。 */
8
- anchorColor?: string;
9
- /**
10
- * ONになるときのラベル
11
- * @default 'ON'
12
- */
13
- onLabel?: string;
14
- /**
15
- * OFFになるときのラベル
16
- * @default 'OFF'
17
- */
18
- offLabel?: string;
19
- }
20
- declare const Switch: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLInputElement>>;
21
- export default Switch;
@@ -1,22 +0,0 @@
1
- import React, { InputHTMLAttributes } from 'react';
2
- export interface Props extends InputHTMLAttributes<HTMLInputElement> {
3
- /**
4
- * 'text' | 'number' | 'password' | 'email' | 'tel' | 'search'
5
- * @default 'text'
6
- */
7
- type?: 'text' | 'number' | 'password' | 'email' | 'tel' | 'search';
8
- /** エラーの発生時の表示テキスト */
9
- error?: React.ReactNode;
10
- /** 捕捉テキスト */
11
- help?: React.ReactNode;
12
- /** ボックス系のデザインでする */
13
- outline?: boolean;
14
- /** 左側のアイコン */
15
- leftIcon?: React.ReactNode;
16
- /** 右側のアイコン */
17
- rightIcon?: React.ReactNode;
18
- /** エラーが発生しても、エラーメッセージを出さないようにする */
19
- noErrorMessage?: boolean;
20
- }
21
- declare const TextInput: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLInputElement>>;
22
- export default TextInput;
@@ -1,11 +0,0 @@
1
- import React, { TextareaHTMLAttributes } from 'react';
2
- export interface Props extends TextareaHTMLAttributes<HTMLTextAreaElement> {
3
- /** エラーの発生時の表示テキスト */
4
- error?: React.ReactNode;
5
- /** 捕捉テキスト */
6
- help?: React.ReactNode;
7
- /** エラーが発生しても、エラーメッセージを出さないようにする */
8
- noErrorMessage?: boolean;
9
- }
10
- declare const Textarea: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLTextAreaElement>>;
11
- export default Textarea;
@@ -1,7 +0,0 @@
1
- export { default as Field, type Props as FieldProps } from './Field';
2
- export { default as TextInput, type Props as TextInputProps } from './TextInput';
3
- export { default as Textarea, type Props as TextareaProps } from './Textarea';
4
- export { default as Checkbox, type Props as CheckboxProps } from './Checkbox';
5
- export { default as Select, type Props as SelectProps } from './Select';
6
- export { default as Radio, type Props as RadioProps } from './Radio';
7
- export { default as Switch, type Props as SwitchProps } from './Switch';
@@ -1,3 +0,0 @@
1
- import { useLayoutEffect } from 'react';
2
- declare const _default: typeof useLayoutEffect;
3
- export default _default;