fomantic-ui 2.10.0-beta.64 → 2.10.0-beta.66

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fomantic-ui",
-  "version": "2.10.0-beta.64+bcb9c73",
+  "version": "2.10.0-beta.66+beed92a",
   "description": "Fomantic empowers designers and developers by creating a shared vocabulary for UI.",
   "keywords": [
     "fomantic-ui",
@@ -85,8 +85,8 @@
     "postcss": "^8.4.19",
     "postcss-less": "^6.0.0",
     "semver": "^7.3.5",
-    "stylelint": "^14.16.0",
-    "stylelint-config-standard": "^29.0.0",
+    "stylelint": "^15.11.0",
+    "stylelint-config-standard-less": "^2.0.0",
     "typescript": "~5.7.3"
   },
   "engines": {

package/src/definitions/behaviors/api.js

@@ -419,7 +419,7 @@
                                     return;
                                 }
                                 const isCheckbox = $('[name="' + CSS.escape(el.name) + '"]', $form).attr('type') === 'checkbox';
-                                const floatValue = parseFloat(el.value);
+                                const floatValue = Number.parseFloat(el.value);
                                 let value = (isCheckbox && el.value === 'on')
                                         || el.value === 'true'
                                         || (String(floatValue) === el.value

package/src/definitions/behaviors/form.js

@@ -2014,7 +2014,7 @@
                 ];
                 let sum = 0;
                 while (length--) {
-                    sum += producedValue[multiple][parseInt(cardNumber.charAt(length), 10)];
+                    sum += producedValue[multiple][Number.parseInt(cardNumber.charAt(length), 10)];
                     multiple ^= 1; // eslint-disable-line no-bitwise
                 }
 

package/src/definitions/behaviors/visibility.js

@@ -176,16 +176,14 @@
                         }, 100);
                     },
                     contextChanged: function (mutations) {
-                        Array.prototype.forEach.call(mutations, function (mutation) {
-                            if (mutation.removedNodes) {
-                                Array.prototype.forEach.call(mutation.removedNodes, function (node) {
-                                    if (node === element || $(node).find(element).length > 0) {
-                                        module.debug('Element removed from DOM, tearing down events');
-                                        module.destroy();
-                                    }
-                                });
+                        for (const mutation of mutations) {
+                            for (const node of mutation.removedNodes) {
+                                if (node === element || $(node).find(element).length > 0) {
+                                    module.debug('Element removed from DOM, tearing down events');
+                                    module.destroy();
+                                }
                             }
-                        });
+                        }
                     },
                     resize: function () {
                         module.debug('Window resized');
@@ -826,8 +824,8 @@
                         // offset
                         if (settings.includeMargin) {
                             element.margin = {};
-                            element.margin.top = parseInt($module.css('margin-top'), 10);
-                            element.margin.bottom = parseInt($module.css('margin-bottom'), 10);
+                            element.margin.top = Number.parseInt($module.css('margin-top'), 10);
+                            element.margin.bottom = Number.parseInt($module.css('margin-bottom'), 10);
                             element.top = element.offset.top - element.margin.top;
                             element.bottom = element.offset.top + element.height + element.margin.bottom;
                         } else {
@@ -882,10 +880,10 @@
                     pixelsPassed: function (amount) {
                         const element = module.get.elementCalculations();
                         if (amount.search('%') > -1) {
-                            return element.height * (parseInt(amount, 10) / 100);
+                            return element.height * (Number.parseInt(amount, 10) / 100);
                         }
 
-                        return parseInt(amount, 10);
+                        return Number.parseInt(amount, 10);
                     },
                     occurred: function (callback) {
                         return module.cache.occurred !== undefined

package/src/definitions/collections/breadcrumb.less

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

package/src/definitions/collections/form.less

@@ -372,10 +372,7 @@
     .ui.form .inline.fields .field .prompt::before,
     .ui.form .inline.field .prompt::before {
         border-width: 0 0 @inlinePromptBorderWidth @inlinePromptBorderWidth;
-        bottom: auto;
-        right: auto;
-        top: 50%;
-        left: 0;
+        inset: 50% auto auto 0;
     }
 }
 
@@ -405,8 +402,6 @@
 /* browsers require these rules separate */
 .ui.form ::placeholder {
     color: @inputPlaceholderColor;
-}
-.ui.form ::-moz-placeholder {
     opacity: 1;
 }
 
@@ -1195,5 +1190,4 @@
     });
 }
 
-// stylelint-disable no-invalid-position-at-import-rule
 @import (multiple, optional) "../../overrides.less";

package/src/definitions/collections/grid.less

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

package/src/definitions/collections/menu.less

@@ -1707,10 +1707,7 @@ Floated Menu / Item
 
     .ui.fixed.menu,
     .ui[class*="top fixed"].menu {
-        top: 0;
-        left: 0;
-        right: auto;
-        bottom: auto;
+        inset: 0 auto auto 0;
     }
     .ui[class*="top fixed"].menu {
         border-top: none;
@@ -1721,10 +1718,7 @@ Floated Menu / Item
         border-top: none;
         border-bottom: none;
         border-right: none;
-        top: 0;
-        right: 0;
-        left: auto;
-        bottom: auto;
+        inset: 0 0 auto auto;
         width: auto;
         height: 100%;
     }
@@ -1732,19 +1726,13 @@ Floated Menu / Item
         border-bottom: none;
         border-left: none;
         border-right: none;
-        bottom: 0;
-        left: 0;
-        top: auto;
-        right: auto;
+        inset: auto auto 0 0;
     }
     .ui[class*="left fixed"].menu {
         border-top: none;
         border-bottom: none;
         border-left: none;
-        top: 0;
-        left: 0;
-        right: auto;
-        bottom: auto;
+        inset: 0 auto auto 0;
         width: auto;
         height: 100%;
     }
@@ -1780,10 +1768,7 @@ Floated Menu / Item
     & when (@variationMenuVertical) {
         .ui.vertical.pointing.menu .item::after {
             position: absolute;
-            top: 50%;
-            right: 0;
-            bottom: auto;
-            left: auto;
+            inset: 50% 0 auto auto;
             transform: translateX(50%) translateY(-50%) rotate(45deg);
             margin: 0 -(@arrowBorderWidth / 2) 0 0;
             border: none;
@@ -2023,5 +2008,4 @@ Floated Menu / Item
     }
 }
 
-// stylelint-disable no-invalid-position-at-import-rule
 @import (multiple, optional) "../../overrides.less";

package/src/definitions/collections/message.less

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

package/src/definitions/collections/table.less

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

package/src/definitions/elements/button.less

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

package/src/definitions/elements/container.less

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

package/src/definitions/elements/divider.less

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

package/src/definitions/elements/emoji.less

@@ -79,6 +79,7 @@ each(@size-map, {
     }
 });
 
+// stylelint-disable less/no-duplicate-variables
 each(@emoji-map, {
     & when (@variationEmojiColons) {
         em[data-emoji=":@{value}:"]::before {
@@ -93,5 +94,4 @@ each(@emoji-map, {
 
 /* rtl:end:ignore */
 
-// stylelint-disable no-invalid-position-at-import-rule
 @import (multiple, optional) "../../overrides.less";

package/src/definitions/elements/flag.less

@@ -47,6 +47,7 @@ each(@size-map, {
 /* rtl:begin:ignore */
 
 // for simplicity, class and alias names have to be unique and different to countrycode otherwise false
+// stylelint-disable less/no-duplicate-variables
 each(@flags, {
     @unicode: replace(@key, "@", "");
     @cc: replace(@flags[@@unicode][countrycode], "_", ".", "g");
@@ -83,5 +84,4 @@ each(@flags, {
 
 /* rtl:end:ignore */
 
-// stylelint-disable no-invalid-position-at-import-rule
 @import (multiple, optional) "../../overrides.less";

package/src/definitions/elements/header.less

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

package/src/definitions/elements/icon.less

@@ -408,10 +408,7 @@ i.icons {
     & when (@variationIconCorner) {
         /* Corner Icon */
         i.icons .corner.icon {
-            top: auto;
-            left: auto;
-            right: @cornerOffset;
-            bottom: @cornerOffset;
+            inset: auto @cornerOffset @cornerOffset auto;
             font-size: @cornerIconSize;
             text-shadow: @cornerIconShadow;
             &@{notRotated}@{notFlipped} {
@@ -419,28 +416,16 @@ i.icons {
             }
         }
         i.icons .icon.corner[class*="top right"] {
-            top: @cornerOffset;
-            left: auto;
-            right: @cornerOffset;
-            bottom: auto;
+            inset: @cornerOffset @cornerOffset auto auto;
         }
         i.icons .icon.corner[class*="top left"] {
-            top: @cornerOffset;
-            left: @cornerOffset;
-            right: auto;
-            bottom: auto;
+            inset: @cornerOffset auto auto @cornerOffset;
         }
         i.icons .icon.corner[class*="bottom left"] {
-            top: auto;
-            left: @cornerOffset;
-            right: auto;
-            bottom: @cornerOffset;
+            inset: auto auto @cornerOffset @cornerOffset;
         }
         i.icons .icon.corner[class*="bottom right"] {
-            top: auto;
-            left: auto;
-            right: @cornerOffset;
-            bottom: @cornerOffset;
+            inset: auto @cornerOffset @cornerOffset auto;
         }
         & when (@variationIconInverted) {
             i.icons .inverted.corner.icon {
@@ -490,31 +475,19 @@ i.icons {
         i.circular.icons .icon.corner,
         i.bordered.icons .icon.corner[class*="bottom right"],
         i.circular.icons .icon.corner[class*="bottom right"] {
-            top: auto;
-            left: auto;
-            right: @borderedGroupCornerOffset;
-            bottom: @borderedGroupCornerOffset;
+            inset: auto @borderedGroupCornerOffset @borderedGroupCornerOffset auto;
         }
         i.bordered.icons .icon.corner[class*="top right"],
         i.circular.icons .icon.corner[class*="top right"] {
-            top: @borderedGroupCornerOffset;
-            left: auto;
-            right: @borderedGroupCornerOffset;
-            bottom: auto;
+            inset: @borderedGroupCornerOffset @borderedGroupCornerOffset auto auto;
         }
         i.bordered.icons .icon.corner[class*="top left"],
         i.circular.icons .icon.corner[class*="top left"] {
-            top: @borderedGroupCornerOffset;
-            left: @borderedGroupCornerOffset;
-            right: auto;
-            bottom: auto;
+            inset: @borderedGroupCornerOffset auto auto @borderedGroupCornerOffset;
         }
         i.bordered.icons .icon.corner[class*="bottom left"],
         i.circular.icons .icon.corner[class*="bottom left"] {
-            top: auto;
-            left: @borderedGroupCornerOffset;
-            right: auto;
-            bottom: @borderedGroupCornerOffset;
+            inset: auto auto @borderedGroupCornerOffset @borderedGroupCornerOffset;
         }
     }
 }
@@ -630,6 +603,7 @@ i.icons {
     }
 
     .generateIcons(@icon-duotone-map);
+    // stylelint-disable less/no-duplicate-variables
     .generateIcons(@icon-duotone-secondary-map, false, after);
 
     & when (@variationIconAliases) {
@@ -662,5 +636,4 @@ i.icons {
     }
 }
 
-// stylelint-disable no-invalid-position-at-import-rule
 @import (multiple, optional) "../../overrides.less";

package/src/definitions/elements/image.less

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

package/src/definitions/elements/input.less

@@ -74,8 +74,6 @@
 
 .ui.input > input::placeholder {
     color: @placeholderColor;
-}
-.ui.input > input::-moz-placeholder {
     opacity: 1;
 }
 
@@ -754,5 +752,4 @@
     });
 }
 
-// stylelint-disable no-invalid-position-at-import-rule
 @import (multiple, optional) "../../overrides.less";

package/src/definitions/elements/label.less

@@ -538,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;
     }
@@ -945,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 --- */
@@ -959,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 */
@@ -1043,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

@@ -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

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

package/src/definitions/elements/placeholder.less

@@ -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

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

package/src/definitions/elements/step.less

@@ -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.less

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

package/src/definitions/modules/accordion.less

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

package/src/definitions/modules/calendar.js

@@ -541,7 +541,7 @@
                         const tooltipWidth = window.getComputedStyle($cell[0], '::after').width.replace(/[^\d.]/g, '');
                         const tooltipPosition = $cell.attr('data-position');
                         // use a fallback width of 250 (calendar width) for IE/Edge (which return "auto")
-                        const calcPosition = (winWidth - $cell.width() - (parseInt(tooltipWidth, 10) || 250)) > $cell.offset().left ? 'right' : 'left';
+                        const calcPosition = (winWidth - $cell.width() - (Number.parseInt(tooltipWidth, 10) || 250)) > $cell.offset().left ? 'right' : 'left';
                         if (!tooltipPosition.includes(calcPosition)) {
                             $cell.attr('data-position', tooltipPosition.replace(/(left|right)/, calcPosition));
                         }
@@ -718,11 +718,11 @@
                     },
                     class: {
                         mutation: function (mutations) {
-                            mutations.forEach(function (mutation) {
+                            for (const mutation of mutations) {
                                 if (mutation.attributeName === 'class') {
                                     module.check.disabled();
                                 }
-                            });
+                            }
                         },
                     },
                 },
@@ -1323,7 +1323,7 @@
                         if (!(date instanceof Date)) {
                             date = parser.date('' + date, settings);
                         }
-                        if (!date || isNaN(date.getTime())) {
+                        if (!date || Number.isNaN(date.getTime())) {
                             return null;
                         }
 
@@ -1664,7 +1664,7 @@
                 const textDate = new Date(text);
                 const numberOnly = text.match(/^\d+$/) !== null;
                 const isShortYear = text.match(/^(?:\d{1,2}[./-]){2}\d{1,2}$/) !== null;
-                if (!isShortYear && !numberOnly && !isNaN(textDate.getDate())) {
+                if (!isShortYear && !numberOnly && !Number.isNaN(textDate.getDate())) {
                     return textDate;
                 }
                 text = text.toLowerCase();
@@ -1702,8 +1702,8 @@
                             if (hour < 0 || minute < 0) {
                                 parts = number.split(':');
                                 for (k = 0; k < Math.min(2, parts.length); k++) {
-                                    j = parseInt(parts[k], 10);
-                                    if (isNaN(j)) {
+                                    j = Number.parseInt(parts[k], 10);
+                                    if (Number.isNaN(j)) {
                                         j = 0;
                                     }
                                     if (k === 0) {
@@ -1739,8 +1739,8 @@
 
                     // year > settings.centuryBreak
                     for (i = 0; i < numbers.length; i++) {
-                        j = parseInt(numbers[i], 10);
-                        if (!isNaN(j) && j >= settings.centuryBreak && i === numbers.length - 1) {
+                        j = Number.parseInt(numbers[i], 10);
+                        if (!Number.isNaN(j) && j >= settings.centuryBreak && i === numbers.length - 1) {
                             if (j <= 99) {
                                 j += settings.currentCentury - 100;
                             }
@@ -1757,8 +1757,8 @@
                             k = i > 1 || settings.monthFirst
                                 ? i
                                 : (i === 1 ? 0 : 1);
-                            j = parseInt(numbers[k], 10);
-                            if (!isNaN(j) && j >= 1 && j <= 12) {
+                            j = Number.parseInt(numbers[k], 10);
+                            if (!Number.isNaN(j) && j >= 1 && j <= 12) {
                                 month = j;
                                 numbers.splice(k, 1);
 
@@ -1769,8 +1769,8 @@
 
                     // day
                     for (i = 0; i < numbers.length; i++) {
-                        j = parseInt(numbers[i], 10);
-                        if (!isNaN(j) && j >= 1 && j <= 31) {
+                        j = Number.parseInt(numbers[i], 10);
+                        if (!Number.isNaN(j) && j >= 1 && j <= 31) {
                             day = j;
                             numbers.splice(i, 1);
 
@@ -1781,8 +1781,8 @@
                     // year <= settings.centuryBreak
                     if (year < 0) {
                         for (i = numbers.length - 1; i >= 0; i--) {
-                            j = parseInt(numbers[i], 10);
-                            if (!isNaN(j)) {
+                            j = Number.parseInt(numbers[i], 10);
+                            if (!Number.isNaN(j)) {
                                 if (j <= 99) {
                                     j += settings.currentCentury;
                                 }
@@ -1799,8 +1799,8 @@
                     // hour
                     if (hour < 0) {
                         for (i = 0; i < numbers.length; i++) {
-                            j = parseInt(numbers[i], 10);
-                            if (!isNaN(j) && j >= 0 && j <= 23) {
+                            j = Number.parseInt(numbers[i], 10);
+                            if (!Number.isNaN(j) && j >= 0 && j <= 23) {
                                 hour = j;
                                 numbers.splice(i, 1);
 
@@ -1812,8 +1812,8 @@
                     // minute
                     if (minute < 0) {
                         for (i = 0; i < numbers.length; i++) {
-                            j = parseInt(numbers[i], 10);
-                            if (!isNaN(j) && j >= 0 && j <= 59) {
+                            j = Number.parseInt(numbers[i], 10);
+                            if (!Number.isNaN(j) && j >= 0 && j <= 59) {
                                 minute = j;
                                 numbers.splice(i, 1);
 
@@ -1859,7 +1859,7 @@
                     date = new Date(year, month, 0, hour, minute);
                 }
 
-                return isNaN(date.getTime()) ? null : date;
+                return Number.isNaN(date.getTime()) ? null : date;
             },
         },
 

package/src/definitions/modules/calendar.less

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