fomantic-ui 2.10.0-beta.8 → 2.10.0-beta.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fomantic-ui",
-  "version": "2.10.0-beta.8+62e258f",
+  "version": "2.10.0-beta.9+45ac3fe",
   "description": "Fomantic empowers designers and developers by creating a shared vocabulary for UI.",
   "keywords": [
     "fomantic-ui",

package/src/definitions/modules/dropdown.js

@@ -3578,7 +3578,7 @@
                             '>': '>',
                         };
 
-                        return string.replace(badChars, (chr) => escape[chr]);
+                        return String(string).replace(badChars, (chr) => escape[chr]);
                     },
                 },
 
@@ -3991,7 +3991,7 @@
                 '>': '>',
             };
 
-            return string.replace(badChars, (chr) => escape[chr]);
+            return String(string).replace(badChars, (chr) => escape[chr]);
         },
         // generates dropdown from select values
         dropdown: function (select, settings) {

package/src/definitions/modules/dropdown.less

@@ -616,14 +616,20 @@ select.ui.dropdown {
         .ui.ui.selection.dropdown@{notInverted}:has(> input:focus) {
             border-color: @selectionFocusBorderColor;
             box-shadow: none;
-            & > i.icon {
-                opacity: @selectionIconFocusOpacity;
+        }
+
+        .ui.ui.selection.dropdown {
+            &:focus,
+            &:has(> input:focus) {
+                & > i.icon:not(.remove) {
+                    opacity: @selectionIconFocusOpacity;
+                }
+                & > i.icon.remove:not(:hover) {
+                    opacity: @actionIconFocusOpacity;
+                }
             }
         }
     }
-    .ui.ui.selection.dropdown:focus > i.icon {
-        opacity: @selectionIconFocusOpacity;
-    }
 
     /* Visible */
     .ui.selection.visible.dropdown > .text:not(.default) {

package/src/definitions/modules/embed.js

@@ -621,7 +621,7 @@
                     '>': '>',
                 };
 
-                return string.replace(badChars, (chr) => escape[chr]);
+                return String(string).replace(badChars, (chr) => escape[chr]);
             },
             iframe: function (url, parameters) {
                 let src = url;

package/src/definitions/modules/flyout.js

@@ -1034,7 +1034,7 @@
                             '>': '>',
                         };
 
-                        return string.replace(badChars, (chr) => escape[chr]);
+                        return String(string).replace(badChars, (chr) => escape[chr]);
                     },
                 },
 

package/src/definitions/modules/modal.js

@@ -885,7 +885,7 @@
                             '>': '>',
                         };
 
-                        return string.replace(badChars, (chr) => escape[chr]);
+                        return String(string).replace(badChars, (chr) => escape[chr]);
                     },
                 },
                 can: {

package/src/definitions/modules/popup.js

@@ -1466,7 +1466,7 @@
                     '>': '>',
                 };
 
-                return string.replace(badChars, (chr) => escape[chr]);
+                return String(string).replace(badChars, (chr) => escape[chr]);
             },
             popup: function (text) {
                 let html = '';

package/src/definitions/modules/rating.js

@@ -489,7 +489,7 @@
                     '>': '>',
                 };
 
-                return string.replace(badChars, (chr) => escape[chr]);
+                return String(string).replace(badChars, (chr) => escape[chr]);
             },
             icon: function (maxRating, iconClass) {
                 let icon = 1;

package/src/definitions/modules/search.js

@@ -1397,7 +1397,7 @@
                     '>': '>',
                 };
 
-                string = string.replace(badChars, (chr) => escape[chr]);
+                string = String(string).replace(badChars, (chr) => escape[chr]);
 
                 // FUI controlled HTML is still allowed
                 string = string.replace(/&lt;(\/)*mark&gt;/g, '<$1mark>');

package/src/definitions/modules/toast.js

@@ -590,7 +590,7 @@
                             '>': '>',
                         };
 
-                        return string.replace(badChars, (chr) => escape[chr]);
+                        return String(string).replace(badChars, (chr) => escape[chr]);
                     },
                 },
 

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

@@ -220,6 +220,7 @@
 @selectionVisibleIconOpacity: "";
 
 @selectionIconFocusOpacity: 1;
+@actionIconFocusOpacity: ((@selectionIconFocusOpacity * 68) / 100);
 
 /* --------------
      Search