@atlassian/aui 10.2.2 → 10.2.4

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.
Binary file
Binary file
Binary file
@@ -1,7 +1,7 @@
1
1
  /* ------ THEME: light ------ */
2
2
  html:not([data-color-mode-auto])[data-color-mode="light"][data-theme~="light:light"],
3
3
  html:not([data-color-mode-auto])[data-color-mode="dark"][data-theme~="dark:light"],
4
- html:not([data-color-mode-auto])[data-color-mode="light"]:not([data-theme]),
4
+ html:not([data-color-mode-auto])[data-color-mode="light"]:not([data-theme*="light:"]),
5
5
  html:not([data-color-mode-auto]):not([data-color-mode]) {
6
6
  color-scheme: light;
7
7
  --ds-text: #292A2E;
@@ -417,7 +417,7 @@ html:not([data-color-mode-auto]):not([data-color-mode]) {
417
417
  }
418
418
  @media (prefers-color-scheme: light) {
419
419
  html[data-color-mode-auto][data-theme~="light:light"],
420
- html[data-color-mode-auto]:not([data-theme]) {
420
+ html[data-color-mode-auto]:not([data-theme*="light:"]) {
421
421
  color-scheme: light;
422
422
  --ds-text: #292A2E;
423
423
  --ds-text-accent-lime: #4C6B1F;
@@ -835,7 +835,7 @@ html:not([data-color-mode-auto]):not([data-color-mode]) {
835
835
  /* ------ THEME: dark ------ */
836
836
  html:not([data-color-mode-auto])[data-color-mode="dark"][data-theme~="dark:dark"],
837
837
  html:not([data-color-mode-auto])[data-color-mode="light"][data-theme~="light:dark"],
838
- html:not([data-color-mode-auto])[data-color-mode="dark"]:not([data-theme]) {
838
+ html:not([data-color-mode-auto])[data-color-mode="dark"]:not([data-theme*="dark:"]) {
839
839
  color-scheme: dark;
840
840
  --ds-text: #CECFD2;
841
841
  --ds-text-accent-lime: #B3DF72;
@@ -1250,7 +1250,7 @@ html:not([data-color-mode-auto])[data-color-mode="dark"]:not([data-theme]) {
1250
1250
  }
1251
1251
  @media (prefers-color-scheme: dark) {
1252
1252
  html[data-color-mode-auto][data-theme~="dark:dark"],
1253
- html[data-color-mode-auto]:not([data-theme]) {
1253
+ html[data-color-mode-auto]:not([data-theme*="dark:"]) {
1254
1254
  color-scheme: dark;
1255
1255
  --ds-text: #CECFD2;
1256
1256
  --ds-text-accent-lime: #B3DF72;
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.2.2",
4
+ "version": "10.2.4",
5
5
  "author": "Atlassian Pty Ltd.",
6
6
  "homepage": "https://aui.atlassian.com",
7
7
  "license": "Apache-2.0",
@@ -37,11 +37,11 @@
37
37
  },
38
38
  "dependencies": {
39
39
  "@atlaskit/tokens": "13.0.4",
40
- "@atlassian/adg-server-iconfont": "3.1.1",
40
+ "@atlassian/adg-server-iconfont": "3.1.2",
41
41
  "@atlassian/fancy-file-input": "3.0.0",
42
42
  "@popperjs/core": "2.11.8",
43
43
  "backbone": "1.6.0",
44
- "dompurify": "^3.4.7",
44
+ "dompurify": "^3.4.13",
45
45
  "jquery-form": "4.3.0",
46
46
  "jquery-ui": "1.14.1",
47
47
  "skatejs": "0.13.17",
@@ -1,24 +1,21 @@
1
1
  @import (reference) './imports/global';
2
2
 
3
- /**
4
- * LINK
5
- */
6
-
3
+ /* LINK */
7
4
  a {
8
- color: var(--aui-link-color);
5
+ color: var(--atl-theme-link-text-color, var(--aui-link-color));
9
6
  text-decoration: var(--aui-link-decoration);
10
7
  }
11
8
 
12
9
  a:hover {
13
- color: var(--aui-link-hover-color);
10
+ color: var(--atl-theme-link-active-text-color, var(--aui-link-hover-color));
14
11
  text-decoration: var(--aui-link-hover-decoration);
15
12
  }
16
13
 
17
14
  a:focus,
18
15
  a:active {
19
- text-decoration: var(--aui-link-decoration);
16
+ outline: var(--aui-link-focus-outline);
20
17
  }
21
18
 
22
19
  a:active {
23
- color: var(--aui-link-active-color);
20
+ color: var(--atl-theme-link-active-text-color, var(--aui-link-active-color));
24
21
  }
@@ -168,20 +168,20 @@
168
168
  .aui-link-button-style(normal) {
169
169
  --aui-btn-bg: transparent;
170
170
  --aui-btn-border: transparent;
171
- --aui-btn-text: var(--aui-link-color);
171
+ --aui-btn-text: var(--atl-theme-link-text-color, var(--aui-link-color));
172
172
  cursor: pointer;
173
173
  text-decoration: var(--aui-link-decoration, none);
174
174
  }
175
175
 
176
176
  .aui-link-button-style(hover) {
177
177
  --aui-btn-bg: transparent;
178
- --aui-btn-text: var(--aui-link-hover-color);
178
+ --aui-btn-text: var(--atl-theme-link-active-text-color, var(--aui-link-hover-color));
179
179
  text-decoration: var(--aui-link-hover-decoration, underline);
180
180
  }
181
181
 
182
182
  .aui-link-button-style(active) {
183
183
  --aui-btn-bg: transparent;
184
- --aui-btn-text: var(--aui-link-active-color);
184
+ --aui-btn-text: var(--atl-theme-link-active-text-color, var(--aui-link-active-color));
185
185
  text-decoration: var(--aui-link-active-decoration, none);
186
186
  }
187
187
 
@@ -6,6 +6,7 @@
6
6
  #aui {
7
7
  .with-focus-ring(@width: 2px; @inset: false; @set-border-color: false) {
8
8
  outline-style: none;
9
+ outline-width: 0;
9
10
 
10
11
  #aui.with-box-shadow(@aui-focus-ring-color, @width, @inset);
11
12
 
@@ -38,7 +39,7 @@
38
39
  .focus-visible(@rules) {
39
40
  .hide-outline() {
40
41
  outline-style: none;
41
- outline-color: transparent;
42
+ outline-width: 0;
42
43
  outline-offset: unset;
43
44
  }
44
45
 
@@ -97,6 +97,8 @@ aui-select {
97
97
  width: 100%;
98
98
  max-width: 250px;
99
99
  vertical-align: bottom;
100
+ // Clip raw <aui-option> text so it never flashes before the element upgrades.
101
+ overflow: hidden;
100
102
  }
101
103
 
102
104
  aui-option:not([resolved]) {