fix(Transition): add slide left (#2576)

Semantic-Org · Feb 26, 2018 · f51367f · f51367f
1 parent f5b65cd
commit f51367f
Show file tree

Hide file tree

Showing 4 changed files with 26 additions and 21 deletions.
diff --git a/docs/app/Examples/addons/TransitionablePortal/Usage/TransitionablePortalExampleTransition.js b/docs/app/Examples/addons/TransitionablePortal/Usage/TransitionablePortalExampleTransition.js
@@ -2,14 +2,14 @@ import React, { Component } from 'react'
 import { Form, Grid, Header, Segment, TransitionablePortal } from 'semantic-ui-react'
 
 const transitions = [
-  'scale',
+  'browse', 'browse right',
+  'drop',
   'fade', 'fade up', 'fade down', 'fade left', 'fade right',
+  'fly up', 'fly down', 'fly left', 'fly right',
   'horizontal flip', 'vertical flip',
-  'drop',
-  'fly left', 'fly right', 'fly up', 'fly down',
-  'swing left', 'swing right', 'swing up', 'swing down',
-  'browse', 'browse right',
-  'slide down', 'slide up', 'slide right',
+  'scale',
+  'slide up', 'slide down', 'slide left', 'slide right',
+  'swing up', 'swing down', 'swing left', 'swing right',
 ]
 const options = transitions.map(name => ({ key: name, text: name, value: name }))
 

diff --git a/docs/app/Examples/modules/Transition/Explorers/TransitionExampleGroupExplorer.js b/docs/app/Examples/modules/Transition/Explorers/TransitionExampleGroupExplorer.js
@@ -2,14 +2,14 @@ import React, { Component } from 'react'
 import { Form, Grid, Image, Transition } from 'semantic-ui-react'
 
 const transitions = [
-  'scale',
+  'browse', 'browse right',
+  'drop',
   'fade', 'fade up', 'fade down', 'fade left', 'fade right',
+  'fly up', 'fly down', 'fly left', 'fly right',
   'horizontal flip', 'vertical flip',
-  'drop',
-  'fly left', 'fly right', 'fly up', 'fly down',
-  'swing left', 'swing right', 'swing up', 'swing down',
-  'browse', 'browse right',
-  'slide down', 'slide up', 'slide right',
+  'scale',
+  'slide up', 'slide down', 'slide left', 'slide right',
+  'swing up', 'swing down', 'swing left', 'swing right',
 ]
 const options = transitions.map(name => ({ key: name, text: name, value: name }))
 

diff --git a/src/index.d.ts b/src/index.d.ts
@@ -57,9 +57,14 @@ export type SemanticSIZES = 'mini' | 'tiny' | 'small' | 'medium' | 'large' | 'bi
 // Transitions
 // ======================================================
 
-type SemanticDIRECTIONALTRANSITIONS = 'scale' | 'fade' | 'fade up' | 'fade down' | 'fade left' | 'fade right' |
-  'horizontal flip' | 'vertical flip' | 'drop' | 'fly left' | 'fly right' | 'fly up' | 'fly down' | 'swing left' |
-  'swing right' | 'swing up' | 'swing down' | 'browse' | 'browse right' | 'slide down' | 'slide up' | 'slide right';
+type SemanticDIRECTIONALTRANSITIONS =  'browse' | 'browse right' |
+  'drop' |
+  'fade' | 'fade up' | 'fade down' | 'fade left' | 'fade right' |
+  'fly up' | 'fly down' | 'fly left' | 'fly right' |
+  'horizontal flip' | 'vertical flip' |
+  'scale' |
+  'slide up' | 'slide down' | 'slide left' | 'slide right' |
+  'swing up' | 'swing down' | 'swing left' | 'swing right';
 type SemanticSTATICTRANSITIONS = 'jiggle' | 'flash' | 'shake' | 'pulse' | 'tada' | 'bounce';
 
 export type SemanticTRANSITIONS = SemanticDIRECTIONALTRANSITIONS | SemanticSTATICTRANSITIONS;

diff --git a/src/lib/SUI.js b/src/lib/SUI.js
@@ -30,14 +30,14 @@ export const WIDTHS = [
 ]
 
 export const DIRECTIONAL_TRANSITIONS = [
-  'scale',
+  'browse', 'browse right',
+  'drop',
   'fade', 'fade up', 'fade down', 'fade left', 'fade right',
+  'fly up', 'fly down', 'fly left', 'fly right',
   'horizontal flip', 'vertical flip',
-  'drop',
-  'fly left', 'fly right', 'fly up', 'fly down',
-  'swing left', 'swing right', 'swing up', 'swing down',
-  'browse', 'browse right',
-  'slide down', 'slide up', 'slide right',
+  'scale',
+  'slide up', 'slide down', 'slide left', 'slide right',
+  'swing up', 'swing down', 'swing left', 'swing right',
 ]
 export const STATIC_TRANSITIONS = ['jiggle', 'flash', 'shake', 'pulse', 'tada', 'bounce']
 export const TRANSITIONS = [...DIRECTIONAL_TRANSITIONS, ...STATIC_TRANSITIONS]