@atlassian/aui 9.12.6 → 9.13.0-50607a7cb

package/src/js/aui-css-deprecations.js

@@ -2,55 +2,56 @@ import { css } from './aui/internal/deprecation';
 import deprecatedAdg2Icons from './aui/internal/deprecation/deprecated-adg2-icons';
 
 css('.aui-message span.aui-icon', {
-    displayName: 'Message icon span'
+    displayName: 'Message icon span',
 });
 css('.aui-tabs.vertical-tabs', {
-    displayName: 'Vertical tabs'
+    displayName: 'Vertical tabs',
 });
 css('form.aui span.content');
-css([
-    'form.aui .button',
-    'form.aui .buttons-container'
-], {
+css(['form.aui .button', 'form.aui .buttons-container'], {
     displayName: 'Unprefixed buttons',
     alternativeName: 'aui-button and aui-buttons',
     removeInVersion: '10.0.0',
 });
-css([
-    'form.aui .icon-date',
-    'form.aui .icon-range',
-    'form.aui .icon-help',
-    'form.aui .icon-required',
-    'form.aui .icon-inline-help',
-    'form.aui .icon-users',
-    '.aui-icon-date',
-    '.aui-icon-range',
-    '.aui-icon-help',
-    '.aui-icon-required',
-    '.aui-icon-users',
-    '.aui-icon-inline-help'
-], {
-    displayName: 'Form icons'
-});
-css([
-    '.aui-dropdown2 .active',
-    '.aui-dropdown2 .checked',
-    '.aui-dropdown2 .disabled',
-    '.aui-dropdown2 .interactive'
-], {
-    displayName: 'Unprefixed dropdown2 css AUI-2150',
-    removeInVersion: '10.0.0'
-});
-
-
+css(
+    [
+        'form.aui .icon-date',
+        'form.aui .icon-range',
+        'form.aui .icon-help',
+        'form.aui .icon-required',
+        'form.aui .icon-inline-help',
+        'form.aui .icon-users',
+        '.aui-icon-date',
+        '.aui-icon-range',
+        '.aui-icon-help',
+        '.aui-icon-required',
+        '.aui-icon-users',
+        '.aui-icon-inline-help',
+    ],
+    {
+        displayName: 'Form icons',
+    }
+);
+css(
+    [
+        '.aui-dropdown2 .active',
+        '.aui-dropdown2 .checked',
+        '.aui-dropdown2 .disabled',
+        '.aui-dropdown2 .interactive',
+    ],
+    {
+        displayName: 'Unprefixed dropdown2 css AUI-2150',
+        removeInVersion: '10.0.0',
+    }
+);
 
 // 5.9.0
 // -----
 
 var fiveNineZero = {
     // Inline Dialog
-    'arrow': 'aui-inline-dialog-arrow',
-    'contents': 'aui-inline-dialog-contents',
+    arrow: 'aui-inline-dialog-arrow',
+    contents: 'aui-inline-dialog-contents',
 };
 var name;
 
@@ -59,7 +60,7 @@ for (name in fiveNineZero) {
         css(name, {
             alternativeName: fiveNineZero[name],
             removeVersion: '10.0.0',
-            sinceVersion: '5.9.0'
+            sinceVersion: '5.9.0',
         });
     }
 }
@@ -72,39 +73,38 @@ css('.aui-badge', {
     alternativeName: 'aui-badge',
     sinceVersion: '7.1.0',
     removeInVersion: '10.0.0',
-    extraInfo: 'The badge pattern is best used as a web component instead of a CSS class'
+    extraInfo: 'The badge pattern is best used as a web component instead of a CSS class',
 });
 
 // 7.5.0
 // -----
 
-css([
-    '.aui-iconfont-image-extrasmall',
-], {
+css(['.aui-iconfont-image-extrasmall'], {
     displayName: 'Special size icon names',
     sinceVersion: '7.5.0',
     removeInVersion: '10.0.0',
-    extraInfo: 'The only size variant allowed for icon names is `-small`.'
+    extraInfo: 'The only size variant allowed for icon names is `-small`.',
 });
 
 // New ADGS names for the old ADG2 icon
-deprecatedAdg2Icons.forEach(({ newName, oldName }) => (
+deprecatedAdg2Icons.forEach(({ newName, oldName }) =>
     css(`.aui-iconfont-${oldName}`, {
         displayName: 'ADG2 icon',
         alternativeName: `.aui-iconfont-${newName}`,
         sinceVersion: '7.5.0',
         removeVersion: '10.0.0',
-        extraInfo: 'Use the new ADGS icon CSS class name'
+        extraInfo: 'Use the new ADGS icon CSS class name',
     })
-));
+);
 
 // 7.8.0
 css('.aui-table-interactive', {
     alternativeName: '.aui-table-list',
     sinceVersion: '7.8.0',
     removeInVersion: '10.0.0',
-    extraInfo: 'The "interactive" suffix caused some confusion when contrasted with sortable tables.' +
-    'The name has been updated to reflect its intended purpose: displaying lists of data in a tabular format.'
+    extraInfo:
+        'The "interactive" suffix caused some confusion when contrasted with sortable tables.' +
+        'The name has been updated to reflect its intended purpose: displaying lists of data in a tabular format.',
 });
 
 // 7.9.4
@@ -113,7 +113,7 @@ css('aui-spinner[filled]', {
     removeInVersion: '10.0.0',
     extraInfo: `Add CSS to the parent element of the <aui-spinner>.
 Use CSS flexbox or grid to vertically align it.
-See https://css-tricks.com/centering-css-complete-guide/ for techniques.`
+See https://css-tricks.com/centering-css-complete-guide/ for techniques.`,
 });
 
 // 8.4.0
@@ -121,7 +121,7 @@ See https://css-tricks.com/centering-css-complete-guide/ for techniques.`
 css('.aui-button-light', {
     sinceVersion: '8.4.0',
     removeInVersion: '10.0.0',
-    extraInfo: 'ADGS allows only for normal and subtle buttons.'
+    extraInfo: 'ADGS allows only for normal and subtle buttons.',
 });
 
 // 9.3.5
@@ -129,13 +129,14 @@ css('.aui-button-light', {
 css('.aui-dropdown2-tailed', {
     sinceVersion: '9.3.5',
     removeInVersion: '10.0.0',
-    extraInfo: 'ADGS does not include tails on layered components'
-})
+    extraInfo: 'ADGS does not include tails on layered components',
+});
 
 // 9.7.0
 css('form.aui .multi-select', {
     sinceVersion: '9.7.0',
     displayName: 'Multi-select',
     removeInVersion: '11.0.0',
-    extraInfo: 'Default browser behavior for selecing items is non-intuitive and non-accessible. Use Select2 instead.'
+    extraInfo:
+        'Default browser behavior for selecing items is non-intuitive and non-accessible. Use Select2 instead.',
 });

package/src/js/jquery/jquery.moveto.js

@@ -28,7 +28,7 @@
 jQuery.fn.moveTo = function (options) {
     var defaults = {
         transition: false,
-        scrollOffset: 35
+        scrollOffset: 35,
     };
 
     var opts = jQuery.extend(defaults, options);
@@ -36,13 +36,15 @@ jQuery.fn.moveTo = function (options) {
     var topOffset = instance.offset().top;
     var scrollTarget;
 
-    if ((jQuery(window).scrollTop() + jQuery(window).height() - this.outerHeight() < topOffset ||
+    if (
+        (jQuery(window).scrollTop() + jQuery(window).height() - this.outerHeight() < topOffset ||
             jQuery(window).scrollTop() + opts.scrollOffset > topOffset) &&
-            jQuery(window).height() > opts.scrollOffset) {
-
+        jQuery(window).height() > opts.scrollOffset
+    ) {
         if (jQuery(window).scrollTop() + opts.scrollOffset > topOffset) {
             //move up
-            scrollTarget = topOffset - (jQuery(window).height() - this.outerHeight()) + opts.scrollOffset;
+            scrollTarget =
+                topOffset - (jQuery(window).height() - this.outerHeight()) + opts.scrollOffset;
         } else {
             //move down
             scrollTarget = topOffset - opts.scrollOffset;
@@ -51,15 +53,19 @@ jQuery.fn.moveTo = function (options) {
         if (!jQuery.fn.moveTo.animating && opts.transition) {
             jQuery(document).trigger('moveToStarted', this);
             jQuery.fn.moveTo.animating = true;
-            jQuery('html,body').animate({
-                scrollTop: scrollTarget
-            }, 1000, function () {
-                jQuery(document).trigger('moveToFinished', instance);
-                delete jQuery.fn.moveTo.animating;
-            });
+            jQuery('html,body').animate(
+                {
+                    scrollTop: scrollTarget,
+                },
+                1000,
+                function () {
+                    jQuery(document).trigger('moveToFinished', instance);
+                    delete jQuery.fn.moveTo.animating;
+                }
+            );
             return this;
         } else {
-            var jQueryCache =  jQuery('html, body');
+            var jQueryCache = jQuery('html, body');
             if (jQueryCache.is(':animated')) {
                 jQueryCache.stop();
                 delete jQuery.fn.moveTo.animating;

package/src/js-vendor-effective/tablesorter/jquery.tablesorter.js

@@ -91,7 +91,7 @@
 				cssHeaderRow     : '',
 				cssProcessing    : '', // processing icon applied to header during sort/filter
 
-				cssChildRow      : 'tablesorter-childRow', // class name indiciating that a row is to be attached to the its parent
+				cssChildRow      : 'tablesorter-childRow', // class name indiciating that a row is to be attached to the its parent 
 				cssIcon          : 'tablesorter-icon',     //  if this class exists, a <i> will be added to the header automatically
 				cssInfoBlock     : 'tablesorter-infoOnly', // don't sort tbody with this class name (only one class name allowed here!)
 
@@ -474,12 +474,11 @@
 					// add cell to headerList
 					c.headerList[index] = this;
 					// add to parent in case there are multiple rows
-					$t.parent().addClass(ts.css.headerRow + ' ' + c.cssHeaderRow).attr('role', 'row');
+					$t.parent().addClass(ts.css.headerRow + ' ' + c.cssHeaderRow);
 					// allow keyboard cursor to focus on element
 					if (c.tabIndex) { $t.attr("tabindex", 0); }
 				}).attr({
-					scope: 'col',
-					role : 'columnheader'
+					scope: 'col'
 				});
 				// enable/disable sorting
 				updateHeader(table);
@@ -901,7 +900,7 @@
 						updateHeader(table);
 						commonUpdate(table, resort, callback);
 					} else {
-						$row = $($row).attr('role', 'row'); // make sure we're using a jQuery object
+						$row = $($row); // make sure we're using a jQuery object
 						var i, j, l, t, v, rowData, cells,
 						rows = $row.filter('tr').length,
 						tbdy = $table.find('tbody').index( $row.parents('tbody').filter(':first') );
@@ -1085,8 +1084,7 @@
 				}
 				c.table = table;
 				c.$table = $table
-					.addClass(ts.css.table + ' ' + c.tableClass + k)
-					.attr('role', 'grid');
+					.addClass(ts.css.table + ' ' + c.tableClass + k);
 				c.$headers = $table.find(c.selectorHeaders);
 
 				// give the table a unique id, which will be used in namespace binding
@@ -1097,7 +1095,7 @@
 					c.namespace = '.' + c.namespace.replace(/\W/g,'');
 				}
 
-				c.$table.children().children('tr').attr('role', 'row');
+				c.$table.children().children('tr');
 				c.$tbodies = $table.children('tbody:not(.' + c.cssInfoBlock + ')').attr({
 					'aria-live' : 'polite',
 					'aria-relevant' : 'all'

package/src/less/adg-fancy-file-input.less

@@ -32,7 +32,6 @@
     @aui-ffi-button-border-color-disabled: @aui-ffi-button-border-color;
     @aui-ffi-button-text-color-disabled: @aui-button-default-disabled-text-color;
 
-
     border-radius: @aui-ffi-field-border-radius;
     box-shadow: none;
     color: @aui-ffi-field-text-color;
@@ -76,7 +75,7 @@
     }
 
     /* The actual input - made opaque but styled so the cursor positions well */
-    input[type="file"] {
+    input[type='file'] {
         padding: 0 @aui-ffi-field-horizontal-padding;
     }
 
@@ -103,7 +102,7 @@
             background-color: @aui-ffi-button-bg-color-active;
             background-image: none;
             color: @aui-ffi-button-text-color-active;
-            text-decoration:none;
+            text-decoration: none;
             text-shadow: none;
         }
     }

package/src/less/adg-header-quicksearch.less

@@ -50,7 +50,10 @@
         box-shadow: none;
         box-sizing: border-box;
         color: @text-color;
-        height: unit((32 / @aui-font-size-medium), em); // 32px effective - need height in ems so that user-specified font-sizes apply
+        height: unit(
+            (32 / @aui-font-size-medium),
+            em
+        ); // 32px effective - need height in ems so that user-specified font-sizes apply
         font-family: inherit;
         font-size: @aui-font-size-medium;
         padding: 0 @padding-left-right 0 @icon-gutter;
@@ -62,7 +65,7 @@
         }
 
         &:hover {
-        background-color: @hover-bg-color;
+            background-color: @hover-bg-color;
         }
     }