fomantic-ui 2.9.1-beta.24 → 2.9.1-beta.26

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

@@ -1,9 +1,9 @@
-@fontPath : '../../themes/material/assets/fonts';
+@fontPath: '../../themes/material/assets/fonts';
 @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')
+            if(@supportIE, e(',') url('@{fontPath}/@{fontName}.woff') format('woff'));
         font-style: normal;
         font-weight: @normal;
         font-variant: normal;
@@ -23,6 +23,6 @@
 @small: 13px;
 @medium: 16px;
 @large: 18px;
-@big : 20px;
+@big: 20px;
 @huge: 28px;
 @massive: 32px;

package/src/themes/material/globals/site.overrides

@@ -0,0 +1,3 @@
+/*******************************
+           Overrides
+*******************************/

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

@@ -6,43 +6,43 @@
        Fonts
 -------------------- */
 
-@headerFont : 'Roboto', 'Helvetica Neue', Arial, Helvetica, sans-serif;
-@pageFont : 'Roboto', 'Helvetica Neue', Arial, Helvetica, sans-serif;
-@googleFontName : 'Roboto';
+@headerFont: 'Roboto', 'Helvetica Neue', Arial, Helvetica, sans-serif;
+@pageFont: 'Roboto', 'Helvetica Neue', Arial, Helvetica, sans-serif;
+@googleFontName: 'Roboto';
 
 /* -------------------
       Base Sizes
 -------------------- */
 
-@emSize : 14px;
-@fontSize : 13px;
+@emSize: 14px;
+@fontSize: 13px;
 
 /* --------------
       Page
 --------------- */
 
-@pageBackground : #F9F9F9;
-@lineHeight : 1.33;
-@textColor : #212121;
+@pageBackground: #F9F9F9;
+@lineHeight: 1.33;
+@textColor: #212121;
 
 /* --------------
   Page Heading
 --------------- */
 
-@headerLineHeight : 1.33em;
-@headerFontWeight : 400;
+@headerLineHeight: 1.33em;
+@headerFontWeight: 400;
 
-@h1 : 2.25rem;
-@h2 : 2rem;
-@h3 : 1.75rem;
-@h4 : 1.5rem;
-@h5 : 1.25rem;
+@h1: 2.25rem;
+@h2: 2rem;
+@h3: 1.75rem;
+@h4: 1.5rem;
+@h5: 1.25rem;
 
 /* -------------------
         Paths
 -------------------- */
 
-@imagePath : '../../themes/material/assets/images';
+@imagePath: '../../themes/material/assets/images';
 
 /* --------------
    Paragraphs
@@ -55,67 +55,67 @@
 -------------------- */
 
 /* ---  Colors  --- */
-@black : #1B1C1D;
-@blue : #2196F3;
-@green : #4CAF50;
-@grey : #9E9E9E;
-@orange : #FF9800;
-@pink : #E91E63;
-@purple : #9C27B0;
-@red : #F44336;
-@teal : #1de9b6;
-@yellow : #FFEB3B;
+@black: #1B1C1D;
+@blue: #2196F3;
+@green: #4CAF50;
+@grey: #9E9E9E;
+@orange: #FF9800;
+@pink: #E91E63;
+@purple: #9C27B0;
+@red: #F44336;
+@teal: #1de9b6;
+@yellow: #FFEB3B;
 
 /* ---  Light Colors  --- */
-@lightBlack : #333333;
-@lightBlue : #2979FF;
-@lightGreen : #00E676;
-@lightOrange : #FF9100;
-@lightPink : #F50057;
-@lightPurple : #D500F9;
-@lightRed : #FF1744;
-@lightTeal : #1DE9B6;
-@lightYellow : #FFEA00;
+@lightBlack: #333333;
+@lightBlue: #2979FF;
+@lightGreen: #00E676;
+@lightOrange: #FF9100;
+@lightPink: #F50057;
+@lightPurple: #D500F9;
+@lightRed: #FF1744;
+@lightTeal: #1DE9B6;
+@lightYellow: #FFEA00;
 
 /* ---   Neutrals  --- */
-@fullBlack : #000000;
-@darkGrey : #AAAAAA;
-@lightGrey : #DCDDDE;
-@offWhite : #FAFAFA;
-@darkWhite : #F0F0F0;
-@white : #FFFFFF;
+@fullBlack: #000000;
+@darkGrey: #AAAAAA;
+@lightGrey: #DCDDDE;
+@offWhite: #FAFAFA;
+@darkWhite: #F0F0F0;
+@white: #FFFFFF;
 
 /* -------------------
     Brand Colors
 -------------------- */
 
-@primaryColor : @blue;
-@secondaryColor : @grey;
+@primaryColor: @blue;
+@secondaryColor: @grey;
 
-@lightPrimaryColor : @lightBlue;
-@lightSecondaryColor : @lightGrey;
+@lightPrimaryColor: @lightBlue;
+@lightSecondaryColor: @lightGrey;
 
 /* -------------------
       Paragraph
 -------------------- */
 
-@paragraphMargin : 0em 0em 1.53em;
+@paragraphMargin: 0 0 1.53em;
 
 /* -------------------
        Links
 -------------------- */
 
-@linkColor : #009FDA;
-@linkUnderline : none;
-@linkHoverColor : lighten(@linkColor, 5);
-@linkHoverUnderline : @linkUnderline;
+@linkColor: #009FDA;
+@linkUnderline: none;
+@linkHoverColor: lighten(@linkColor, 5);
+@linkHoverUnderline: @linkUnderline;
 
 /* -------------------
   Highlighted Text
 -------------------- */
 
-@highlightBackground : #009FDA;
-@highlightColor : @white;
+@highlightBackground: #009FDA;
+@highlightColor: @white;
 
 /* -------------------
        Accents

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

@@ -1,5 +1,5 @@
 @import (css) url('https://fonts.googleapis.com/css2?family=Roboto');
 
 .ui.dropdown {
-    font-family: 'Roboto';
+    font-family: Roboto;
 }

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

@@ -4,9 +4,9 @@
 
 @menuBorderRadius: @borderRadius;
 @menuBorderColor: #DADADA;
-@menuBoxShadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
+@menuBoxShadow: 0 2px 4px rgba(0, 0, 0, 0.2);
 
-@menuPadding: @relative8px 0em;
+@menuPadding: @relative8px 0;
 @itemVerticalPadding: 1em;
 @itemHorizontalPadding: 1.5em;
 
@@ -14,7 +14,7 @@
 @menuHeaderFontWeight: bold;
 @menuHeaderTextTransform: none;
 
-@selectionBorderEmWidth: 0em;
+@selectionBorderEmWidth: 0;
 @selectionItemDivider: none;
 
 @labelBoxShadow: none;

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

@@ -1,6 +1,6 @@
 @import (css) url('https://fonts.googleapis.com/css2?family=Roboto');
 
 .ui.modal .header {
-    font-family: "Roboto", Arial, Sans-serif !important;
+    font-family: Roboto, Arial, sans-serif !important;
     font-weight: 400 !important;
 }

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

@@ -1,11 +1,11 @@
-@boxShadow: 0px 10px 18px rgba(0, 0, 0, 0.22);
-@borderRadius: 0em;
+@boxShadow: 0 10px 18px rgba(0, 0, 0, 0.22);
+@borderRadius: 0;
 
 @headerBackground: @white;
 @headerVerticalPadding: 1.7142rem;
 @headerHorizontalPadding: 1.7142rem;
 @headerFontWeight: 400;
-@headerFontFamily: 'Roboto', "Helvetica Neue", Arial, sans-serif;
+@headerFontFamily: 'Roboto', 'Helvetica Neue', Arial, sans-serif;
 @headerBorder: none;
 
 @contentPadding: 1rem 2rem 2rem;

package/src/themes/pulsar/elements/loader.overrides

@@ -9,8 +9,8 @@
 
 @-webkit-keyframes loader-pulsar {
     0% {
-        -webkit-transform: rotate(0deg);
-        transform: rotate(0deg);
+        -webkit-transform: rotate(0);
+        transform: rotate(0);
         opacity: 0;
     }
     20% {
@@ -40,8 +40,8 @@
 
 @keyframes loader-pulsar {
     0% {
-        -webkit-transform: rotate(0deg);
-        transform: rotate(0deg);
+        -webkit-transform: rotate(0);
+        transform: rotate(0);
         opacity: 0;
     }
     20% {

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

@@ -0,0 +1,3 @@
+/*******************************
+           Overrides
+*******************************/

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

@@ -12,7 +12,7 @@
 @fontWeight: bold;
 @textColor: rgba(0, 0, 0, 0.6);
 @boxShadow:
-    0px 0px 0px 2px rgba(0, 0, 0, 0.2) inset
+    0 0 0 2px rgba(0, 0, 0, 0.2) inset
 ;
 
 /* Padding */
@@ -23,14 +23,14 @@
 @iconOpacity: 0.8;
 @iconDistance: 0.4em;
 @iconTransition: opacity @defaultDuration @defaultEasing;
-@iconMargin: 0em @iconDistance 0em -(@iconDistance / 2);
+@iconMargin: 0 @iconDistance 0 -(@iconDistance / 2);
 @iconVerticalAlign: top;
 
 /* -------------------
         Group
 -------------------- */
 
-@verticalBoxShadow: 0px 0px 0px 1px @borderColor inset;
+@verticalBoxShadow: 0 0 0 1px @borderColor inset;
 
 /* -------------------
         States
@@ -38,15 +38,15 @@
 
 @hoverBackgroundColor: #FAFAFA;
 @hoverBackgroundImage: none;
-@hoverBoxShadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.3) inset;
+@hoverBoxShadow: 0 0 0 2px rgba(0, 0, 0, 0.3) inset;
 
 @downBackgroundColor: #F0F0F0;
 @downBackgroundImage: none;
-@downBoxShadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.35) inset !important;
+@downBoxShadow: 0 0 0 2px rgba(0, 0, 0, 0.35) inset !important;
 
 @activeBackgroundColor: #DDDDDD;
 @activeBackgroundImage: none;
-@activeBoxShadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.3) inset !important;
+@activeBoxShadow: 0 0 0 2px rgba(0, 0, 0, 0.3) inset !important;
 
 @loadingBackgroundColor: #FFFFFF;
 
@@ -65,15 +65,15 @@
 @labeledIconRightShadow: none;
 
 /* Basic */
-@basicBoxShadow: 0px 0px 0px 1px @borderColor;
+@basicBoxShadow: 0 0 0 1px @borderColor;
 @iconOffset: 0.05em;
 @basicLoadingColor: #FFFFFF;
 
 @basicHoverBackground: #FAFAFA;
-@basicHoverBoxShadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
+@basicHoverBoxShadow: 0 0 0 1px rgba(0, 0, 0, 0.15);
 
 @basicDownBackground: rgba(0, 0, 0, 0.02);
-@basicDownBoxShadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
+@basicDownBoxShadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
 
 @basicActiveBackground: @transparentBlack;
 @basicActiveColor: @selectedTextColor;
@@ -84,10 +84,10 @@
 @basicInvertedDownBackground: @transparentWhite;
 @basicInvertedActiveBackground: @transparentWhite;
 
-@basicInvertedBoxShadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5);
-@basicInvertedHoverBoxShadow: 0px 0px 0px 2px @selectedWhiteBorderColor;
-@basicInvertedDownBoxShadow: 0px 0px 0px 2px @selectedWhiteBorderColor;
-@basicInvertedActiveBoxShadow: 0px 0px 0px 2px @selectedWhiteBorderColor;
+@basicInvertedBoxShadow: 0 0 0 2px rgba(255, 255, 255, 0.5);
+@basicInvertedHoverBoxShadow: 0 0 0 2px @selectedWhiteBorderColor;
+@basicInvertedDownBoxShadow: 0 0 0 2px @selectedWhiteBorderColor;
+@basicInvertedActiveBoxShadow: 0 0 0 2px @selectedWhiteBorderColor;
 
 @basicInvertedColor: @darkWhite;
 @basicInvertedHoverColor: @darkWhiteHover;
@@ -96,7 +96,7 @@
 
 /* Basic Group */
 @basicGroupBorder: 1px solid @borderColor;
-@basicGroupBoxShadow: 0px 0px 0px 1px @borderColor;
+@basicGroupBoxShadow: 0 0 0 1px @borderColor;
 
 /* -------------------
       Variations
@@ -112,7 +112,7 @@
 
 /* Attached */
 @attachedOffset: -1px;
-@attachedBoxShadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
+@attachedBoxShadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
 @attachedHorizontalPadding: 0.75em;
 
 /* Floated */

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

@@ -6,8 +6,8 @@
        Fonts
 -------------------- */
 
-@googleFontName : 'Droid Sans';
+@googleFontName: 'Droid Sans';
 
 /* Kufi imported in site.overrides */
-@headerFont : 'Droid Arabic Kufi', 'Droid Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;
-@pageFont : 'Droid Arabic Kufi', 'Droid Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;
+@headerFont: 'Droid Arabic Kufi', 'Droid Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;
+@pageFont: 'Droid Arabic Kufi', 'Droid Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;

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

@@ -25,7 +25,7 @@
 }
 @keyframes progress-striped {
     0% {
-        background-position: 0px 0;
+        background-position: 0 0;
     }
     100% {
         background-position: 60px 0;

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

@@ -2,9 +2,9 @@
      User Global Variables
 *******************************/
 
-@fontName : '';
-@headerFont : @fallbackFonts;
-@pageFont : @fallbackFonts;
-@importGoogleFonts : false;
-@importFonts : false;
-@bold : 600;
+@fontName: '';
+@headerFont: @fallbackFonts;
+@pageFont: @fallbackFonts;
+@importGoogleFonts: false;
+@importFonts: false;
+@bold: 600;

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

@@ -6,15 +6,15 @@
       Elements
 -------------------- */
 
-@eventMargin: 0em;
+@eventMargin: 0;
 @eventDivider: none;
-@eventPadding: 0em;
+@eventPadding: 0;
 
 /* Event Label */
 @labelWidth: 3em;
 @labelHeight: auto;
 
-@labeledContentMargin: 0.75em 0em 2em 0.75em;
+@labeledContentMargin: 0.75em 0 2em 0.75em;
 
 /* Icon */
 @iconLabelBackground: @primaryColor;
@@ -23,7 +23,7 @@
 
 /* Metadata Group */
 @metadataDisplay: inline-block;
-@metadataMargin: 1em 0em 0em;
+@metadataMargin: 1em 0 0;
 @metadataBackground: @white @subtleGradient;
 @metadataBorder: 1px solid @solidBorderColor;
 @metadataBorderRadius: 0.25em;

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

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

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

@@ -37,7 +37,7 @@
 
 @downBackgroundColor: #E1E8ED;
 @downColor: #292F33;
-@downPressedShadow: 0px 1px 4px rgba(0, 0, 0, 0.2) inset;
+@downPressedShadow: 0 1px 4px rgba(0, 0, 0, 0.2) inset;
 
 @labeledIconBackgroundColor: rgba(85, 172, 238, 0.05);
 @labeledIconBorder: rgba(0, 0, 0, 0.1);

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

@@ -5,8 +5,8 @@
 /* --------------
     Path
 --------------- */
-@emojiPath: "https://twemoji.maxcdn.com/v/latest/svg/";
-@emojiFileType: "svg";
+@emojiPath: 'https://twemoji.maxcdn.com/v/latest/svg/';
+@emojiFileType: 'svg';
 
 /* --------------
    Definition

package/tasks/admin/components/init.js

@@ -85,7 +85,7 @@ module.exports = function (callback) {
         }
 
         // clean folder
-        if (release.outputRoot.search('../repos') == 0) {
+        if (release.outputRoot.startsWith('../repos')) {
             console.info('Cleaning dir', outputDirectory);
             del.sync([outputDirectory + '**/*'], { silent: true, force: true });
         }

package/tasks/admin/components/update.js

@@ -76,7 +76,7 @@ module.exports = function (callback) {
                 ? require(outputDirectory + 'package.json') // eslint-disable-line import/no-dynamic-require
                 : false,
 
-            isNewVersion  = version && componentPackage.version != version,
+            isNewVersion  = version && componentPackage.version !== version,
 
             commitMessage = isNewVersion
                 ? 'Updated component to version ' + version

package/tasks/admin/distributions/create.js

@@ -108,9 +108,8 @@ module.exports = function (callback) {
             createList = function (files) {
                 let filenames = '';
                 for (let file in files) {
-                    filenames += file == (files.length - 1)
-                        ? "'" + files[file] + "'"
-                        : "'" + files[file] + "',\n    ";
+                    filenames += "'" + files[file] + "'"
+                        + (file === files.length - 1 ? '' : ',\n    ');
                 }
 
                 return filenames;
@@ -131,7 +130,7 @@ module.exports = function (callback) {
                 ;
             });
 
-            if (distribution == 'CSS') {
+            if (distribution === 'CSS') {
                 tasks.push(function () {
                     let
                         themes,
@@ -150,7 +149,7 @@ module.exports = function (callback) {
 
                     return mergeStream(themes, components, releases);
                 });
-            } else if (distribution == 'LESS') {
+            } else if (distribution === 'LESS') {
                 tasks.push(function () {
                     let
                         definitions,

package/tasks/admin/distributions/init.js

@@ -84,7 +84,7 @@ module.exports = function (callback) {
         }
 
         // clean folder
-        if (release.outputRoot.search('../repos') == 0) {
+        if (release.outputRoot.startsWith('../repos')) {
             console.info('Cleaning dir', outputDirectory);
             del.sync([outputDirectory + '**/*'], { silent: true, force: true });
         }

package/tasks/admin/distributions/update.js

@@ -72,7 +72,7 @@ module.exports = function (callback) {
                 ? require(outputDirectory + 'package.json') // eslint-disable-line import/no-dynamic-require
                 : false,
 
-            isNewVersion  = version && distributionPackage.version != version,
+            isNewVersion  = version && distributionPackage.version !== version,
 
             commitMessage = isNewVersion
                 ? 'Updated distribution to version ' + version

package/tasks/config/project/config.js

@@ -28,7 +28,7 @@ module.exports = {
                     configPath = path.normalize(directory);
                 } else {
                     // reached file system root, let's stop
-                    if (nextDirectory == directory) {
+                    if (nextDirectory === directory) {
                         return;
                     }
                     // otherwise recurse
@@ -116,7 +116,7 @@ module.exports = {
         // remove duplicates from component array
         if (Array.isArray(config.components)) {
             config.components = config.components.filter(function (component, index) {
-                return config.components.indexOf(component) == index;
+                return config.components.indexOf(component) === index;
             });
         }
 

package/tasks/config/project/install.js

@@ -34,16 +34,16 @@ let when = {
     },
 
     allowOverwrite: function (questions) {
-        return questions.overwrite === undefined || questions.overwrite == 'yes';
+        return questions.overwrite === undefined || questions.overwrite === 'yes';
     },
     notAuto: function (questions) {
-        return questions.install !== 'auto' && (questions.overwrite === undefined || questions.overwrite == 'yes');
+        return questions.install !== 'auto' && (questions.overwrite === undefined || questions.overwrite === 'yes');
     },
     custom: function (questions) {
-        return questions.install === 'custom' && (questions.overwrite === undefined || questions.overwrite == 'yes');
+        return questions.install === 'custom' && (questions.overwrite === undefined || questions.overwrite === 'yes');
     },
     express: function (questions) {
-        return questions.install === 'express' && (questions.overwrite === undefined || questions.overwrite == 'yes');
+        return questions.install === 'express' && (questions.overwrite === undefined || questions.overwrite === 'yes');
     },
 
     // customize
@@ -100,25 +100,25 @@ module.exports = {
                     folder        = pathArray[pathArray.length - 1],
                     nextDirectory = path.join(directory, path.sep, '..')
                 ;
-                if (folder == 'bower_components') {
+                if (folder === 'bower_components') {
                     return {
                         name: 'Bower',
                         root: nextDirectory,
                     };
                 }
-                if (folder == 'node_modules') {
+                if (folder === 'node_modules') {
                     return {
                         name: 'NPM',
                         root: nextDirectory,
                     };
                 }
-                if (folder == 'composer') {
+                if (folder === 'composer') {
                     return {
                         name: 'Composer',
                         root: nextDirectory,
                     };
                 }
-                if (path.resolve(directory) == path.resolve(nextDirectory)) {
+                if (path.resolve(directory) === path.resolve(nextDirectory)) {
                     return false;
                 }
 

package/tasks/config/project/release.js

@@ -27,7 +27,7 @@ try {
 }
 
 // looks for version in config or package.json (whichever is available)
-version = npmPackage && npmPackage.version !== undefined && npmPackage.name == 'fomantic-ui'
+version = npmPackage && npmPackage.version !== undefined && npmPackage.name === 'fomantic-ui'
     ? npmPackage.version
     : config.version;
 

package/tasks/config/tasks.js

@@ -115,13 +115,13 @@ module.exports = {
                         element
                     ;
                     if (error && error.filename && /theme.less/.test(error.filename)) {
-                        if (error.line == 9) {
+                        if (error.line === 9) {
                             element = regExp.variable.exec(error.message)[1];
                             if (element) {
                                 console.error('Missing theme.config value for', element);
                             }
                             console.error('Most likely new UI was added in an update. You will need to add missing elements from theme.config.example');
-                        } else if (error.line == 84) {
+                        } else if (error.line === 84) {
                             element = regExp.element.exec(error.message)[1];
                             theme = regExp.theme.exec(error.message)[1];
                             console.error(theme + ' is not an available theme for ' + element);

package/tasks/docs/metadata.js

@@ -24,7 +24,7 @@ function startsWith(str, prefix) {
 function inArray(needle, haystack) {
     let length = haystack.length;
     for (let i = 0; i < length; i++) {
-        if (haystack[i] == needle) {
+        if (haystack[i] === needle) {
             return true;
         }
     }