@atlassian/aui 9.3.21 → 9.3.23

package/src/less/inline-dialog.less

@@ -8,7 +8,9 @@ aui-inline-dialog {
     --aui-tail-x: 0;
     --aui-tail-y: 0;
     --aui-tail-w: @aui-inline-dialog2-arrow-side-length;
-    --aui-tail-bw: calc(var(--aui-inline-dialog-border-width) + @aui-inline-dialog2-arrow-border-width);
+    --aui-tail-bw: calc(
+        var(--aui-inline-dialog-border-width) + @aui-inline-dialog2-arrow-border-width
+    );
 
     display: block;
     position: absolute;
@@ -47,7 +49,7 @@ aui-inline-dialog {
         border: var(--aui-tail-w) solid transparent;
         border-bottom-color: @aui-inline-dialog-bg-color;
         box-sizing: border-box;
-        content: "";
+        content: '';
         display: inline-block;
         height: 0;
         pointer-events: none;
@@ -62,60 +64,60 @@ aui-inline-dialog {
 
     // 'top _' alignment
     &.aui-alignment-side-top,
-    &.aui-alignment-side-bottom[data-popper-placement*="top"] {
+    &.aui-alignment-side-bottom[data-popper-placement*='top'] {
         --aui-tail-deg: 180deg;
         --aui-tail-y: var(--aui-tail-w);
 
         &:before {
-            top: calc(~"100%" - var(--aui-tail-w));
+            top: calc(~'100%' - var(--aui-tail-w));
         }
 
         &:after {
-            top: calc(~"100%" - var(--aui-tail-w) - var(--aui-tail-bw));
+            top: calc(~'100%' - var(--aui-tail-w) - var(--aui-tail-bw));
         }
     }
 
     // 'bottom _' alignment
     &.aui-alignment-side-bottom,
-    &.aui-alignment-side-top[data-popper-placement*="bottom"] {
+    &.aui-alignment-side-top[data-popper-placement*='bottom'] {
         --aui-tail-deg: 0deg;
         --aui-tail-y: var(--aui-tail-w);
 
         &:before {
-            top: calc(~"0%" - var(--aui-tail-w));
+            top: calc(~'0%' - var(--aui-tail-w));
         }
         &:after {
-            top: calc(~"0%" - var(--aui-tail-w) + var(--aui-tail-bw));
+            top: calc(~'0%' - var(--aui-tail-w) + var(--aui-tail-bw));
         }
     }
 
     // 'left _' alignment
     &.aui-alignment-side-left,
-    &.aui-alignment-side-right[data-popper-placement*="left"] {
+    &.aui-alignment-side-right[data-popper-placement*='left'] {
         --aui-tail-deg: 90deg;
         --aui-tail-x: var(--aui-tail-w);
 
         &:before {
-            left: calc(~"100%" - var(--aui-tail-w));
+            left: calc(~'100%' - var(--aui-tail-w));
         }
 
         &:after {
-            left: calc(~"100%" - var(--aui-tail-w) - var(--aui-tail-bw));
+            left: calc(~'100%' - var(--aui-tail-w) - var(--aui-tail-bw));
         }
     }
 
     // 'right _' alignment
     &.aui-alignment-side-right,
-    &.aui-alignment-side-left[data-popper-placement*="right"] {
+    &.aui-alignment-side-left[data-popper-placement*='right'] {
         --aui-tail-deg: -90deg;
         --aui-tail-x: var(--aui-tail-w);
 
         &:before {
-            left: calc(~"0%" - var(--aui-tail-w));
+            left: calc(~'0%' - var(--aui-tail-w));
         }
 
         &:after {
-            left: calc(~"0%" - var(--aui-tail-w) + var(--aui-tail-bw));
+            left: calc(~'0%' - var(--aui-tail-w) + var(--aui-tail-bw));
         }
     }
 
@@ -128,13 +130,13 @@ aui-inline-dialog {
     // '_ center' alignment
     &.aui-alignment-snap-center:before,
     &.aui-alignment-snap-center:after {
-        left: calc(~"50%" - var(--aui-tail-w));
+        left: calc(~'50%' - var(--aui-tail-w));
     }
 
     // '_ right' alignment
     &.aui-alignment-snap-right:before,
     &.aui-alignment-snap-right:after {
-        left: calc(~"100%" - ((var(--aui-tail-w) * 3) - @aui-inline-dialog2-arrow-edge-offset));
+        left: calc(~'100%' - ((var(--aui-tail-w) * 3) - @aui-inline-dialog2-arrow-edge-offset));
     }
 
     // '_ top' alignment
@@ -146,13 +148,13 @@ aui-inline-dialog {
     // '_ middle' alignment
     &.aui-alignment-snap-middle:before,
     &.aui-alignment-snap-middle:after {
-        top: calc(~"50%" - var(--aui-tail-w));
+        top: calc(~'50%' - var(--aui-tail-w));
     }
 
     // '_ bottom' alignment
     &.aui-alignment-snap-bottom:before,
     &.aui-alignment-snap-bottom:after {
-        top: calc(~"100%" - (var(--aui-tail-w) * 3) - @aui-inline-dialog2-arrow-edge-offset);
+        top: calc(~'100%' - (var(--aui-tail-w) * 3) - @aui-inline-dialog2-arrow-edge-offset);
     }
 }
 
@@ -201,7 +203,7 @@ aui-inline-dialog {
         border-color: @aui-inline-dialog-border-color transparent;
         border-style: solid;
         border-width: 0 8px 8px;
-        content: "";
+        content: '';
         left: -8px;
         position: absolute;
         top: 0;

package/src/less/layer.less

@@ -12,8 +12,6 @@
     #aui.focus-visible(#aui.with-focus-ring());
 }
 
-
-
 .aui-blanket {
     #aui.transition.fadeOut(@aui-blanket-fade-time, @aui-blanket-fade-delay);
 

package/src/less/messages.less

@@ -43,7 +43,8 @@ aui-message {
     }
 }
 
-aui-message, .aui-message {
+aui-message,
+.aui-message {
     margin: (@aui-grid*2) 0 0 0;
 
     &:first-child {

package/src/less/single-select.less

@@ -19,7 +19,7 @@
         padding: @aui-dropdown-group-spacing 0;
     }
 
-    [role="option"] {
+    [role='option'] {
         color: inherit;
         display: block;
         padding: 3px 10px;
@@ -45,7 +45,7 @@
         margin: 0;
         padding-left: 0;
 
-        [role="option"] {
+        [role='option'] {
             #aui-nav.item-base();
             #aui-nav.item-style(normal);
 
@@ -58,7 +58,7 @@
             }
         }
 
-        &:not(:hover) [role="option"].aui-select-active {
+        &:not(:hover) [role='option'].aui-select-active {
             #aui-nav.item-style(hover);
         }
     }
@@ -70,12 +70,12 @@
 @select-trigger-padding-left: 6px;
 @select-trigger-padding-right: 6px;
 @select-trigger-arrow-width: 8px;
-@select-trigger-width: @aui-button-border-width * 2 + @select-trigger-padding-left + @select-trigger-arrow-width + @select-trigger-padding-right;
+@select-trigger-width: @aui-button-border-width * 2 + @select-trigger-padding-left +
+    @select-trigger-arrow-width + @select-trigger-padding-right;
 @select-trigger-arrow-height: @select-trigger-arrow-width / 2;
 
 form.aui:not(.aui-legacy-forms) aui-select,
 aui-select {
-
     display: inline-block;
     position: relative;
     max-width: @aui-form-field-width-default;
@@ -84,7 +84,8 @@ aui-select {
     #aui-forms.aui-input-field-style(normal);
     font-size: @aui-font-size-medium;
 
-    &:hover { // need this to make same hover for input on actually button hover
+    &:hover {
+        // need this to make same hover for input on actually button hover
         input {
             #aui-forms.aui-input-field-style(hover);
         }
@@ -106,7 +107,8 @@ aui-select {
         background-position: @aui-select-image-in-input-left @aui-select-image-in-input-top;
         background-repeat: no-repeat;
         background-size: @aui-select-image-size;
-        padding-left: @aui-select-image-size + @aui-select-image-in-input-left + @aui-select-image-in-input-right;
+        padding-left: @aui-select-image-size + @aui-select-image-in-input-left +
+            @aui-select-image-in-input-right;
     }
 
     select,
@@ -164,7 +166,8 @@ form.aui.aui-legacy-forms aui-select {
         background-position: @aui-select-image-in-input-left @aui-select-image-in-input-top;
         background-repeat: no-repeat;
         background-size: @aui-select-image-size;
-        padding-left: @aui-select-image-size + @aui-select-image-in-input-left + @aui-select-image-in-input-right;
+        padding-left: @aui-select-image-size + @aui-select-image-in-input-left +
+            @aui-select-image-in-input-right;
     }
 
     select,
@@ -203,7 +206,9 @@ form.aui.aui-legacy-forms aui-select {
         &:not([aria-busy])::before {
             #aui.aui-dropdown2-trigger-chevron-icon();
 
-            right: ((@select-trigger-width - @aui-icon-size-small - (@aui-button-border-width *2)) / 2);
+            right: (
+                (@select-trigger-width - @aui-icon-size-small - (@aui-button-border-width * 2)) / 2
+            );
         }
     }
 }

package/src/less/tables.less

@@ -116,7 +116,8 @@ table.aui.aui-table-list,
 table.aui.aui-table-interactive {
     > tbody {
         > tr {
-            &:hover, &:focus-within {
+            &:hover,
+            &:focus-within {
                 background: @aui-table-list-row-hover-color;
             }
             &.aui-row-subtle * {
@@ -125,7 +126,7 @@ table.aui.aui-table-interactive {
                 .aui-avatar,
                 .aui-icon,
                 .aui-button {
-                    opacity: .8;
+                    opacity: 0.8;
                 }
             }
         }

package/src/less/tabs.less

@@ -82,7 +82,8 @@ aui-tabs {
                     text-align: right;
                     text-decoration: none;
                     overflow: hidden;
-                    padding: @aui-tab-padding-y (@aui-tab-padding-x + @aui-tab-break-height) @aui-tab-padding-y @aui-tab-padding-x;
+                    padding: @aui-tab-padding-y (@aui-tab-padding-x + @aui-tab-break-height)
+                        @aui-tab-padding-y @aui-tab-padding-x;
                 }
 
                 strong {
@@ -124,7 +125,7 @@ aui-tabs {
             padding-top: @aui-grid;
         }
 
-        &[data-aui-responsive]:not([data-aui-responsive="false"]) > .tabs-menu {
+        &[data-aui-responsive]:not([data-aui-responsive='false']) > .tabs-menu {
             font-size: 0; // required to remove spacing between inline elements
             flex-wrap: nowrap;
             margin: 0 0 -1px 0;
@@ -132,7 +133,7 @@ aui-tabs {
             white-space: nowrap;
         }
 
-        &[data-aui-responsive]:not([data-aui-responsive="false"]) > .tabs-menu > .menu-item {
+        &[data-aui-responsive]:not([data-aui-responsive='false']) > .tabs-menu > .menu-item {
             float: none;
             flex-shrink: 0;
             font-size: @aui-tabs-font-size; // reset the font-size