@cdek-it/react-native-ui-kit 1.0.0-beta.0 → 1.0.0-beta.2

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 (10) hide show
  1. package/README.md +7 -6
  2. package/dist/components/Typography/Anchor.js +1 -1
  3. package/dist/components/Typography/Body.js +4 -4
  4. package/dist/components/Typography/Caption.js +1 -1
  5. package/dist/components/Typography/Subtitle.js +1 -1
  6. package/dist/components/Typography/Title.js +10 -10
  7. package/dist/hooks/useLoadingRotationAnimation.d.ts +2 -2
  8. package/dist/theme/darkTheme.js +1 -1
  9. package/dist/theme/lightTheme.js +1 -1
  10. package/package.json +36 -35
package/README.md CHANGED
@@ -38,8 +38,8 @@ UI kit использует следующие виды шрифтов.
38
38
 
39
39
  | Тип шрифта | Используемые начертания | Рекомендуемый шрифт | Рекомендуемый аналог |
40
40
  | ----------- | ---------------------------------------------- | ------------------- | -------------------- |
41
- | `primary` | – regular<br/>– demibold<br/>– demibold italic | TT Fellows | PT Sans |
42
- | `secondary` | – regular<br/>– bold | PT Sans | — |
41
+ | `primary` | – regular<br/>– demibold<br/>– demibold italic | TT Fellows | Noto Sans |
42
+ | `secondary` | – regular<br/>– medium<br/>– bold | Noto Sans | — |
43
43
 
44
44
  Исходники шрифтов не поставляются вместе с пакетом, их требуется подключать
45
45
  отдельно. После подключения шрифтов в проект, необходимо указать их в
@@ -84,10 +84,11 @@ UI kit использует следующие виды шрифтов.
84
84
  ],
85
85
  },
86
86
  {
87
- fontFamily: 'PT Sans',
87
+ fontFamily: 'Noto Sans',
88
88
  fontDefinitions: [
89
- { path: './assets/fonts/PTSans-Bold.ttf', weight: 700 },
90
- { path: './assets/fonts/PTSans-Regular.ttf', weight: 400 },
89
+ { path: './assets/NotoSans-Bold.ttf', weight: 700 },
90
+ { path: './assets/NotoSans-Medium.ttf', weight: 500 },
91
+ { path: './assets/NotoSans-Regular.ttf', weight: 400 },
91
92
  ],
92
93
  },
93
94
  ],
@@ -130,7 +131,7 @@ UI kit использует следующие виды шрифтов.
130
131
 
131
132
  //подключение шрифтов
132
133
  ReactFontManager.getInstance().addCustomFont(this, "TT Fellows", R.font.xml_tt_fellows)
133
- ReactFontManager.getInstance().addCustomFont(this, "PT Sans", R.font.xml_pt_sans)
134
+ ReactFontManager.getInstance().addCustomFont(this, "Noto Sans", R.font.xml_noto_sans)
134
135
 
135
136
  // остальной код...
136
137
  }
package/dist/components/Typography/Anchor.js CHANGED
@@ -49,7 +49,7 @@ const styles = StyleSheet.create(({ spacing, typography, fonts }) => ({
49
49
  container: { flexDirection: 'row', alignItems: 'center' },
50
50
  text: {
51
51
  flexShrink: 1,
52
- fontSize: typography.Size['text-sm'],
52
+ fontSize: typography.Size['text-xs'],
53
53
  includeFontPadding: false,
54
54
  verticalAlign: 'middle',
55
55
  color: typography.Color.Service['text-info'],
package/dist/components/Typography/Body.js CHANGED
@@ -13,7 +13,7 @@ export const Body = ({ base, color = 'default', disabled, paragraph, weight = 'r
13
13
  };
14
14
  const styles = StyleSheet.create(({ theme, typography, fonts }) => ({
15
15
  text: {
16
- fontSize: typography.Size['text-lg'],
16
+ fontSize: typography.Size['text-base'],
17
17
  includeFontPadding: false,
18
18
  verticalAlign: 'middle',
19
19
  fontFamily: fonts.secondary,
@@ -24,8 +24,8 @@ const styles = StyleSheet.create(({ theme, typography, fonts }) => ({
24
24
  default: { color: theme.General.textColor },
25
25
  primary: { color: theme.General.primaryColor },
26
26
  secondary: { color: theme.General.textSecondaryColor },
27
- base: { fontSize: typography.Size['text-base'] },
28
- paragraph: { fontSize: typography.Size['text-lg'] },
29
- paragraphBase: { fontSize: typography.Size['text-base'] },
27
+ base: { fontSize: typography.Size['text-sm'] },
28
+ paragraph: { lineHeight: 24 },
29
+ paragraphBase: { lineHeight: 21 },
30
30
  disabled: { opacity: 0.6 },
31
31
  }));
package/dist/components/Typography/Caption.js CHANGED
@@ -26,7 +26,7 @@ export const Caption = ({ color = 'default', disabled, style, Icon, ...other })
26
26
  const CaptionTestId = { text: 'CaptionText', icon: 'CaptionIcon' };
27
27
  const styles = StyleSheet.create(({ theme, spacing, typography, fonts }) => ({
28
28
  text: {
29
- fontSize: typography.Size['text-sm'],
29
+ fontSize: typography.Size['text-xs'],
30
30
  includeFontPadding: false,
31
31
  verticalAlign: 'middle',
32
32
  fontFamily: fonts.primary,
package/dist/components/Typography/Subtitle.js CHANGED
@@ -9,7 +9,7 @@ export const Subtitle = memo(({ base = false, color = 'default', style, ...other
9
9
  const styles = StyleSheet.create(({ theme, typography, fonts }) => ({
10
10
  text: {
11
11
  fontSize: typography.Size['text-sm'],
12
- fontWeight: 700,
12
+ fontWeight: 500,
13
13
  textTransform: 'uppercase',
14
14
  fontFamily: fonts.primary,
15
15
  },
package/dist/components/Typography/Title.js CHANGED
@@ -3,19 +3,19 @@ import { StyleSheet } from 'react-native-unistyles';
3
3
  export const Title = ({ level, style, ...other }) => (<Text style={[styles.text, styles[level], style]} testID='Title' {...other}/>);
4
4
  const styles = StyleSheet.create(({ theme, typography, fonts }) => ({
5
5
  text: {
6
- color: theme.General.textColor,
6
+ color: theme.General.secondaryColor,
7
7
  fontFamily: fonts.primary,
8
8
  fontWeight: 700,
9
9
  includeFontPadding: false,
10
10
  verticalAlign: 'middle',
11
11
  },
12
- d1: { fontSize: typography.Size['text-6xl'] },
13
- d2: { fontSize: typography.Size['text-5xl'] },
14
- d3: { fontSize: typography.Size['text-4xl'] },
15
- h1: { fontSize: typography.Size['text-3xl'] },
16
- h2: { fontSize: typography.Size['text-2xl'] },
17
- h3: { fontSize: typography.Size['text-xl'] },
18
- h4: { fontSize: typography.Size['text-lg'] },
19
- h5: { fontSize: typography.Size['text-base'] },
20
- h6: { fontSize: typography.Size['text-sm'] },
12
+ d1: { fontSize: typography.Size['text-5xl'] },
13
+ d2: { fontSize: typography.Size['text-4xl'] },
14
+ d3: { fontSize: typography.Size['text-3xl'] },
15
+ h1: { fontSize: typography.Size['text-2xl'] },
16
+ h2: { fontSize: typography.Size['text-xl'] },
17
+ h3: { fontSize: typography.Size['text-lg'] },
18
+ h4: { fontSize: typography.Size['text-base'] },
19
+ h5: { fontSize: typography.Size['text-sm'] },
20
+ h6: { fontSize: typography.Size['text-xs'], lineHeight: 12 },
21
21
  }));
package/dist/hooks/useLoadingRotationAnimation.d.ts CHANGED
@@ -1,5 +1,5 @@
1
- export declare const useLoadingRotationAnimation: (loading?: boolean) => {
1
+ export declare const useLoadingRotationAnimation: (loading?: boolean) => import("react-native-reanimated/lib/typescript/hook/commonTypes").AnimatedStyleHandle<{
2
2
  transform: {
3
3
  rotate: string;
4
4
  }[];
5
- };
5
+ }>;
package/dist/theme/darkTheme.js CHANGED
@@ -6,5 +6,5 @@ import { commonTheme } from './commonTheme';
6
6
  export const darkTheme = {
7
7
  theme: { ...darkThemeAssets, InputSize, ModalSize, custom: customDark },
8
8
  ...commonTheme,
9
- fonts: { primary: 'TT Fellows', secondary: 'PT Sans' },
9
+ fonts: { primary: 'TT Fellows', secondary: 'Noto Sans' },
10
10
  };
package/dist/theme/lightTheme.js CHANGED
@@ -6,5 +6,5 @@ import { commonTheme } from './commonTheme';
6
6
  export const lightTheme = {
7
7
  theme: { ...lightThemeAssets, InputSize, ModalSize, custom: customLight },
8
8
  ...commonTheme,
9
- fonts: { primary: 'TT Fellows', secondary: 'PT Sans' },
9
+ fonts: { primary: 'TT Fellows', secondary: 'Noto Sans' },
10
10
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cdek-it/react-native-ui-kit",
3
- "version": "1.0.0-beta.0",
3
+ "version": "1.0.0-beta.2",
4
4
  "description": "UI kit на основе Prime Faces, Prime Flex для React Native",
5
5
  "license": "MIT",
6
6
  "homepage": "https://developer.cdek.ru/design-system",
@@ -57,24 +57,25 @@
57
57
  "@commitlint/cli": "19.8.1",
58
58
  "@commitlint/config-conventional": "19.8.1",
59
59
  "@eslint/compat": "2.0.0",
60
- "@expo/metro-runtime": "6.1.2",
60
+ "@expo/metro-runtime": "55.0.10",
61
61
  "@gorhom/bottom-sheet": "5.2.8",
62
- "@react-native-async-storage/async-storage": "2.2.0",
63
- "@react-native-community/datetimepicker": "8.5.1",
64
- "@react-native-community/slider": "5.1.1",
62
+ "@react-native-async-storage/async-storage": "3.0.2",
63
+ "@react-native-async-storage/expo-with-async-storage": "1.0.0",
64
+ "@react-native-community/datetimepicker": "9.1.0",
65
+ "@react-native-community/slider": "5.2.0",
65
66
  "@release-it/conventional-changelog": "10.0.1",
66
67
  "@storybook/addon-controls": "9.0.8",
67
- "@storybook/addon-ondevice-actions": "10.1.1",
68
- "@storybook/addon-ondevice-controls": "10.1.1",
69
- "@storybook/addon-ondevice-notes": "10.1.1",
68
+ "@storybook/addon-ondevice-actions": "10.3.2",
69
+ "@storybook/addon-ondevice-controls": "10.3.2",
70
+ "@storybook/addon-ondevice-notes": "10.3.2",
70
71
  "@storybook/core": "8.6.14",
71
72
  "@storybook/preview-api": "8.6.14",
72
- "@storybook/react-native": "10.1.1",
73
+ "@storybook/react-native": "10.3.2",
73
74
  "@stylistic/eslint-plugin": "5.6.1",
74
75
  "@testing-library/react-native": "13.3.3",
75
76
  "@types/jest": "29.5.14",
76
77
  "@types/lodash.map": "4.6.13",
77
- "@types/react": "19.1.10",
78
+ "@types/react": "19.2.14",
78
79
  "babel-loader": "8.2.3",
79
80
  "chalk": "4.1.2",
80
81
  "commitizen": "4.3.1",
@@ -90,37 +91,37 @@
90
91
  "eslint-plugin-react-hooks": "7.0.1",
91
92
  "eslint-plugin-react-native": "5.0.0",
92
93
  "eslint-plugin-testing-library": "7.15.1",
93
- "expo": "54.0.30",
94
- "expo-application": "7.0.8",
95
- "expo-constants": "18.0.12",
96
- "expo-doctor": "1.17.14",
97
- "expo-status-bar": "3.0.9",
94
+ "expo": "55.0.18",
95
+ "expo-application": "55.0.14",
96
+ "expo-constants": "55.0.15",
97
+ "expo-doctor": "1.18.20",
98
+ "expo-status-bar": "55.0.5",
98
99
  "inquirer-search-list": "1.2.6",
99
100
  "jest": "29.7.0",
100
- "jest-expo": "54.0.16",
101
+ "jest-expo": "55.0.16",
101
102
  "jest-extended": "6.0.0",
102
103
  "jest-junit": "16.0.0",
103
104
  "jiti": "2.5.1",
104
105
  "lefthook": "2.0.12",
105
106
  "lodash.map": "4.6.0",
106
107
  "longest": "2.0.1",
107
- "npm-check-updates": "19.2.0",
108
+ "npm-check-updates": "19.6.6",
108
109
  "onchange": "7.1.0",
109
110
  "prettier": "3.7.4",
110
- "react": "19.1.0",
111
- "react-dom": "19.1.0",
112
- "react-native": "0.81.5",
111
+ "react": "19.2.0",
112
+ "react-dom": "19.2.0",
113
+ "react-native": "0.83.6",
113
114
  "react-native-advanced-input-mask": "1.4.6",
114
- "react-native-gesture-handler": "2.29.1",
115
- "react-native-nitro-modules": "0.35.2",
116
- "react-native-reanimated": "4.2.1",
117
- "react-native-safe-area-context": "5.6.2",
118
- "react-native-svg": "15.15.1",
119
- "react-native-unistyles": "3.2.3",
120
- "react-native-worklets": "0.7.1",
115
+ "react-native-gesture-handler": "2.30.1",
116
+ "react-native-nitro-modules": "0.35.6",
117
+ "react-native-reanimated": "4.3.0",
118
+ "react-native-safe-area-context": "5.7.0",
119
+ "react-native-svg": "15.15.3",
120
+ "react-native-unistyles": "3.2.4",
121
+ "react-native-worklets": "0.8.1",
121
122
  "release-it": "19.1.0",
122
123
  "standard-version": "9.5.0",
123
- "storybook": "10.1.10",
124
+ "storybook": "10.3.5",
124
125
  "ts-jest": "29.4.6",
125
126
  "ts-node": "10.9.2",
126
127
  "typescript": "5.9.3",
@@ -128,13 +129,13 @@
128
129
  "word-wrap": "1.2.5"
129
130
  },
130
131
  "peerDependencies": {
131
- "expo": ">=54.x.x",
132
- "react": ">=19.1",
133
- "react-native": ">=0.81.5",
134
- "react-native-reanimated": ">=4.2.1",
135
- "react-native-svg": ">=15.15.1",
136
- "react-native-unistyles": ">=3.2.3",
137
- "react-native-worklets": ">=0.7.0"
132
+ "expo": ">=55.x.x",
133
+ "react": ">=19.2",
134
+ "react-native": ">=0.83.6",
135
+ "react-native-reanimated": ">=4.3.0",
136
+ "react-native-svg": ">=15.15.3",
137
+ "react-native-unistyles": ">=3.2.4",
138
+ "react-native-worklets": ">=0.8.1"
138
139
  },
139
140
  "peerDependenciesMeta": {
140
141
  "expo": {