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

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
+let
     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 = ''
                 ;
 

package/tasks/admin/components/init.js

@@ -12,7 +12,7 @@
 
 */
 
-var
+let
     gulp      = require('gulp'),
 
     // node dependencies
@@ -24,13 +24,13 @@ var
     mkdirp    = require('mkdirp'),
 
     // admin files
-    github    = require('../../config/admin/github.js'),
+    github    = require('../../config/admin/github'),
     release   = require('../../config/admin/release'),
     project   = require('../../config/project/release'),
 
     // oAuth configuration for GitHub
-    oAuth     = fs.existsSync(__dirname + '/../../config/admin/oauth.js')
-        ? require('../../config/admin/oauth')
+    oAuth     = fs.existsSync(path.join(__dirname, '/../../config/admin/oauth.js'))
+        ? require('../../config/admin/oauth.js') // eslint-disable-line import/extensions
         : false,
 
     // shorthand
@@ -38,7 +38,7 @@ var
 ;
 
 module.exports = function (callback) {
-    var
+    let
         index = -1,
         total = release.components.length,
         timer,
@@ -62,7 +62,7 @@ module.exports = function (callback) {
             return;
         }
 
-        var
+        let
             component            = release.components[index],
             outputDirectory      = path.resolve(release.outputRoot + component),
             capitalizedComponent = component.charAt(0).toUpperCase() + component.slice(1),
@@ -141,7 +141,7 @@ module.exports = function (callback) {
             });
         }
 
-        function nextRepo() {
+        function nextRepo() { // eslint-disable-line unicorn/consistent-function-scoping
             // console.log('Sleeping for 1 second...');
             // avoid rate throttling
             global.clearTimeout(timer);

package/tasks/admin/components/update.js

@@ -12,7 +12,7 @@
 
 */
 
-var
+let
     gulp           = require('gulp'),
 
     // node dependencies
@@ -22,13 +22,13 @@ var
     git            = require('gulp-git'),
 
     // admin files
-    github         = require('../../config/admin/github.js'),
+    github         = require('../../config/admin/github'),
     release        = require('../../config/admin/release'),
     project        = require('../../config/project/release'),
 
     // oAuth configuration for GitHub
-    oAuth          = fs.existsSync(__dirname + '/../../config/admin/oauth.js')
-        ? require('../../config/admin/oauth')
+    oAuth          = fs.existsSync(path.join(__dirname, '/../../config/admin/oauth.js'))
+        ? require('../../config/admin/oauth.js') // eslint-disable-line import/extensions
         : false,
 
     // shorthand
@@ -36,7 +36,7 @@ var
 ;
 
 module.exports = function (callback) {
-    var
+    let
         index = -1,
         total = release.components.length,
         timer,
@@ -59,7 +59,7 @@ module.exports = function (callback) {
             return;
         }
 
-        var
+        let
             component            = release.components[index],
             outputDirectory      = path.resolve(path.join(release.outputRoot, component)),
             capitalizedComponent = component.charAt(0).toUpperCase() + component.slice(1),
@@ -73,7 +73,7 @@ module.exports = function (callback) {
                 : '',
 
             componentPackage = fs.existsSync(outputDirectory + 'package.json')
-                ? require(outputDirectory + 'package.json')
+                ? require(outputDirectory + 'package.json') // eslint-disable-line import/no-dynamic-require
                 : false,
 
             isNewVersion  = (version && componentPackage.version != version),

package/tasks/admin/distributions/create.js

@@ -9,7 +9,7 @@
   * update package.json file
 */
 
-var
+let
     gulp            = require('gulp'),
 
     // node dependencies
@@ -35,20 +35,20 @@ var
 ;
 
 module.exports = function (callback) {
-    var
+    let
         stream,
         index,
         tasks = []
     ;
 
     for (index in release.distributions) {
-        var
+        let
             distribution = release.distributions[index]
     ;
 
         // streams... designed to save time and make coding fun...
         (function (distribution) {
-            var
+            let
                 distLowerCase   = distribution.toLowerCase(),
                 outputDirectory = path.join(release.outputRoot, distLowerCase),
                 packageFile     = path.join(outputDirectory, release.files.npm),
@@ -71,8 +71,8 @@ module.exports = function (callback) {
 
             // get files for meteor
             gatherFiles = function (dir) {
-                var
-                    dir   = dir || path.resolve('.'),
+                dir = dir || path.resolve('.');
+                let
                     list  = fs.readdirSync(dir),
                     omitted = [
                         '.git',
@@ -87,7 +87,7 @@ module.exports = function (callback) {
                     files = []
                 ;
                 list.forEach(function (file) {
-                    var
+                    let
                         isOmitted = (omitted.indexOf(file) > -1),
                         filePath  = path.join(dir, file),
                         stat      = fs.statSync(filePath)
@@ -106,20 +106,18 @@ module.exports = function (callback) {
 
             // spaces out list correctly
             createList = function (files) {
-                var filenames = '';
-                for (var file in files) {
-                    if (file == (files.length - 1)) {
-                        filenames += "'" + files[file] + "'";
-                    } else {
-                        filenames += "'" + files[file] + "',\n    ";
-                    }
+                let filenames = '';
+                for (let file in files) {
+                    filenames += file == (files.length - 1)
+                        ? "'" + files[file] + "'"
+                        : "'" + files[file] + "',\n    ";
                 }
 
                 return filenames;
             };
 
             tasks.push(function () {
-                var
+                let
                     files     = gatherFiles(outputDirectory),
                     filenames = createList(files)
                 ;
@@ -135,7 +133,7 @@ module.exports = function (callback) {
 
             if (distribution == 'CSS') {
                 tasks.push(function () {
-                    var
+                    let
                         themes,
                         components,
                         releases
@@ -154,7 +152,7 @@ module.exports = function (callback) {
                 });
             } else if (distribution == 'LESS') {
                 tasks.push(function () {
-                    var
+                    let
                         definitions,
                         themeImport,
                         themeConfig,

package/tasks/admin/distributions/init.js

@@ -12,7 +12,7 @@
 
 */
 
-var
+let
     gulp      = require('gulp'),
 
     // node dependencies
@@ -24,13 +24,13 @@ var
     mkdirp    = require('mkdirp'),
 
     // admin files
-    github    = require('../../config/admin/github.js'),
+    github    = require('../../config/admin/github'),
     release   = require('../../config/admin/release'),
     project   = require('../../config/project/release'),
 
     // oAuth configuration for GitHub
-    oAuth     = fs.existsSync(__dirname + '/../../config/admin/oauth.js')
-        ? require('../../config/admin/oauth')
+    oAuth     = fs.existsSync(path.join(__dirname, '/../../config/admin/oauth.js'))
+        ? require('../../config/admin/oauth.js') // eslint-disable-line import/extensions
         : false,
 
     // shorthand
@@ -38,7 +38,7 @@ var
 ;
 
 module.exports = function (callback) {
-    var
+    let
         index = -1,
         total = release.distributions.length,
         timer,
@@ -62,7 +62,7 @@ module.exports = function (callback) {
             return;
         }
 
-        var
+        let
             component          = release.distributions[index],
             lowerCaseComponent = component.toLowerCase(),
             outputDirectory    = path.resolve(release.outputRoot + lowerCaseComponent),
@@ -140,7 +140,7 @@ module.exports = function (callback) {
             });
         }
 
-        function nextRepo() {
+        function nextRepo() { // eslint-disable-line unicorn/consistent-function-scoping
             // console.log('Sleeping for 1 second...');
             // avoid rate throttling
             global.clearTimeout(timer);