@atlassian/aui 9.3.13 → 9.3.14

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@atlassian/aui",
     "description": "Atlassian User Interface library",
-    "version": "9.3.13",
+    "version": "9.3.14",
     "author": "Atlassian Pty Ltd.",
     "homepage": "https://aui.atlassian.com",
     "license": "Apache-2.0",
@@ -37,6 +37,7 @@
         "@popperjs/core": "2.4.4",
         "backbone": "1.4.0",
         "css.escape": "1.5.0",
+        "dompurify": "2.4.0",
         "fancy-file-input": "2.0.4",
         "jquery-ui": "1.13.0",
         "skatejs": "0.13.17",
@@ -47,9 +48,9 @@
     "devDependencies": {
         "@atlassian/adg-server-iconfont": "3.1.0",
         "@atlassian/aui-webpack-config": "2.0.0",
-        "@babel/core": "7.13.15",
-        "@babel/preset-env": "7.13.15",
-        "bundlesize": "^1.0.0-beta.2",
+        "@babel/core": "7.14.0",
+        "@babel/preset-env": "7.14.1",
+        "bundlesize": "1.0.0-beta.2",
         "cross-env": "7.0.3",
         "eslint": "7.24.0",
         "glob": "7.1.2",

package/src/css-vendor/jquery/plugins/jquery.select2.css

@@ -5,9 +5,6 @@ Version: 3.4.4 Timestamp: Thu Oct 24 13:23:11 PDT 2013
     margin: 0;
     position: relative;
     display: inline-block;
-    /* inline-block for ie7 */
-    zoom: 1;
-    *display: inline;
     vertical-align: middle;
 }
 

package/src/js/aui/internal/select/suggestions-view.js

@@ -15,7 +15,7 @@ function enableAlignment (view) {
     if (view.anchor && !view._auiAlignment) {
         view._auiAlignment = new Alignment(view.el, view.anchor, {
             flipContainer: 'scrollParent',
-            positionFixed: true,
+            positionFixed: false,
             preventOverflow: false,
             flip: false
         });

package/src/js/aui/sidebar.js

@@ -618,6 +618,7 @@ function initializeHandlers(sidebar) {
 
     sidebar.$el.tooltip({
         ...tooltipOptions,
+        aria: false,
         live: sidebar.toggleSelector,
         title: function () {
             return sidebar.isCollapsed() ?

package/src/js/aui/tooltip.js

@@ -1,5 +1,6 @@
 import $ from './jquery';
 import { createPopper } from '@popperjs/core';
+import DOMPurify from 'dompurify';
 
 const AUI_TOOLTIP_CLASS_NAME = 'aui-tooltip';
 const AUI_TOOLTIP_ID = 'aui-tooltip';
@@ -32,7 +33,9 @@ const defaultOptions = {
     html: false,
     live: false,
     enabled: true,
-    suppress: () => false
+    suppress: () => false,
+    aria: true,
+    sanitize: true
 }
 
 let $sharedTip;
@@ -70,7 +73,9 @@ class Tooltip {
 
         $triggerElement.attr('title', function (_, originalTitle) {
             tooltip.originalTitle = originalTitle;
-            $triggerElement.attr('aria-describedby', AUI_TOOLTIP_ID);
+            if (tooltip.options.aria) {
+                $triggerElement.attr('aria-describedby', AUI_TOOLTIP_ID);
+            }
             return null;
         });
     }
@@ -99,11 +104,17 @@ class Tooltip {
             $(document.body).append($sharedTip);
         }
 
+        const tooltipContentElement = $sharedTip.find('.aui-tooltip-content');
+
         if (options.html) {
-            $sharedTip.find('.aui-tooltip-content').html(title);
+            if (options.sanitize) {
+                title = DOMPurify.sanitize(title);
+            }
+            tooltipContentElement.html(title);
         } else {
-            $sharedTip.find('.aui-tooltip-content').text(title);
+            tooltipContentElement.text(title);
         }
+
         return $sharedTip;
     }
 
@@ -117,7 +128,7 @@ class Tooltip {
                 () => this.originalTitle || '';
 
         let actualTitle = title.call(this.triggerElement);
-        return (actualTitle.trim().length === 0) ? undefined : actualTitle;
+        return (!actualTitle || !actualTitle.trim().length) ? undefined : actualTitle;
     }
 
     show() {

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

@@ -10,7 +10,7 @@
     @bg-color: var(--aui-appheader-quicksearch-bg-color);
     @border-color: var(--aui-appheader-quicksearch-border-color);
     @text-color: var(--aui-appheader-quicksearch-text-color);
-    @placeholder-color: var(--aui-form-placeholder-text-color);
+    @placeholder-color: var(--aui-appheader-quicksearch-placeholder-text-color);
     @focus-bg-color: var(--aui-appheader-quicksearch-focus-bg-color);
     @focus-text-color: var(--aui-appheader-quicksearch-focus-text-color);
     @width: 170px;

package/src/less/imports/aui-theme/adg/adg-neutral-light.less

@@ -1,7 +1,7 @@
 @ak-color-N0: #FFFFFF;
 @ak-color-N10: #FAFBFC;
 @ak-color-N20: #F4F5F7;
-@ak-color-N30: #EBECF0;
+@ak-color-N30: #EBECF1;
 @ak-color-N40: #DFE1E6;
 @ak-color-N50: #C1C7D0;
 @ak-color-N60: #B3BAC5;

package/src/less/imports/aui-theme/core/colors.less

@@ -144,7 +144,7 @@
         --aui-label-close-hover-text-color: @ak-color-N800;
 
         // Forms
-        --aui-form-placeholder-text-color: @ak-color-N100;
+        --aui-form-placeholder-text-color: @ak-color-N300;
         --aui-form-placeholder-disabled-text-color: @ak-color-N70;
         --aui-form-label-text-color: @ak-color-N200;
         --aui-form-error-text-color: @ak-color-R400;
@@ -218,6 +218,7 @@
         --aui-appheader-quicksearch-bg-color: @ak-color-N90A;
         --aui-appheader-quicksearch-border-color: transparent;
         --aui-appheader-quicksearch-text-color: @ak-color-B50;
+        --aui-appheader-quicksearch-placeholder-text-color: @ak-color-N80;
         --aui-appheader-quicksearch-focus-bg-color: var(--aui-appheader-quicksearch-bg-color);
         --aui-appheader-quicksearch-focus-text-color: @ak-color-B50;
 
@@ -535,6 +536,7 @@
         --aui-appheader-quicksearch-bg-color: @ak-color-N90A;
         --aui-appheader-quicksearch-border-color: transparent;
         --aui-appheader-quicksearch-text-color: @ak-color-B50;
+        --aui-appheader-quicksearch-placeholder-text-color: @ak-color-N400;
         --aui-appheader-quicksearch-focus-bg-color: var(--aui-appheader-quicksearch-bg-color);
         --aui-appheader-quicksearch-focus-text-color: @ak-color-B50;