fomantic-ui-sass 2.8.2 → 2.8.3

data/app/assets/javascripts/semantic-ui/toast.js

@@ -519,10 +519,9 @@ $.fn.toast = function(parameters) {
               return string;
             }
             var
-              badChars     = /[&<>"'`]/g,
+              badChars     = /[<>"'`]/g,
               shouldEscape = /[&<>"'`]/,
               escape       = {
-                "&": "&amp;",
                 "<": "&lt;",
                 ">": "&gt;",
                 '"': "&quot;",
@@ -534,6 +533,7 @@ $.fn.toast = function(parameters) {
               }
             ;
             if(shouldEscape.test(string)) {
+              string = string.replace(/&(?![a-z0-9#]{1,6};)/, "&amp;");
               return string.replace(badChars, escapedChar);
             }
             return string;

data/app/assets/stylesheets/semantic-ui/collections/_form.scss

@@ -39,6 +39,7 @@
   clear: both;
   margin: 0 0 1em;
 }
+.ui.form .fields .fields,
 .ui.form .field:last-child,
 .ui.form .fields:last-child .field {
   margin-bottom: 0;
@@ -405,6 +406,36 @@
   -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.35) inset;
           box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.35) inset;
 }
+.ui.form .ui.action.input:not(.left) input:not([type]):focus,
+.ui.form .ui.action.input:not(.left) input[type="date"]:focus,
+.ui.form .ui.action.input:not(.left) input[type="datetime-local"]:focus,
+.ui.form .ui.action.input:not(.left) input[type="email"]:focus,
+.ui.form .ui.action.input:not(.left) input[type="number"]:focus,
+.ui.form .ui.action.input:not(.left) input[type="password"]:focus,
+.ui.form .ui.action.input:not(.left) input[type="search"]:focus,
+.ui.form .ui.action.input:not(.left) input[type="tel"]:focus,
+.ui.form .ui.action.input:not(.left) input[type="time"]:focus,
+.ui.form .ui.action.input:not(.left) input[type="text"]:focus,
+.ui.form .ui.action.input:not(.left) input[type="file"]:focus,
+.ui.form .ui.action.input:not(.left) input[type="url"]:focus {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.ui.form .ui.action.input.left input:not([type]),
+.ui.form .ui.action.input.left input[type="date"],
+.ui.form .ui.action.input.left input[type="datetime-local"],
+.ui.form .ui.action.input.left input[type="email"],
+.ui.form .ui.action.input.left input[type="number"],
+.ui.form .ui.action.input.left input[type="password"],
+.ui.form .ui.action.input.left input[type="search"],
+.ui.form .ui.action.input.left input[type="tel"],
+.ui.form .ui.action.input.left input[type="time"],
+.ui.form .ui.action.input.left input[type="text"],
+.ui.form .ui.action.input.left input[type="file"],
+.ui.form .ui.action.input.left input[type="url"] {
+  border-bottom-left-radius: 0;
+  border-top-left-radius: 0;
+}
 .ui.form textarea:focus {
   color: rgba(0, 0, 0, 0.95);
   border-color: #85B7D9;

data/app/assets/stylesheets/semantic-ui/collections/_table.scss

@@ -1899,39 +1899,49 @@
   color: rgba(40, 40, 40, 0.3);
 }
 .ui.sortable.table > thead > tr > th:hover {
-  background: rgba(0, 0, 0, 0.05);
   color: rgba(0, 0, 0, 0.8);
 }
+.ui.sortable.table:not(.basic) > thead > tr > th:hover {
+  background: rgba(0, 0, 0, 0.05);
+}
 
 /* Sorted */
 .ui.sortable.table thead th.sorted {
-  background: rgba(0, 0, 0, 0.05);
   color: rgba(0, 0, 0, 0.95);
 }
+.ui.sortable.table:not(.basic) thead th.sorted {
+  background: rgba(0, 0, 0, 0.05);
+}
 .ui.sortable.table thead th.sorted:after {
   display: inline-block;
 }
 
 /* Sorted Hover */
 .ui.sortable.table thead th.sorted:hover {
-  background: rgba(0, 0, 0, 0.05);
   color: rgba(0, 0, 0, 0.95);
 }
+.ui.sortable.table:not(.basic) thead th.sorted:hover {
+  background: rgba(0, 0, 0, 0.05);
+}
 
 /* Inverted */
 .ui.inverted.sortable.table thead th.sorted {
+  color: #ffffff;
+}
+.ui.inverted.sortable.table:not(.basic) thead th.sorted {
   background: rgba(255, 255, 255, 0.15) -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.05)));
   background: rgba(255, 255, 255, 0.15) -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
   background: rgba(255, 255, 255, 0.15) linear-gradient(transparent, rgba(0, 0, 0, 0.05));
-  color: #ffffff;
 }
 .ui.inverted.sortable.table > thead > tr > th:hover {
+  color: #ffffff;
+}
+.ui.inverted.sortable.table:not(.basic) > thead > tr > th:hover {
   background: rgba(255, 255, 255, 0.08) -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.05)));
   background: rgba(255, 255, 255, 0.08) -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
   background: rgba(255, 255, 255, 0.08) linear-gradient(transparent, rgba(0, 0, 0, 0.05));
-  color: #ffffff;
 }
-.ui.inverted.sortable.table > thead > tr > th {
+.ui.inverted.sortable.table:not(.basic) > thead > tr > th {
   border-left-color: transparent;
   border-right-color: transparent;
 }

data/app/assets/stylesheets/semantic-ui/elements/_icon.scss

@@ -521,7 +521,7 @@ i.icons .inverted.corner.icon {
   text-shadow: -1px -1px 0 #1B1C1D, 1px -1px 0 #1B1C1D, -1px 1px 0 #1B1C1D, 1px 1px 0 #1B1C1D;
 }
 /*
-* Font Awesome 5.11.2 by @fontawesome [https://fontawesome.com]
+* Font Awesome 5.12.0 by @fontawesome [https://fontawesome.com]
 * License - https://fontawesome.com/license (Icons: CC BY 4.0 License, Fonts: SIL OFL 1.1 License, CSS: MIT License)
 */
 
@@ -743,6 +743,9 @@ i.icon.backward:before {
 i.icon.bacon:before {
   content: "\f7e5";
 }
+i.icon.bahai:before {
+  content: "\f666";
+}
 i.icon.balance.scale:before {
   content: "\f24e";
 }
@@ -995,6 +998,9 @@ i.icon.car.crash:before {
 i.icon.car.side:before {
   content: "\f5e4";
 }
+i.icon.caravan:before {
+  content: "\f8ff";
+}
 i.icon.caret.down:before {
   content: "\f0d7";
 }
@@ -1247,6 +1253,9 @@ i.icon.compass:before {
 i.icon.compress:before {
   content: "\f066";
 }
+i.icon.compress.alternate:before {
+  content: "\f422";
+}
 i.icon.compress.arrows.alternate:before {
   content: "\f78c";
 }
@@ -1475,6 +1484,9 @@ i.icon.exclamation.triangle:before {
 i.icon.expand:before {
   content: "\f065";
 }
+i.icon.expand.alternate:before {
+  content: "\f424";
+}
 i.icon.expand.arrows.alternate:before {
   content: "\f31e";
 }
@@ -1883,9 +1895,6 @@ i.icon.hat.cowboy.side:before {
 i.icon.hat.wizard:before {
   content: "\f6e8";
 }
-i.icon.haykal:before {
-  content: "\f666";
-}
 i.icon.hdd:before {
   content: "\f0a0";
 }
@@ -3179,6 +3188,9 @@ i.icon.trademark:before {
 i.icon.traffic.light:before {
   content: "\f637";
 }
+i.icon.trailer:before {
+  content: "\f941";
+}
 i.icon.train:before {
   content: "\f238";
 }
@@ -5386,6 +5398,10 @@ i.icon.firefox:before {
   content: "\f269";
   font-family: 'brand-icons';
 }
+i.icon.firefox.browser:before {
+  content: "\f907";
+  font-family: 'brand-icons';
+}
 i.icon.first.order:before {
   content: "\f2b0";
   font-family: 'brand-icons';
@@ -5626,6 +5642,10 @@ i.icon.hubspot:before {
   content: "\f3b2";
   font-family: 'brand-icons';
 }
+i.icon.ideal:before {
+  content: "\f913";
+  font-family: 'brand-icons';
+}
 i.icon.imdb:before {
   content: "\f2d8";
   font-family: 'brand-icons';
@@ -5822,6 +5842,10 @@ i.icon.mendeley:before {
   content: "\f7b3";
   font-family: 'brand-icons';
 }
+i.icon.microblog:before {
+  content: "\f91a";
+  font-family: 'brand-icons';
+}
 i.icon.microsoft:before {
   content: "\f3ca";
   font-family: 'brand-icons';
@@ -5974,6 +5998,10 @@ i.icon.pied.piper.pp:before {
   content: "\f1a7";
   font-family: 'brand-icons';
 }
+i.icon.pied.piper.square:before {
+  content: "\f91e";
+  font-family: 'brand-icons';
+}
 i.icon.pinterest:before {
   content: "\f0d2";
   font-family: 'brand-icons';
@@ -6370,6 +6398,10 @@ i.icon.uniregistry:before {
   content: "\f404";
   font-family: 'brand-icons';
 }
+i.icon.unity:before {
+  content: "\f949";
+  font-family: 'brand-icons';
+}
 i.icon.untappd:before {
   content: "\f405";
   font-family: 'brand-icons';

data/app/assets/stylesheets/semantic-ui/elements/_input.scss

@@ -496,93 +496,93 @@
 .ui.form > .field.error > .ui.labeled.input:not([class*="corner labeled"]) > .ui.label,
 .ui.action.input.error > .ui.button,
 .ui.labeled.input.error:not([class*="corner labeled"]) > .ui.label {
-  border-top: 1px solid #9F3A38;
-  border-bottom: 1px solid #9F3A38;
+  border-top: 1px solid #E0B4B4;
+  border-bottom: 1px solid #E0B4B4;
 }
 .ui.form > .field.error > .ui.left.action.input > .ui.button,
 .ui.form > .field.error > .ui.labeled.input:not(.right):not([class*="corner labeled"]) > .ui.label,
 .ui.left.action.input.error > .ui.button,
 .ui.labeled.input.error:not(.right):not([class*="corner labeled"]) > .ui.label {
-  border-left: 1px solid #9F3A38;
+  border-left: 1px solid #E0B4B4;
 }
 .ui.form > .field.error > .ui.action.input:not(.left) > input + .ui.button,
 .ui.form > .field.error > .ui.right.labeled.input:not([class*="corner labeled"]) > input + .ui.label,
 .ui.action.input.error:not(.left) > input + .ui.button,
 .ui.right.labeled.input.error:not([class*="corner labeled"]) > input + .ui.label {
-  border-right: 1px solid #9F3A38;
+  border-right: 1px solid #E0B4B4;
 }
 .ui.form > .field.error > .ui.right.labeled.input:not([class*="corner labeled"]) > .ui.label:first-child,
 .ui.right.labeled.input.error:not([class*="corner labeled"]) > .ui.label:first-child {
-  border-left: 1px solid #9F3A38;
+  border-left: 1px solid #E0B4B4;
 }
 .ui.form > .field.info > .ui.action.input > .ui.button,
 .ui.form > .field.info > .ui.labeled.input:not([class*="corner labeled"]) > .ui.label,
 .ui.action.input.info > .ui.button,
 .ui.labeled.input.info:not([class*="corner labeled"]) > .ui.label {
-  border-top: 1px solid #276F86;
-  border-bottom: 1px solid #276F86;
+  border-top: 1px solid #A9D5DE;
+  border-bottom: 1px solid #A9D5DE;
 }
 .ui.form > .field.info > .ui.left.action.input > .ui.button,
 .ui.form > .field.info > .ui.labeled.input:not(.right):not([class*="corner labeled"]) > .ui.label,
 .ui.left.action.input.info > .ui.button,
 .ui.labeled.input.info:not(.right):not([class*="corner labeled"]) > .ui.label {
-  border-left: 1px solid #276F86;
+  border-left: 1px solid #A9D5DE;
 }
 .ui.form > .field.info > .ui.action.input:not(.left) > input + .ui.button,
 .ui.form > .field.info > .ui.right.labeled.input:not([class*="corner labeled"]) > input + .ui.label,
 .ui.action.input.info:not(.left) > input + .ui.button,
 .ui.right.labeled.input.info:not([class*="corner labeled"]) > input + .ui.label {
-  border-right: 1px solid #276F86;
+  border-right: 1px solid #A9D5DE;
 }
 .ui.form > .field.info > .ui.right.labeled.input:not([class*="corner labeled"]) > .ui.label:first-child,
 .ui.right.labeled.input.info:not([class*="corner labeled"]) > .ui.label:first-child {
-  border-left: 1px solid #276F86;
+  border-left: 1px solid #A9D5DE;
 }
 .ui.form > .field.success > .ui.action.input > .ui.button,
 .ui.form > .field.success > .ui.labeled.input:not([class*="corner labeled"]) > .ui.label,
 .ui.action.input.success > .ui.button,
 .ui.labeled.input.success:not([class*="corner labeled"]) > .ui.label {
-  border-top: 1px solid #2C662D;
-  border-bottom: 1px solid #2C662D;
+  border-top: 1px solid #A3C293;
+  border-bottom: 1px solid #A3C293;
 }
 .ui.form > .field.success > .ui.left.action.input > .ui.button,
 .ui.form > .field.success > .ui.labeled.input:not(.right):not([class*="corner labeled"]) > .ui.label,
 .ui.left.action.input.success > .ui.button,
 .ui.labeled.input.success:not(.right):not([class*="corner labeled"]) > .ui.label {
-  border-left: 1px solid #2C662D;
+  border-left: 1px solid #A3C293;
 }
 .ui.form > .field.success > .ui.action.input:not(.left) > input + .ui.button,
 .ui.form > .field.success > .ui.right.labeled.input:not([class*="corner labeled"]) > input + .ui.label,
 .ui.action.input.success:not(.left) > input + .ui.button,
 .ui.right.labeled.input.success:not([class*="corner labeled"]) > input + .ui.label {
-  border-right: 1px solid #2C662D;
+  border-right: 1px solid #A3C293;
 }
 .ui.form > .field.success > .ui.right.labeled.input:not([class*="corner labeled"]) > .ui.label:first-child,
 .ui.right.labeled.input.success:not([class*="corner labeled"]) > .ui.label:first-child {
-  border-left: 1px solid #2C662D;
+  border-left: 1px solid #A3C293;
 }
 .ui.form > .field.warning > .ui.action.input > .ui.button,
 .ui.form > .field.warning > .ui.labeled.input:not([class*="corner labeled"]) > .ui.label,
 .ui.action.input.warning > .ui.button,
 .ui.labeled.input.warning:not([class*="corner labeled"]) > .ui.label {
-  border-top: 1px solid #573A08;
-  border-bottom: 1px solid #573A08;
+  border-top: 1px solid #C9BA9B;
+  border-bottom: 1px solid #C9BA9B;
 }
 .ui.form > .field.warning > .ui.left.action.input > .ui.button,
 .ui.form > .field.warning > .ui.labeled.input:not(.right):not([class*="corner labeled"]) > .ui.label,
 .ui.left.action.input.warning > .ui.button,
 .ui.labeled.input.warning:not(.right):not([class*="corner labeled"]) > .ui.label {
-  border-left: 1px solid #573A08;
+  border-left: 1px solid #C9BA9B;
 }
 .ui.form > .field.warning > .ui.action.input:not(.left) > input + .ui.button,
 .ui.form > .field.warning > .ui.right.labeled.input:not([class*="corner labeled"]) > input + .ui.label,
 .ui.action.input.warning:not(.left) > input + .ui.button,
 .ui.right.labeled.input.warning:not([class*="corner labeled"]) > input + .ui.label {
-  border-right: 1px solid #573A08;
+  border-right: 1px solid #C9BA9B;
 }
 .ui.form > .field.warning > .ui.right.labeled.input:not([class*="corner labeled"]) > .ui.label:first-child,
 .ui.right.labeled.input.warning:not([class*="corner labeled"]) > .ui.label:first-child {
-  border-left: 1px solid #573A08;
+  border-left: 1px solid #C9BA9B;
 }
 
 /*--------------------

data/app/assets/stylesheets/semantic-ui/modules/_dimmer.scss

@@ -64,7 +64,7 @@
 
 /* Loose Coupling */
 .ui.segment > .ui.dimmer:not(.page) {
-  border-radius: inherit !important;
+  border-radius: inherit;
 }
 
 /* Scrollbars */
@@ -287,16 +287,16 @@ body.dimmable > .dimmer {
   transform: translateY(-50%);
   -webkit-transform: translateY(calc(-50% - 0.5px));
 }
-.ui.segment > .ui[class*="top dimmer"] {
-  border-bottom-left-radius: 0 !important;
-  border-bottom-right-radius: 0 !important;
+.ui.segment > .ui.ui[class*="top dimmer"] {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
 }
-.ui.segment > .ui[class*="center dimmer"] {
-  border-radius: 0 !important;
+.ui.segment > .ui.ui[class*="center dimmer"] {
+  border-radius: 0;
 }
-.ui.segment > .ui[class*="bottom dimmer"] {
-  border-top-left-radius: 0 !important;
-  border-top-right-radius: 0 !important;
+.ui.segment > .ui.ui[class*="bottom dimmer"] {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
 }
 .ui[class*="center dimmer"].transition[class*="fade up"].in {
   -webkit-animation-name: fadeInUpCenter;

data/app/assets/stylesheets/semantic-ui/modules/_dropdown.scss

@@ -116,6 +116,7 @@
   display: block;
   border: none;
   height: auto;
+  min-height: 2.57142857rem;
   text-align: left;
   border-top: none;
   line-height: 1em;

data/app/assets/stylesheets/semantic-ui/modules/_modal.scss

@@ -463,9 +463,11 @@
   top: 0;
   border-radius: 0;
 }
+.ui.modal > .close.inside + .header,
 .ui.fullscreen.modal > .header {
   padding-right: 2.25rem;
 }
+.ui.modal > .close.inside,
 .ui.fullscreen.modal > .close {
   top: 1.0535rem;
   right: 1rem;
@@ -740,6 +742,7 @@
     color: #FFFFFF;
   }
 }
+.ui.inverted.modal > .close.inside,
 .ui.inverted.fullscreen.modal > .close {
   color: #FFFFFF;
 }

data/app/assets/stylesheets/semantic-ui/modules/_popup.scss

@@ -137,32 +137,31 @@
 [data-tooltip]:after {
   pointer-events: none;
   visibility: hidden;
+  opacity: 0;
+  -webkit-transition: opacity 0.1s ease, -webkit-transform 0.1s ease;
+  transition: opacity 0.1s ease, -webkit-transform 0.1s ease;
+  transition: transform 0.1s ease, opacity 0.1s ease;
+  transition: transform 0.1s ease, opacity 0.1s ease, -webkit-transform 0.1s ease;
 }
 [data-tooltip]:before {
-  opacity: 0;
   -webkit-transform: rotate(45deg) scale(0) !important;
           transform: rotate(45deg) scale(0) !important;
   -webkit-transform-origin: center top;
           transform-origin: center top;
-  -webkit-transition: all 0.1s ease;
-  transition: all 0.1s ease;
 }
 [data-tooltip]:after {
-  opacity: 1;
   -webkit-transform-origin: center bottom;
           transform-origin: center bottom;
-  -webkit-transition: all 0.1s ease;
-  transition: all 0.1s ease;
 }
 [data-tooltip]:hover:before,
 [data-tooltip]:hover:after {
   visibility: visible;
   pointer-events: auto;
+  opacity: 1;
 }
 [data-tooltip]:hover:before {
   -webkit-transform: rotate(45deg) scale(1) !important;
           transform: rotate(45deg) scale(1) !important;
-  opacity: 1;
 }
 
 /* Animation Position */
@@ -201,6 +200,21 @@
   -webkit-transform: scale(1) !important;
           transform: scale(1) !important;
 }
+[data-tooltip][data-variation~="fixed"]:after {
+  white-space: normal;
+  width: 250px;
+}
+[data-tooltip][data-variation*="wide fixed"]:after {
+  width: 350px;
+}
+[data-tooltip][data-variation*="very wide fixed"]:after {
+  width: 550px;
+}
+@media only screen and (max-width: 767.98px) {
+  [data-tooltip][data-variation~="fixed"]:after {
+    width: 250px;
+  }
+}
 
 /*--------------
         Inverted
@@ -660,6 +674,9 @@
 .ui.basic.popup:before {
   display: none;
 }
+.ui.fixed.popup {
+  width: 250px;
+}
 
 /*--------------
        Wide
@@ -668,14 +685,24 @@
 .ui.wide.popup {
   max-width: 350px;
 }
+.ui.wide.popup.fixed {
+  width: 350px;
+}
 .ui[class*="very wide"].popup {
   max-width: 550px;
 }
+.ui[class*="very wide"].popup.fixed {
+  width: 550px;
+}
 @media only screen and (max-width: 767.98px) {
   .ui.wide.popup,
   .ui[class*="very wide"].popup {
     max-width: 250px;
   }
+  .ui.wide.popup.fixed,
+  .ui[class*="very wide"].popup.fixed {
+    width: 250px;
+  }
 }
 
 /*--------------