fomantic-ui 2.9.1-beta.22 → 2.9.1-beta.24

package/src/definitions/modules/transition.js

@@ -15,7 +15,7 @@
         return typeof obj === 'function' && typeof obj.nodeType !== 'number';
     }
 
-    window = (typeof window != 'undefined' && window.Math == Math)
+    window = window !== undefined && window.Math === Math
         ? window
         : globalThis;
 
@@ -24,13 +24,13 @@
             $allModules     = $(this),
             moduleSelector  = $allModules.selector || '',
 
-            time            = new Date().getTime(),
+            time            = Date.now(),
             performance     = [],
 
             moduleArguments = arguments,
             query           = moduleArguments[0],
             queryArguments  = [].slice.call(arguments, 1),
-            methodInvoked   = (typeof query === 'string'),
+            methodInvoked   = typeof query === 'string',
 
             returnedValue
         ;
@@ -139,11 +139,11 @@
                             ? module.get.direction()
                             : 'static';
                     }
-                    interval = (interval !== undefined)
+                    interval = interval !== undefined
                         ? interval
                         : settings.interval;
-                    shouldReverse = (settings.reverse == 'auto' && direction == className.outward);
-                    delay = (shouldReverse || settings.reverse === true)
+                    shouldReverse = settings.reverse == 'auto' && direction == className.outward;
+                    delay = shouldReverse || settings.reverse === true
                         ? ($allModules.length - index) * interval
                         : index * interval;
                     module.debug('Delaying animation by', delay);
@@ -167,14 +167,15 @@
                             }
 
                             return false;
-                        } else if (!settings.allowRepeats && module.is.occurring()) {
+                        }
+                        if (!settings.allowRepeats && module.is.occurring()) {
                             module.debug('Animation is already occurring, will not execute repeated animation', settings.animation);
 
                             return false;
-                        } else {
-                            module.debug('New animation started, completing previous early', settings.animation);
-                            instance.complete();
                         }
+
+                        module.debug('New animation started, completing previous early', settings.animation);
+                        instance.complete();
                     }
                     if (module.can.animate()) {
                         module.set.animating(settings.animation);
@@ -252,7 +253,7 @@
                         var
                             style          = $module.attr('style'),
                             currentDisplay = $module.css('display'),
-                            emptyStyle     = (style === undefined || style === '')
+                            emptyStyle     = style === undefined || style === ''
                         ;
                         if (currentDisplay !== 'none' && !module.is.hidden()) {
                             module.verbose('Overriding default display to hide element');
@@ -314,7 +315,7 @@
                     },
                     duration: function (animationName, duration) {
                         duration = duration || settings.duration;
-                        duration = (typeof duration == 'number')
+                        duration = typeof duration === 'number'
                             ? duration + 'ms'
                             : duration;
                         if (duration || duration === 0) {
@@ -488,38 +489,43 @@
                 },
                 get: {
                     settings: function (animation, duration, onComplete) {
-                        if (typeof animation == 'object') { // single settings object
+                        if (typeof animation === 'object') { // single settings object
                             return $.extend(true, {}, $.fn.transition.settings, animation);
-                        } else if (typeof onComplete == 'function') { // all arguments provided
+                        }
+                        if (typeof onComplete === 'function') { // all arguments provided
                             return $.extend({}, $.fn.transition.settings, {
                                 animation: animation,
                                 onComplete: onComplete,
                                 duration: duration,
                             });
-                        } else if (typeof duration == 'string' || typeof duration == 'number') { // only duration provided
+                        }
+                        if (typeof duration === 'string' || typeof duration === 'number') { // only duration provided
                             return $.extend({}, $.fn.transition.settings, {
                                 animation: animation,
                                 duration: duration,
                             });
-                        } else if (typeof duration == 'object') { // duration is actually settings object
+                        }
+                        if (typeof duration === 'object') { // duration is actually settings object
                             return $.extend({}, $.fn.transition.settings, duration, {
                                 animation: animation,
                             });
-                        } else if (typeof duration == 'function') { // duration is actually callback
+                        }
+                        if (typeof duration === 'function') { // duration is actually callback
                             return $.extend({}, $.fn.transition.settings, {
                                 animation: animation,
                                 onComplete: duration,
                             });
-                        } else { // only animation provided
-                            return $.extend({}, $.fn.transition.settings, {
-                                animation: animation,
-                            });
                         }
+
+                        // only animation provided
+                        return $.extend({}, $.fn.transition.settings, {
+                            animation: animation,
+                        });
                     },
                     animationClass: function (animation) {
                         var
                             animationClass = animation || settings.animation,
-                            directionClass = (module.can.transition() && !module.has.direction())
+                            directionClass = module.can.transition() && !module.has.direction()
                                 ? module.get.direction() + ' '
                                 : ''
                         ;
@@ -530,7 +536,7 @@
                             + animationClass;
                     },
                     currentAnimation: function () {
-                        return (module.cache && module.cache.animation !== undefined)
+                        return module.cache && module.cache.animation !== undefined
                             ? module.cache.animation
                             : false;
                     },
@@ -573,14 +579,14 @@
                             duration = $module.css('animation-duration') || 0;
                         }
 
-                        return (typeof duration === 'string')
-                            ? (duration.indexOf('ms') > -1)
+                        return typeof duration === 'string'
+                            ? (duration.indexOf('ms') > -1
                                 ? parseFloat(duration)
-                                : parseFloat(duration) * 1000
+                                : parseFloat(duration) * 1000)
                             : duration;
                     },
                     displayType: function (shouldDetermine) {
-                        shouldDetermine = (shouldDetermine !== undefined)
+                        shouldDetermine = shouldDetermine !== undefined
                             ? shouldDetermine
                             : true;
                         if (settings.displayType) {
@@ -708,13 +714,13 @@
                             module.save.transitionExists(animation, directionExists);
                         }
 
-                        return (transitionExists !== undefined)
+                        return transitionExists !== undefined
                             ? transitionExists
                             : directionExists;
                     },
                     animate: function () {
                         // can transition does not return a value if animation does not exist
-                        return (module.can.transition() !== undefined);
+                        return module.can.transition() !== undefined;
                     },
                 },
 
@@ -735,7 +741,7 @@
                         animation = animation || settings.animation;
                         animation = '.' + animation.replace(' ', '.');
 
-                        return ($module.filter(animation).length > 0);
+                        return $module.filter(animation).length > 0;
                     },
                     visible: function () {
                         return $module.is(':visible');
@@ -744,7 +750,7 @@
                         return $module.css('visibility') === 'hidden';
                     },
                     supported: function () {
-                        return (animationEnd !== false);
+                        return animationEnd !== false;
                     },
                 },
 
@@ -878,7 +884,7 @@
                             previousTime
                         ;
                         if (settings.performance) {
-                            currentTime = new Date().getTime();
+                            currentTime = Date.now();
                             previousTime = time || currentTime;
                             executionTime = currentTime - previousTime;
                             time = currentTime;
@@ -907,7 +913,7 @@
                             title += ' \'' + moduleSelector + '\'';
                         }
                         if ($allModules.length > 1) {
-                            title += ' ' + '(' + $allModules.length + ')';
+                            title += ' (' + $allModules.length + ')';
                         }
                         if ((console.group !== undefined || console.table !== undefined) && performance.length > 0) {
                             console.groupCollapsed(title);
@@ -933,11 +939,11 @@
                     ;
                     passedArguments = passedArguments || queryArguments;
                     context = context || element;
-                    if (typeof query == 'string' && object !== undefined) {
-                        query = query.split(/[\. ]/);
+                    if (typeof query === 'string' && object !== undefined) {
+                        query = query.split(/[ .]/);
                         maxDepth = query.length - 1;
                         $.each(query, function (depth, value) {
-                            var camelCaseValue = (depth != maxDepth)
+                            var camelCaseValue = depth != maxDepth
                                 ? value + query[depth + 1].charAt(0).toUpperCase() + query[depth + 1].slice(1)
                                 : query
                             ;
@@ -972,7 +978,7 @@
                         returnedValue = response;
                     }
 
-                    return (found !== undefined)
+                    return found !== undefined
                         ? found
                         : false;
                 },
@@ -980,7 +986,7 @@
             module.initialize();
         });
 
-        return (returnedValue !== undefined)
+        return returnedValue !== undefined
             ? returnedValue
             : this;
     };

package/src/themes/amazon/elements/button.overrides

@@ -1,23 +1,23 @@
 .ui.button {
-    background-image: linear-gradient(center top, #F7F8FA, #E7E9EC) repeat scroll 0 0 rgba(0, 0, 0, 0);
+    background-image: linear-gradient(center top, #f7f8fa, #e7e9ec) repeat scroll 0 0 rgba(0, 0, 0, 0);
 }
 
 .ui.primary.button {
-    color: #111111;
+    color: #111;
     border: 1px solid;
-    border-color: #C59F43 #AA8326 #957321;
+    border-color: #c59f43 #aa8326 #957321;
 }
 .ui.primary.button:hover {
-    border-color: #C59F43 #AA8326 #957321;
-    color: #111111;
+    border-color: #c59f43 #aa8326 #957321;
+    color: #111;
 }
 
 .ui.secondary.button {
     border: 1px solid;
-    border-color: #3D444C #2F353B #2C3137;
+    border-color: #3d444c #2f353b #2c3137;
 }
 .ui.secondary.button:hover {
-    border-color: #32373E #24282D #212429;
+    border-color: #32373e #24282d #212429;
 }
 
 .ui.labeled.icon.buttons .button > .icon,

package/src/themes/default/collections/form.variables

@@ -164,7 +164,7 @@
 @inlineLabelTextTransform: @labelTextTransform;
 @inlineCalendarWidth: 13.11em;
 
-@groupedInlineLabelMargin: 0.035714em 1em 0 0;
+@groupedInlineLabelMargin: 0.03571em 1em 0 0;
 @groupedInlineCheckboxBottomMargin: 0.4em;
 
 /* -------------------

package/src/themes/default/elements/reveal.variables

@@ -4,7 +4,7 @@
 
 @transitionDelay: 0.1s;
 @transitionDuration: 0.5s;
-@transitionEasing: cubic-bezier(0.175, 0.885, 0.320, 1);
+@transitionEasing: cubic-bezier(0.175, 0.885, 0.32, 1);
 @transition: all @transitionDuration @defaultEasing @transitionDelay;
 
 @bottomZIndex: 2;

package/src/themes/default/globals/site.variables

@@ -671,7 +671,7 @@
 
 @subtleTransparentBlack : rgba(0, 0, 0, 0.03);
 @transparentBlack : rgba(0, 0, 0, 0.05);
-@strongTransparentBlack : rgba(0, 0, 0, 0.10);
+@strongTransparentBlack : rgba(0, 0, 0, 0.1);
 @veryStrongTransparentBlack : rgba(0, 0, 0, 0.15);
 
 @subtleTransparentWhite : rgba(255, 255, 255, 0.02);

package/src/themes/default/modules/dimmer.variables

@@ -57,9 +57,9 @@
 @simpleInvertedEndBackgroundColor: @invertedBackgroundColor;
 
 /* Intensity */
-@veryLightBackgroundColor: rgba(0,0,0,.25);
-@lightBackgroundColor: rgba(0,0,0,.45);
-@mediumBackgroundColor: rgba(0,0,0,.65);
-@veryLightInvertedBackgroundColor: rgba(255,255,255,.25);
-@lightInvertedBackgroundColor: rgba(255,255,255,.45);
-@mediumInvertedBackgroundColor: rgba(255,255,255,.65);
+@veryLightBackgroundColor: rgba(0,0,0,0.25);
+@lightBackgroundColor: rgba(0,0,0,0.45);
+@mediumBackgroundColor: rgba(0,0,0,0.65);
+@veryLightInvertedBackgroundColor: rgba(255,255,255,0.25);
+@lightInvertedBackgroundColor: rgba(255,255,255,0.45);
+@mediumInvertedBackgroundColor: rgba(255,255,255,0.65);

package/src/themes/default/modules/modal.variables

@@ -256,7 +256,7 @@
 @invertedActionBackground: #191A1B;
 @invertedActionBorder: 1px solid rgba(34, 36, 38, 0.85);
 @invertedActionColor: @white;
-@invertedDimmerCloseColor: rgba(0,0,0,.85);
+@invertedDimmerCloseColor: rgba(0,0,0,0.85);
 @invertedCloseShadow:
     -1px -1px 2px rgba(255, 255, 255, 0.3),
     1px -1px 2px rgba(255, 255, 255, 0.3),

package/src/themes/default/modules/slider.variables

@@ -8,10 +8,10 @@
 
 @height : 1.5em;
 @hoverPointer : auto;
-@padding : 1em .5em;
+@padding : 1em 0.5em;
 
 /* Track */
-@trackHeight : .4em;
+@trackHeight : 0.4em;
 @trackPositionTop : (@height / 2) - (@trackHeight / 2);
 @background : #ccc;
 @trackBorderRadius : 4px;
@@ -43,7 +43,7 @@
 -------------------- */
 
 /* Disabled */
-@disabledOpactiy : .5;
+@disabledOpactiy : 0.5;
 @disabledTrackFillColor : @background;
 
 /* -------------------
@@ -51,7 +51,7 @@
 -------------------- */
 
 /* Vertical */
-@verticalPadding : .5em 1em;
+@verticalPadding : 0.5em 1em;
 
 /* Labeled */
 @labelHeight : @height;

package/src/themes/default/modules/toast.variables

@@ -77,8 +77,8 @@
 @toastCloseDistanceVertical: 1em;
 
 /* Actions */
-@toastActionBackground: rgba(255, 255, 255, .25);
-@toastActionBorder: 1px solid rgba(0, 0, 0, .2);
+@toastActionBackground: rgba(255, 255, 255, 0.25);
+@toastActionBorder: 1px solid rgba(0, 0, 0, 0.2);
 @toastActionMargin: -1em;
 @toastActionMarginTop: 0.5em;
 @toastActionMarginLeft: 1em;

package/src/themes/default/modules/transition.overrides

@@ -379,7 +379,7 @@
     /* Inward */
     .transition.fly {
         animation-duration: 0.6s;
-        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
     }
     .transition.fly.in {
         animation-name: flyIn;
@@ -418,20 +418,20 @@
     @keyframes flyIn {
         0% {
             opacity: 0;
-            transform: scale3d(.3, .3, .3);
+            transform: scale3d(0.3, 0.3, 0.3);
         }
         20% {
             transform: scale3d(1.1, 1.1, 1.1);
         }
         40% {
-            transform: scale3d(.9, .9, .9);
+            transform: scale3d(0.9, 0.9, 0.9);
         }
         60% {
             opacity: 1;
             transform: scale3d(1.03, 1.03, 1.03);
         }
         80% {
-            transform: scale3d(.97, .97, .97);
+            transform: scale3d(0.97, 0.97, 0.97);
         }
         100% {
             opacity: 1;
@@ -518,7 +518,7 @@
     /* Out */
     @keyframes flyOut {
         20% {
-            transform: scale3d(.9, .9, .9);
+            transform: scale3d(0.9, 0.9, 0.9);
         }
         50%,
         55% {
@@ -527,7 +527,7 @@
         }
         100% {
             opacity: 0;
-            transform: scale3d(.3, .3, .3);
+            transform: scale3d(0.3, 0.3, 0.3);
         }
     }
     @keyframes flyOutUp {
@@ -871,7 +871,7 @@
 & when (@variationTransitionGlow) {
     .transition.glow {
         animation-duration: 2000ms;
-        animation-timing-function: cubic-bezier(0.190, 1.000, 0.220, 1.000);
+        animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
     }
 
     .transition.glow {
@@ -992,10 +992,10 @@
             transform: scale3d(1.15, 0.85, 1);
         }
         65% {
-            transform: scale3d(.95, 1.05, 1);
+            transform: scale3d(0.95, 1.05, 1);
         }
         75% {
-            transform: scale3d(1.05, .95, 1);
+            transform: scale3d(1.05, 0.95, 1);
         }
         100% {
             transform: scale3d(1, 1, 1);
@@ -1006,13 +1006,13 @@
     /* Glow */
     @keyframes glow {
         0% {
-            background-color: #FCFCFD;
+            background-color: #fcfcfd;
         }
         30% {
-            background-color: #FFF6CD;
+            background-color: #fff6cd;
         }
         100% {
-            background-color: #FCFCFD;
+            background-color: #fcfcfd;
         }
     }
 }

package/src/themes/flat/collections/form.overrides

@@ -9,13 +9,13 @@
 .ui.form input[type="number"],
 .ui.form input[type="url"],
 .ui.form input[type="tel"] {
-    border-bottom: 1px solid #DDDDDD;
+    border-bottom: 1px solid #ddd;
 }
 
 .ui.form .selection.dropdown {
     border: none;
     box-shadow: none !important;
-    border-bottom: 1px solid #DDDDDD;
+    border-bottom: 1px solid #ddd;
     border-radius: 0em !important;
 }
 .ui.form .selection.dropdown > .menu {

package/src/themes/flat/globals/site.variables

@@ -72,7 +72,7 @@
 
 @subtleTransparentBlack : rgba(0, 0, 0, 0.03);
 @transparentBlack : rgba(0, 0, 0, 0.05);
-@strongTransparentBlack : rgba(0, 0, 0, 0.10);
+@strongTransparentBlack : rgba(0, 0, 0, 0.1);
 
 @subtleTransparentWhite : rgba(255, 255, 255, 0.01);
 @transparentWhite : rgba(255, 255, 255, 0.05);

package/src/themes/github/collections/form.overrides

@@ -3,9 +3,9 @@
 *******************************/
 
 .ui.selection.dropdown {
-    background-color: #FAFAFA;
+    background-color: #fafafa;
     box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075) inset;
-    border-color: #CCCCCC;
+    border-color: #ccc;
 }
 
 .ui.selection.dropdown:focus {

package/src/themes/github/collections/menu.variables

@@ -52,7 +52,7 @@
 @verticalBackground: #FFFFFF;
 @verticalItemBackground: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
 
-@invertedBackground: @black linear-gradient(rgba(255, 255, 255, 0.05), rgba(0, 0, 0, 0.0));
+@invertedBackground: @black linear-gradient(rgba(255, 255, 255, 0.05), rgba(0, 0, 0, 0));
 @invertedBoxShadow             :
     0px 1px 2px 0px rgba(0, 0, 0, 0.15),
     0px 0px 0px 1px rgba(255, 255, 255, 0.15)

package/src/themes/github/collections/message.overrides

@@ -1,11 +1,11 @@
 .ui.info.message {
-    background: linear-gradient(#D8EBF8, #D0E3EF);
+    background: linear-gradient(#d8ebf8, #d0e3ef);
 }
 .ui.error.message {
-    background: linear-gradient(#F8D8D8, #EFD0D0);
+    background: linear-gradient(#f8d8d8, #efd0d0);
 }
 .ui.warning.message {
-    background: linear-gradient(#FFE3C8, #F5DAC0);
+    background: linear-gradient(#ffe3c8, #f5dac0);
 }
 .ui.success.message {
 }

package/src/themes/github/elements/input.overrides

@@ -27,6 +27,6 @@
     box-shadow: @focusBoxShadow;
 }
 .ui.labeled.input.focused .label {
-    background-color: #E1EAF5;
-    color: #4078C0;
+    background-color: #e1eaf5;
+    color: #4078c0;
 }

package/src/themes/timeline/views/feed.overrides

@@ -3,7 +3,7 @@
 *******************************/
 
 .ui.feed > .event .label {
-    border-left: 3px solid #DDDDDD;
+    border-left: 3px solid #ddd;
 }
 .ui.feed > .event:last-child .label {
     border-left-color: transparent;
@@ -15,9 +15,9 @@
 
 .ui.feed > .event > .label > img,
 .ui.feed > .event > .label > .icon {
-    background-color: #009FDA;
+    background-color: #009fda;
     border-radius: 500rem;
-    color: #FFFFFF;
+    color: #fff;
     width: 3rem;
     height: 3rem;
     line-height: 1.5;

package/src/themes/twitter/elements/button.overrides

@@ -4,9 +4,9 @@
 
 .ui.primary.button {
     box-shadow:
-        0px 0px 0px 1px #3B88C3 inset,
+        0px 0px 0px 1px #3b88c3 inset,
         0 2px 0 rgba(255, 255, 255, 0.15) inset;
 }
 .ui.primary.button > .icon {
-    color: #FFFFFF;
+    color: #fff;
 }

package/tasks/README.md

@@ -10,8 +10,6 @@
 These tasks can be imported into your own gulpfile allowing you to avoid using Semantic's build tools
 
 ```javascript
-var
-  watch = require('path/to/semantic/tasks/watch')
-;
+const watch = require('path/to/semantic/tasks/watch');
 gulp.task('watch ui', watch);
 ```

package/tasks/admin/components/create.js

@@ -14,7 +14,7 @@
   * create meteor.js file
 */
 
-var
+const
     gulp            = require('gulp'),
 
     // node dependencies
@@ -41,20 +41,20 @@ var
 ;
 
 module.exports = function (callback) {
-    var
+    let
         stream,
         index,
         tasks = []
     ;
 
     for (index in release.components) {
-        var
+        let
             component = release.components[index]
     ;
 
         // streams... designed to save time and make coding fun...
         (function (component) {
-            var
+            let
                 outputDirectory      = path.join(release.outputRoot, component),
                 isJavascript         = fs.existsSync(output.compressed + component + '.js'),
                 isCSS                = fs.existsSync(output.compressed + component + '.css'),
@@ -83,7 +83,7 @@ module.exports = function (callback) {
                         unrelatedNotes: new RegExp('^((?!(^.*(' + component + ').*$|###.*)).)*$', 'gmi'),
                         whitespace: /\n\s*\n\s*\n/gm,
                         // npm
-                        componentExport: /(.*)\$\.fn\.\w+\s*=\s*function\(([^\)]*)\)\s*{/g,
+                        componentExport: /(.*)\$\.fn\.\w+\s*=\s*function\(([^)]*)\)\s*{/g,
                         componentReference: '$.fn.' + component,
                         settingsExport: /\$\.fn\.\w+\.settings\s*=/g,
                         settingsReference: /\$\.fn\.\w+\.settings/g,
@@ -171,16 +171,9 @@ module.exports = function (callback) {
                         bower.name = packageName;
                         bower.description = capitalizedComponent + ' - Semantic UI';
                         if (isJavascript) {
-                            if (isCSS) {
-                                bower.main = [
-                                    component + '.js',
-                                    component + '.css',
-                                ];
-                            } else {
-                                bower.main = [
-                                    component + '.js',
-                                ];
-                            }
+                            bower.main = isCSS
+                                ? [component + '.js', component + '.css']
+                                : [component + '.js'];
                             bower.dependencies = {
                                 jquery: '>=1.8',
                             };
@@ -266,7 +259,7 @@ module.exports = function (callback) {
 
             // Creates meteor package.js
             function createMeteorPackage() {
-                var
+                let
                     filenames = ''
                 ;