@atlassian/aui 9.10.6 → 9.10.7

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.10.6",
4
+ "version": "9.10.7",
5
5
  "author": "Atlassian Pty Ltd.",
6
6
  "homepage": "https://aui.atlassian.com",
7
7
  "license": "Apache-2.0",
@@ -38,7 +38,7 @@
38
38
  "@popperjs/core": "2.11.8",
39
39
  "backbone": "1.5.0",
40
40
  "css.escape": "1.5.1",
41
- "dompurify": "2.5.7",
41
+ "dompurify": "^3.2.5",
42
42
  "fancy-file-input": "2.0.4",
43
43
  "jquery-ui": "1.13.2",
44
44
  "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;
@@ -419,7 +420,8 @@
419
420
 
420
421
  // Avatars
421
422
  --aui-avatar-outline: @ak-color-N0;
422
- --aui-avatar-text: @ak-color-N100;
423
+ --aui-avatar-text: var(--aui-button-default-text-color);
424
+ --aui-avatar-background: var(--aui-button-default-bg-color);
423
425
 
424
426
  // Lozenges
425
427
  --aui-lozenge-bg-color: @ak-color-N500;
@@ -769,7 +771,8 @@
769
771
 
770
772
  // Avatars
771
773
  --aui-avatar-outline: var(--ds-border-inverse, @ak-color-N0);
772
- --aui-avatar-text: var(--ds-text-inverse, @ak-color-N100);
774
+ --aui-avatar-text: var(--aui-button-default-text-color);
775
+ --aui-avatar-background: var(--aui-button-default-bg-color);
773
776
 
774
777
  // Lozenges
775
778
  --aui-lozenge-bg-color: var(--ds-background-neutral-bold, @ak-color-N500);