@cdek-it/react-native-ui-kit 0.2.6 → 0.2.7
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
CHANGED
|
@@ -4,9 +4,34 @@
|
|
|
4
4
|
|
|
5
5
|
## Installation
|
|
6
6
|
|
|
7
|
+
**Yarn**
|
|
8
|
+
|
|
9
|
+
```shell
|
|
10
|
+
yarn add \
|
|
11
|
+
react \
|
|
12
|
+
react-native \
|
|
13
|
+
@tabler/icons-react-native \
|
|
14
|
+
react-native-svg \
|
|
15
|
+
react-native-reanimated
|
|
16
|
+
```
|
|
17
|
+
|
|
18
|
+
```shell
|
|
19
|
+
yarn add @cdek-it/react-native-ui-kit
|
|
20
|
+
```
|
|
21
|
+
|
|
22
|
+
**npm**
|
|
23
|
+
|
|
7
24
|
```shell
|
|
8
|
-
|
|
9
|
-
|
|
25
|
+
npm i \
|
|
26
|
+
react \
|
|
27
|
+
react-native \
|
|
28
|
+
@tabler/icons-react-native \
|
|
29
|
+
react-native-svg \
|
|
30
|
+
react-native-reanimated
|
|
31
|
+
```
|
|
32
|
+
|
|
33
|
+
```shell
|
|
34
|
+
npm i @cdek-it/react-native-ui-kit
|
|
10
35
|
```
|
|
11
36
|
|
|
12
37
|
## Шрифты
|
|
@@ -137,15 +162,3 @@ UI kit использует следующие виды шрифтов.
|
|
|
137
162
|
- @tabler/icons-react-native - начиная с 3 major версии(от 3.0.0)
|
|
138
163
|
- react-native-svg - начиная с 15 major версии(от 15.0.0)
|
|
139
164
|
- react-native-reanimated - начиная с 3 major версии(от 3.0.0)
|
|
140
|
-
|
|
141
|
-
## Development
|
|
142
|
-
|
|
143
|
-
`yarn install` - установка зависимостей `yarn start` - запуск Metro Bundler для
|
|
144
|
-
Storybook `yarn ios` - запуск Storybook на iOS `yarn android` - запуск Storybook
|
|
145
|
-
на Android
|
|
146
|
-
|
|
147
|
-
Storybook проект создан с помощью Expo
|
|
148
|
-
|
|
149
|
-
### Макеты
|
|
150
|
-
|
|
151
|
-
[https://developer.cdek.ru/design-system](https://developer.cdek.ru/design-system)
|
|
@@ -109,8 +109,6 @@ export const InputTextBase = memo(
|
|
|
109
109
|
|
|
110
110
|
{input}
|
|
111
111
|
</>) : (<View style={styles.inputContainer}>
|
|
112
|
-
{input}
|
|
113
|
-
|
|
114
112
|
<Text pointerEvents='none' style={[
|
|
115
113
|
styles.inputFont,
|
|
116
114
|
styles.placeholder,
|
|
@@ -122,6 +120,8 @@ export const InputTextBase = memo(
|
|
|
122
120
|
]} testID={makeTestId(InputTextBaseTestId.placeholder)}>
|
|
123
121
|
{placeholder}
|
|
124
122
|
</Text>
|
|
123
|
+
|
|
124
|
+
{input}
|
|
125
125
|
</View>)}
|
|
126
126
|
|
|
127
127
|
<View style={styles.rightContainer}>
|
package/package.json
CHANGED