@atlassian/aui 9.10.0 → 9.11.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 (59) hide show
  1. package/dist/aui/aui-prototyping-browserfocus.css +10 -10
  2. package/dist/aui/aui-prototyping-darkmode.css +6 -6
  3. package/dist/aui/aui-prototyping-design-tokens-api-full.js +2 -2
  4. package/dist/aui/aui-prototyping-design-tokens-api-full.js.map +1 -1
  5. package/dist/aui/aui-prototyping-design-tokens-api.js +2 -2
  6. package/dist/aui/aui-prototyping-design-tokens-api.js.map +1 -1
  7. package/dist/aui/aui-prototyping-design-tokens-base-themes-css.css +2 -2
  8. package/dist/aui/aui-prototyping-design-tokens-base-themes-css.css.map +1 -1
  9. package/dist/aui/aui-prototyping-design-tokens-base-themes-css.js +1 -1
  10. package/dist/aui/aui-prototyping-design-tokens-base-themes.js +2 -2
  11. package/dist/aui/aui-prototyping-design-tokens-base-themes.js.map +1 -1
  12. package/dist/aui/aui-prototyping.css +4 -4
  13. package/dist/aui/aui-prototyping.css.map +1 -1
  14. package/dist/aui/aui-prototyping.js +8 -8
  15. package/dist/aui/aui-prototyping.js.map +1 -1
  16. package/dist/aui/aui-prototyping.nodeps.css +4 -4
  17. package/dist/aui/aui-prototyping.nodeps.css.map +1 -1
  18. package/dist/aui/aui-prototyping.nodeps.js +15 -15
  19. package/dist/aui/aui-prototyping.nodeps.js.map +1 -1
  20. package/dist/aui/themes/dark.js +1 -1
  21. package/dist/aui/themes/dark.js.map +1 -1
  22. package/dist/aui/themes/legacy-dark.js +1 -1
  23. package/dist/aui/themes/legacy-dark.js.map +1 -1
  24. package/dist/aui/themes/legacy-light.js +1 -1
  25. package/dist/aui/themes/legacy-light.js.map +1 -1
  26. package/dist/aui/themes/light.js +1 -1
  27. package/dist/aui/themes/light.js.map +1 -1
  28. package/dist/aui/themes/typography-adg3.js +1 -1
  29. package/dist/aui/themes/typography-adg3.js.map +1 -1
  30. package/dist/aui/themes/typography-minor3.js +1 -1
  31. package/dist/aui/themes/typography-minor3.js.map +1 -1
  32. package/entry/token-themes-generated/npm/aui-prototyping-design-tokens-base-themes.css +2 -981
  33. package/entry/token-themes-generated/npm/themes/dark.js +1 -0
  34. package/entry/token-themes-generated/npm/themes/legacy-dark.js +1 -0
  35. package/entry/token-themes-generated/npm/themes/legacy-light.js +1 -0
  36. package/entry/token-themes-generated/npm/themes/light.js +1 -0
  37. package/entry/token-themes-generated/npm/themes/typography-adg3.js +18 -16
  38. package/entry/token-themes-generated/npm/themes/typography-minor3.js +27 -21
  39. package/entry/token-themes-generated/p2/aui-prototyping-design-tokens-theme.css +2 -981
  40. package/entry/token-themes-generated/p2/themes/dark.js +1 -0
  41. package/entry/token-themes-generated/p2/themes/legacy-dark.js +1 -0
  42. package/entry/token-themes-generated/p2/themes/legacy-light.js +1 -0
  43. package/entry/token-themes-generated/p2/themes/light.js +1 -0
  44. package/entry/token-themes-generated/p2/themes/typography-adg3.js +18 -16
  45. package/entry/token-themes-generated/p2/themes/typography-minor3.js +27 -21
  46. package/package.json +4 -4
  47. package/src/js/aui/flag.js +34 -8
  48. package/src/js/aui/focus-manager.js +3 -1
  49. package/src/js/aui/internal/a11y/focusable-query.js +4 -0
  50. package/src/js/aui/restful-table/edit-row.js +2 -2
  51. package/src/js/aui/select2.js +13 -2
  52. package/src/js/aui/tooltip.js +44 -8
  53. package/src/less/aui-experimental-labels.less +13 -6
  54. package/src/less/forms-radios-and-checkboxes.less +27 -30
  55. package/src/less/imports/aui-theme/adg/adg-colors.less +1 -0
  56. package/src/less/imports/aui-theme/components/forms.less +8 -0
  57. package/src/less/imports/aui-theme/components/label.less +2 -0
  58. package/src/less/imports/aui-theme/core/colors.less +16 -16
  59. package/src/less/imports/aui-theme/core/layers.less +3 -1
@@ -38,6 +38,7 @@ html[data-color-mode="dark"][data-theme~="dark:dark"] {
38
38
  --ds-link: #579DFF;
39
39
  --ds-link-pressed: #85B8FF;
40
40
  --ds-link-visited: #B8ACF6;
41
+ --ds-link-visited-pressed: #DFD8FD;
41
42
  --ds-icon: #9FADBC;
42
43
  --ds-icon-accent-lime: #82B536;
43
44
  --ds-icon-accent-red: #E2483D;
@@ -38,6 +38,7 @@ html[data-color-mode="dark"][data-theme~="dark:legacy-dark"] {
38
38
  --ds-link: #0052CC;
39
39
  --ds-link-pressed: #0065FF;
40
40
  --ds-link-visited: #6554C0;
41
+ --ds-link-visited-pressed: #6554C0;
41
42
  --ds-icon: #DCE5F5;
42
43
  --ds-icon-accent-lime: #6A9A23;
43
44
  --ds-icon-accent-red: #BF2600;
@@ -38,6 +38,7 @@ html[data-color-mode="dark"][data-theme~="dark:legacy-light"] {
38
38
  --ds-link: #0052CC;
39
39
  --ds-link-pressed: #0747A6;
40
40
  --ds-link-visited: #403294;
41
+ --ds-link-visited-pressed: #403294;
41
42
  --ds-icon: #505F79;
42
43
  --ds-icon-accent-lime: #6A9A23;
43
44
  --ds-icon-accent-red: #FF5630;
@@ -38,6 +38,7 @@ html[data-color-mode="dark"][data-theme~="dark:light"] {
38
38
  --ds-link: #0C66E4;
39
39
  --ds-link-pressed: #0055CC;
40
40
  --ds-link-visited: #5E4DB2;
41
+ --ds-link-visited-pressed: #352C63;
41
42
  --ds-icon: #44546F;
42
43
  --ds-icon-accent-lime: #6A9A23;
43
44
  --ds-icon-accent-red: #C9372C;
@@ -1,30 +1,32 @@
1
1
  export default `
2
2
  html[data-theme~="typography:typography-adg3"] {
3
3
  --ds-UNSAFE-textTransformUppercase: uppercase;
4
- --ds-font-heading-xxlarge: normal 500 2.1875rem/2.5rem var(--ds-font-family-heading);
5
- --ds-font-heading-xlarge: normal 600 1.8125rem/2rem var(--ds-font-family-heading);
6
- --ds-font-heading-large: normal 500 1.5rem/1.75rem var(--ds-font-family-heading);
7
- --ds-font-heading-medium: normal 500 1.25rem/1.5rem var(--ds-font-family-heading);
8
- --ds-font-heading-small: normal 600 1rem/1.25rem var(--ds-font-family-heading);
9
- --ds-font-heading-xsmall: normal 600 0.875rem/1rem var(--ds-font-family-heading);
10
- --ds-font-heading-xxsmall: normal 600 0.75rem/1rem var(--ds-font-family-heading);
11
- --ds-font-body-large: normal 400 1rem/1.5rem var(--ds-font-family-body);
12
- --ds-font-body: normal 400 0.875rem/1.25rem var(--ds-font-family-body);
13
- --ds-font-body-small: normal 400 0.6875rem/1rem var(--ds-font-family-body);
14
- --ds-font-ui: normal 400 0.875rem/1 var(--ds-font-family-body);
15
- --ds-font-ui-small: normal 400 0.6875rem/1 var(--ds-font-family-body);
16
- --ds-font-code: normal 400 0.875em/1 var(--ds-font-family-code);
4
+ --ds-font-heading-xxlarge: normal 500 2.1875rem/2.5rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
5
+ --ds-font-heading-xlarge: normal 600 1.8125rem/2rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
6
+ --ds-font-heading-large: normal 500 1.5rem/1.75rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
7
+ --ds-font-heading-medium: normal 500 1.25rem/1.5rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
8
+ --ds-font-heading-small: normal 600 1rem/1.25rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
9
+ --ds-font-heading-xsmall: normal 600 0.875rem/1rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
10
+ --ds-font-heading-xxsmall: normal 600 0.75rem/1rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
11
+ --ds-font-body-large: normal 400 1rem/1.5rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
12
+ --ds-font-body: normal 400 0.875rem/1.25rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
13
+ --ds-font-body-small: normal 400 0.6875rem/1rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
14
+ --ds-font-body-UNSAFE_small: normal 400 0.75rem/1rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
15
+ --ds-font-ui: normal 500 0.875rem/1 ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
16
+ --ds-font-ui-small: normal 400 0.6875rem/1 ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
17
+ --ds-font-code: normal 400 0.875em/1 ui-monospace, Menlo, "Segoe UI Mono", "Ubuntu Mono", monospace;
17
18
  --ds-font-letterSpacing-0: 0;
18
19
  --ds-font-letterSpacing-100: -0.003em;
19
20
  --ds-font-letterSpacing-200: -0.006em;
20
21
  --ds-font-letterSpacing-300: -0.008em;
21
22
  --ds-font-letterSpacing-400: -0.01em;
22
- --ds-font-family-body: ui-sans-serif, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
23
+ --ds-font-family-body: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
23
24
  --ds-font-family-code: ui-monospace, Menlo, "Segoe UI Mono", "Ubuntu Mono", monospace;
24
- --ds-font-family-heading: ui-sans-serif, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
25
+ --ds-font-family-heading: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
25
26
  --ds-font-family-monospace: ui-monospace, Menlo, "Segoe UI Mono", "Ubuntu Mono", monospace;
26
27
  --ds-font-family-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
27
- --ds-font-family-brand: Charlie Sans;
28
+ --ds-font-family-brand-body: "Charlie Text", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
29
+ --ds-font-family-brand-heading: "Charlie Display", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
28
30
  --ds-font-size-050: 0.6875rem;
29
31
  --ds-font-size-075: 0.75rem;
30
32
  --ds-font-size-100: 0.875rem;
@@ -1,35 +1,41 @@
1
1
  export default `
2
2
  html[data-theme~="typography:typography-minor3"] {
3
3
  --ds-UNSAFE-textTransformUppercase: uppercase;
4
- --ds-font-heading-xxlarge: normal 700 2rem/2.25rem var(--ds-font-family-heading);
5
- --ds-font-heading-xlarge: normal 700 1.75rem/2rem var(--ds-font-family-heading);
6
- --ds-font-heading-large: normal 700 1.5rem/1.75rem var(--ds-font-family-heading);
7
- --ds-font-heading-medium: normal 700 1.25rem/1.5rem var(--ds-font-family-heading);
8
- --ds-font-heading-small: normal 700 1rem/1.25rem var(--ds-font-family-heading);
9
- --ds-font-heading-xsmall: normal 700 0.875rem/1rem var(--ds-font-family-heading);
10
- --ds-font-heading-xxsmall: normal 700 0.75rem/1rem var(--ds-font-family-heading);
11
- --ds-font-body-large: normal 400 1rem/1.5rem var(--ds-font-family-body);
12
- --ds-font-body: normal 400 0.875rem/1.25rem var(--ds-font-family-body);
13
- --ds-font-body-small: normal 400 0.75rem/1rem var(--ds-font-family-body);
14
- --ds-font-ui: normal 400 0.875rem/1 var(--ds-font-family-body);
15
- --ds-font-ui-small: normal 400 0.75rem/1 var(--ds-font-family-body);
16
- --ds-font-code: normal 400 0.875em/1 var(--ds-font-family-code);
4
+ --ds-font-heading-xxlarge: normal 700 2rem/2.25rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
5
+ --ds-font-heading-xlarge: normal 700 1.75rem/2rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
6
+ --ds-font-heading-large: normal 700 1.5rem/1.75rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
7
+ --ds-font-heading-medium: normal 700 1.25rem/1.5rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
8
+ --ds-font-heading-small: normal 700 1rem/1.25rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
9
+ --ds-font-heading-xsmall: normal 700 0.875rem/1rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
10
+ --ds-font-heading-xxsmall: normal 700 0.75rem/1rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
11
+ --ds-font-body-large: normal 400 1rem/1.5rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
12
+ --ds-font-body: normal 400 0.875rem/1.25rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
13
+ --ds-font-body-small: normal 400 0.75rem/1rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
14
+ --ds-font-body-UNSAFE_small: normal 400 0.75rem/1rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
15
+ --ds-font-ui: normal 500 0.875rem/1 ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
16
+ --ds-font-ui-small: normal 400 0.75rem/1 ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
17
+ --ds-font-code: normal 400 0.875em/1 ui-monospace, Menlo, "Segoe UI Mono", "Ubuntu Mono", monospace;
17
18
  --ds-font-letterSpacing-0: 0;
18
19
  --ds-font-letterSpacing-100: 0;
19
20
  --ds-font-letterSpacing-200: 0;
20
21
  --ds-font-letterSpacing-300: 0;
21
22
  --ds-font-letterSpacing-400: 0;
22
- --ds-font-family-body: ui-sans-serif, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
23
+ --ds-font-family-body: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
23
24
  --ds-font-family-code: ui-monospace, Menlo, "Segoe UI Mono", "Ubuntu Mono", monospace;
24
- --ds-font-family-heading: ui-sans-serif, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
25
+ --ds-font-family-heading: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
25
26
  --ds-font-family-monospace: ui-monospace, Menlo, "Segoe UI Mono", "Ubuntu Mono", monospace;
26
- --ds-font-family-sans: ui-sans-serif, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
27
- --ds-font-family-brand: Charlie Sans;
27
+ --ds-font-family-sans: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
28
+ --ds-font-family-brand-body: "Charlie Text", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
29
+ --ds-font-family-brand-heading: "Charlie Display", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
30
+ --ds-font-weight-bold: 700;
31
+ --ds-font-weight-medium: 500;
32
+ --ds-font-weight-regular: 400;
33
+ --ds-font-weight-semibold: 600;
28
34
  @media not all and (min-width: 64rem) {
29
- --ds-font-heading-xxlarge: normal 700 1.75rem/2rem var(--ds-font-family-heading);
30
- --ds-font-heading-xlarge: normal 700 1.5rem/1.75rem var(--ds-font-family-heading);
31
- --ds-font-heading-large: normal 700 1.25rem/1.5rem var(--ds-font-family-heading);
32
- --ds-font-heading-medium: normal 700 1rem/1.25rem var(--ds-font-family-heading);
35
+ --ds-font-heading-xxlarge: normal 700 1.75rem/2rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
36
+ --ds-font-heading-xlarge: normal 700 1.5rem/1.75rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
37
+ --ds-font-heading-large: normal 700 1.25rem/1.5rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
38
+ --ds-font-heading-medium: normal 700 1rem/1.25rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
33
39
  }
34
40
  }
35
41
  `