@atlassian/aui 9.9.6 → 9.9.8

package/src/less/forms.less

@@ -39,7 +39,7 @@ form.aui .checkbox[disabled] {
 }
 
 // Fixing Safari search fields (https://ecosystem.atlassian.net/browse/AUI-4062)
-form.aui .text[type=search] {
+form.aui .text[type='search'] {
     -webkit-appearance: textfield;
     outline-width: 5px;
     outline-offset: -2px;
@@ -80,7 +80,7 @@ form.aui .group:before,
 form.aui .group:after,
 form.aui .date-select:before,
 form.aui .date-select:after {
-    content: " ";
+    content: ' ';
     display: table;
 }
 
@@ -178,7 +178,6 @@ form.aui.long-label .date-select .field-group {
 
 /* End Long Labels */
 
-
 /* Top Labels
  * add top-label class to form eg: <form class="aui top-label">
  * display all forms with top-labels for screen sizes < 768px
@@ -226,7 +225,6 @@ form.aui.long-label .date-select .field-group {
     .buttons-container {
         padding-left: 0;
     }
-
 }
 
 form.aui.top-label {

package/src/less/iconfont-mixin.less

@@ -6,10 +6,13 @@
         @font-face {
             font-family: @family;
             src: url('~@atlassian/adg-server-iconfont/dist/fonts/@{filename}.eot');
-            src: url('~@atlassian/adg-server-iconfont/dist/fonts/@{filename}.eot?#iefix') format('embedded-opentype'),
-            url('~@atlassian/adg-server-iconfont/dist/fonts/@{filename}.woff') format('woff'),
-            url('~@atlassian/adg-server-iconfont/dist/fonts/@{filename}.ttf') format('truetype'),
-            url('~@atlassian/adg-server-iconfont/dist/fonts/@{filename}.svg#@{fontId}') format('svg');
+            src:
+                url('~@atlassian/adg-server-iconfont/dist/fonts/@{filename}.eot?#iefix')
+                    format('embedded-opentype'),
+                url('~@atlassian/adg-server-iconfont/dist/fonts/@{filename}.woff') format('woff'),
+                url('~@atlassian/adg-server-iconfont/dist/fonts/@{filename}.ttf') format('truetype'),
+                url('~@atlassian/adg-server-iconfont/dist/fonts/@{filename}.svg#@{fontId}')
+                    format('svg');
             font-weight: @weight;
             font-style: @style;
         }

package/src/less/imports/aui-theme/adg/adg-colors.less

@@ -3,56 +3,56 @@
 //
 
 // Reds
-@ak-color-R50: #FFEBE6;
-@ak-color-R75: #FFBDAD;
-@ak-color-R100: #FF8F73;
-@ak-color-R200: #FF7452;
-@ak-color-R300: #FF5630;
-@ak-color-R400: #DE350B;
-@ak-color-R500: #BF2600;
+@ak-color-R50: #ffebe6;
+@ak-color-R75: #ffbdad;
+@ak-color-R100: #ff8f73;
+@ak-color-R200: #ff7452;
+@ak-color-R300: #ff5630;
+@ak-color-R400: #de350b;
+@ak-color-R500: #bf2600;
 
 // Yellows
-@ak-color-Y50: #FFFAE6;
-@ak-color-Y75: #FFF0B3;
-@ak-color-Y100: #FFE380;
-@ak-color-Y200: #FFC400;
-@ak-color-Y300: #FFAB00;
-@ak-color-Y400: #FF991F;
-@ak-color-Y500: #FF8B00;
+@ak-color-Y50: #fffae6;
+@ak-color-Y75: #fff0b3;
+@ak-color-Y100: #ffe380;
+@ak-color-Y200: #ffc400;
+@ak-color-Y300: #ffab00;
+@ak-color-Y400: #ff991f;
+@ak-color-Y500: #ff8b00;
 
 // Greens
-@ak-color-G50: #E3FCEF;
-@ak-color-G75: #ABF5D1;
-@ak-color-G100: #79F2C0;
-@ak-color-G200: #57D9A3;
-@ak-color-G300: #36B37E;
-@ak-color-G400: #00875A;
+@ak-color-G50: #e3fcef;
+@ak-color-G75: #abf5d1;
+@ak-color-G100: #79f2c0;
+@ak-color-G200: #57d9a3;
+@ak-color-G300: #36b37e;
+@ak-color-G400: #00875a;
 @ak-color-G500: #006644;
 
 // Blues
-@ak-color-B50: #DEEBFF;
-@ak-color-B75: #B3D4FF;
+@ak-color-B50: #deebff;
+@ak-color-B75: #b3d4ff;
 @ak-color-B90: #60a4ff;
-@ak-color-B100: #4C9AFF;
-@ak-color-B200: #2684FF;
-@ak-color-B300: #0065FF;
-@ak-color-B400: #0052CC;
-@ak-color-B500: #0747A6;
+@ak-color-B100: #4c9aff;
+@ak-color-B200: #2684ff;
+@ak-color-B300: #0065ff;
+@ak-color-B400: #0052cc;
+@ak-color-B500: #0747a6;
 
 // Purples
-@ak-color-P50: #EAE6FF;
-@ak-color-P75: #C0B6F2;
-@ak-color-P100: #998DD9;
-@ak-color-P200: #8777D9;
-@ak-color-P300: #6554C0;
-@ak-color-P400: #5243AA;
+@ak-color-P50: #eae6ff;
+@ak-color-P75: #c0b6f2;
+@ak-color-P100: #998dd9;
+@ak-color-P200: #8777d9;
+@ak-color-P300: #6554c0;
+@ak-color-P400: #5243aa;
 @ak-color-P500: #403294;
 
 // Teals
-@ak-color-T50: #E6FCFF;
-@ak-color-T75: #B3F5FF;
-@ak-color-T100: #79E2F2;
-@ak-color-T200: #00C7E6;
-@ak-color-T300: #00B8D9;
-@ak-color-T400: #00A3BF;
-@ak-color-T500: #008DA6;
+@ak-color-T50: #e6fcff;
+@ak-color-T75: #b3f5ff;
+@ak-color-T100: #79e2f2;
+@ak-color-T200: #00c7e6;
+@ak-color-T300: #00b8d9;
+@ak-color-T400: #00a3bf;
+@ak-color-T500: #008da6;

package/src/less/imports/aui-theme/adg/adg-neutral-dark.less

@@ -1,27 +1,27 @@
-@ak-color-N2K: #F6F7F8; // note: this colour doesn't exist in the ADG palette.
-@ak-color-N1K: #E8EAEE; // note: this colour doesn't exist in the ADG palette.
-@ak-color-N900: #D9DDE3;
-@ak-color-N800: #C7CED6;
-@ak-color-N700: #B5BEC9;
-@ak-color-N600: #A3AEBD;
-@ak-color-N500: #929FB0;
-@ak-color-N400: #8392A5;
+@ak-color-N2K: #f6f7f8; // note: this colour doesn't exist in the ADG palette.
+@ak-color-N1K: #e8eaee; // note: this colour doesn't exist in the ADG palette.
+@ak-color-N900: #d9dde3;
+@ak-color-N800: #c7ced6;
+@ak-color-N700: #b5bec9;
+@ak-color-N600: #a3aebd;
+@ak-color-N500: #929fb0;
+@ak-color-N400: #8392a5;
 @ak-color-N300: #718298;
-@ak-color-N200: #65758B;
-@ak-color-N100: #5A697C;
-@ak-color-N90: #515F70;
+@ak-color-N200: #65758b;
+@ak-color-N100: #5a697c;
+@ak-color-N90: #515f70;
 @ak-color-N80: #475262;
-@ak-color-N70: #3F4855;
-@ak-color-N60: #373F49;
-@ak-color-N50: #2F353D;
-@ak-color-N40: #262B31;
+@ak-color-N70: #3f4855;
+@ak-color-N60: #373f49;
+@ak-color-N50: #2f353d;
+@ak-color-N40: #262b31;
 @ak-color-N30: #202328;
-@ak-color-N20: #17191C;
+@ak-color-N20: #17191c;
 @ak-color-N10: #101213;
-@ak-color-N0: #090A0B;
+@ak-color-N0: #090a0b;
 // Each tint is made of N0 and an alpha channel.
 // ak-color-NXXXA: rgba(@ak-color-N0, ALPHA);
-@ak-color-N900A: rgba(@ak-color-N0, 1.00);
+@ak-color-N900A: rgba(@ak-color-N0, 1);
 @ak-color-N800A: rgba(@ak-color-N0, 0.97);
 @ak-color-N700A: rgba(@ak-color-N0, 0.95);
 @ak-color-N600A: rgba(@ak-color-N0, 0.92);
@@ -33,10 +33,10 @@
 @ak-color-N90A: rgba(@ak-color-N0, 0.63);
 @ak-color-N80A: rgba(@ak-color-N0, 0.53);
 @ak-color-N70A: rgba(@ak-color-N0, 0.48);
-@ak-color-N60A: rgba(@ak-color-N0, 0.40);
+@ak-color-N60A: rgba(@ak-color-N0, 0.4);
 @ak-color-N50A: rgba(@ak-color-N0, 0.36);
 @ak-color-N40A: rgba(@ak-color-N0, 0.29);
 @ak-color-N30A: rgba(@ak-color-N0, 0.18);
 @ak-color-N20A: rgba(@ak-color-N0, 0.14);
 @ak-color-N10A: rgba(@ak-color-N0, 0.06);
-@ak-color-N0A: rgba(@ak-color-N0, 0.00);
+@ak-color-N0A: rgba(@ak-color-N0, 0);

package/src/less/imports/aui-theme/adg/adg-neutral-light.less

@@ -1,25 +1,25 @@
-@ak-color-N0: #FFFFFF;
-@ak-color-N10: #FAFBFC;
-@ak-color-N20: #F4F5F7;
-@ak-color-N30: #EBECF1;
-@ak-color-N40: #DFE1E6;
-@ak-color-N50: #C1C7D0;
-@ak-color-N60: #B3BAC5;
-@ak-color-N70: #A5ADBA;
-@ak-color-N80: #97A0AF;
-@ak-color-N90: #8993A4;
-@ak-color-N100: #7A869A;
-@ak-color-N200: #6B778C;
-@ak-color-N300: #5E6C84;
-@ak-color-N400: #505F79;
-@ak-color-N500: #42526E;
+@ak-color-N0: #ffffff;
+@ak-color-N10: #fafbfc;
+@ak-color-N20: #f4f5f7;
+@ak-color-N30: #ebecf1;
+@ak-color-N40: #dfe1e6;
+@ak-color-N50: #c1c7d0;
+@ak-color-N60: #b3bac5;
+@ak-color-N70: #a5adba;
+@ak-color-N80: #97a0af;
+@ak-color-N90: #8993a4;
+@ak-color-N100: #7a869a;
+@ak-color-N200: #6b778c;
+@ak-color-N300: #5e6c84;
+@ak-color-N400: #505f79;
+@ak-color-N500: #42526e;
 @ak-color-N600: #344563;
 @ak-color-N700: #253858;
-@ak-color-N800: #172B4D;
-@ak-color-N900: #091E42;
+@ak-color-N800: #172b4d;
+@ak-color-N900: #091e42;
 // Each tint is made of N900 and an alpha channel.
 // ak-color-NXXXA: rgba(@ak-color-N900, ALPHA);
-@ak-color-N0A: rgba(@ak-color-N900, 0.00);
+@ak-color-N0A: rgba(@ak-color-N900, 0);
 @ak-color-N10A: rgba(@ak-color-N900, 0.02);
 @ak-color-N20A: rgba(@ak-color-N900, 0.04);
 @ak-color-N30A: rgba(@ak-color-N900, 0.08);
@@ -30,11 +30,11 @@
 @ak-color-N80A: rgba(@ak-color-N900, 0.42);
 @ak-color-N90A: rgba(@ak-color-N900, 0.48);
 @ak-color-N100A: rgba(@ak-color-N900, 0.54);
-@ak-color-N200A: rgba(@ak-color-N900, 0.60);
+@ak-color-N200A: rgba(@ak-color-N900, 0.6);
 @ak-color-N300A: rgba(@ak-color-N900, 0.66);
 @ak-color-N400A: rgba(@ak-color-N900, 0.71);
 @ak-color-N500A: rgba(@ak-color-N900, 0.77);
 @ak-color-N600A: rgba(@ak-color-N900, 0.82);
 @ak-color-N700A: rgba(@ak-color-N900, 0.89);
 @ak-color-N800A: rgba(@ak-color-N900, 0.95);
-@ak-color-N900A: rgba(@ak-color-N900, 1.00);
+@ak-color-N900A: rgba(@ak-color-N900, 1);

package/src/less/imports/aui-theme/components/buttons.less

@@ -12,7 +12,11 @@
 @aui-button-height: unit(@aui-button-effective-height / @aui-button-font-size, em);
 @aui-button-padding-x: 10px;
 @aui-button-padding-y: 4px;
-@aui-button-line-height: unit((@aui-button-effective-height - (@aui-button-border-width + @aui-button-padding-y) *2) / @aui-button-font-size, em);
+@aui-button-line-height: unit(
+    (@aui-button-effective-height - (@aui-button-border-width + @aui-button-padding-y) * 2) /
+        @aui-button-font-size,
+    em
+);
 
 // Default button
 @aui-button-default-bg-color: var(--aui-button-default-bg-color);

package/src/less/imports/aui-theme/components/dropdown.less

@@ -10,7 +10,9 @@
 @aui-dropdown-group-spacing: 3px;
 
 @aui-dropdown-bg-color: var(--aui-dropdown-bg-color);
-@aui-dropdown-border-color: var(--aui-dropdown-border-color); // to match the lightness of the faux border in the "z200" shadow
+@aui-dropdown-border-color: var(
+    --aui-dropdown-border-color
+); // to match the lightness of the faux border in the "z200" shadow
 @aui-dropdown-heading-text-color: var(--aui-itemheading-text);
 
 #aui-dropdowns {

package/src/less/imports/aui-theme/components/flag.less

@@ -9,4 +9,4 @@
 
 @aui-flag-padding: @aui-space-250;
 @aui-flag-gap-mobile: @aui-space-150;
-@aui-flag-gap-desktop: @aui-space-250;
+@aui-flag-gap-desktop: @aui-space-250;

package/src/less/imports/aui-theme/components/form-notification.less

@@ -8,7 +8,8 @@
 @aui-notification-arrow-border: 1px;
 
 @aui-notification-arrow-size: 6px;
-@aui-notification-arrow-and-border-size: @aui-notification-arrow-size + @aui-notification-arrow-border;
+@aui-notification-arrow-and-border-size: @aui-notification-arrow-size +
+    @aui-notification-arrow-border;
 @aui-notification-arrow-bottom-right-position: 10px;
 
 @aui-notification-tipsy-padding: 4px;

package/src/less/imports/aui-theme/components/forms.less

@@ -33,7 +33,10 @@
 @aui-form-field-width-medium-long: 350px;
 @aui-form-field-width-long: 500px;
 @aui-form-field-width-full: none;
-@aui-form-field-height: unit(30px / @aui-font-size-medium, em); // 30px - using ems so the fields increase in line with user specified font-sizes
+@aui-form-field-height: unit(
+    30px / @aui-font-size-medium,
+    em
+); // 30px - using ems so the fields increase in line with user specified font-sizes
 
 @aui-form-transition-time: 0.2s;
 
@@ -57,6 +60,12 @@
     .aui-input-field-style(focus) {
         background-color: @aui-form-field-focus-bg-color;
         color: @aui-text-color;
+
+        // DCA11Y-1726 - in chrome v136 the !important property was removed from select:focus option:checked (https://chromium.googlesource.com/chromium/src/+/c6f0a72627a705bfb972950b4fc2097171978b9a), which caused lack of initial highlight of the selected options
+        option:checked {
+            background-color: SelectedItem !important;
+            color: SelectedItemText !important;
+        }
     }
 
     .aui-select2-input-field-style(normal) {
@@ -78,8 +87,10 @@
 
     .aui-radio-checkbox-outline-size() {
         display: inline-block;
-        width: @aui-form-button-size + @aui-form-button-border-width * 2 + (@aui-form-radio-checkbox-outline-padding-space * 2);
-        height: @aui-form-button-size + @aui-form-button-border-width * 2 + (@aui-form-radio-checkbox-outline-padding-space * 2);
+        width: @aui-form-button-size + @aui-form-button-border-width * 2 +
+            (@aui-form-radio-checkbox-outline-padding-space * 2);
+        height: @aui-form-button-size + @aui-form-button-border-width * 2 +
+            (@aui-form-radio-checkbox-outline-padding-space * 2);
     }
 }
 
@@ -114,6 +125,12 @@
     .aui-input-field-style(focus) {
         background-color: @aui-form-field-focus-bg-color;
         color: @aui-text-color;
+
+        // DCA11Y-1726 - in chrome v136 the !important property was removed from select:focus option:checked (https://chromium.googlesource.com/chromium/src/+/c6f0a72627a705bfb972950b4fc2097171978b9a), which caused lack of initial highlight of the selected options
+        option:checked {
+            background-color: SelectedItem !important;
+            color: SelectedItemText !important;
+        }
     }
 
     .aui-radio-checkbox-size() {

package/src/less/imports/aui-theme/components/inline-dialog2.less

@@ -1,4 +1,4 @@
 @aui-inline-dialog2-offset-default: 10px;
 @aui-inline-dialog2-arrow-edge-offset: 2px;
 @aui-inline-dialog2-arrow-side-length: 8px;
-@aui-inline-dialog2-arrow-border-width: 1px;
+@aui-inline-dialog2-arrow-border-width: 1px;

package/src/less/imports/aui-theme/components/navigation.less

@@ -34,7 +34,6 @@
 @aui-nav-pagination-text-color: var(--aui-nav-pagination-text-color);
 @aui-nav-pagination-active-text-color: var(--aui-nav-pagination-active-text-color);
 
-
 #aui-nav {
     // See also: #aui-dropdowns.aui-dropdown-option-base();
     .item-base(@height: @aui-nav-link-effective-height) {
@@ -48,7 +47,9 @@
         // but the inner content box is only 16px tall. This enables things like
         // lozenges and small icons to line up correctly with the text, without explicit treatment.
         // this is assumed and exploited in places like the sidebar's navigation.
-        line-height: unit((@height - (2 * @aui-nav-link-spacing-vertical)) / @aui-nav-actions-list-item-font-size);
+        line-height: unit(
+            (@height - (2 * @aui-nav-link-spacing-vertical)) / @aui-nav-actions-list-item-font-size
+        );
         padding: @aui-nav-link-spacing-vertical @aui-nav-link-spacing-horizontal;
     }
 
@@ -89,5 +90,4 @@
         cursor: not-allowed;
         text-decoration: none;
     }
-
 }

package/src/less/imports/aui-theme/components/progress-tracker.less

@@ -3,7 +3,11 @@
 @aui-progress-tracker-current-step-color: var(--aui-progress-tracker-current-step-color);
 @aui-progress-tracker-current-step-text-color: var(--aui-progress-tracker-current-step-text-color);
 @aui-progress-tracker-visited-step-text-color: var(--aui-progress-tracker-visited-step-text-color);
-@aui-progress-tracker-visited-step-hover-text-color: var(--aui-progress-tracker-visited-step-hover-text-color);
-@aui-progress-tracker-visited-step-active-text-color: var(--aui-progress-tracker-visited-step-active-text-color);
+@aui-progress-tracker-visited-step-hover-text-color: var(
+    --aui-progress-tracker-visited-step-hover-text-color
+);
+@aui-progress-tracker-visited-step-active-text-color: var(
+    --aui-progress-tracker-visited-step-active-text-color
+);
 @aui-progress-tracker-step-color: var(--aui-progress-tracker-future-step-color);
 @aui-progress-tracker-step-text-color: var(--aui-progress-tracker-future-step-text-color);

package/src/less/imports/aui-theme/components/tables.less

@@ -5,7 +5,7 @@
 @aui-table-text-align: left;
 @aui-table-vertical-align: top;
 @aui-table-padding-x: @aui-grid;
-@aui-table-padding-y: (@aui-grid * .7);
+@aui-table-padding-y: (@aui-grid * 0.7);
 
 @aui-table-caption-bg-color: var(--aui-table-caption-bg-color);
 @aui-table-caption-text-color: var(--aui-table-caption-text-color);
@@ -17,7 +17,8 @@
 @aui-table-header-divider-width: 2px;
 
 @aui-border-tables: @aui-border-width @aui-border-type var(--aui-table-border-color);
-@aui-border-tables-header: @aui-table-header-divider-width @aui-border-type var(--aui-table-border-color);
+@aui-border-tables-header: @aui-table-header-divider-width @aui-border-type
+    var(--aui-table-border-color);
 
 // ### Sortable
 

package/src/less/imports/aui-theme/components/toggle.less

@@ -14,12 +14,17 @@
 @aui-toggle-vertical-padding: 6px;
 @aui-toggle-icon-size: 16px;
 @aui-toggle-font-size: @aui-font-size-small;
-@aui-toggle-width: (@aui-toggle-border-width * 2 + @aui-toggle-horizontal-padding * 3 + @aui-toggle-icon-size * 2);
+@aui-toggle-width: (
+    @aui-toggle-border-width * 2 + @aui-toggle-horizontal-padding * 3 + @aui-toggle-icon-size * 2
+);
 
 @aui-toggle-effective-height: 26px;
-@aui-toggle-height: unit(@aui-toggle-effective-height / @aui-toggle-font-size, em); // note: this is the same as a compact AUI button.
+@aui-toggle-height: unit(
+    @aui-toggle-effective-height / @aui-toggle-font-size,
+    em
+); // note: this is the same as a compact AUI button.
 @aui-toggle-icon-top: unit((@aui-toggle-effective-height - @aui-toggle-icon-size) / 2, px);
-@aui-toggle-handle-width: .odd(@aui-toggle-icon-size + @aui-toggle-horizontal-padding)[@result]; // circles work better with odd numbers
+@aui-toggle-handle-width: .odd(@aui-toggle-icon-size + @aui-toggle-horizontal-padding) [ @result]; // circles work better with odd numbers
 @aui-toggle-slide-width: (@aui-toggle-icon-size * 2);
 
 @aui-toggle-default-bg-color: var(--aui-toggle-default-bg-color);

package/src/less/imports/aui-theme/core/colors.less

@@ -68,7 +68,8 @@
 
         // Avatars
         --aui-avatar-outline: @ak-color-N0;
-        --aui-avatar-text: @ak-color-N100;
+        --aui-avatar-text: var(--aui-button-default-text-color);
+        --aui-avatar-background: var(--aui-button-default-bg-color);
 
         // Lozenges
         --aui-lozenge-bg-color: @ak-color-N500;
@@ -419,7 +420,8 @@
 
         // Avatars
         --aui-avatar-outline: @ak-color-N0;
-        --aui-avatar-text: @ak-color-N100;
+        --aui-avatar-text: var(--aui-button-default-text-color);
+        --aui-avatar-background: var(--aui-button-default-bg-color);
 
         // Lozenges
         --aui-lozenge-bg-color: @ak-color-N500;
@@ -769,7 +771,8 @@
 
         // Avatars
         --aui-avatar-outline: var(--ds-border-inverse, @ak-color-N0);
-        --aui-avatar-text: var(--ds-text-inverse, @ak-color-N100);
+        --aui-avatar-text: var(--aui-button-default-text-color);
+        --aui-avatar-background: var(--aui-button-default-bg-color);
 
         // Lozenges
         --aui-lozenge-bg-color: var(--ds-background-neutral-bold, @ak-color-N500);

package/src/less/imports/aui-theme/core/icons.less

@@ -1,26 +1,26 @@
-@aui-old-icon-font-family: "Atlassian Icons";
-@aui-old-icon-font-file: "atlassian-icons";
-@aui-old-icon-font-id: "atlassian-icons";
+@aui-old-icon-font-family: 'Atlassian Icons';
+@aui-old-icon-font-file: 'atlassian-icons';
+@aui-old-icon-font-id: 'atlassian-icons';
 
-@aui-icon-font-family: "Adgs Icons";
-@aui-icon-font-file: "adgs-icons";
-@aui-icon-font-id: "adgs-icons";
+@aui-icon-font-family: 'Adgs Icons';
+@aui-icon-font-file: 'adgs-icons';
+@aui-icon-font-id: 'adgs-icons';
 
 // glyphs
-@aui-glyph-check: "\f194";
-@aui-glyph-check-circle: "\f104";
-@aui-glyph-chevron-down: "\f15b";
-@aui-glyph-chevron-right: "\f11c";
-@aui-glyph-close: "\f11b";
-@aui-glyph-exclamation-triangle: "\f1b3";
-@aui-glyph-exclamation-circle: "\f15a";
-@aui-glyph-question-circle: "\F255";
-@aui-glyph-info-circle: "\f234";
-@aui-glyph-more-actions: "\f17f"; // the "more" icon; should be three dots.
-@aui-glyph-search: "\f18c";
-@aui-glyph-search-small: "\f18d";
-@aui-glyph-radio: "\f500";
-@aui-glyph-remove: "\f188";
+@aui-glyph-check: '\f194';
+@aui-glyph-check-circle: '\f104';
+@aui-glyph-chevron-down: '\f15b';
+@aui-glyph-chevron-right: '\f11c';
+@aui-glyph-close: '\f11b';
+@aui-glyph-exclamation-triangle: '\f1b3';
+@aui-glyph-exclamation-circle: '\f15a';
+@aui-glyph-question-circle: '\F255';
+@aui-glyph-info-circle: '\f234';
+@aui-glyph-more-actions: '\f17f'; // the "more" icon; should be three dots.
+@aui-glyph-search: '\f18c';
+@aui-glyph-search-small: '\f18d';
+@aui-glyph-radio: '\f500';
+@aui-glyph-remove: '\f188';
 
-@aui-glyph-sorted-ascending: "\f1ac";
-@aui-glyph-sorted-descending: "\f140";
+@aui-glyph-sorted-ascending: '\f1ac';
+@aui-glyph-sorted-descending: '\f140';

package/src/less/imports/aui-theme/core/spaces.less

@@ -11,4 +11,4 @@
 @aui-space-500: var(--ds-space-500, 40px);
 @aui-space-600: var(--ds-space-600, 48px);
 @aui-space-800: var(--ds-space-800, 64px);
-@aui-space-1000: var(--ds-space-1000, 80px);
+@aui-space-1000: var(--ds-space-1000, 80px);

package/src/less/imports/aui-theme/core/text.less

@@ -2,9 +2,12 @@
 
 // ### Fonts
 // Stacks
-@aui-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
-@aui-font-family-ja: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Verdana, Arial, sans-serif;
-@aui-code-font-family: "SFMono-Medium", "SF Mono", "Segoe UI Mono", "Roboto Mono", "Ubuntu Mono", Menlo, Courier, monospace;
+@aui-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu',
+    'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
+@aui-font-family-ja: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'メイリオ', Meiryo,
+    'ＭＳ Ｐゴシック', Verdana, Arial, sans-serif;
+@aui-code-font-family: 'SFMono-Medium', 'SF Mono', 'Segoe UI Mono', 'Roboto Mono', 'Ubuntu Mono',
+    Menlo, Courier, monospace;
 
 // Sizes and line heights
 @aui-font-size-xxxlarge: 29px;

package/src/less/imports/aui-theme/theme.less

@@ -17,13 +17,11 @@
 @design-tokens-light-theme-enabled: ~'@{design-tokens-mode-enabled}@{light-mode-enabled}';
 @design-tokens-dark-theme-enabled: ~'@{design-tokens-mode-enabled}@{dark-mode-enabled}';
 
-
 @{design-tokens-mode-enabled} {
     #aui-themes.design-tokens();
-};
+}
 
 #aui-themes {
-
     // The mixins are intended to apply certain styles only when the light or
     // dark color mode is on.  They support both the classic approach to the
     // themes and the new recommended design-tokens one.  `data-color-mode`

package/src/less/imports/mixins/dropdown2-trigger-chevron-icon.less

@@ -2,7 +2,6 @@
 
 #aui {
     .aui-dropdown2-trigger-chevron-icon(@glyphsize: @aui-icon-size-small; @canvassize: @aui-icon-size-small-canvas) {
-
         #aui.icon-pseudoelement(@aui-icon-font-family);
         content: @aui-glyph-chevron-down;
         font-size: @glyphsize;

package/src/less/imports/mixins/focus.less

@@ -46,14 +46,22 @@
         // Remove default focus styles for mouse users ONLY if
         // :focus-visible (or its polyfill) is supported on this platform.
         // The selectors are discrete because CSS ignores an entire ruleset if one selector is invalid.
-        html:not(.aui-no-focusvisible).js-focus-visible &:focus:not(.focus-visible) { .hide-outline(); }
-        html:not(.aui-no-focusvisible) &:focus:not(:focus-visible) { .hide-outline(); }
+        html:not(.aui-no-focusvisible).js-focus-visible &:focus:not(.focus-visible) {
+            .hide-outline();
+        }
+        html:not(.aui-no-focusvisible) &:focus:not(:focus-visible) {
+            .hide-outline();
+        }
 
         // Affect the potential CSS standard pseudo-selector
         // Its mozilla-specific implementation, and
         // a CSS class added by the WICG polyfill.
         // The selectors are discrete because CSS ignores an entire ruleset if one selector is invalid.
-        html:not(.aui-no-focusvisible).js-focus-visible &.focus-visible { @rules(); }
-        html:not(.aui-no-focusvisible) &:focus-visible { @rules(); }
+        html:not(.aui-no-focusvisible).js-focus-visible &.focus-visible {
+            @rules();
+        }
+        html:not(.aui-no-focusvisible) &:focus-visible {
+            @rules();
+        }
     }
 }

package/src/less/imports/mixins/media-queries.less

@@ -11,13 +11,13 @@
 }
 
 .legacy-edge(@rules) {
-    @supports (-ms-accelerator:true) or (-ms-ime-align:auto) {
+    @supports (-ms-accelerator: true) or (-ms-ime-align: auto) {
         @rules();
     }
 }
 
 .firefox(@rules) {
-    @media all and (min--moz-device-pixel-ratio:0) {
+    @media all and (min--moz-device-pixel-ratio: 0) {
         @rules();
     }
 }

package/src/less/imports/mixins/shadows.less

@@ -35,7 +35,9 @@
 
         // Internal use only
         .z-base(@shadow) {
-            box-shadow: @shadow, 0 0 1px var(--aui-shadow2);
+            box-shadow:
+                @shadow,
+                0 0 1px var(--aui-shadow2);
             // Improve legibility of the element's "border" in Legacy Edge.
             .legacy-edge({
                 box-shadow: @shadow,