@@ -4,7 +4,7 @@ import styles from './radio-group.stories.module.css';
4
4
5
5
export default { title : 'Components/RadioGroup' } ;
6
6
7
- export const Styled = ( ) => (
7
+ export const LegacyStyled = ( ) => (
8
8
< Label >
9
9
Favourite pet
10
10
< RadioGroup . Root className = { styles . root } defaultValue = "1" >
@@ -30,7 +30,7 @@ export const Styled = () => (
30
30
</ Label >
31
31
) ;
32
32
33
- export const Controlled = ( ) => {
33
+ export const LegacyControlled = ( ) => {
34
34
const [ value , setValue ] = React . useState ( '2' ) ;
35
35
36
36
return (
@@ -48,7 +48,7 @@ export const Controlled = () => {
48
48
) ;
49
49
} ;
50
50
51
- export const Unset = ( ) => (
51
+ export const LegacyUnset = ( ) => (
52
52
< Label >
53
53
Favourite pet
54
54
< RadioGroup . Root className = { styles . root } >
@@ -74,7 +74,7 @@ export const Unset = () => (
74
74
</ Label >
75
75
) ;
76
76
77
- export const WithinForm = ( ) => {
77
+ export const LegacyWithinForm = ( ) => {
78
78
const [ data , setData ] = React . useState ( { optional : '' , required : '' , stopprop : '' } ) ;
79
79
80
80
return (
@@ -156,7 +156,7 @@ export const WithinForm = () => {
156
156
) ;
157
157
} ;
158
158
159
- export const Animated = ( ) => {
159
+ export const LegacyAnimated = ( ) => {
160
160
const indicatorClass = [ styles . indicator , styles . animatedIndicator ] . join ( ' ' ) ;
161
161
return (
162
162
< Label >
@@ -185,7 +185,7 @@ export const Animated = () => {
185
185
) ;
186
186
} ;
187
187
188
- export const Chromatic = ( ) => {
188
+ export const LegacyChromatic = ( ) => {
189
189
const manualFocusRef = React . useRef < React . ElementRef < typeof RadioGroup . Item > > ( null ) ;
190
190
191
191
React . useEffect ( ( ) => {
@@ -411,6 +411,6 @@ export const Chromatic = () => {
411
411
</ >
412
412
) ;
413
413
} ;
414
- Chromatic . parameters = { chromatic : { disable : false } } ;
414
+ LegacyChromatic . parameters = { chromatic : { disable : false } } ;
415
415
416
416
const Label = ( props : any ) => < LabelPrimitive . Root { ...props } className = { styles . label } /> ;
0 commit comments