fomantic-ui 2.9.0-beta.283 → 2.9.0-beta.286

package/examples/components/button.html

@@ -219,4 +219,4 @@
 </div>
 
 </body>
-</html>
+</html>

package/examples/components/card.html

@@ -310,4 +310,4 @@
 </div>
 
 </body>
-</html>
+</html>

package/examples/components/input.html

@@ -156,4 +156,4 @@
 </div>
 
 </body>
-</html>
+</html>

package/examples/components/menu.html

@@ -206,4 +206,4 @@
 </div>
 
 </body>
-</html>
+</html>

package/examples/components/site.html

@@ -71,4 +71,4 @@
 </div>
 
 </body>
-</html>
+</html>

package/examples/components/table.html

@@ -468,4 +468,4 @@
   </div>
 
 </body>
-</html>
+</html>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fomantic-ui",
-  "version": "2.9.0-beta.283+7dc12f7",
+  "version": "2.9.0-beta.286+d72943e",
   "description": "Fomantic empowers designers and developers by creating a shared vocabulary for UI.",
   "keywords": [
     "fomantic-ui",

package/src/definitions/behaviors/api.js

@@ -1208,7 +1208,7 @@ $.api.settings = {
   regExp  : {
     required : /\{\$*[A-z0-9]+\}/g,
     optional : /\{\/\$*[A-z0-9]+\}/g,
-    validate: /^[a-z_][a-z0-9_-]*(?:\[(?:\d*|[a-z0-9_-]+)\])*$/i,
+    validate: /^[a-z_][a-z0-9_-]*(?:\[[a-z0-9_-]*\])*$/i,
     key:      /[a-z0-9_-]+|(?=\[\])/gi,
     push:     /^$/,
     fixed:    /^\d+$/,

package/src/definitions/elements/emoji.less

@@ -75,4 +75,27 @@ em[data-emoji]::before {
   }
 }
 
+/*rtl:begin:ignore*/
+
+each(@size-map, {
+  em[data-emoji].@{key} {
+    font-size: 1.5em * @value;
+    vertical-align: middle;
+  }
+});
+
+each(@emoji-map,{
+  & when (@variationEmojiColons) {
+    em[data-emoji=":@{value}:"]::before {
+      background-image: url("@{emojiPath}@{key}.@{emojiFileType}");
+    }
+    em[data-emoji="@{value}"]::before:extend(em[data-emoji=":@{value}:"]::before) when (@variationEmojiNoColons) {}
+  }
+  em[data-emoji="@{value}"]::before when (@variationEmojiNoColons) and not (@variationEmojiColons) {
+    background-image: url("@{emojiPath}@{key}.@{emojiFileType}");
+  }
+});
+
+/*rtl:end:ignore*/
+
 .loadUIOverrides();

package/src/definitions/elements/flag.less

@@ -39,4 +39,49 @@ i.flag:not(.icon)::before {
   }
 }
 
+each(@size-map, {
+  i.flag.@{key} {
+    font-size: 1.5em * @value;
+    vertical-align: middle;
+  }
+});
+
+/*rtl:begin:ignore*/
+
+each(@flags, {
+  @unicode: replace(@key,'@','');
+  @cc: replace(@flags[@@unicode][countrycode],'_','.','g');
+  @cls: replace(@flags[@@unicode][class],'_','.','g');
+  @alias: replace(@flags[@@unicode][aliasClass],'_','.','g');
+  @alias2: replace(@flags[@@unicode][aliasClass2],'_','.','g');
+  & when (@cc = @cls) and (@alias = false) and (@alias2 = false){
+    i.flag.@{cc}::before {
+      background-image: url("@{flagPath}@{unicode}.@{flagFileType}");
+    }
+  }
+  & when not (@cc = @cls) and (@alias = false) and (@alias2 = false) {
+    i.flag.@{cc}::before,
+    i.flag.@{cls}::before {
+      background-image: url("@{flagPath}@{unicode}.@{flagFileType}");
+    }
+  }
+  & when not (@alias = false) and (@alias2 = false) {
+    i.flag.@{cc}::before,
+    i.flag.@{cls}::before,
+    i.flag.@{alias}::before {
+      background-image: url("@{flagPath}@{unicode}.@{flagFileType}");
+    }
+  }
+  & when not (@alias2 = false) {
+    i.flag.@{cc}::before,
+    i.flag.@{cls}::before,
+    i.flag.@{alias}::before,
+    i.flag.@{alias2}::before {
+      background-image: url("@{flagPath}@{unicode}.@{flagFileType}");
+    }
+  }
+});
+
+/*rtl:end:ignore*/
+
 .loadUIOverrides();

package/src/definitions/elements/label.less

@@ -73,7 +73,7 @@ a.ui.label {
 }
 
 /* Icon */
-.ui.left.icon.label > .icon,
+.ui.ui[class*="left icon"].label > .icon,
 .ui.label > .icon {
   width: auto;
   margin: 0 @iconDistance 0 0;
@@ -105,9 +105,12 @@ a.ui.label {
 }
 
 /* Backward compatible positioning */
-.ui.label.left.icon > .close.icon,
-.ui.label.left.icon > .delete.icon {
+.ui.label[class*="left icon"] > .close.icon,
+.ui.label[class*="left icon"] > .delete.icon {
   margin: 0 @deleteMargin 0 0;
+  &.right {
+    margin: 0 0 0 @deleteMargin;
+  }
 }
 .ui.label:not(.icon) > .close.icon,
 .ui.label:not(.icon) > .delete.icon {
@@ -120,7 +123,7 @@ a.ui.label {
 }
 
 /* Right Side Icon */
-.ui.right.icon.label > .icon {
+.ui[class*="right icon"].label > .icon {
   margin: 0 0 0 @iconDistance;
 }