docs(Modal|Confirm): sort size prop in sizes order (#3237)

docs(Modal|Confirm): sort `size` prop in sizes order
Semantic-Org · Oct 29, 2018 · 236bcf8 · 236bcf8
1 parent 6e83af2
commit 236bcf8
Show file tree

Hide file tree

Showing 6 changed files with 6 additions and 6 deletions.
diff --git a/src/addons/Confirm/Confirm.d.ts b/src/addons/Confirm/Confirm.d.ts
@@ -43,7 +43,7 @@ export interface StrictConfirmProps extends StrictModalProps {
   open?: boolean
 
   /** A confirm can vary in size. */
-  size?: 'fullscreen' | 'large' | 'mini' | 'small' | 'tiny'
+  size?: 'mini' | 'tiny' | 'small' | 'large' | 'fullscreen'
 }
 
 declare const Confirm: React.ComponentClass<ConfirmProps>

diff --git a/src/addons/Confirm/Confirm.js b/src/addons/Confirm/Confirm.js
@@ -44,7 +44,7 @@ class Confirm extends Component {
     open: PropTypes.bool,
 
     /** A Confirm can vary in size */
-    size: PropTypes.oneOf(['fullscreen', 'large', 'mini', 'small', 'tiny']),
+    size: PropTypes.oneOf(['mini', 'tiny', 'small', 'large', 'fullscreen']),
   }
 
   static defaultProps = {

diff --git a/src/modules/Modal/Modal.d.ts b/src/modules/Modal/Modal.d.ts
@@ -101,7 +101,7 @@ export interface StrictModalProps extends StrictPortalProps {
   open?: boolean
 
   /** A modal can vary in size. */
-  size?: 'fullscreen' | 'large' | 'mini' | 'small' | 'tiny'
+  size?: 'mini' | 'tiny' | 'small' | 'large' | 'fullscreen'
 
   /** Custom styles. */
   style?: React.CSSProperties

diff --git a/src/modules/Modal/Modal.js b/src/modules/Modal/Modal.js
@@ -122,7 +122,7 @@ class Modal extends Component {
     open: PropTypes.bool,
 
     /** A modal can vary in size */
-    size: PropTypes.oneOf(['fullscreen', 'large', 'mini', 'small', 'tiny']),
+    size: PropTypes.oneOf(['mini', 'tiny', 'small', 'large', 'fullscreen']),
 
     /** Custom styles. */
     style: PropTypes.object,

diff --git a/test/specs/addons/Confirm/Confirm-test.js b/test/specs/addons/Confirm/Confirm-test.js
@@ -54,7 +54,7 @@ describe('Confirm', () => {
       shallow(<Confirm />).should.have.prop('size', 'small')
     })
 
-    _.forEach(['fullscreen', 'large', 'mini', 'small', 'tiny'], (size) => {
+    _.forEach(['mini', 'tiny', 'small', 'large', 'fullscreen'], (size) => {
       it(`applies ${size} size`, () => {
         shallow(<Confirm size={size} />).should.have.prop('size', size)
       })

diff --git a/test/specs/modules/Modal/Modal-test.js b/test/specs/modules/Modal/Modal-test.js
@@ -217,7 +217,7 @@ describe('Modal', () => {
   })
 
   describe('size', () => {
-    const sizes = ['fullscreen', 'large', 'mini', 'small', 'tiny']
+    const sizes = ['mini', 'tiny', 'small', 'large', 'fullscreen']
 
     sizes.forEach((size) => {
       it(`adds the "${size}" to the modal className`, () => {