jp.ui.app.ds 1.0.1 → 1.0.3
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/dist/index.d.ts +731 -7
- package/dist/index.js +1 -184
- package/dist/index.js.map +1 -1
- package/dist/just_poker/alert/alert.d.ts +9 -0
- package/dist/just_poker/alert/alert.style.d.ts +7 -0
- package/dist/just_poker/alert/index.d.ts +1 -0
- package/dist/just_poker/app-bar-header/app-bar-header-requisites-item.d.ts +7 -0
- package/dist/just_poker/app-bar-header/app-bar-header-requisites-item.style.d.ts +4 -0
- package/dist/just_poker/app-bar-header/app-bar-header-requisites.d.ts +10 -0
- package/dist/just_poker/app-bar-header/app-bar-header-requisites.style.d.ts +4 -0
- package/dist/just_poker/app-bar-header/app-bar-header.d.ts +11 -0
- package/dist/just_poker/app-bar-header/app-bar-header.style.d.ts +12 -0
- package/dist/just_poker/app-bar-header/index.d.ts +1 -0
- package/dist/just_poker/avatar/avatar-frame-type.d.ts +11 -0
- package/dist/just_poker/avatar/avatar-size-type.d.ts +4 -0
- package/dist/just_poker/avatar/avatar.d.ts +18 -0
- package/dist/just_poker/avatar/avatar.style.d.ts +34 -0
- package/dist/just_poker/avatar/index.d.ts +4 -0
- package/dist/just_poker/avatar-badge/avatar-badge.d.ts +7 -0
- package/dist/just_poker/avatar-badge/avatar-badge.style.d.ts +22 -0
- package/dist/just_poker/avatar-badge/badge-type.d.ts +1 -0
- package/dist/just_poker/avatar-badge/index.d.ts +2 -0
- package/dist/just_poker/avatar-image/avatar-image.d.ts +14 -0
- package/dist/just_poker/avatar-image/avatar-image.style.d.ts +19 -0
- package/dist/just_poker/avatar-image/index.d.ts +2 -0
- package/dist/just_poker/banner/banner.d.ts +9 -0
- package/dist/just_poker/banner/banner.style.d.ts +23 -0
- package/dist/just_poker/banner/index.d.ts +2 -0
- package/dist/just_poker/bottom-selection-panel/bottom-selection-panel-item.d.ts +9 -0
- package/dist/just_poker/bottom-selection-panel/bottom-selection-panel-item.style.d.ts +9 -0
- package/dist/just_poker/bottom-selection-panel/bottom-selection-panel.d.ts +15 -0
- package/dist/just_poker/bottom-selection-panel/bottom-selection-panel.style.d.ts +7 -0
- package/dist/just_poker/bottom-selection-panel/index.d.ts +2 -0
- package/dist/just_poker/card/card-button.d.ts +12 -0
- package/dist/just_poker/card/card-item-with-checkbox.d.ts +12 -0
- package/dist/just_poker/card/card-item.d.ts +14 -0
- package/dist/just_poker/card/card-item.style.d.ts +4 -0
- package/dist/just_poker/card/card-product.d.ts +21 -0
- package/dist/just_poker/card/card-product.style.d.ts +39 -0
- package/dist/just_poker/card/card.d.ts +16 -0
- package/dist/just_poker/card/index.d.ts +4 -0
- package/dist/just_poker/cards-player/cards-player-on-mobile-table-yours.d.ts +3 -0
- package/dist/just_poker/cards-player/cards-player-on-mobile-table-yours.style.d.ts +42 -0
- package/dist/just_poker/cards-player/cards-player-on-mobile-table.d.ts +3 -0
- package/dist/just_poker/cards-player/cards-player-on-mobile-table.style.d.ts +39 -0
- package/dist/just_poker/cards-player/cards-player-yours.d.ts +6 -0
- package/dist/just_poker/cards-player/cards-player-yours.style.d.ts +28 -0
- package/dist/just_poker/cards-player/cards-player.d.ts +18 -0
- package/dist/just_poker/cards-player/cards-player.style.d.ts +20 -0
- package/dist/just_poker/cards-player/index.d.ts +4 -0
- package/dist/just_poker/game-card/game-card-factory.d.ts +2 -0
- package/dist/just_poker/game-card/game-cards-deck.d.ts +16 -0
- package/dist/just_poker/game-card/game-cards-deck.style.d.ts +4 -0
- package/dist/just_poker/game-card/game-cards-row.d.ts +11 -0
- package/dist/just_poker/game-card/game-cards-row.style.d.ts +6 -0
- package/dist/just_poker/game-card/game-cards-stub.d.ts +6 -0
- package/dist/just_poker/game-card/game-cards-stub.style.d.ts +12 -0
- package/dist/just_poker/game-card/index.d.ts +6 -0
- package/dist/just_poker/game-card/skins/base/game-card-base.d.ts +36 -0
- package/dist/just_poker/game-card/skins/base/game-card-base.style.d.ts +56 -0
- package/dist/just_poker/game-card/skins/dacha/card-skin-dacha.d.ts +10 -0
- package/dist/just_poker/game-card/skins/dacha/card-skin-dacha.style.d.ts +31 -0
- package/dist/just_poker/game-card/skins/default/game-card-skin-default.d.ts +11 -0
- package/dist/just_poker/game-card/skins/default/game-card-skin-default.style.d.ts +24 -0
- package/dist/just_poker/game-card/skins/pink-panther/card-skin-pink-panther.d.ts +10 -0
- package/dist/just_poker/game-card/skins/pink-panther/card-skin-pink-panther.style.d.ts +34 -0
- package/dist/just_poker/game-card/skins/pokerdom/card-skin-pokerdom.d.ts +10 -0
- package/dist/just_poker/game-card/skins/pokerdom/card-skin-pokerdom.style.d.ts +31 -0
- package/dist/just_poker/game-card/skins/premium/card-skin-premium.d.ts +10 -0
- package/dist/just_poker/game-card/skins/premium/card-skin-premium.style.d.ts +31 -0
- package/dist/just_poker/game-card/skins/ussr/card-skin-ussr.d.ts +10 -0
- package/dist/just_poker/game-card/skins/ussr/card-skin-ussr.style.d.ts +31 -0
- package/dist/just_poker/game-card/skins/vampire/card-skin-vampire.d.ts +10 -0
- package/dist/just_poker/game-card/skins/vampire/card-skin-vampire.style.d.ts +31 -0
- package/dist/just_poker/game-card/skins/western/card-skin-western.d.ts +10 -0
- package/dist/just_poker/game-card/skins/western/card-skin-western.style.d.ts +31 -0
- package/dist/just_poker/game-card/types/game-card-rank.enum.d.ts +15 -0
- package/dist/just_poker/game-card/types/game-card-size.enum.d.ts +4 -0
- package/dist/just_poker/game-card/types/game-card-skin.enum.d.ts +10 -0
- package/dist/just_poker/game-card/types/game-card-suit.enum.d.ts +6 -0
- package/dist/just_poker/game-card/types/game-card.type.d.ts +6 -0
- package/dist/just_poker/game-card/types/poker-set.enum.d.ts +13 -0
- package/dist/just_poker/index.d.ts +17 -0
- package/dist/just_poker/last-action-panel/index.d.ts +1 -0
- package/dist/just_poker/last-action-panel/last-action-panel.d.ts +9 -0
- package/dist/just_poker/last-action-panel/last-action-panel.style.d.ts +4 -0
- package/dist/just_poker/page-screen/index.d.ts +2 -0
- package/dist/just_poker/page-screen/page-screen.d.ts +19 -0
- package/dist/just_poker/page-screen/screen.d.ts +4 -0
- package/dist/just_poker/popup-screen/index.d.ts +1 -0
- package/dist/just_poker/popup-screen/popup-screen.style.d.ts +8 -0
- package/dist/just_poker/rustore-banner/index.d.ts +1 -0
- package/dist/just_poker/rustore-banner/rustore-banner.d.ts +6 -0
- package/dist/just_poker/rustore-banner/rustore-banner.style.d.ts +4 -0
- package/dist/just_poker/scroll-list/index.d.ts +1 -0
- package/dist/just_poker/scroll-list/scroll-list.d.ts +4 -0
- package/dist/just_poker/skeleton/index.d.ts +1 -0
- package/dist/just_poker/skeleton/skeleton.style.d.ts +14 -0
- package/dist/just_poker/workflow-buttons/index.d.ts +1 -0
- package/dist/just_poker/workflow-buttons/workflow-buttons.style.d.ts +4 -0
- package/dist/matherial3/badge/badge.style.d.ts +5 -0
- package/dist/matherial3/badge/index.d.ts +2 -0
- package/dist/matherial3/bottom-sheet/bottom-sheet.d.ts +7 -0
- package/dist/matherial3/bottom-sheet/bottom-sheet.style.d.ts +17 -0
- package/dist/matherial3/bottom-sheet/index.d.ts +2 -0
- package/dist/matherial3/dialog/dialog.d.ts +11 -0
- package/dist/matherial3/dialog/dialog.style.d.ts +16 -0
- package/dist/matherial3/dialog/index.d.ts +2 -0
- package/dist/matherial3/divider/divider.style.d.ts +5 -0
- package/dist/matherial3/divider/index.d.ts +2 -0
- package/dist/matherial3/icon-button/icon-button.d.ts +13 -0
- package/dist/matherial3/icon-button/icon-button.style.d.ts +11 -0
- package/dist/matherial3/icon-button/index.d.ts +2 -0
- package/dist/matherial3/index.d.ts +14 -0
- package/dist/matherial3/list-item/index.d.ts +1 -0
- package/dist/matherial3/list-item/list-item.d.ts +11 -0
- package/dist/matherial3/list-item/list-item.style.d.ts +19 -0
- package/dist/matherial3/progress-indicator/circular-progress.d.ts +2 -0
- package/dist/matherial3/progress-indicator/circular-progress.style.d.ts +5 -0
- package/dist/matherial3/progress-indicator/index.d.ts +3 -0
- package/dist/matherial3/progress-indicator/screen-progress.d.ts +2 -0
- package/dist/matherial3/progress-indicator/screen-progress.style.d.ts +4 -0
- package/dist/matherial3/radio-buttons/index.d.ts +2 -0
- package/dist/matherial3/radio-buttons/radio-button-group.d.ts +11 -0
- package/dist/matherial3/radio-buttons/radio-button-group.style.d.ts +3 -0
- package/dist/matherial3/radio-buttons/radio-button.d.ts +8 -0
- package/dist/matherial3/radio-buttons/radio-button.style.d.ts +37 -0
- package/dist/matherial3/snackbar/index.d.ts +2 -0
- package/dist/matherial3/snackbar/snackbar-item.d.ts +8 -0
- package/dist/matherial3/snackbar/snackbar-item.style.d.ts +30 -0
- package/dist/matherial3/snackbar/snackbar.d.ts +14 -0
- package/dist/matherial3/snackbar/snackbar.style.d.ts +4 -0
- package/dist/matherial3/tabs/index.d.ts +3 -0
- package/dist/matherial3/tabs/tab.d.ts +8 -0
- package/dist/matherial3/tabs/tab.style.d.ts +12 -0
- package/dist/matherial3/tabs/tabs.d.ts +11 -0
- package/dist/matherial3/tabs/tabs.style.d.ts +5 -0
- package/dist/matherial3/text-field/index.d.ts +2 -0
- package/dist/matherial3/text-field/outlined-text-field.d.ts +19 -0
- package/dist/matherial3/text-field/outlined-text-field.style.d.ts +24 -0
- package/dist/matherial3/textarea/index.d.ts +2 -0
- package/dist/matherial3/textarea/outlined-textarea.d.ts +18 -0
- package/dist/matherial3/textarea/outlined-textarea.style.d.ts +24 -0
- package/dist/matherial3/top-up-bar/badge-icon.d.ts +10 -0
- package/dist/matherial3/top-up-bar/badge-icon.style.d.ts +11 -0
- package/dist/matherial3/top-up-bar/index.d.ts +1 -0
- package/dist/matherial3/top-up-bar/top-app-bar.d.ts +12 -0
- package/dist/matherial3/top-up-bar/top-app-bar.style.d.ts +18 -0
- package/dist/matherial3/typography/m3-typography.d.ts +2 -2
- package/dist/tokens/common.d.ts +5 -0
- package/dist/tokens/index.d.ts +5 -0
- package/dist/tokens/media.d.ts +4 -0
- package/dist/tokens/palette.d.ts +49 -0
- package/dist/tokens/z-index.d.ts +10 -0
- package/dist/universal-screen/icons.d.ts +1 -0
- package/dist/universal-screen/index.d.ts +1 -0
- package/dist/universal-screen/sections/banner-section/banner-section-item.d.ts +9 -0
- package/dist/universal-screen/sections/banner-section/banner-section-item.style.d.ts +23 -0
- package/dist/universal-screen/sections/banner-section/banner-section.d.ts +9 -0
- package/dist/universal-screen/sections/card-list-section/card-list-section-item.d.ts +11 -0
- package/dist/universal-screen/sections/card-list-section/card-list-section.d.ts +11 -0
- package/dist/universal-screen/sections/card-list-section/card-list-section.style.d.ts +10 -0
- package/dist/universal-screen/sections/cards-set-info-section/cards-set-info-section.d.ts +7 -0
- package/dist/universal-screen/sections/cards-set-info-section/cards-set-info-section.style.d.ts +12 -0
- package/dist/universal-screen/sections/form-buttons-section/form-buttons-section.d.ts +10 -0
- package/dist/universal-screen/sections/form-buttons-section/form-buttons-section.style.d.ts +4 -0
- package/dist/universal-screen/sections/index.d.ts +10 -0
- package/dist/universal-screen/sections/menu-header-section/menu-header-section.d.ts +7 -0
- package/dist/universal-screen/sections/menu-header-section/menu-header-section.style.d.ts +4 -0
- package/dist/universal-screen/sections/menu-list-section/menu-list-section-item.d.ts +9 -0
- package/dist/universal-screen/sections/menu-list-section/menu-list-section-option.d.ts +9 -0
- package/dist/universal-screen/sections/menu-list-section/menu-list-section-option.style.d.ts +21 -0
- package/dist/universal-screen/sections/menu-list-section/menu-list-section.d.ts +9 -0
- package/dist/universal-screen/sections/menu-list-section/menu-list-section.style.d.ts +4 -0
- package/dist/universal-screen/sections/section-factory.d.ts +3 -0
- package/dist/universal-screen/sections/status-header-section/status-header-section.d.ts +10 -0
- package/dist/universal-screen/sections/tabs-section/tabs-section.d.ts +9 -0
- package/dist/universal-screen/sections/tabs-section/tabs-section.style.d.ts +3 -0
- package/dist/universal-screen/sections/text-section/text-section.d.ts +7 -0
- package/dist/universal-screen/sections/text-section/text-section.style.d.ts +3 -0
- package/dist/universal-screen/types.d.ts +20 -0
- package/dist/universal-screen/universal-screen.d.ts +13 -0
- package/dist/utils/common.d.ts +7 -0
- package/package.json +6 -4
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { IconButtonType } from '../../matherial3/icon-button/icon-button.tsx';
|
|
3
|
+
type PageScreenType = {
|
|
4
|
+
children: React.ReactNode;
|
|
5
|
+
title: string;
|
|
6
|
+
isLoading?: boolean;
|
|
7
|
+
isError?: boolean;
|
|
8
|
+
onLeftButtonClick?: (event: React.MouseEvent<HTMLElement>) => void;
|
|
9
|
+
rightFirstButton?: IconButtonType;
|
|
10
|
+
rightSecondButton?: IconButtonType;
|
|
11
|
+
rightThirdButton?: IconButtonType;
|
|
12
|
+
onClickError?: (event: React.MouseEvent<HTMLElement>) => void;
|
|
13
|
+
topAppBarBackgroundColor?: string;
|
|
14
|
+
leftButtonTitle: string;
|
|
15
|
+
errorTitle: string;
|
|
16
|
+
errorButtonTitle: string;
|
|
17
|
+
};
|
|
18
|
+
export declare const PageScreen: (props: PageScreenType) => React.JSX.Element;
|
|
19
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { PopupScreen } from './popup-screen.style.tsx';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { RuStoreBanner } from './rustore-banner.tsx';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { ScrollList } from './scroll-list';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Skeleton } from './skeleton.style.ts';
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { Theme } from '@emotion/react';
|
|
2
|
+
type SkeletonType = {
|
|
3
|
+
width?: number;
|
|
4
|
+
height: number;
|
|
5
|
+
variant: 'circle' | 'rect';
|
|
6
|
+
theme?: Theme;
|
|
7
|
+
isCard?: boolean;
|
|
8
|
+
fullWidth?: boolean;
|
|
9
|
+
};
|
|
10
|
+
export declare const Skeleton: import("@emotion/styled").StyledComponent<{
|
|
11
|
+
theme?: Theme;
|
|
12
|
+
as?: React.ElementType;
|
|
13
|
+
} & SkeletonType, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
14
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { WorkflowButtonsStyled } from './workflow-buttons.style';
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
export type DialogType = {
|
|
3
|
+
closeButtonTitle: string;
|
|
4
|
+
onCloseClick?: (event: React.MouseEvent | TouchEvent | MouseEvent) => void;
|
|
5
|
+
children?: React.ReactNode;
|
|
6
|
+
};
|
|
7
|
+
export declare const BottomSheet: (props: DialogType) => React.JSX.Element;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { Theme } from '@emotion/react';
|
|
2
|
+
export declare const BottomSheetContainer: import("@emotion/styled").StyledComponent<{
|
|
3
|
+
theme?: Theme;
|
|
4
|
+
as?: React.ElementType;
|
|
5
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
6
|
+
export declare const BottomSheetContainerForm: import("@emotion/styled").StyledComponent<{
|
|
7
|
+
theme?: Theme;
|
|
8
|
+
as?: React.ElementType;
|
|
9
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
10
|
+
export declare const BottomSheetHeader: import("@emotion/styled").StyledComponent<{
|
|
11
|
+
theme?: Theme;
|
|
12
|
+
as?: React.ElementType;
|
|
13
|
+
}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
|
|
14
|
+
export declare const BottomSheetContainerDragHandle: import("@emotion/styled").StyledComponent<{
|
|
15
|
+
theme?: Theme;
|
|
16
|
+
as?: React.ElementType;
|
|
17
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
export type DialogType = {
|
|
3
|
+
title?: string | null;
|
|
4
|
+
description?: string | null;
|
|
5
|
+
okButtonText: string;
|
|
6
|
+
onOkClick: (event: React.MouseEvent<HTMLElement> | MouseEvent) => void;
|
|
7
|
+
cancelButtonText?: string | null;
|
|
8
|
+
onCancelClick?: (event: React.MouseEvent<HTMLElement> | MouseEvent) => void;
|
|
9
|
+
children?: React.ReactNode;
|
|
10
|
+
};
|
|
11
|
+
export declare const Dialog: (props: DialogType) => React.JSX.Element;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { Theme } from '@emotion/react';
|
|
2
|
+
export declare const DialogContainer: import("@emotion/styled").StyledComponent<{
|
|
3
|
+
theme?: Theme;
|
|
4
|
+
as?: React.ElementType;
|
|
5
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
6
|
+
export declare const DialogForm: import("@emotion/styled").StyledComponent<{
|
|
7
|
+
theme?: Theme;
|
|
8
|
+
as?: React.ElementType;
|
|
9
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
10
|
+
export declare const DialogTitle: import("@emotion/styled").StyledComponent<import("../typography/m3-typography").TypographyProps & {
|
|
11
|
+
theme?: Theme;
|
|
12
|
+
}, {}, {}>;
|
|
13
|
+
export declare const DialogButtons: import("@emotion/styled").StyledComponent<{
|
|
14
|
+
theme?: Theme;
|
|
15
|
+
as?: React.ElementType;
|
|
16
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
export type IconButtonType = {
|
|
3
|
+
title: string;
|
|
4
|
+
onClick?: (event: React.MouseEvent<HTMLElement>) => void;
|
|
5
|
+
icon: string;
|
|
6
|
+
color: string;
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
className?: string;
|
|
9
|
+
hasBadge?: boolean | undefined;
|
|
10
|
+
rounded?: boolean;
|
|
11
|
+
backgroundColor?: string;
|
|
12
|
+
};
|
|
13
|
+
export declare const IconButton: ({ title, onClick, icon, color, disabled, className, backgroundColor, rounded }: IconButtonType) => React.JSX.Element;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
type IconButtonRootStyledProps = {
|
|
2
|
+
backgroundColor?: string;
|
|
3
|
+
rounded?: boolean;
|
|
4
|
+
};
|
|
5
|
+
export declare const IconButtonRootStyled: import("@emotion/styled").StyledComponent<{
|
|
6
|
+
theme?: import("@emotion/react").Theme;
|
|
7
|
+
as?: React.ElementType;
|
|
8
|
+
} & import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
9
|
+
theme?: import("@emotion/react").Theme;
|
|
10
|
+
} & IconButtonRootStyledProps, {}, {}>;
|
|
11
|
+
export {};
|
|
@@ -1,2 +1,16 @@
|
|
|
1
|
+
export { Badge } from './badge';
|
|
2
|
+
export { BottomSheet } from './bottom-sheet';
|
|
1
3
|
export { FilledButton, OutlinedButton, TextButton } from './button';
|
|
2
4
|
export { Checkbox } from './checkbox';
|
|
5
|
+
export { Dialog } from './dialog';
|
|
6
|
+
export { Divider } from './divider';
|
|
7
|
+
export { IconButton } from './icon-button';
|
|
8
|
+
export { ListItem } from './list-item';
|
|
9
|
+
export { CircularProgress, ScreenProgress } from './progress-indicator';
|
|
10
|
+
export { RadioButtonGroup } from './radio-buttons';
|
|
11
|
+
export { Snackbar } from './snackbar';
|
|
12
|
+
export { Tabs, Tab } from './tabs';
|
|
13
|
+
export { OutlinedTextField } from './text-field';
|
|
14
|
+
export { OutlinedTextarea } from './textarea';
|
|
15
|
+
export { TopAppBar } from './top-up-bar';
|
|
16
|
+
export { Title, Label, Headline, Display, Body } from './typography';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { ListItem } from './list-item.tsx';
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
type SettingsScreenEditDialogFormImageItemProps = {
|
|
3
|
+
value: string;
|
|
4
|
+
initialSelectedValue: string;
|
|
5
|
+
onChange: (value: string) => void;
|
|
6
|
+
imageUrl: string;
|
|
7
|
+
disabled: boolean;
|
|
8
|
+
title: string;
|
|
9
|
+
};
|
|
10
|
+
export declare const ListItem: ({ initialSelectedValue, onChange, value, imageUrl, disabled, title, }: SettingsScreenEditDialogFormImageItemProps) => React.JSX.Element;
|
|
11
|
+
export {};
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { Theme } from '@emotion/react';
|
|
2
|
+
export type ListItemImageProps = {
|
|
3
|
+
theme?: Theme;
|
|
4
|
+
disabled: boolean;
|
|
5
|
+
};
|
|
6
|
+
export declare const ListItemImg: import("@emotion/styled").StyledComponent<{
|
|
7
|
+
theme?: Theme;
|
|
8
|
+
as?: React.ElementType;
|
|
9
|
+
}, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
|
|
10
|
+
export declare const ListItemRoot: import("@emotion/styled").StyledComponent<{
|
|
11
|
+
theme?: Theme;
|
|
12
|
+
as?: React.ElementType;
|
|
13
|
+
} & import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
14
|
+
theme?: Theme;
|
|
15
|
+
} & ListItemImageProps, {}, {}>;
|
|
16
|
+
export declare const ListItemLeftCol: import("@emotion/styled").StyledComponent<{
|
|
17
|
+
theme?: Theme;
|
|
18
|
+
as?: React.ElementType;
|
|
19
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { Theme } from '@emotion/react';
|
|
2
|
+
export declare const CircularProgressStyled: import("@emotion/styled").StyledComponent<{
|
|
3
|
+
theme?: Theme;
|
|
4
|
+
as?: React.ElementType;
|
|
5
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
export type RadioButtonGroupProps = {
|
|
3
|
+
label?: string;
|
|
4
|
+
items: Array<{
|
|
5
|
+
label: string;
|
|
6
|
+
value: string;
|
|
7
|
+
checked: boolean;
|
|
8
|
+
}>;
|
|
9
|
+
onChange: (selectedValue: string) => void;
|
|
10
|
+
};
|
|
11
|
+
export declare const RadioButtonGroup: (props: RadioButtonGroupProps) => React.JSX.Element;
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
export declare const RadioButtonRootStyled: import("@emotion/styled").StyledComponent<{
|
|
2
|
+
theme?: import("@emotion/react").Theme;
|
|
3
|
+
as?: React.ElementType;
|
|
4
|
+
}, import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {}>;
|
|
5
|
+
export declare const RadioButtonLabelStyled: import("@emotion/styled").StyledComponent<import("../typography/m3-typography").TypographyProps & {
|
|
6
|
+
theme?: import("@emotion/react").Theme;
|
|
7
|
+
}, {}, {}>;
|
|
8
|
+
export declare const RadioButtonInputStyled: import("@emotion/styled").StyledComponent<{
|
|
9
|
+
theme?: import("@emotion/react").Theme;
|
|
10
|
+
as?: React.ElementType;
|
|
11
|
+
}, import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
|
|
12
|
+
export declare const RadioButtonRadioWrapperStyled: import("@emotion/styled").StyledComponent<{
|
|
13
|
+
theme?: import("@emotion/react").Theme;
|
|
14
|
+
as?: React.ElementType;
|
|
15
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
16
|
+
export declare const RadioButtonRadioStyled: import("@emotion/styled").StyledComponent<{
|
|
17
|
+
icon: string;
|
|
18
|
+
} & {
|
|
19
|
+
width?: number;
|
|
20
|
+
height?: number;
|
|
21
|
+
color?: string;
|
|
22
|
+
className?: string;
|
|
23
|
+
} & {
|
|
24
|
+
theme?: import("@emotion/react").Theme;
|
|
25
|
+
}, {}, {}>;
|
|
26
|
+
export declare const RadioButtonRadioCheckedStyled: import("@emotion/styled").StyledComponent<{
|
|
27
|
+
icon: string;
|
|
28
|
+
} & {
|
|
29
|
+
width?: number;
|
|
30
|
+
height?: number;
|
|
31
|
+
color?: string;
|
|
32
|
+
className?: string;
|
|
33
|
+
} & {
|
|
34
|
+
theme?: import("@emotion/react").Theme;
|
|
35
|
+
} & {
|
|
36
|
+
checked: boolean;
|
|
37
|
+
}, {}, {}>;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { Snack } from './snackbar.tsx';
|
|
3
|
+
export type SnackbarItemType = {
|
|
4
|
+
item: Snack;
|
|
5
|
+
closeClick: (item: Snack) => void;
|
|
6
|
+
closeButtonTitle: string;
|
|
7
|
+
};
|
|
8
|
+
export declare const SnackbarItem: (props: SnackbarItemType) => React.JSX.Element;
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { Theme } from '@emotion/react';
|
|
2
|
+
export declare const SnackbarItemRoot: import("@emotion/styled").StyledComponent<{
|
|
3
|
+
theme?: Theme;
|
|
4
|
+
as?: React.ElementType;
|
|
5
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
6
|
+
export declare const SnackbarItemFirstLine: import("@emotion/styled").StyledComponent<{
|
|
7
|
+
theme?: Theme;
|
|
8
|
+
as?: React.ElementType;
|
|
9
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
10
|
+
export declare const SnackbarItemSecondLine: import("@emotion/styled").StyledComponent<{
|
|
11
|
+
theme?: Theme;
|
|
12
|
+
as?: React.ElementType;
|
|
13
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
14
|
+
export declare const SnackbarItemLeftCol: import("@emotion/styled").StyledComponent<{
|
|
15
|
+
theme?: Theme;
|
|
16
|
+
as?: React.ElementType;
|
|
17
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
18
|
+
export declare const SnackbarItemIcon: import("@emotion/styled").StyledComponent<{
|
|
19
|
+
icon: string;
|
|
20
|
+
} & {
|
|
21
|
+
width?: number;
|
|
22
|
+
height?: number;
|
|
23
|
+
color?: string;
|
|
24
|
+
className?: string;
|
|
25
|
+
} & {
|
|
26
|
+
theme?: Theme;
|
|
27
|
+
}, {}, {}>;
|
|
28
|
+
export declare const SnackbarItemBody: import("@emotion/styled").StyledComponent<import("../typography/m3-typography").TypographyProps & {
|
|
29
|
+
theme?: Theme;
|
|
30
|
+
}, {}, {}>;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { JSX } from 'react';
|
|
2
|
+
export type Snack = {
|
|
3
|
+
id: number;
|
|
4
|
+
description: string;
|
|
5
|
+
icon?: JSX.Element;
|
|
6
|
+
buttonClick?: () => void;
|
|
7
|
+
buttonText?: string;
|
|
8
|
+
};
|
|
9
|
+
export type SnackbarType = {
|
|
10
|
+
items: Array<Snack>;
|
|
11
|
+
closeClick: (item: Snack) => void;
|
|
12
|
+
closeButtonTitle: string;
|
|
13
|
+
};
|
|
14
|
+
export declare const Snackbar: (props: SnackbarType) => JSX.Element;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { Theme } from '@emotion/react';
|
|
2
|
+
type TabButtonStyledProps = {
|
|
3
|
+
theme?: Theme;
|
|
4
|
+
checked: boolean;
|
|
5
|
+
};
|
|
6
|
+
export declare const TabButtonStyled: import("@emotion/styled").StyledComponent<{
|
|
7
|
+
theme?: Theme;
|
|
8
|
+
as?: React.ElementType;
|
|
9
|
+
} & import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
10
|
+
theme?: Theme;
|
|
11
|
+
} & TabButtonStyledProps, {}, {}>;
|
|
12
|
+
export {};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
export type TabsProps = {
|
|
3
|
+
items: Array<{
|
|
4
|
+
title: string;
|
|
5
|
+
value: string;
|
|
6
|
+
}>;
|
|
7
|
+
onChange: (selectedValue: string) => void;
|
|
8
|
+
selectedValue: string;
|
|
9
|
+
className?: string;
|
|
10
|
+
};
|
|
11
|
+
export declare const Tabs: (props: TabsProps) => React.JSX.Element;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { Theme } from '@emotion/react';
|
|
2
|
+
export declare const TabsRootStyled: import("@emotion/styled").StyledComponent<{
|
|
3
|
+
theme?: Theme;
|
|
4
|
+
as?: React.ElementType;
|
|
5
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { Theme } from '@emotion/react';
|
|
3
|
+
export type OutlinedTextFieldProps = {
|
|
4
|
+
label: string;
|
|
5
|
+
placeholder?: string;
|
|
6
|
+
value: string;
|
|
7
|
+
onChange: (newValue: string) => void;
|
|
8
|
+
autoFocus?: boolean;
|
|
9
|
+
backgroundColor?: string | undefined;
|
|
10
|
+
type?: string;
|
|
11
|
+
fullWidth?: boolean;
|
|
12
|
+
error?: string;
|
|
13
|
+
};
|
|
14
|
+
export interface OutlinedTextFieldInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
|
|
15
|
+
theme?: Theme;
|
|
16
|
+
outline?: string;
|
|
17
|
+
backgroundColor?: string;
|
|
18
|
+
}
|
|
19
|
+
export declare const OutlinedTextField: (props: OutlinedTextFieldProps) => React.JSX.Element;
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { Theme } from '@emotion/react';
|
|
2
|
+
export declare const OutlinedTextFieldRoot: import("@emotion/styled").StyledComponent<{
|
|
3
|
+
theme?: Theme;
|
|
4
|
+
as?: React.ElementType;
|
|
5
|
+
} & {
|
|
6
|
+
fullWidth?: boolean;
|
|
7
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
8
|
+
export declare const OutlinedTextFieldLabel: import("@emotion/styled").StyledComponent<import("../typography/m3-typography").TypographyProps & {
|
|
9
|
+
theme?: Theme;
|
|
10
|
+
} & {
|
|
11
|
+
backgroundColor: string;
|
|
12
|
+
}, {}, {}>;
|
|
13
|
+
export declare const OutlinedTextFieldError: import("@emotion/styled").StyledComponent<import("../typography/m3-typography").TypographyProps & {
|
|
14
|
+
theme?: Theme;
|
|
15
|
+
}, {}, {}>;
|
|
16
|
+
export type OutlinedTextFieldInputProps = {
|
|
17
|
+
theme?: Theme;
|
|
18
|
+
outline?: string;
|
|
19
|
+
backgroundColor?: string;
|
|
20
|
+
};
|
|
21
|
+
export declare const OutlinedTextFieldInput: import("@emotion/styled").StyledComponent<{
|
|
22
|
+
theme?: Theme;
|
|
23
|
+
as?: React.ElementType;
|
|
24
|
+
} & OutlinedTextFieldInputProps, import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { Theme } from '@emotion/react';
|
|
3
|
+
export type OutlinedTextAreaProps = {
|
|
4
|
+
label: string;
|
|
5
|
+
placeholder?: string;
|
|
6
|
+
value: string;
|
|
7
|
+
onChange: (newValue: string) => void;
|
|
8
|
+
autoFocus?: boolean;
|
|
9
|
+
backgroundColor?: string | undefined;
|
|
10
|
+
fullWidth?: boolean;
|
|
11
|
+
error?: string;
|
|
12
|
+
};
|
|
13
|
+
export interface OutlinedTextFieldInputProps extends React.TextareaHTMLAttributes<HTMLInputElement> {
|
|
14
|
+
theme?: Theme;
|
|
15
|
+
outline?: string;
|
|
16
|
+
backgroundColor?: string;
|
|
17
|
+
}
|
|
18
|
+
export declare const OutlinedTextarea: (props: OutlinedTextAreaProps) => React.JSX.Element;
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { Theme } from '@emotion/react';
|
|
2
|
+
export declare const OutlinedTextFieldRoot: import("@emotion/styled").StyledComponent<{
|
|
3
|
+
theme?: Theme;
|
|
4
|
+
as?: React.ElementType;
|
|
5
|
+
} & {
|
|
6
|
+
fullWidth?: boolean;
|
|
7
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
8
|
+
export declare const OutlinedTextFieldLabel: import("@emotion/styled").StyledComponent<import("../typography/m3-typography").TypographyProps & {
|
|
9
|
+
theme?: Theme;
|
|
10
|
+
} & {
|
|
11
|
+
backgroundColor: string;
|
|
12
|
+
}, {}, {}>;
|
|
13
|
+
export declare const OutlinedTextFieldError: import("@emotion/styled").StyledComponent<import("../typography/m3-typography").TypographyProps & {
|
|
14
|
+
theme?: Theme;
|
|
15
|
+
}, {}, {}>;
|
|
16
|
+
export type OutlinedTextFieldInputProps = {
|
|
17
|
+
theme?: Theme;
|
|
18
|
+
outline?: string;
|
|
19
|
+
backgroundColor?: string;
|
|
20
|
+
};
|
|
21
|
+
export declare const OutlinedTextFieldInput: import("@emotion/styled").StyledComponent<{
|
|
22
|
+
theme?: Theme;
|
|
23
|
+
as?: React.ElementType;
|
|
24
|
+
} & OutlinedTextFieldInputProps, import("react").DetailedHTMLProps<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, {}>;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
type BadgeOptionProps = {
|
|
3
|
+
onClick?: (event: React.MouseEvent<HTMLElement>) => void;
|
|
4
|
+
title: string;
|
|
5
|
+
icon: string;
|
|
6
|
+
hasBadge?: boolean;
|
|
7
|
+
color: string;
|
|
8
|
+
};
|
|
9
|
+
export declare const BadgeIcon: (props: BadgeOptionProps) => React.JSX.Element;
|
|
10
|
+
export {};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
export declare const BadgeOptionRootStyled: import("@emotion/styled").StyledComponent<{
|
|
2
|
+
theme?: import("@emotion/react").Theme;
|
|
3
|
+
as?: React.ElementType;
|
|
4
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
5
|
+
export declare const BadgeNewCountStyled: import("@emotion/styled").StyledComponent<{
|
|
6
|
+
theme?: import("@emotion/react").Theme;
|
|
7
|
+
as?: React.ElementType;
|
|
8
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
9
|
+
export declare const TopAppBarIconButton: import("@emotion/styled").StyledComponent<import("../icon-button/icon-button").IconButtonType & {
|
|
10
|
+
theme?: import("@emotion/react").Theme;
|
|
11
|
+
}, {}, {}>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { TopAppBar } from './top-app-bar';
|