fomantic-ui 2.9.1-beta.16 → 2.9.1-beta.18

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

@@ -51,13 +51,6 @@
 @computerVeryRelaxedGridWidth: e(%("calc(%d + %d)", @computerWidth, @veryRelaxedGridGutterWidth));
 @largeMonitorVeryRelaxedGridWidth: e(%("calc(%d + %d)", @largeMonitorWidth, @veryRelaxedGridGutterWidth));
 
-/*-------------------
-       Scrolling
---------------------*/
-@scrollingMobileMaxHeight: 15em;
-@scrollingTabletMaxHeight: 18em;
-@scrollingComputerMaxHeight: 24em;
-@scrollingWidescreenMaxHeight: 30em;
 
 /*-------------------
        Types

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

@@ -154,10 +154,3 @@
 ;
 @tertiaryInvertedColor: @invertedMutedTextColor;
 
-/*-------------------
-       Scrolling
---------------------*/
-@scrollingMobileMaxHeight: 15em;
-@scrollingTabletMaxHeight: 18em;
-@scrollingComputerMaxHeight: 24em;
-@scrollingWidescreenMaxHeight: 30em;

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

@@ -275,6 +275,13 @@
 @trackInvertedBackgroundHex: #323232;
 @thumbInvertedBackgroundHex: #656565;
 
+/* Scrolling */
+@scrollingMobileMaxHeight: 15em;
+@scrollingTabletMaxHeight: 18em;
+@scrollingComputerMaxHeight: 24em;
+@scrollingWidescreenMaxHeight: 30em;
+@overscrollBehavior: none;
+
 /*-------------------
   Highlighted Text
 --------------------*/

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

@@ -572,6 +572,7 @@
 @variationFlyoutLeft: true;
 @variationFlyoutRight: true;
 @variationFlyoutOverlay: true;
+@variationFlyoutScrolling: true;
 
 /* Modal */
 @variationModalInverted: true;

package/tasks/admin/components/create.js

@@ -15,305 +15,303 @@
 */
 
 var
-  gulp            = require('gulp'),
+    gulp            = require('gulp'),
 
-  // node dependencies
-  fs              = require('fs'),
-  path            = require('path'),
+    // node dependencies
+    fs              = require('fs'),
+    path            = require('path'),
 
-  // admin dependencies
-  concatFileNames = require('gulp-concat-filenames'),
-  flatten         = require('gulp-flatten'),
-  jsonEditor      = require('gulp-json-editor'),
-  plumber         = require('gulp-plumber'),
-  rename          = require('gulp-rename'),
-  replace         = require('gulp-replace'),
-  tap             = require('gulp-tap'),
+    // admin dependencies
+    concatFileNames = require('gulp-concat-filenames'),
+    flatten         = require('gulp-flatten'),
+    jsonEditor      = require('gulp-json-editor'),
+    plumber         = require('gulp-plumber'),
+    rename          = require('gulp-rename'),
+    replace         = require('gulp-replace'),
+    tap             = require('gulp-tap'),
 
-  // config
-  config          = require('../../config/user'),
-  release         = require('../../config/admin/release'),
-  project         = require('../../config/project/release'),
-
-  // shorthand
-  version         = project.version,
-  output          = config.paths.output
+    // config
+    config          = require('../../config/user'),
+    release         = require('../../config/admin/release'),
+    project         = require('../../config/project/release'),
 
+    // shorthand
+    version         = project.version,
+    output          = config.paths.output
 ;
 
-
-module.exports = function(callback) {
-  var
-    stream,
-    index,
-    tasks = []
-  ;
-
-  for(index in release.components) {
-
+module.exports = function (callback) {
     var
-      component = release.components[index]
+        stream,
+        index,
+        tasks = []
     ;
 
-    // streams... designed to save time and make coding fun...
-    (function(component) {
-
-      var
-        outputDirectory      = path.join(release.outputRoot, component),
-        isJavascript         = fs.existsSync(output.compressed + component + '.js'),
-        isCSS                = fs.existsSync(output.compressed + component + '.css'),
-        capitalizedComponent = component.charAt(0).toUpperCase() + component.slice(1),
-        packageName          = release.packageRoot + component,
-        repoName             = release.componentRepoRoot + capitalizedComponent,
-        gitURL               = 'https://github.com/' + release.org + '/' + repoName + '.git',
-        repoURL              = 'https://github.com/' + release.org + '/' + repoName + '/',
-        concatSettings = {
-          newline : '',
-          root    : outputDirectory,
-          prepend : "    '",
-          append  : "',"
-        },
-        regExp               = {
-          match            : {
-            // templated values
-            name      : '{component}',
-            titleName : '{Component}',
-            version   : '{version}',
-            files     : '{files}',
-            // release notes
-            spacedVersions    : /(###.*\n)\n+(?=###)/gm,
-            spacedLists       : /(^- .*\n)\n+(?=^-)/gm,
-            trim              : /^\s+|\s+$/g,
-            unrelatedNotes    : new RegExp('^((?!(^.*(' + component + ').*$|###.*)).)*$', 'gmi'),
-            whitespace        : /\n\s*\n\s*\n/gm,
-            // npm
-            componentExport   : /(.*)\$\.fn\.\w+\s*=\s*function\(([^\)]*)\)\s*{/g,
-            componentReference: '$.fn.' + component,
-            settingsExport    : /\$\.fn\.\w+\.settings\s*=/g,
-            settingsReference : /\$\.fn\.\w+\.settings/g,
-            trailingComma     : /,(?=[^,]*$)/,
-            jQuery            : /jQuery/g,
-          },
-          replace : {
-            // readme
-            name              : component,
-            titleName         : capitalizedComponent,
-            // release notes
-            spacedVersions    : '',
-            spacedLists       : '$1',
-            trim              : '',
-            unrelatedNotes    : '',
-            whitespace        : '\n\n',
-            // npm
-            componentExport   :  'var _module = module;\n$1module.exports = function($2) {',
-            componentReference:  '_module.exports',
-            settingsExport    :  'module.exports.settings =',
-            settingsReference :  '_module.exports.settings',
-            jQuery            :  'require("jquery")'
-          }
-        },
-        task = {
-          all      : component + ' creating',
-          repo     : component + ' create repo',
-          bower    : component + ' create bower.json',
-          readme   : component + ' create README',
-          npm      : component + ' create NPM Module',
-          notes    : component + ' create release notes',
-          composer : component + ' create composer.json',
-          package  : component + ' create package.json',
-          meteor   : component + ' create meteor package.js',
-        },
-        // paths to includable assets
-        manifest = {
-          assets    : outputDirectory + '/assets/**/' + component + '?(s).*',
-          component : outputDirectory + '/' + component + '+(.js|.css)'
-        }
-      ;
-
-      // copy dist files into output folder adjusting asset paths
-      function copyDist() {
-        return gulp.src(release.source + component + '.*')
-          .pipe(plumber())
-          .pipe(flatten())
-          .pipe(replace(release.paths.source, release.paths.output))
-          .pipe(gulp.dest(outputDirectory))
-        ;
-      }
+    for (index in release.components) {
+        var
+            component = release.components[index]
+    ;
 
-      // create npm module
-      function createNpmModule() {
-        return gulp.src(release.source + component + '!(*.min|*.map).js')
-          .pipe(plumber())
-          .pipe(flatten())
-          .pipe(replace(regExp.match.componentExport, regExp.replace.componentExport))
-          .pipe(replace(regExp.match.componentReference, regExp.replace.componentReference))
-          .pipe(replace(regExp.match.settingsExport, regExp.replace.settingsExport))
-          .pipe(replace(regExp.match.settingsReference, regExp.replace.settingsReference))
-          .pipe(replace(regExp.match.jQuery, regExp.replace.jQuery))
-          .pipe(rename('index.js'))
-          .pipe(gulp.dest(outputDirectory))
-        ;
-      }
+        // streams... designed to save time and make coding fun...
+        (function (component) {
+            var
+                outputDirectory      = path.join(release.outputRoot, component),
+                isJavascript         = fs.existsSync(output.compressed + component + '.js'),
+                isCSS                = fs.existsSync(output.compressed + component + '.css'),
+                capitalizedComponent = component.charAt(0).toUpperCase() + component.slice(1),
+                packageName          = release.packageRoot + component,
+                repoName             = release.componentRepoRoot + capitalizedComponent,
+                gitURL               = 'https://github.com/' + release.org + '/' + repoName + '.git',
+                repoURL              = 'https://github.com/' + release.org + '/' + repoName + '/',
+                concatSettings = {
+                    newline: '',
+                    root: outputDirectory,
+                    prepend: "    '",
+                    append: "',",
+                },
+                regExp               = {
+                    match: {
+                        // templated values
+                        name: '{component}',
+                        titleName: '{Component}',
+                        version: '{version}',
+                        files: '{files}',
+                        // release notes
+                        spacedVersions: /(###.*\n)\n+(?=###)/gm,
+                        spacedLists: /(^- .*\n)\n+(?=^-)/gm,
+                        trim: /^\s+|\s+$/g,
+                        unrelatedNotes: new RegExp('^((?!(^.*(' + component + ').*$|###.*)).)*$', 'gmi'),
+                        whitespace: /\n\s*\n\s*\n/gm,
+                        // npm
+                        componentExport: /(.*)\$\.fn\.\w+\s*=\s*function\(([^\)]*)\)\s*{/g,
+                        componentReference: '$.fn.' + component,
+                        settingsExport: /\$\.fn\.\w+\.settings\s*=/g,
+                        settingsReference: /\$\.fn\.\w+\.settings/g,
+                        trailingComma: /,(?=[^,]*$)/,
+                        jQuery: /jQuery/g,
+                    },
+                    replace: {
+                        // readme
+                        name: component,
+                        titleName: capitalizedComponent,
+                        // release notes
+                        spacedVersions: '',
+                        spacedLists: '$1',
+                        trim: '',
+                        unrelatedNotes: '',
+                        whitespace: '\n\n',
+                        // npm
+                        componentExport: 'var _module = module;\n$1module.exports = function($2) {',
+                        componentReference: '_module.exports',
+                        settingsExport: 'module.exports.settings =',
+                        settingsReference: '_module.exports.settings',
+                        jQuery: 'require("jquery")',
+                    },
+                },
+                task = {
+                    all: component + ' creating',
+                    repo: component + ' create repo',
+                    bower: component + ' create bower.json',
+                    readme: component + ' create README',
+                    npm: component + ' create NPM Module',
+                    notes: component + ' create release notes',
+                    composer: component + ' create composer.json',
+                    package: component + ' create package.json',
+                    meteor: component + ' create meteor package.js',
+                },
+                // paths to includable assets
+                manifest = {
+                    assets: outputDirectory + '/assets/**/' + component + '?(s).*',
+                    component: outputDirectory + '/' + component + '+(.js|.css)',
+                }
+            ;
 
-      // create readme
-      function createReadme() {
-        return gulp.src(release.templates.readme)
-          .pipe(plumber())
-          .pipe(flatten())
-          .pipe(replace(regExp.match.name, regExp.replace.name))
-          .pipe(replace(regExp.match.titleName, regExp.replace.titleName))
-          .pipe(gulp.dest(outputDirectory))
-        ;
-      }
+            // copy dist files into output folder adjusting asset paths
+            function copyDist() {
+                return gulp.src(release.source + component + '.*')
+                    .pipe(plumber())
+                    .pipe(flatten())
+                    .pipe(replace(release.paths.source, release.paths.output))
+                    .pipe(gulp.dest(outputDirectory))
+                ;
+            }
 
-      // extend bower.json
-      function extendBower() {
-        return gulp.src(release.templates.bower)
-          .pipe(plumber())
-          .pipe(flatten())
-          .pipe(jsonEditor(function(bower) {
-            bower.name = packageName;
-            bower.description = capitalizedComponent + ' - Semantic UI';
-            if(isJavascript) {
-              if(isCSS) {
-                bower.main = [
-                  component + '.js',
-                  component + '.css'
-                ];
-              }
-              else {
-                bower.main = [
-                  component + '.js'
-                ];
-              }
-              bower.dependencies = {
-                jquery: '>=1.8'
-              };
+            // create npm module
+            function createNpmModule() {
+                return gulp.src(release.source + component + '!(*.min|*.map).js')
+                    .pipe(plumber())
+                    .pipe(flatten())
+                    .pipe(replace(regExp.match.componentExport, regExp.replace.componentExport))
+                    .pipe(replace(regExp.match.componentReference, regExp.replace.componentReference))
+                    .pipe(replace(regExp.match.settingsExport, regExp.replace.settingsExport))
+                    .pipe(replace(regExp.match.settingsReference, regExp.replace.settingsReference))
+                    .pipe(replace(regExp.match.jQuery, regExp.replace.jQuery))
+                    .pipe(rename('index.js'))
+                    .pipe(gulp.dest(outputDirectory))
+                ;
             }
-            else {
-              bower.main = [
-                component + '.css'
-              ];
+
+            // create readme
+            function createReadme() {
+                return gulp.src(release.templates.readme)
+                    .pipe(plumber())
+                    .pipe(flatten())
+                    .pipe(replace(regExp.match.name, regExp.replace.name))
+                    .pipe(replace(regExp.match.titleName, regExp.replace.titleName))
+                    .pipe(gulp.dest(outputDirectory))
+                ;
             }
-            return bower;
-          }))
-          .pipe(gulp.dest(outputDirectory))
-        ;
-      }
 
-      // extend package.json
-      function extendPackage() {
-        return gulp.src(release.templates.package)
-          .pipe(plumber())
-          .pipe(flatten())
-          .pipe(jsonEditor(function(npm) {
-            if(isJavascript) {
-              npm.dependencies = {
-                jquery: 'x.x.x'
-              };
-              npm.main = 'index.js';
+            // extend bower.json
+            function extendBower() {
+                return gulp.src(release.templates.bower)
+                    .pipe(plumber())
+                    .pipe(flatten())
+                    .pipe(jsonEditor(function (bower) {
+                        bower.name = packageName;
+                        bower.description = capitalizedComponent + ' - Semantic UI';
+                        if (isJavascript) {
+                            if (isCSS) {
+                                bower.main = [
+                                    component + '.js',
+                                    component + '.css',
+                                ];
+                            } else {
+                                bower.main = [
+                                    component + '.js',
+                                ];
+                            }
+                            bower.dependencies = {
+                                jquery: '>=1.8',
+                            };
+                        } else {
+                            bower.main = [
+                                component + '.css',
+                            ];
+                        }
+
+                        return bower;
+                    }))
+                    .pipe(gulp.dest(outputDirectory))
+                ;
             }
-            npm.name = packageName;
-            if(version) {
-              npm.version = version;
+
+            // extend package.json
+            function extendPackage() {
+                return gulp.src(release.templates.package)
+                    .pipe(plumber())
+                    .pipe(flatten())
+                    .pipe(jsonEditor(function (npm) {
+                        if (isJavascript) {
+                            npm.dependencies = {
+                                jquery: 'x.x.x',
+                            };
+                            npm.main = 'index.js';
+                        }
+                        npm.name = packageName;
+                        if (version) {
+                            npm.version = version;
+                        }
+                        npm.title = 'Semantic UI - ' + capitalizedComponent;
+                        npm.description = 'Single component release of ' + component;
+                        npm.repository = {
+                            type: 'git',
+                            url: gitURL,
+                        };
+
+                        return npm;
+                    }))
+                    .pipe(gulp.dest(outputDirectory))
+                ;
             }
-            npm.title       = 'Semantic UI - ' + capitalizedComponent;
-            npm.description = 'Single component release of ' + component;
-            npm.repository  = {
-              type : 'git',
-              url  : gitURL
-            };
-            return npm;
-          }))
-          .pipe(gulp.dest(outputDirectory))
-        ;
-      }
 
-      // extend composer.json
-      function extendComposer(){
-        return gulp.src(release.templates.composer)
-          .pipe(plumber())
-          .pipe(flatten())
-          .pipe(jsonEditor(function(composer) {
-            if(isJavascript) {
-              composer.dependencies = {
-                jquery: 'x.x.x'
-              };
-              composer.main = component + '.js';
+            // extend composer.json
+            function extendComposer() {
+                return gulp.src(release.templates.composer)
+                    .pipe(plumber())
+                    .pipe(flatten())
+                    .pipe(jsonEditor(function (composer) {
+                        if (isJavascript) {
+                            composer.dependencies = {
+                                jquery: 'x.x.x',
+                            };
+                            composer.main = component + '.js';
+                        }
+                        composer.name = 'semantic/' + component;
+                        if (version) {
+                            composer.version = version;
+                        }
+                        composer.description = 'Single component release of ' + component;
+
+                        return composer;
+                    }))
+                    .pipe(gulp.dest(outputDirectory))
+                ;
             }
-            composer.name = 'semantic/' + component;
-            if(version) {
-              composer.version = version;
+
+            // create release notes
+            function createReleaseNotes() {
+                return gulp.src(release.templates.notes)
+                    .pipe(plumber())
+                    .pipe(flatten())
+                    // Remove release notes for lines not mentioning component
+                    .pipe(replace(regExp.match.unrelatedNotes, regExp.replace.unrelatedNotes))
+                    .pipe(replace(regExp.match.whitespace, regExp.replace.whitespace))
+                    .pipe(replace(regExp.match.spacedVersions, regExp.replace.spacedVersions))
+                    .pipe(replace(regExp.match.spacedLists, regExp.replace.spacedLists))
+                    .pipe(replace(regExp.match.trim, regExp.replace.trim))
+                    .pipe(gulp.dest(outputDirectory))
+                ;
             }
-            composer.description = 'Single component release of ' + component;
-            return composer;
-          }))
-          .pipe(gulp.dest(outputDirectory))
-        ;
-      }
 
-      // create release notes
-      function createReleaseNotes() {
-        return gulp.src(release.templates.notes)
-          .pipe(plumber())
-          .pipe(flatten())
-          // Remove release notes for lines not mentioning component
-          .pipe(replace(regExp.match.unrelatedNotes, regExp.replace.unrelatedNotes))
-          .pipe(replace(regExp.match.whitespace, regExp.replace.whitespace))
-          .pipe(replace(regExp.match.spacedVersions, regExp.replace.spacedVersions))
-          .pipe(replace(regExp.match.spacedLists, regExp.replace.spacedLists))
-          .pipe(replace(regExp.match.trim, regExp.replace.trim))
-          .pipe(gulp.dest(outputDirectory))
-        ;
-      }
+            // Creates meteor package.js
+            function createMeteorPackage() {
+                var
+                    filenames = ''
+                ;
 
-      // Creates meteor package.js
-      function createMeteorPackage() {
-        var
-          filenames = ''
-        ;
-        return gulp.src(manifest.component)
-          .pipe(concatFileNames('empty.txt', concatSettings))
-          .pipe(tap(function(file) {
-            filenames += file.contents;
-          }))
-          .on('end', function() {
-            gulp.src(manifest.assets)
-              .pipe(concatFileNames('empty.txt', concatSettings))
-              .pipe(tap(function(file) {
-                filenames += file.contents;
-              }))
-              .on('end', function() {
-                // remove trailing slash
-                filenames = filenames.replace(regExp.match.trailingComma, '').trim();
-                gulp.src(release.templates.meteor.component)
-                  .pipe(plumber())
-                  .pipe(flatten())
-                  .pipe(replace(regExp.match.name, regExp.replace.name))
-                  .pipe(replace(regExp.match.titleName, regExp.replace.titleName))
-                  .pipe(replace(regExp.match.version, version))
-                  .pipe(replace(regExp.match.files, filenames))
-                  .pipe(rename(release.files.meteor))
-                  .pipe(gulp.dest(outputDirectory))
+                return gulp.src(manifest.component)
+                    .pipe(concatFileNames('empty.txt', concatSettings))
+                    .pipe(tap(function (file) {
+                        filenames += file.contents;
+                    }))
+                    .on('end', function () {
+                        gulp.src(manifest.assets)
+                            .pipe(concatFileNames('empty.txt', concatSettings))
+                            .pipe(tap(function (file) {
+                                filenames += file.contents;
+                            }))
+                            .on('end', function () {
+                                // remove trailing slash
+                                filenames = filenames.replace(regExp.match.trailingComma, '').trim();
+                                gulp.src(release.templates.meteor.component)
+                                    .pipe(plumber())
+                                    .pipe(flatten())
+                                    .pipe(replace(regExp.match.name, regExp.replace.name))
+                                    .pipe(replace(regExp.match.titleName, regExp.replace.titleName))
+                                    .pipe(replace(regExp.match.version, version))
+                                    .pipe(replace(regExp.match.files, filenames))
+                                    .pipe(rename(release.files.meteor))
+                                    .pipe(gulp.dest(outputDirectory))
+                                ;
+                            })
+                        ;
+                    })
                 ;
-              })
-            ;
-          })
-        ;
-      }
+            }
 
-      tasks.push(gulp.series(
-          copyDist,
-          createNpmModule,
-          extendBower,
-          createReadme,
-          extendPackage,
-          extendComposer,
-          createReleaseNotes,
-          createMeteorPackage
-      ));
-    })(component);
-  }
+            tasks.push(gulp.series(
+                copyDist,
+                createNpmModule,
+                extendBower,
+                createReadme,
+                extendPackage,
+                extendComposer,
+                createReleaseNotes,
+                createMeteorPackage
+            ));
+        })(component);
+    }
 
-  gulp.series(...tasks)(callback);
+    gulp.series(...tasks)(callback);
 };