fomantic-ui 2.9.3-beta.4 → 2.9.3-beta.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fomantic-ui",
-  "version": "2.9.3-beta.4+bda537d",
+  "version": "2.9.3-beta.6+cb680cb",
   "description": "Fomantic empowers designers and developers by creating a shared vocabulary for UI.",
   "keywords": [
     "fomantic-ui",

package/src/definitions/behaviors/form.js

@@ -643,7 +643,7 @@
                         var $field = typeof identifier === 'string'
                                 ? module.get.field(identifier)
                                 : identifier,
-                            $label = $field.closest(selector.group).find('label').eq(0)
+                            $label = $field.closest(selector.group).find('label:not(:empty)').eq(0)
                         ;
 
                         return $label.length === 1

package/src/definitions/collections/breadcrumb.less

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

package/src/definitions/collections/form.less

@@ -527,6 +527,11 @@
             color: @c;
         }
 
+        // needs separate selector because not supported by every browser
+        .ui.form .fields:has(.@{state}) > label {
+            color: @c;
+        }
+
         .ui.form .fields.@{state} .field .ui.label,
         .ui.form .field.@{state} .ui.label {
             background-color: @lbg;
@@ -729,6 +734,11 @@
             .ui.inverted.form .@{state}.field label {
                 color: @lbg;
             }
+
+            // needs separate selector because not supported by every browser
+            .ui.inverted.form .fields:has(.@{state}) > label {
+                color: @lbg;
+            }
         }
     });
 }
@@ -804,10 +814,11 @@
          Required Field
     --------------------- */
 
-    .ui.form .required.fields:not(.grouped) > .field > label::after,
+    .ui.form .required.fields:not(.grouped):not(.inline) > .field > label::after,
+    .ui.form .required.fields.inline > label::after,
     .ui.form .required.fields.grouped > label::after,
     .ui.form .required.field > label::after,
-    .ui.form .required.fields:not(.grouped) > .field > .checkbox::after,
+    .ui.form .required.fields:not(.grouped):not(.inline) > .field > .checkbox::after,
     .ui.form .required.field > .checkbox::after,
     .ui.form label.required::after {
         margin: @requiredMargin;
@@ -815,7 +826,8 @@
         color: @requiredColor;
     }
 
-    .ui.form .required.fields:not(.grouped) > .field > label::after,
+    .ui.form .required.fields:not(.grouped):not(.inline) > .field > label::after,
+    .ui.form .required.fields.inline > label::after,
     .ui.form .required.fields.grouped > label::after,
     .ui.form .required.field > label::after,
     .ui.form label.required::after {
@@ -823,7 +835,7 @@
         vertical-align: top;
     }
 
-    .ui.form .required.fields:not(.grouped) > .field > .checkbox::after,
+    .ui.form .required.fields:not(.grouped):not(.inline) > .field > .checkbox::after,
     .ui.form .required.field > .checkbox::after {
         position: absolute;
         top: 0;
@@ -831,6 +843,12 @@
     }
 }
 
+.ui.ui.ui.ui.form .fields > label:empty::after,
+.ui.ui.ui.ui.form .field > label:empty::after {
+    content: " ";
+    display: inline-block;
+}
+
 /*******************************
            Variations
 *******************************/
@@ -1160,4 +1178,5 @@
     });
 }
 
-.loadUIOverrides();
+// stylelint-disable no-invalid-position-at-import-rule
+@import (multiple, optional) "../../overrides.less";

package/src/definitions/collections/grid.less

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

package/src/definitions/collections/menu.less

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

package/src/definitions/collections/message.less

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

package/src/definitions/collections/table.less

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

package/src/definitions/elements/button.less

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

package/src/definitions/elements/container.less

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

package/src/definitions/elements/divider.less

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

package/src/definitions/elements/emoji.less

@@ -91,4 +91,5 @@ each(@emoji-map, {
 
 /* rtl:end:ignore */
 
-.loadUIOverrides();
+// stylelint-disable no-invalid-position-at-import-rule
+@import (multiple, optional) "../../overrides.less";

package/src/definitions/elements/flag.less

@@ -83,4 +83,5 @@ each(@flags, {
 
 /* rtl:end:ignore */
 
-.loadUIOverrides();
+// stylelint-disable no-invalid-position-at-import-rule
+@import (multiple, optional) "../../overrides.less";

package/src/definitions/elements/header.less

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

package/src/definitions/elements/icon.less

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

package/src/definitions/elements/image.less

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

package/src/definitions/elements/input.less

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

package/src/definitions/elements/label.less

@@ -1011,4 +1011,5 @@ a.ui.active.label:hover::before {
     });
 }
 
-.loadUIOverrides();
+// stylelint-disable no-invalid-position-at-import-rule
+@import (multiple, optional) "../../overrides.less";

package/src/definitions/elements/list.less

@@ -1023,4 +1023,5 @@ ol.ui.list ol li,
     });
 }
 
-.loadUIOverrides();
+// stylelint-disable no-invalid-position-at-import-rule
+@import (multiple, optional) "../../overrides.less";

package/src/definitions/elements/loader.less

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

package/src/definitions/elements/placeholder.less

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

package/src/definitions/elements/rail.less

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

package/src/definitions/elements/reveal.less

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

package/src/definitions/elements/segment.less

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

package/src/definitions/elements/step.less

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

package/src/definitions/elements/text.less

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

package/src/definitions/globals/reset.less

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

package/src/definitions/globals/site.less

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

package/src/definitions/modules/accordion.less

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

package/src/definitions/modules/calendar.less

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

package/src/definitions/modules/checkbox.less

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

package/src/definitions/modules/dimmer.less

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

package/src/definitions/modules/dropdown.less

@@ -816,7 +816,7 @@ select.ui.dropdown {
     .ui.dropdown:not(.selection) > .remove.icon ~ .dropdown.icon {
         margin-left: @clearableIconMargin;
     }
-    .ui.dropdown:not(.selection) > .remove.icon {
+    .ui.dropdown:not(.selection):not(.multiple) > .remove.icon {
         margin-top: -@clearableIconMarginTop;
     }
 }
@@ -879,6 +879,18 @@ select.ui.dropdown {
         margin: @imageLabelImageMargin;
         height: @imageLabelHeight;
     }
+    .ui.multiple.dropdown:not(.selection):not(.labeled) {
+        & > .dropdown.icon {
+            right: @dropdownIconMultipleRight;
+        }
+        & > .remove.icon {
+            margin-right: @dropdownIconMultipleRight;
+        }
+        &:not(.search) > .remove.icon ~ .text.default,
+        > .text.default:first-child {
+            overflow: inherit;
+        }
+    }
 
     & when (@variationDropdownSearch) {
         /* -----------------
@@ -919,6 +931,13 @@ select.ui.dropdown {
         .ui.multiple.search.dropdown.button {
             min-width: @selectionMinWidth;
         }
+        .ui.multiple.search.dropdown > span.sizer {
+            display: none;
+        }
+        .ui.multiple.search.dropdown:not(.selection) > .remove.icon + input.search,
+        .ui.multiple.search.dropdown:not(.selection) > input.search:first-child {
+            min-width: @multipleSearchMinWidth;
+        }
     }
 }
 
@@ -1951,4 +1970,5 @@ select.ui.dropdown {
     }
 }
 
-.loadUIOverrides();
+// stylelint-disable no-invalid-position-at-import-rule
+@import (multiple, optional) "../../overrides.less";

package/src/definitions/modules/embed.less

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

package/src/definitions/modules/flyout.less

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

package/src/definitions/modules/modal.less

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

package/src/definitions/modules/nag.less

@@ -207,4 +207,6 @@ a.ui.nag {
         border-radius: @borderRadius;
     }
 }
-.loadUIOverrides();
+
+// stylelint-disable no-invalid-position-at-import-rule
+@import (multiple, optional) "../../overrides.less";

package/src/definitions/modules/popup.less

@@ -86,7 +86,6 @@
         width: @arrowSize;
         height: @arrowSize;
         background: @tooltipArrowBackground;
-        transform: rotate(45deg);
         z-index: @arrowZIndex;
         box-shadow: @tooltipArrowBoxShadow;
     }
@@ -114,23 +113,6 @@
         z-index: @tooltipZIndex;
     }
 
-    /* Default Position (Top Center) */
-    [data-tooltip]:not([data-position])::before {
-        top: auto;
-        right: auto;
-        bottom: 100%;
-        left: 50%;
-        background: @tooltipArrowBottomBackground;
-        margin-left: @tooltipArrowHorizontalOffset;
-        margin-bottom: -@tooltipArrowVerticalOffset;
-    }
-    [data-tooltip]:not([data-position])::after {
-        left: 50%;
-        transform: translateX(-50%);
-        bottom: 100%;
-        margin-bottom: @tooltipDistanceAway;
-    }
-
     /* Animation */
     [data-tooltip]::before,
     [data-tooltip]::after {
@@ -141,8 +123,16 @@
             transform @tooltipDuration @tooltipEasing,
             opacity @tooltipDuration @tooltipEasing;
     }
+    [data-tooltip]::after,
+    [data-tooltip]:hover::before {
+        transition-delay: @tooltipDelay;
+    }
+    [data-tooltip]::before,
+    [data-tooltip]:hover::after {
+        transition-delay: 0s;
+    }
     [data-tooltip]::before {
-        transform: rotate(45deg) scale(0) !important;
+        transform: rotate(45deg) scale(@tooltipScaleInit);
         transform-origin: center top;
     }
     [data-tooltip]::after {
@@ -155,26 +145,27 @@
         opacity: 1;
     }
     [data-tooltip]:hover::before {
-        transform: rotate(45deg) scale(1) !important;
+        transform: rotate(45deg) scale(1);
     }
 
     /* Animation Position */
-    [data-tooltip]::after,
+    [data-tooltip]:not([data-position])::after,
     [data-tooltip][data-position="top center"]::after,
     [data-tooltip][data-position="bottom center"]::after {
-        transform: translateX(-50%) scale(0) !important;
+        transform: translateX(-50%) scale(@tooltipScaleInit);
     }
-    [data-tooltip]:hover::after,
+    [data-tooltip]:not([data-position]):hover::after,
+    [data-tooltip][data-position="top center"]:hover::after,
     [data-tooltip][data-position="bottom center"]:hover::after {
-        transform: translateX(-50%) scale(1) !important;
+        transform: translateX(-50%) scale(1);
     }
     [data-tooltip][data-position="left center"]::after,
     [data-tooltip][data-position="right center"]::after {
-        transform: translateY(-50%) scale(0) !important;
+        transform: translateY(-50%) scale(@tooltipScaleInit);
     }
     [data-tooltip][data-position="left center"]:hover::after,
     [data-tooltip][data-position="right center"]:hover::after {
-        transform: translateY(-50%) scale(1) !important;
+        transform: translateY(-50%) scale(1);
         // https://github.com/fomantic/Fomantic-UI/pull/1537
         // stylelint-disable-next-line property-no-vendor-prefix
         -moz-transform: translateY(-50%) scale(1.0001) !important;
@@ -183,13 +174,13 @@
     [data-tooltip][data-position="top right"]::after,
     [data-tooltip][data-position="bottom left"]::after,
     [data-tooltip][data-position="bottom right"]::after {
-        transform: scale(0) !important;
+        transform: scale(@tooltipScaleInit);
     }
     [data-tooltip][data-position="top left"]:hover::after,
     [data-tooltip][data-position="top right"]:hover::after,
     [data-tooltip][data-position="bottom left"]:hover::after,
     [data-tooltip][data-position="bottom right"]:hover::after {
-        transform: scale(1) !important;
+        transform: scale(1);
     }
     & when (@variationPopupFixed) {
         [data-tooltip][data-variation~="fixed"]::after {
@@ -215,11 +206,11 @@
 
         /* Arrow */
         [data-tooltip][data-inverted]::before {
-            box-shadow: none !important;
+            box-shadow: none;
         }
 
         /* Arrow Position */
-        [data-tooltip][data-inverted]::before {
+        [data-tooltip]:not([data-position])[data-inverted]::before {
             background: @invertedArrowBottomBackground;
         }
 
@@ -241,15 +232,16 @@
                 background: @arrowBottomBackground;
             }
             & when (@variationPopupCenter) {
-                /* Top Center */
+                /* Top Center (default) */
+                [data-tooltip]:not([data-position])::after,
                 [data-position="top center"][data-tooltip]::after {
                     top: auto;
                     right: auto;
                     left: 50%;
                     bottom: 100%;
-                    transform: translateX(-50%);
                     margin-bottom: @tooltipDistanceAway;
                 }
+                [data-tooltip]:not([data-position])::before,
                 [data-position="top center"][data-tooltip]::before {
                     top: auto;
                     right: auto;
@@ -310,7 +302,6 @@
                     right: auto;
                     left: 50%;
                     top: 100%;
-                    transform: translateX(-50%);
                     margin-top: @tooltipDistanceAway;
                 }
                 [data-position="bottom center"][data-tooltip]::before {
@@ -362,7 +353,6 @@
                     right: 100%;
                     top: 50%;
                     margin-right: @tooltipDistanceAway;
-                    transform: translateY(-50%);
                 }
                 [data-position="left center"][data-tooltip]::before {
                     right: 100%;
@@ -379,7 +369,6 @@
                     left: 100%;
                     top: 50%;
                     margin-left: @tooltipDistanceAway;
-                    transform: translateY(-50%);
                 }
                 [data-position="right center"][data-tooltip]::before {
                     left: 100%;
@@ -454,6 +443,19 @@
         }
     }
 
+    [data-position="top left"][data-tooltip]::after {
+        transform-origin: bottom left;
+    }
+    [data-position="top right"][data-tooltip]::after {
+        transform-origin: bottom right;
+    }
+    [data-position="bottom left"][data-tooltip]::after {
+        transform-origin: top left;
+    }
+    [data-position="bottom right"][data-tooltip]::after {
+        transform-origin: top right;
+    }
+
     & when (@variationPopupBasic) {
         /* --------------
             Basic
@@ -822,7 +824,7 @@
     }
     .ui.inverted.popup::before {
         background-color: @invertedArrowColor;
-        box-shadow: none !important;
+        box-shadow: none;
     }
 }
 
@@ -928,4 +930,5 @@
     });
 }
 
-.loadUIOverrides();
+// stylelint-disable no-invalid-position-at-import-rule
+@import (multiple, optional) "../../overrides.less";

package/src/definitions/modules/progress.less

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

package/src/definitions/modules/rating.less

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

package/src/definitions/modules/search.less

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

package/src/definitions/modules/shape.less

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

package/src/definitions/modules/sidebar.less

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