fomantic-ui 2.10.0-beta.8 → 2.10.0-beta.81

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

@@ -3,7 +3,7 @@
 -------------------- */
 
 /* Step */
-@background: transparent linear-gradient(transparent, rgba(0, 0, 0, 0.07));
+@background: transparent linear-gradient(transparent, rgb(0 0 0 / 0.07));
 @verticalPadding: 1em;
 
 @arrowDisplay: none;
@@ -13,7 +13,7 @@
 
 /* Group */
 @stepsBackground: #fff;
-@stepsBoxShadow: 0 0 1px 0 rgba(0, 0, 0, 0.15);
+@stepsBoxShadow: 0 0 1px 0 rgb(0 0 0 / 0.15);
 
 /* States */
 @activeBackground: #fff;
@@ -22,5 +22,5 @@
 /* Arrow */
 @arrowTopOffset: 100%;
 @arrowRightOffset: 50%;
-@arrowBorderColor: rgba(0, 0, 0, 0.2);
+@arrowBorderColor: rgb(0 0 0 / 0.2);
 @arrowBorderWidth: 0 0 @borderWidth @borderWidth;

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

@@ -31,9 +31,9 @@
 @linkHoverUnderline: underline;
 
 /* Borders */
-@borderColor: rgba(0, 0, 0, 0.13);
+@borderColor: rgb(0 0 0 / 0.13);
 @solidBorderColor: #ddd;
-@internalBorderColor: rgba(0, 0, 0, 0.06);
+@internalBorderColor: rgb(0 0 0 / 0.06);
 @selectedBorderColor: #51a7e8;
 
 /* Breakpoints */

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

@@ -4,14 +4,12 @@
 
 @transition: width @defaultDuration @defaultEasing;
 
-@menuPadding: 0;
-
 @itemVerticalPadding: @relative8px;
 @itemHorizontalPadding: @relative14px;
 
 @dropdownIconMargin: 0 0 0 2px;
 
-@raisedBoxShadow: 0 3px 12px rgba(0, 0, 0, 0.15);
+@raisedBoxShadow: 0 3px 12px rgb(0 0 0 / 0.15);
 
 @menuPadding: @relative5px 0;
 

package/src/themes/gmail/collections/message.variables

@@ -1,13 +1,13 @@
 @background: #f3f3f3;
 
-@boxShadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
+@boxShadow: 0 0 0 1px rgb(0 0 0 / 0.1) inset;
 @borderRadius: 4px;
 @verticalPadding: 7px;
 @horizontalPadding: 15px;
 
 @headerFontSize: 1em;
 
-@floatingBoxShadow: 0 2px 4px rgba(0, 0, 0, 0.2);
+@floatingBoxShadow: 0 2px 4px rgb(0 0 0 / 0.2);
 
 @iconSize: 1.5em;
 @iconDistance: 1em;

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

@@ -3,7 +3,7 @@
 *******************************/
 
 @fontFamily: "Roboto", Arial, sans-serif;
-@boxShadow: 0 1px 6px rgba(0, 0, 0, 0.2);
+@boxShadow: 0 1px 6px rgb(0 0 0 / 0.2);
 @dividerSize: 0;
 
 @itemVerticalPadding: @relativeLarge;

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

@@ -2,12 +2,12 @@
 
 .ui.primary.button:hover {
     box-shadow:
-        0 0 0 1px rgba(0, 0, 0, 0.3) inset,
-        0 2px 3px 0 rgba(0, 0, 0, 0.35) !important;
+        0 0 0 1px rgb(0 0 0 / 0.3) inset,
+        0 2px 3px 0 rgb(0 0 0 / 0.35) !important;
 }
 
 .ui.secondary.button:hover {
     box-shadow:
-        0 0 0 1px rgba(0, 0, 0, 0.2) inset,
-        0 2px 3px 0 rgba(0, 0, 0, 0.3) !important;
+        0 0 0 1px rgb(0 0 0 / 0.2) inset,
+        0 2px 3px 0 rgb(0 0 0 / 0.3) !important;
 }

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

@@ -19,7 +19,7 @@
 @textTransform: none;
 
 @backgroundColor: @white;
-@backgroundImage: linear-gradient(transparent, rgba(0, 0, 0, 0.02));
+@backgroundImage: linear-gradient(transparent, rgb(0 0 0 / 0.02));
 
 @solidBorderColor: #ddd;
 
@@ -41,10 +41,10 @@
 @hoverBackgroundColor: @white;
 @hoverBoxShadow:
     @borderBoxShadow,
-    0 2px 3px 0 rgba(0, 0, 0, 0.2) !important;
+    0 2px 3px 0 rgb(0 0 0 / 0.2) !important;
 
 @downBackgroundColor: @white;
-@downBackgroundImage: linear-gradient(rgba(0, 0, 0, 0.04), rgba(0, 0, 0, 0.04));
+@downBackgroundImage: linear-gradient(rgb(0 0 0 / 0.04), rgb(0 0 0 / 0.04));
 @downTextColor: #222;
 @downBoxShadow: @borderBoxShadow;
 
@@ -65,7 +65,7 @@
 @basicDownBoxShadow: @downBoxShadow;
 
 @basicActiveBackground: #fff;
-@basicActiveBoxShadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
+@basicActiveBoxShadow: 0 0 0 1px rgb(0 0 0 / 0.2);
 
 /* Labeled */
 @labeledIconBackgroundColor: transparent;
@@ -75,7 +75,7 @@
 
 /* Colored */
 @coloredBackgroundImage: @subtleGradient;
-@coloredBoxShadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
+@coloredBoxShadow: 0 0 0 1px rgb(0 0 0 / 0.1) inset;
 
 /* Primary */
 @primaryColor: #4184f3;

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

@@ -4,7 +4,7 @@
 
 @menuBorderRadius: @borderRadius;
 @menuBorderColor: #dadada;
-@menuBoxShadow: 0 2px 4px rgba(0, 0, 0, 0.2);
+@menuBoxShadow: 0 2px 4px rgb(0 0 0 / 0.2);
 
 @menuPadding: @relative8px 0;
 @itemVerticalPadding: 1em;

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

@@ -1,4 +1,4 @@
-@boxShadow: 0 10px 18px rgba(0, 0, 0, 0.22);
+@boxShadow: 0 10px 18px rgb(0 0 0 / 0.22);
 @borderRadius: 0;
 
 @headerBackground: @white;

package/src/themes/raised/elements/button.variables

@@ -7,7 +7,7 @@
 -------------------- */
 
 @backgroundColor: #f8f8f8;
-@backgroundImage: linear-gradient(transparent, rgba(0, 0, 0, 0.05));
+@backgroundImage: linear-gradient(transparent, rgb(0 0 0 / 0.05));
 @verticalAlign: middle;
 @borderRadius: 0.4em;
 @borderBoxShadowColor: @borderColor;

package/src/themes/round/elements/button.variables

@@ -10,8 +10,8 @@
 @backgroundColor: #fff;
 @backgroundImage: none;
 @fontWeight: bold;
-@textColor: rgba(0, 0, 0, 0.6);
-@boxShadow: 0 0 0 2px rgba(0, 0, 0, 0.2) inset;
+@textColor: rgb(0 0 0 / 0.6);
+@boxShadow: 0 0 0 2px rgb(0 0 0 / 0.2) inset;
 
 /* Padding */
 @verticalPadding: 1.25em;
@@ -36,15 +36,15 @@
 
 @hoverBackgroundColor: #fafafa;
 @hoverBackgroundImage: none;
-@hoverBoxShadow: 0 0 0 2px rgba(0, 0, 0, 0.3) inset;
+@hoverBoxShadow: 0 0 0 2px rgb(0 0 0 / 0.3) inset;
 
 @downBackgroundColor: #f0f0f0;
 @downBackgroundImage: none;
-@downBoxShadow: 0 0 0 2px rgba(0, 0, 0, 0.35) inset !important;
+@downBoxShadow: 0 0 0 2px rgb(0 0 0 / 0.35) inset !important;
 
 @activeBackgroundColor: #ddd;
 @activeBackgroundImage: none;
-@activeBoxShadow: 0 0 0 2px rgba(0, 0, 0, 0.3) inset !important;
+@activeBoxShadow: 0 0 0 2px rgb(0 0 0 / 0.3) inset !important;
 
 @loadingBackgroundColor: #fff;
 
@@ -56,7 +56,7 @@
 @labeledIconWidth: 1em + (@verticalPadding * 2);
 @labeledIconBackgroundColor: transparent;
 @labeledIconPadding: (@horizontalPadding + 1em);
-@labeledIconBorder: rgba(0, 0, 0, 0.05);
+@labeledIconBorder: rgb(0 0 0 / 0.05);
 @labeledIconColor: "";
 
 @labeledIconLeftShadow: none;
@@ -68,10 +68,10 @@
 @basicLoadingColor: #fff;
 
 @basicHoverBackground: #fafafa;
-@basicHoverBoxShadow: 0 0 0 1px rgba(0, 0, 0, 0.15);
+@basicHoverBoxShadow: 0 0 0 1px rgb(0 0 0 / 0.15);
 
-@basicDownBackground: rgba(0, 0, 0, 0.02);
-@basicDownBoxShadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
+@basicDownBackground: rgb(0 0 0 / 0.02);
+@basicDownBoxShadow: 0 0 0 1px rgb(0 0 0 / 0.2);
 
 @basicActiveBackground: @transparentBlack;
 @basicActiveColor: @selectedTextColor;
@@ -82,7 +82,7 @@
 @basicInvertedDownBackground: @transparentWhite;
 @basicInvertedActiveBackground: @transparentWhite;
 
-@basicInvertedBoxShadow: 0 0 0 2px rgba(255, 255, 255, 0.5);
+@basicInvertedBoxShadow: 0 0 0 2px rgb(255 255 255 / 0.5);
 @basicInvertedHoverBoxShadow: 0 0 0 2px @selectedWhiteBorderColor;
 @basicInvertedDownBoxShadow: 0 0 0 2px @selectedWhiteBorderColor;
 @basicInvertedActiveBoxShadow: 0 0 0 2px @selectedWhiteBorderColor;
@@ -101,7 +101,7 @@
 -------------------- */
 
 /* Colors */
-@coloredBackgroundImage: linear-gradient(rgba(255, 255, 255, 0.05), rgba(0, 0, 0, 0.1));
+@coloredBackgroundImage: linear-gradient(rgb(255 255 255 / 0.05), rgb(0 0 0 / 0.1));
 @coloredBoxShadow: @shadowBoxShadow;
 
 /* Compact */
@@ -110,7 +110,7 @@
 
 /* Attached */
 @attachedOffset: -1px;
-@attachedBoxShadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
+@attachedBoxShadow: 0 0 0 1px rgb(0 0 0 / 0.1);
 @attachedHorizontalPadding: 0.75em;
 
 /* Floated */

package/src/themes/striped/modules/progress.overrides

@@ -7,11 +7,11 @@
     // prettier-ignore
     background-image: linear-gradient(
         135deg,
-        rgba(255, 255, 255, 0.08) 25%,
+        rgb(255 255 255 / 0.08) 25%,
         transparent 25%,
         transparent 50%,
-        rgba(255, 255, 255, 0.08) 50%,
-        rgba(255, 255, 255, 0.08) 75%,
+        rgb(255 255 255 / 0.08) 50%,
+        rgb(255 255 255 / 0.08) 75%,
         transparent 75%,
         transparent
     );

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

@@ -27,9 +27,9 @@
 @metadataBackground: @white @subtleGradient;
 @metadataBorder: 1px solid @solidBorderColor;
 @metadataBorderRadius: 0.25em;
-@metadataBoxShadow: 0 1px 1px rgba(0, 0, 0, 0.05);
+@metadataBoxShadow: 0 1px 1px rgb(0 0 0 / 0.05);
 @metadataPadding: 0.5em 1em;
-@metadataColor: rgba(0, 0, 0, 0.6);
+@metadataColor: rgb(0 0 0 / 0.6);
 
 /* -------------------
       Variations

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

@@ -5,7 +5,7 @@
 .ui.primary.button {
     box-shadow:
         0 0 0 1px #3b88c3 inset,
-        0 2px 0 rgba(255, 255, 255, 0.15) inset;
+        0 2px 0 rgb(255 255 255 / 0.15) inset;
 }
 .ui.primary.button > .icon {
     color: #fff;

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

@@ -7,7 +7,6 @@
     Helvetica,
     Arial,
     sans-serif;
-@textColor: #66757f;
 @blue: #55acee;
 
 /* -------------------
@@ -26,7 +25,7 @@
 @horizontalPadding: 1.284em;
 @verticalPadding: 0.8571em;
 
-@activeBackgroundColor: rgba(0, 0, 0, 0.1);
+@activeBackgroundColor: rgb(0 0 0 / 0.1);
 
 @primaryColor: @blue;
 @coloredBackgroundImage: @subtleGradient;
@@ -41,7 +40,7 @@
 
 @downBackgroundColor: #e1e8ed;
 @downColor: #292f33;
-@downPressedShadow: 0 1px 4px rgba(0, 0, 0, 0.2) inset;
+@downPressedShadow: 0 1px 4px rgb(0 0 0 / 0.2) inset;
 
-@labeledIconBackgroundColor: rgba(85, 172, 238, 0.05);
-@labeledIconBorder: rgba(0, 0, 0, 0.1);
+@labeledIconBackgroundColor: rgb(85 172 238 / 0.05);
+@labeledIconBorder: rgb(0 0 0 / 0.1);

package/tasks/admin/components/create.js

@@ -38,28 +38,25 @@ const version = project.version;
 const output = config.paths.output;
 
 module.exports = function (callback) {
-    let index;
-    let tasks = [];
-
-    for (index in release.components) {
-        let component = release.components[index];
+    const tasks = [];
 
+    for (const component of release.components) {
         // streams... designed to save time and make coding fun...
         (function (component) {
-            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 = {
+            const outputDirectory = path.join(release.outputRoot, component);
+            const isJavascript = fs.existsSync(output.compressed + component + '.js');
+            const isCSS = fs.existsSync(output.compressed + component + '.css');
+            const capitalizedComponent = component.charAt(0).toUpperCase() + component.slice(1);
+            const packageName = release.packageRoot + component;
+            const repoName = release.componentRepoRoot + capitalizedComponent;
+            const gitURL = 'https://github.com/' + release.org + '/' + repoName + '.git';
+            const concatSettings = {
                 newline: '',
                 root: outputDirectory,
                 prepend: "    '",
                 append: "',",
             };
-            let regExp = {
+            const regExp = {
                 match: {
                     // templated values
                     name: '{component}',
@@ -99,7 +96,7 @@ module.exports = function (callback) {
                 },
             };
             // paths to includable assets
-            let manifest = {
+            const manifest = {
                 assets: outputDirectory + '/assets/**/' + component + '?(s).*',
                 component: outputDirectory + '/' + component + '+(.js|.css)',
             };

package/tasks/admin/components/init.js

@@ -28,9 +28,8 @@ const oAuth = fs.pathExistsSync(path.join(__dirname, '/../../config/admin/oauth.
 
 module.exports = function (callback) {
     let index = -1;
-    let total = release.components.length;
+    const total = release.components.length;
     let timer;
-    let stepRepo;
 
     if (!oAuth) {
         console.error('Must add oauth token for GitHub in tasks/config/admin/oauth.js');
@@ -39,7 +38,7 @@ module.exports = function (callback) {
     }
 
     // Do Git commands synchronously per component to avoid issues
-    stepRepo = function () {
+    const stepRepo = function () {
         index += 1;
 
         if (index >= total) {
@@ -48,17 +47,17 @@ module.exports = function (callback) {
             return;
         }
 
-        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;
+        const component = release.components[index];
+        const outputDirectory = path.resolve(release.outputRoot + component);
+        const capitalizedComponent = component.charAt(0).toUpperCase() + component.slice(1);
+        const repoName = release.componentRepoRoot + capitalizedComponent;
 
-        let gitOptions = { cwd: outputDirectory };
-        let pullOptions = { args: '-q', cwd: outputDirectory, quiet: true };
-        let resetOptions = { args: '-q --hard', cwd: outputDirectory, quiet: true };
+        const gitOptions = { cwd: outputDirectory };
+        const pullOptions = { args: '-q', cwd: outputDirectory, quiet: true };
+        const resetOptions = { args: '-q --hard', cwd: outputDirectory, quiet: true };
 
-        let gitURL = 'git@github.com:' + release.org + '/' + repoName + '.git';
-        let localRepoSetup = fs.pathExistsSync(path.join(outputDirectory, '.git'));
+        const gitURL = 'git@github.com:' + release.org + '/' + repoName + '.git';
+        const localRepoSetup = fs.pathExistsSync(path.join(outputDirectory, '.git'));
 
         console.log('Processing repository: ' + outputDirectory);
 

package/tasks/admin/components/update.js

@@ -35,9 +35,8 @@ module.exports = function (callback) {
     const github = require('../../config/admin/github'); // eslint-disable-line global-require
 
     let index = -1;
-    let total = release.components.length;
+    const total = release.components.length;
     let timer;
-    let stepRepo;
 
     if (!oAuth) {
         console.error('Must add oauth token for GitHub in tasks/config/admin/oauth.js');
@@ -46,7 +45,7 @@ module.exports = function (callback) {
     }
 
     // Do the Git commands synchronously per component, to avoid issues
-    stepRepo = function () {
+    const stepRepo = function () {
         index += 1;
         if (index >= total) {
             callback();
@@ -54,36 +53,36 @@ module.exports = function (callback) {
             return;
         }
 
-        let component = release.components[index];
-        let outputDirectory = path.resolve(path.join(release.outputRoot, component));
-        let capitalizedComponent = component.charAt(0).toUpperCase() + component.slice(1);
-        let repoName = release.componentRepoRoot + capitalizedComponent;
+        const component = release.components[index];
+        const outputDirectory = path.resolve(path.join(release.outputRoot, component));
+        const capitalizedComponent = component.charAt(0).toUpperCase() + component.slice(1);
+        const repoName = release.componentRepoRoot + capitalizedComponent;
 
-        let commitArgs = oAuth.name !== undefined && oAuth.email !== undefined
+        const commitArgs = oAuth.name !== undefined && oAuth.email !== undefined
             ? '--author "' + oAuth.name + ' <' + oAuth.email + '>"'
             : '';
 
-        let componentPackage = fs.existsSync(outputDirectory + 'package.json')
+        const componentPackage = fs.existsSync(outputDirectory + 'package.json')
             ? require(outputDirectory + 'package.json') // eslint-disable-line global-require, import/no-dynamic-require
             : false;
 
-        let isNewVersion = version && componentPackage.version !== version;
+        const isNewVersion = version && componentPackage.version !== version;
 
-        let commitMessage = isNewVersion
+        const commitMessage = isNewVersion
             ? 'Updated component to version ' + version
             : 'Updated files from main repo';
 
-        let gitOptions = { cwd: outputDirectory };
-        let commitOptions = { args: commitArgs, cwd: outputDirectory };
-        let releaseOptions = { tag_name: version, owner: release.org, repo: repoName };
+        const gitOptions = { cwd: outputDirectory };
+        const commitOptions = { args: commitArgs, cwd: outputDirectory };
+        const releaseOptions = { tag_name: version, owner: release.org, repo: repoName };
 
-        let fileModeOptions = { args: 'config core.fileMode false', cwd: outputDirectory };
-        let usernameOptions = { args: 'config user.name "' + oAuth.name + '"', cwd: outputDirectory };
-        let emailOptions = { args: 'config user.email "' + oAuth.email + '"', cwd: outputDirectory };
-        let versionOptions = { args: 'rev-parse --verify HEAD', cwd: outputDirectory };
+        const fileModeOptions = { args: 'config core.fileMode false', cwd: outputDirectory };
+        const usernameOptions = { args: 'config user.name "' + oAuth.name + '"', cwd: outputDirectory };
+        const emailOptions = { args: 'config user.email "' + oAuth.email + '"', cwd: outputDirectory };
+        const versionOptions = { args: 'rev-parse --verify HEAD', cwd: outputDirectory };
 
-        let localRepoSetup = fs.existsSync(path.join(outputDirectory, '.git'));
-        let canProceed = true;
+        const localRepoSetup = fs.existsSync(path.join(outputDirectory, '.git'));
+        const canProceed = true;
 
         console.info('Processing repository:' + outputDirectory);
 

package/tasks/admin/distributions/create.js

@@ -30,31 +30,26 @@ const project = require('../../config/project/release');
 const version = project.version;
 
 module.exports = function (callback) {
-    let index;
-    let tasks = [];
-
-    for (index in release.distributions) {
-        let distribution = release.distributions[index];
+    const tasks = [];
 
+    for (const distribution of release.distributions) {
         // streams... designed to save time and make coding fun...
         (function (distribution) {
-            let distLowerCase = distribution.toLowerCase();
-            let outputDirectory = path.join(release.outputRoot, distLowerCase);
-            let packageFile = path.join(outputDirectory, release.files.npm);
-            let regExp = {
+            const distLowerCase = distribution.toLowerCase();
+            const outputDirectory = path.join(release.outputRoot, distLowerCase);
+            const packageFile = path.join(outputDirectory, release.files.npm);
+            const regExp = {
                 match: {
                     files: '{files}',
                     version: '{version}',
                 },
             };
-            let gatherFiles;
-            let createList;
 
             // get files for meteor
-            gatherFiles = function (dir) {
+            const gatherFiles = function (dir) {
                 dir = dir || path.resolve('.');
-                let list = fs.readdirSync(dir);
-                let omitted = [
+                const list = fs.readdirSync(dir);
+                const omitted = new Set([
                     '.git',
                     'node_modules',
                     'package.js',
@@ -63,38 +58,32 @@ module.exports = function (callback) {
                     'package.json',
                     'bower.json',
                     '.gitignore',
-                ];
+                ]);
                 let files = [];
-                list.forEach(function (file) {
-                    let isOmitted = omitted.indexOf(file) > -1;
-                    let filePath = path.join(dir, file);
-                    let stat = fs.statSync(filePath);
+                for (const file of list) {
+                    const isOmitted = omitted.has(file);
+                    const filePath = path.join(dir, file);
+                    const stat = fs.statSync(filePath);
                     if (!isOmitted) {
                         if (stat && stat.isDirectory()) {
-                            files = files.concat(gatherFiles(filePath));
+                            files = [...files, ...gatherFiles(filePath)];
                         } else {
                             files.push(filePath.replace(outputDirectory + path.sep, ''));
                         }
                     }
-                });
+                }
 
                 return files;
             };
 
             // spaces out list correctly
-            createList = function (files) {
-                let filenames = '';
-                for (let file in files) {
-                    filenames += "'" + files[file] + "'"
-                        + (file === files.length - 1 ? '' : ',\n    ');
-                }
-
-                return filenames;
+            const createList = function (files) {
+                return files.map((f) => "'" + f + "'").join(',\n    ');
             };
 
             tasks.push(function () {
-                let files = gatherFiles(outputDirectory);
-                let filenames = createList(files);
+                const files = gatherFiles(outputDirectory);
+                const filenames = createList(files);
                 gulp.src(release.templates.meteor[distLowerCase])
                     .pipe(plumber())
                     .pipe(flatten())
@@ -106,40 +95,30 @@ module.exports = function (callback) {
 
             if (distribution === 'CSS') {
                 tasks.push(function () {
-                    let themes;
-                    let components;
-                    let releases;
-                    themes = gulp.src('dist/themes/default/**/*', { base: 'dist/', encoding: false })
+                    const themes = gulp.src('dist/themes/default/**/*', { base: 'dist/', encoding: false })
                         .pipe(gulp.dest(outputDirectory));
-                    components = gulp.src('dist/components/*', { base: 'dist/' })
+                    const components = gulp.src('dist/components/*', { base: 'dist/' })
                         .pipe(gulp.dest(outputDirectory));
-                    releases = gulp.src('dist/*', { base: 'dist/' })
+                    const releases = gulp.src('dist/*', { base: 'dist/' })
                         .pipe(gulp.dest(outputDirectory));
 
                     return mergeStream(themes, components, releases);
                 });
             } else if (distribution === 'LESS') {
                 tasks.push(function () {
-                    let definitions;
-                    let overridesImport;
-                    let lessImport;
-                    let themeImport;
-                    let themeConfig;
-                    let siteTheme;
-                    let themes;
-                    definitions = gulp.src('src/definitions/**/*', { base: 'src/' })
+                    const definitions = gulp.src('src/definitions/**/*', { base: 'src/' })
                         .pipe(gulp.dest(outputDirectory));
-                    overridesImport = gulp.src('src/overrides.less', { base: 'src/' })
+                    const overridesImport = gulp.src('src/overrides.less', { base: 'src/' })
                         .pipe(gulp.dest(outputDirectory));
-                    lessImport = gulp.src('src/semantic.less', { base: 'src/' })
+                    const lessImport = gulp.src('src/semantic.less', { base: 'src/' })
                         .pipe(gulp.dest(outputDirectory));
-                    themeImport = gulp.src('src/theme.less', { base: 'src/' })
+                    const themeImport = gulp.src('src/theme.less', { base: 'src/' })
                         .pipe(gulp.dest(outputDirectory));
-                    themeConfig = gulp.src('src/theme.config.example', { base: 'src/' })
+                    const themeConfig = gulp.src('src/theme.config.example', { base: 'src/' })
                         .pipe(gulp.dest(outputDirectory));
-                    siteTheme = gulp.src('src/_site/**/*', { base: 'src/' })
+                    const siteTheme = gulp.src('src/_site/**/*', { base: 'src/' })
                         .pipe(gulp.dest(outputDirectory));
-                    themes = gulp.src('src/themes/**/*', { base: 'src/', encoding: false })
+                    const themes = gulp.src('src/themes/**/*', { base: 'src/', encoding: false })
                         .pipe(gulp.dest(outputDirectory));
 
                     return mergeStream(definitions, overridesImport, lessImport, themeImport, themeConfig, siteTheme, themes);