@@ -6,20 +6,18 @@ title: "Migrating v6 -> v7"
6
6
---
7
7
8
8
9
- ### Presets
9
+ ## Presets
10
10
11
11
### ThemeManager
12
- ThemeManager doesn’t contain the following getters anymore:
12
+ ThemeManager doesn’t support the following settings and getters anymore:
13
13
- ` getTheme() `
14
- - ` get primaryColor() `
15
- - ` get CTATextColor() `
16
- - ` get CTADisabledColor() `
17
- - ` get CTABackgroundColor() `
18
- - ` get titleColor() `
19
- - ` get subtitleColor() `
20
- - ` get dividerColor() `
21
-
22
- Also, the theme now contains only the ‘primaryColor’ and the ‘compontns’ object.
14
+ - ` primaryColor `
15
+ - ` CTATextColor `
16
+ - ` CTADisabledColor `
17
+ - ` CTABackgroundColor `
18
+ - ` titleColor `
19
+ - ` subtitleColor `
20
+ - ` dividerColor `
23
21
24
22
#### Colors
25
23
‘Colors.primary’ is deprecated. Please use the design tokens instead, for example:
31
29
To generate the tokens based on your primary color, use:
32
30
` Colros.loadDesignTokens({primaryColor: <your primary color>}) `
33
31
32
+ See Colors docs for more information
33
+
34
34
### Shadows
35
35
The ` dark ` presets are deprecated. Please use the ` grey ` presets instead.
36
36
37
+ ## Dependencies
37
38
38
- ### Dependencies
39
-
40
- #### typescript
39
+ ### typescript
41
40
Minimum version of typescript is now ^4.9.5.
42
41
43
42
### moment
44
43
The ` moment ` package was removed from our dependencies and bacome an optional dependency for the ` DateTimePicker ` component (relevant only for ` dateFormat ` and ` timeFormat ` feature).
45
44
46
45
47
- ### Components
46
+ ## Components
48
47
49
48
### Avatar
50
49
` imageSource ` prop is deprecated. Please use ‘source’ prop instead.
@@ -99,25 +98,25 @@ Component removed. Please use `TabController` component instead.
99
98
The component was refactored completely with a new API.
100
99
101
100
Props migration:
102
- ` helperText ` -> ` hint `
103
- ` Title ` -> ` label `
104
- ` titleColor ` -> ` labelColor `
105
- ` titleStyle ` -> ` labelStyle `
106
- ` showCharacterCounter ` -> ` showCharCounter `
107
- ` transformer ` -> ` formatter `
108
- ` prefix ` -> ` leadingAccessory `
109
- ` prefixStyle ` -> ` leadingAccessory `
110
- ` rightIconSource ` -> ` trailingAccessory `
111
- ` rightIconStyle ` -> ` trailingAccessory `
112
- ` rightButtonProps ` -> ` trailingAccessory `
113
- ` leadingIcon ` -> ` leadingAccessory `
114
- ` useTopErrors ` -> ` validationMessagePosition `
115
- ` error ` prop is deprecated. Please use ` validationMessage ` prop with ` validate ` prop.
116
- ` expandable ` prop is deprecated
117
- ` renderExpandableInput ` prop is deprecated
118
- ` renderExpandable ` prop is deprecated
119
- ` onToggleExpandableModal ` 'prop is deprecated
120
- ` topBarProps ` prop is deprecated
101
+ - ` helperText ` -> ` hint `
102
+ - ` Title ` -> ` label `
103
+ - ` titleColor ` -> ` labelColor `
104
+ - ` titleStyle ` -> ` labelStyle `
105
+ - ` showCharacterCounter ` -> ` showCharCounter `
106
+ - ` transformer ` -> ` formatter `
107
+ - ` prefix ` -> ` leadingAccessory `
108
+ - ` prefixStyle ` -> ` leadingAccessory `
109
+ - ` rightIconSource ` -> ` trailingAccessory `
110
+ - ` rightIconStyle ` -> ` trailingAccessory `
111
+ - ` rightButtonProps ` -> ` trailingAccessory `
112
+ - ` leadingIcon ` -> ` leadingAccessory `
113
+ - ` useTopErrors ` -> ` validationMessagePosition `
114
+ - ` error ` prop is deprecated. Please use ` validationMessage ` prop with ` validate ` prop.
115
+ - ` expandable ` prop is deprecated
116
+ - ` renderExpandableInput ` prop is deprecated
117
+ - ` renderExpandable ` prop is deprecated
118
+ - ` onToggleExpandableModal ` 'prop is deprecated
119
+ - ` topBarProps ` prop is deprecated
121
120
122
121
Check full (and new) API: https://wix.github.io/react-native-ui-lib/docs/components/incubator/TextField
123
122
0 commit comments