@appkit/dek-ui 0.1.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.
- package/README.md +27 -0
- package/dist/components/Button/Button.d.ts +11 -0
- package/dist/components/Button/ButtonContainer.d.ts +28 -0
- package/dist/components/Button/ButtonContainer.styled.d.ts +24 -0
- package/dist/components/Button/ButtonIcon.d.ts +12 -0
- package/dist/components/Button/ButtonIcon.styled.d.ts +282 -0
- package/dist/components/Button/ButtonText.d.ts +17 -0
- package/dist/components/Button/types.d.ts +5 -0
- package/dist/components/ButtonLoadingIcon/ButtonLoadingIcon.d.ts +11 -0
- package/dist/components/ButtonLoadingIcon/ButtonLoadingIcon.styled.d.ts +281 -0
- package/dist/components/CardButton/CardButton.d.ts +3 -0
- package/dist/components/Cell/Cell.d.ts +18 -0
- package/dist/components/Cell/Cell.styled.d.ts +17 -0
- package/dist/components/Grid/Grid.d.ts +12 -0
- package/dist/components/Grid/Grid.styled.d.ts +11 -0
- package/dist/components/Header/Header.d.ts +8 -0
- package/dist/components/Icon/Icon.d.ts +11 -0
- package/dist/components/IconButton/IconButton.d.ts +4 -0
- package/dist/components/Image/Image.d.ts +12 -0
- package/dist/components/LoadingDot/LoadingDot.d.ts +8 -0
- package/dist/components/LoadingDot/LoadingDot.styled.d.ts +7 -0
- package/dist/components/LoadingDots/LoadingDots.d.ts +6 -0
- package/dist/components/LoadingDots/LoadingDots.styled.d.ts +7 -0
- package/dist/components/PillButton/PillButton.d.ts +7 -0
- package/dist/components/ProgressBar/ProgressBar.d.ts +9 -0
- package/dist/components/ProgressBar/ProgressBar.styled.d.ts +19 -0
- package/dist/components/Provider/Provider.d.ts +6 -0
- package/dist/components/Screen/Screen.d.ts +11 -0
- package/dist/components/Screen/Screen.styled.d.ts +10 -0
- package/dist/components/ScreenLoadingOverlay/ScreenLoadingOverlay.d.ts +2 -0
- package/dist/components/ScreenLoadingOverlay/ScreenLoadingOverlay.styled.d.ts +274 -0
- package/dist/components/Text/Text.d.ts +31 -0
- package/dist/components/Text/Text.styled.d.ts +23 -0
- package/dist/components/Tile/Tile.d.ts +15 -0
- package/dist/components/Tile/Tile.styled.d.ts +1102 -0
- package/dist/components/TitleBar/TitleBar.d.ts +10 -0
- package/dist/components/View/View.d.ts +34 -0
- package/dist/components/View/View.styled.d.ts +24 -0
- package/dist/index.d.ts +24 -0
- package/dist/index.es.js +29557 -0
- package/dist/index.umd.js +273 -0
- package/dist/lib/formatDateTime.d.ts +2 -0
- package/dist/lib/hooks/useDateTime.d.ts +2 -0
- package/dist/lib/hooks/useImageCache.d.ts +8 -0
- package/dist/lib/hooks/useInterval.d.ts +4 -0
- package/dist/lib/theme.d.ts +85 -0
- package/dist/lib/ui/css.d.ts +1 -0
- package/dist/lib/ui/getImageAsBase64.d.ts +2 -0
- package/dist/lib/ui/viewAlignToFlex.d.ts +3 -0
- package/dist/lib/ui/viewBackColorToCSS.d.ts +4 -0
- package/dist/lib/ui/viewScrollToCSS.d.ts +3 -0
- package/dist/lib/utils/extractErrorMessage.d.ts +1 -0
- package/dist/lib/utils/noop.d.ts +2 -0
- package/dist/stories/Button.stories.d.ts +7 -0
- package/dist/stories/CardButton.stories.d.ts +7 -0
- package/dist/stories/Header.stories.d.ts +6 -0
- package/dist/stories/IconButton.stories.d.ts +6 -0
- package/dist/stories/Image.stories.d.ts +8 -0
- package/dist/stories/PillButton.stories.d.ts +6 -0
- package/dist/stories/ProgressBar.stories.d.ts +6 -0
- package/dist/stories/Text.stories.d.ts +8 -0
- package/dist/stories/Tile.stories.d.ts +10 -0
- package/dist/stories/TitleBar.stories.d.ts +7 -0
- package/dist/stories/View.stories.d.ts +8 -0
- package/package.json +63 -0
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
type OnCloseFn = () => boolean;
|
|
3
|
+
type TitleBarProps = {
|
|
4
|
+
transparent?: boolean;
|
|
5
|
+
title?: string;
|
|
6
|
+
children?: ReactNode;
|
|
7
|
+
onClose?: OnCloseFn;
|
|
8
|
+
};
|
|
9
|
+
declare const TitleBar: ({ title, transparent, children, onClose, }: TitleBarProps) => import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export default TitleBar;
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
export type ViewBool = boolean | 'true' | 'false';
|
|
3
|
+
export type ViewDirection = 'vert' | 'horz';
|
|
4
|
+
export type ViewVertAlignment = 'top' | 'bottom' | 'center';
|
|
5
|
+
export type ViewHorzAlignment = 'left' | 'right' | 'center' | 'stretch';
|
|
6
|
+
export type ViewScroll = 'none' | 'auto' | 'always' | 'hidden';
|
|
7
|
+
export type ViewFixPosition = 'none' | 'top' | 'bottom';
|
|
8
|
+
export type ViewBackColor = 'none' | 'tile' | 'light' | 'lighter' | 'lightest' | 'dark' | 'darker' | 'darkest';
|
|
9
|
+
export type ViewProps = {
|
|
10
|
+
label?: string;
|
|
11
|
+
direction?: ViewDirection;
|
|
12
|
+
collapse?: ViewBool;
|
|
13
|
+
valign?: ViewVertAlignment;
|
|
14
|
+
halign?: ViewHorzAlignment;
|
|
15
|
+
style?: React.CSSProperties;
|
|
16
|
+
vscroll?: ViewScroll;
|
|
17
|
+
hscroll?: ViewScroll;
|
|
18
|
+
padding?: number;
|
|
19
|
+
paddingVert?: number;
|
|
20
|
+
paddingHorz?: number;
|
|
21
|
+
paddingRight?: number;
|
|
22
|
+
paddingLeft?: number;
|
|
23
|
+
paddingTop?: number;
|
|
24
|
+
paddingBottom?: number;
|
|
25
|
+
width?: string | number;
|
|
26
|
+
height?: string | number;
|
|
27
|
+
fixed?: ViewFixPosition;
|
|
28
|
+
backColor?: ViewBackColor | string;
|
|
29
|
+
borderRadius?: number;
|
|
30
|
+
onClick?: () => void;
|
|
31
|
+
children?: ReactNode;
|
|
32
|
+
};
|
|
33
|
+
declare const View: ({ label, direction, collapse, valign, halign, vscroll, hscroll, padding, paddingVert, paddingHorz, paddingRight, paddingLeft, paddingTop, paddingBottom, width, height, fixed, backColor, borderRadius, onClick, style, children, }: ViewProps) => import("react/jsx-runtime").JSX.Element;
|
|
34
|
+
export default View;
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { ViewBackColor, ViewBool, ViewDirection, ViewFixPosition, ViewHorzAlignment, ViewScroll, ViewVertAlignment } from './View';
|
|
3
|
+
type ContainerProps = {
|
|
4
|
+
$collapse: ViewBool;
|
|
5
|
+
$direction: ViewDirection;
|
|
6
|
+
$valign: ViewVertAlignment;
|
|
7
|
+
$halign: ViewHorzAlignment;
|
|
8
|
+
$vscroll: ViewScroll;
|
|
9
|
+
$hscroll: ViewScroll;
|
|
10
|
+
$padding: number;
|
|
11
|
+
$paddingVert?: number;
|
|
12
|
+
$paddingHorz?: number;
|
|
13
|
+
$paddingRight?: number;
|
|
14
|
+
$paddingLeft?: number;
|
|
15
|
+
$paddingTop?: number;
|
|
16
|
+
$paddingBottom?: number;
|
|
17
|
+
$width?: string | number;
|
|
18
|
+
$height?: string | number;
|
|
19
|
+
$fixed: ViewFixPosition;
|
|
20
|
+
$backColor: ViewBackColor | string;
|
|
21
|
+
$borderRadius: number;
|
|
22
|
+
};
|
|
23
|
+
export declare const Container: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ContainerProps>>;
|
|
24
|
+
export {};
|
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
export * from './components/Button/types';
|
|
2
|
+
export { default as Button } from './components/Button/Button';
|
|
3
|
+
export { default as ButtonLoadingIcon } from './components/ButtonLoadingIcon/ButtonLoadingIcon';
|
|
4
|
+
export { default as CardButton } from './components/CardButton/CardButton';
|
|
5
|
+
export { default as Cell } from './components/Cell/Cell';
|
|
6
|
+
export { default as Grid } from './components/Grid/Grid';
|
|
7
|
+
export { default as Header } from './components/Header/Header';
|
|
8
|
+
export { default as Icon } from './components/Icon/Icon';
|
|
9
|
+
export { default as IconButton } from './components/IconButton/IconButton';
|
|
10
|
+
export { default as Image } from './components/Image/Image';
|
|
11
|
+
export { default as LoadingDots } from './components/LoadingDots/LoadingDots';
|
|
12
|
+
export { default as PillButton } from './components/PillButton/PillButton';
|
|
13
|
+
export { default as ProgressBar } from './components/ProgressBar/ProgressBar';
|
|
14
|
+
export { default as Provider } from './components/Provider/Provider';
|
|
15
|
+
export { default as Screen } from './components/Screen/Screen';
|
|
16
|
+
export { default as ScreenLoadingOverlay } from './components/ScreenLoadingOverlay/ScreenLoadingOverlay';
|
|
17
|
+
export { default as Text } from './components/Text/Text';
|
|
18
|
+
export { default as Tile } from './components/Tile/Tile';
|
|
19
|
+
export { default as TitleBar } from './components/TitleBar/TitleBar';
|
|
20
|
+
export { default as View } from './components/View/View';
|
|
21
|
+
export { default as useDateTime } from './lib/hooks/useDateTime';
|
|
22
|
+
export { default as useInterval } from './lib/hooks/useInterval';
|
|
23
|
+
export { default as formatDateTime } from './lib/formatDateTime';
|
|
24
|
+
export { default as theme } from './lib/theme';
|