fomantic-ui 2.9.0-beta.274 → 2.9.0-beta.277

package/dist/semantic.min.js

@@ -1,5 +1,5 @@
 /*
- * # Fomantic UI - 2.9.0-beta.274+23f6671
+ * # Fomantic UI - 2.9.0-beta.277+03890ca
  * https://github.com/fomantic/Fomantic-UI
  * http://fomantic-ui.com/
  *

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fomantic-ui",
-  "version": "2.9.0-beta.274+23f6671",
+  "version": "2.9.0-beta.277+03890ca",
   "description": "Fomantic empowers designers and developers by creating a shared vocabulary for UI.",
   "keywords": [
     "fomantic-ui",
@@ -29,6 +29,7 @@
   },
   "dependencies": {
     "@actions/core": "^1.6.0",
+    "@octokit/core": ">=3",
     "@octokit/rest": "^16.16.0",
     "better-console": "1.0.1",
     "browserslist": "^4.19.1",

package/src/definitions/collections/menu.less

@@ -1323,6 +1323,10 @@ Floated Menu / Item
   @media only screen and (max-width: @largestMobileScreen) {
     .ui.stackable.menu {
       flex-direction: column;
+
+      &.pointing .active.item::after when (@variationMenuPointing) {
+        display: none;
+      }
     }
     .ui.stackable.menu .item {
       width: 100% !important;
@@ -1833,6 +1837,13 @@ Floated Menu / Item
     .ui.vertical.pointing.menu .menu .active.item::after {
       background-color: @arrowVerticalSubMenuColor;
     }
+    & when (@variationMenuFluid) and (@variationGridStackable) {
+      @media only screen and (max-width: @largestMobileScreen) {
+        .ui.stackable.grid .ui.fluid.vertical.pointing.menu .active.item::after {
+          display: none;
+        }
+      }
+    }
   }
 }
 

package/src/definitions/elements/button.less

@@ -169,19 +169,24 @@
 
     box-shadow: 0 0 0 1px transparent;
   }
-}
-& when (@variationButtonLabeledIcon){
-  .ui.labeled.icon.loading.button .icon {
+  .ui.ui.ui.loading.button .label {
     background-color: transparent;
-    box-shadow: none;
+    border-color: transparent;
+    color: transparent;
   }
-}
-& when (@variationButtonBasic){
-  .ui.basic.loading.button:not(.inverted)::before {
-    border-color: @loaderFillColor;
+  & when (@variationButtonLabeledIcon){
+    .ui.labeled.icon.loading.button .icon {
+      background-color: transparent;
+      box-shadow: none;
+    }
   }
-  .ui.basic.loading.button:not(.inverted)::after {
-    border-color: @loaderLineColor;
+  & when (@variationButtonBasic){
+    .ui.basic.loading.button:not(.inverted)::before {
+      border-color: @loaderFillColor;
+    }
+    .ui.basic.loading.button:not(.inverted)::after {
+      border-color: @loaderLineColor;
+    }
   }
 }
 & when (@variationButtonDisabled){

package/src/definitions/modules/popup.less

@@ -243,10 +243,6 @@
       border: @tooltipInvertedBorder;
       box-shadow: @tooltipInvertedBoxShadow;
     }
-    [data-tooltip][data-inverted]::after .header {
-      background: @tooltipInvertedHeaderBackground;
-      color: @tooltipInvertedHeaderColor;
-    }
   }
 
   & when (@variationPopupPosition) {

package/src/definitions/views/card.less

@@ -358,6 +358,28 @@
   }
 }
 
+& when (@variationCardBasic) {
+  /*--------------
+     Basic
+  ---------------*/
+  .ui.cards:not(.raised) > .basic.card:not(.raised),
+  .ui.ui.ui.basic.cards:not(.raised) > .card:not(.raised),
+  .ui.ui.ui.basic.card:not(.raised) {
+    box-shadow: none;
+    & > .buttons,
+      > .button {
+      margin: 0;
+      width: 100%;
+    }
+  }
+  & when (@variationCardLink) {
+    .ui.ui.ui.ui.ui.basic.card:not(.raised):hover,
+    .ui.ui.ui.ui.ui.basic.cards:not(.raised) .card:not(.raised):hover {
+      box-shadow: none;
+    }
+  }
+}
+
 /*--------------
       Dimmer
 ---------------*/
@@ -561,6 +583,7 @@
          Raised
   --------------------*/
 
+  .ui.cards > .raised.card,
   .ui.raised.cards > .card,
   .ui.raised.card {
     box-shadow: @raisedShadow;
@@ -573,6 +596,24 @@
       box-shadow: @raisedShadowHover;
     }
   }
+  & when (@variationCardBasic) {
+    .ui.basic.cards > .raised.card,
+    .ui.basic.raised.cards > .card,
+    .ui.raised.cards > .basic.card,
+    .ui.basic.raised.card {
+      box-shadow: @basicRaisedShadow;
+    }
+    & when (@variationCardLink) {
+      .ui.basic.raised.cards a.card:hover,
+      .ui.link.cards .basic.raised.card:hover,
+      .ui.link.basic.cards .raised.card:hover,
+      .ui.link.basic.raised.cards .card:hover,
+      a.ui.basic.raised.card:hover,
+      .ui.link.basic.raised.card:hover {
+        box-shadow: @basicRaisedShadowHover;
+      }
+    }
+  }
 }
 
 & when (@variationCardCentered) {
@@ -636,6 +677,7 @@
     @h: @colors[@@color][hover];
     @l: @colors[@@color][light];
     @lh: @colors[@@color][lightHover];
+    @isVeryDark: @colors[@@color][isVeryDark];
 
     .ui.@{color}.cards > .card,
     .ui.cards > .@{color}.card,
@@ -645,14 +687,49 @@
             0 @coloredShadowDistance 0 0 @c,
             @shadowBoxShadow
       ;
-      &:hover {
-      box-shadow:
-            @borderShadow,
-            0 @coloredShadowDistance 0 0 @h,
-            @shadowHoverBoxShadow
+    }
+    & when (@variationCardLink) {
+      .ui.cards a.@{color}.card:hover,
+      .ui.@{color}.cards a.card:hover,
+      .ui.link.@{color}.cards .card:not(.icon):hover,
+      .ui.link.cards .@{color}.card:not(.icon):hover,
+      a.ui.@{color}.card:hover,
+      .ui.link.@{color}.card:hover {
+        box-shadow:
+              @borderShadow,
+              0 @coloredShadowDistance 0 0 @h,
+              @shadowHoverBoxShadow
       ;
       }
     }
+    & when (@variationCardBasic) {
+      .ui.cards > .basic.@{color}.card,
+      .ui.basic.@{color}.cards > .card,
+      .ui.basic.cards > .@{color}.card,
+      .ui.basic.@{color}.card {
+        background: @l;
+        &  when (@isVeryDark) {
+          & .header,
+            .content,
+            .meta,
+            .description {
+            color: @white;
+          }
+        }
+      }
+      & when (@variationCardLink) {
+        .ui.basic.cards a.@{color}.card:hover,
+        .ui.cards a.basic.@{color}.card:hover,
+        .ui.basic.@{color}.cards a.card:hover,
+        .ui.link.cards .basic.@{color}.card:not(.icon):hover,
+        .ui.link.basic.@{color}.cards .card:not(.icon):hover,
+        .ui.link.basic.cards .@{color}.card:not(.icon):hover,
+        a.ui.basic.@{color}.card:hover,
+        .ui.link.basic.@{color}.card:hover {
+          background: @lh;
+        }
+      }
+    }
     & when (@variationCardInverted) {
       .ui.inverted.@{color}.cards > .card,
       .ui.inverted.cards > .@{color}.card,
@@ -662,14 +739,41 @@
               0 @coloredShadowDistance 0 0 @l,
               0 0 0 @borderWidth @solidWhiteBorderColor
         ;
-        &:hover {
-        box-shadow:
-              0 @shadowDistance 3px 0 @solidWhiteBorderColor,
-              0 @coloredShadowDistance 0 0 @lh,
-              0 0 0 @borderWidth @solidWhiteBorderColor
+      }
+      & when (@variationCardLink) {
+        .ui.inverted.cards a.@{color}.card:hover,
+        .ui.inverted.@{color}.cards a.card:hover,
+        .ui.link.inverted.@{color}.cards .card:not(.icon):hover,
+        .ui.link.inverted.cards .@{color}.card:not(.icon):hover,
+        a.ui.inverted.@{color}.card:hover,
+        .ui.link.inverted.@{color}.card:hover {
+          box-shadow:
+                  0 @shadowDistance 3px 0 @solidWhiteBorderColor,
+                  0 @coloredShadowDistance 0 0 @lh,
+                  0 0 0 @borderWidth @solidWhiteBorderColor
         ;
         }
       }
+      & when (@variationCardBasic) {
+        .ui.inverted.cards > .basic.@{color}.card,
+        .ui.basic.inverted.@{color}.cards > .card,
+        .ui.basic.inverted.cards > .@{color}.card,
+        .ui.basic.inverted.@{color}.card {
+          background: @c;
+        }
+        & when (@variationCardLink) {
+          .ui.inverted.cards a.basic.@{color}.card:hover,
+          .ui.basic.inverted.cards a.@{color}.card:hover,
+          .ui.basic.inverted.@{color}.cards a.card:hover,
+          .ui.link.inverted.cards .basic.@{color}.card:not(.icon):hover,
+          .ui.link.basic.inverted.@{color}.cards .card:not(.icon):hover,
+          .ui.link.basic.inverted.cards .@{color}.card:not(.icon):hover,
+          a.ui.basic.inverted.@{color}.card:hover,
+          .ui.link.basic.inverted.@{color}.card:hover {
+            background: @h;
+          }
+        }
+      }
     }
   })
 }

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

@@ -403,6 +403,7 @@
 
 /* Card */
 @variationCardInverted: true;
+@variationCardBasic: true;
 @variationCardDisabled: true;
 @variationCardLoading: true;
 @variationCardHorizontal: true;

package/src/themes/default/modules/popup.variables

@@ -88,8 +88,6 @@
 @tooltipInvertedColor: @invertedColor;
 @tooltipInvertedBorder: @invertedBorder;
 @tooltipInvertedBoxShadow: @invertedBoxShadow;
-@tooltipInvertedHeaderBackground: @invertedHeaderBackground;
-@tooltipInvertedHeaderColor: @invertedHeaderColor;
 
 /* Arrow */
 @tooltipArrowVerticalOffset: -@2px;

package/src/themes/default/views/card.variables

@@ -188,6 +188,14 @@
   @floatingShadowHover
 ;
 
+/* Basic Raised */
+@basicRaisedShadow:
+  @floatingShadow
+;
+@basicRaisedShadowHover:
+  @floatingShadowHover
+;
+
 /* Card Count */
 @wideCardSpacing: 1em;
 @cardSpacing: 0.75em;