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

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;
@@ -321,7 +320,7 @@
 @variationMenuSecondary: true;
 @variationMenuPointing: true;
 @variationMenuVertical: true;
-@variationMenuTabular: true;
+@variationMenuTabbed: true;
 @variationMenuPagination: true;
 @variationMenuText: true;
 @variationMenuFluid: true;
@@ -338,6 +337,7 @@
 @variationMenuEqualWidth: true;
 @variationMenuWrapping: true;
 @variationMenuWrapped: true;
+@variationMenuTabbedLegacyTabular: false;
 @variationMenuSizes: @variationAllSizes;
 @variationMenuColors: @variationAllColors;
 
@@ -790,7 +790,7 @@
 
 /* Emojis */
 @variationEmojiColons: true;
-@variationEmojiNoColons: true;
+@variationEmojiNoColons: false;
 @variationEmojiDisabled: true;
 @variationEmojiLoading: true;
 @variationEmojiLink: true;

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

@@ -220,6 +220,7 @@
 @selectionVisibleIconOpacity: "";
 
 @selectionIconFocusOpacity: 1;
+@actionIconFocusOpacity: ((@selectionIconFocusOpacity * 68) / 100);
 
 /* --------------
      Search

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

@@ -54,7 +54,7 @@
 @imageVerticalAlign: start;
 
 @descriptionDistance: 2em;
-@descriptionMinWidth: "";
+@descriptionMinWidth: auto;
 @descriptionWidth: auto;
 @descriptionVerticalAlign: start;
 

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,123 +7,102 @@
 
   * 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
   * create meteor.js file
 */
 
-const
-    // node dependencies
-    fs              = require('fs'),
-    path            = require('path'),
-    gulp            = require('gulp'),
+// node dependencies
+const fs = require('node:fs');
+const path = require('node:path');
+const gulp = require('gulp');
 
-    // admin dependencies
-    concatFileNames = require('@fomantic/gulp-concat-filenames'),
-    flatten         = require('gulp-flatten'),
-    jsonEditor      = require('gulp-json-editor'),
-    plumber         = require('@fomantic/gulp-plumber'),
-    rename          = require('gulp-rename'),
-    replace         = require('gulp-replace'),
-    tap             = require('gulp-tap'),
+// admin dependencies
+const concatFileNames = require('@fomantic/gulp-concat-filenames');
+const flatten = require('gulp-flatten');
+const jsonEditor = require('gulp-json-editor');
+const plumber = require('@fomantic/gulp-plumber');
+const rename = require('gulp-rename');
+const replace = require('gulp-replace');
+const tap = require('gulp-tap');
 
-    // config
-    config          = require('../../config/user'),
-    release         = require('../../config/admin/release'),
-    project         = require('../../config/project/release'),
+// config
+const config = require('../../config/user');
+const release = require('../../config/admin/release');
+const project = require('../../config/project/release');
 
-    // shorthand
-    version         = project.version,
-    output          = config.paths.output
-;
+// shorthand
+const version = project.version;
+const output = config.paths.output;
 
 module.exports = function (callback) {
-    let
-        stream,
-        index,
-        tasks = []
-    ;
+    let index;
+    let tasks = [];
 
     for (index in release.components) {
-        let
-            component = release.components[index]
-    ;
+        let component = release.components[index];
 
         // streams... designed to save time and make coding fun...
         (function (component) {
-            let
-                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: "',",
+            let outputDirectory = path.join(release.outputRoot, component);
+            let isJavascript = fs.existsSync(output.compressed + component + '.js');
+            let isCSS = fs.existsSync(output.compressed + component + '.css');
+            let capitalizedComponent = component.charAt(0).toUpperCase() + component.slice(1);
+            let packageName = release.packageRoot + component;
+            let repoName = release.componentRepoRoot + capitalizedComponent;
+            let gitURL = 'https://github.com/' + release.org + '/' + repoName + '.git';
+            let concatSettings = {
+                newline: '',
+                root: outputDirectory,
+                prepend: "    '",
+                append: "',",
+            };
+            let 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,
                 },
-                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")',
-                    },
+                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)',
-                }
-            ;
+            };
+            // paths to includable assets
+            let manifest = {
+                assets: outputDirectory + '/assets/**/' + component + '?(s).*',
+                component: outputDirectory + '/' + component + '+(.js|.css)',
+            };
 
             // copy dist files into output folder adjusting asset paths
             function copyDist() {
@@ -131,8 +110,7 @@ module.exports = function (callback) {
                     .pipe(plumber())
                     .pipe(flatten())
                     .pipe(replace(release.paths.source, release.paths.output))
-                    .pipe(gulp.dest(outputDirectory))
-                ;
+                    .pipe(gulp.dest(outputDirectory));
             }
 
             // create npm module
@@ -146,8 +124,7 @@ module.exports = function (callback) {
                     .pipe(replace(regExp.match.settingsReference, regExp.replace.settingsReference))
                     .pipe(replace(regExp.match.jQuery, regExp.replace.jQuery))
                     .pipe(rename('index.js'))
-                    .pipe(gulp.dest(outputDirectory))
-                ;
+                    .pipe(gulp.dest(outputDirectory));
             }
 
             // create readme
@@ -157,8 +134,7 @@ module.exports = function (callback) {
                     .pipe(flatten())
                     .pipe(replace(regExp.match.name, regExp.replace.name))
                     .pipe(replace(regExp.match.titleName, regExp.replace.titleName))
-                    .pipe(gulp.dest(outputDirectory))
-                ;
+                    .pipe(gulp.dest(outputDirectory));
             }
 
             // extend bower.json
@@ -184,8 +160,7 @@ module.exports = function (callback) {
 
                         return bower;
                     }))
-                    .pipe(gulp.dest(outputDirectory))
-                ;
+                    .pipe(gulp.dest(outputDirectory));
             }
 
             // extend package.json
@@ -213,8 +188,7 @@ module.exports = function (callback) {
 
                         return npm;
                     }))
-                    .pipe(gulp.dest(outputDirectory))
-                ;
+                    .pipe(gulp.dest(outputDirectory));
             }
 
             // extend composer.json
@@ -237,8 +211,7 @@ module.exports = function (callback) {
 
                         return composer;
                     }))
-                    .pipe(gulp.dest(outputDirectory))
-                ;
+                    .pipe(gulp.dest(outputDirectory));
             }
 
             // create release notes
@@ -252,15 +225,12 @@ module.exports = function (callback) {
                     .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))
-                ;
+                    .pipe(gulp.dest(outputDirectory));
             }
 
             // Creates meteor package.js
             function createMeteorPackage() {
-                let
-                    filenames = ''
-                ;
+                let filenames = '';
 
                 return gulp.src(manifest.component)
                     .pipe(concatFileNames('empty.txt', concatSettings))
@@ -284,12 +254,9 @@ module.exports = function (callback) {
                                     .pipe(replace(regExp.match.version, version))
                                     .pipe(replace(regExp.match.files, filenames))
                                     .pipe(rename(release.files.meteor))
-                                    .pipe(gulp.dest(outputDirectory))
-                                ;
-                            })
-                        ;
-                    })
-                ;
+                                    .pipe(gulp.dest(outputDirectory));
+                            });
+                    });
             }
 
             tasks.push(gulp.series(

package/tasks/admin/components/init.js

@@ -6,45 +6,31 @@
 
  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'),
-    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'))
-        ? require('../../config/admin/oauth.js') // eslint-disable-line import/extensions
-        : false,
-
-    // shorthand
-    version         = project.version
-;
+// node dependencies
+const fs = require('fs-extra');
+const path = require('node:path');
+const console = require('@fomantic/better-console');
+const git = require('@fomantic/gulp-git');
 
-module.exports = function (callback) {
-    const github = require('../../config/admin/github'); // eslint-disable-line global-require
+// admin files
+const release = require('../../config/admin/release');
+
+// oAuth configuration for GitHub
+const oAuth = fs.pathExistsSync(path.join(__dirname, '/../../config/admin/oauth.js'))
+    ? require('../../config/admin/oauth.js') // eslint-disable-line import/extensions
+    : false;
 
-    let
-        index = -1,
-        total = release.components.length,
-        timer,
-        stream,
-        stepRepo
-    ;
+module.exports = function (callback) {
+    let index = -1;
+    let total = release.components.length;
+    let timer;
+    let stepRepo;
 
     if (!oAuth) {
         console.error('Must add oauth token for GitHub in tasks/config/admin/oauth.js');
@@ -52,7 +38,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;
 
@@ -62,32 +48,27 @@ module.exports = function (callback) {
             return;
         }
 
-        let
-            component            = release.components[index],
-            outputDirectory      = path.resolve(release.outputRoot + component),
-            capitalizedComponent = component.charAt(0).toUpperCase() + component.slice(1),
-            repoName             = release.componentRepoRoot + capitalizedComponent,
+        let component = release.components[index];
+        let outputDirectory = path.resolve(release.outputRoot + component);
+        let capitalizedComponent = component.charAt(0).toUpperCase() + component.slice(1);
+        let repoName = release.componentRepoRoot + capitalizedComponent;
 
-            gitOptions           = { cwd: outputDirectory },
-            pullOptions          = { args: '-q', cwd: outputDirectory, quiet: true },
-            resetOptions         = { args: '-q --hard', cwd: outputDirectory, quiet: true },
+        let gitOptions = { cwd: outputDirectory };
+        let pullOptions = { args: '-q', cwd: outputDirectory, quiet: true };
+        let 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'))
-        ;
+        let gitURL = 'git@github.com:' + release.org + '/' + repoName + '.git';
+        let 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 +90,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 +99,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 +124,6 @@ module.exports = function (callback) {
             pullFiles();
         } else {
             setupRepo();
-            // createRepo() only use to create remote repo (easier to do manually)
         }
     };