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

package/src/definitions/elements/input.less

@@ -45,7 +45,7 @@
     max-width: 100%;
     flex: 1 1 auto;
     outline: none;
-    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
+    -webkit-tap-highlight-color: rgb(255 255 255 / 0);
     text-align: @textAlign;
     line-height: @lineHeight;
     font-family: @inputFont;
@@ -74,8 +74,6 @@
 
 .ui.input > input::placeholder {
     color: @placeholderColor;
-}
-.ui.input > input::-moz-placeholder {
     opacity: 1;
 }
 
@@ -453,7 +451,7 @@
         .ui.icon.input:not([class*="left icon"]) > .ui.dropdown > .dropdown.icon {
             padding-right: initial;
         }
-        .ui.icon.input:not([class*="left icon"]):not(:has(.ui.dropdown ~ input)) > .ui.dropdown > .dropdown.icon {
+        .ui.icon.input:not([class*="left icon"], :has(.ui.dropdown ~ input)) > .ui.dropdown > .dropdown.icon {
             padding-right: @labeledMargin;
         }
     }
@@ -507,9 +505,9 @@
             border-bottom: @borderWidth solid @borderColor;
         }
         .ui.form .field.@{state} > .ui[class*="left action"].input > .ui.button,
-        .ui.form .field.@{state} > .ui.labeled.input:not(.right):not([class*="corner labeled"]) > .ui.label,
+        .ui.form .field.@{state} > .ui.labeled.input:not(.right, [class*="corner labeled"]) > .ui.label,
         .ui[class*="left action"].input.@{state} > .ui.button,
-        .ui.labeled.input.@{state}:not(.right):not([class*="corner labeled"]) > .ui.label {
+        .ui.labeled.input.@{state}:not(.right, [class*="corner labeled"]) > .ui.label {
             border-left: @borderWidth solid @borderColor;
         }
         .ui.form .field.@{state} > .ui.action.input:not([class*="left action"]) > input + .ui.button,
@@ -754,5 +752,4 @@
     });
 }
 
-// stylelint-disable no-invalid-position-at-import-rule
 @import (multiple, optional) "../../overrides.less";

package/src/definitions/elements/label.less

@@ -182,7 +182,7 @@ a.ui.label {
 .ui.segment@{notBasic} > .ui.right.attached.label {
     margin-right: @attachedOffset;
 }
-.ui.segment@{notBasic} > .ui.attached.label:not(.left):not(.right) {
+.ui.segment@{notBasic} > .ui.attached.label:not(.left, .right) {
     width: @attachedWidthOffset;
 }
 
@@ -471,6 +471,7 @@ a.ui.label {
     .ui.card .image > .ribbon.label {
         position: absolute;
         top: @ribbonImageTopDistance;
+        z-index: 1;
     }
     .ui.card .image > .ui.ribbon.label,
     .ui.image > .ui.ribbon.label {
@@ -537,10 +538,7 @@ a.ui.label {
         border-radius: 0 @attachedBorderRadius 0 @attachedCornerBorderRadius;
     }
     .ui[class*="bottom right attached"].label {
-        top: auto;
-        bottom: 0;
-        left: auto;
-        right: 0;
+        inset: auto 0 0 auto;
         width: auto;
         border-radius: @attachedBorderRadius 0 @attachedCornerBorderRadius 0;
     }
@@ -944,10 +942,7 @@ a.ui.active.label:hover::before {
     .ui[class*="left pointing"].label::before {
         border-width: 0 0 @borderWidth @borderWidth;
         transform: translateX(-50%) translateY(-50%) rotate(45deg);
-        bottom: auto;
-        right: auto;
-        top: 50%;
-        left: 0;
+        inset: 50% auto auto 0;
     }
 
     /* --- Right --- */
@@ -958,10 +953,7 @@ a.ui.active.label:hover::before {
     .ui[class*="right pointing"].label::before {
         border-width: @borderWidth @borderWidth 0 0;
         transform: translateX(50%) translateY(-50%) rotate(45deg);
-        top: 50%;
-        right: 0;
-        bottom: auto;
-        left: auto;
+        inset: 50% 0 auto auto;
     }
     & when (@variationLabelBasic) {
         /* Basic Pointing */
@@ -1042,5 +1034,4 @@ a.ui.active.label:hover::before {
     });
 }
 
-// stylelint-disable no-invalid-position-at-import-rule
 @import (multiple, optional) "../../overrides.less";

package/src/definitions/elements/list.less

@@ -139,8 +139,8 @@ ol.ui.list ol li,
         margin: 0;
         vertical-align: @imageAlign;
     }
-    .ui.list .list > .item > .image:not(:only-child):not(img),
-    .ui.list > .item > .image:not(:only-child):not(img) {
+    .ui.list .list > .item > .image:not(:only-child, img),
+    .ui.list > .item > .image:not(:only-child, img) {
         padding-right: @imageDistance;
     }
     .ui.list .list > .item > .image img,
@@ -1030,5 +1030,4 @@ ol.ui.list ol li,
     });
 }
 
-// stylelint-disable no-invalid-position-at-import-rule
 @import (multiple, optional) "../../overrides.less";

package/src/definitions/elements/loader.less

@@ -210,17 +210,17 @@
         .ui.ui.@{color}.elastic.loader::before,
         .ui.@{color}.basic.elastic.loading.button::before,
         .ui.@{color}.basic.elastic.loading.button::after,
-        .ui.ui.ui.@{color}.elastic.loading:not(.segment):not(.segments):not(.card)::before,
+        .ui.ui.ui.@{color}.elastic.loading:not(.segment, .segments, .card)::before,
         .ui.ui.ui.@{color}.elastic.loading .input > i.icon::before,
         .ui.ui.ui.ui.@{color}.elastic.loading > i.icon::before,
-        .ui.ui.ui.ui.@{color}.loading:not(.usual):not(.button)::after,
+        .ui.ui.ui.ui.@{color}.loading:not(.usual, .button)::after,
         .ui.ui.ui.ui.@{color}.loading .input > i.icon::after,
         .ui.ui.ui.ui.@{color}.loading > i.icon::after,
         .ui.ui.ui.@{color}.loader::after {
             color: @c;
         }
         .ui.inverted.@{color}.elastic.loader::before,
-        .ui.ui.ui.inverted.@{color}.elastic.loading:not(.segment):not(.segments):not(.card)::before,
+        .ui.ui.ui.inverted.@{color}.elastic.loading:not(.segment, .segments, .card)::before,
         .ui.ui.ui.inverted.@{color}.elastic.loading .input > i.icon::before,
         .ui.ui.ui.inverted.@{color}.elastic.loading > i.icon::before,
         .ui.ui.ui.ui.inverted.@{color}.loading:not(.usual)::after,
@@ -242,7 +242,7 @@
 .ui.ui.ui.loader::after {
     border-color: currentColor;
 }
-.ui.ui.ui.ui.elastic.loading.button:not(.inverted):not(.basic)::before {
+.ui.ui.ui.ui.elastic.loading.button:not(.inverted, .basic)::before {
     color: @invertedLoaderLineColor;
 }
 .ui.elastic.basic.loading.button::before,
@@ -321,14 +321,14 @@
     .ui.inverted.dimmer > .ui.elastic.loader {
         color: @loaderLineColor;
     }
-    .ui.ui.elastic.loading:not(.form):not(.segment):not(.segments):not(.card)::after,
+    .ui.ui.elastic.loading:not(.form, .segment, .segments, .card)::after,
     .ui.ui.elastic.loading .input > i.icon::after,
     .ui.ui.elastic.loading > i.icon::after,
     .ui.ui.elastic.loader::after {
         animation: loader 1s infinite cubic-bezier(0.27, 1.05, 0.92, 0.61);
         animation-delay: 0.3s;
     }
-    .ui.ui.ui.elastic.loading:not(.form):not(.segment):not(.segments):not(.card)::before,
+    .ui.ui.ui.elastic.loading:not(.form, .segment, .segments, .card)::before,
     .ui.ui.ui.elastic.loading .input > i.icon::before,
     .ui.ui.ui.elastic.loading > i.icon::before,
     .ui.ui.elastic.loader::before {
@@ -344,27 +344,27 @@
         }
     }
     & when (@variationLoaderSpeeds) {
-        .ui.ui.slow.elastic.loading:not(.form):not(.segment):not(.segments):not(.card)::after,
+        .ui.ui.slow.elastic.loading:not(.form, .segment, .segments, .card)::after,
         .ui.ui.slow.elastic.loading .input > i.icon::after,
         .ui.ui.slow.elastic.loading > i.icon::after,
         .ui.ui.slow.elastic.loader::after {
             animation-duration: 1.5s;
             animation-delay: 0.45s;
         }
-        .ui.ui.ui.slow.elastic.loading:not(.form):not(.segment):not(.segments):not(.card)::before,
+        .ui.ui.ui.slow.elastic.loading:not(.form, .segment, .segments, .card)::before,
         .ui.ui.ui.slow.elastic.loading .input > i.icon::before,
         .ui.ui.ui.slow.elastic.loading > i.icon::before,
         .ui.ui.slow.elastic.loader::before {
             animation-duration: 1.5s;
         }
-        .ui.ui.fast.elastic.loading:not(.form):not(.segment):not(.segments):not(.card)::after,
+        .ui.ui.fast.elastic.loading:not(.form, .segment, .segments, .card)::after,
         .ui.ui.fast.elastic.loading .input > i.icon::after,
         .ui.ui.fast.elastic.loading > i.icon::after,
         .ui.ui.fast.elastic.loader::after {
             animation-duration: 0.66s;
             animation-delay: 0.2s;
         }
-        .ui.ui.ui.fast.elastic.loading:not(.form):not(.segment):not(.segments):not(.card)::before,
+        .ui.ui.ui.fast.elastic.loading:not(.form, .segment, .segments, .card)::before,
         .ui.ui.ui.fast.elastic.loading .input > i.icon::before,
         .ui.ui.ui.fast.elastic.loading > i.icon::before,
         .ui.ui.fast.elastic.loader::before {
@@ -428,5 +428,4 @@
     }
 }
 
-// stylelint-disable no-invalid-position-at-import-rule
 @import (multiple, optional) "../../overrides.less";

package/src/definitions/elements/placeholder.less

@@ -71,7 +71,7 @@
 
 & when (@variationPlaceholderImage) {
     /* Image */
-    .ui.placeholder .image:not(.header):not(.ui):not(.icon) {
+    .ui.placeholder .image:not(.header, .ui, .icon) {
         height: @placeholderImageHeight;
     }
     .ui.placeholder .square.image:not(.header) {
@@ -248,5 +248,4 @@
     }
 }
 
-// stylelint-disable no-invalid-position-at-import-rule
 @import (multiple, optional) "../../overrides.less";

package/src/definitions/elements/rail.less

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

package/src/definitions/elements/reveal.less

@@ -225,10 +225,7 @@
         position: static !important;
         display: block !important;
         opacity: 1 !important;
-        top: 0 !important;
-        left: 0 !important;
-        right: auto !important;
-        bottom: auto !important;
+        inset: 0 auto auto 0 !important;
         transform: none !important;
     }
     .ui.disabled.reveal:hover > .hidden.hidden.content {
@@ -280,5 +277,4 @@
     });
 }
 
-// stylelint-disable no-invalid-position-at-import-rule
 @import (multiple, optional) "../../overrides.less";

package/src/definitions/elements/segment.less

@@ -83,11 +83,11 @@
         border-bottom-left-radius: 0;
         border-bottom-right-radius: 0;
     }
-    .ui.attached.segment:not(.top):not(.bottom) > [class*="top attached"].label {
+    .ui.attached.segment:not(.top, .bottom) > [class*="top attached"].label {
         border-top-left-radius: 0;
         border-top-right-radius: 0;
     }
-    .ui.attached.segment:not(.top):not(.bottom) > [class*="bottom attached"].label {
+    .ui.attached.segment:not(.top, .bottom) > [class*="bottom attached"].label {
         border-bottom-left-radius: 0;
         border-bottom-right-radius: 0;
     }
@@ -497,7 +497,7 @@
         .ui.segments > .horizontal.segments:first-child {
             border-top: none;
         }
-        .ui.horizontal.segments:not(.stackable):not(.wrapping) > .segment:first-child {
+        .ui.horizontal.segments:not(.stackable, .wrapping) > .segment:first-child {
             border-left: none;
         }
         .ui.horizontal.segments > .segment:first-child {
@@ -758,7 +758,7 @@
             border: @attachedBorder;
         }
     }
-    .ui.attached:not(.message):not(.text) + .ui.attached.segment:not(.top):not([class*="left attached"]):not([class*="right attached"]) {
+    .ui.attached:not(.message, .text) + .ui.attached.segment:not(.top, [class*="left attached"], [class*="right attached"]) {
         border-top: none;
     }
 
@@ -800,7 +800,7 @@
     }
     & when (@variationSegmentSeamless) {
         .ui.seamless.attached.segment {
-            &:not(.top):not(.bottom):not([class*="right attached"]):not([class*="left attached"]) {
+            &:not(.top, .bottom, [class*="right attached"], [class*="left attached"]) {
                 border-top: none;
                 border-bottom: none;
             }
@@ -1030,5 +1030,4 @@
     });
 }
 
-// stylelint-disable no-invalid-position-at-import-rule
 @import (multiple, optional) "../../overrides.less";

package/src/definitions/elements/step.less

@@ -854,20 +854,20 @@
                 & .step:not(.completed) {
                     background: @invertedTextColor;
                 }
-                & .step:not(.active):not(.completed)::before {
+                & .step:not(.active, .completed)::before {
                     border-color: @invertedTextColor;
                 }
                 & .step .center.aligned.content .title {
                     background: @invertedCircularStepContentCenterAlignedBackground;
                 }
             }
-            &:not(.ordered) .step:not(.active):not(.completed)::after {
+            &:not(.ordered) .step:not(.active, .completed)::after {
                 background: @invertedTextColor;
             }
 
             & when (@variationStepVertical) {
                 &.vertical {
-                    & .step:not(.active):not(.completed)::before {
+                    & .step:not(.active, .completed)::before {
                         border-color: @invertedTextColor;
                     }
                     & .step:not(.completed) .content::before {
@@ -941,5 +941,4 @@
     });
 }
 
-// stylelint-disable no-invalid-position-at-import-rule
 @import (multiple, optional) "../../overrides.less";

package/src/definitions/elements/text.less

@@ -71,5 +71,4 @@ span.ui.medium.text {
     });
 }
 
-// stylelint-disable no-invalid-position-at-import-rule
 @import (multiple, optional) "../../overrides.less";

package/src/definitions/globals/reset.less

@@ -40,5 +40,4 @@ input[type="password"] {
     -moz-appearance: none; /* mobile firefox too! */
 }
 
-// stylelint-disable no-invalid-position-at-import-rule
 @import (multiple, optional) "../../overrides.less";

package/src/definitions/globals/site.js

@@ -19,31 +19,30 @@
         ? window
         : globalThis;
 
-    $.fn.site = function (parameters) {
+    $.fn.site = function (...args) {
         let time = Date.now();
         let performance = [];
 
-        let query = arguments[0];
-        let methodInvoked = typeof query === 'string';
-        let queryArguments = [].slice.call(arguments, 1);
+        const parameters = args[0];
+        const methodInvoked = typeof parameters === 'string';
+        const queryArguments = args.slice(1);
 
-        let settings = $.isPlainObject(parameters)
+        const settings = $.isPlainObject(parameters)
             ? $.extend(true, {}, $.site.settings, parameters)
             : $.extend({}, $.site.settings);
 
-        let namespace = settings.namespace;
-        let error = settings.error;
+        const namespace = settings.namespace;
+        const error = settings.error;
 
-        let moduleNamespace = 'module-' + namespace;
+        const moduleNamespace = 'module-' + namespace;
 
-        let $document = $(document);
-        let $module = $document;
-        let element = this;
+        const $document = $(document);
+        const $module = $document;
+        const element = this;
         let instance = $module.data(moduleNamespace);
 
-        let module;
         let returnedValue;
-        module = {
+        const module = {
 
             initialize: function () {
                 module.instantiate();
@@ -74,9 +73,8 @@
             },
 
             enabled: {
-                modules: function (modules) {
-                    let enabledModules = [];
-                    modules = modules || settings.modules;
+                modules: function (modules = settings.modules) {
+                    const enabledModules = [];
                     $.each(modules, function (index, name) {
                         if (module.moduleExists(name)) {
                             enabledModules.push(name);
@@ -88,9 +86,8 @@
             },
 
             disabled: {
-                modules: function (modules) {
-                    let disabledModules = [];
-                    modules = modules || settings.modules;
+                modules: function (modules = settings.modules) {
+                    const disabledModules = [];
                     $.each(modules, function (index, name) {
                         if (!module.moduleExists(name)) {
                             disabledModules.push(name);
@@ -102,17 +99,14 @@
             },
 
             change: {
-                setting: function (setting, value, modules, modifyExisting) {
+                setting: function (setting, value, modules, modifyExisting = true) {
                     modules = typeof modules === 'string'
                         ? (modules === 'all'
                             ? settings.modules
                             : [modules])
                         : modules || settings.modules;
-                    modifyExisting = modifyExisting !== undefined
-                        ? modifyExisting
-                        : true;
                     $.each(modules, function (index, name) {
-                        let namespace = module.moduleExists(name)
+                        const namespace = module.moduleExists(name)
                             ? $.fn[name].settings.namespace || false
                             : true;
                         let $existingModules;
@@ -129,13 +123,10 @@
                         }
                     });
                 },
-                settings: function (newSettings, modules, modifyExisting) {
+                settings: function (newSettings, modules, modifyExisting = true) {
                     modules = typeof modules === 'string'
                         ? [modules]
                         : modules || settings.modules;
-                    modifyExisting = modifyExisting !== undefined
-                        ? modifyExisting
-                        : true;
                     $.each(modules, function (index, name) {
                         let $existingModules;
                         if (module.moduleExists(name)) {
@@ -157,13 +148,11 @@
                 console: function () {
                     module.console(true);
                 },
-                debug: function (modules, modifyExisting) {
-                    modules = modules || settings.modules;
+                debug: function (modules = settings.modules, modifyExisting = true) {
                     module.debug('Enabling debug for modules', modules);
                     module.change.setting('debug', true, modules, modifyExisting);
                 },
-                verbose: function (modules, modifyExisting) {
-                    modules = modules || settings.modules;
+                verbose: function (modules = settings.modules, modifyExisting = true) {
                     module.debug('Enabling verbose debug for modules', modules);
                     module.change.setting('verbose', true, modules, modifyExisting);
                 },
@@ -172,13 +161,11 @@
                 console: function () {
                     module.console(false);
                 },
-                debug: function (modules, modifyExisting) {
-                    modules = modules || settings.modules;
+                debug: function (modules = settings.modules, modifyExisting = true) {
                     module.debug('Disabling debug for modules', modules);
                     module.change.setting('debug', false, modules, modifyExisting);
                 },
-                verbose: function (modules, modifyExisting) {
-                    modules = modules || settings.modules;
+                verbose: function (modules = settings.modules, modifyExisting = true) {
                     module.debug('Disabling verbose debug for modules', modules);
                     module.change.setting('verbose', false, modules, modifyExisting);
                 },
@@ -236,29 +223,29 @@
                     return module[name];
                 }
             },
-            debug: function () {
+            debug: function (...args) {
                 if (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.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) {
                 module.error = Function.prototype.bind.call(console.error, console, settings.name + ':');
-                module.error.apply(console, arguments);
+                module.error.apply(console, args);
             },
             performance: {
                 log: function (message) {
@@ -273,7 +260,7 @@
                         performance.push({
                             Element: element,
                             Name: message[0],
-                            Arguments: [].slice.call(message, 1) || '',
+                            Arguments: message.slice(1),
                             'Execution Time': executionTime,
                         });
                     }
@@ -293,30 +280,22 @@
                     title += ' ' + totalTime + 'ms';
                     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 = [];
                 },
             },
-            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)) {
@@ -359,7 +338,7 @@
             if (instance === undefined) {
                 module.initialize();
             }
-            module.invoke(query);
+            module.invoke(parameters);
         } else {
             if (instance !== undefined) {
                 module.destroy();

package/src/definitions/globals/site.less

@@ -196,5 +196,4 @@ input::selection {
     color: @inputHighlightColor;
 }
 
-// stylelint-disable no-invalid-position-at-import-rule
 @import (multiple, optional) "../../overrides.less";