@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.
Files changed (125) hide show
  1. package/dist/module/components/button/variants/ghost.js +59 -0
  2. package/dist/module/components/button/variants/ghost.js.map +1 -0
  3. package/dist/module/components/button/variants/index.js +3 -1
  4. package/dist/module/components/button/variants/index.js.map +1 -1
  5. package/dist/module/components/icon-button/icon-button.js +63 -0
  6. package/dist/module/components/icon-button/icon-button.js.map +1 -0
  7. package/dist/module/components/icon-button/index.js +4 -0
  8. package/dist/module/components/icon-button/index.js.map +1 -0
  9. package/dist/module/components/icon-button/types.js +4 -0
  10. package/dist/module/components/icon-button/types.js.map +1 -0
  11. package/dist/module/components/icon-button/variants/default.js +34 -0
  12. package/dist/module/components/icon-button/variants/default.js.map +1 -0
  13. package/dist/module/components/icon-button/variants/ghost.js +35 -0
  14. package/dist/module/components/icon-button/variants/ghost.js.map +1 -0
  15. package/dist/module/components/icon-button/variants/index.js +11 -0
  16. package/dist/module/components/icon-button/variants/index.js.map +1 -0
  17. package/dist/module/components/icon-button/variants/secondary.js +37 -0
  18. package/dist/module/components/icon-button/variants/secondary.js.map +1 -0
  19. package/dist/module/components/index.js +2 -0
  20. package/dist/module/components/index.js.map +1 -1
  21. package/dist/module/components/separator/index.js +4 -0
  22. package/dist/module/components/separator/index.js.map +1 -0
  23. package/dist/module/components/separator/separator.js +17 -0
  24. package/dist/module/components/separator/separator.js.map +1 -0
  25. package/dist/module/components/separator/types.js +4 -0
  26. package/dist/module/components/separator/types.js.map +1 -0
  27. package/dist/module/components/separator/variants/horizontal.js +15 -0
  28. package/dist/module/components/separator/variants/horizontal.js.map +1 -0
  29. package/dist/module/components/separator/variants/index.js +9 -0
  30. package/dist/module/components/separator/variants/index.js.map +1 -0
  31. package/dist/module/components/separator/variants/vertical.js +15 -0
  32. package/dist/module/components/separator/variants/vertical.js.map +1 -0
  33. package/dist/module/components/tabs/components/tabs-item.js +61 -0
  34. package/dist/module/components/tabs/components/tabs-item.js.map +1 -0
  35. package/dist/module/components/tabs/components/tabs-root.js +3 -2
  36. package/dist/module/components/tabs/components/tabs-root.js.map +1 -1
  37. package/dist/module/components/tabs/index.js +2 -6
  38. package/dist/module/components/tabs/index.js.map +1 -1
  39. package/dist/module/components/tabs/use-organized-children.js +37 -0
  40. package/dist/module/components/tabs/use-organized-children.js.map +1 -0
  41. package/dist/module/components/tabs/variants/default.js +26 -8
  42. package/dist/module/components/tabs/variants/default.js.map +1 -1
  43. package/dist/module/components/tabs/variants/line.js +24 -7
  44. package/dist/module/components/tabs/variants/line.js.map +1 -1
  45. package/dist/typescript/src/components/button/variants/ghost.d.ts +3 -0
  46. package/dist/typescript/src/components/button/variants/ghost.d.ts.map +1 -0
  47. package/dist/typescript/src/components/button/variants/index.d.ts +1 -0
  48. package/dist/typescript/src/components/button/variants/index.d.ts.map +1 -1
  49. package/dist/typescript/src/components/icon-button/icon-button.d.ts +15 -0
  50. package/dist/typescript/src/components/icon-button/icon-button.d.ts.map +1 -0
  51. package/dist/typescript/src/components/icon-button/index.d.ts +3 -0
  52. package/dist/typescript/src/components/icon-button/index.d.ts.map +1 -0
  53. package/dist/typescript/src/components/icon-button/types.d.ts +8 -0
  54. package/dist/typescript/src/components/icon-button/types.d.ts.map +1 -0
  55. package/dist/typescript/src/components/icon-button/variants/default.d.ts +3 -0
  56. package/dist/typescript/src/components/icon-button/variants/default.d.ts.map +1 -0
  57. package/dist/typescript/src/components/icon-button/variants/ghost.d.ts +3 -0
  58. package/dist/typescript/src/components/icon-button/variants/ghost.d.ts.map +1 -0
  59. package/dist/typescript/src/components/icon-button/variants/index.d.ts +6 -0
  60. package/dist/typescript/src/components/icon-button/variants/index.d.ts.map +1 -0
  61. package/dist/typescript/src/components/icon-button/variants/secondary.d.ts +3 -0
  62. package/dist/typescript/src/components/icon-button/variants/secondary.d.ts.map +1 -0
  63. package/dist/typescript/src/components/index.d.ts +2 -0
  64. package/dist/typescript/src/components/index.d.ts.map +1 -1
  65. package/dist/typescript/src/components/separator/index.d.ts +3 -0
  66. package/dist/typescript/src/components/separator/index.d.ts.map +1 -0
  67. package/dist/typescript/src/components/separator/separator.d.ts +9 -0
  68. package/dist/typescript/src/components/separator/separator.d.ts.map +1 -0
  69. package/dist/typescript/src/components/separator/types.d.ts +5 -0
  70. package/dist/typescript/src/components/separator/types.d.ts.map +1 -0
  71. package/dist/typescript/src/components/separator/variants/horizontal.d.ts +3 -0
  72. package/dist/typescript/src/components/separator/variants/horizontal.d.ts.map +1 -0
  73. package/dist/typescript/src/components/separator/variants/index.d.ts +5 -0
  74. package/dist/typescript/src/components/separator/variants/index.d.ts.map +1 -0
  75. package/dist/typescript/src/components/separator/variants/vertical.d.ts +3 -0
  76. package/dist/typescript/src/components/separator/variants/vertical.d.ts.map +1 -0
  77. package/dist/typescript/src/components/tabs/components/{tabs-trigger.d.ts → tabs-item.d.ts} +3 -3
  78. package/dist/typescript/src/components/tabs/components/tabs-item.d.ts.map +1 -0
  79. package/dist/typescript/src/components/tabs/components/tabs-root.d.ts.map +1 -1
  80. package/dist/typescript/src/components/tabs/index.d.ts +3 -9
  81. package/dist/typescript/src/components/tabs/index.d.ts.map +1 -1
  82. package/dist/typescript/src/components/tabs/types.d.ts +8 -7
  83. package/dist/typescript/src/components/tabs/types.d.ts.map +1 -1
  84. package/dist/typescript/src/components/tabs/use-organized-children.d.ts +5 -0
  85. package/dist/typescript/src/components/tabs/use-organized-children.d.ts.map +1 -0
  86. package/dist/typescript/src/components/tabs/variants/default.d.ts.map +1 -1
  87. package/dist/typescript/src/components/tabs/variants/line.d.ts.map +1 -1
  88. package/package.json +1 -1
  89. package/src/components/button/variants/ghost.tsx +55 -0
  90. package/src/components/button/variants/index.ts +2 -0
  91. package/src/components/icon-button/icon-button.tsx +92 -0
  92. package/src/components/icon-button/index.ts +2 -0
  93. package/src/components/icon-button/types.ts +9 -0
  94. package/src/components/icon-button/variants/default.tsx +32 -0
  95. package/src/components/icon-button/variants/ghost.tsx +33 -0
  96. package/src/components/icon-button/variants/index.ts +9 -0
  97. package/src/components/icon-button/variants/secondary.tsx +35 -0
  98. package/src/components/index.ts +2 -0
  99. package/src/components/separator/index.ts +2 -0
  100. package/src/components/separator/separator.tsx +15 -0
  101. package/src/components/separator/types.ts +5 -0
  102. package/src/components/separator/variants/horizontal.tsx +14 -0
  103. package/src/components/separator/variants/index.ts +7 -0
  104. package/src/components/separator/variants/vertical.tsx +14 -0
  105. package/src/components/tabs/components/tabs-item.tsx +96 -0
  106. package/src/components/tabs/components/tabs-root.tsx +9 -2
  107. package/src/components/tabs/index.ts +3 -9
  108. package/src/components/tabs/types.ts +8 -7
  109. package/src/components/tabs/use-organized-children.tsx +37 -0
  110. package/src/components/tabs/variants/default.tsx +25 -7
  111. package/src/components/tabs/variants/line.tsx +22 -5
  112. package/dist/module/components/tabs/components/tabs-list.js +0 -23
  113. package/dist/module/components/tabs/components/tabs-list.js.map +0 -1
  114. package/dist/module/components/tabs/components/tabs-trigger-text.js +0 -28
  115. package/dist/module/components/tabs/components/tabs-trigger-text.js.map +0 -1
  116. package/dist/module/components/tabs/components/tabs-trigger.js +0 -45
  117. package/dist/module/components/tabs/components/tabs-trigger.js.map +0 -1
  118. package/dist/typescript/src/components/tabs/components/tabs-list.d.ts +0 -8
  119. package/dist/typescript/src/components/tabs/components/tabs-list.d.ts.map +0 -1
  120. package/dist/typescript/src/components/tabs/components/tabs-trigger-text.d.ts +0 -10
  121. package/dist/typescript/src/components/tabs/components/tabs-trigger-text.d.ts.map +0 -1
  122. package/dist/typescript/src/components/tabs/components/tabs-trigger.d.ts.map +0 -1
  123. package/src/components/tabs/components/tabs-list.tsx +0 -21
  124. package/src/components/tabs/components/tabs-trigger-text.tsx +0 -26
  125. 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
- }