@ds-autonomie/react-native 0.2.0 → 0.4.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/CHANGELOG.md +23 -0
- package/dist/chunks/chunk.2XHLIGU3.js +16 -0
- package/dist/chunks/chunk.4GJSNQET.js +48 -0
- package/dist/chunks/chunk.523CLSSB.js +22 -0
- package/dist/chunks/{chunk.QOZS5EA3.js → chunk.65RCE3RB.js} +7 -25
- package/dist/chunks/{chunk.MCKLJGG3.js → chunk.7H4YRP4X.js} +2 -2
- package/dist/chunks/chunk.DE3QWY2X.js +51 -0
- package/dist/chunks/chunk.DGZYY7CA.js +47 -0
- package/dist/chunks/chunk.DMHRBYRF.js +69 -0
- package/dist/chunks/{chunk.2HOUMFYI.js → chunk.DMWLLPBB.js} +2 -2
- package/dist/chunks/chunk.I5NPEO25.js +147 -0
- package/dist/chunks/chunk.JQRCUHR6.js +65 -0
- package/dist/{components/search/SearchField.js → chunks/chunk.KVGKM2JI.js} +3 -2
- package/dist/chunks/chunk.LN5IVTGU.js +60 -0
- package/dist/chunks/chunk.LR5V6SDZ.js +22 -0
- package/dist/chunks/chunk.SZJKAIPC.js +20 -0
- package/dist/chunks/chunk.TWXAL56H.js +21 -0
- package/dist/chunks/chunk.VPRSFOFO.js +40 -0
- package/dist/chunks/chunk.WVKTSG5X.js +22 -0
- package/dist/chunks/chunk.XCMNSIIN.js +72 -0
- package/dist/components/button/Button.js +4 -64
- package/dist/components/checkbox/Checkbox.js +4 -67
- package/dist/components/divider/Divider.d.ts +7 -0
- package/dist/components/divider/Divider.js +24 -0
- package/dist/components/divider/Divider.styles.d.ts +13 -0
- package/dist/components/divider/Divider.styles.js +6 -0
- package/dist/components/listCaption/ListCaption.d.ts +7 -0
- package/dist/components/listCaption/ListCaption.js +8 -0
- package/dist/components/listCaption/ListCaption.styles.d.ts +14 -0
- package/dist/components/listCaption/ListCaption.styles.js +7 -0
- package/dist/components/listItem/ListItem.d.ts +34 -0
- package/dist/components/listItem/ListItem.js +9 -0
- package/dist/components/listItem/ListItem.styles.d.ts +48 -0
- package/dist/components/listItem/ListItem.styles.js +7 -0
- package/dist/components/listTitle/ListTitle.d.ts +7 -0
- package/dist/components/listTitle/ListTitle.js +8 -0
- package/dist/components/listTitle/ListTitle.styles.d.ts +15 -0
- package/dist/components/listTitle/ListTitle.styles.js +7 -0
- package/dist/components/radio/Radio.js +3 -55
- package/dist/components/searchField/SearchField.js +7 -0
- package/dist/components/{search → searchField}/SearchField.styles.js +1 -1
- package/dist/components/tabs/Tabs.d.ts +18 -0
- package/dist/components/tabs/Tabs.js +7 -0
- package/dist/components/tabs/Tabs.styles.d.ts +10 -0
- package/dist/components/tabs/Tabs.styles.js +6 -0
- package/dist/components/tabs/tabItem/TabItem.d.ts +40 -0
- package/dist/components/tabs/tabItem/TabItem.js +9 -0
- package/dist/components/tabs/tabItem/TabItem.styles.d.ts +33 -0
- package/dist/components/tabs/tabItem/TabItem.styles.js +7 -0
- package/dist/components/textInput/TextInput.js +9 -0
- package/dist/components/{text-input → textInput}/TextInput.styles.d.ts +8 -0
- package/dist/components/{text-input → textInput}/TextInput.styles.js +2 -1
- package/dist/index.d.ts +11 -1
- package/dist/index.js +52 -3
- package/dist/styles/fonts.d.ts +25 -0
- package/package.json +2 -2
- package/dist/components/text-input/TextInput.js +0 -8
- /package/dist/components/{search → searchField}/SearchField.d.ts +0 -0
- /package/dist/components/{search → searchField}/SearchField.styles.d.ts +0 -0
- /package/dist/components/{text-input → textInput}/TextInput.d.ts +0 -0
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { PressableProps, ViewStyle, StyleProp, View } from 'react-native';
|
|
3
|
+
type OmittedPressableProps = 'accessibilityLabel' | 'accessibilityRole' | 'accessibilityState' | 'accessible' | 'children' | 'onFocus' | 'role' | 'style';
|
|
4
|
+
export type TabItemProps = {
|
|
5
|
+
/**
|
|
6
|
+
* Name of the icon.
|
|
7
|
+
*/
|
|
8
|
+
icon?: string;
|
|
9
|
+
/**
|
|
10
|
+
* Text displayed in tab.
|
|
11
|
+
*/
|
|
12
|
+
title: string;
|
|
13
|
+
/**
|
|
14
|
+
* If `style` is defined, it will extend the container style.
|
|
15
|
+
*/
|
|
16
|
+
style?: StyleProp<ViewStyle>;
|
|
17
|
+
/**
|
|
18
|
+
* If `active` is true, the tab is selected
|
|
19
|
+
* */
|
|
20
|
+
active?: boolean;
|
|
21
|
+
} & Omit<PressableProps, OmittedPressableProps>;
|
|
22
|
+
export declare const TabItem: React.ForwardRefExoticComponent<{
|
|
23
|
+
/**
|
|
24
|
+
* Name of the icon.
|
|
25
|
+
*/
|
|
26
|
+
icon?: string | undefined;
|
|
27
|
+
/**
|
|
28
|
+
* Text displayed in tab.
|
|
29
|
+
*/
|
|
30
|
+
title: string;
|
|
31
|
+
/**
|
|
32
|
+
* If `style` is defined, it will extend the container style.
|
|
33
|
+
*/
|
|
34
|
+
style?: StyleProp<ViewStyle>;
|
|
35
|
+
/**
|
|
36
|
+
* If `active` is true, the tab is selected
|
|
37
|
+
* */
|
|
38
|
+
active?: boolean | undefined;
|
|
39
|
+
} & Omit<PressableProps, OmittedPressableProps> & React.RefAttributes<View>>;
|
|
40
|
+
export {};
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
export declare const tabItemStyles: {
|
|
2
|
+
container: {
|
|
3
|
+
height: number;
|
|
4
|
+
flex: number;
|
|
5
|
+
justifyContent: "center";
|
|
6
|
+
paddingHorizontal: 16;
|
|
7
|
+
gap: 8;
|
|
8
|
+
display: "flex";
|
|
9
|
+
flexDirection: "row";
|
|
10
|
+
alignItems: "center";
|
|
11
|
+
};
|
|
12
|
+
text: {
|
|
13
|
+
textAlign: "center";
|
|
14
|
+
color: "#252625ff";
|
|
15
|
+
fontFamily: string;
|
|
16
|
+
fontWeight: "500";
|
|
17
|
+
fontSize: number;
|
|
18
|
+
lineHeight: number;
|
|
19
|
+
letterSpacing: number;
|
|
20
|
+
};
|
|
21
|
+
selected: {
|
|
22
|
+
color: "#540abdff";
|
|
23
|
+
backgroundColor: "#f6f1fcff";
|
|
24
|
+
};
|
|
25
|
+
focus: {
|
|
26
|
+
color: "#540abdff";
|
|
27
|
+
backgroundColor: "#f7f7f7ff";
|
|
28
|
+
};
|
|
29
|
+
focusSelected: {
|
|
30
|
+
color: "#540abdff";
|
|
31
|
+
backgroundColor: "#ede4faff";
|
|
32
|
+
};
|
|
33
|
+
};
|
|
@@ -12,12 +12,16 @@ export declare const styles: {
|
|
|
12
12
|
color: "#666666ff";
|
|
13
13
|
fontSize: number;
|
|
14
14
|
fontFamily: string;
|
|
15
|
+
fontWeight: "400";
|
|
16
|
+
lineHeight: number;
|
|
15
17
|
letterSpacing: number;
|
|
16
18
|
};
|
|
17
19
|
counter: {
|
|
18
20
|
color: "#666666ff";
|
|
19
21
|
fontSize: number;
|
|
20
22
|
fontFamily: string;
|
|
23
|
+
fontWeight: "400";
|
|
24
|
+
lineHeight: number;
|
|
21
25
|
letterSpacing: number;
|
|
22
26
|
marginLeft: "auto";
|
|
23
27
|
};
|
|
@@ -27,6 +31,8 @@ export declare const styles: {
|
|
|
27
31
|
input: {
|
|
28
32
|
fontSize: number;
|
|
29
33
|
fontFamily: string;
|
|
34
|
+
fontWeight: "400";
|
|
35
|
+
lineHeight: number;
|
|
30
36
|
letterSpacing: number;
|
|
31
37
|
paddingTop: 16;
|
|
32
38
|
paddingBottom: 16;
|
|
@@ -47,6 +53,8 @@ export declare const styles: {
|
|
|
47
53
|
marginTop: number;
|
|
48
54
|
marginRight: 4;
|
|
49
55
|
fontSize: number;
|
|
56
|
+
fontWeight: "400";
|
|
57
|
+
lineHeight: number;
|
|
50
58
|
fontFamily: string;
|
|
51
59
|
letterSpacing: number;
|
|
52
60
|
};
|
package/dist/index.d.ts
CHANGED
|
@@ -1,3 +1,13 @@
|
|
|
1
|
+
export * from './components/button/Button';
|
|
2
|
+
export * from './components/checkbox/Checkbox';
|
|
3
|
+
export * from './components/icon/Icon';
|
|
4
|
+
export * from './components/listCaption/ListCaption';
|
|
5
|
+
export * from './components/listItem/ListItem';
|
|
6
|
+
export * from './components/listTitle/ListTitle';
|
|
7
|
+
export * from './components/radio/Radio';
|
|
8
|
+
export * from './components/searchField/SearchField';
|
|
1
9
|
export * from './components/toggle/Toggle';
|
|
2
|
-
export * from './components/
|
|
10
|
+
export * from './components/textInput/TextInput';
|
|
11
|
+
export * from './components/tabs/Tabs';
|
|
12
|
+
export * from './components/tabs/tabItem/TabItem';
|
|
3
13
|
export * from './utils';
|
package/dist/index.js
CHANGED
|
@@ -1,12 +1,51 @@
|
|
|
1
|
+
import {
|
|
2
|
+
TabItem
|
|
3
|
+
} from "./chunks/chunk.DGZYY7CA.js";
|
|
4
|
+
import "./chunks/chunk.VPRSFOFO.js";
|
|
5
|
+
import {
|
|
6
|
+
SearchField
|
|
7
|
+
} from "./chunks/chunk.KVGKM2JI.js";
|
|
8
|
+
import "./chunks/chunk.7H4YRP4X.js";
|
|
9
|
+
import {
|
|
10
|
+
Tabs
|
|
11
|
+
} from "./chunks/chunk.I5NPEO25.js";
|
|
12
|
+
import "./chunks/chunk.2XHLIGU3.js";
|
|
1
13
|
import {
|
|
2
14
|
TextInput
|
|
3
|
-
} from "./chunks/chunk.
|
|
4
|
-
import "./chunks/chunk.
|
|
15
|
+
} from "./chunks/chunk.DMWLLPBB.js";
|
|
16
|
+
import "./chunks/chunk.65RCE3RB.js";
|
|
5
17
|
import {
|
|
6
18
|
Toggle
|
|
7
19
|
} from "./chunks/chunk.B2JV2E47.js";
|
|
8
20
|
import "./chunks/chunk.CZ5Y2AVH.js";
|
|
9
|
-
import
|
|
21
|
+
import {
|
|
22
|
+
ListCaption
|
|
23
|
+
} from "./chunks/chunk.LR5V6SDZ.js";
|
|
24
|
+
import "./chunks/chunk.TWXAL56H.js";
|
|
25
|
+
import {
|
|
26
|
+
ListItem
|
|
27
|
+
} from "./chunks/chunk.JQRCUHR6.js";
|
|
28
|
+
import "./chunks/chunk.DE3QWY2X.js";
|
|
29
|
+
import {
|
|
30
|
+
ListTitle
|
|
31
|
+
} from "./chunks/chunk.WVKTSG5X.js";
|
|
32
|
+
import "./chunks/chunk.523CLSSB.js";
|
|
33
|
+
import "./chunks/chunk.4GJSNQET.js";
|
|
34
|
+
import {
|
|
35
|
+
Radio
|
|
36
|
+
} from "./chunks/chunk.LN5IVTGU.js";
|
|
37
|
+
import "./chunks/chunk.YWEWQ2LT.js";
|
|
38
|
+
import {
|
|
39
|
+
Button
|
|
40
|
+
} from "./chunks/chunk.DMHRBYRF.js";
|
|
41
|
+
import "./chunks/chunk.RNOZ5AW4.js";
|
|
42
|
+
import {
|
|
43
|
+
Checkbox
|
|
44
|
+
} from "./chunks/chunk.XCMNSIIN.js";
|
|
45
|
+
import "./chunks/chunk.H2AL2E3A.js";
|
|
46
|
+
import {
|
|
47
|
+
Icon
|
|
48
|
+
} from "./chunks/chunk.OQSCGAEY.js";
|
|
10
49
|
|
|
11
50
|
// src/utils/useFonts.ts
|
|
12
51
|
import { useFonts as useExpoFonts } from "expo-font";
|
|
@@ -14,6 +53,16 @@ function useFonts(map) {
|
|
|
14
53
|
return useExpoFonts(map);
|
|
15
54
|
}
|
|
16
55
|
export {
|
|
56
|
+
Button,
|
|
57
|
+
Checkbox,
|
|
58
|
+
Icon,
|
|
59
|
+
ListCaption,
|
|
60
|
+
ListItem,
|
|
61
|
+
ListTitle,
|
|
62
|
+
Radio,
|
|
63
|
+
SearchField,
|
|
64
|
+
TabItem,
|
|
65
|
+
Tabs,
|
|
17
66
|
TextInput,
|
|
18
67
|
Toggle,
|
|
19
68
|
useFonts
|
package/dist/styles/fonts.d.ts
CHANGED
|
@@ -2,10 +2,14 @@ export declare const fonts: {
|
|
|
2
2
|
bodyLarge: {
|
|
3
3
|
fontSize: number;
|
|
4
4
|
fontFamily: string;
|
|
5
|
+
fontWeight: "400";
|
|
6
|
+
lineHeight: number;
|
|
5
7
|
letterSpacing: number;
|
|
6
8
|
};
|
|
7
9
|
bodyMedium: {
|
|
8
10
|
fontSize: number;
|
|
11
|
+
fontWeight: "400";
|
|
12
|
+
lineHeight: number;
|
|
9
13
|
fontFamily: string;
|
|
10
14
|
letterSpacing: number;
|
|
11
15
|
};
|
|
@@ -14,4 +18,25 @@ export declare const fonts: {
|
|
|
14
18
|
fontFamily: string;
|
|
15
19
|
letterSpacing: number;
|
|
16
20
|
};
|
|
21
|
+
titleSmall: {
|
|
22
|
+
fontSize: number;
|
|
23
|
+
fontWeight: "500";
|
|
24
|
+
lineHeight: number;
|
|
25
|
+
fontFamily: string;
|
|
26
|
+
letterSpacing: number;
|
|
27
|
+
};
|
|
28
|
+
labelMedium: {
|
|
29
|
+
fontSize: number;
|
|
30
|
+
fontWeight: "500";
|
|
31
|
+
lineHeight: number;
|
|
32
|
+
fontFamily: string;
|
|
33
|
+
letterSpacing: number;
|
|
34
|
+
};
|
|
35
|
+
labelLarge: {
|
|
36
|
+
fontFamily: string;
|
|
37
|
+
fontWeight: "500";
|
|
38
|
+
fontSize: number;
|
|
39
|
+
lineHeight: number;
|
|
40
|
+
letterSpacing: number;
|
|
41
|
+
};
|
|
17
42
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ds-autonomie/react-native",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.4.0",
|
|
4
4
|
"author": "CNSA",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"type": "module",
|
|
@@ -46,7 +46,7 @@
|
|
|
46
46
|
"react-native-accessibility-engine": "3.2.0",
|
|
47
47
|
"react-test-renderer": "18.2.0",
|
|
48
48
|
"ts-jest": "29.1.1",
|
|
49
|
-
"@ds-autonomie/eslint-config": "2.
|
|
49
|
+
"@ds-autonomie/eslint-config": "2.1.0"
|
|
50
50
|
},
|
|
51
51
|
"scripts": {
|
|
52
52
|
"ts:check": "tsc --noEmit",
|
|
File without changes
|
|
File without changes
|
|
File without changes
|