@korsolutions/ui 0.0.60 → 0.0.62
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/module/components/button/variants/ghost.js +59 -0
- package/dist/module/components/button/variants/ghost.js.map +1 -0
- package/dist/module/components/button/variants/index.js +3 -1
- package/dist/module/components/button/variants/index.js.map +1 -1
- package/dist/module/components/icon-button/icon-button.js +63 -0
- package/dist/module/components/icon-button/icon-button.js.map +1 -0
- package/dist/module/components/icon-button/index.js +4 -0
- package/dist/module/components/icon-button/index.js.map +1 -0
- package/dist/module/components/icon-button/types.js +4 -0
- package/dist/module/components/icon-button/types.js.map +1 -0
- package/dist/module/components/icon-button/variants/default.js +34 -0
- package/dist/module/components/icon-button/variants/default.js.map +1 -0
- package/dist/module/components/icon-button/variants/ghost.js +35 -0
- package/dist/module/components/icon-button/variants/ghost.js.map +1 -0
- package/dist/module/components/icon-button/variants/index.js +11 -0
- package/dist/module/components/icon-button/variants/index.js.map +1 -0
- package/dist/module/components/icon-button/variants/secondary.js +37 -0
- package/dist/module/components/icon-button/variants/secondary.js.map +1 -0
- package/dist/module/components/index.js +2 -0
- package/dist/module/components/index.js.map +1 -1
- package/dist/module/components/separator/index.js +4 -0
- package/dist/module/components/separator/index.js.map +1 -0
- package/dist/module/components/separator/separator.js +17 -0
- package/dist/module/components/separator/separator.js.map +1 -0
- package/dist/module/components/separator/types.js +4 -0
- package/dist/module/components/separator/types.js.map +1 -0
- package/dist/module/components/separator/variants/horizontal.js +15 -0
- package/dist/module/components/separator/variants/horizontal.js.map +1 -0
- package/dist/module/components/separator/variants/index.js +9 -0
- package/dist/module/components/separator/variants/index.js.map +1 -0
- package/dist/module/components/separator/variants/vertical.js +15 -0
- package/dist/module/components/separator/variants/vertical.js.map +1 -0
- package/dist/module/components/tabs/components/tabs-item.js +61 -0
- package/dist/module/components/tabs/components/tabs-item.js.map +1 -0
- package/dist/module/components/tabs/components/tabs-root.js +3 -2
- package/dist/module/components/tabs/components/tabs-root.js.map +1 -1
- package/dist/module/components/tabs/index.js +2 -6
- package/dist/module/components/tabs/index.js.map +1 -1
- package/dist/module/components/tabs/use-organized-children.js +37 -0
- package/dist/module/components/tabs/use-organized-children.js.map +1 -0
- package/dist/module/components/tabs/variants/default.js +26 -8
- package/dist/module/components/tabs/variants/default.js.map +1 -1
- package/dist/module/components/tabs/variants/line.js +24 -7
- package/dist/module/components/tabs/variants/line.js.map +1 -1
- package/dist/typescript/src/components/button/variants/ghost.d.ts +3 -0
- package/dist/typescript/src/components/button/variants/ghost.d.ts.map +1 -0
- package/dist/typescript/src/components/button/variants/index.d.ts +1 -0
- package/dist/typescript/src/components/button/variants/index.d.ts.map +1 -1
- package/dist/typescript/src/components/icon-button/icon-button.d.ts +15 -0
- package/dist/typescript/src/components/icon-button/icon-button.d.ts.map +1 -0
- package/dist/typescript/src/components/icon-button/index.d.ts +3 -0
- package/dist/typescript/src/components/icon-button/index.d.ts.map +1 -0
- package/dist/typescript/src/components/icon-button/types.d.ts +8 -0
- package/dist/typescript/src/components/icon-button/types.d.ts.map +1 -0
- package/dist/typescript/src/components/icon-button/variants/default.d.ts +3 -0
- package/dist/typescript/src/components/icon-button/variants/default.d.ts.map +1 -0
- package/dist/typescript/src/components/icon-button/variants/ghost.d.ts +3 -0
- package/dist/typescript/src/components/icon-button/variants/ghost.d.ts.map +1 -0
- package/dist/typescript/src/components/icon-button/variants/index.d.ts +6 -0
- package/dist/typescript/src/components/icon-button/variants/index.d.ts.map +1 -0
- package/dist/typescript/src/components/icon-button/variants/secondary.d.ts +3 -0
- package/dist/typescript/src/components/icon-button/variants/secondary.d.ts.map +1 -0
- package/dist/typescript/src/components/index.d.ts +2 -0
- package/dist/typescript/src/components/index.d.ts.map +1 -1
- package/dist/typescript/src/components/separator/index.d.ts +3 -0
- package/dist/typescript/src/components/separator/index.d.ts.map +1 -0
- package/dist/typescript/src/components/separator/separator.d.ts +9 -0
- package/dist/typescript/src/components/separator/separator.d.ts.map +1 -0
- package/dist/typescript/src/components/separator/types.d.ts +5 -0
- package/dist/typescript/src/components/separator/types.d.ts.map +1 -0
- package/dist/typescript/src/components/separator/variants/horizontal.d.ts +3 -0
- package/dist/typescript/src/components/separator/variants/horizontal.d.ts.map +1 -0
- package/dist/typescript/src/components/separator/variants/index.d.ts +5 -0
- package/dist/typescript/src/components/separator/variants/index.d.ts.map +1 -0
- package/dist/typescript/src/components/separator/variants/vertical.d.ts +3 -0
- package/dist/typescript/src/components/separator/variants/vertical.d.ts.map +1 -0
- package/dist/typescript/src/components/tabs/components/{tabs-trigger.d.ts → tabs-item.d.ts} +3 -3
- package/dist/typescript/src/components/tabs/components/tabs-item.d.ts.map +1 -0
- package/dist/typescript/src/components/tabs/components/tabs-root.d.ts.map +1 -1
- package/dist/typescript/src/components/tabs/index.d.ts +3 -9
- package/dist/typescript/src/components/tabs/index.d.ts.map +1 -1
- package/dist/typescript/src/components/tabs/types.d.ts +8 -7
- package/dist/typescript/src/components/tabs/types.d.ts.map +1 -1
- package/dist/typescript/src/components/tabs/use-organized-children.d.ts +5 -0
- package/dist/typescript/src/components/tabs/use-organized-children.d.ts.map +1 -0
- package/dist/typescript/src/components/tabs/variants/default.d.ts.map +1 -1
- package/dist/typescript/src/components/tabs/variants/line.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/button/variants/ghost.tsx +55 -0
- package/src/components/button/variants/index.ts +2 -0
- package/src/components/icon-button/icon-button.tsx +92 -0
- package/src/components/icon-button/index.ts +2 -0
- package/src/components/icon-button/types.ts +9 -0
- package/src/components/icon-button/variants/default.tsx +32 -0
- package/src/components/icon-button/variants/ghost.tsx +33 -0
- package/src/components/icon-button/variants/index.ts +9 -0
- package/src/components/icon-button/variants/secondary.tsx +35 -0
- package/src/components/index.ts +2 -0
- package/src/components/separator/index.ts +2 -0
- package/src/components/separator/separator.tsx +15 -0
- package/src/components/separator/types.ts +5 -0
- package/src/components/separator/variants/horizontal.tsx +14 -0
- package/src/components/separator/variants/index.ts +7 -0
- package/src/components/separator/variants/vertical.tsx +14 -0
- package/src/components/tabs/components/tabs-item.tsx +96 -0
- package/src/components/tabs/components/tabs-root.tsx +9 -2
- package/src/components/tabs/index.ts +3 -9
- package/src/components/tabs/types.ts +8 -7
- package/src/components/tabs/use-organized-children.tsx +37 -0
- package/src/components/tabs/variants/default.tsx +25 -7
- package/src/components/tabs/variants/line.tsx +22 -5
- package/dist/module/components/tabs/components/tabs-list.js +0 -23
- package/dist/module/components/tabs/components/tabs-list.js.map +0 -1
- package/dist/module/components/tabs/components/tabs-trigger-text.js +0 -28
- package/dist/module/components/tabs/components/tabs-trigger-text.js.map +0 -1
- package/dist/module/components/tabs/components/tabs-trigger.js +0 -45
- package/dist/module/components/tabs/components/tabs-trigger.js.map +0 -1
- package/dist/typescript/src/components/tabs/components/tabs-list.d.ts +0 -8
- package/dist/typescript/src/components/tabs/components/tabs-list.d.ts.map +0 -1
- package/dist/typescript/src/components/tabs/components/tabs-trigger-text.d.ts +0 -10
- package/dist/typescript/src/components/tabs/components/tabs-trigger-text.d.ts.map +0 -1
- package/dist/typescript/src/components/tabs/components/tabs-trigger.d.ts.map +0 -1
- package/src/components/tabs/components/tabs-list.tsx +0 -21
- package/src/components/tabs/components/tabs-trigger-text.tsx +0 -26
- package/src/components/tabs/components/tabs-trigger.tsx +0 -43
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { View, type StyleProp, type ViewProps, type ViewStyle } from "react-native";
|
|
3
|
-
import { useTabsContext } from "../context";
|
|
4
|
-
|
|
5
|
-
export interface TabsListProps extends ViewProps {
|
|
6
|
-
children: React.ReactNode;
|
|
7
|
-
style?: StyleProp<ViewStyle>;
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
export function TabsList(props: TabsListProps) {
|
|
11
|
-
const { children, style, ...viewProps } = props;
|
|
12
|
-
const { styles } = useTabsContext();
|
|
13
|
-
|
|
14
|
-
const calculatedStyle = [styles?.list, style];
|
|
15
|
-
|
|
16
|
-
return (
|
|
17
|
-
<View {...viewProps} style={calculatedStyle}>
|
|
18
|
-
{children}
|
|
19
|
-
</View>
|
|
20
|
-
);
|
|
21
|
-
}
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { Text, type StyleProp, type TextProps, type TextStyle } from "react-native";
|
|
3
|
-
import { useTabsContext } from "../context";
|
|
4
|
-
|
|
5
|
-
export interface TabsTriggerTextProps extends TextProps {
|
|
6
|
-
children: React.ReactNode;
|
|
7
|
-
value: string;
|
|
8
|
-
isDisabled?: boolean;
|
|
9
|
-
style?: StyleProp<TextStyle>;
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
export function TabsTriggerText(props: TabsTriggerTextProps) {
|
|
13
|
-
const { children, value: triggerValue, isDisabled, style, ...textProps } = props;
|
|
14
|
-
const { value, styles } = useTabsContext();
|
|
15
|
-
|
|
16
|
-
const isActive = value === triggerValue;
|
|
17
|
-
const state = isDisabled ? "disabled" : isActive ? "active" : "default";
|
|
18
|
-
|
|
19
|
-
const calculatedStyle = [styles?.triggerText?.default, styles?.triggerText?.[state], style];
|
|
20
|
-
|
|
21
|
-
return (
|
|
22
|
-
<Text {...textProps} style={calculatedStyle}>
|
|
23
|
-
{children}
|
|
24
|
-
</Text>
|
|
25
|
-
);
|
|
26
|
-
}
|
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { Pressable, type PressableProps, type StyleProp, type ViewStyle } from "react-native";
|
|
3
|
-
import { useTabsContext } from "../context";
|
|
4
|
-
import type { TabsState } from "../types";
|
|
5
|
-
|
|
6
|
-
export interface TabsTriggerProps extends PressableProps {
|
|
7
|
-
children: React.ReactNode;
|
|
8
|
-
value: string;
|
|
9
|
-
isDisabled?: boolean;
|
|
10
|
-
style?: StyleProp<ViewStyle>;
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
const calculateState = (isActive: boolean, isDisabled: boolean | undefined): TabsState => {
|
|
14
|
-
if (isDisabled) {
|
|
15
|
-
return "disabled";
|
|
16
|
-
}
|
|
17
|
-
if (isActive) {
|
|
18
|
-
return "active";
|
|
19
|
-
}
|
|
20
|
-
return "default";
|
|
21
|
-
};
|
|
22
|
-
|
|
23
|
-
export function TabsTrigger(props: TabsTriggerProps) {
|
|
24
|
-
const { children, value: triggerValue, isDisabled, style, ...pressableProps } = props;
|
|
25
|
-
const { value, onChange, styles } = useTabsContext();
|
|
26
|
-
|
|
27
|
-
const isActive = value === triggerValue;
|
|
28
|
-
const state = calculateState(isActive, isDisabled);
|
|
29
|
-
|
|
30
|
-
const handlePress = () => {
|
|
31
|
-
if (!isDisabled) {
|
|
32
|
-
onChange(triggerValue);
|
|
33
|
-
}
|
|
34
|
-
};
|
|
35
|
-
|
|
36
|
-
const calculatedStyle = [styles?.trigger?.default, styles?.trigger?.[state], style];
|
|
37
|
-
|
|
38
|
-
return (
|
|
39
|
-
<Pressable {...pressableProps} disabled={isDisabled} onPress={handlePress} style={calculatedStyle}>
|
|
40
|
-
{children}
|
|
41
|
-
</Pressable>
|
|
42
|
-
);
|
|
43
|
-
}
|