visits-style 1.4.16 → 2.0.1
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.
- package/README.md +59 -26
- package/dist/index.cjs.js +1 -1571
- package/dist/index.d.ts +447 -7
- package/dist/index.es.js +953 -1440
- package/dist/lib.css +26 -0
- package/package.json +9 -8
- package/dist/components/Accordion/index.d.ts +0 -12
- package/dist/components/AppBar/index.d.ts +0 -19
- package/dist/components/Modal/index.d.ts +0 -32
- package/dist/components/Popover/index.d.ts +0 -46
- package/dist/components/Portal/index.d.ts +0 -8
- package/dist/components/Spinner/index.d.ts +0 -12
- package/dist/components/Toast/ToastItem.d.ts +0 -2
- package/dist/components/Toast/index.d.ts +0 -2
- package/dist/components/Toast/types.d.ts +0 -44
- package/dist/components/Tooltip/index.d.ts +0 -37
- package/dist/components/index.d.ts +0 -10
- package/dist/elements/Box/index.d.ts +0 -10
- package/dist/elements/Button/ButtonGroup.d.ts +0 -3
- package/dist/elements/Button/TextButton.d.ts +0 -18
- package/dist/elements/Button/index.d.ts +0 -16
- package/dist/elements/Content/index.d.ts +0 -3
- package/dist/elements/Divider/index.d.ts +0 -3
- package/dist/elements/Grid/Col.d.ts +0 -12
- package/dist/elements/Grid/Container.d.ts +0 -7
- package/dist/elements/Grid/Row.d.ts +0 -3
- package/dist/elements/Icons/Approved.d.ts +0 -2
- package/dist/elements/Icons/ArrowDown.d.ts +0 -2
- package/dist/elements/Icons/ChevronLeftRound.d.ts +0 -2
- package/dist/elements/Icons/ChevronRightRound.d.ts +0 -2
- package/dist/elements/Icons/Close.d.ts +0 -2
- package/dist/elements/Icons/FileRound.d.ts +0 -2
- package/dist/elements/Icons/Pencil.d.ts +0 -2
- package/dist/elements/Icons/PencilSimple.d.ts +0 -2
- package/dist/elements/Icons/Plus.d.ts +0 -2
- package/dist/elements/Icons/Refresh.d.ts +0 -2
- package/dist/elements/Icons/User.d.ts +0 -2
- package/dist/elements/Icons/index.d.ts +0 -11
- package/dist/elements/Placeholder/index.d.ts +0 -3
- package/dist/elements/Progress/index.d.ts +0 -18
- package/dist/elements/Table/index.d.ts +0 -12
- package/dist/elements/Tag/index.d.ts +0 -15
- package/dist/elements/index.d.ts +0 -14
- package/dist/forms/Checkbox/index.d.ts +0 -8
- package/dist/forms/Field/index.d.ts +0 -7
- package/dist/forms/HelpMessage.d.ts +0 -8
- package/dist/forms/Radio/index.d.ts +0 -8
- package/dist/forms/Select/index.d.ts +0 -29
- package/dist/forms/Switch/index.d.ts +0 -21
- package/dist/forms/TextInput/index.d.ts +0 -22
- package/dist/forms/Textarea/index.d.ts +0 -11
- package/dist/forms/index.d.ts +0 -7
- package/dist/hooks/useIsomorphicLayoutEffect.d.ts +0 -3
- package/dist/styles/normalize.d.ts +0 -3
- package/dist/theme.d.ts +0 -3
- package/dist/types.d.ts +0 -36
- package/dist/utils/arrow.d.ts +0 -1
- package/dist/utils/boxShadow.d.ts +0 -1
- package/dist/utils/disabledColor.d.ts +0 -2
- package/dist/utils/findColorInvert.d.ts +0 -2
- package/dist/utils/hambuger.d.ts +0 -1
- package/dist/utils/index.d.ts +0 -6
- package/dist/utils/isClient.d.ts +0 -2
- package/dist/utils/media.d.ts +0 -6
- package/dist/utils/setAlign.d.ts +0 -3
- package/dist/utils/setSize.d.ts +0 -4
- package/dist/utils/stopPropagation.d.ts +0 -2
- package/dist/utils/wrapEvent.d.ts +0 -2
package/dist/lib.css
ADDED
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
@theme {
|
|
2
|
+
--default-font-family: -apple-system BlinkMacSystemFont, Meiryo, system-ui, sans-serif;
|
|
3
|
+
--color-primary: #37B151;
|
|
4
|
+
--color-primary-fore: #76d58b;
|
|
5
|
+
--color-info: #209CEE;
|
|
6
|
+
--color-info-fore: #59b5f3;
|
|
7
|
+
--color-warn: #F2B541;
|
|
8
|
+
--color-warn-fore: #f7d088;
|
|
9
|
+
--color-danger: #ee1114;
|
|
10
|
+
--color-danger-fore: #F3575A;
|
|
11
|
+
--color-backdrop: #00000099;
|
|
12
|
+
|
|
13
|
+
/* utility colors */
|
|
14
|
+
--color-background: #FFFFFF;
|
|
15
|
+
--color-accent: #F4F4F5;
|
|
16
|
+
--color-input: #E4E4E7;
|
|
17
|
+
--color-input-fore: #BBBBC3;
|
|
18
|
+
--color-ring: #E4E4E7;
|
|
19
|
+
|
|
20
|
+
/* text */
|
|
21
|
+
--color-text: #4A4A4A;
|
|
22
|
+
--color-inverted: #FAFAFA;
|
|
23
|
+
--color-muted: #808080;
|
|
24
|
+
|
|
25
|
+
--ease-in-out: cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
26
|
+
}
|
package/package.json
CHANGED
|
@@ -2,16 +2,17 @@
|
|
|
2
2
|
"name": "visits-style",
|
|
3
3
|
"repository": "https://github.com/visits-works/visits-style",
|
|
4
4
|
"homepage": "https://github.com/visits-works/visits-style",
|
|
5
|
-
"version": "
|
|
5
|
+
"version": "2.0.1",
|
|
6
6
|
"type": "module",
|
|
7
7
|
"main": "./dist/index.cjs.js",
|
|
8
8
|
"module": "./dist/index.es.js",
|
|
9
9
|
"types": "./dist/index.d.ts",
|
|
10
10
|
"exports": {
|
|
11
11
|
".": {
|
|
12
|
-
"import": "./dist/index.
|
|
12
|
+
"import": "./dist/index.esm.js",
|
|
13
13
|
"require": "./dist/index.cjs.js"
|
|
14
|
-
}
|
|
14
|
+
},
|
|
15
|
+
"./lib.css": "./dist/lib.css"
|
|
15
16
|
},
|
|
16
17
|
"license": "Apache-2.0",
|
|
17
18
|
"sideEffects": false,
|
|
@@ -19,12 +20,12 @@
|
|
|
19
20
|
"dist"
|
|
20
21
|
],
|
|
21
22
|
"peerDependencies": {
|
|
22
|
-
"react": ">=18
|
|
23
|
-
"react-dom": ">=18
|
|
24
|
-
"
|
|
23
|
+
"react": ">=18",
|
|
24
|
+
"react-dom": ">=18",
|
|
25
|
+
"tailwindcss": ">=4"
|
|
25
26
|
},
|
|
26
27
|
"dependencies": {
|
|
27
|
-
"@floating-ui/react": "^0.27.
|
|
28
|
-
"
|
|
28
|
+
"@floating-ui/react": "^0.27.4",
|
|
29
|
+
"clsx": "^2.1.1"
|
|
29
30
|
}
|
|
30
31
|
}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { HTMLAttributes } from 'react';
|
|
2
|
-
export interface Props extends HTMLAttributes<HTMLDivElement> {
|
|
3
|
-
/** ボタンなどの表示するラベル */
|
|
4
|
-
header: any;
|
|
5
|
-
show: boolean;
|
|
6
|
-
/**
|
|
7
|
-
* アニメーションの時間
|
|
8
|
-
* @default 300
|
|
9
|
-
*/
|
|
10
|
-
timeout?: number;
|
|
11
|
-
}
|
|
12
|
-
export default function Accordion({ header, show, children, timeout, ...rest }: Props): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import React, { HTMLAttributes } from 'react';
|
|
2
|
-
import { ColorType } from '../../types';
|
|
3
|
-
export interface Props extends HTMLAttributes<HTMLDivElement> {
|
|
4
|
-
/** background色 */
|
|
5
|
-
color?: ColorType;
|
|
6
|
-
/** ロゴのイメージ、プロジェクト名など */
|
|
7
|
-
brand?: React.ReactElement<any> | string;
|
|
8
|
-
/** 定義された位置を固定にする */
|
|
9
|
-
fixed?: boolean;
|
|
10
|
-
/** (IE11不可)画面がスクロールされても上で貼り付けいるようにする */
|
|
11
|
-
sticky?: boolean;
|
|
12
|
-
/** 中央並びから自動幅で表示します */
|
|
13
|
-
fluid?: boolean;
|
|
14
|
-
/** 背景がblurされます(safari専用、他は透明度) */
|
|
15
|
-
backdrop?: boolean;
|
|
16
|
-
/** childrenに定義するElementの並び順を指定します。未定義は自動並び */
|
|
17
|
-
align?: 'left' | 'right';
|
|
18
|
-
}
|
|
19
|
-
export default function AppBar({ children, align, brand, ...rest }: Props): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import React, { HTMLAttributes } from 'react';
|
|
2
|
-
export interface Props extends HTMLAttributes<HTMLDivElement> {
|
|
3
|
-
/** trueの場合、モーダルを表示します。 */
|
|
4
|
-
show?: boolean;
|
|
5
|
-
/** モーダルのbodyに入れる内容 */
|
|
6
|
-
children?: React.ReactNode;
|
|
7
|
-
/** モーダルを閉じる処理 */
|
|
8
|
-
closeModal: () => void;
|
|
9
|
-
/** オーバーレイのクリックでモーダルクローズ */
|
|
10
|
-
closeOnOverlay?: boolean;
|
|
11
|
-
/** escボタンでクローズ */
|
|
12
|
-
closeOnEsc?: boolean;
|
|
13
|
-
/**
|
|
14
|
-
* モーダルの表示・非表示のアニメーション速度
|
|
15
|
-
* @default 200
|
|
16
|
-
*/
|
|
17
|
-
timeout?: number;
|
|
18
|
-
/** モーダルのtransition exitが完了した時に発火されるcallback */
|
|
19
|
-
onExited?: () => void;
|
|
20
|
-
/**
|
|
21
|
-
* モーダルの背景からのpaddingを指定します。
|
|
22
|
-
* @default '0.85rem'
|
|
23
|
-
*/
|
|
24
|
-
padding?: string;
|
|
25
|
-
/**
|
|
26
|
-
* モーダルの縦並びを設定します。
|
|
27
|
-
* @default 'center'
|
|
28
|
-
*/
|
|
29
|
-
verticalAlign?: 'start' | 'center' | 'end';
|
|
30
|
-
}
|
|
31
|
-
export default function Modal({ show, children, timeout, padding, verticalAlign, closeModal, closeOnOverlay, closeOnEsc, onExited, ...rest }: Props): import("react/jsx-runtime").JSX.Element;
|
|
32
|
-
export declare const ModalContent: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("../../elements/Box").Props>>;
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
import React, { HTMLAttributes } from 'react';
|
|
2
|
-
import { type ReferenceType } from '@floating-ui/react';
|
|
3
|
-
import type { Placement } from '@floating-ui/core';
|
|
4
|
-
export interface Props extends HTMLAttributes<HTMLDivElement> {
|
|
5
|
-
/** ボタンの内容 */
|
|
6
|
-
label: React.ReactElement;
|
|
7
|
-
/** 内容のリスト */
|
|
8
|
-
children?: React.ReactNode;
|
|
9
|
-
/**
|
|
10
|
-
* 吹き出しの背景色
|
|
11
|
-
* @default 'background'
|
|
12
|
-
*/
|
|
13
|
-
color?: string;
|
|
14
|
-
/**
|
|
15
|
-
* 表示される場所
|
|
16
|
-
* @default 'bottom-end'
|
|
17
|
-
*/
|
|
18
|
-
position?: Placement;
|
|
19
|
-
/**
|
|
20
|
-
* ツールチップが表示される間隔
|
|
21
|
-
* @default '{ x: 0, y: 6 }'
|
|
22
|
-
*/
|
|
23
|
-
offset?: {
|
|
24
|
-
x: number;
|
|
25
|
-
y: number;
|
|
26
|
-
};
|
|
27
|
-
/** 閉じた場合のコールバック */
|
|
28
|
-
onClose?: (ref?: ReferenceType | null, float?: HTMLElement | null) => void;
|
|
29
|
-
/** 開けた場合のコールバック */
|
|
30
|
-
onOpen?: (ref?: ReferenceType | null, float?: HTMLElement | null) => void;
|
|
31
|
-
/** popoverを閉じる処理を手動に設定します */
|
|
32
|
-
onManualClose?: () => void;
|
|
33
|
-
/** コンテンツを出さない */
|
|
34
|
-
disabled?: boolean;
|
|
35
|
-
/**
|
|
36
|
-
* zIndexを指定する
|
|
37
|
-
* @default 9996
|
|
38
|
-
*/
|
|
39
|
-
zIndex?: number;
|
|
40
|
-
}
|
|
41
|
-
export interface PopoverRef {
|
|
42
|
-
open: () => void;
|
|
43
|
-
close: () => void;
|
|
44
|
-
}
|
|
45
|
-
declare const Popover: React.ForwardRefExoticComponent<Props & React.RefAttributes<PopoverRef>>;
|
|
46
|
-
export default Popover;
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { HTMLAttributes } from 'react';
|
|
2
|
-
import { ColorType } from '../../types';
|
|
3
|
-
export interface Props extends HTMLAttributes<HTMLDivElement> {
|
|
4
|
-
/** 色の指定 */
|
|
5
|
-
color?: ColorType;
|
|
6
|
-
/** サイズ */
|
|
7
|
-
size?: string;
|
|
8
|
-
/** spinnerの太さ */
|
|
9
|
-
borderSize?: string;
|
|
10
|
-
}
|
|
11
|
-
declare const Spinner: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Props>>;
|
|
12
|
-
export default Spinner;
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export interface ToastType {
|
|
3
|
-
/** 認識ID */
|
|
4
|
-
id: string;
|
|
5
|
-
/** 表示する内容 */
|
|
6
|
-
message?: React.ReactNode;
|
|
7
|
-
/**
|
|
8
|
-
* 表示される時間 nullの場合は自動で閉じられません
|
|
9
|
-
* @default 5000
|
|
10
|
-
*/
|
|
11
|
-
duration?: number | null;
|
|
12
|
-
className?: string;
|
|
13
|
-
/** 押したら閉じられる */
|
|
14
|
-
clearOnClick?: boolean;
|
|
15
|
-
}
|
|
16
|
-
export interface ToastItemProps extends ToastType {
|
|
17
|
-
clear: (id: string) => void;
|
|
18
|
-
}
|
|
19
|
-
export type ToastContainerPositionType = 'top' | 'top-right' | 'top-left' | 'bottom' | 'bottom-right' | 'bottom-left';
|
|
20
|
-
export interface ToastContainerProps {
|
|
21
|
-
/** 表示するToastのリスト */
|
|
22
|
-
toasts: ToastType[];
|
|
23
|
-
/** toastを消すタイミングのコールバック */
|
|
24
|
-
clear: (id: string) => void;
|
|
25
|
-
/**
|
|
26
|
-
* toastの表示される場所の指定
|
|
27
|
-
* \
|
|
28
|
-
* top, top-right, top-left, bottom, bottom-right, bottom-left
|
|
29
|
-
* @default 'top-left'
|
|
30
|
-
*/
|
|
31
|
-
position?: ToastContainerPositionType;
|
|
32
|
-
/**
|
|
33
|
-
* margin 単位はpx
|
|
34
|
-
* @default '16px'
|
|
35
|
-
*/
|
|
36
|
-
margin?: string;
|
|
37
|
-
/**
|
|
38
|
-
* toast間の間隔
|
|
39
|
-
* @default '16px'
|
|
40
|
-
*/
|
|
41
|
-
space?: string;
|
|
42
|
-
/** スクロールしても固定として表示する */
|
|
43
|
-
fixed?: boolean;
|
|
44
|
-
}
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
import React, { MutableRefObject } from 'react';
|
|
2
|
-
import type { Placement, ReferenceElement } from '@floating-ui/core';
|
|
3
|
-
import { ColorType } from '../../types';
|
|
4
|
-
export interface TooltipRef {
|
|
5
|
-
floating: MutableRefObject<HTMLElement | null>;
|
|
6
|
-
reference: MutableRefObject<ReferenceElement | null>;
|
|
7
|
-
open: () => void;
|
|
8
|
-
close: () => void;
|
|
9
|
-
}
|
|
10
|
-
export interface TooltipProps {
|
|
11
|
-
/** 吹き出しとして表示したい内容 */
|
|
12
|
-
label: React.ReactNode;
|
|
13
|
-
/** マウスオーバーの対象になるelement */
|
|
14
|
-
children: React.ReactElement;
|
|
15
|
-
/** 吹き出しの背景色の指定 */
|
|
16
|
-
color?: ColorType;
|
|
17
|
-
/**
|
|
18
|
-
* 表示される場所
|
|
19
|
-
* @default 'bottom'
|
|
20
|
-
*/
|
|
21
|
-
position?: Placement;
|
|
22
|
-
/**
|
|
23
|
-
* ツールチップが表示される間隔, 単位はpx
|
|
24
|
-
* @default '{ x: 0, y: 6 }'
|
|
25
|
-
*/
|
|
26
|
-
offset?: {
|
|
27
|
-
x: number;
|
|
28
|
-
y: number;
|
|
29
|
-
};
|
|
30
|
-
/** 吹き出し表示座標を対象のElementではなくマウスカーソルにする */
|
|
31
|
-
clientPoint?: boolean;
|
|
32
|
-
/** 吹き出しを出さない */
|
|
33
|
-
disabled?: boolean;
|
|
34
|
-
className?: string;
|
|
35
|
-
}
|
|
36
|
-
declare const Tooltip: React.ForwardRefExoticComponent<TooltipProps & React.RefAttributes<TooltipRef>>;
|
|
37
|
-
export default Tooltip;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
export * from '../forms';
|
|
2
|
-
export { default as Accordion, type Props as AccordionProps } from './Accordion';
|
|
3
|
-
export { default as AppBar, type Props as AppBarProps } from './AppBar';
|
|
4
|
-
export { default as Tooltip, type TooltipProps, type TooltipRef } from './Tooltip';
|
|
5
|
-
export { default as Popover, type Props as PopoverProps, type PopoverRef } from './Popover';
|
|
6
|
-
export { default as Portal, type Props as PortalProps } from './Portal';
|
|
7
|
-
export { default as Modal, type Props as ModalProps } from './Modal';
|
|
8
|
-
export { default as Toast } from './Toast';
|
|
9
|
-
export { default as Spinner, type Props as SinnerProps } from './Spinner';
|
|
10
|
-
export type * from './Toast/types';
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { HTMLAttributes } from 'react';
|
|
2
|
-
import { ColorType } from '../../types';
|
|
3
|
-
export interface Props extends HTMLAttributes<HTMLDivElement> {
|
|
4
|
-
/** 色指定 */
|
|
5
|
-
color?: ColorType;
|
|
6
|
-
/** borderを非表示する */
|
|
7
|
-
borderless?: boolean;
|
|
8
|
-
}
|
|
9
|
-
declare const _default: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Props>>;
|
|
10
|
-
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,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,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;
|
package/dist/elements/index.d.ts
DELETED
|
@@ -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;
|