@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
package/src/less/imports/aui-theme/components/forms.less CHANGED
@@ -38,7 +38,9 @@
38
38
  @aui-form-transition-time: 0.2s;
39
39
 
40
40
  @aui-form-button-size: 10px;
41
+ @aui-form-button-border-width: 2px;
41
42
  @aui-form-button-focus-border-width: 2px;
43
+ @aui-form-radio-checkbox-outline-padding-space: 2px;
42
44
 
43
45
  #aui-forms {
44
46
  .aui-input-field-style(normal) {
@@ -73,6 +75,12 @@
73
75
  width: @aui-form-button-size;
74
76
  height: @aui-form-button-size;
75
77
  }
78
+
79
+ .aui-radio-checkbox-outline-size() {
80
+ display: inline-block;
81
+ width: @aui-form-button-size + @aui-form-button-border-width * 2 + (@aui-form-radio-checkbox-outline-padding-space * 2);
82
+ height: @aui-form-button-size + @aui-form-button-border-width * 2 + (@aui-form-radio-checkbox-outline-padding-space * 2);
83
+ }
76
84
  }
77
85
 
78
86
  #aui-legacy-forms {
package/src/less/imports/aui-theme/components/label.less CHANGED
@@ -6,5 +6,7 @@
6
6
  @aui-label-border-color: var(--aui-label-bg-color);
7
7
  @aui-label-hover-bg-color: var(--aui-label-hover-bg-color);
8
8
  @aui-label-hover-border-color: var(--aui-label-hover-bg-color);
9
+ @aui-label-closable-bg-color: var(--aui-label-close-hover-bg-color);
10
+ @aui-label-closable-text-color: var(--aui-label-close-hover-text-color);
9
11
 
10
12
  @aui-label-border-radius: @aui-border-radius-smallish;
package/src/less/imports/aui-theme/core/colors.less CHANGED
@@ -167,8 +167,8 @@
167
167
  --aui-label-link-color: inherit;
168
168
  --aui-label-bg-color: @ak-color-N20;
169
169
  --aui-label-hover-bg-color: @ak-color-N20;
170
- --aui-label-close-hover-bg-color: @ak-color-R75;
171
- --aui-label-close-hover-text-color: @ak-color-N800;
170
+ --aui-label-close-hover-bg-color: @ak-color-R50;
171
+ --aui-label-close-hover-text-color: @ak-color-R500;
172
172
 
173
173
  // Forms
174
174
  --aui-form-placeholder-text-color: @ak-color-N300;
@@ -210,8 +210,8 @@
210
210
  --aui-form-checkbox-active-bg-color: @ak-color-B50;
211
211
  --aui-form-checkbox-active-border-color: @ak-color-B50;
212
212
  --aui-form-checkbox-active-icon-color: @ak-color-B400;
213
- --aui-form-radio-unchecked-bg-color: @ak-color-N10;
214
- --aui-form-radio-unchecked-border-color: @ak-color-N40;
213
+ --aui-form-radio-unchecked-bg-color: @ak-color-N20;
214
+ --aui-form-radio-unchecked-border-color: @ak-color-N200;
215
215
 
216
216
  // Toggle
217
217
  --aui-toggle-default-bg-color: @ak-color-N200;
@@ -374,7 +374,7 @@
374
374
  --aui-border: @ak-color-N50;
375
375
  --aui-border-strong: @ak-color-N100;
376
376
  --aui-focus: @ak-color-B100;
377
- --aui-link-color: @ak-color-B100;
377
+ --aui-link-color: @ak-color-B90;
378
378
  --aui-link-decoration: none;
379
379
  --aui-link-hover-color: @ak-color-B75;
380
380
  --aui-link-active-color: @ak-color-B200;
@@ -516,10 +516,10 @@
516
516
  // "Labels" (e.g., page tags, selected values in components, etc.)
517
517
  --aui-label-text-color: @ak-color-N800;
518
518
  --aui-label-link-color: @ak-color-N800;
519
- --aui-label-bg-color: @ak-color-N70;
519
+ --aui-label-bg-color: @ak-color-N50;
520
520
  --aui-label-hover-bg-color: @ak-color-N80;
521
- --aui-label-close-hover-bg-color: @ak-color-R400;
522
- --aui-label-close-hover-text-color: @ak-color-N30;
521
+ --aui-label-close-hover-bg-color: @ak-color-R50;
522
+ --aui-label-close-hover-text-color: @ak-color-R500;
523
523
 
524
524
  // Forms
525
525
  --aui-form-placeholder-text-color: @ak-color-N200;
@@ -561,8 +561,8 @@
561
561
  --aui-form-checkbox-active-bg-color: @ak-color-B50;
562
562
  --aui-form-checkbox-active-border-color: @ak-color-B50;
563
563
  --aui-form-checkbox-active-icon-color: @ak-color-B200;
564
- --aui-form-radio-unchecked-bg-color: @ak-color-N10;
565
- --aui-form-radio-unchecked-border-color: @ak-color-N70;
564
+ --aui-form-radio-unchecked-bg-color: @ak-color-N20;
565
+ --aui-form-radio-unchecked-border-color: @ak-color-N200;
566
566
 
567
567
  // Toggle
568
568
  --aui-toggle-default-bg-color: @ak-color-N90;
@@ -868,8 +868,8 @@
868
868
  --aui-label-link-color: var(--ds-link);
869
869
  --aui-label-bg-color: var(--ds-background-neutral, @ak-color-N20);
870
870
  --aui-label-hover-bg-color: var(--ds-background-neutral, @ak-color-N20);
871
- --aui-label-close-hover-bg-color: var(--ds-background-accent-red-subtle, @ak-color-R75);
872
- --aui-label-close-hover-text-color: var(--ds-icon-accent-gray, @ak-color-N800);
871
+ --aui-label-close-hover-bg-color: var(--ds-background-danger, @ak-color-R50);
872
+ --aui-label-close-hover-text-color: var(--ds-text-danger, @ak-color-R500);
873
873
 
874
874
  // Forms
875
875
  --aui-form-placeholder-text-color: var(--ds-text-subtlest, @ak-color-N300);
@@ -877,9 +877,9 @@
877
877
  --aui-form-label-text-color: var(--ds-text-subtle, @ak-color-N200);
878
878
  --aui-form-error-text-color: var(--ds-text-danger, @ak-color-R400);
879
879
  --aui-form-description-text-color: var(--ds-text-subtlest, @ak-color-N200);
880
- --aui-form-disabled-field-bg-color: var(--ds-text-disabled, @ak-color-N20);
881
- --aui-form-disabled-field-text-color: var(--ds-text-subtlest, @ak-color-N80);
882
- --aui-form-disabled-field-label-color: var(--ds-text-subtle, @ak-color-N80);
880
+ --aui-form-disabled-field-bg-color: var(--ds-background-disabled, @ak-color-N20);
881
+ --aui-form-disabled-field-text-color: var(--ds-text-disabled, @ak-color-N80);
882
+ --aui-form-disabled-field-label-color: var(--ds-text-disabled, @ak-color-N80);
883
883
  --aui-form-field-border-color: var(--ds-border-input, @ak-color-N40);
884
884
  --aui-form-field-hover-border-color: var(--ds-border-focused, @ak-color-N40);
885
885
  --aui-form-field-default-text-color: var(--ds-text, @ak-color-N800);
@@ -912,7 +912,7 @@
912
912
  --aui-form-checkbox-active-border-color: var(--ds-border-accent-blue, @ak-color-B50);
913
913
  --aui-form-checkbox-active-icon-color: var(--ds-icon-information, @ak-color-B400);
914
914
  --aui-form-radio-unchecked-bg-color: var(--ds-background-input, @ak-color-N10);
915
- --aui-form-radio-unchecked-border-color: var(--ds-border-input, @ak-color-N40);
915
+ --aui-form-radio-unchecked-border-color: var(--ds-border-bold, @ak-color-N100);
916
916
 
917
917
  // Toggle
918
918
  --aui-toggle-default-bg-color: var(--ds-background-neutral-bold, @ak-color-N200);
package/src/less/imports/aui-theme/core/layers.less CHANGED
@@ -9,5 +9,7 @@
9
9
  @aui-z-blanket: @aui-z-layer-min - 500; // so it appears below modals
10
10
  @aui-z-skip: @aui-z-layer-min + 1000; // so they appear above modals
11
11
  @aui-z-flag-container: @aui-z-layer-min + 1000; // so they appear above modals
12
- @aui-z-select2: @aui-z-layer-min + 3; // so it can paint an "overlay" behind its suggestion dropdown
12
+ // default auiSelect2 z-index, so it can paint an "overlay" behind its suggestion dropdown
13
+ // overridden by select2.js based on layer z-index
14
+ @aui-z-select2: @aui-z-layer-min + 3;
13
15
  @aui-z-tooltip: @aui-z-layer-min + 2000; // so they appear over the top of pretty much everything