@atlassian/aui 9.3.3 → 9.4.1

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 (34) hide show
  1. package/dist/aui/aui-css-deprecations.js +1 -1
  2. package/dist/aui/aui-css-deprecations.js.map +1 -1
  3. package/dist/aui/aui-prototyping.css +13 -12
  4. package/dist/aui/aui-prototyping.css.map +1 -0
  5. package/dist/aui/aui-prototyping.js +45 -45
  6. package/dist/aui/aui-prototyping.js.map +1 -1
  7. package/dist/aui/aui-prototyping.nodeps.css +13 -12
  8. package/dist/aui/aui-prototyping.nodeps.css.map +1 -0
  9. package/dist/aui/aui-prototyping.nodeps.js +45 -45
  10. package/dist/aui/aui-prototyping.nodeps.js.map +1 -1
  11. package/entry/aui.batch.prototyping.js +2 -1
  12. package/entry/aui.component.form.date-select.js +1 -1
  13. package/entry/behaviours/aui.behaviour.i18n.js +1 -1
  14. package/package.json +10 -14
  15. package/src/js/aui/date-picker.js +15 -8
  16. package/src/js/aui/internal/globalize.js +13 -0
  17. package/src/js/aui/layer.js +54 -49
  18. package/src/js/aui/tooltip.js +19 -7
  19. package/src/js/aui/unique-id.js +1 -1
  20. package/src/js/aui-css-deprecations.js +9 -1
  21. package/src/less/aui-appheader.less +0 -1
  22. package/src/less/aui-experimental-tooltip.less +1 -1
  23. package/src/less/aui-page-typography.less +3 -1
  24. package/src/less/aui-select2.less +20 -10
  25. package/src/less/aui-sidebar-skeleton.less +5 -3
  26. package/src/less/flag.less +1 -1
  27. package/src/less/forms-current.less +5 -4
  28. package/src/less/forms.less +0 -1
  29. package/src/less/imports/aui-theme/core/layers.less +13 -4
  30. package/src/less/imports/mixins/dropdown2-trigger-chevron-icon.less +2 -2
  31. package/src/less/inline-dialog.less +0 -2
  32. package/src/less/layer.less +1 -1
  33. package/src/less/messages.less +0 -5
  34. package/src/less/single-select.less +0 -2
@@ -6,7 +6,6 @@
6
6
 
7
7
  form.aui {
8
8
  margin: 20px 0 0 0;
9
- position: relative;
10
9
  }
11
10
 
12
11
  form.aui:first-child {
@@ -1,4 +1,13 @@
1
- @aui-z-base: 2;
2
- @aui-z-sidebar: @aui-z-base + 1;
3
- @aui-z-header: @aui-z-sidebar + 1;
4
- @aui-z-skip: @aui-z-header + 1;
1
+ // See layer.js and ZINDEX_AUI_LAYER_MIN, too.
2
+ // All modern components' z-index values should be managed by the layer manager.
3
+ @aui-z-layer-min: 3000;
4
+ @aui-z-dropdown: @aui-z-layer-min;
5
+ @aui-z-inline-dialog: @aui-z-layer-min;
6
+ @aui-z-modal-dialog: @aui-z-layer-min;
7
+
8
+ // Additional manually-configured indexes, because sometimes we need things to be above or below the base.
9
+ @aui-z-blanket: @aui-z-layer-min - 500; // so it appears below modals
10
+ @aui-z-skip: @aui-z-layer-min + 1000; // so they appear above modals
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
13
+ @aui-z-tooltip: @aui-z-layer-min + 2000; // so they appear over the top of pretty much everything
@@ -2,7 +2,7 @@
2
2
 
3
3
  #aui {
4
4
  .aui-dropdown2-trigger-chevron-icon(@glyphsize: @aui-icon-size-small; @canvassize: @aui-icon-size-small-canvas) {
5
- @canvas-padding: ((@canvassize - @glyphsize) / 2);
5
+
6
6
  #aui.icon-pseudoelement(@aui-icon-font-family);
7
7
  content: @aui-glyph-chevron-down;
8
8
  font-size: @glyphsize;
@@ -10,7 +10,7 @@
10
10
  line-height: 1;
11
11
  margin-top: -(@glyphsize / 2);
12
12
  position: absolute;
13
- right: @canvas-padding;
13
+ right: 3.5px;
14
14
  top: 50%;
15
15
  text-indent: 0; // Reset indentation set by split button
16
16
  width: @glyphsize;
@@ -12,7 +12,6 @@ aui-inline-dialog {
12
12
 
13
13
  display: block;
14
14
  position: absolute;
15
- z-index: 100;
16
15
 
17
16
  // Handle FOUC
18
17
  &:not([resolved]) {
@@ -159,7 +158,6 @@ aui-inline-dialog {
159
158
  .aui-inline-dialog {
160
159
  display: none;
161
160
  position: absolute;
162
- z-index: 100;
163
161
 
164
162
  .aui-inline-dialog-contents,
165
163
  .contents {
@@ -23,7 +23,7 @@
23
23
  position: fixed;
24
24
  top: 0;
25
25
  width: 100%;
26
- z-index: 2500;
26
+ z-index: @aui-z-blanket;
27
27
 
28
28
  &:not([hidden]) {
29
29
  #aui.transition.fadeIn(@aui-blanket-fade-time, @aui-blanket-fade-delay);
@@ -51,11 +51,6 @@ aui-message, .aui-message {
51
51
  }
52
52
  }
53
53
 
54
- .aui-popup .aui-message.closeable,
55
- .aui-dialog .aui-message.closeable {
56
- z-index: 4000;
57
- }
58
-
59
54
  .aui-message-error {
60
55
  --aui-message-icolor: var(--aui-message-error-icon-color);
61
56
  --aui-message-ig: @aui-glyph-exclamation-circle;
@@ -136,8 +136,6 @@ aui-select {
136
136
 
137
137
  &:not([aria-busy])::before {
138
138
  #aui.aui-dropdown2-trigger-chevron-icon();
139
-
140
- right: ((@select-trigger-width - @aui-icon-size-small - (@aui-button-border-width *2)) / 2);
141
139
  }
142
140
  }
143
141
  }