@atlassian/aui 9.11.4 → 9.12.0

package/entry/token-themes-generated/p2/themes/{typography-minor3.js → typography-modernized.js}

@@ -1,41 +1,33 @@
 export default `
-html[data-theme~="typography:typography-minor3"] {
+html[data-theme~="typography:typography-modernized"] {
   --ds-UNSAFE-textTransformUppercase: uppercase;
+  --ds-font-letterSpacing-0: 0;
+  --ds-font-letterSpacing-100: 0;
+  --ds-font-letterSpacing-200: 0;
+  --ds-font-letterSpacing-300: 0;
+  --ds-font-letterSpacing-400: 0;
   --ds-font-heading-xxlarge: normal 700 2rem/2.25rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
   --ds-font-heading-xlarge: normal 700 1.75rem/2rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
   --ds-font-heading-large: normal 700 1.5rem/1.75rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
   --ds-font-heading-medium: normal 700 1.25rem/1.5rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
   --ds-font-heading-small: normal 700 1rem/1.25rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
-  --ds-font-heading-xsmall: normal 700 0.875rem/1rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
+  --ds-font-heading-xsmall: normal 700 0.875rem/1.25rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
   --ds-font-heading-xxsmall: normal 700 0.75rem/1rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
   --ds-font-body-large: normal 400 1rem/1.5rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
   --ds-font-body: normal 400 0.875rem/1.25rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
   --ds-font-body-small: normal 400 0.75rem/1rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
   --ds-font-body-UNSAFE_small: normal 400 0.75rem/1rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
-  --ds-font-ui: normal 500 0.875rem/1 ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
-  --ds-font-ui-small: normal 400 0.75rem/1 ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
   --ds-font-code: normal 400 0.875em/1 ui-monospace, Menlo, "Segoe UI Mono", "Ubuntu Mono", monospace;
-  --ds-font-letterSpacing-0: 0;
-  --ds-font-letterSpacing-100: 0;
-  --ds-font-letterSpacing-200: 0;
-  --ds-font-letterSpacing-300: 0;
-  --ds-font-letterSpacing-400: 0;
+  --ds-font-weight-regular: 400;
+  --ds-font-weight-medium: 500;
+  --ds-font-weight-semibold: 600;
+  --ds-font-weight-bold: 700;
+  --ds-font-family-heading: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
   --ds-font-family-body: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
   --ds-font-family-code: ui-monospace, Menlo, "Segoe UI Mono", "Ubuntu Mono", monospace;
-  --ds-font-family-heading: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
   --ds-font-family-monospace: ui-monospace, Menlo, "Segoe UI Mono", "Ubuntu Mono", monospace;
   --ds-font-family-sans: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
-  --ds-font-family-brand-body: "Charlie Text", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
   --ds-font-family-brand-heading: "Charlie Display", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
-  --ds-font-weight-bold: 700;
-  --ds-font-weight-medium: 500;
-  --ds-font-weight-regular: 400;
-  --ds-font-weight-semibold: 600;
-  @media not all and (min-width: 64rem) {
-    --ds-font-heading-xxlarge: normal 700 1.75rem/2rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
-    --ds-font-heading-xlarge: normal 700 1.5rem/1.75rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
-    --ds-font-heading-large: normal 700 1.25rem/1.5rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
-    --ds-font-heading-medium: normal 700 1rem/1.25rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
-  }
+  --ds-font-family-brand-body: "Charlie Text", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
 }
 `

package/package.json

@@ -1,80 +1,79 @@
 {
-  "name": "@atlassian/aui",
-  "description": "Atlassian User Interface library",
-  "version": "9.11.4",
-  "author": "Atlassian Pty Ltd.",
-  "homepage": "https://aui.atlassian.com",
-  "license": "Apache-2.0",
-  "bugs": "https://ecosystem.atlassian.net/browse/AUI",
-  "repository": {
-    "type": "git",
-    "url": "https://bitbucket.org/atlassian/aui"
-  },
-  "engines": {
-    "node": "^6 || >=8",
-    "yarn": "^1.6"
-  },
-  "browser": "dist/aui/aui-prototyping.js",
-  "main": "dist/aui/aui-prototyping.js",
-  "files": [
-    "dist",
-    "entry",
-    "lib",
-    "licenses",
-    "src",
-    "CHANGELOG.md",
-    "CONTRIBUTING.md",
-    "LICENSE",
-    "README.md",
-    "yarn.lock"
-  ],
-  "//": "AUI's publishConfig is managed by its build scripts.",
-  "peerDependencies": {
-    "jquery": "^2 || ^3"
-  },
-  "dependencies": {
-    "@atlaskit/tokens": "1.43.0",
-    "@atlassian/tipsy": "1.3.3",
-    "@popperjs/core": "2.11.8",
-    "backbone": "1.6.0",
-    "css.escape": "1.5.1",
-    "dompurify": "2.5.0",
-    "fancy-file-input": "2.0.4",
-    "jquery-ui": "1.13.2",
-    "skatejs": "0.13.17",
-    "skatejs-template-html": "0.0.0",
-    "trim-extra-html-whitespace": "1.3.0",
-    "underscore": "1.13.6",
-    "tablesorter": "file:./src/js-vendor/tablesorter",
-    "jquery-aop": "file:src/js-vendor/jquery-aop",
-    "jquery-form": "file:src/js-vendor/jquery-form",
-    "select2": "file:src/js-vendor/select2",
-    "jquery.hotkeys": "file:src/js-vendor/jquery.hotkeys"
-  },
-  "devDependencies": {
-    "@atlassian/adg-server-iconfont": "3.1.0",
-    "@atlassian/aui-webpack-config": "3.0.1",
-    "@babel/core": "7.18.13",
-    "@babel/preset-env": "7.18.10",
-    "bundlesize": "1.0.0-beta.2",
-    "cross-env": "7.0.3",
-    "eslint": "7.32.0",
-    "glob": "7.2.3",
-    "ignore-emit-webpack-plugin": "2.0.6",
-    "jquery": "3.5.1",
-    "jquery-migrate": "3.4.1",
-    "less": "3.13.1",
-    "react": "^18.2.0"
-  },
-  "scripts": {
-    "prepublishOnly": "yarn clean && cross-env NODE_ENV=production yarn build && node scripts/prepublishOnly.js",
-    "postpublish": "node scripts/postpublish.js",
-    "clean": "rm -rf ./dist",
-    "dist/build:prototyping": "webpack --config webpack/dist.prototyping.webpack.config.js",
-    "build": "yarn dist/build:prototyping",
-    "watch": "yarn dist/build:prototyping --watch",
-    "bundlesize/verify-dist": "node scripts/verify-dist-structure.js",
-    "bundlesize/gzipped": "node scripts/generate-bundlesize-config.js > configs/bundlesize-gzipped.json && bundlesize --config configs/bundlesize-gzipped.json",
-    "bundlesize/raw": "node scripts/generate-bundlesize-config.js raw > configs/bundlesize-raw.json && bundlesize --config configs/bundlesize-raw.json"
-  }
-}
+    "name": "@atlassian/aui",
+    "description": "Atlassian User Interface library",
+    "version": "9.12.0",
+    "author": "Atlassian Pty Ltd.",
+    "homepage": "https://aui.atlassian.com",
+    "license": "Apache-2.0",
+    "bugs": "https://ecosystem.atlassian.net/browse/AUI",
+    "repository": {
+        "type": "git",
+        "url": "https://bitbucket.org/atlassian/aui"
+    },
+    "engines": {
+        "node": "^6 || >=8",
+        "yarn": "^1.6"
+    },
+    "browser": "dist/aui/aui-prototyping.js",
+    "main": "dist/aui/aui-prototyping.js",
+    "files": [
+        "dist",
+        "entry",
+        "lib",
+        "licenses",
+        "src/js",
+        "src/js-vendor/jquery",
+        "src/js-vendor-effective",
+        "src/less",
+        "CHANGELOG.md",
+        "CONTRIBUTING.md",
+        "LICENSE",
+        "README.md",
+        "yarn.lock"
+    ],
+    "//": "AUI's publishConfig is managed by its build scripts.",
+    "peerDependencies": {
+        "jquery": "^2 || ^3"
+    },
+    "dependencies": {
+        "@atlaskit/tokens": "1.58.0",
+        "@atlassian/tipsy": "1.3.3",
+        "@popperjs/core": "2.11.8",
+        "backbone": "1.6.0",
+        "css.escape": "1.5.1",
+        "dompurify": "2.5.6",
+        "fancy-file-input": "2.0.4",
+        "jquery-ui": "1.13.3",
+        "skatejs": "0.13.17",
+        "skatejs-template-html": "0.0.0",
+        "trim-extra-html-whitespace": "1.3.0",
+        "underscore": "1.13.7",
+        "tablesorter": "file:./src/js-vendor/tablesorter",
+        "jquery-aop": "file:src/js-vendor/jquery-aop",
+        "jquery-form": "file:src/js-vendor/jquery-form",
+        "select2": "file:src/js-vendor/select2",
+        "jquery.hotkeys": "file:src/js-vendor/jquery.hotkeys"
+    },
+    "devDependencies": {
+        "@atlassian/adg-server-iconfont": "3.1.0",
+        "@atlassian/aui-webpack-config": "3.0.1",
+        "@babel/core": "7.18.13",
+        "@babel/preset-env": "7.18.10",
+        "cross-env": "7.0.3",
+        "eslint": "9.7.0",
+        "fs-extra": "9.1.0",
+        "ignore-emit-webpack-plugin": "2.0.6",
+        "jquery": "3.5.1",
+        "jquery-migrate": "3.5.2",
+        "less": "3.13.1",
+        "react": "18.3.1"
+    },
+    "scripts": {
+        "prepublishOnly": "yarn clean && cross-env NODE_ENV=production yarn build && node scripts/prepublishOnly.js",
+        "postpublish": "node scripts/postpublish.js",
+        "clean": "rm -rf ./dist",
+        "dist/build:prototyping": "webpack --config webpack/dist.prototyping.webpack.config.js",
+        "build": "yarn dist/build:prototyping",
+        "watch": "yarn dist/build:prototyping --watch"
+    }
+}

package/src/js/aui/avatar-group.js

@@ -90,23 +90,23 @@ document.addEventListener('click', (e) => {
     const isDropdownButton = e.target.matches('.aui-avatar-group-dropdown-button');
     const closestDropdown = e.target.closest('.aui-avatar-group-dropdown');
 
-    if (!isDropdownButton && closestDropdown !== null) return;
+    if (!isDropdownButton && closestDropdown !== null) {return;}
 
     if (isDropdownButton) {
         closestDropdown.classList.contains('aui-avatar-group-dropdown-show') ? closeDropdown(closestDropdown) : openDropdown(closestDropdown);
     }
 
     document.querySelectorAll('.aui-avatar-group-dropdown-show').forEach(dropdown => {
-        if (dropdown === closestDropdown) return;
+        if (dropdown === closestDropdown) {return;}
 
         closeDropdown(dropdown)
     })
 });
 
 document.addEventListener('keydown', (e) => {
-    if (e.key !== 'Escape') return;
+    if (e.key !== 'Escape') {return;}
     const dropdown = document.querySelector('.aui-avatar-group-dropdown-show');
-    if (!dropdown) return;
+    if (!dropdown) {return;}
 
     closeDropdown(dropdown);
 });

package/src/js/aui/banner.js

@@ -26,7 +26,7 @@ function createBannerElement({ body = '', type = 'error' }) {
     banner.className = `aui-banner aui-banner-${type}`;
     banner.setAttribute('role', 'alert');
     banner.innerHTML = body;
-    
+
     const screenReaderInfo = document.createElement('div');
     screenReaderInfo.innerText = `${type}`;
     screenReaderInfo.classList.add('assistive')
@@ -57,4 +57,4 @@ function renderBannerElement(bannerElement, bannerContainer) {
 
 amdify('aui/banner', banner);
 globalize('banner', banner);
-export default banner;
+export default banner;

package/src/js/aui/date-picker.js

@@ -334,14 +334,16 @@ const initPolyfill = function (datePicker) {
     // according to the spec...
     $field.attr('placeholder', options.placeholder);
 
-    // Override the browser's default date field implementation.
-    // There used to be a fix for AUI-3681 here, too, but my testing of Edge 15
-    // shows that changing the `type` of input does not erase its value.
-    // see https://codepen.io/chrisdarroch/pen/YzwgjyJ
-    $field.prop('type', 'text');
-    // Set default value on initialization to handle all date formats.
-    // It is possible, because of changing type to text on the line above.
-    $field.val($field.attr('value'));
+    if ($field.prop('type') !== 'text') {
+        // Override the browser's default date field implementation.
+        // There used to be a fix for AUI-3681 here, too, but my testing of Edge 15
+        // shows that changing the `type` of input does not erase its value.
+        // see https://codepen.io/chrisdarroch/pen/YzwgjyJ
+        $field.prop('type', 'text');
+        // Set default value on initialization to handle all date formats.
+        // It is possible, because of changing type to text on the line above.
+        $field.val($field.attr('value'));
+    }
     // Trigger change to update calendar popup value.
     $field.trigger('propertychange');
 

package/src/js/aui/design-tokens/design-tokens-init.js

@@ -1,7 +1,7 @@
-import { setGlobalTheme } from "@atlaskit/tokens";
+import { setGlobalTheme } from '@atlaskit/tokens';
 
 if (
     document.documentElement.hasAttribute('data-color-mode-auto')
 ) {
-    setGlobalTheme({ colorMode: "auto" });
+    setGlobalTheme({ colorMode: 'auto' });
 }

package/src/js/aui/design-tokens/design-tokens-testing-theme.js

@@ -1,9 +1,9 @@
-import TokenNames from "@atlaskit/tokens/token-names";
+import TokenNames from '@atlaskit/tokens/token-names';
 
 const testingThemeTargetElement = document.documentElement;
 const testingColorVariableName = '--aui-theme-testing-color';
 const defaultTestingColor = 'color(srgb 1 0.75 0.8 / 0.6)';
-const testingThemeTargetClass = "aui-theme-testing";
+const testingThemeTargetClass = 'aui-theme-testing';
 const testingThemeSelector =
     `html.${testingThemeTargetClass}[data-theme*="light:"], ` +
     `html.${testingThemeTargetClass}[data-theme*="dark:"]`;
@@ -15,7 +15,7 @@ const testingThemeSelector =
  */
 (function generateTestingTheme() {
 
-    const initialComment = "This theme is autogenerated using AJS.DesignTokens.generateTestingTheme()."
+    const initialComment = 'This theme is autogenerated using AJS.DesignTokens.generateTestingTheme().'
 
     // If function called many times theme should be only added once
     const isThemeAlreadyInitialised = !document.querySelector(testingThemeSelector)
@@ -27,20 +27,20 @@ const testingThemeSelector =
     const colorDeclaration = `${testingColorVariableName}: ${defaultTestingColor};`
     const themeCSSDeclarations = Object.values(TokenNames)
         .map(token => `\t${token}: var(${testingColorVariableName});`);
-    const allDeclarations = [ colorDeclaration, ...themeCSSDeclarations ];
+    const allDeclarations = [colorDeclaration, ...themeCSSDeclarations];
 
 
     const themeCSS = `/* ${initialComment} */\n${testingThemeSelector} {\n${allDeclarations.join('\n')}\n}`;
 
     const themeElement = document.createElement('style');
-    themeElement.id = "aui-design-tokens-testing-theme";
+    themeElement.id = 'aui-design-tokens-testing-theme';
     themeElement.innerText = themeCSS;
 
     const head = document.querySelector('head');
     if (head) {
         head.appendChild(themeElement);
     }
-})();
+}());
 
 /**
  * Overrides default testing color by setting css variable. If no color passed, will revert to default.

package/src/js/aui/dialog2.js

@@ -127,6 +127,9 @@ function Dialog2(selector) {
             <footer class="aui-dialog2-footer"></footer>
         </section>`);
     }
+    this.$header = this.$el.find('.aui-dialog2-header');
+    this.$content = this.$el.find('.aui-dialog2-content');
+    this.$footer = this.$el.find('.aui-dialog2-footer');
     applyDefaults(this.$el);
 }
 

package/src/js/aui/focus-manager.js

@@ -127,6 +127,51 @@ FocusManager.prototype.exit = function ($el) {
     }
 };
 
+function findIndexOfNextTabbableElement(originElement, startingIndex, offset, $tabbableElements) {
+    function advance(index) {
+        return (index + offset) % $tabbableElements.length;
+    }
+
+    let nextIndex = advance(startingIndex);
+
+    if (originElement.type === 'radio' && originElement.name) {
+        // Advance to the element that's not another radio button of the same group.
+        while (
+            $tabbableElements.eq(nextIndex).attr('name') === originElement.name &&
+            // Stop at the start if we've wrapped around the whole list and everything is the same radio
+            // group.
+            nextIndex !== startingIndex
+        ) {
+            nextIndex = advance(nextIndex);
+        }
+    }
+
+    // Emulate the browser's behavior: jump to the selected radio of a group, or if none is selected, the
+    // first or last depending on the direction. Note: we assume the markup is sensible and doesn't
+    // interleave groups of radio buttons. Supporting that would complicate the code for a non-recommended
+    // use case.
+    if (nextIndex !== startingIndex && $tabbableElements.eq(nextIndex).attr('type') === 'radio') {
+        const name = $tabbableElements.eq(nextIndex).attr('name');
+        const $radiosOfGroup = $tabbableElements.filter(function () {
+            return this.type === 'radio' && this.name === name;
+        });
+        const $checkedElement = $radiosOfGroup.filter(':checked');
+
+        let $elementToFocus;
+        if ($checkedElement.length > 0) {
+            $elementToFocus = $checkedElement.first();
+        } else {
+            if (offset > 0) {
+                $elementToFocus = $radiosOfGroup.first();
+            } else {
+                $elementToFocus = $radiosOfGroup.last();
+            }
+        }
+        nextIndex = $tabbableElements.index($elementToFocus);
+    }
+    return nextIndex;
+}
+
 function focusTrapHandler(focusTrapStack, event) {
     if (focusTrapStack.length === 0) {
         return;
@@ -209,7 +254,12 @@ function focusTrapHandler(focusTrapStack, event) {
 
     if (newFocusIdx > -1) {
         // wrap around the focus trap.
-        newFocusIdx = (newFocusIdx + offset) % $tabbableElements.length;
+        newFocusIdx = findIndexOfNextTabbableElement(
+            focusOrigin,
+            newFocusIdx,
+            offset,
+            $tabbableElements
+        );
     } else {
         // we will focus the first element in the trap.
         newFocusIdx = 0;

package/src/js/aui/form-notification.js

@@ -63,6 +63,7 @@ function jsonToArray(jsonOrString) {
     var jsonArray;
     try {
         jsonArray = JSON.parse(jsonOrString);
+    // eslint-disable-next-line no-unused-vars
     } catch (exception) {
         jsonArray = [jsonOrString];
     }

package/src/js/aui/internal/browser.js

@@ -36,6 +36,7 @@ export function supportsFocusWithin () {
         try {
             document.querySelector(':focus-within');
             doesSupportFocusWithin = true;
+        // eslint-disable-next-line no-unused-vars
         } catch (e) {
             doesSupportFocusWithin = false;
         }

package/src/js/aui/internal/deprecation.js

@@ -155,6 +155,7 @@ try {
         Object.defineProperty({}, 'blam', {get: function () {}, set: function () {}});
         supportsProperties = true;
     }
+// eslint-disable-next-line no-unused-vars
 } catch (e) {
     /* IE8 doesn't support on non-DOM elements */
 }

package/src/js/aui/polyfills/custom-event.js

@@ -24,6 +24,7 @@ let CustomEvent;
 
             CustomEvent = window.CustomEvent;
             return;
+        // eslint-disable-next-line no-unused-vars
         } catch (e) {
             // polyfill it
         }
@@ -55,6 +56,7 @@ let CustomEvent;
                         return true;
                     }
                 });
+            // eslint-disable-next-line no-unused-vars
             } catch (e) {
                 if (!this.defaultPrevented) {
                     this.defaultPrevented = true;

package/src/js/aui/sidebar.js

@@ -221,6 +221,7 @@ Sidebar.prototype.responsiveReflow = function responsiveReflow(isInitialPageLoad
     }
 };
 
+// eslint-disable-next-line complexity
 Sidebar.prototype.reflow = function reflow(
     scrollTop = window.pageYOffset,
     viewportHeight = document.documentElement.clientHeight,

package/src/js/aui/trigger.js

@@ -45,6 +45,7 @@ function findControllers(element) {
         try {
             let nodeList = frames[i].document.querySelectorAll(selector);
             controllers = controllers.concat(Array.prototype.slice.apply(nodeList));
+        // eslint-disable-next-line no-unused-vars
         } catch (e) {
             // Silently catch DOM exceptions related to accessing cross-origin frames
             someFramesAreCrossOrigin = true;

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

@@ -530,6 +530,7 @@ whenIType.fromJSON = function (json, switchCtrlToMetaOnMac) {
                 // pass in an array to send multiple params
                 try {
                     params = JSON.parse(param);
+                // eslint-disable-next-line no-unused-vars
                 } catch (e) {
                     logger.error('When using a parameter array, array must be in strict JSON format: ' + param);
                 }

package/src/less/aui-page-typography.less

@@ -6,6 +6,13 @@
 html {
     #aui.text-reset();
     font-family: @aui-font-family;
+
+    // This "font-size: 16px;" is needed for rem units from Atlaskit to work as before. Refer to:
+    // https://bulldog.internal.atlassian.com/browse/JSDSS-8110
+    font-size: 16px;
+    > * {
+        font-size: @aui-font-size-medium; // should match #aui.text-reset();
+    }
 }
 
 /* International Font Stacks*/

package/src/less/imports/aui-theme/components/form-notification.less

@@ -24,7 +24,7 @@
 @aui-notification-icon-outside-field-padding-right: 16px;
 @aui-notification-icon-outside-field-padding-top: 5px;
 
-@aui-notification-line-height: unit(18px / @aui-font-size-medium);
+@aui-notification-line-height: unit((18px / @aui-font-size-medium));
 
 @aui-notification-info-icon: @aui-glyph-info-circle;
 @aui-notification-success-icon: @aui-glyph-check-circle;

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

@@ -1,14 +1,16 @@
-@aui-space-0: var(--ds-space-0, 0);
-@aui-space-025: var(--ds-space-025, 2px);
-@aui-space-050: var(--ds-space-050, 4px);
-@aui-space-075: var(--ds-space-075, 6px);
-@aui-space-100: var(--ds-space-100, 8px);
-@aui-space-150: var(--ds-space-150, 12px);
-@aui-space-200: var(--ds-space-200, 16px);
-@aui-space-250: var(--ds-space-250, 20px);
-@aui-space-300: var(--ds-space-300, 24px);
-@aui-space-400: var(--ds-space-400, 32px);
-@aui-space-500: var(--ds-space-500, 40px);
-@aui-space-600: var(--ds-space-600, 48px);
-@aui-space-800: var(--ds-space-800, 64px);
-@aui-space-1000: var(--ds-space-1000, 80px);
+// TODO - Convert to be based on design system tokens (e.g.--ds-space-100) when they're out of beta (maybe AUI 10)
+// Had to hard code to avoid visual changes, they never should've been converted to DS space tokens to begin with
+@aui-space-0: 0px;
+@aui-space-025: 1.75px;
+@aui-space-050: 3.5px;
+@aui-space-075: 5.25px;
+@aui-space-100: 7px;
+@aui-space-150: 10.5px;
+@aui-space-200: 14px;
+@aui-space-250: 17.5px;
+@aui-space-300: 21px;
+@aui-space-400: 28px;
+@aui-space-500: 35px;
+@aui-space-600: 42px;
+@aui-space-800: 56px;
+@aui-space-1000: 70px;

package/dist/aui/themes/dark-new-input-border.js

@@ -1,2 +0,0 @@
-"use strict";(window.webpackChunk_auiPrototyping=window.webpackChunk_auiPrototyping||[]).push([[531],{232:(t,a,d)=>{d.r(a),d.d(a,{default:()=>o});const o='\nhtml[data-color-mode="light"][data-theme~="light:dark"],\nhtml[data-color-mode="dark"][data-theme~="dark:dark"] {\n  color-scheme: dark;\n  --ds-border-input: #738496;\n}\n'}}]);
-//# sourceMappingURL=dark-new-input-border.js.map

package/dist/aui/themes/dark-new-input-border.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"./themes/dark-new-input-border.js","mappings":"kJAAA,QAAgB,gL","sources":["webpack://__auiPrototyping/./token-themes-generated/npm/themes/dark-new-input-border.js"],"sourcesContent":["export default `\nhtml[data-color-mode=\"light\"][data-theme~=\"light:dark\"],\nhtml[data-color-mode=\"dark\"][data-theme~=\"dark:dark\"] {\n  color-scheme: dark;\n  --ds-border-input: #738496;\n}\n`"],"names":[],"sourceRoot":""}

package/dist/aui/themes/light-new-input-border.js

@@ -1,2 +0,0 @@
-"use strict";(window.webpackChunk_auiPrototyping=window.webpackChunk_auiPrototyping||[]).push([[519],{281:(t,o,a)=>{a.r(o),a.d(o,{default:()=>d});const d='\nhtml[data-color-mode="light"][data-theme~="light:light"],\nhtml[data-color-mode="dark"][data-theme~="dark:light"] {\n  color-scheme: light;\n  --ds-border-input: #8590A2;\n}\n'}}]);
-//# sourceMappingURL=light-new-input-border.js.map

package/dist/aui/themes/light-new-input-border.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"./themes/light-new-input-border.js","mappings":"kJAAA,QAAgB,mL","sources":["webpack://__auiPrototyping/./token-themes-generated/npm/themes/light-new-input-border.js"],"sourcesContent":["export default `\nhtml[data-color-mode=\"light\"][data-theme~=\"light:light\"],\nhtml[data-color-mode=\"dark\"][data-theme~=\"dark:light\"] {\n  color-scheme: light;\n  --ds-border-input: #8590A2;\n}\n`"],"names":[],"sourceRoot":""}

package/dist/aui/themes/typography-minor3.js

@@ -1,2 +0,0 @@
-"use strict";(window.webpackChunk_auiPrototyping=window.webpackChunk_auiPrototyping||[]).push([[247],{371:(e,s,n)=>{n.r(s),n.d(s,{default:()=>t});const t='\nhtml[data-theme~="typography:typography-minor3"] {\n  --ds-UNSAFE-textTransformUppercase: uppercase;\n  --ds-font-heading-xxlarge: normal 700 2rem/2.25rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;\n  --ds-font-heading-xlarge: normal 700 1.75rem/2rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;\n  --ds-font-heading-large: normal 700 1.5rem/1.75rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;\n  --ds-font-heading-medium: normal 700 1.25rem/1.5rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;\n  --ds-font-heading-small: normal 700 1rem/1.25rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;\n  --ds-font-heading-xsmall: normal 700 0.875rem/1rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;\n  --ds-font-heading-xxsmall: normal 700 0.75rem/1rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;\n  --ds-font-body-large: normal 400 1rem/1.5rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;\n  --ds-font-body: normal 400 0.875rem/1.25rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;\n  --ds-font-body-small: normal 400 0.75rem/1rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;\n  --ds-font-body-UNSAFE_small: normal 400 0.75rem/1rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;\n  --ds-font-ui: normal 500 0.875rem/1 ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;\n  --ds-font-ui-small: normal 400 0.75rem/1 ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;\n  --ds-font-code: normal 400 0.875em/1 ui-monospace, Menlo, "Segoe UI Mono", "Ubuntu Mono", monospace;\n  --ds-font-letterSpacing-0: 0;\n  --ds-font-letterSpacing-100: 0;\n  --ds-font-letterSpacing-200: 0;\n  --ds-font-letterSpacing-300: 0;\n  --ds-font-letterSpacing-400: 0;\n  --ds-font-family-body: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;\n  --ds-font-family-code: ui-monospace, Menlo, "Segoe UI Mono", "Ubuntu Mono", monospace;\n  --ds-font-family-heading: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;\n  --ds-font-family-monospace: ui-monospace, Menlo, "Segoe UI Mono", "Ubuntu Mono", monospace;\n  --ds-font-family-sans: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;\n  --ds-font-family-brand-body: "Charlie Text", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;\n  --ds-font-family-brand-heading: "Charlie Display", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;\n  --ds-font-weight-bold: 700;\n  --ds-font-weight-medium: 500;\n  --ds-font-weight-regular: 400;\n  --ds-font-weight-semibold: 600;\n  @media not all and (min-width: 64rem) {\n    --ds-font-heading-xxlarge: normal 700 1.75rem/2rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;\n    --ds-font-heading-xlarge: normal 700 1.5rem/1.75rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;\n    --ds-font-heading-large: normal 700 1.25rem/1.5rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;\n    --ds-font-heading-medium: normal 700 1rem/1.25rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;\n  }\n}\n'}}]);
-//# sourceMappingURL=typography-minor3.js.map

package/dist/aui/themes/typography-minor3.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"./themes/typography-minor3.js","mappings":"kJAAA,QAAgB,oqI","sources":["webpack://__auiPrototyping/./token-themes-generated/npm/themes/typography-minor3.js"],"sourcesContent":["export default `\nhtml[data-theme~=\"typography:typography-minor3\"] {\n  --ds-UNSAFE-textTransformUppercase: uppercase;\n  --ds-font-heading-xxlarge: normal 700 2rem/2.25rem ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif;\n  --ds-font-heading-xlarge: normal 700 1.75rem/2rem ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif;\n  --ds-font-heading-large: normal 700 1.5rem/1.75rem ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif;\n  --ds-font-heading-medium: normal 700 1.25rem/1.5rem ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif;\n  --ds-font-heading-small: normal 700 1rem/1.25rem ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif;\n  --ds-font-heading-xsmall: normal 700 0.875rem/1rem ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif;\n  --ds-font-heading-xxsmall: normal 700 0.75rem/1rem ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif;\n  --ds-font-body-large: normal 400 1rem/1.5rem ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif;\n  --ds-font-body: normal 400 0.875rem/1.25rem ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif;\n  --ds-font-body-small: normal 400 0.75rem/1rem ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif;\n  --ds-font-body-UNSAFE_small: normal 400 0.75rem/1rem ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif;\n  --ds-font-ui: normal 500 0.875rem/1 ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif;\n  --ds-font-ui-small: normal 400 0.75rem/1 ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif;\n  --ds-font-code: normal 400 0.875em/1 ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace;\n  --ds-font-letterSpacing-0: 0;\n  --ds-font-letterSpacing-100: 0;\n  --ds-font-letterSpacing-200: 0;\n  --ds-font-letterSpacing-300: 0;\n  --ds-font-letterSpacing-400: 0;\n  --ds-font-family-body: ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif;\n  --ds-font-family-code: ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace;\n  --ds-font-family-heading: ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif;\n  --ds-font-family-monospace: ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace;\n  --ds-font-family-sans: ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif;\n  --ds-font-family-brand-body: \"Charlie Text\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif;\n  --ds-font-family-brand-heading: \"Charlie Display\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif;\n  --ds-font-weight-bold: 700;\n  --ds-font-weight-medium: 500;\n  --ds-font-weight-regular: 400;\n  --ds-font-weight-semibold: 600;\n  @media not all and (min-width: 64rem) {\n    --ds-font-heading-xxlarge: normal 700 1.75rem/2rem ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif;\n    --ds-font-heading-xlarge: normal 700 1.5rem/1.75rem ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif;\n    --ds-font-heading-large: normal 700 1.25rem/1.5rem ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif;\n    --ds-font-heading-medium: normal 700 1rem/1.25rem ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif;\n  }\n}\n`"],"names":[],"sourceRoot":""}

package/entry/token-themes-generated/npm/themes/dark-new-input-border.js

@@ -1,7 +0,0 @@
-export default `
-html[data-color-mode="light"][data-theme~="light:dark"],
-html[data-color-mode="dark"][data-theme~="dark:dark"] {
-  color-scheme: dark;
-  --ds-border-input: #738496;
-}
-`

package/entry/token-themes-generated/npm/themes/light-new-input-border.js

@@ -1,7 +0,0 @@
-export default `
-html[data-color-mode="light"][data-theme~="light:light"],
-html[data-color-mode="dark"][data-theme~="dark:light"] {
-  color-scheme: light;
-  --ds-border-input: #8590A2;
-}
-`