@atlassian/aui 8.3.7 → 8.3.11

package/entry/aui.batch.prototyping.js

@@ -1,6 +1,6 @@
 export * from './aui.side-effects';
 export { log, error, warn } from './behaviours/aui.behaviour.logger';
-import {i18n as I18n} from './behaviours/aui.behaviour.i18n';
+import { I18n } from './behaviours/aui.behaviour.i18n';
 import './aui.batch.page';
 import './aui.batch.patterns';
 import './aui.batch.iconography';

package/entry/behaviours/aui.behaviour.i18n.js

@@ -1 +1 @@
-export {default as i18n} from '@atlassian/aui/src/js/aui/i18n';
+export { I18n } from '@atlassian/aui/src/js/aui/i18n';

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@atlassian/aui",
     "description": "Atlassian User Interface library",
-    "version": "8.3.7",
+    "version": "8.3.11",
     "author": "Atlassian Pty Ltd.",
     "homepage": "https://aui.atlassian.com",
     "license": "Apache-2.0",
@@ -28,24 +28,24 @@
         "README.md",
         "yarn.lock"
     ],
+    "//": "AUI's publishConfig is managed by its build scripts.",
     "peerDependencies": {
         "jquery": "^2 || ^3"
     },
     "dependencies": {
-        "@atlassian/brand-logos": "^1.2.0",
-        "@atlassian/tipsy": "^1.3.1",
-        "backbone": "^1.3.3",
+        "@atlassian/brand-logos": "1.2.0",
+        "@atlassian/tipsy": "1.3.3",
+        "backbone": "1.3.3",
         "css.escape": "1.5.0",
-        "fancy-file-input": "~2.0.4",
-        "jquery-ui": "^1.12.1",
-        "popper.js": "^1.14.5",
+        "fancy-file-input": "2.0.4",
+        "jquery-ui": "1.12.1",
+        "popper.js": "1.14.5",
         "skatejs": "0.13.17",
         "skatejs-template-html": "0.0.0",
         "trim-extra-html-whitespace": "1.3.0",
-        "underscore": "^1.9.1"
+        "underscore": "1.13.1"
     },
     "devDependencies": {
-        "@atlaskit/util-shared-styles": "2.10.4",
         "@atlassian/adg-server-iconfont": "3.1.0",
         "@atlassian/aui-webpack-config": "1.0.0",
         "babel-core": "^6.26.0",

package/src/js/aui/i18n.js

@@ -7,7 +7,7 @@ import keys from './internal/i18n/aui';
  * the key is returned - this could occur in plugin mode if the I18n transform is not performed;
  * or in flatpack mode if the i18n JS file is not loaded.
  */
-export var I18n = {
+const I18n = {
     keys: keys,
     getText: function (key, ...params) {
         if (Object.prototype.hasOwnProperty.call(this.keys, key)) {
@@ -18,6 +18,11 @@ export var I18n = {
     }
 };
 
+export {
+    I18n,
+    format
+}
+
 /**
  * Deprecated - do not use AJS.I18n.getText from global scope within AUI code. Use import { I18n } from '../i18n'
  * Also keep in mind that WRM is looking for patterns like "I18n.getText" so do not create

package/src/less/imports/aui-theme/core/atlaskit-theme/borders.less

@@ -0,0 +1 @@
+@ak-border-radius: 3px;

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

@@ -0,0 +1,112 @@
+// Primary color palette
+@ak-color-primary1: @ak-color-N800;
+@ak-color-primary2: @ak-color-B500;
+@ak-color-primary3: @ak-color-N0;
+
+// Secondary color palette
+@ak-color-secondary1: @ak-color-R300;
+@ak-color-secondary2: @ak-color-Y300;
+@ak-color-secondary3: @ak-color-G300;
+@ak-color-secondary4: @ak-color-P300;
+@ak-color-secondary5: @ak-color-T300;
+
+// Reds
+@ak-color-R50: #FFEBE6;
+@ak-color-R75: #FFBDAD;
+@ak-color-R100: #FF8F73;
+@ak-color-R200: #FF7452;
+@ak-color-R300: #FF5630;
+@ak-color-R400: #DE350B;
+@ak-color-R500: #BF2600;
+
+// Yellows
+@ak-color-Y50: #FFFAE6;
+@ak-color-Y75: #FFF0B3;
+@ak-color-Y100: #FFE380;
+@ak-color-Y200: #FFC400;
+@ak-color-Y300: #FFAB00;
+@ak-color-Y400: #FF991F;
+@ak-color-Y500: #FF8B00;
+
+// Greens
+@ak-color-G50: #E3FCEF;
+@ak-color-G75: #ABF5D1;
+@ak-color-G100: #79F2C0;
+@ak-color-G200: #57D9A3;
+@ak-color-G300: #36B37E;
+@ak-color-G400: #00875A;
+@ak-color-G500: #006644;
+
+// Blues
+@ak-color-B50: #DEEBFF;
+@ak-color-B75: #B3D4FF;
+@ak-color-B100: #4C9AFF;
+@ak-color-B200: #2684FF;
+@ak-color-B300: #0065FF;
+@ak-color-B400: #0052CC;
+@ak-color-B500: #0747A6;
+
+// Purples
+@ak-color-P50: #EAE6FF;
+@ak-color-P75: #C0B6F2;
+@ak-color-P100: #998DD9;
+@ak-color-P200: #8777D9;
+@ak-color-P300: #6554C0;
+@ak-color-P400: #5243AA;
+@ak-color-P500: #403294;
+
+// Teals
+@ak-color-T50: #E6FCFF;
+@ak-color-T75: #B3F5FF;
+@ak-color-T100: #79E2F2;
+@ak-color-T200: #00C7E6;
+@ak-color-T300: #00B8D9;
+@ak-color-T400: #00A3BF;
+@ak-color-T500: #008DA6;
+
+@ak-color-N0: #FFFFFF;
+@ak-color-N10: #FAFBFC;
+@ak-color-N20: #F4F5F7;
+@ak-color-N30: #EBECF0;
+@ak-color-N40: #DFE1E6;
+@ak-color-N50: #C1C7D0;
+@ak-color-N60: #B3BAC5;
+@ak-color-N70: #A5ADBA;
+@ak-color-N80: #97A0AF;
+@ak-color-N90: #8993A4;
+@ak-color-N100: #7A869A;
+@ak-color-N200: #6B778C;
+@ak-color-N300: #5E6C84;
+@ak-color-N400: #505F79;
+@ak-color-N500: #42526E;
+@ak-color-N600: #344563;
+@ak-color-N700: #253858;
+@ak-color-N800: #172B4D;
+
+// ATTENTION: update the tints this if you update this one
+@ak-color-N900: #091E42;
+
+
+// Each tint is made of N900 and an alpha channel
+// ak-color-NXXXA: rgba(red(@ak-color-N900), green(@ak-color-N900), 66, ALPHA);
+// but we can't use this, because the JS export would not transform it properly
+// so it follows:
+// ak-color-N900 -> rgb(9,30,66)
+
+@ak-color-N10A: rgba(9, 30, 66, 0.02);
+@ak-color-N20A: rgba(9, 30, 66, 0.04);
+@ak-color-N30A: rgba(9, 30, 66, 0.08);
+@ak-color-N40A: rgba(9, 30, 66, 0.13);
+@ak-color-N50A: rgba(9, 30, 66, 0.25);
+@ak-color-N60A: rgba(9, 30, 66, 0.31);
+@ak-color-N70A: rgba(9, 30, 66, 0.36);
+@ak-color-N80A: rgba(9, 30, 66, 0.42);
+@ak-color-N90A: rgba(9, 30, 66, 0.48);
+@ak-color-N100A: rgba(9, 30, 66, 0.54);
+@ak-color-N200A: rgba(9, 30, 66, 0.60);
+@ak-color-N300A: rgba(9, 30, 66, 0.66);
+@ak-color-N400A: rgba(9, 30, 66, 0.71);
+@ak-color-N500A: rgba(9, 30, 66, 0.77);
+@ak-color-N600A: rgba(9, 30, 66, 0.82);
+@ak-color-N700A: rgba(9, 30, 66, 0.89);
+@ak-color-N800A: rgba(9, 30, 66, 0.95);

package/src/less/imports/aui-theme/core/atlaskit-theme/fonts.less

@@ -0,0 +1,3 @@
+@ak-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+@ak-font-size-default: 14px;
+@ak-code-font-family: "SFMono-Medium", "SF Mono", "Segoe UI Mono", "Roboto Mono", "Ubuntu Mono", Menlo, Courier, monospace;

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

@@ -1,4 +1,4 @@
-@import '~@atlaskit/util-shared-styles/src/colors';
+@import 'atlaskit-theme/colors';
 
 //
 // ADG3 Compatible Colours Palette

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

@@ -1,4 +1,4 @@
-@import '~@atlaskit/util-shared-styles/src/fonts';
+@import 'atlaskit-theme/fonts';
 @import 'colors';
 
 @aui-text-color: @ak-color-N800;