fomantic-ui 2.9.4-beta.56 → 2.9.4-beta.58

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fomantic-ui",
-  "version": "2.9.4-beta.56+2f37293",
+  "version": "2.9.4-beta.58+be049d2",
   "description": "Fomantic empowers designers and developers by creating a shared vocabulary for UI.",
   "keywords": [
     "fomantic-ui",

package/src/definitions/collections/form.less

@@ -653,6 +653,7 @@
         }
 
         /* Placeholder */
+        .ui.form .@{state} .ui.dropdown > .default.text,
         .ui.form .@{state} ::placeholder {
             color: @formStates[@@state][inputPlaceholderColor];
         }
@@ -660,6 +661,7 @@
             color: @formStates[@@state][inputPlaceholderColor] !important;
         }
 
+        .ui.form .@{state} .ui.dropdown > input:focus ~ .default.text,
         .ui.form .@{state} :focus::placeholder {
             color: @formStates[@@state][inputPlaceholderFocusColor];
         }

package/src/definitions/modules/dropdown.js

@@ -126,6 +126,8 @@
                             module.set.initialLoad();
                             module.change.values(settings.values);
                             module.remove.initialLoad();
+                        } else if (module.get.placeholderText() !== '') {
+                            module.set.placeholderText();
                         }
 
                         module.refreshData();

package/src/definitions/modules/dropdown.less

@@ -751,7 +751,7 @@ select.ui.dropdown {
         opacity: @selectionTextUnderlayIconOpacity;
     }
     .ui.active.search.dropdown input.search:focus + .text {
-        color: @selectionTextUnderlayColor !important;
+        color: @selectionTextUnderlayColor;
     }
 
     .ui.search.dropdown.button > span.sizer {
@@ -922,6 +922,9 @@ select.ui.dropdown {
             padding: inherit;
             margin: @multipleSelectionChildMargin;
             line-height: @multipleSelectionChildLineHeight;
+            &.default {
+                z-index: -1;
+            }
         }
 
         .ui.multiple.search.dropdown > .label ~ .text {
@@ -1976,7 +1979,7 @@ select.ui.dropdown {
         opacity: @invertedSelectionTextUnderlayIconOpacity;
     }
     .ui.inverted.active.search.dropdown input.search:focus + .text {
-        color: @invertedSelectionTextUnderlayColor !important;
+        color: @invertedSelectionTextUnderlayColor;
     }
 
     .ui.dropdown .inverted.menu > .message:not(.ui),

package/src/definitions/modules/progress.less

@@ -33,6 +33,14 @@
     border-radius: @borderRadius;
 }
 
+& when (@variationProgressBasic) {
+    .ui.basic.progress {
+        background: transparent;
+        border: none;
+        box-shadow: none;
+    }
+}
+
 .ui.progress:first-child {
     margin: @firstMargin;
 }
@@ -50,14 +58,16 @@
     line-height: 1;
     position: @barPosition;
     width: @barInitialWidth;
-    min-width: @barMinWidth;
     background: @barBackground;
     border-radius: @barBorderRadius;
     transition: @barTransition;
     overflow: hidden;
+    &:not(:empty) {
+        min-width: @barMinWidth;
+    }
 }
-.ui.ui.ui.progress:not([data-percent]):not(.indeterminate) .bar,
-.ui.ui.ui.progress[data-percent="0"]:not(.indeterminate) .bar {
+.ui.ui.ui.progress:not([data-percent]):not(.indeterminate) .bar:not(:empty),
+.ui.ui.ui.progress[data-percent="0"]:not(.indeterminate) .bar:not(:empty) {
     background: transparent;
 }
 .ui.progress[data-percent="0"] .bar .progress {
@@ -328,7 +338,9 @@
 
     .ui.active.progress .bar {
         position: relative;
-        min-width: @activeMinWidth;
+        &:not(:empty) {
+            min-width: @activeMinWidth;
+        }
     }
     .ui.active.progress .bar::after {
         content: "";
@@ -384,7 +396,7 @@
         Inverted
     --------------- */
 
-    .ui.inverted.progress {
+    .ui.inverted.progress:not(.basic) {
         background: @invertedBackground;
         border: @invertedBorder;
     }

package/src/themes/default/globals/variation.variables

@@ -643,6 +643,7 @@
 /* Progress */
 @variationProgressInverted: true;
 @variationProgressDisabled: true;
+@variationProgressBasic: true;
 @variationProgressIndicating: true;
 @variationProgressIndeterminate: true;
 @variationProgressSliding: true;