fomantic-ui 2.10.0-beta.3 → 2.10.0-beta.5

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

@@ -86,33 +86,3 @@
 @veryCompactRowSpacing: (@compactRowSpacing / 2);
 @veryCompactCelledRelaxedPadding: (@compactCelledRelaxedPadding / 2);
 @veryCompactCelledVeryRelaxedPadding: (@compactCelledVeryRelaxedPadding / 2);
-
-/*******************************
-             Legacy
-*******************************/
-
-/* --------------
-     Page
---------------- */
-
-/* Legacy (DO NOT USE)
- */
-@mobileWidth: auto;
-@mobileMargin: 0;
-@mobileGutter: 0;
-
-@tabletWidth: auto;
-@tabletMargin: 0;
-@tabletGutter: 2em;
-
-@computerWidth: auto;
-@computerMargin: 0;
-@computerGutter: 3%;
-
-@largeMonitorWidth: auto;
-@largeMonitorMargin: 0;
-@largeMonitorGutter: 15%;
-
-@widescreenMonitorWidth: auto;
-@widescreenMargin: 0;
-@widescreenMonitorGutter: 23%;

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

@@ -41,7 +41,6 @@
 @headerBorder: 1px solid @internalBorderColor;
 @headerDivider: none;
 @headerBackground: @offWhite;
-@headerBackgroundHex: @offWhite;
 @headerAlign: inherit;
 @headerVerticalAlign: inherit;
 @headerColor: @textColor;
@@ -57,7 +56,6 @@
 @footerBorder: 1px solid @borderColor;
 @footerDivider: none;
 @footerBackground: @offWhite;
-@footerBackgroundHex: @offWhite;
 @footerAlign: inherit;
 @footerVerticalAlign: inherit;
 @footerColor: @textColor;
@@ -219,12 +217,10 @@
 @invertedCellColor: @invertedTextColor;
 
 @invertedHeaderBackground: @veryStrongTransparentBlack;
-@invertedHeaderBackgroundHex: #252525;
 @invertedHeaderColor: @invertedTextColor;
 @invertedHeaderBorderColor: @invertedCellBorderColor;
 
 @invertedFooterBackground: @invertedHeaderBackground;
-@invertedFooterBackgroundHex: @invertedHeaderBackgroundHex;
 @invertedFooterColor: @invertedHeaderColor;
 @invertedFooterBorderColor: @invertedHeaderBorderColor;
 
@@ -274,7 +270,7 @@
 @stuckFooterBackground: @stuckHeaderBackground;
 
 @invertedStuckBackground: @invertedBackground;
-@invertedStuckHeaderBackground: @invertedHeaderBackgroundHex;
+@invertedStuckHeaderBackground: #252525;
 @invertedStuckFooterBackground: @invertedStuckHeaderBackground;
 
 @stuckZIndex: 800;

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

@@ -45,7 +45,7 @@ Icons are order A-Z in their group, Solid, Outline, Thin (Pro only) and Brand
 @fonts: {
     @solid: {
         font-family: @fontName;
-        src: url("@{fontPath}/@{fontName}.woff2") format("woff2") if(@supportIE, e(",") url("@{fontPath}/@{fontName}.woff") format("woff"));
+        src: url("@{fontPath}/@{fontName}.woff2") format("woff2");
         font-style: normal;
         font-weight: @normal;
         font-display: block;
@@ -55,7 +55,7 @@ Icons are order A-Z in their group, Solid, Outline, Thin (Pro only) and Brand
     };
     @outline: {
         font-family: @outlineFontName;
-        src: url("@{fontPath}/@{outlineFontName}.woff2") format("woff2") if(@supportIE, e(",") url("@{fontPath}/@{outlineFontName}.woff") format("woff"));
+        src: url("@{fontPath}/@{outlineFontName}.woff2") format("woff2");
         font-style: normal;
         font-weight: @normal;
         font-display: block;
@@ -65,7 +65,7 @@ Icons are order A-Z in their group, Solid, Outline, Thin (Pro only) and Brand
     };
     @brand: {
         font-family: @brandFontName;
-        src: url("@{fontPath}/@{brandFontName}.woff2") format("woff2") if(@supportIE, e(",") url("@{fontPath}/@{brandFontName}.woff") format("woff"));
+        src: url("@{fontPath}/@{brandFontName}.woff2") format("woff2");
         font-style: normal;
         font-weight: @normal;
         font-display: block;

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

@@ -3,7 +3,6 @@
 *******************************/
 
 @import "variation.variables";
-@supportIE: true;
 
 /* -------------------
        Fonts
@@ -44,7 +43,7 @@
 @fonts: {
     @regularLatin: {
         font-family: @fontName;
-        src: url("@{fontPath}/@{fontFileNameLatin}-Regular.woff2") format("woff2") if(@supportIE, e(",") url("@{fontPath}/@{fontFileNameLatin}-Regular.woff") format("woff"));
+        src: url("@{fontPath}/@{fontFileNameLatin}-Regular.woff2") format("woff2");
         font-style: normal;
         font-weight: @normal;
         font-display: @fontDisplay;
@@ -53,7 +52,7 @@
     };
     @boldLatin: {
         font-family: @fontName;
-        src: url("@{fontPath}/@{fontFileNameLatin}-Bold.woff2") format("woff2") if(@supportIE, e(",") url("@{fontPath}/@{fontFileNameLatin}-Bold.woff") format("woff"));
+        src: url("@{fontPath}/@{fontFileNameLatin}-Bold.woff2") format("woff2");
         font-style: normal;
         font-weight: @bold;
         font-display: @fontDisplay;
@@ -62,7 +61,7 @@
     };
     @italicLatin: {
         font-family: @fontName;
-        src: url("@{fontPath}/@{fontFileNameLatin}-Italic.woff2") format("woff2") if(@supportIE, e(",") url("@{fontPath}/@{fontFileNameLatin}-Italic.woff") format("woff"));
+        src: url("@{fontPath}/@{fontFileNameLatin}-Italic.woff2") format("woff2");
         font-style: italic;
         font-weight: @normal;
         font-display: @fontDisplay;
@@ -71,7 +70,7 @@
     };
     @boldItalicLatin: {
         font-family: @fontName;
-        src: url("@{fontPath}/@{fontFileNameLatin}-BoldItalic.woff2") format("woff2") if(@supportIE, e(",") url("@{fontPath}/@{fontFileNameLatin}-BoldItalic.woff") format("woff"));
+        src: url("@{fontPath}/@{fontFileNameLatin}-BoldItalic.woff2") format("woff2");
         font-style: italic;
         font-weight: @bold;
         font-display: @fontDisplay;
@@ -80,7 +79,7 @@
     };
     @regularSupplement: {
         font-family: @fontName;
-        src: url("@{fontPath}/@{fontFileNameSupplement}-Regular.woff2") format("woff2") if(@supportIE, e(",") url("@{fontPath}/@{fontFileNameSupplement}-Regular.woff") format("woff"));
+        src: url("@{fontPath}/@{fontFileNameSupplement}-Regular.woff2") format("woff2");
         font-style: normal;
         font-weight: @normal;
         font-display: @fontDisplay;
@@ -89,7 +88,7 @@
     };
     @boldSupplement: {
         font-family: @fontName;
-        src: url("@{fontPath}/@{fontFileNameSupplement}-Bold.woff2") format("woff2") if(@supportIE, e(",") url("@{fontPath}/@{fontFileNameSupplement}-Bold.woff") format("woff"));
+        src: url("@{fontPath}/@{fontFileNameSupplement}-Bold.woff2") format("woff2");
         font-style: normal;
         font-weight: @bold;
         font-display: @fontDisplay;
@@ -98,7 +97,7 @@
     };
     @italicSupplement: {
         font-family: @fontName;
-        src: url("@{fontPath}/@{fontFileNameSupplement}-Italic.woff2") format("woff2") if(@supportIE, e(",") url("@{fontPath}/@{fontFileNameSupplement}-Italic.woff") format("woff"));
+        src: url("@{fontPath}/@{fontFileNameSupplement}-Italic.woff2") format("woff2");
         font-style: italic;
         font-weight: @normal;
         font-display: @fontDisplay;
@@ -107,7 +106,7 @@
     };
     @boldItalicSupplement: {
         font-family: @fontName;
-        src: url("@{fontPath}/@{fontFileNameSupplement}-BoldItalic.woff2") format("woff2") if(@supportIE, e(",") url("@{fontPath}/@{fontFileNameSupplement}-BoldItalic.woff") format("woff"));
+        src: url("@{fontPath}/@{fontFileNameSupplement}-BoldItalic.woff2") format("woff2");
         font-style: italic;
         font-weight: @bold;
         font-display: @fontDisplay;
@@ -276,12 +275,6 @@
 @thumbInvertedInactiveBackground: rgba(255, 255, 255, 0.15);
 @thumbInvertedHoverBackground: rgba(255, 255, 255, 0.35);
 
-/* IE needs hex values */
-@trackBackgroundHex: #e6e6e6;
-@thumbBackgroundHex: #bfbfbf;
-@trackInvertedBackgroundHex: #323232;
-@thumbInvertedBackgroundHex: #656565;
-
 /* Scrolling */
 @scrollingMobileMaxHeight: 15em;
 @scrollingTabletMaxHeight: 18em;

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

@@ -293,7 +293,6 @@
 
 /* Grid */
 @variationGridInverted: true;
-@variationGridPage: true;
 @variationGridCelled: true;
 @variationGridCentered: true;
 @variationGridRelaxed: true;

package/src/themes/github/elements/icon.variables

@@ -3,7 +3,7 @@
 @fonts: {
     @solid: {
         font-family: @fontName;
-        src: url("@{fontPath}/@{fontName}.woff2") format("woff2") if(@supportIE, e(",") url("@{fontPath}/@{fontName}.woff") format("woff"));
+        src: url("@{fontPath}/@{fontName}.woff2") format("woff2");
         font-style: normal;
         font-weight: @normal;
         font-variant: normal;

package/src/themes/material/elements/icon.variables

@@ -2,7 +2,7 @@
 @fonts: {
     @solid: {
         font-family: @fontName;
-        src: url("@{fontPath}/@{fontName}.woff2") format("woff2") if(@supportIE, e(",") url("@{fontPath}/@{fontName}.woff") format("woff"));
+        src: url("@{fontPath}/@{fontName}.woff2") format("woff2");
         font-style: normal;
         font-weight: @normal;
         font-variant: normal;

package/tasks/README.md

@@ -3,7 +3,7 @@
 * Watch - Compile only changed files from source
 * Build - Build all files from source
 * Version - Output version number
-* Install - Run Installer to Set-up Paths
+* Install - Run Installer to Set up Paths
 
 ## How to use
 

package/tasks/admin/components/create.js

@@ -7,7 +7,7 @@
 
   * copy component files from release
   * create commonjs files as index.js for NPM release
-  * create release notes that filter only items related to component
+  * create release notes that filter only items related to the component
   * custom package.json file from template
   * create bower.json from template
   * create README from template
@@ -41,7 +41,6 @@ const
 
 module.exports = function (callback) {
     let
-        stream,
         index,
         tasks = []
     ;
@@ -61,7 +60,6 @@ module.exports = function (callback) {
                 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,
@@ -107,17 +105,6 @@ module.exports = function (callback) {
                         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).*',

package/tasks/admin/components/init.js

@@ -6,43 +6,33 @@
 
  This task pulls the latest version of each component from GitHub
 
-  * Creates new repo if doesn't exist (locally & GitHub)
-  * Adds remote it doesn't exists
+  * Creates new repo if it doesn't exist (locally & GitHub)
+  * Adds remote if it doesn't exist
   * Pulls latest changes from repo
 
 */
 
 const
     // node dependencies
-    fs        = require('fs'),
+    fs        = require('fs-extra'),
     path      = require('path'),
-    del       = require('del'),
     console   = require('@fomantic/better-console'),
-    gulp      = require('gulp'),
     git       = require('@fomantic/gulp-git'),
-    mkdirp    = require('mkdirp'),
 
     // admin files
     release   = require('../../config/admin/release'),
-    project   = require('../../config/project/release'),
 
     // oAuth configuration for GitHub
-    oAuth     = fs.existsSync(path.join(__dirname, '/../../config/admin/oauth.js'))
+    oAuth     = fs.pathExistsSync(path.join(__dirname, '/../../config/admin/oauth.js'))
         ? require('../../config/admin/oauth.js') // eslint-disable-line import/extensions
-        : false,
-
-    // shorthand
-    version         = project.version
+        : false
 ;
 
 module.exports = function (callback) {
-    const github = require('../../config/admin/github'); // eslint-disable-line global-require
-
     let
         index = -1,
         total = release.components.length,
         timer,
-        stream,
         stepRepo
     ;
 
@@ -52,7 +42,7 @@ module.exports = function (callback) {
         return;
     }
 
-    // Do Git commands synchronously per component, to avoid issues
+    // Do Git commands synchronously per component to avoid issues
     stepRepo = function () {
         index += 1;
 
@@ -73,21 +63,18 @@ module.exports = function (callback) {
             resetOptions         = { args: '-q --hard', cwd: outputDirectory, quiet: true },
 
             gitURL               = 'git@github.com:' + release.org + '/' + repoName + '.git',
-            repoURL              = 'https://github.com/' + release.org + '/' + repoName + '/',
-            localRepoSetup       = fs.existsSync(path.join(outputDirectory, '.git'))
+            localRepoSetup       = fs.pathExistsSync(path.join(outputDirectory, '.git'))
         ;
 
         console.log('Processing repository: ' + outputDirectory);
 
-        // create folder if doesn't exist
-        if (!fs.existsSync(outputDirectory)) {
-            mkdirp.sync(outputDirectory);
-        }
+        // create folder if it doesn't exist
+        fs.ensureDirSync(outputDirectory);
 
         // clean folder
         if (release.outputRoot.startsWith('../repos')) {
             console.info('Cleaning dir', outputDirectory);
-            del.sync([outputDirectory + '**/*'], { silent: true, force: true });
+            fs.removeSync(outputDirectory);
         }
 
         // set-up local repo
@@ -109,17 +96,6 @@ module.exports = function (callback) {
             });
         }
 
-        function createRepo() {
-            console.info('Creating GitHub repo ' + repoURL);
-            github.repos.createFromOrg({
-                org: release.org,
-                name: repoName,
-                homepage: release.homepage,
-            }, function () {
-                setupRepo();
-            });
-        }
-
         function addRemote() {
             console.info('Adding remote origin as ' + gitURL);
             git.addRemote('origin', gitURL, gitOptions, function () {
@@ -129,14 +105,14 @@ module.exports = function (callback) {
 
         function pullFiles() {
             console.info('Pulling ' + component + ' files');
-            git.pull('origin', 'master', pullOptions, function (error) {
+            git.pull('origin', 'master', pullOptions, function () {
                 resetFiles();
             });
         }
 
         function resetFiles() {
             console.info('Resetting files to head');
-            git.reset('HEAD', resetOptions, function (error) {
+            git.reset('HEAD', resetOptions, function () {
                 nextRepo();
             });
         }
@@ -154,7 +130,6 @@ module.exports = function (callback) {
             pullFiles();
         } else {
             setupRepo();
-            // createRepo() only use to create remote repo (easier to do manually)
         }
     };
 

package/tasks/admin/components/update.js

@@ -8,7 +8,7 @@
 
   * Commits changes from create repo
   * Pushes changes to GitHub
-  * Tag new releases if version changed in main repo
+  * Tag new releases if the version changed in main repo
 
 */
 
@@ -40,7 +40,6 @@ module.exports = function (callback) {
         index = -1,
         total = release.components.length,
         timer,
-        stream,
         stepRepo
     ;
 
@@ -50,7 +49,7 @@ module.exports = function (callback) {
         return;
     }
 
-    // Do Git commands synchronously per component, to avoid issues
+    // Do the Git commands synchronously per component, to avoid issues
     stepRepo = function () {
         index += 1;
         if (index >= total) {
@@ -65,9 +64,6 @@ module.exports = function (callback) {
             capitalizedComponent = component.charAt(0).toUpperCase() + component.slice(1),
             repoName             = release.componentRepoRoot + capitalizedComponent,
 
-            gitURL               = 'https://github.com/' + release.org + '/' + repoName + '.git',
-            repoURL              = 'https://github.com/' + release.org + '/' + repoName + '/',
-
             commitArgs = oAuth.name !== undefined && oAuth.email !== undefined
                 ? '--author "' + oAuth.name + ' <' + oAuth.email + '>"'
                 : '',
@@ -114,10 +110,10 @@ module.exports = function (callback) {
             gulp.src('./', gitOptions)
                 .pipe(git.add(gitOptions))
                 .pipe(git.commit(commitMessage, commitOptions), function () {})
-                .on('error', function (error) {
+                .on('error', function () {
                     // canProceed = false; bug in git commit <https://github.com/stevelacy/gulp-git/issues/49>
                 })
-                .on('finish', function (callback) {
+                .on('finish', function () {
                     if (canProceed) {
                         pushFiles();
                     } else {
@@ -131,7 +127,7 @@ module.exports = function (callback) {
         // push changes to remote
         function pushFiles() {
             console.info('Pushing files for ' + component);
-            git.push('origin', 'master', { args: '', cwd: outputDirectory }, function (error) {
+            git.push('origin', 'master', { args: '', cwd: outputDirectory }, function () {
                 console.info('Push completed successfully');
                 getSHA();
             });
@@ -152,10 +148,10 @@ module.exports = function (callback) {
             }
             github.repos.createRelease(releaseOptions, function () {
                 nextRepo();
-            });
+            }).then();
         }
 
-        // Steps to next repository
+        // Steps to the next repository
         function nextRepo() {
             console.log('Sleeping for 1 second...');
             // avoid rate throttling

package/tasks/admin/distributions/create.js

@@ -24,18 +24,15 @@ const
     replace         = require('gulp-replace'),
 
     // config
-    config          = require('../../config/user'),
     release         = require('../../config/admin/release'),
     project         = require('../../config/project/release'),
 
     // shorthand
-    version         = project.version,
-    output          = config.paths.output
+    version         = project.version
 ;
 
 module.exports = function (callback) {
     let
-        stream,
         index,
         tasks = []
     ;
@@ -51,19 +48,12 @@ module.exports = function (callback) {
                 distLowerCase   = distribution.toLowerCase(),
                 outputDirectory = path.join(release.outputRoot, distLowerCase),
                 packageFile     = path.join(outputDirectory, release.files.npm),
-                repoName        = release.distRepoRoot + distribution,
                 regExp          = {
                     match: {
                         files: '{files}',
                         version: '{version}',
                     },
                 },
-                task = {
-                    all: distribution + ' copying files',
-                    repo: distribution + ' create repo',
-                    meteor: distribution + ' create meteor package.js',
-                    package: distribution + ' create package.json',
-                },
                 gatherFiles,
                 createList
             ;

package/tasks/admin/distributions/init.js

@@ -7,42 +7,32 @@
  This task pulls the latest version of distribution from GitHub
 
   * Creates new repo if doesn't exist (locally & GitHub)
-  * Adds remote it doesn't exists
+  * Adds remote it doesn't exist
   * Pulls latest changes from repo
 
 */
 
 const
     // node dependencies
-    fs        = require('fs'),
+    fs        = require('fs-extra'),
     path      = require('path'),
-    del       = require('del'),
     console   = require('@fomantic/better-console'),
-    gulp      = require('gulp'),
     git       = require('@fomantic/gulp-git'),
-    mkdirp    = require('mkdirp'),
 
     // admin files
     release   = require('../../config/admin/release'),
-    project   = require('../../config/project/release'),
 
     // oAuth configuration for GitHub
-    oAuth     = fs.existsSync(path.join(__dirname, '/../../config/admin/oauth.js'))
+    oAuth     = fs.pathExistsSync(path.join(__dirname, '/../../config/admin/oauth.js'))
         ? require('../../config/admin/oauth.js') // eslint-disable-line import/extensions
-        : false,
-
-    // shorthand
-    version = project.version
+        : false
 ;
 
 module.exports = function (callback) {
-    const github = require('../../config/admin/github'); // eslint-disable-line global-require
-
     let
         index = -1,
         total = release.distributions.length,
         timer,
-        stream,
         stepRepo
     ;
 
@@ -72,21 +62,18 @@ module.exports = function (callback) {
             pullOptions        = { args: '-q', cwd: outputDirectory, quiet: true },
             resetOptions       = { args: '-q --hard', cwd: outputDirectory, quiet: true },
             gitURL             = 'git@github.com:' + release.org + '/' + repoName + '.git',
-            repoURL            = 'https://github.com/' + release.org + '/' + repoName + '/',
-            localRepoSetup     = fs.existsSync(path.join(outputDirectory, '.git'))
+            localRepoSetup     = fs.pathExistsSync(path.join(outputDirectory, '.git'))
         ;
 
         console.log('Processing repository: ' + outputDirectory);
 
-        // create folder if doesn't exist
-        if (!fs.existsSync(outputDirectory)) {
-            mkdirp.sync(outputDirectory);
-        }
+        // create folder if it doesn't exist
+        fs.ensureDirSync(outputDirectory);
 
         // clean folder
         if (release.outputRoot.startsWith('../repos')) {
             console.info('Cleaning dir', outputDirectory);
-            del.sync([outputDirectory + '**/*'], { silent: true, force: true });
+            fs.removeSync(outputDirectory);
         }
 
         // set-up local repo
@@ -108,17 +95,6 @@ module.exports = function (callback) {
             });
         }
 
-        function createRepo() {
-            console.info('Creating GitHub repo ' + repoURL);
-            github.repos.createFromOrg({
-                org: release.org,
-                name: repoName,
-                homepage: release.homepage,
-            }, function () {
-                setupRepo();
-            });
-        }
-
         function addRemote() {
             console.info('Adding remote origin as ' + gitURL);
             git.addRemote('origin', gitURL, gitOptions, function () {
@@ -128,14 +104,14 @@ module.exports = function (callback) {
 
         function pullFiles() {
             console.info('Pulling ' + component + ' files');
-            git.pull('origin', 'master', pullOptions, function (error) {
+            git.pull('origin', 'master', pullOptions, function () {
                 resetFiles();
             });
         }
 
         function resetFiles() {
             console.info('Resetting files to head');
-            git.reset('HEAD', resetOptions, function (error) {
+            git.reset('HEAD', resetOptions, function () {
                 nextRepo();
             });
         }
@@ -153,7 +129,6 @@ module.exports = function (callback) {
             pullFiles();
         } else {
             setupRepo();
-            // createRepo() only use to create remote repo (easier to do manually)
         }
     };