fomantic-ui 2.10.0-beta.3 → 2.10.0-beta.4

package/src/definitions/modules/flyout.js

@@ -460,28 +460,6 @@
                                 + ' }';
                         }
 
-                        /* IE is only browser not to create context with transforms */
-                        /* https://www.w3.org/Bugs/Public/show_bug.cgi?id=16328 */
-                        if (module.is.ie()) {
-                            if (direction === 'left' || direction === 'right') {
-                                module.debug('Adding CSS rules for animation distance', width);
-                                style += ''
-                                    + ' body.pushable > .ui.visible.' + direction + '.flyout ~ .pusher::after {'
-                                    + '           transform: translate3d(' + distance[direction] + 'px, 0, 0);'
-                                    + ' }';
-                            } else if (direction === 'top' || direction === 'bottom') {
-                                style += ''
-                                    + ' body.pushable > .ui.visible.' + direction + '.flyout ~ .pusher::after {'
-                                    + '           transform: translate3d(0, ' + distance[direction] + 'px, 0);'
-                                    + ' }';
-                            }
-                            /* opposite sides visible forces content overlay */
-                            style += ''
-                                + ' body.pushable > .ui.visible.left.flyout ~ .ui.visible.right.flyout ~ .pusher::after,'
-                                + ' body.pushable > .ui.visible.right.flyout ~ .ui.visible.left.flyout ~ .pusher::after {'
-                                + '           transform: translate3d(0, 0, 0);'
-                                + ' }';
-                        }
                         style += '</style>';
                         $style = $(style)
                             .appendTo($head)
@@ -994,7 +972,7 @@
                 can: {
                     leftBodyScrollbar: function () {
                         if (module.cache.leftBodyScrollbar === undefined) {
-                            module.cache.leftBodyScrollbar = module.is.rtl() && ((module.is.iframe && !module.is.firefox()) || module.is.safari() || module.is.edge() || module.is.ie());
+                            module.cache.leftBodyScrollbar = module.is.rtl() && ((module.is.iframe && !module.is.firefox()) || module.is.safari());
                         }
 
                         return module.cache.leftBodyScrollbar;
@@ -1029,13 +1007,6 @@
 
                         return module.cache.isSafari;
                     },
-                    edge: function () {
-                        if (module.cache.isEdge === undefined) {
-                            module.cache.isEdge = !!window.setImmediate && !module.is.ie();
-                        }
-
-                        return module.cache.isEdge;
-                    },
                     firefox: function () {
                         if (module.cache.isFirefox === undefined) {
                             module.cache.isFirefox = !!window.InstallTrigger;
@@ -1046,17 +1017,6 @@
                     iframe: function () {
                         return !(self === top);
                     },
-                    ie: function () {
-                        if (module.cache.isIE === undefined) {
-                            var
-                                isIE11 = !window.ActiveXObject && 'ActiveXObject' in window,
-                                isIE = 'ActiveXObject' in window
-                            ;
-                            module.cache.isIE = isIE11 || isIE;
-                        }
-
-                        return module.cache.isIE;
-                    },
                     mobile: function () {
                         var
                             userAgent    = navigator.userAgent,
@@ -1366,7 +1326,7 @@
         classActions: '',
         closeIcon: false,
         actions: false,
-        preserveHTML: true,
+        preserveHTML: false,
 
         fields: {
             class: 'class',

package/src/definitions/modules/modal.js

@@ -960,18 +960,16 @@
                 can: {
                     leftBodyScrollbar: function () {
                         if (module.cache.leftBodyScrollbar === undefined) {
-                            module.cache.leftBodyScrollbar = module.is.rtl() && ((module.is.iframe && !module.is.firefox()) || module.is.safari() || module.is.edge() || module.is.ie());
+                            module.cache.leftBodyScrollbar = module.is.rtl() && ((module.is.iframe && !module.is.firefox()) || module.is.safari());
                         }
 
                         return module.cache.leftBodyScrollbar;
                     },
                     useFlex: function () {
                         if (settings.useFlex === 'auto') {
-                            return settings.detachable && !module.is.ie();
+                            return settings.detachable;
                         }
-                        if (settings.useFlex && module.is.ie()) {
-                            module.debug('useFlex true is not supported in IE');
-                        } else if (settings.useFlex && !settings.detachable) {
+                        if (settings.useFlex && !settings.detachable) {
                             module.debug('useFlex true in combination with detachable false is not supported');
                         }
 
@@ -1005,27 +1003,12 @@
                     active: function () {
                         return $module.hasClass(className.active);
                     },
-                    ie: function () {
-                        if (module.cache.isIE === undefined) {
-                            var
-                                isIE11 = !window.ActiveXObject && 'ActiveXObject' in window,
-                                isIE = 'ActiveXObject' in window
-                            ;
-                            module.cache.isIE = isIE11 || isIE;
-                        }
-
-                        return module.cache.isIE;
-                    },
                     animating: function () {
                         return $module.transition('is animating');
                     },
                     scrolling: function () {
                         return $dimmable.hasClass(className.scrolling);
                     },
-                    modernBrowser: function () {
-                        // appName for IE11 reports 'Netscape' can no longer use
-                        return !(window.ActiveXObject || 'ActiveXObject' in window);
-                    },
                     rtl: function () {
                         if (module.cache.isRTL === undefined) {
                             module.cache.isRTL = $module.attr('dir') === 'rtl' || $module.css('direction') === 'rtl' || $body.attr('dir') === 'rtl' || $body.css('direction') === 'rtl' || $context.attr('dir') === 'rtl' || $context.css('direction') === 'rtl';
@@ -1040,13 +1023,6 @@
 
                         return module.cache.isSafari;
                     },
-                    edge: function () {
-                        if (module.cache.isEdge === undefined) {
-                            module.cache.isEdge = !!window.setImmediate && !module.is.ie();
-                        }
-
-                        return module.cache.isEdge;
-                    },
                     firefox: function () {
                         if (module.cache.isFirefox === undefined) {
                             module.cache.isFirefox = !!window.InstallTrigger;
@@ -1443,7 +1419,7 @@
         classActions: '',
         closeIcon: false,
         actions: false,
-        preserveHTML: true,
+        preserveHTML: false,
 
         fields: {
             class: 'class',

package/src/definitions/modules/modal.less

@@ -477,7 +477,7 @@
         top: @scrollingTop;
     }
 
-    /* Fix for Firefox, Edge, IE11 */
+    /* Fix for Firefox, Edge */
     .modals.dimmer .ui.scrolling.modal:not([class*="overlay fullscreen"])::after {
         content: "\00A0";
         position: absolute;

package/src/definitions/modules/search.js

@@ -1395,7 +1395,7 @@
         showNoResults: true,
 
         // preserve possible html of resultset values
-        preserveHTML: true,
+        preserveHTML: false,
 
         // transition settings
         transition: 'scale',

package/src/definitions/modules/search.less

@@ -309,9 +309,6 @@
     .ui.search.loading > .icon.input > .remove.icon {
         display: none;
     }
-    .ui.search > .icon.input > input:-ms-input-placeholder ~ .remove.icon when (@supportIE) {
-        display: none;
-    }
 }
 
 & when (@variationSearchCategory) {

package/src/definitions/modules/sidebar.js

@@ -252,28 +252,6 @@
                                 + ' }';
                         }
 
-                        /* IE is only browser not to create context with transforms */
-                        /* https://www.w3.org/Bugs/Public/show_bug.cgi?id=16328 */
-                        if (module.is.ie()) {
-                            if (direction === 'left' || direction === 'right') {
-                                module.debug('Adding CSS rules for animation distance', width);
-                                style += ''
-                                    + ' body.pushable > .ui.visible.' + direction + '.sidebar ~ .pusher::after {'
-                                    + '           transform: translate3d(' + distance[direction] + 'px, 0, 0);'
-                                    + ' }';
-                            } else if (direction === 'top' || direction === 'bottom') {
-                                style += ''
-                                    + ' body.pushable > .ui.visible.' + direction + '.sidebar ~ .pusher::after {'
-                                    + '           transform: translate3d(0, ' + distance[direction] + 'px, 0);'
-                                    + ' }';
-                            }
-                            /* opposite sides visible forces content overlay */
-                            style += ''
-                                + ' body.pushable > .ui.visible.left.sidebar ~ .ui.visible.right.sidebar ~ .pusher::after,'
-                                + ' body.pushable > .ui.visible.right.sidebar ~ .ui.visible.left.sidebar ~ .pusher::after {'
-                                + '           transform: translate3d(0, 0, 0);'
-                                + ' }';
-                        }
                         style += '</style>';
                         $style = $(style)
                             .appendTo($head)
@@ -355,7 +333,7 @@
                 can: {
                     leftBodyScrollbar: function () {
                         if (module.cache.leftBodyScrollbar === undefined) {
-                            module.cache.leftBodyScrollbar = module.is.rtl() && ((module.is.iframe && !module.is.firefox()) || module.is.safari() || module.is.edge() || module.is.ie());
+                            module.cache.leftBodyScrollbar = module.is.rtl() && ((module.is.iframe && !module.is.firefox()) || module.is.safari());
                         }
 
                         return module.cache.leftBodyScrollbar;
@@ -730,13 +708,6 @@
 
                         return module.cache.isSafari;
                     },
-                    edge: function () {
-                        if (module.cache.isEdge === undefined) {
-                            module.cache.isEdge = !!window.setImmediate && !module.is.ie();
-                        }
-
-                        return module.cache.isEdge;
-                    },
                     firefox: function () {
                         if (module.cache.isFirefox === undefined) {
                             module.cache.isFirefox = !!window.InstallTrigger;
@@ -747,18 +718,6 @@
                     iframe: function () {
                         return !(self === top);
                     },
-                    ie: function () {
-                        if (module.cache.isIE === undefined) {
-                            var
-                                isIE11 = !window.ActiveXObject && 'ActiveXObject' in window,
-                                isIE = 'ActiveXObject' in window
-                            ;
-                            module.cache.isIE = isIE11 || isIE;
-                        }
-
-                        return module.cache.isIE;
-                    },
-
                     mobile: function () {
                         var
                             userAgent    = navigator.userAgent,

package/src/definitions/modules/toast.js

@@ -840,7 +840,7 @@
         closeOnClick: true,
         cloneModule: true,
         actions: false,
-        preserveHTML: true,
+        preserveHTML: false,
         showImage: false,
         alt: false,
 

package/src/definitions/modules/toast.less

@@ -561,7 +561,7 @@
         }
         & > .ui.image when (@variationToastImage) {
             align-self: flex-start;
-            flex-shrink: 0; /* IE11 fix */
+            flex-shrink: 0;
         }
         & when (@variationToastImage) or (@variationToastIcon) {
             & > .centered.image,

package/src/definitions/modules/transition.js

@@ -719,7 +719,7 @@
                     if (module.is.animating()) {
                         module.reset();
                     }
-                    element.blur(); // IE will trigger focus change if element is not blurred before hiding
+                    element.blur();
                     module.remove.display();
                     module.remove.visible();
                     settings.onBeforeHide.call(element, module.hideNow);

package/src/theme.less

@@ -75,16 +75,3 @@
         });
     }
 }
-
-/* ------------------
-     Overrides
-------------------- */
-
-// Keep empty mixin in case of custom components using it so they dont break
-.loadUIOverrides() {
-    /* loadUIOverrides mixin is deprecated and will be removed in 2.10.0
-       Replace mixin call by
-          @import (multiple, optional) "../../overrides.less";
-       instead
-    */
-}

package/src/themes/basic/elements/icon.variables

@@ -7,7 +7,7 @@
 @fonts: {
     @solid: {
         font-family: @fontName;
-        src: url("@{fontPath}/@{fontName}.woff2") format("woff2") if(@supportIE, e(",") url("@{fontPath}/@{fontName}.woff") format("woff"));
+        src: url("@{fontPath}/@{fontName}.woff2") format("woff2");
         font-style: normal;
         font-weight: @normal;
         font-variant: normal;

package/src/themes/default/collections/grid.variables

@@ -86,33 +86,3 @@
 @veryCompactRowSpacing: (@compactRowSpacing / 2);
 @veryCompactCelledRelaxedPadding: (@compactCelledRelaxedPadding / 2);
 @veryCompactCelledVeryRelaxedPadding: (@compactCelledVeryRelaxedPadding / 2);
-
-/*******************************
-             Legacy
-*******************************/
-
-/* --------------
-     Page
---------------- */
-
-/* Legacy (DO NOT USE)
- */
-@mobileWidth: auto;
-@mobileMargin: 0;
-@mobileGutter: 0;
-
-@tabletWidth: auto;
-@tabletMargin: 0;
-@tabletGutter: 2em;
-
-@computerWidth: auto;
-@computerMargin: 0;
-@computerGutter: 3%;
-
-@largeMonitorWidth: auto;
-@largeMonitorMargin: 0;
-@largeMonitorGutter: 15%;
-
-@widescreenMonitorWidth: auto;
-@widescreenMargin: 0;
-@widescreenMonitorGutter: 23%;

package/src/themes/default/collections/table.variables

@@ -41,7 +41,6 @@
 @headerBorder: 1px solid @internalBorderColor;
 @headerDivider: none;
 @headerBackground: @offWhite;
-@headerBackgroundHex: @offWhite;
 @headerAlign: inherit;
 @headerVerticalAlign: inherit;
 @headerColor: @textColor;
@@ -57,7 +56,6 @@
 @footerBorder: 1px solid @borderColor;
 @footerDivider: none;
 @footerBackground: @offWhite;
-@footerBackgroundHex: @offWhite;
 @footerAlign: inherit;
 @footerVerticalAlign: inherit;
 @footerColor: @textColor;
@@ -219,12 +217,10 @@
 @invertedCellColor: @invertedTextColor;
 
 @invertedHeaderBackground: @veryStrongTransparentBlack;
-@invertedHeaderBackgroundHex: #252525;
 @invertedHeaderColor: @invertedTextColor;
 @invertedHeaderBorderColor: @invertedCellBorderColor;
 
 @invertedFooterBackground: @invertedHeaderBackground;
-@invertedFooterBackgroundHex: @invertedHeaderBackgroundHex;
 @invertedFooterColor: @invertedHeaderColor;
 @invertedFooterBorderColor: @invertedHeaderBorderColor;
 
@@ -274,7 +270,7 @@
 @stuckFooterBackground: @stuckHeaderBackground;
 
 @invertedStuckBackground: @invertedBackground;
-@invertedStuckHeaderBackground: @invertedHeaderBackgroundHex;
+@invertedStuckHeaderBackground: #252525;
 @invertedStuckFooterBackground: @invertedStuckHeaderBackground;
 
 @stuckZIndex: 800;

package/src/themes/default/elements/icon.variables

@@ -45,7 +45,7 @@ Icons are order A-Z in their group, Solid, Outline, Thin (Pro only) and Brand
 @fonts: {
     @solid: {
         font-family: @fontName;
-        src: url("@{fontPath}/@{fontName}.woff2") format("woff2") if(@supportIE, e(",") url("@{fontPath}/@{fontName}.woff") format("woff"));
+        src: url("@{fontPath}/@{fontName}.woff2") format("woff2");
         font-style: normal;
         font-weight: @normal;
         font-display: block;
@@ -55,7 +55,7 @@ Icons are order A-Z in their group, Solid, Outline, Thin (Pro only) and Brand
     };
     @outline: {
         font-family: @outlineFontName;
-        src: url("@{fontPath}/@{outlineFontName}.woff2") format("woff2") if(@supportIE, e(",") url("@{fontPath}/@{outlineFontName}.woff") format("woff"));
+        src: url("@{fontPath}/@{outlineFontName}.woff2") format("woff2");
         font-style: normal;
         font-weight: @normal;
         font-display: block;
@@ -65,7 +65,7 @@ Icons are order A-Z in their group, Solid, Outline, Thin (Pro only) and Brand
     };
     @brand: {
         font-family: @brandFontName;
-        src: url("@{fontPath}/@{brandFontName}.woff2") format("woff2") if(@supportIE, e(",") url("@{fontPath}/@{brandFontName}.woff") format("woff"));
+        src: url("@{fontPath}/@{brandFontName}.woff2") format("woff2");
         font-style: normal;
         font-weight: @normal;
         font-display: block;

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

@@ -3,7 +3,6 @@
 *******************************/
 
 @import "variation.variables";
-@supportIE: true;
 
 /* -------------------
        Fonts
@@ -44,7 +43,7 @@
 @fonts: {
     @regularLatin: {
         font-family: @fontName;
-        src: url("@{fontPath}/@{fontFileNameLatin}-Regular.woff2") format("woff2") if(@supportIE, e(",") url("@{fontPath}/@{fontFileNameLatin}-Regular.woff") format("woff"));
+        src: url("@{fontPath}/@{fontFileNameLatin}-Regular.woff2") format("woff2");
         font-style: normal;
         font-weight: @normal;
         font-display: @fontDisplay;
@@ -53,7 +52,7 @@
     };
     @boldLatin: {
         font-family: @fontName;
-        src: url("@{fontPath}/@{fontFileNameLatin}-Bold.woff2") format("woff2") if(@supportIE, e(",") url("@{fontPath}/@{fontFileNameLatin}-Bold.woff") format("woff"));
+        src: url("@{fontPath}/@{fontFileNameLatin}-Bold.woff2") format("woff2");
         font-style: normal;
         font-weight: @bold;
         font-display: @fontDisplay;
@@ -62,7 +61,7 @@
     };
     @italicLatin: {
         font-family: @fontName;
-        src: url("@{fontPath}/@{fontFileNameLatin}-Italic.woff2") format("woff2") if(@supportIE, e(",") url("@{fontPath}/@{fontFileNameLatin}-Italic.woff") format("woff"));
+        src: url("@{fontPath}/@{fontFileNameLatin}-Italic.woff2") format("woff2");
         font-style: italic;
         font-weight: @normal;
         font-display: @fontDisplay;
@@ -71,7 +70,7 @@
     };
     @boldItalicLatin: {
         font-family: @fontName;
-        src: url("@{fontPath}/@{fontFileNameLatin}-BoldItalic.woff2") format("woff2") if(@supportIE, e(",") url("@{fontPath}/@{fontFileNameLatin}-BoldItalic.woff") format("woff"));
+        src: url("@{fontPath}/@{fontFileNameLatin}-BoldItalic.woff2") format("woff2");
         font-style: italic;
         font-weight: @bold;
         font-display: @fontDisplay;
@@ -80,7 +79,7 @@
     };
     @regularSupplement: {
         font-family: @fontName;
-        src: url("@{fontPath}/@{fontFileNameSupplement}-Regular.woff2") format("woff2") if(@supportIE, e(",") url("@{fontPath}/@{fontFileNameSupplement}-Regular.woff") format("woff"));
+        src: url("@{fontPath}/@{fontFileNameSupplement}-Regular.woff2") format("woff2");
         font-style: normal;
         font-weight: @normal;
         font-display: @fontDisplay;
@@ -89,7 +88,7 @@
     };
     @boldSupplement: {
         font-family: @fontName;
-        src: url("@{fontPath}/@{fontFileNameSupplement}-Bold.woff2") format("woff2") if(@supportIE, e(",") url("@{fontPath}/@{fontFileNameSupplement}-Bold.woff") format("woff"));
+        src: url("@{fontPath}/@{fontFileNameSupplement}-Bold.woff2") format("woff2");
         font-style: normal;
         font-weight: @bold;
         font-display: @fontDisplay;
@@ -98,7 +97,7 @@
     };
     @italicSupplement: {
         font-family: @fontName;
-        src: url("@{fontPath}/@{fontFileNameSupplement}-Italic.woff2") format("woff2") if(@supportIE, e(",") url("@{fontPath}/@{fontFileNameSupplement}-Italic.woff") format("woff"));
+        src: url("@{fontPath}/@{fontFileNameSupplement}-Italic.woff2") format("woff2");
         font-style: italic;
         font-weight: @normal;
         font-display: @fontDisplay;
@@ -107,7 +106,7 @@
     };
     @boldItalicSupplement: {
         font-family: @fontName;
-        src: url("@{fontPath}/@{fontFileNameSupplement}-BoldItalic.woff2") format("woff2") if(@supportIE, e(",") url("@{fontPath}/@{fontFileNameSupplement}-BoldItalic.woff") format("woff"));
+        src: url("@{fontPath}/@{fontFileNameSupplement}-BoldItalic.woff2") format("woff2");
         font-style: italic;
         font-weight: @bold;
         font-display: @fontDisplay;
@@ -276,12 +275,6 @@
 @thumbInvertedInactiveBackground: rgba(255, 255, 255, 0.15);
 @thumbInvertedHoverBackground: rgba(255, 255, 255, 0.35);
 
-/* IE needs hex values */
-@trackBackgroundHex: #e6e6e6;
-@thumbBackgroundHex: #bfbfbf;
-@trackInvertedBackgroundHex: #323232;
-@thumbInvertedBackgroundHex: #656565;
-
 /* Scrolling */
 @scrollingMobileMaxHeight: 15em;
 @scrollingTabletMaxHeight: 18em;

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

@@ -293,7 +293,6 @@
 
 /* Grid */
 @variationGridInverted: true;
-@variationGridPage: true;
 @variationGridCelled: true;
 @variationGridCentered: true;
 @variationGridRelaxed: true;

package/src/themes/github/elements/icon.variables

@@ -3,7 +3,7 @@
 @fonts: {
     @solid: {
         font-family: @fontName;
-        src: url("@{fontPath}/@{fontName}.woff2") format("woff2") if(@supportIE, e(",") url("@{fontPath}/@{fontName}.woff") format("woff"));
+        src: url("@{fontPath}/@{fontName}.woff2") format("woff2");
         font-style: normal;
         font-weight: @normal;
         font-variant: normal;

package/src/themes/material/elements/icon.variables

@@ -2,7 +2,7 @@
 @fonts: {
     @solid: {
         font-family: @fontName;
-        src: url("@{fontPath}/@{fontName}.woff2") format("woff2") if(@supportIE, e(",") url("@{fontPath}/@{fontName}.woff") format("woff"));
+        src: url("@{fontPath}/@{fontName}.woff2") format("woff2");
         font-style: normal;
         font-weight: @normal;
         font-variant: normal;

package/tasks/README.md

@@ -3,7 +3,7 @@
 * Watch - Compile only changed files from source
 * Build - Build all files from source
 * Version - Output version number
-* Install - Run Installer to Set-up Paths
+* Install - Run Installer to Set up Paths
 
 ## How to use
 

package/tasks/admin/components/create.js

@@ -7,7 +7,7 @@
 
   * copy component files from release
   * create commonjs files as index.js for NPM release
-  * create release notes that filter only items related to component
+  * create release notes that filter only items related to the component
   * custom package.json file from template
   * create bower.json from template
   * create README from template
@@ -41,7 +41,6 @@ const
 
 module.exports = function (callback) {
     let
-        stream,
         index,
         tasks = []
     ;
@@ -61,7 +60,6 @@ module.exports = function (callback) {
                 packageName          = release.packageRoot + component,
                 repoName             = release.componentRepoRoot + capitalizedComponent,
                 gitURL               = 'https://github.com/' + release.org + '/' + repoName + '.git',
-                repoURL              = 'https://github.com/' + release.org + '/' + repoName + '/',
                 concatSettings = {
                     newline: '',
                     root: outputDirectory,
@@ -107,17 +105,6 @@ module.exports = function (callback) {
                         jQuery: 'require("jquery")',
                     },
                 },
-                task = {
-                    all: component + ' creating',
-                    repo: component + ' create repo',
-                    bower: component + ' create bower.json',
-                    readme: component + ' create README',
-                    npm: component + ' create NPM Module',
-                    notes: component + ' create release notes',
-                    composer: component + ' create composer.json',
-                    package: component + ' create package.json',
-                    meteor: component + ' create meteor package.js',
-                },
                 // paths to includable assets
                 manifest = {
                     assets: outputDirectory + '/assets/**/' + component + '?(s).*',