@atlassian/aui 10.1.11 → 10.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (22) hide show
  1. package/dist/aui/aui-prototyping-browserfocus.css +1 -1
  2. package/dist/aui/aui-prototyping-browserfocus.css.map +1 -1
  3. package/dist/aui/aui-prototyping-design-tokens-api-full.js +3 -3
  4. package/dist/aui/aui-prototyping-design-tokens-api-full.js.map +1 -1
  5. package/dist/aui/aui-prototyping-design-tokens-api.js +1 -1
  6. package/dist/aui/aui-prototyping-design-tokens-api.js.map +1 -1
  7. package/dist/aui/aui-prototyping.css +4 -4
  8. package/dist/aui/aui-prototyping.css.map +1 -1
  9. package/dist/aui/aui-prototyping.js +6 -6
  10. package/dist/aui/aui-prototyping.js.map +1 -1
  11. package/dist/aui/aui-prototyping.nodeps.css +4 -4
  12. package/dist/aui/aui-prototyping.nodeps.css.map +1 -1
  13. package/dist/aui/aui-prototyping.nodeps.js +2 -2
  14. package/dist/aui/aui-prototyping.nodeps.js.map +1 -1
  15. package/entry/token-themes-generated/aui-prototyping-design-tokens-base-themes.less +1176 -1096
  16. package/entry/token-themes-generated/aui-prototyping-design-tokens-theme-import-map.js +2 -5
  17. package/entry/token-themes-generated/aui-prototyping-lf-extracted-color-channels.less +28 -28
  18. package/package.json +6 -6
  19. package/src/less/aui-buttons.less +2 -1
  20. package/src/less/forms-current.less +2 -1
  21. package/src/less/imports/aui-theme/components/buttons.less +1 -2
  22. package/src/less/imports/mixins/focus.less +13 -0
package/entry/token-themes-generated/aui-prototyping-design-tokens-theme-import-map.js CHANGED
@@ -3,11 +3,8 @@ export default {
3
3
  'light-future': () => (() => {}),
4
4
  'dark': () => (() => {}),
5
5
  'dark-future': () => (() => {}),
6
- 'legacy-light': () => (() => {}),
7
- 'legacy-dark': () => (() => {}),
8
6
  'spacing': () => (() => {}),
9
7
  'shape': () => (() => {}),
10
- 'typography-adg3': () => (() => {}),
11
- 'typography-modernized': () => (() => {}),
12
- 'typography-refreshed': () => (() => {}),
8
+ 'typography': () => (() => {}),
9
+ 'motion': () => (() => {}),
13
10
  };
package/entry/token-themes-generated/aui-prototyping-lf-extracted-color-channels.less CHANGED
@@ -1,44 +1,44 @@
1
1
 
2
2
  :root {
3
3
  --auix--ds-text-l1: 0.29;
4
- --auix--ds-text-c1: 0.07;
5
- --auix--ds-text-h1: 260.37;
4
+ --auix--ds-text-c1: 0.01;
5
+ --auix--ds-text-h1: 274.7;
6
6
  --auix--ds-text-a1: 1;
7
- --auix--ds-text-l2: 0.81;
8
- --auix--ds-text-c2: 0.02;
9
- --auix--ds-text-h2: 250.26;
7
+ --auix--ds-text-l2: 0.85;
8
+ --auix--ds-text-c2: 0;
9
+ --auix--ds-text-h2: 271.36;
10
10
  --auix--ds-text-a2: 1;
11
- --auix--ds-background-neutral-hovered-l1: 0.24;
12
- --auix--ds-background-neutral-hovered-c1: 0.07;
13
- --auix--ds-background-neutral-hovered-h1: 260.41;
11
+ --auix--ds-background-neutral-hovered-l1: 0.17;
12
+ --auix--ds-background-neutral-hovered-c1: 0.01;
13
+ --auix--ds-background-neutral-hovered-h1: 159.53;
14
14
  --auix--ds-background-neutral-hovered-a1: 0.14;
15
- --auix--ds-background-neutral-hovered-l2: 0.81;
16
- --auix--ds-background-neutral-hovered-c2: 0.05;
17
- --auix--ds-background-neutral-hovered-h2: 246.72;
18
- --auix--ds-background-neutral-hovered-a2: 0.16;
19
- --auix--ds-background-neutral-subtle-pressed-l1: 0.24;
20
- --auix--ds-background-neutral-subtle-pressed-c1: 0.07;
21
- --auix--ds-background-neutral-subtle-pressed-h1: 260.41;
15
+ --auix--ds-background-neutral-hovered-l2: 0.92;
16
+ --auix--ds-background-neutral-hovered-c2: 0.02;
17
+ --auix--ds-background-neutral-hovered-h2: 282.75;
18
+ --auix--ds-background-neutral-hovered-a2: 0.12;
19
+ --auix--ds-background-neutral-subtle-pressed-l1: 0.17;
20
+ --auix--ds-background-neutral-subtle-pressed-c1: 0.01;
21
+ --auix--ds-background-neutral-subtle-pressed-h1: 159.53;
22
22
  --auix--ds-background-neutral-subtle-pressed-a1: 0.14;
23
- --auix--ds-background-neutral-subtle-pressed-l2: 0.81;
24
- --auix--ds-background-neutral-subtle-pressed-c2: 0.05;
25
- --auix--ds-background-neutral-subtle-pressed-h2: 246.72;
26
- --auix--ds-background-neutral-subtle-pressed-a2: 0.16;
27
- --auix--ds-text-inverse-l1: 0.25;
28
- --auix--ds-text-inverse-c1: 0.01;
29
- --auix--ds-text-inverse-h1: 248.22;
23
+ --auix--ds-background-neutral-subtle-pressed-l2: 0.92;
24
+ --auix--ds-background-neutral-subtle-pressed-c2: 0.02;
25
+ --auix--ds-background-neutral-subtle-pressed-h2: 282.75;
26
+ --auix--ds-background-neutral-subtle-pressed-a2: 0.12;
27
+ --auix--ds-text-inverse-l1: 0.24;
28
+ --auix--ds-text-inverse-c1: 0;
29
+ --auix--ds-text-inverse-h1: 286.11;
30
30
  --auix--ds-text-inverse-a1: 1;
31
31
  --auix--ds-text-inverse-l2: 1;
32
32
  --auix--ds-text-inverse-c2: 0;
33
33
  --auix--ds-text-inverse-h2: NaN;
34
34
  --auix--ds-text-inverse-a2: 1;
35
- --auix--ds-icon-l1: 0.44;
36
- --auix--ds-icon-c1: 0.05;
37
- --auix--ds-icon-h1: 260.72;
35
+ --auix--ds-icon-l1: 0.29;
36
+ --auix--ds-icon-c1: 0.01;
37
+ --auix--ds-icon-h1: 274.7;
38
38
  --auix--ds-icon-a1: 1;
39
- --auix--ds-icon-l2: 0.74;
40
- --auix--ds-icon-c2: 0.03;
41
- --auix--ds-icon-h2: 250.03;
39
+ --auix--ds-icon-l2: 0.85;
40
+ --auix--ds-icon-c2: 0;
41
+ --auix--ds-icon-h2: 271.36;
42
42
  --auix--ds-icon-a2: 1;
43
43
  }
44
44
 
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@atlassian/aui",
3
3
  "description": "Atlassian User Interface library",
4
- "version": "10.1.11",
4
+ "version": "10.2.0",
5
5
  "author": "Atlassian Pty Ltd.",
6
6
  "homepage": "https://aui.atlassian.com",
7
7
  "license": "Apache-2.0",
@@ -36,7 +36,7 @@
36
36
  "jquery": "^2 || ^3 || ^4"
37
37
  },
38
38
  "dependencies": {
39
- "@atlaskit/tokens": "4.9.1",
39
+ "@atlaskit/tokens": "13.0.4",
40
40
  "@atlassian/adg-server-iconfont": "3.1.1",
41
41
  "@popperjs/core": "2.11.8",
42
42
  "backbone": "1.6.0",
@@ -46,21 +46,21 @@
46
46
  "jquery-ui": "1.14.1",
47
47
  "skatejs": "0.13.17",
48
48
  "skatejs-template-html": "0.0.0",
49
- "underscore": "1.13.7"
49
+ "underscore": "^1.13.8"
50
50
  },
51
51
  "devDependencies": {
52
52
  "@atlassian/aui-webpack-config": "3.0.2",
53
53
  "@babel/core": "7.29.0",
54
54
  "@babel/helper-function-name": "^7.24.7",
55
55
  "@babel/helper-hoist-variables": "^7.24.7",
56
- "@babel/preset-env": "7.29.2",
56
+ "@babel/preset-env": "7.29.5",
57
57
  "@types/backbone": "1.4.22",
58
58
  "@types/jqueryui": "1.12.23",
59
- "fs-extra": "9.1.0",
59
+ "fs-extra": "11.3.5",
60
60
  "ignore-emit-webpack-plugin": "^2.0.6",
61
61
  "jquery": "4.0.0",
62
62
  "jquery-3": "npm:jquery@3.7.1",
63
- "less": "4.2.0",
63
+ "less": "4.6.4",
64
64
  "react": "18.3.1",
65
65
  "webpack-merge": "6.0.1"
66
66
  },
package/src/less/aui-buttons.less CHANGED
@@ -5,7 +5,8 @@
5
5
 
6
6
  // Basic layout
7
7
  .aui-button {
8
- #aui.focus-visible(#aui.with-focus-ring());
8
+ #aui.without-focus-outline();
9
+ #aui.focus-visible(#aui.with-focus-outline());
9
10
  #aui.box-sizing();
10
11
  #aui-buttons.aui-button-base();
11
12
 
package/src/less/forms-current.less CHANGED
@@ -164,7 +164,8 @@ form.aui:not(.aui-legacy-forms) {
164
164
 
165
165
  .button,
166
166
  .cancel {
167
- #aui.focus(#aui.with-focus-ring());
167
+ #aui.without-focus-outline();
168
+ #aui.focus-visible(#aui.with-focus-outline());
168
169
  }
169
170
 
170
171
  /* Placeholder form element styles */
package/src/less/imports/aui-theme/components/buttons.less CHANGED
@@ -188,8 +188,7 @@
188
188
  .aui-link-button-style(disabled) {
189
189
  --aui-btn-bg: transparent;
190
190
  --aui-btn-border: transparent;
191
- --aui-btn-text: inherit;
192
- filter: opacity(0.44);
191
+ --aui-btn-text: var(--aui-button-default-disabled-text-color);
193
192
  text-decoration: none;
194
193
  }
195
194
  }
package/src/less/imports/mixins/focus.less CHANGED
@@ -14,6 +14,18 @@
14
14
  }
15
15
  }
16
16
 
17
+ .with-focus-outline() {
18
+ outline-width: 2px;
19
+ outline-style: solid;
20
+ outline-color: @aui-focus-ring-color;
21
+ outline-offset: 2px;
22
+ }
23
+
24
+ .without-focus-outline() {
25
+ outline-color: transparent;
26
+ outline-offset: unset;
27
+ }
28
+
17
29
  // Add a focus style to the element
18
30
  .focus(@rules) {
19
31
  &:focus {
@@ -26,6 +38,7 @@
26
38
  .focus-visible(@rules) {
27
39
  .hide-outline() {
28
40
  outline-style: none;
41
+ outline-color: transparent;
29
42
  outline-offset: unset;
30
43
  }
31
44