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

package/src/definitions/modules/transition.js

@@ -19,21 +19,21 @@
         ? window
         : globalThis;
 
-    $.fn.transition = function () {
-        let $allModules = $(this);
+    $.fn.transition = function (...args) {
+        const $allModules = $(this);
 
         let time = Date.now();
         let performance = [];
 
-        let moduleArguments = arguments;
-        let query = moduleArguments[0];
-        let queryArguments = [].slice.call(arguments, 1);
-        let methodInvoked = typeof query === 'string';
+        const moduleArguments = args;
+        const parameters = args[0];
+        const queryArguments = args.slice(1);
+        let methodInvoked = typeof parameters === 'string';
 
         let returnedValue;
         $allModules.each(function (index) {
-            let $module = $(this);
-            let element = this;
+            const $module = $(this);
+            const element = this;
 
             // set at run time
             let settings;
@@ -45,13 +45,12 @@
 
             let moduleNamespace;
             let eventNamespace;
-            let module;
 
-            module = {
+            const module = {
 
                 initialize: function () {
                     // get full settings
-                    settings = module.get.settings.apply(element, moduleArguments);
+                    settings = module.get.settings(...moduleArguments);
 
                     // shorthand
                     className = settings.className;
@@ -64,7 +63,7 @@
                     instance = $module.data(moduleNamespace) || module;
 
                     if (methodInvoked) {
-                        methodInvoked = module.invoke(query);
+                        methodInvoked = module.invoke(parameters);
                     }
 
                     // method not invoked, lets run an animation
@@ -99,8 +98,8 @@
 
                 forceRepaint: function () {
                     module.verbose('Forcing element repaint');
-                    let $parentElement = $module.parent();
-                    let $nextElement = $module.next();
+                    const $parentElement = $module.parent();
+                    const $nextElement = $module.next();
                     if ($nextElement.length === 0) {
                         $module.detach().appendTo($parentElement);
                     } else {
@@ -110,23 +109,18 @@
 
                 repaint: function () {
                     module.verbose('Repainting element');
-                    let fakeAssignment = element.offsetWidth;
+                    const fakeAssignment = element.offsetWidth;
                 },
 
-                delay: function (interval) {
+                delay: function (interval = settings.interval) {
                     let direction = module.get.animationDirection();
-                    let shouldReverse;
-                    let delay;
                     if (!direction) {
                         direction = module.can.transition()
                             ? module.get.direction()
                             : 'static';
                     }
-                    interval = interval !== undefined
-                        ? interval
-                        : settings.interval;
-                    shouldReverse = settings.reverse === 'auto' && direction === className.outward;
-                    delay = shouldReverse || settings.reverse === true
+                    const shouldReverse = settings.reverse === 'auto' && direction === className.outward;
+                    const delay = shouldReverse || settings.reverse === true
                         ? ($allModules.length - index) * interval
                         : index * interval;
                     module.debug('Delaying animation by', delay);
@@ -135,8 +129,8 @@
                     }, delay);
                 },
 
-                animate: function (overrideSettings) {
-                    settings = overrideSettings || settings;
+                animate: function (overrideSettings = settings) {
+                    settings = overrideSettings;
 
                     module.debug('Preparing animation', settings.animation);
                     if (module.is.animating()) {
@@ -179,7 +173,7 @@
                         .one('animationend.queue' + eventNamespace, function () {
                             module.queuing = false;
                             module.repaint();
-                            module.animate.apply(this, settings);
+                            module.animate.call(this, settings);
                         });
                 },
 
@@ -209,12 +203,12 @@
 
                 force: {
                     visible: function () {
-                        let style = $module.attr('style');
-                        let userStyle = module.get.userStyle(style);
-                        let displayType = module.get.displayType();
-                        let overrideStyle = userStyle + 'display: ' + displayType + ' !important;';
-                        let inlineDisplay = $module[0].style.display;
-                        let mustStayHidden = !displayType || (inlineDisplay === 'none' && settings.skipInlineHidden) || $module[0].tagName.match(/(script|link|style)/i);
+                        const style = $module.attr('style');
+                        const userStyle = module.get.userStyle(style);
+                        const displayType = module.get.displayType();
+                        const overrideStyle = userStyle + 'display: ' + displayType + ' !important;';
+                        const inlineDisplay = $module[0].style.display;
+                        const mustStayHidden = !displayType || (inlineDisplay === 'none' && settings.skipInlineHidden) || $module[0].tagName.match(/(script|link|style)/i);
                         if (mustStayHidden) {
                             module.remove.transition();
 
@@ -227,9 +221,9 @@
                         return true;
                     },
                     hidden: function () {
-                        let style = $module.attr('style');
-                        let currentDisplay = $module.css('display');
-                        let emptyStyle = style === undefined || style === '';
+                        const style = $module.attr('style');
+                        const currentDisplay = $module.css('display');
+                        const emptyStyle = style === undefined || style === '';
                         if (currentDisplay !== 'none' && !module.is.hidden()) {
                             module.verbose('Overriding default display to hide element');
                             $module
@@ -257,7 +251,7 @@
                         return hasDirection;
                     },
                     inlineDisplay: function () {
-                        let style = $module.attr('style') || '';
+                        const style = $module.attr('style') || '';
 
                         return Array.isArray(style.match(/display.*?;/, ''));
                     },
@@ -270,7 +264,7 @@
 
                         // determine exact animation
                         animation = animation || settings.animation;
-                        let animationClass = module.get.animationClass(animation);
+                        const animationClass = module.get.animationClass(animation);
 
                         // save animation class in cache to restore class names
                         module.save.animation(animationClass);
@@ -282,8 +276,7 @@
                             module.start.animation(animationClass);
                         }
                     },
-                    duration: function (animationName, duration) {
-                        duration = duration || settings.duration;
+                    duration: function (duration = settings.duration) {
                         duration = typeof duration === 'number'
                             ? duration + 'ms'
                             : duration;
@@ -295,8 +288,7 @@
                                 });
                         }
                     },
-                    direction: function (direction) {
-                        direction = direction || module.get.direction();
+                    direction: function (direction = module.get.direction()) {
                         if (direction === className.inward) {
                             module.set.inward();
                         } else {
@@ -333,8 +325,7 @@
                 },
 
                 start: {
-                    animation: function (animationClass) {
-                        animationClass = animationClass || module.get.animationClass();
+                    animation: function (animationClass = module.get.animationClass()) {
                         module.debug('Starting tween', animationClass);
                         $module
                             .addClass(animationClass)
@@ -367,7 +358,7 @@
 
                 restore: {
                     conditions: function () {
-                        let animation = module.get.currentAnimation();
+                        const animation = module.get.currentAnimation();
                         if (animation) {
                             $module
                                 .removeClass(animation);
@@ -379,7 +370,7 @@
 
                 add: {
                     failSafe: function () {
-                        let duration = module.get.duration();
+                        const duration = module.get.duration();
                         module.timer = setTimeout(function () {
                             $module.triggerHandler('animationend');
                         }, duration + settings.failSafeDelay);
@@ -475,9 +466,8 @@
                             animation: animation,
                         });
                     },
-                    animationClass: function (animation) {
-                        let animationClass = animation || settings.animation;
-                        let directionClass = module.can.transition() && !module.has.direction()
+                    animationClass: function (animationClass = settings.animation) {
+                        const directionClass = module.can.transition() && !module.has.direction()
                             ? module.get.direction() + ' '
                             : '';
 
@@ -501,9 +491,8 @@
                             ? className.inward
                             : className.outward;
                     },
-                    animationDirection: function (animation) {
+                    animationDirection: function (animation = settings.animation) {
                         let direction;
-                        animation = animation || settings.animation;
                         if (typeof animation === 'string') {
                             animation = animation.split(' ');
                             // search animation name for out/in class
@@ -522,27 +511,23 @@
 
                         return false;
                     },
-                    duration: function (duration) {
-                        duration = duration || settings.duration;
+                    duration: function (duration = settings.duration) {
                         if (duration === false) {
                             duration = $module.css('animation-duration') || 0;
                         }
 
                         return typeof duration === 'string'
-                            ? (duration.indexOf('ms') > -1
-                                ? parseFloat(duration)
-                                : parseFloat(duration) * 1000)
+                            ? (duration.includes('ms')
+                                ? Number.parseFloat(duration)
+                                : Number.parseFloat(duration) * 1000)
                             : duration;
                     },
-                    displayType: function (shouldDetermine) {
-                        shouldDetermine = shouldDetermine !== undefined
-                            ? shouldDetermine
-                            : true;
+                    displayType: function (shouldDetermine = true) {
                         if (settings.displayType) {
                             return settings.displayType;
                         }
                         if (shouldDetermine && $module.data(metadata.displayType) === undefined) {
-                            let currentDisplay = $module.css('display');
+                            const currentDisplay = $module.css('display');
                             if (currentDisplay === '' || currentDisplay === 'none') {
                                 // create a fake element to determine display state
                                 module.can.transition(true);
@@ -565,8 +550,8 @@
 
                 can: {
                     transition: function (forced) {
-                        let animation = settings.animation;
-                        let transitionExists = module.get.transitionExists(animation);
+                        const animation = settings.animation;
+                        const transitionExists = module.get.transitionExists(animation);
                         let displayType = module.get.displayType(false);
                         let elementClass;
                         let tagName;
@@ -642,8 +627,7 @@
                     looping: function () {
                         return $module.hasClass(className.looping);
                     },
-                    occurring: function (animation) {
-                        animation = animation || settings.animation;
+                    occurring: function (animation = settings.animation) {
                         animation = '.' + animation.replace(' ', '.');
 
                         return $module.filter(animation).length > 0;
@@ -756,30 +740,30 @@
                         return module[name];
                     }
                 },
-                debug: function () {
+                debug: function (...args) {
                     if (!settings.silent && settings.debug) {
                         if (settings.performance) {
-                            module.performance.log(arguments);
+                            module.performance.log(args);
                         } else {
                             module.debug = Function.prototype.bind.call(console.info, console, settings.name + ':');
-                            module.debug.apply(console, arguments);
+                            module.debug.apply(console, args);
                         }
                     }
                 },
-                verbose: function () {
+                verbose: function (...args) {
                     if (!settings.silent && settings.verbose && settings.debug) {
                         if (settings.performance) {
-                            module.performance.log(arguments);
+                            module.performance.log(args);
                         } else {
                             module.verbose = Function.prototype.bind.call(console.info, console, settings.name + ':');
-                            module.verbose.apply(console, arguments);
+                            module.verbose.apply(console, args);
                         }
                     }
                 },
-                error: function () {
+                error: function (...args) {
                     if (!settings.silent) {
                         module.error = Function.prototype.bind.call(console.error, console, settings.name + ':');
-                        module.error.apply(console, arguments);
+                        module.error.apply(console, args);
                     }
                 },
                 performance: {
@@ -794,7 +778,7 @@
                             time = currentTime;
                             performance.push({
                                 Name: message[0],
-                                Arguments: [].slice.call(message, 1) || '',
+                                Arguments: message.slice(1),
                                 Element: element,
                                 'Execution Time': executionTime,
                             });
@@ -818,31 +802,23 @@
                         }
                         if (performance.length > 0) {
                             console.groupCollapsed(title);
-                            if (console.table) {
-                                console.table(performance);
-                            } else {
-                                $.each(performance, function (index, data) {
-                                    console.log(data.Name + ': ' + data['Execution Time'] + 'ms');
-                                });
-                            }
+                            console.table(performance);
                             console.groupEnd();
                         }
                         performance = [];
                     },
                 },
                 // modified for transition to return invoke success
-                invoke: function (query, passedArguments, context) {
+                invoke: function (query, passedArguments = queryArguments, context = element) {
                     let object = instance;
                     let maxDepth;
                     let found;
                     let response;
-                    passedArguments = passedArguments || queryArguments;
-                    context = context || element;
                     if (typeof query === 'string' && object !== undefined) {
                         query = query.split(/[ .]/);
                         maxDepth = query.length - 1;
                         $.each(query, function (depth, value) {
-                            let camelCaseValue = depth !== maxDepth
+                            const camelCaseValue = depth !== maxDepth
                                 ? value + query[depth + 1].charAt(0).toUpperCase() + query[depth + 1].slice(1)
                                 : query;
                             if ($.isPlainObject(object[camelCaseValue]) && (depth !== maxDepth)) {

package/src/definitions/modules/transition.less

@@ -92,7 +92,7 @@
     }
     @keyframes pulsating {
         100% {
-            box-shadow: 0 0 0 @pulsatingDistance rgba(255, 255, 255, 0);
+            box-shadow: 0 0 0 @pulsatingDistance rgb(255 255 255 / 0);
         }
     }
     & when not (@variationTransitionColors = false) {
@@ -113,5 +113,4 @@
     }
 }
 
-// stylelint-disable no-invalid-position-at-import-rule
 @import (multiple, optional) "../../overrides.less";

package/src/definitions/views/ad.less

@@ -293,5 +293,4 @@
     }
 }
 
-// stylelint-disable no-invalid-position-at-import-rule
 @import (multiple, optional) "../../overrides.less";

package/src/definitions/views/card.less

@@ -1180,5 +1180,4 @@
     }
 }
 
-// stylelint-disable no-invalid-position-at-import-rule
 @import (multiple, optional) "../../overrides.less";

package/src/definitions/views/comment.less

@@ -298,5 +298,4 @@
     }
 }
 
-// stylelint-disable no-invalid-position-at-import-rule
 @import (multiple, optional) "../../overrides.less";

package/src/definitions/views/feed.less

@@ -536,5 +536,4 @@
     }
 }
 
-// stylelint-disable no-invalid-position-at-import-rule
 @import (multiple, optional) "../../overrides.less";

package/src/definitions/views/item.less

@@ -607,5 +607,4 @@
     }
 }
 
-// stylelint-disable no-invalid-position-at-import-rule
 @import (multiple, optional) "../../overrides.less";

package/src/definitions/views/statistic.less

@@ -414,5 +414,4 @@
     });
 }
 
-// stylelint-disable no-invalid-position-at-import-rule
 @import (multiple, optional) "../../overrides.less";

package/src/semantic.less

@@ -10,7 +10,7 @@
   Import this file into your LESS project to use Fomantic-UI without build tools
 */
 
-// stylelint-disable no-invalid-position-at-import-rule
+
 
 /* Global */
 & { @import "definitions/globals/reset"; }

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

@@ -1,5 +1,5 @@
 .ui.button {
-    background: linear-gradient(to bottom, #f7f8fa, #e7e9ec) repeat scroll 0 0 rgba(0, 0, 0, 0);
+    background: linear-gradient(to bottom, #f7f8fa, #e7e9ec) repeat scroll 0 0 rgb(0 0 0 / 0);
 }
 
 .ui.primary.button {

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

@@ -24,17 +24,16 @@
 @horizontalPadding: 1.75em;
 
 @backgroundColor: #f7f8fa;
-@backgroundImage: linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1));
+@backgroundImage: linear-gradient(rgb(255 255 255 / 0), rgb(0 0 0 / 0.1));
 @boxShadow:
-    0 1px 0 1px rgba(255, 255, 255, 0.3) inset,
+    0 1px 0 1px rgb(255 255 255 / 0.3) inset,
     0 0 0 1px #adb2bb inset;
 
-@coloredBackgroundImage: linear-gradient(rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.2));
-@coloredBoxShadow: 0 1px 0 0 rgba(255, 255, 255, 0.2) inset;
+@coloredBoxShadow: 0 1px 0 0 rgb(255 255 255 / 0.2) inset;
 
 @downBoxShadow:
     0 0 0 1px #adb2bb inset,
-    0 1px 3px rgba(0, 0, 0, 0.2) inset;
+    0 1px 3px rgb(0 0 0 / 0.2) inset;
 
 @labeledIconBackgroundColor: #313a43;
 @labeledIconColor: #fff;
@@ -43,7 +42,7 @@
 @black: #444c55;
 @orange: #f4cc67;
 
-@coloredBackgroundImage: linear-gradient(rgba(255, 255, 255, 0.15), rgba(0, 0, 0, 0.1));
+@coloredBackgroundImage: linear-gradient(rgb(255 255 255 / 0.15), rgb(0 0 0 / 0.1));
 @primaryColor: @orange;
 @secondaryColor: @black;
 

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

@@ -18,15 +18,14 @@
 @disabledOpacity: 0.3;
 
 @black: #444c55;
-@orange: #fde07b;
 
 @linkColor: #0066c0;
 @linkHoverColor: #c45500;
 @linkHoverUnderline: underline;
 
-@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/bookish/elements/header.variables

@@ -11,14 +11,14 @@
 
 @subHeaderFontSize: 0.85rem;
 
-@dividedBorder: 1px dotted rgba(0, 0, 0, 0.2);
+@dividedBorder: 1px dotted rgb(0 0 0 / 0.2);
 
 /* Block Header */
 @blockVerticalPadding: 1.3em;
 @blockHorizontalPadding: 1em;
 
 /* Attached */
-@attachedBackground: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.03)) repeat scroll 0 0 #f8f8f8;
+@attachedBackground: linear-gradient(rgb(0 0 0 / 0), rgb(0 0 0 / 0.03)) repeat scroll 0 0 #f8f8f8;
 @attachedVerticalPadding: 1.3;
 @attachedHorizontalPadding: 1em;
 

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

@@ -10,7 +10,7 @@
     sans-serif;
 @textTransform: none;
 @fontWeight: @normal;
-@textColor: rgba(51, 51, 51, 1);
+@textColor: rgb(51 51 51 / 1);
 
 @borderRadius: @4px;
 
@@ -21,9 +21,8 @@
 @backgroundColor: @white;
 @backgroundImage: none;
 
-@borderBoxShadowColor: rgba(0, 0, 0, 0.14);
+@borderBoxShadowColor: rgb(0 0 0 / 0.14);
 
-@green: #5cb85c;
 @red: #d9534f;
 @blue: #337ab7;
 @green: #60b044;
@@ -42,7 +41,7 @@
 @basicHoverBackground: transparent;
 @basicDownBoxShadow:
     0 0 0 1px #adadad inset,
-    0 3px 5px rgba(0, 0, 0, 0.125) inset;
+    0 3px 5px rgb(0 0 0 / 0.125) inset;
 
 @groupButtonOffset: 0 0 0 -1px;
 @verticalGroupOffset: 0 0 -1px 0;
@@ -55,7 +54,7 @@
 @downBackgroundColor: #e6e6e6;
 @downBoxShadow:
     0 0 0 1px #adadad inset,
-    0 3px 5px rgba(0, 0, 0, 0.125) inset;
+    0 3px 5px rgb(0 0 0 / 0.125) inset;
 
 @activeBackgroundColor: #e6e6e6;
 

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

@@ -37,4 +37,4 @@
 @paginationActiveBackground: @lightGrey;
 
 @borderColor: @darkWhite;
-@tabularBorderWidth: 2px;
+@tabbedBorderWidth: 2px;

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

@@ -7,13 +7,13 @@
 .ui.labeled.icon.buttons > .button > .icon,
 .ui.labeled.icon.button > .icon {
     box-shadow:
-        -1px 0 0 0 rgba(255, 255, 255, 0.2) inset,
-        -1px 0 0 0 rgba(0, 0, 0, 0.05) inset;
+        -1px 0 0 0 rgb(255 255 255 / 0.2) inset,
+        -1px 0 0 0 rgb(0 0 0 / 0.05) inset;
 }
 
 .ui.right.labeled.icon.buttons .button .icon,
 .ui.right.labeled.icon.button .icon {
     box-shadow:
-        1px 0 0 0 rgba(255, 255, 255, 0.2) inset,
-        1px 0 0 0 rgba(0, 0, 0, 0.05) inset;
+        1px 0 0 0 rgb(255 255 255 / 0.2) inset,
+        1px 0 0 0 rgb(0 0 0 / 0.05) inset;
 }

package/src/themes/chubby/modules/accordion.overrides

@@ -3,5 +3,5 @@
 *******************************/
 
 .ui.styled.accordion .accordion .active.title {
-    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+    border-bottom: 1px solid rgb(0 0 0 / 0.1);
 }

package/src/themes/chubby/views/comment.overrides

@@ -4,9 +4,9 @@
 
 .ui.comments .comment {
     border-radius: 0.5em;
-    box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1);
+    box-shadow: 0 1px 1px 1px rgb(0 0 0 / 0.1);
 }
 .ui.comments .comment > .comments .comment {
-    border: 1px solid rgba(0, 0, 0, 0.1);
+    border: 1px solid rgb(0 0 0 / 0.1);
     box-shadow: none;
 }

package/src/themes/chubby/views/comment.variables

@@ -10,8 +10,8 @@
 @commentBackground: #fff;
 @commentMargin: 1em 0 0;
 @commentPadding: 1em 1.5em;
-@commentBorder: 1px solid rgba(0, 0, 0, 0.1);
-@commentDivider: 1px solid rgba(0, 0, 0, 0.1);
+@commentBorder: 1px solid rgb(0 0 0 / 0.1);
+@commentDivider: 1px solid rgb(0 0 0 / 0.1);
 @firstCommentMargin: 1em;
 @firstCommentPadding: 1em;
 

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

@@ -10,5 +10,5 @@
 
 @headerBackground: @subtleGradient;
 @headerBoxShadow: @subtleShadow;
-@footerBoxShadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.05);
-@footerBackground: rgba(0, 0, 0, 0.05);
+@footerBoxShadow: 0 -1px 1px 0 rgb(0 0 0 / 0.05);
+@footerBackground: rgb(0 0 0 / 0.05);