From 13d244d000d13ff9ace22d3d177a482f300976da Mon Sep 17 00:00:00 2001 From: Levi Thomason Date: Sun, 25 Feb 2018 22:57:17 -0800 Subject: [PATCH] fix(Transition): add slide left (#2576) --- .../Usage/TransitionablePortalExampleTransition.js | 12 ++++++------ .../Explorers/TransitionExampleGroupExplorer.js | 12 ++++++------ src/index.d.ts | 11 ++++++++--- src/lib/SUI.js | 12 ++++++------ 4 files changed, 26 insertions(+), 21 deletions(-) diff --git a/docs/app/Examples/addons/TransitionablePortal/Usage/TransitionablePortalExampleTransition.js b/docs/app/Examples/addons/TransitionablePortal/Usage/TransitionablePortalExampleTransition.js index 2463f017a6..0810262507 100644 --- 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 index ba77a3a216..6f15c3a5fb 100644 --- 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 index 5b925c24af..56a9501653 100644 --- 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 index 3424ecd7e9..34d35a8547 100644 --- 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]