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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fomantic-ui",
-  "version": "2.10.0-beta.65+923b474",
+  "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/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.less

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

package/src/definitions/modules/checkbox.js

@@ -153,13 +153,6 @@
                     }
                 },
 
-                preventDefaultOnInputTarget: function () {
-                    if (event !== undefined && event !== null && $(event.target).is(selector.input)) {
-                        module.verbose('Preventing default check action after manual check action');
-                        event.preventDefault();
-                    }
-                },
-
                 event: {
                     change: function (event) {
                         if (!module.should.ignoreCallbacks()) {
@@ -262,7 +255,6 @@
                         settings.onChecked.call(input);
                         module.trigger.change();
                     }
-                    module.preventDefaultOnInputTarget();
                 },
 
                 uncheck: function () {
@@ -275,7 +267,6 @@
                         settings.onUnchecked.call(input);
                         module.trigger.change();
                     }
-                    module.preventDefaultOnInputTarget();
                 },
 
                 indeterminate: function () {

package/src/definitions/modules/checkbox.less

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

package/src/definitions/modules/dimmer.less

@@ -387,5 +387,4 @@ body.dimmable > .dimmer {
     }
 }
 
-// stylelint-disable no-invalid-position-at-import-rule
 @import (multiple, optional) "../../overrides.less";

package/src/definitions/modules/dropdown.less

@@ -442,8 +442,7 @@ select.ui.dropdown {
 
     /* Selection Menu */
     .ui.selection.dropdown@{notUnlimited} .menu {
-        overflow-x: hidden;
-        overflow-y: auto;
+        overflow: hidden auto;
         overscroll-behavior: @overscrollBehavior;
         backface-visibility: hidden;
     }
@@ -798,8 +797,7 @@ select.ui.dropdown {
 
     /* Search Menu */
     .ui.search.dropdown@{notUnlimited} .menu {
-        overflow-x: hidden;
-        overflow-y: auto;
+        overflow: hidden auto;
         overscroll-behavior: @overscrollBehavior;
         backface-visibility: hidden;
     }
@@ -1375,8 +1373,7 @@ select.ui.dropdown {
     /* Selection Menu */
     .ui.scrolling.dropdown .menu,
     .ui.dropdown .scrolling.menu {
-        overflow-x: hidden;
-        overflow-y: auto;
+        overflow: hidden auto;
         overscroll-behavior: @overscrollBehavior;
         backface-visibility: hidden;
         min-width: 100% !important;
@@ -1595,8 +1592,7 @@ select.ui.dropdown {
         /* Scrolling */
         .ui.simple.scrolling.active.dropdown > .menu,
         .ui.simple.scrolling.dropdown:hover > .menu {
-            overflow-x: hidden;
-            overflow-y: auto;
+            overflow: hidden auto;
             overscroll-behavior: @overscrollBehavior;
         }
     }
@@ -1685,17 +1681,11 @@ select.ui.dropdown {
 
     /* Top Left Pointing */
     .ui.top.left.pointing.dropdown > .menu {
-        top: 100%;
-        bottom: auto;
-        left: 0;
-        right: auto;
+        inset: 100% auto auto 0;
         margin: @pointingArrowDistanceFromEdge 0 0;
     }
     .ui.top.left.pointing.dropdown > .menu {
-        top: 100%;
-        bottom: auto;
-        left: 0;
-        right: auto;
+        inset: 100% auto auto 0;
         margin: @pointingArrowDistanceFromEdge 0 0;
     }
     .ui.top.left.pointing.dropdown > .menu::after {
@@ -1708,10 +1698,7 @@ select.ui.dropdown {
 
     /* Top Right Pointing */
     .ui.top.right.pointing.dropdown > .menu {
-        top: 100%;
-        bottom: auto;
-        right: 0;
-        left: auto;
+        inset: 100% 0 auto auto;
         margin: @pointingArrowDistanceFromEdge 0 0;
     }
     .ui.top.pointing.dropdown > .left.menu::after,
@@ -1766,10 +1753,7 @@ select.ui.dropdown {
 
     /* Bottom Pointing */
     .ui.bottom.pointing.dropdown > .menu {
-        top: auto;
-        bottom: 100%;
-        left: 0;
-        right: auto;
+        inset: auto auto 100% 0;
         margin: 0 0 @pointingArrowDistanceFromEdge;
     }
     .ui.bottom.pointing.dropdown > .menu::after {
@@ -2101,5 +2085,4 @@ select.ui.dropdown {
     }
 }
 
-// stylelint-disable no-invalid-position-at-import-rule
 @import (multiple, optional) "../../overrides.less";

package/src/definitions/modules/embed.less

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

package/src/definitions/modules/flyout.js

@@ -950,7 +950,7 @@
                         return module.cache.isFirefox;
                     },
                     iframe: function () {
-                        return !(self === top);
+                        return !(window.self === window.top);
                     },
                     mobile: function () {
                         const userAgent = navigator.userAgent;

package/src/definitions/modules/flyout.less

@@ -651,5 +651,4 @@ body.pushable > .pusher {
     }
 }
 
-// stylelint-disable no-invalid-position-at-import-rule
 @import (multiple, optional) "../../overrides.less";

package/src/definitions/modules/modal.js

@@ -958,7 +958,7 @@
                         return module.cache.isFirefox;
                     },
                     iframe: function () {
-                        return !(self === top);
+                        return !(window.self === window.top);
                     },
                 },
 

package/src/definitions/modules/modal.less

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

package/src/definitions/modules/nag.less

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