Skip to content

Commit cebae6c

Browse files
committed
Minor changes in V7 migration guide
1 parent 6136657 commit cebae6c

File tree

1 file changed

+33
-34
lines changed
  • docs/getting-started

1 file changed

+33
-34
lines changed

docs/getting-started/v7.md

Lines changed: 33 additions & 34 deletions
Original file line numberDiff line numberDiff line change
@@ -6,20 +6,18 @@ title: "Migrating v6 -> v7"
66
---
77
88

9-
### Presets
9+
## Presets
1010

1111
### ThemeManager
12-
ThemeManager doesn’t contain the following getters anymore:
12+
ThemeManager doesn’t support the following settings and getters anymore:
1313
- `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`
2321

2422
#### Colors
2523
‘Colors.primary’ is deprecated. Please use the design tokens instead, for example:
@@ -31,20 +29,21 @@ pass
3129
To generate the tokens based on your primary color, use:
3230
`Colros.loadDesignTokens({primaryColor: <your primary color>})`
3331

32+
See Colors docs for more information
33+
3434
### Shadows
3535
The `dark` presets are deprecated. Please use the `grey` presets instead.
3636

37+
## Dependencies
3738

38-
### Dependencies
39-
40-
#### typescript
39+
### typescript
4140
Minimum version of typescript is now ^4.9.5.
4241

4342
### moment
4443
The `moment` package was removed from our dependencies and bacome an optional dependency for the `DateTimePicker` component (relevant only for `dateFormat` and `timeFormat` feature).
4544

4645

47-
### Components
46+
## Components
4847

4948
### Avatar
5049
`imageSource` prop is deprecated. Please use ‘source’ prop instead.
@@ -99,25 +98,25 @@ Component removed. Please use `TabController` component instead.
9998
The component was refactored completely with a new API.
10099

101100
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
121120

122121
Check full (and new) API: https://wix.github.io/react-native-ui-lib/docs/components/incubator/TextField
123122

0 commit comments

Comments
 (0)