@kjun-ui/native 0.4.1 → 0.5.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 +4 -4
- package/dist/index.cjs +316 -316
- package/dist/index.js +316 -316
- package/dist/index.web.cjs +316 -316
- package/dist/index.web.js +316 -316
- package/dist/styles.css +2057 -2133
- package/dist/types/packages/native/src/actions.d.cts +13 -13
- package/dist/types/packages/native/src/actions.d.ts +13 -13
- package/dist/types/packages/native/src/app-navigation.d.cts +6 -6
- package/dist/types/packages/native/src/app-navigation.d.ts +6 -6
- package/dist/types/packages/native/src/button.d.cts +3 -3
- package/dist/types/packages/native/src/button.d.ts +3 -3
- package/dist/types/packages/native/src/card.d.cts +2 -2
- package/dist/types/packages/native/src/card.d.ts +2 -2
- package/dist/types/packages/native/src/chip.d.cts +2 -2
- package/dist/types/packages/native/src/chip.d.ts +2 -2
- package/dist/types/packages/native/src/choice-controls.d.cts +8 -8
- package/dist/types/packages/native/src/choice-controls.d.ts +8 -8
- package/dist/types/packages/native/src/combobox.d.cts +2 -2
- package/dist/types/packages/native/src/combobox.d.ts +2 -2
- package/dist/types/packages/native/src/controls.d.cts +6 -6
- package/dist/types/packages/native/src/controls.d.ts +6 -6
- package/dist/types/packages/native/src/data-state.d.cts +6 -6
- package/dist/types/packages/native/src/data-state.d.ts +6 -6
- package/dist/types/packages/native/src/date-picker.d.cts +2 -2
- package/dist/types/packages/native/src/date-picker.d.ts +2 -2
- package/dist/types/packages/native/src/display-primitives.d.cts +12 -12
- package/dist/types/packages/native/src/display-primitives.d.ts +12 -12
- package/dist/types/packages/native/src/display.d.cts +6 -6
- package/dist/types/packages/native/src/display.d.ts +6 -6
- package/dist/types/packages/native/src/drawer.d.cts +2 -2
- package/dist/types/packages/native/src/drawer.d.ts +2 -2
- package/dist/types/packages/native/src/dropdown.d.cts +12 -12
- package/dist/types/packages/native/src/dropdown.d.ts +12 -12
- package/dist/types/packages/native/src/financial-display.d.cts +12 -12
- package/dist/types/packages/native/src/financial-display.d.ts +12 -12
- package/dist/types/packages/native/src/financial.d.cts +4 -4
- package/dist/types/packages/native/src/financial.d.ts +4 -4
- package/dist/types/packages/native/src/index.d.cts +22 -22
- package/dist/types/packages/native/src/index.d.ts +22 -22
- package/dist/types/packages/native/src/input.d.cts +5 -5
- package/dist/types/packages/native/src/input.d.ts +5 -5
- package/dist/types/packages/native/src/kpi-hero.d.cts +2 -2
- package/dist/types/packages/native/src/kpi-hero.d.ts +2 -2
- package/dist/types/packages/native/src/kpi-row.d.cts +2 -2
- package/dist/types/packages/native/src/kpi-row.d.ts +2 -2
- package/dist/types/packages/native/src/kpi.d.cts +4 -4
- package/dist/types/packages/native/src/kpi.d.ts +4 -4
- package/dist/types/packages/native/src/layers.d.cts +6 -6
- package/dist/types/packages/native/src/layers.d.ts +6 -6
- package/dist/types/packages/native/src/list.d.cts +4 -4
- package/dist/types/packages/native/src/list.d.ts +4 -4
- package/dist/types/packages/native/src/market-cards.d.cts +2 -2
- package/dist/types/packages/native/src/market-cards.d.ts +2 -2
- package/dist/types/packages/native/src/market-list.d.cts +2 -2
- package/dist/types/packages/native/src/market-list.d.ts +2 -2
- package/dist/types/packages/native/src/market-model.d.cts +4 -4
- package/dist/types/packages/native/src/market-model.d.ts +4 -4
- package/dist/types/packages/native/src/market-panel.d.cts +1 -1
- package/dist/types/packages/native/src/market-panel.d.ts +1 -1
- package/dist/types/packages/native/src/market-skeleton.d.cts +2 -2
- package/dist/types/packages/native/src/market-skeleton.d.ts +2 -2
- package/dist/types/packages/native/src/market-table.d.cts +2 -2
- package/dist/types/packages/native/src/market-table.d.ts +2 -2
- package/dist/types/packages/native/src/market.d.cts +5 -5
- package/dist/types/packages/native/src/market.d.ts +5 -5
- package/dist/types/packages/native/src/media.d.cts +4 -4
- package/dist/types/packages/native/src/media.d.ts +4 -4
- package/dist/types/packages/native/src/modal.d.cts +4 -4
- package/dist/types/packages/native/src/modal.d.ts +4 -4
- package/dist/types/packages/native/src/navigation.d.cts +9 -9
- package/dist/types/packages/native/src/navigation.d.ts +9 -9
- package/dist/types/packages/native/src/number-display.d.cts +8 -8
- package/dist/types/packages/native/src/number-display.d.ts +8 -8
- package/dist/types/packages/native/src/popover.d.cts +4 -4
- package/dist/types/packages/native/src/popover.d.ts +4 -4
- package/dist/types/packages/native/src/quantity-stepper.d.cts +2 -2
- package/dist/types/packages/native/src/quantity-stepper.d.ts +2 -2
- package/dist/types/packages/native/src/range-input.d.cts +4 -4
- package/dist/types/packages/native/src/range-input.d.ts +4 -4
- package/dist/types/packages/native/src/search-input.d.cts +2 -2
- package/dist/types/packages/native/src/search-input.d.ts +2 -2
- package/dist/types/packages/native/src/select-control.d.cts +2 -2
- package/dist/types/packages/native/src/select-control.d.ts +2 -2
- package/dist/types/packages/native/src/select.d.cts +8 -8
- package/dist/types/packages/native/src/select.d.ts +8 -8
- package/dist/types/packages/native/src/selection-groups.d.cts +4 -4
- package/dist/types/packages/native/src/selection-groups.d.ts +4 -4
- package/dist/types/packages/native/src/skeleton-base.d.cts +2 -2
- package/dist/types/packages/native/src/skeleton-base.d.ts +2 -2
- package/dist/types/packages/native/src/skeletons.d.cts +8 -8
- package/dist/types/packages/native/src/skeletons.d.ts +8 -8
- package/dist/types/packages/native/src/table-model.d.cts +2 -2
- package/dist/types/packages/native/src/table-model.d.ts +2 -2
- package/dist/types/packages/native/src/table-view.d.cts +2 -2
- package/dist/types/packages/native/src/table-view.d.ts +2 -2
- package/dist/types/packages/native/src/table.d.cts +2 -2
- package/dist/types/packages/native/src/table.d.ts +2 -2
- package/dist/types/packages/native/src/tabs.d.cts +4 -4
- package/dist/types/packages/native/src/tabs.d.ts +4 -4
- package/dist/types/packages/native/src/textarea.d.cts +2 -2
- package/dist/types/packages/native/src/textarea.d.ts +2 -2
- package/dist/types/packages/native/src/time-picker.d.cts +2 -2
- package/dist/types/packages/native/src/time-picker.d.ts +2 -2
- package/package.json +3 -3
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { type ButtonSize } from "@kjun-ui/tokens";
|
|
2
2
|
import { type ReactNode } from "react";
|
|
3
3
|
import { type ColorValue } from "react-native";
|
|
4
|
-
import { type
|
|
5
|
-
import { type
|
|
6
|
-
export interface
|
|
4
|
+
import { type KjunButtonProps } from "./button.cjs";
|
|
5
|
+
import { type KjunTooltipProps } from "./popover.cjs";
|
|
6
|
+
export interface KjunIconToggleProps {
|
|
7
7
|
active?: boolean;
|
|
8
8
|
activeIcon: string;
|
|
9
9
|
inactiveIcon?: string;
|
|
@@ -15,12 +15,12 @@ export interface DsIconToggleProps {
|
|
|
15
15
|
ariaLabel: string;
|
|
16
16
|
/** Defaults to ariaLabel, like RefreshButton; an empty string disables the hint. */
|
|
17
17
|
tooltip?: string;
|
|
18
|
-
tooltipPlacement?:
|
|
18
|
+
tooltipPlacement?: KjunTooltipProps["placement"];
|
|
19
19
|
tooltipDelay?: number;
|
|
20
20
|
onToggle?: () => void;
|
|
21
21
|
}
|
|
22
|
-
export declare function
|
|
23
|
-
export interface
|
|
22
|
+
export declare function KjunIconToggle({ active, activeIcon, inactiveIcon, activeColor, inactiveColor, size, disabled, loading, ariaLabel, tooltip, tooltipPlacement, tooltipDelay, onToggle, }: KjunIconToggleProps): import("react/jsx-runtime").JSX.Element;
|
|
23
|
+
export interface KjunCopyButtonProps {
|
|
24
24
|
value: string;
|
|
25
25
|
ariaLabel?: string;
|
|
26
26
|
text?: string;
|
|
@@ -32,27 +32,27 @@ export interface DsCopyButtonProps {
|
|
|
32
32
|
onCopied?: (value: string) => void;
|
|
33
33
|
onCopyError?: (error: unknown) => void;
|
|
34
34
|
}
|
|
35
|
-
export declare function
|
|
36
|
-
export interface
|
|
35
|
+
export declare function KjunCopyButton({ value, ariaLabel, text, successText, inline, size, disabled, copyText, onCopied, onCopyError, }: KjunCopyButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
36
|
+
export interface KjunRefreshButtonProps extends Omit<KjunButtonProps, "onPress" | "children"> {
|
|
37
37
|
targetName?: string;
|
|
38
38
|
mode?: "icon" | "text";
|
|
39
39
|
text?: string;
|
|
40
40
|
/** Defaults to the icon button's accessible label; an empty string disables it. */
|
|
41
41
|
tooltip?: string;
|
|
42
|
-
tooltipPlacement?:
|
|
42
|
+
tooltipPlacement?: KjunTooltipProps["placement"];
|
|
43
43
|
tooltipDelay?: number;
|
|
44
44
|
onRefresh?: () => void;
|
|
45
45
|
}
|
|
46
|
-
export declare function
|
|
46
|
+
export declare function KjunRefreshButton({ targetName, mode, text, size, variant, ariaLabel, tooltip, tooltipPlacement, tooltipDelay, spinOnLoading, onRefresh, ...props }: KjunRefreshButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
47
47
|
export declare function safeExternalUrl(href: string): string;
|
|
48
|
-
export interface
|
|
48
|
+
export interface KjunExternalLinkProps {
|
|
49
49
|
href?: string;
|
|
50
50
|
mode?: "icon" | "text";
|
|
51
51
|
label?: string;
|
|
52
52
|
children?: ReactNode;
|
|
53
53
|
openUrl: (url: string) => void | Promise<void>;
|
|
54
54
|
}
|
|
55
|
-
export declare function
|
|
56
|
-
export declare function
|
|
55
|
+
export declare function KjunExternalLink({ href, mode, label, children, openUrl, }: KjunExternalLinkProps): import("react/jsx-runtime").JSX.Element;
|
|
56
|
+
export declare function KjunScrollFade({ children }: {
|
|
57
57
|
children: ReactNode;
|
|
58
58
|
}): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { type ButtonSize } from "@kjun-ui/tokens";
|
|
2
2
|
import { type ReactNode } from "react";
|
|
3
3
|
import { type ColorValue } from "react-native";
|
|
4
|
-
import { type
|
|
5
|
-
import { type
|
|
6
|
-
export interface
|
|
4
|
+
import { type KjunButtonProps } from "./button.js";
|
|
5
|
+
import { type KjunTooltipProps } from "./popover.js";
|
|
6
|
+
export interface KjunIconToggleProps {
|
|
7
7
|
active?: boolean;
|
|
8
8
|
activeIcon: string;
|
|
9
9
|
inactiveIcon?: string;
|
|
@@ -15,12 +15,12 @@ export interface DsIconToggleProps {
|
|
|
15
15
|
ariaLabel: string;
|
|
16
16
|
/** Defaults to ariaLabel, like RefreshButton; an empty string disables the hint. */
|
|
17
17
|
tooltip?: string;
|
|
18
|
-
tooltipPlacement?:
|
|
18
|
+
tooltipPlacement?: KjunTooltipProps["placement"];
|
|
19
19
|
tooltipDelay?: number;
|
|
20
20
|
onToggle?: () => void;
|
|
21
21
|
}
|
|
22
|
-
export declare function
|
|
23
|
-
export interface
|
|
22
|
+
export declare function KjunIconToggle({ active, activeIcon, inactiveIcon, activeColor, inactiveColor, size, disabled, loading, ariaLabel, tooltip, tooltipPlacement, tooltipDelay, onToggle, }: KjunIconToggleProps): import("react/jsx-runtime").JSX.Element;
|
|
23
|
+
export interface KjunCopyButtonProps {
|
|
24
24
|
value: string;
|
|
25
25
|
ariaLabel?: string;
|
|
26
26
|
text?: string;
|
|
@@ -32,27 +32,27 @@ export interface DsCopyButtonProps {
|
|
|
32
32
|
onCopied?: (value: string) => void;
|
|
33
33
|
onCopyError?: (error: unknown) => void;
|
|
34
34
|
}
|
|
35
|
-
export declare function
|
|
36
|
-
export interface
|
|
35
|
+
export declare function KjunCopyButton({ value, ariaLabel, text, successText, inline, size, disabled, copyText, onCopied, onCopyError, }: KjunCopyButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
36
|
+
export interface KjunRefreshButtonProps extends Omit<KjunButtonProps, "onPress" | "children"> {
|
|
37
37
|
targetName?: string;
|
|
38
38
|
mode?: "icon" | "text";
|
|
39
39
|
text?: string;
|
|
40
40
|
/** Defaults to the icon button's accessible label; an empty string disables it. */
|
|
41
41
|
tooltip?: string;
|
|
42
|
-
tooltipPlacement?:
|
|
42
|
+
tooltipPlacement?: KjunTooltipProps["placement"];
|
|
43
43
|
tooltipDelay?: number;
|
|
44
44
|
onRefresh?: () => void;
|
|
45
45
|
}
|
|
46
|
-
export declare function
|
|
46
|
+
export declare function KjunRefreshButton({ targetName, mode, text, size, variant, ariaLabel, tooltip, tooltipPlacement, tooltipDelay, spinOnLoading, onRefresh, ...props }: KjunRefreshButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
47
47
|
export declare function safeExternalUrl(href: string): string;
|
|
48
|
-
export interface
|
|
48
|
+
export interface KjunExternalLinkProps {
|
|
49
49
|
href?: string;
|
|
50
50
|
mode?: "icon" | "text";
|
|
51
51
|
label?: string;
|
|
52
52
|
children?: ReactNode;
|
|
53
53
|
openUrl: (url: string) => void | Promise<void>;
|
|
54
54
|
}
|
|
55
|
-
export declare function
|
|
56
|
-
export declare function
|
|
55
|
+
export declare function KjunExternalLink({ href, mode, label, children, openUrl, }: KjunExternalLinkProps): import("react/jsx-runtime").JSX.Element;
|
|
56
|
+
export declare function KjunScrollFade({ children }: {
|
|
57
57
|
children: ReactNode;
|
|
58
58
|
}): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { type ReactNode } from "react";
|
|
2
2
|
import { type GestureResponderEvent } from "react-native";
|
|
3
|
-
export interface
|
|
3
|
+
export interface KjunTopNavigationProps {
|
|
4
4
|
title: string;
|
|
5
5
|
description?: string;
|
|
6
6
|
leading?: ReactNode;
|
|
7
7
|
actions?: ReactNode;
|
|
8
8
|
safeAreaTop?: number;
|
|
9
9
|
}
|
|
10
|
-
export declare function
|
|
10
|
+
export declare function KjunTopNavigation({ title, description, leading, actions, safeAreaTop }: KjunTopNavigationProps): import("react/jsx-runtime").JSX.Element;
|
|
11
11
|
export interface NavigationDestination {
|
|
12
12
|
key: string;
|
|
13
13
|
label: string;
|
|
@@ -16,7 +16,7 @@ export interface NavigationDestination {
|
|
|
16
16
|
badge?: string | number;
|
|
17
17
|
disabled?: boolean;
|
|
18
18
|
}
|
|
19
|
-
export interface
|
|
19
|
+
export interface KjunBottomNavigationProps {
|
|
20
20
|
items: NavigationDestination[];
|
|
21
21
|
value: string;
|
|
22
22
|
ariaLabel?: string;
|
|
@@ -25,12 +25,12 @@ export interface DsBottomNavigationProps {
|
|
|
25
25
|
hideOnKeyboard?: boolean;
|
|
26
26
|
onNavigate?: (key: string, event: GestureResponderEvent) => void;
|
|
27
27
|
}
|
|
28
|
-
export declare function
|
|
29
|
-
export interface
|
|
28
|
+
export declare function KjunBottomNavigation({ items, value, ariaLabel, safeAreaBottom, keyboardVisible, hideOnKeyboard, onNavigate }: KjunBottomNavigationProps): import("react/jsx-runtime").JSX.Element | null;
|
|
29
|
+
export interface KjunBottomActionBarProps {
|
|
30
30
|
description?: string;
|
|
31
31
|
children: ReactNode;
|
|
32
32
|
safeAreaBottom?: number;
|
|
33
33
|
keyboardVisible?: boolean;
|
|
34
34
|
hideOnKeyboard?: boolean;
|
|
35
35
|
}
|
|
36
|
-
export declare function
|
|
36
|
+
export declare function KjunBottomActionBar({ description, children, safeAreaBottom, keyboardVisible, hideOnKeyboard }: KjunBottomActionBarProps): import("react/jsx-runtime").JSX.Element | null;
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { type ReactNode } from "react";
|
|
2
2
|
import { type GestureResponderEvent } from "react-native";
|
|
3
|
-
export interface
|
|
3
|
+
export interface KjunTopNavigationProps {
|
|
4
4
|
title: string;
|
|
5
5
|
description?: string;
|
|
6
6
|
leading?: ReactNode;
|
|
7
7
|
actions?: ReactNode;
|
|
8
8
|
safeAreaTop?: number;
|
|
9
9
|
}
|
|
10
|
-
export declare function
|
|
10
|
+
export declare function KjunTopNavigation({ title, description, leading, actions, safeAreaTop }: KjunTopNavigationProps): import("react/jsx-runtime").JSX.Element;
|
|
11
11
|
export interface NavigationDestination {
|
|
12
12
|
key: string;
|
|
13
13
|
label: string;
|
|
@@ -16,7 +16,7 @@ export interface NavigationDestination {
|
|
|
16
16
|
badge?: string | number;
|
|
17
17
|
disabled?: boolean;
|
|
18
18
|
}
|
|
19
|
-
export interface
|
|
19
|
+
export interface KjunBottomNavigationProps {
|
|
20
20
|
items: NavigationDestination[];
|
|
21
21
|
value: string;
|
|
22
22
|
ariaLabel?: string;
|
|
@@ -25,12 +25,12 @@ export interface DsBottomNavigationProps {
|
|
|
25
25
|
hideOnKeyboard?: boolean;
|
|
26
26
|
onNavigate?: (key: string, event: GestureResponderEvent) => void;
|
|
27
27
|
}
|
|
28
|
-
export declare function
|
|
29
|
-
export interface
|
|
28
|
+
export declare function KjunBottomNavigation({ items, value, ariaLabel, safeAreaBottom, keyboardVisible, hideOnKeyboard, onNavigate }: KjunBottomNavigationProps): import("react/jsx-runtime").JSX.Element | null;
|
|
29
|
+
export interface KjunBottomActionBarProps {
|
|
30
30
|
description?: string;
|
|
31
31
|
children: ReactNode;
|
|
32
32
|
safeAreaBottom?: number;
|
|
33
33
|
keyboardVisible?: boolean;
|
|
34
34
|
hideOnKeyboard?: boolean;
|
|
35
35
|
}
|
|
36
|
-
export declare function
|
|
36
|
+
export declare function KjunBottomActionBar({ description, children, safeAreaBottom, keyboardVisible, hideOnKeyboard }: KjunBottomActionBarProps): import("react/jsx-runtime").JSX.Element | null;
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import { type ButtonSize, type ButtonVariant } from "@kjun-ui/tokens";
|
|
2
2
|
import { type ReactNode } from "react";
|
|
3
3
|
import { type ColorValue, type PressableProps, type StyleProp, type ViewStyle } from "react-native";
|
|
4
|
-
export declare function
|
|
4
|
+
export declare function KjunIcon({ name, size, color, spin, filled, }: {
|
|
5
5
|
name: string;
|
|
6
6
|
size?: number;
|
|
7
7
|
color?: ColorValue;
|
|
8
8
|
spin?: boolean;
|
|
9
9
|
filled?: boolean;
|
|
10
10
|
}): import("react/jsx-runtime").JSX.Element;
|
|
11
|
-
export interface
|
|
11
|
+
export interface KjunButtonProps extends Omit<PressableProps, "children" | "style"> {
|
|
12
12
|
children?: ReactNode;
|
|
13
13
|
variant?: ButtonVariant;
|
|
14
14
|
size?: ButtonSize;
|
|
@@ -22,4 +22,4 @@ export interface DsButtonProps extends Omit<PressableProps, "children" | "style"
|
|
|
22
22
|
spinOnLoading?: boolean;
|
|
23
23
|
style?: StyleProp<ViewStyle>;
|
|
24
24
|
}
|
|
25
|
-
export declare function
|
|
25
|
+
export declare function KjunButton(input: KjunButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import { type ButtonSize, type ButtonVariant } from "@kjun-ui/tokens";
|
|
2
2
|
import { type ReactNode } from "react";
|
|
3
3
|
import { type ColorValue, type PressableProps, type StyleProp, type ViewStyle } from "react-native";
|
|
4
|
-
export declare function
|
|
4
|
+
export declare function KjunIcon({ name, size, color, spin, filled, }: {
|
|
5
5
|
name: string;
|
|
6
6
|
size?: number;
|
|
7
7
|
color?: ColorValue;
|
|
8
8
|
spin?: boolean;
|
|
9
9
|
filled?: boolean;
|
|
10
10
|
}): import("react/jsx-runtime").JSX.Element;
|
|
11
|
-
export interface
|
|
11
|
+
export interface KjunButtonProps extends Omit<PressableProps, "children" | "style"> {
|
|
12
12
|
children?: ReactNode;
|
|
13
13
|
variant?: ButtonVariant;
|
|
14
14
|
size?: ButtonSize;
|
|
@@ -22,4 +22,4 @@ export interface DsButtonProps extends Omit<PressableProps, "children" | "style"
|
|
|
22
22
|
spinOnLoading?: boolean;
|
|
23
23
|
style?: StyleProp<ViewStyle>;
|
|
24
24
|
}
|
|
25
|
-
export declare function
|
|
25
|
+
export declare function KjunButton(input: KjunButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { type CardElevation, type CardPadding, type CardRadius, type CardSurface } from "@kjun-ui/tokens";
|
|
2
2
|
import { type ReactNode } from "react";
|
|
3
3
|
import { type StyleProp, type ViewStyle } from "react-native";
|
|
4
|
-
export interface
|
|
4
|
+
export interface KjunCardProps {
|
|
5
5
|
title?: string;
|
|
6
6
|
subtitle?: string;
|
|
7
7
|
header?: ReactNode;
|
|
@@ -18,4 +18,4 @@ export interface DsCardProps {
|
|
|
18
18
|
children?: ReactNode;
|
|
19
19
|
style?: StyleProp<ViewStyle>;
|
|
20
20
|
}
|
|
21
|
-
export declare function
|
|
21
|
+
export declare function KjunCard({ title, subtitle, header, headerActions, media, footer, padding, bodyPadding, radius, surface, elevation, border, dividers, children, style, }: KjunCardProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { type CardElevation, type CardPadding, type CardRadius, type CardSurface } from "@kjun-ui/tokens";
|
|
2
2
|
import { type ReactNode } from "react";
|
|
3
3
|
import { type StyleProp, type ViewStyle } from "react-native";
|
|
4
|
-
export interface
|
|
4
|
+
export interface KjunCardProps {
|
|
5
5
|
title?: string;
|
|
6
6
|
subtitle?: string;
|
|
7
7
|
header?: ReactNode;
|
|
@@ -18,4 +18,4 @@ export interface DsCardProps {
|
|
|
18
18
|
children?: ReactNode;
|
|
19
19
|
style?: StyleProp<ViewStyle>;
|
|
20
20
|
}
|
|
21
|
-
export declare function
|
|
21
|
+
export declare function KjunCard({ title, subtitle, header, headerActions, media, footer, padding, bodyPadding, radius, surface, elevation, border, dividers, children, style, }: KjunCardProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export interface
|
|
1
|
+
export interface KjunChipProps {
|
|
2
2
|
label: string;
|
|
3
3
|
icon?: string;
|
|
4
4
|
removable?: boolean;
|
|
@@ -7,4 +7,4 @@ export interface DsChipProps {
|
|
|
7
7
|
removeLabel?: string;
|
|
8
8
|
onRemove?: () => void;
|
|
9
9
|
}
|
|
10
|
-
export declare function
|
|
10
|
+
export declare function KjunChip({ label, icon, removable, disabled, size, removeLabel, onRemove }: KjunChipProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export interface
|
|
1
|
+
export interface KjunChipProps {
|
|
2
2
|
label: string;
|
|
3
3
|
icon?: string;
|
|
4
4
|
removable?: boolean;
|
|
@@ -7,4 +7,4 @@ export interface DsChipProps {
|
|
|
7
7
|
removeLabel?: string;
|
|
8
8
|
onRemove?: () => void;
|
|
9
9
|
}
|
|
10
|
-
export declare function
|
|
10
|
+
export declare function KjunChip({ label, icon, removable, disabled, size, removeLabel, onRemove }: KjunChipProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -9,7 +9,7 @@ export interface ChoiceOption<T = ChoiceValue> {
|
|
|
9
9
|
icon?: string;
|
|
10
10
|
dot?: ColorValue;
|
|
11
11
|
}
|
|
12
|
-
export interface
|
|
12
|
+
export interface KjunCheckboxProps<T = ChoiceValue> {
|
|
13
13
|
value: boolean | T[];
|
|
14
14
|
val?: T;
|
|
15
15
|
label?: string;
|
|
@@ -20,8 +20,8 @@ export interface DsCheckboxProps<T = ChoiceValue> {
|
|
|
20
20
|
onValueChange?: (value: boolean | T[]) => void;
|
|
21
21
|
onChange?: (value: boolean | T[]) => void;
|
|
22
22
|
}
|
|
23
|
-
export declare function
|
|
24
|
-
export interface
|
|
23
|
+
export declare function KjunCheckbox<T = ChoiceValue>({ value, val, label, ariaLabel, disabled, size, children, onValueChange, onChange, }: KjunCheckboxProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
24
|
+
export interface KjunSwitchProps {
|
|
25
25
|
value: boolean;
|
|
26
26
|
label?: string;
|
|
27
27
|
ariaLabel?: string;
|
|
@@ -31,12 +31,12 @@ export interface DsSwitchProps {
|
|
|
31
31
|
onValueChange?: (value: boolean) => void;
|
|
32
32
|
onChange?: (value: boolean) => void;
|
|
33
33
|
}
|
|
34
|
-
export declare function
|
|
34
|
+
export declare function KjunSwitch({ value, label, ariaLabel, disabled, size, children, onValueChange, onChange, }: KjunSwitchProps): import("react/jsx-runtime").JSX.Element;
|
|
35
35
|
export declare const RadioContext: import("react").Context<{
|
|
36
36
|
value: ChoiceValue;
|
|
37
37
|
change: (v: ChoiceValue) => void;
|
|
38
38
|
} | null>;
|
|
39
|
-
export interface
|
|
39
|
+
export interface KjunRadioProps {
|
|
40
40
|
value?: ChoiceValue;
|
|
41
41
|
val: ChoiceValue;
|
|
42
42
|
label?: string;
|
|
@@ -47,8 +47,8 @@ export interface DsRadioProps {
|
|
|
47
47
|
onValueChange?: (value: ChoiceValue) => void;
|
|
48
48
|
onChange?: (value: ChoiceValue) => void;
|
|
49
49
|
}
|
|
50
|
-
export declare function
|
|
51
|
-
export interface
|
|
50
|
+
export declare function KjunRadio({ value, val, label, disabled, ariaLabel, children, onValueChange, onChange, }: KjunRadioProps): import("react/jsx-runtime").JSX.Element;
|
|
51
|
+
export interface KjunRadioGroupProps {
|
|
52
52
|
value: ChoiceValue;
|
|
53
53
|
options?: ChoiceOption[];
|
|
54
54
|
direction?: "horizontal" | "vertical";
|
|
@@ -57,4 +57,4 @@ export interface DsRadioGroupProps {
|
|
|
57
57
|
onValueChange?: (value: ChoiceValue) => void;
|
|
58
58
|
onChange?: (value: ChoiceValue) => void;
|
|
59
59
|
}
|
|
60
|
-
export declare function
|
|
60
|
+
export declare function KjunRadioGroup({ value, options, direction, ariaLabel, children, onValueChange, onChange, }: KjunRadioGroupProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -9,7 +9,7 @@ export interface ChoiceOption<T = ChoiceValue> {
|
|
|
9
9
|
icon?: string;
|
|
10
10
|
dot?: ColorValue;
|
|
11
11
|
}
|
|
12
|
-
export interface
|
|
12
|
+
export interface KjunCheckboxProps<T = ChoiceValue> {
|
|
13
13
|
value: boolean | T[];
|
|
14
14
|
val?: T;
|
|
15
15
|
label?: string;
|
|
@@ -20,8 +20,8 @@ export interface DsCheckboxProps<T = ChoiceValue> {
|
|
|
20
20
|
onValueChange?: (value: boolean | T[]) => void;
|
|
21
21
|
onChange?: (value: boolean | T[]) => void;
|
|
22
22
|
}
|
|
23
|
-
export declare function
|
|
24
|
-
export interface
|
|
23
|
+
export declare function KjunCheckbox<T = ChoiceValue>({ value, val, label, ariaLabel, disabled, size, children, onValueChange, onChange, }: KjunCheckboxProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
24
|
+
export interface KjunSwitchProps {
|
|
25
25
|
value: boolean;
|
|
26
26
|
label?: string;
|
|
27
27
|
ariaLabel?: string;
|
|
@@ -31,12 +31,12 @@ export interface DsSwitchProps {
|
|
|
31
31
|
onValueChange?: (value: boolean) => void;
|
|
32
32
|
onChange?: (value: boolean) => void;
|
|
33
33
|
}
|
|
34
|
-
export declare function
|
|
34
|
+
export declare function KjunSwitch({ value, label, ariaLabel, disabled, size, children, onValueChange, onChange, }: KjunSwitchProps): import("react/jsx-runtime").JSX.Element;
|
|
35
35
|
export declare const RadioContext: import("react").Context<{
|
|
36
36
|
value: ChoiceValue;
|
|
37
37
|
change: (v: ChoiceValue) => void;
|
|
38
38
|
} | null>;
|
|
39
|
-
export interface
|
|
39
|
+
export interface KjunRadioProps {
|
|
40
40
|
value?: ChoiceValue;
|
|
41
41
|
val: ChoiceValue;
|
|
42
42
|
label?: string;
|
|
@@ -47,8 +47,8 @@ export interface DsRadioProps {
|
|
|
47
47
|
onValueChange?: (value: ChoiceValue) => void;
|
|
48
48
|
onChange?: (value: ChoiceValue) => void;
|
|
49
49
|
}
|
|
50
|
-
export declare function
|
|
51
|
-
export interface
|
|
50
|
+
export declare function KjunRadio({ value, val, label, disabled, ariaLabel, children, onValueChange, onChange, }: KjunRadioProps): import("react/jsx-runtime").JSX.Element;
|
|
51
|
+
export interface KjunRadioGroupProps {
|
|
52
52
|
value: ChoiceValue;
|
|
53
53
|
options?: ChoiceOption[];
|
|
54
54
|
direction?: "horizontal" | "vertical";
|
|
@@ -57,4 +57,4 @@ export interface DsRadioGroupProps {
|
|
|
57
57
|
onValueChange?: (value: ChoiceValue) => void;
|
|
58
58
|
onChange?: (value: ChoiceValue) => void;
|
|
59
59
|
}
|
|
60
|
-
export declare function
|
|
60
|
+
export declare function KjunRadioGroup({ value, options, direction, ariaLabel, children, onValueChange, onChange, }: KjunRadioGroupProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { type InputSize } from "@kjun-ui/tokens";
|
|
2
2
|
import { type ReactNode } from "react";
|
|
3
3
|
import { OptionValue, SelectOption } from "./select-options.cjs";
|
|
4
|
-
export interface
|
|
4
|
+
export interface KjunComboboxProps<T extends SelectOption = SelectOption> {
|
|
5
5
|
value: OptionValue | null;
|
|
6
6
|
options?: T[];
|
|
7
7
|
placeholder?: string;
|
|
@@ -20,7 +20,7 @@ export interface DsComboboxProps<T extends SelectOption = SelectOption> {
|
|
|
20
20
|
onSearch?: (v: string) => void;
|
|
21
21
|
onClear?: () => void;
|
|
22
22
|
}
|
|
23
|
-
export declare function
|
|
23
|
+
export declare function KjunCombobox<T extends SelectOption = SelectOption>({ value, options, placeholder, ariaLabel, labelKey, valueKey, filterFn, size, disabled, error, clearable, emptyText, renderOption, onValueChange, onChange, onSearch, onClear, }: KjunComboboxProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
24
24
|
export interface SearchFieldProps<T extends SelectOption> {
|
|
25
25
|
value: string;
|
|
26
26
|
size: InputSize;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { type InputSize } from "@kjun-ui/tokens";
|
|
2
2
|
import { type ReactNode } from "react";
|
|
3
3
|
import { OptionValue, SelectOption } from "./select-options.js";
|
|
4
|
-
export interface
|
|
4
|
+
export interface KjunComboboxProps<T extends SelectOption = SelectOption> {
|
|
5
5
|
value: OptionValue | null;
|
|
6
6
|
options?: T[];
|
|
7
7
|
placeholder?: string;
|
|
@@ -20,7 +20,7 @@ export interface DsComboboxProps<T extends SelectOption = SelectOption> {
|
|
|
20
20
|
onSearch?: (v: string) => void;
|
|
21
21
|
onClear?: () => void;
|
|
22
22
|
}
|
|
23
|
-
export declare function
|
|
23
|
+
export declare function KjunCombobox<T extends SelectOption = SelectOption>({ value, options, placeholder, ariaLabel, labelKey, valueKey, filterFn, size, disabled, error, clearable, emptyText, renderOption, onValueChange, onChange, onSearch, onClear, }: KjunComboboxProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
24
24
|
export interface SearchFieldProps<T extends SelectOption> {
|
|
25
25
|
value: string;
|
|
26
26
|
size: InputSize;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
export {
|
|
2
|
-
export type { ChoiceOption, ChoiceValue,
|
|
3
|
-
export {
|
|
4
|
-
export type {
|
|
5
|
-
export {
|
|
6
|
-
export type {
|
|
1
|
+
export { KjunCheckbox, KjunRadio, KjunRadioGroup, KjunSwitch } from "./choice-controls.cjs";
|
|
2
|
+
export type { ChoiceOption, ChoiceValue, KjunCheckboxProps, KjunRadioGroupProps, KjunRadioProps, KjunSwitchProps } from "./choice-controls.cjs";
|
|
3
|
+
export { KjunButtonGroup, KjunFilterGroup } from "./selection-groups.cjs";
|
|
4
|
+
export type { KjunButtonGroupProps, KjunFilterGroupProps } from "./selection-groups.cjs";
|
|
5
|
+
export { KjunTextarea } from "./textarea.cjs";
|
|
6
|
+
export type { KjunTextareaProps } from "./textarea.cjs";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
export {
|
|
2
|
-
export type { ChoiceOption, ChoiceValue,
|
|
3
|
-
export {
|
|
4
|
-
export type {
|
|
5
|
-
export {
|
|
6
|
-
export type {
|
|
1
|
+
export { KjunCheckbox, KjunRadio, KjunRadioGroup, KjunSwitch } from "./choice-controls.js";
|
|
2
|
+
export type { ChoiceOption, ChoiceValue, KjunCheckboxProps, KjunRadioGroupProps, KjunRadioProps, KjunSwitchProps } from "./choice-controls.js";
|
|
3
|
+
export { KjunButtonGroup, KjunFilterGroup } from "./selection-groups.js";
|
|
4
|
+
export type { KjunButtonGroupProps, KjunFilterGroupProps } from "./selection-groups.js";
|
|
5
|
+
export { KjunTextarea } from "./textarea.js";
|
|
6
|
+
export type { KjunTextareaProps } from "./textarea.js";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { type QueryDisplayProps } from "@kjun-ui/tokens";
|
|
2
2
|
import { Component, type ErrorInfo, type ReactNode } from "react";
|
|
3
|
-
import { type
|
|
3
|
+
import { type KjunSkeletonProps } from "./display.cjs";
|
|
4
4
|
export declare function useQueryDisplay(props: QueryDisplayProps): {
|
|
5
5
|
usesQueryState: boolean;
|
|
6
6
|
hasCurrentResult: boolean;
|
|
@@ -8,7 +8,7 @@ export declare function useQueryDisplay(props: QueryDisplayProps): {
|
|
|
8
8
|
initialLoading: boolean;
|
|
9
9
|
queryRefreshing: boolean;
|
|
10
10
|
};
|
|
11
|
-
export interface
|
|
11
|
+
export interface KjunDataStateProps extends QueryDisplayProps {
|
|
12
12
|
preserveContent?: boolean;
|
|
13
13
|
refreshing?: boolean;
|
|
14
14
|
refreshError?: string | null;
|
|
@@ -22,7 +22,7 @@ export interface DsDataStateProps extends QueryDisplayProps {
|
|
|
22
22
|
retryText?: string;
|
|
23
23
|
size?: "sm" | "md" | "lg";
|
|
24
24
|
skeleton?: boolean;
|
|
25
|
-
skeletonType?:
|
|
25
|
+
skeletonType?: KjunSkeletonProps["type"];
|
|
26
26
|
skeletonCount?: number;
|
|
27
27
|
children?: ReactNode;
|
|
28
28
|
loadingContent?: ReactNode;
|
|
@@ -31,15 +31,15 @@ export interface DsDataStateProps extends QueryDisplayProps {
|
|
|
31
31
|
onRetry?: () => void;
|
|
32
32
|
onEmptyAction?: () => void;
|
|
33
33
|
}
|
|
34
|
-
export declare function
|
|
35
|
-
export interface
|
|
34
|
+
export declare function KjunDataState({ preserveContent, refreshing, refreshError, refreshingText, loadingPadding, empty, emptyText, emptyIcon, emptyActionText, loadingText, retryText, size, skeleton, skeletonType, skeletonCount, children, loadingContent, emptyContent, errorContent, onRetry, onEmptyAction, ...query }: KjunDataStateProps): import("react/jsx-runtime").JSX.Element;
|
|
35
|
+
export interface KjunErrorBoundaryProps {
|
|
36
36
|
children: ReactNode;
|
|
37
37
|
fallbackMessage?: string;
|
|
38
38
|
fallback?: ReactNode;
|
|
39
39
|
onError?: (error: Error, info: ErrorInfo) => void;
|
|
40
40
|
onReset?: () => void;
|
|
41
41
|
}
|
|
42
|
-
export declare class
|
|
42
|
+
export declare class KjunErrorBoundary extends Component<KjunErrorBoundaryProps, {
|
|
43
43
|
error: boolean;
|
|
44
44
|
}> {
|
|
45
45
|
state: {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { type QueryDisplayProps } from "@kjun-ui/tokens";
|
|
2
2
|
import { Component, type ErrorInfo, type ReactNode } from "react";
|
|
3
|
-
import { type
|
|
3
|
+
import { type KjunSkeletonProps } from "./display.js";
|
|
4
4
|
export declare function useQueryDisplay(props: QueryDisplayProps): {
|
|
5
5
|
usesQueryState: boolean;
|
|
6
6
|
hasCurrentResult: boolean;
|
|
@@ -8,7 +8,7 @@ export declare function useQueryDisplay(props: QueryDisplayProps): {
|
|
|
8
8
|
initialLoading: boolean;
|
|
9
9
|
queryRefreshing: boolean;
|
|
10
10
|
};
|
|
11
|
-
export interface
|
|
11
|
+
export interface KjunDataStateProps extends QueryDisplayProps {
|
|
12
12
|
preserveContent?: boolean;
|
|
13
13
|
refreshing?: boolean;
|
|
14
14
|
refreshError?: string | null;
|
|
@@ -22,7 +22,7 @@ export interface DsDataStateProps extends QueryDisplayProps {
|
|
|
22
22
|
retryText?: string;
|
|
23
23
|
size?: "sm" | "md" | "lg";
|
|
24
24
|
skeleton?: boolean;
|
|
25
|
-
skeletonType?:
|
|
25
|
+
skeletonType?: KjunSkeletonProps["type"];
|
|
26
26
|
skeletonCount?: number;
|
|
27
27
|
children?: ReactNode;
|
|
28
28
|
loadingContent?: ReactNode;
|
|
@@ -31,15 +31,15 @@ export interface DsDataStateProps extends QueryDisplayProps {
|
|
|
31
31
|
onRetry?: () => void;
|
|
32
32
|
onEmptyAction?: () => void;
|
|
33
33
|
}
|
|
34
|
-
export declare function
|
|
35
|
-
export interface
|
|
34
|
+
export declare function KjunDataState({ preserveContent, refreshing, refreshError, refreshingText, loadingPadding, empty, emptyText, emptyIcon, emptyActionText, loadingText, retryText, size, skeleton, skeletonType, skeletonCount, children, loadingContent, emptyContent, errorContent, onRetry, onEmptyAction, ...query }: KjunDataStateProps): import("react/jsx-runtime").JSX.Element;
|
|
35
|
+
export interface KjunErrorBoundaryProps {
|
|
36
36
|
children: ReactNode;
|
|
37
37
|
fallbackMessage?: string;
|
|
38
38
|
fallback?: ReactNode;
|
|
39
39
|
onError?: (error: Error, info: ErrorInfo) => void;
|
|
40
40
|
onReset?: () => void;
|
|
41
41
|
}
|
|
42
|
-
export declare class
|
|
42
|
+
export declare class KjunErrorBoundary extends Component<KjunErrorBoundaryProps, {
|
|
43
43
|
error: boolean;
|
|
44
44
|
}> {
|
|
45
45
|
state: {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { type InputSize } from "@kjun-ui/tokens";
|
|
2
|
-
export interface
|
|
2
|
+
export interface KjunDatePickerProps {
|
|
3
3
|
value: string;
|
|
4
4
|
min?: string;
|
|
5
5
|
max?: string;
|
|
@@ -11,4 +11,4 @@ export interface DsDatePickerProps {
|
|
|
11
11
|
onValueChange?: (v: string) => void;
|
|
12
12
|
onChange?: (v: string) => void;
|
|
13
13
|
}
|
|
14
|
-
export declare function
|
|
14
|
+
export declare function KjunDatePicker({ value, min, max, placeholder, size, disabled, ariaLabel, error, onValueChange, onChange, }: KjunDatePickerProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { type InputSize } from "@kjun-ui/tokens";
|
|
2
|
-
export interface
|
|
2
|
+
export interface KjunDatePickerProps {
|
|
3
3
|
value: string;
|
|
4
4
|
min?: string;
|
|
5
5
|
max?: string;
|
|
@@ -11,4 +11,4 @@ export interface DsDatePickerProps {
|
|
|
11
11
|
onValueChange?: (v: string) => void;
|
|
12
12
|
onChange?: (v: string) => void;
|
|
13
13
|
}
|
|
14
|
-
export declare function
|
|
14
|
+
export declare function KjunDatePicker({ value, min, max, placeholder, size, disabled, ariaLabel, error, onValueChange, onChange, }: KjunDatePickerProps): import("react/jsx-runtime").JSX.Element;
|