@@ -10,8 +10,15 @@ import React from 'react';
10
10
import cx from 'classnames' ;
11
11
import { useFeatureFlag } from '../FeatureFlags' ;
12
12
import { usePrefix } from '../../internal/usePrefix' ;
13
+ import * as FeatureFlags from '@carbon/feature-flags' ;
13
14
14
- const ButtonSkeleton = ( { className, small, href, size, ...rest } ) => {
15
+ const ButtonSkeleton = ( {
16
+ className,
17
+ small = false ,
18
+ href,
19
+ size = FeatureFlags . enabled ( 'enable-v11-release' ) ? 'lg' : 'default' ,
20
+ ...rest
21
+ } ) => {
15
22
const enabled = useFeatureFlag ( 'enable-v11-release' ) ;
16
23
const prefix = usePrefix ( ) ;
17
24
@@ -54,25 +61,23 @@ ButtonSkeleton.propTypes = {
54
61
* For `default` buttons, this prop can remain unspecified or use `default`.
55
62
* In the next major release of Carbon, `default`, `field`, and `small` will be removed
56
63
*/
57
- size : PropTypes . oneOf ( [
58
- 'default' ,
59
- 'field' ,
60
- 'small' ,
61
- 'sm' ,
62
- 'md' ,
63
- 'lg' ,
64
- 'xl' ,
65
- '2xl' ,
66
- ] ) ,
64
+ size : FeatureFlags . enabled ( 'enable-v11-release' )
65
+ ? PropTypes . oneOf ( [ 'sm' , 'md' , 'lg' , 'xl' , '2xl' ] )
66
+ : PropTypes . oneOf ( [
67
+ 'default' ,
68
+ 'field' ,
69
+ 'small' ,
70
+ 'sm' ,
71
+ 'md' ,
72
+ 'lg' ,
73
+ 'xl' ,
74
+ '2xl' ,
75
+ ] ) ,
67
76
68
77
/**
69
78
* Specify whether the Button should be a small variant
70
79
*/
71
80
small : PropTypes . bool ,
72
81
} ;
73
82
74
- ButtonSkeleton . defaultProps = {
75
- small : false ,
76
- } ;
77
-
78
83
export default ButtonSkeleton ;
0 commit comments