Skip to content

Commit 9e76d1d

Browse files
authored
fix: Change CSS allowDiscrete prop to allow-discrete, revert non-CSS prop changes in docs (#8349)
## Summary This PR applies what was missing in the #6939 PR that was meant to update all camelCase values to the kebab-case. It also reverts changes incorrectly applied in the v1 documentation page which shouldn't be affected by CSS prop value casing changes.
1 parent 882231f commit 9e76d1d

File tree

3 files changed

+5
-5
lines changed

3 files changed

+5
-5
lines changed

apps/common-app/src/apps/css/examples/transitions/screens/transitionSettings/TransitionBehavior.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@ export default function TransitionBehavior() {
1515
cards={[
1616
{
1717
description: [
18-
'**Transition behavior** determines whether the transition is applied to **discrete properties**. By default, `transitionBehavior` is `normal`, which applies transition only to **continuous properties** and discrete property changes are **applied immediately**. `allowDiscrete` allows transitions to be applied to **discrete properties**, resulting in **delayed changes**.',
18+
'**Transition behavior** determines whether the transition is applied to **discrete properties**. By default, `transitionBehavior` is `normal`, which applies transition only to **continuous properties** and discrete property changes are **applied immediately**. `allow-discrete` allows transitions to be applied to **discrete properties**, resulting in **delayed changes**.',
1919
'Discrete-animated properties generally flip between two values **at the midpoint** of the animation, except for the `display` property, which is changed at the moment of the **transition start**.',
2020
],
2121
items: [

docs/docs-reanimated/docs/css-transitions/transition-behavior.mdx

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -42,7 +42,7 @@ type CSSTransitionBehavior = 'normal' | 'allow-discrete';
4242

4343
### Values
4444

45-
#### `allowDiscrete`
45+
#### `allow-discrete`
4646

4747
Allows transitions to be applied to discrete properties, resulting in delayed changes.
4848

@@ -58,14 +58,14 @@ import TransitionBehaviorSrc from '!!raw-loader!@site/src/examples/css-transitio
5858
<InteractiveExample
5959
src={TransitionBehaviorSrc}
6060
component={TransitionBehavior}
61-
label="Comparison between allowDiscrete and normal"
61+
label="Comparison between allow-discrete and normal"
6262
/>
6363

6464
## Remarks
6565

6666
- Discrete style properties (like `flexDirection`, `justifyContent`) can't be smoothly animated using the `transitionProperty` property. For example, you can't animate smoothly from `alignItems: start` to `alignItems: center`. You can use [Layout Animations](/docs/layout-animations/layout-transitions) to animate discrete style properties instead.
6767

68-
- When using `allowDiscrete` the discrete properties flip between two values at the midpoint of the animation, except for the `display` property, which is immediately at the moment of the transition start.
68+
- When using `allow-discrete` the discrete properties flip between two values at the midpoint of the animation, except for the `display` property, which is immediately at the moment of the transition start.
6969

7070
## Platform compatibility
7171

docs/docs-reanimated/versioned_docs/version-1.x/transitions.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -36,7 +36,7 @@ Use this if you want the animation to start delayed (value in milliseconds)
3636

3737
#### `interpolation`
3838

39-
Specify the transition timing curve. Possible values are: `linear`, `ease-in`, `ease-out`, `ease-in-out`
39+
Specify the transition timing curve. Possible values are: `linear`, `easeIn`, `easeOut`, `easeInOut`
4040

4141
#### `propagation`
4242

0 commit comments

Comments
 (0)