@atlassian/aui 9.2.16-bbd82a2f8 → 9.2.16

package/src/js/aui/tooltip.js

@@ -3,19 +3,21 @@ import '@atlassian/tipsy/src/javascripts/jquery.tipsy';
 
 const AUI_TOOLTIP_CLASS_NAME = 'aui-tooltip';
 
-function handleStringOption ($self, stringOption) {
+function handleStringOption($self, stringOption) {
     // Pass string values straight to tipsy
     $self.tipsy(stringOption);
     return $self;
 }
 
-function bindTooltip ($self, options) {
+function bindTooltip($self, options) {
     $self.tipsy(options);
 
-    const triggerIsHover = options.trigger === 'hover' || !options.trigger && $self.tipsy.defaults.trigger === 'hover';
+    const triggerIsHover =
+        options.trigger === 'hover' ||
+        (!options.trigger && $self.tipsy.defaults.trigger === 'hover');
     const hideOnClick = options && options.hideOnClick && triggerIsHover;
     if (hideOnClick) {
-        const onClick = function() {
+        const onClick = function () {
             $(this).tipsy('hide');
         };
 
@@ -28,7 +30,7 @@ function bindTooltip ($self, options) {
     return $self;
 }
 
-function getTipsyObject (el) {
+function getTipsyObject(el) {
     return $(el).data('tipsy');
 }
 
@@ -38,7 +40,7 @@ function getTipsyObject (el) {
  * @param el
  * @returns {jQuery}
  */
-function maybeTooltip (el) {
+function maybeTooltip(el) {
     const tipsy = getTipsyObject(el);
     if (tipsy) {
         return tipsy.$tip;
@@ -47,19 +49,24 @@ function maybeTooltip (el) {
     }
 }
 
-function findAllTooltips () {
+function findAllTooltips() {
     return $(document.getElementsByClassName(AUI_TOOLTIP_CLASS_NAME));
 }
 
 $.fn.tooltip = function (options) {
-    const allOptions = $.extend({}, $.fn.tooltip.defaults, typeof options === 'string' ? {} : options);
+    const allOptions = $.extend(
+        {},
+        $.fn.tooltip.defaults,
+        typeof options === 'string' ? {} : options
+    );
 
     // Always add AUI's tooltip class name to tipsies created by AUI.
     const { className } = allOptions;
     if (typeof className === 'string') {
-        allOptions.className = `${AUI_TOOLTIP_CLASS_NAME} ${className}`
+        allOptions.className = `${AUI_TOOLTIP_CLASS_NAME} ${className}`;
     } else if (typeof className === 'function') {
-        allOptions.className = (...args) => `${AUI_TOOLTIP_CLASS_NAME} ${className.apply(undefined, args)}`;
+        allOptions.className = (...args) =>
+            `${AUI_TOOLTIP_CLASS_NAME} ${className.apply(undefined, args)}`;
     } else {
         allOptions.className = AUI_TOOLTIP_CLASS_NAME;
     }
@@ -89,11 +96,8 @@ $.fn.tooltip.defaults = {
     delayIn: 500,
     hoverable: true,
     hideOnClick: true,
-    aria: true
+    aria: true,
 };
 
 export default $;
-export {
-    findAllTooltips,
-    maybeTooltip
-};
+export { findAllTooltips, maybeTooltip };

package/src/js/aui/trigger.js

@@ -3,22 +3,22 @@ import keyCode from './key-code';
 import amdify from './internal/amdify';
 import skate from './internal/skate';
 import state from './internal/state';
-import { warn } from './internal/log'
+import { warn } from './internal/log';
 
-export function getTrigger (element) {
+export function getTrigger(element) {
     return state(element).get('last-trigger') || findControllers(element)[0];
 }
 
-export function setTrigger (element, trigger) {
+export function setTrigger(element, trigger) {
     var validTrigger = trigger && trigger.nodeType && trigger.nodeType === 1;
     return state(element).set('last-trigger', validTrigger ? trigger : false);
 }
 
-export function hasTrigger (element) {
+export function hasTrigger(element) {
     return !!getTrigger(element);
 }
 
-export function doIfTrigger (element, callback) {
+export function doIfTrigger(element, callback) {
     var trigger = getTrigger(element);
 
     if (trigger) {
@@ -26,7 +26,7 @@ export function doIfTrigger (element, callback) {
     }
 }
 
-export function forEachTrigger (element, callback) {
+export function forEachTrigger(element, callback) {
     return Array.prototype.forEach.call(findControllers(element), callback);
 }
 
@@ -41,7 +41,7 @@ function findControllers(element) {
 
     let controllers = [];
     let someFramesAreCrossOrigin = false;
-    for (let i = 0 ; i < frames.length; i++) {
+    for (let i = 0; i < frames.length; i++) {
         try {
             let nodeList = frames[i].document.querySelectorAll(selector);
             controllers = controllers.concat(Array.prototype.slice.apply(nodeList));
@@ -51,15 +51,17 @@ function findControllers(element) {
         }
     }
     const currentDocumentControllers = document.querySelectorAll(selector);
-    const allControllers = Array.prototype.slice.apply(currentDocumentControllers).concat(controllers);
+    const allControllers = Array.prototype.slice
+        .apply(currentDocumentControllers)
+        .concat(controllers);
     if (allControllers.length === 0 && someFramesAreCrossOrigin === true) {
         warn(
             [
                 `No triggers found for element (${element.id}) in iframes from the same origin.`,
                 'However some iframes in this document are cross-origin.',
-                'The trigger-element relations crossing the origin boundary are not supported.'
+                'The trigger-element relations crossing the origin boundary are not supported.',
             ].join(' ')
-        )
+        );
     }
     return allControllers;
 }
@@ -68,7 +70,7 @@ function findControlled(trigger) {
     return document.getElementById(trigger.getAttribute('aria-controls'));
 }
 
-function isEnabled (element) {
+function isEnabled(element) {
     return element.getAttribute('aria-disabled') !== 'true';
 }
 
@@ -94,7 +96,7 @@ function msg(e, type) {
         target,
         currentTarget,
         relatedTarget,
-        preventDefault: () => e.preventDefault()
+        preventDefault: () => e.preventDefault(),
     };
 }
 
@@ -133,16 +135,16 @@ const events = {
         triggerMessage(trigger, e);
     },
     blur(trigger, e) {
-        if (focusingToControlledElement(trigger, e)){
+        if (focusingToControlledElement(trigger, e)) {
             return;
         }
         triggerMessage(trigger, e);
-    }
+    },
 };
 
-Object.keys(events).forEach(function(name) {
+Object.keys(events).forEach(function (name) {
     const handler = events[name];
-    $(document).on(`${name}.aui-trigger`, '[data-aui-trigger]', function(e) {
+    $(document).on(`${name}.aui-trigger`, '[data-aui-trigger]', function (e) {
         handler(e.currentTarget, msg(e, name));
     });
 });
@@ -158,8 +160,8 @@ skate('data-aui-trigger', {
         },
         isEnabled: function () {
             return isEnabled(this);
-        }
-    }
+        },
+    },
 });
 
 amdify('aui/trigger');

package/src/js/aui/truncating-progressive-data-set.js

@@ -54,7 +54,7 @@ var TruncatingProgressiveDataSet = ProgressiveDataSet.extend({
         }
 
         return null;
-    }
+    },
 });
 
 globalize('TruncatingProgressiveDataSet', TruncatingProgressiveDataSet);

package/src/js/aui/unbind-text-resize.js

@@ -1,7 +1,7 @@
 import globalize from './internal/globalize';
 import onTextResize from './on-text-resize';
 
-function unbindTextResize (f) {
+function unbindTextResize(f) {
     for (var i = 0, ii = onTextResize['on-text-resize'].length; i < ii; i++) {
         if (onTextResize['on-text-resize'][i] === f) {
             return onTextResize['on-text-resize'].splice(i, 1);

package/src/js/aui/unique-id.js

@@ -13,7 +13,7 @@ var uniqueIDcounter = 0;
  *
  * @returns {String}
  */
-function generateUniqueId (prefix) {
+function generateUniqueId(prefix) {
     uniqueID = uniqueIDcounter++ + '';
     uniqueIDstring = prefix ? prefix + uniqueID : 'aui-uid-' + uniqueID;
 

package/src/js/aui/when-i-type.js

@@ -12,7 +12,8 @@ const EMPTY_SELECTOR = false;
 
 var isMac = navigator.platform.indexOf('Mac') !== -1;
 var isSafari = navigator.userAgent.indexOf('Safari') !== -1;
-var multiCharRegex = /^(backspace|tab|r(ight|eturn)|s(hift|pace|croll)|c(trl|apslock)|alt|pa(use|ge(up|down))|e(sc|nd)|home|left|up|d(el|own)|insert|f\d\d?|numlock|meta)/i;
+var multiCharRegex =
+    /^(backspace|tab|r(ight|eturn)|s(hift|pace|croll)|c(trl|apslock)|alt|pa(use|ge(up|down))|e(sc|nd)|home|left|up|d(el|own)|insert|f\d\d?|numlock|meta)/i;
 
 /**
  * Trigger native click event.
@@ -26,12 +27,27 @@ const triggerClickEvent = ($el) => {
         const bubbles = true;
         const cancelable = true;
         const event = document.createEvent('MouseEvent');
-        event.initMouseEvent('click', bubbles, cancelable, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
+        event.initMouseEvent(
+            'click',
+            bubbles,
+            cancelable,
+            window,
+            0,
+            0,
+            0,
+            0,
+            0,
+            false,
+            false,
+            false,
+            false,
+            0,
+            null
+        );
         element.dispatchEvent(event);
     }
 };
 
-
 /**
  * Keyboard commands with syntactic sugar.
  *
@@ -43,7 +59,7 @@ const triggerClickEvent = ($el) => {
  *
  * @param keys - Key combinations, modifier keys are "+" deliminated. e.g "ctrl+b"
  */
-function whenIType (keys) {
+function whenIType(keys) {
     var boundKeyCombos = [];
     var executor = $.Callbacks();
 
@@ -81,9 +97,8 @@ function whenIType (keys) {
     // bind a single key combo to this handler
     // A string like "abc 123" means (a then b then c) OR (1 then 2 then 3). abc is one key combo, 123 is another.
     function bindKeyCombo(keyCombo) {
-        var keysArr = keyCombo instanceof Array ?
-            keyCombo :
-            keyComboArrayFromString(keyCombo.toString());
+        var keysArr =
+            keyCombo instanceof Array ? keyCombo : keyComboArrayFromString(keyCombo.toString());
         var eventType = hasUnprintables(keysArr) ? 'keydown' : 'keypress';
 
         boundKeyCombos.push(keysArr);
@@ -106,12 +121,10 @@ function whenIType (keys) {
             if (modifierMatch) {
                 currModifiers += modifierMatch[0];
                 keyString = keyString.substring(modifierMatch[0].length);
-
             } else if (multiCharMatch) {
                 keysArr.push(currModifiers + multiCharMatch[0]);
                 keyString = keyString.substring(multiCharMatch[0].length);
                 currModifiers = '';
-
             } else {
                 keysArr.push(currModifiers + keyString[0]);
                 keyString = keyString.substring(1);
@@ -127,22 +140,35 @@ function whenIType (keys) {
         var title = elem.attr('title') || '';
         var keyCombos = boundKeyCombos.slice();
         var existingCombos = elem.data('boundKeyCombos') || [];
-        var kbShortcutAppended = elem.data('kbShortcutAppended') || ''
-        var kbShortcutAppendedScreenReader = elem.data('kbShortcutAppendedScreenReader') || ''
+        var kbShortcutAppended = elem.data('kbShortcutAppended') || '';
+        var kbShortcutAppendedScreenReader = elem.data('kbShortcutAppendedScreenReader') || '';
         var ariaLabel = elem.attr('aria-label');
         var isFirstShortcut = !kbShortcutAppended;
         var isFirstShortcutScreenReader = !kbShortcutAppendedScreenReader;
-        var originalTitle = isFirstShortcut ? title : title.substring(0, title.length - kbShortcutAppended.length);
-        var originalAriaLabel = isFirstShortcutScreenReader ? title : ariaLabel.substring(0, ariaLabel.length - kbShortcutAppendedScreenReader.length);
+        var originalTitle = isFirstShortcut
+            ? title
+            : title.substring(0, title.length - kbShortcutAppended.length);
+        var originalAriaLabel = isFirstShortcutScreenReader
+            ? title
+            : ariaLabel.substring(0, ariaLabel.length - kbShortcutAppendedScreenReader.length);
 
         while (keyCombos.length) {
             var keyCombo = keyCombos.shift();
-            var comboAlreadyExists = existingCombos.some(function(existingCombo) {
+            var comboAlreadyExists = existingCombos.some(function (existingCombo) {
                 return isEqual(keyCombo, existingCombo);
             });
             if (!comboAlreadyExists) {
-                kbShortcutAppended = appendKeyComboInstructions(keyCombo.slice(), kbShortcutAppended, isFirstShortcut);
-                kbShortcutAppendedScreenReader = appendKeyComboInstructions(keyCombo.slice(), kbShortcutAppendedScreenReader, isFirstShortcutScreenReader, { workaroundJaws: true });
+                kbShortcutAppended = appendKeyComboInstructions(
+                    keyCombo.slice(),
+                    kbShortcutAppended,
+                    isFirstShortcut
+                );
+                kbShortcutAppendedScreenReader = appendKeyComboInstructions(
+                    keyCombo.slice(),
+                    kbShortcutAppendedScreenReader,
+                    isFirstShortcutScreenReader,
+                    { workaroundJaws: true }
+                );
                 isFirstShortcut = false;
                 isFirstShortcutScreenReader = false;
             }
@@ -150,15 +176,15 @@ function whenIType (keys) {
 
         if (isMac) {
             kbShortcutAppended = kbShortcutAppended
-                .replace(/Meta/ig, '\u2318') //Apple cmd key
-                .replace(/Shift/ig, '\u21E7'); //Apple Shift symbol
+                .replace(/Meta/gi, '\u2318') //Apple cmd key
+                .replace(/Shift/gi, '\u21E7'); //Apple Shift symbol
             kbShortcutAppendedScreenReader = kbShortcutAppendedScreenReader
-                .replace(/Meta/ig, '\u2318') //Apple cmd key
-                .replace(/Shift/ig, '\u21E7'); //Apple Shift symbol
+                .replace(/Meta/gi, '\u2318') //Apple cmd key
+                .replace(/Shift/gi, '\u21E7'); //Apple Shift symbol
         }
 
         elem.attr('title', originalTitle + kbShortcutAppended);
-        elem.attr('aria-label', originalAriaLabel + kbShortcutAppendedScreenReader)
+        elem.attr('aria-label', originalAriaLabel + kbShortcutAppendedScreenReader);
         elem.data('kbShortcutAppended', kbShortcutAppended);
         elem.data('kbShortcutAppendedScreenReader', kbShortcutAppendedScreenReader);
         elem.data('boundKeyCombos', existingCombos.concat(boundKeyCombos));
@@ -190,7 +216,10 @@ function whenIType (keys) {
         }
 
         if (isFirst) {
-            title += ' ' + openParenthesis + I18n.getText('aui.keyboard.shortcut.type.x', keyCombo.shift());
+            title +=
+                ' ' +
+                openParenthesis +
+                I18n.getText('aui.keyboard.shortcut.type.x', keyCombo.shift());
         } else {
             title = title.replace(/\)$/, '');
             title += ' ' + I18n.getText('aui.keyboard.shortcut.or.x', keyCombo.shift());
@@ -212,7 +241,7 @@ function whenIType (keys) {
         addShortcutsToTitle: addShortcutsToTitle,
         removeShortcutsFromTitle: removeShortcutsFromTitle,
         keypressHandler: keypressHandler,
-        defaultPreventionHandler: defaultPreventionHandler
+        defaultPreventionHandler: defaultPreventionHandler,
     });
 }
 
@@ -234,10 +263,9 @@ whenIType.makeShortcut = function (options) {
             var escToCancel = options.hasOwnProperty('escToCancel') ? options.escToCancel : true;
 
             executor.add(function () {
-
                 const $items = $(selector);
                 let $focusedElem = $items.filter('.' + focusedClass);
-                const moveToOptions = $focusedElem.length === 0 ? undefined : {transition: true};
+                const moveToOptions = $focusedElem.length === 0 ? undefined : { transition: true };
 
                 if (escToCancel) {
                     $(document).one('keydown', function (e) {
@@ -268,7 +296,6 @@ whenIType.makeShortcut = function (options) {
     }
 
     return {
-
         /**
          * Scrolls to and adds <em>focused</em> class to the next item in the jQuery collection
          *
@@ -282,7 +309,6 @@ whenIType.makeShortcut = function (options) {
 
             if (wrapAround && $focusedElem.length === 0) {
                 return $items.eq(0);
-
             } else {
                 index = $.inArray($focusedElem.get(0), $items);
                 if (index < $items.length - 1) {
@@ -307,7 +333,6 @@ whenIType.makeShortcut = function (options) {
             var index;
             if (wrapAround && $focusedElem.length === 0) {
                 return $items.filter(':last');
-
             } else {
                 index = $.inArray($focusedElem.get(0), $items);
                 if (index > 0) {
@@ -366,7 +391,7 @@ whenIType.makeShortcut = function (options) {
 
             executor.add(function () {
                 var elem = $(selector)[0];
-                if (elem && {'a': true, 'link': true}[ elem.nodeName.toLowerCase() ]) {
+                if (elem && { a: true, link: true }[elem.nodeName.toLowerCase()]) {
                     window.location.href = elem.href;
                 }
             });
@@ -473,7 +498,7 @@ whenIType.makeShortcut = function (options) {
                 removeShortcutsFromTitle(selectorsWithTitlesModified[i]);
             }
             selectorsWithTitlesModified = [];
-        }
+        },
     };
 };
 
@@ -517,7 +542,7 @@ whenIType.fromJSON = function (json, switchCtrlToMetaOnMac) {
     var shortcuts = [];
 
     if (json) {
-        $.each(json, function (i,item) {
+        $.each(json, function (i, item) {
             const operation = item.op;
             const param = item.param;
             let params;
@@ -525,25 +550,28 @@ whenIType.fromJSON = function (json, switchCtrlToMetaOnMac) {
             if (operation === 'execute' || operation === 'evaluate') {
                 // need to turn function string into function object
                 params = [new Function(param)];
-
             } else if (/^\[[^\]\[]*,[^\]\[]*\]$/.test(param)) {
                 // pass in an array to send multiple params
                 try {
                     params = JSON.parse(param);
                 } catch (e) {
-                    logger.error('When using a parameter array, array must be in strict JSON format: ' + param);
+                    logger.error(
+                        'When using a parameter array, array must be in strict JSON format: ' +
+                            param
+                    );
                 }
 
                 if (!$.isArray(params)) {
-                    logger.error('Badly formatted shortcut parameter. String or JSON Array of parameters required: ' + param);
+                    logger.error(
+                        'Badly formatted shortcut parameter. String or JSON Array of parameters required: ' +
+                            param
+                    );
                 }
-
             } else {
                 params = [param];
             }
 
             $.each(item.keys, function () {
-
                 var shortcutList = this;
                 if (switchCtrlToMetaOnMac && isMac) {
                     shortcutList = $.map(shortcutList, function (shortcutString) {
@@ -555,7 +583,6 @@ whenIType.fromJSON = function (json, switchCtrlToMetaOnMac) {
                 newShortcut[operation].apply(newShortcut, params);
                 shortcuts.push(newShortcut);
             });
-
         });
     }
 
@@ -577,8 +604,8 @@ $(document).on('iframeAppended', function (e, iframe) {
                 $.event.trigger(
                     e,
                     arguments, // Preserve original event data.
-                    document,  // Bubble this event from the iframe's document to its parent document.
-                    true       // Use the capturing phase to preserve original event.target.
+                    document, // Bubble this event from the iframe's document to its parent document.
+                    true // Use the capturing phase to preserve original event.target.
                 );
             }
         });

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,5 +121,5 @@ 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.',
 });