@atlassian/aui 9.12.9 → 9.12.10

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.
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@atlassian/aui",
3
3
  "description": "Atlassian User Interface library",
4
- "version": "9.12.9",
4
+ "version": "9.12.10",
5
5
  "author": "Atlassian Pty Ltd.",
6
6
  "homepage": "https://aui.atlassian.com",
7
7
  "license": "Apache-2.0",
@@ -42,7 +42,7 @@
42
42
  "@popperjs/core": "2.11.8",
43
43
  "backbone": "1.6.0",
44
44
  "css.escape": "1.5.1",
45
- "dompurify": "2.5.7",
45
+ "dompurify": "^3.2.5",
46
46
  "fancy-file-input": "2.0.4",
47
47
  "jquery-ui": "1.13.3",
48
48
  "skatejs": "0.13.17",
@@ -5,8 +5,8 @@ const testingColorVariableName = '--aui-theme-testing-color';
5
5
  const defaultTestingColor = 'color(srgb 1 0.75 0.8 / 0.6)';
6
6
  const testingThemeTargetClass = 'aui-theme-testing';
7
7
  const testingThemeSelector =
8
- `html.${testingThemeTargetClass}[data-theme*="light:"], ` +
9
- `html.${testingThemeTargetClass}[data-theme*="dark:"]`;
8
+ `html.${testingThemeTargetClass}[data-color-mode][data-theme*="light:"], ` +
9
+ `html.${testingThemeTargetClass}[data-color-mode][data-theme*="dark:"]`;
10
10
 
11
11
  /**
12
12
  * Theme that replaces all the design tokens with single color, helping to visually identify custom colors on the page
@@ -34,7 +34,7 @@ const testingThemeSelector =
34
34
 
35
35
  const themeElement = document.createElement('style');
36
36
  themeElement.id = 'aui-design-tokens-testing-theme';
37
- themeElement.innerText = themeCSS;
37
+ themeElement.textContent = themeCSS;
38
38
 
39
39
  const head = document.querySelector('head');
40
40
  if (head) {
@@ -138,7 +138,7 @@
138
138
  color: var(--aui-avatar-text);
139
139
  display: grid;
140
140
  place-items: center;
141
- background-color: var(--aui-body-background);
141
+ background-color: var(--aui-avatar-background);
142
142
  font-size: calc(var(--aui-avatar-size) / 3);
143
143
  }
144
144
  &-menu {
@@ -68,7 +68,8 @@
68
68
 
69
69
  // Avatars
70
70
  --aui-avatar-outline: @ak-color-N0;
71
- --aui-avatar-text: @ak-color-N100;
71
+ --aui-avatar-text: var(--aui-button-default-text-color);
72
+ --aui-avatar-background: var(--aui-button-default-bg-color);
72
73
 
73
74
  // Lozenges
74
75
  --aui-lozenge-bg-color: @ak-color-N500;
@@ -420,7 +421,8 @@
420
421
 
421
422
  // Avatars
422
423
  --aui-avatar-outline: @ak-color-N0;
423
- --aui-avatar-text: @ak-color-N100;
424
+ --aui-avatar-text: var(--aui-button-default-text-color);
425
+ --aui-avatar-background: var(--aui-button-default-bg-color);
424
426
 
425
427
  // Lozenges
426
428
  --aui-lozenge-bg-color: @ak-color-N500;
@@ -771,7 +773,8 @@
771
773
 
772
774
  // Avatars
773
775
  --aui-avatar-outline: var(--ds-border-inverse, @ak-color-N0);
774
- --aui-avatar-text: var(--ds-text-inverse, @ak-color-N100);
776
+ --aui-avatar-text: var(--aui-button-default-text-color);
777
+ --aui-avatar-background: var(--aui-button-default-bg-color);
775
778
 
776
779
  // Lozenges
777
780
  --aui-lozenge-bg-color: var(--ds-background-neutral-bold, @ak-color-N500);