@atlassian/aui 9.3.21 → 9.3.23

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 (272) hide show
  1. package/LICENSE.md +1 -1
  2. package/README.md +7 -9
  3. package/dist/aui/aui-css-deprecations.js +1 -1
  4. package/dist/aui/aui-css-deprecations.js.map +1 -1
  5. package/dist/aui/aui-prototyping-browserfocus.css +1 -353
  6. package/dist/aui/aui-prototyping-darkmode.css +1 -262
  7. package/dist/aui/aui-prototyping.css +10 -10
  8. package/dist/aui/aui-prototyping.js +7 -7
  9. package/dist/aui/aui-prototyping.js.map +1 -1
  10. package/dist/aui/aui-prototyping.nodeps.css +10 -10
  11. package/dist/aui/aui-prototyping.nodeps.js +9 -9
  12. package/dist/aui/aui-prototyping.nodeps.js.map +1 -1
  13. package/entry/aui.batch.components.js +21 -21
  14. package/entry/aui.batch.page.js +3 -3
  15. package/entry/aui.batch.patterns.js +20 -20
  16. package/entry/aui.batch.prototyping.js +3 -11
  17. package/entry/aui.component.nav.js +1 -1
  18. package/entry/aui.component.progressbar.js +4 -1
  19. package/entry/aui.side-effects.js +2 -2
  20. package/entry/behaviours/aui.behaviour.format.js +1 -1
  21. package/entry/behaviours/aui.behaviour.i18n.js +1 -1
  22. package/entry/behaviours/aui.behaviour.keyboard-shortcuts.js +1 -1
  23. package/entry/behaviours/aui.behaviour.progressive-data-set.js +1 -1
  24. package/entry/behaviours/aui.behaviour.version.js +1 -1
  25. package/entry/deprecated/aui.component.inline-dialog1.js +1 -1
  26. package/package.json +3 -7
  27. package/src/js/aui/alphanum.js +1 -1
  28. package/src/js/aui/banner.js +2 -2
  29. package/src/js/aui/blanket.js +7 -11
  30. package/src/js/aui/button.js +5 -5
  31. package/src/js/aui/checkbox-multiselect.js +79 -76
  32. package/src/js/aui/clone.js +1 -1
  33. package/src/js/aui/close-button.js +2 -6
  34. package/src/js/aui/contain-dropdown.js +5 -5
  35. package/src/js/aui/contains.js +1 -1
  36. package/src/js/aui/cookie.js +12 -16
  37. package/src/js/aui/date-picker.js +84 -69
  38. package/src/js/aui/debounce.js +5 -8
  39. package/src/js/aui/dialog.js +206 -172
  40. package/src/js/aui/dialog2.js +9 -8
  41. package/src/js/aui/dropdown2.js +211 -181
  42. package/src/js/aui/escape-html.js +2 -2
  43. package/src/js/aui/escape.js +1 -1
  44. package/src/js/aui/event.js +4 -8
  45. package/src/js/aui/expander.js +9 -7
  46. package/src/js/aui/flag.js +15 -17
  47. package/src/js/aui/focus-manager.js +19 -18
  48. package/src/js/aui/form-notification.js +14 -13
  49. package/src/js/aui/form-validation/basic-validators.js +39 -30
  50. package/src/js/aui/form-validation/validator-register.js +9 -5
  51. package/src/js/aui/form-validation.js +17 -14
  52. package/src/js/aui/format.js +9 -6
  53. package/src/js/aui/forms/create-forms-component-body.js +6 -9
  54. package/src/js/aui/forms/custom-checkbox.js +2 -6
  55. package/src/js/aui/forms/custom-radio.js +2 -6
  56. package/src/js/aui/forms.js +4 -8
  57. package/src/js/aui/header-async.js +1 -1
  58. package/src/js/aui/header.js +2 -2
  59. package/src/js/aui/i18n.js +2 -5
  60. package/src/js/aui/index-of.js +1 -1
  61. package/src/js/aui/inline-dialog.js +171 -117
  62. package/src/js/aui/inline-dialog2.js +60 -50
  63. package/src/js/aui/internal/add-id.js +1 -1
  64. package/src/js/aui/internal/alignment.js +57 -49
  65. package/src/js/aui/internal/amdify.js +0 -1
  66. package/src/js/aui/internal/animation.js +2 -5
  67. package/src/js/aui/internal/attributes.js +2 -3
  68. package/src/js/aui/internal/browser.js +5 -6
  69. package/src/js/aui/internal/constants.js +1 -3
  70. package/src/js/aui/internal/deduplicateIDs.js +8 -7
  71. package/src/js/aui/internal/deprecation/deprecated-adg2-icons.js +132 -132
  72. package/src/js/aui/internal/deprecation.js +53 -31
  73. package/src/js/aui/internal/detect-children-change.js +3 -2
  74. package/src/js/aui/internal/elements.js +2 -5
  75. package/src/js/aui/internal/enforcer.js +11 -13
  76. package/src/js/aui/internal/globalize.js +3 -3
  77. package/src/js/aui/internal/has-touch.js +1 -2
  78. package/src/js/aui/internal/header/create-header.js +54 -28
  79. package/src/js/aui/internal/i18n/aui.js +8 -5
  80. package/src/js/aui/internal/i18n/aui_af.js +31 -31
  81. package/src/js/aui/internal/i18n/aui_ar.js +31 -31
  82. package/src/js/aui/internal/i18n/aui_ar_DZ.js +31 -31
  83. package/src/js/aui/internal/i18n/aui_az.js +31 -31
  84. package/src/js/aui/internal/i18n/aui_bg.js +31 -31
  85. package/src/js/aui/internal/i18n/aui_bs.js +31 -31
  86. package/src/js/aui/internal/i18n/aui_ca.js +31 -31
  87. package/src/js/aui/internal/i18n/aui_cs.js +31 -31
  88. package/src/js/aui/internal/i18n/aui_da.js +31 -31
  89. package/src/js/aui/internal/i18n/aui_de.js +31 -31
  90. package/src/js/aui/internal/i18n/aui_el.js +31 -31
  91. package/src/js/aui/internal/i18n/aui_en_AU.js +31 -31
  92. package/src/js/aui/internal/i18n/aui_en_GB.js +31 -31
  93. package/src/js/aui/internal/i18n/aui_en_NZ.js +31 -31
  94. package/src/js/aui/internal/i18n/aui_eo.js +31 -31
  95. package/src/js/aui/internal/i18n/aui_es.js +31 -31
  96. package/src/js/aui/internal/i18n/aui_et.js +31 -31
  97. package/src/js/aui/internal/i18n/aui_eu.js +31 -31
  98. package/src/js/aui/internal/i18n/aui_fa.js +31 -31
  99. package/src/js/aui/internal/i18n/aui_fi.js +31 -31
  100. package/src/js/aui/internal/i18n/aui_fo.js +31 -31
  101. package/src/js/aui/internal/i18n/aui_fr.js +31 -31
  102. package/src/js/aui/internal/i18n/aui_fr_CH.js +31 -31
  103. package/src/js/aui/internal/i18n/aui_gl.js +31 -31
  104. package/src/js/aui/internal/i18n/aui_he.js +31 -31
  105. package/src/js/aui/internal/i18n/aui_hr.js +31 -31
  106. package/src/js/aui/internal/i18n/aui_hu.js +31 -31
  107. package/src/js/aui/internal/i18n/aui_hy.js +31 -31
  108. package/src/js/aui/internal/i18n/aui_id.js +31 -31
  109. package/src/js/aui/internal/i18n/aui_is.js +31 -31
  110. package/src/js/aui/internal/i18n/aui_it.js +31 -31
  111. package/src/js/aui/internal/i18n/aui_ja.js +31 -31
  112. package/src/js/aui/internal/i18n/aui_ko.js +31 -31
  113. package/src/js/aui/internal/i18n/aui_kz.js +31 -31
  114. package/src/js/aui/internal/i18n/aui_lt.js +31 -31
  115. package/src/js/aui/internal/i18n/aui_lv.js +31 -31
  116. package/src/js/aui/internal/i18n/aui_ml.js +31 -31
  117. package/src/js/aui/internal/i18n/aui_ms.js +31 -31
  118. package/src/js/aui/internal/i18n/aui_nl.js +31 -31
  119. package/src/js/aui/internal/i18n/aui_no.js +31 -31
  120. package/src/js/aui/internal/i18n/aui_pl.js +31 -31
  121. package/src/js/aui/internal/i18n/aui_pt.js +31 -31
  122. package/src/js/aui/internal/i18n/aui_pt_BR.js +31 -31
  123. package/src/js/aui/internal/i18n/aui_rm.js +31 -31
  124. package/src/js/aui/internal/i18n/aui_ro.js +31 -31
  125. package/src/js/aui/internal/i18n/aui_ru.js +31 -31
  126. package/src/js/aui/internal/i18n/aui_sk.js +31 -31
  127. package/src/js/aui/internal/i18n/aui_sl.js +31 -31
  128. package/src/js/aui/internal/i18n/aui_sq.js +31 -31
  129. package/src/js/aui/internal/i18n/aui_sr.js +31 -31
  130. package/src/js/aui/internal/i18n/aui_sr_SR.js +31 -31
  131. package/src/js/aui/internal/i18n/aui_sv.js +31 -31
  132. package/src/js/aui/internal/i18n/aui_ta.js +31 -31
  133. package/src/js/aui/internal/i18n/aui_th.js +31 -31
  134. package/src/js/aui/internal/i18n/aui_tj.js +31 -31
  135. package/src/js/aui/internal/i18n/aui_tr.js +31 -31
  136. package/src/js/aui/internal/i18n/aui_uk.js +31 -31
  137. package/src/js/aui/internal/i18n/aui_vi.js +31 -31
  138. package/src/js/aui/internal/i18n/aui_zh_CN.js +31 -31
  139. package/src/js/aui/internal/i18n/aui_zh_HK.js +31 -31
  140. package/src/js/aui/internal/i18n/aui_zh_TW.js +31 -31
  141. package/src/js/aui/internal/log.js +2 -6
  142. package/src/js/aui/internal/mediaQuery.js +2 -3
  143. package/src/js/aui/internal/select/option.js +3 -3
  144. package/src/js/aui/internal/select/suggestion-model.js +1 -1
  145. package/src/js/aui/internal/select/suggestions-model.js +4 -5
  146. package/src/js/aui/internal/select/suggestions-view.js +17 -12
  147. package/src/js/aui/internal/state.js +2 -3
  148. package/src/js/aui/is-clipped.js +2 -2
  149. package/src/js/aui/key-code.js +1 -1
  150. package/src/js/aui/label.js +6 -6
  151. package/src/js/aui/layer.js +100 -98
  152. package/src/js/aui/messages.js +51 -38
  153. package/src/js/aui/navigation.js +7 -9
  154. package/src/js/aui/on-text-resize.js +7 -5
  155. package/src/js/aui/params.js +11 -8
  156. package/src/js/aui/polyfills/custom-event.js +7 -7
  157. package/src/js/aui/polyfills/placeholder.js +4 -4
  158. package/src/js/aui/populate-parameters.js +4 -4
  159. package/src/js/aui/progress-indicator.js +35 -27
  160. package/src/js/aui/progressive-data-set.js +13 -8
  161. package/src/js/aui/query-input.js +1 -1
  162. package/src/js/aui/restful-table/class-names.js +1 -1
  163. package/src/js/aui/restful-table/data-keys.js +1 -1
  164. package/src/js/aui/restful-table/edit-row.js +63 -63
  165. package/src/js/aui/restful-table/entry-model.js +6 -13
  166. package/src/js/aui/restful-table/event-handlers.js +4 -8
  167. package/src/js/aui/restful-table/event-names.js +1 -1
  168. package/src/js/aui/restful-table/row.js +41 -23
  169. package/src/js/aui/restful-table.js +101 -72
  170. package/src/js/aui/result-set.js +5 -5
  171. package/src/js/aui/results-list.js +3 -3
  172. package/src/js/aui/select.js +65 -49
  173. package/src/js/aui/select2.js +14 -6
  174. package/src/js/aui/sidebar.js +81 -51
  175. package/src/js/aui/spin.js +61 -49
  176. package/src/js/aui/spinner.js +11 -12
  177. package/src/js/aui/tables-sortable.js +21 -10
  178. package/src/js/aui/tabs.js +108 -77
  179. package/src/js/aui/to-init.js +1 -1
  180. package/src/js/aui/toggle.js +55 -43
  181. package/src/js/aui/tooltip.js +32 -31
  182. package/src/js/aui/trigger.js +20 -18
  183. package/src/js/aui/truncating-progressive-data-set.js +1 -1
  184. package/src/js/aui/unbind-text-resize.js +1 -1
  185. package/src/js/aui/unique-id.js +1 -1
  186. package/src/js/aui/when-i-type.js +66 -39
  187. package/src/js/aui-css-deprecations.js +50 -50
  188. package/src/js/jquery/jquery.hotkeys.js +124 -49
  189. package/src/js/jquery/jquery.moveto.js +18 -12
  190. package/src/less/adg-fancy-file-input.less +2 -3
  191. package/src/less/adg-header-quicksearch.less +4 -1
  192. package/src/less/adg-iconfont.less +242 -242
  193. package/src/less/adgs-icons.less +262 -262
  194. package/src/less/aui-appheader.less +10 -6
  195. package/src/less/aui-buttons.less +6 -5
  196. package/src/less/aui-date-picker.less +9 -6
  197. package/src/less/aui-experimental-expander.less +8 -8
  198. package/src/less/aui-experimental-labels.less +4 -3
  199. package/src/less/aui-experimental-progress-indicator.less +10 -4
  200. package/src/less/aui-experimental-progress-tracker.less +9 -6
  201. package/src/less/aui-experimental-restfultable.less +11 -3
  202. package/src/less/aui-experimental-tables-sortable.less +5 -3
  203. package/src/less/aui-experimental-tooltip.less +1 -1
  204. package/src/less/aui-link.less +0 -1
  205. package/src/less/aui-lozenge.less +6 -3
  206. package/src/less/aui-navigation.less +13 -13
  207. package/src/less/aui-page-layout.less +3 -4
  208. package/src/less/aui-page-typography.less +8 -3
  209. package/src/less/aui-reset.less +22 -6
  210. package/src/less/aui-select2.less +11 -8
  211. package/src/less/aui-sidebar-badges.less +1 -2
  212. package/src/less/aui-sidebar-config.less +7 -2
  213. package/src/less/aui-sidebar-grouping.less +16 -6
  214. package/src/less/aui-sidebar-navigation.less +7 -5
  215. package/src/less/aui-sidebar-skeleton.less +4 -3
  216. package/src/less/aui-skip-link.less +2 -1
  217. package/src/less/aui-spinner.less +2 -2
  218. package/src/less/aui-toggle.less +2 -2
  219. package/src/less/aui-toolbar2.less +1 -1
  220. package/src/less/checkbox-multiselect.less +13 -13
  221. package/src/less/dialog.less +3 -3
  222. package/src/less/dialog2.less +12 -11
  223. package/src/less/dropdown2-temp.css +4 -4
  224. package/src/less/dropdown2.less +3 -3
  225. package/src/less/form-notification.less +10 -6
  226. package/src/less/forms-current.less +6 -5
  227. package/src/less/forms-legacy.less +4 -2
  228. package/src/less/forms-radios-and-checkboxes.less +9 -11
  229. package/src/less/forms.less +2 -4
  230. package/src/less/iconfont-mixin.less +7 -4
  231. package/src/less/imports/aui-theme/adg/adg-colors.less +40 -40
  232. package/src/less/imports/aui-theme/adg/adg-neutral-dark.less +20 -20
  233. package/src/less/imports/aui-theme/adg/adg-neutral-light.less +20 -20
  234. package/src/less/imports/aui-theme/components/buttons.less +5 -1
  235. package/src/less/imports/aui-theme/components/dropdown.less +3 -1
  236. package/src/less/imports/aui-theme/components/form-notification.less +2 -1
  237. package/src/less/imports/aui-theme/components/forms.less +16 -1
  238. package/src/less/imports/aui-theme/components/inline-dialog2.less +1 -1
  239. package/src/less/imports/aui-theme/components/navigation.less +3 -3
  240. package/src/less/imports/aui-theme/components/progress-tracker.less +6 -2
  241. package/src/less/imports/aui-theme/components/tables.less +3 -2
  242. package/src/less/imports/aui-theme/components/toggle.less +8 -3
  243. package/src/less/imports/aui-theme/core/colors.less +12 -4
  244. package/src/less/imports/aui-theme/core/icons.less +22 -22
  245. package/src/less/imports/aui-theme/core/text.less +6 -3
  246. package/src/less/imports/mixins/dropdown2-trigger-chevron-icon.less +0 -1
  247. package/src/less/imports/mixins/focus.less +12 -4
  248. package/src/less/imports/mixins/media-queries.less +2 -2
  249. package/src/less/imports/mixins/shadows.less +3 -1
  250. package/src/less/imports/mixins/tab-indicator.less +2 -2
  251. package/src/less/imports/mixins.less +11 -4
  252. package/src/less/inline-dialog.less +21 -19
  253. package/src/less/layer.less +0 -2
  254. package/src/less/messages.less +2 -1
  255. package/src/less/single-select.less +14 -9
  256. package/src/less/tables.less +3 -2
  257. package/src/less/tabs.less +4 -3
  258. package/entry/token-themes-generated/npm/aui-prototyping-design-tokens-base-themes.css +0 -797
  259. package/entry/token-themes-generated/npm/aui-prototyping-design-tokens-base-themes.js +0 -26
  260. package/entry/token-themes-generated/npm/aui-prototyping-design-tokens-theme-import-map.js +0 -51
  261. package/entry/token-themes-generated/npm/themes/dark-future.js +0 -7
  262. package/entry/token-themes-generated/npm/themes/dark-new-input-border.js +0 -7
  263. package/entry/token-themes-generated/npm/themes/dark.js +0 -395
  264. package/entry/token-themes-generated/npm/themes/legacy-dark.js +0 -395
  265. package/entry/token-themes-generated/npm/themes/legacy-light.js +0 -395
  266. package/entry/token-themes-generated/npm/themes/light-future.js +0 -7
  267. package/entry/token-themes-generated/npm/themes/light-new-input-border.js +0 -7
  268. package/entry/token-themes-generated/npm/themes/light.js +0 -395
  269. package/entry/token-themes-generated/npm/themes/shape.js +0 -15
  270. package/entry/token-themes-generated/npm/themes/spacing.js +0 -27
  271. package/entry/token-themes-generated/npm/themes/typography-adg3.js +0 -50
  272. package/entry/token-themes-generated/npm/themes/typography-minor3.js +0 -41
package/src/less/imports/aui-theme/adg/adg-colors.less CHANGED
@@ -3,55 +3,55 @@
3
3
  //
4
4
 
5
5
  // Reds
6
- @ak-color-R50: #FFEBE6;
7
- @ak-color-R75: #FFBDAD;
8
- @ak-color-R100: #FF8F73;
9
- @ak-color-R200: #FF7452;
10
- @ak-color-R300: #FF5630;
11
- @ak-color-R400: #DE350B;
12
- @ak-color-R500: #BF2600;
6
+ @ak-color-R50: #ffebe6;
7
+ @ak-color-R75: #ffbdad;
8
+ @ak-color-R100: #ff8f73;
9
+ @ak-color-R200: #ff7452;
10
+ @ak-color-R300: #ff5630;
11
+ @ak-color-R400: #de350b;
12
+ @ak-color-R500: #bf2600;
13
13
 
14
14
  // Yellows
15
- @ak-color-Y50: #FFFAE6;
16
- @ak-color-Y75: #FFF0B3;
17
- @ak-color-Y100: #FFE380;
18
- @ak-color-Y200: #FFC400;
19
- @ak-color-Y300: #FFAB00;
20
- @ak-color-Y400: #FF991F;
21
- @ak-color-Y500: #FF8B00;
15
+ @ak-color-Y50: #fffae6;
16
+ @ak-color-Y75: #fff0b3;
17
+ @ak-color-Y100: #ffe380;
18
+ @ak-color-Y200: #ffc400;
19
+ @ak-color-Y300: #ffab00;
20
+ @ak-color-Y400: #ff991f;
21
+ @ak-color-Y500: #ff8b00;
22
22
 
23
23
  // Greens
24
- @ak-color-G50: #E3FCEF;
25
- @ak-color-G75: #ABF5D1;
26
- @ak-color-G100: #79F2C0;
27
- @ak-color-G200: #57D9A3;
28
- @ak-color-G300: #36B37E;
29
- @ak-color-G400: #00875A;
24
+ @ak-color-G50: #e3fcef;
25
+ @ak-color-G75: #abf5d1;
26
+ @ak-color-G100: #79f2c0;
27
+ @ak-color-G200: #57d9a3;
28
+ @ak-color-G300: #36b37e;
29
+ @ak-color-G400: #00875a;
30
30
  @ak-color-G500: #006644;
31
31
 
32
32
  // Blues
33
- @ak-color-B50: #DEEBFF;
34
- @ak-color-B75: #B3D4FF;
35
- @ak-color-B100: #4C9AFF;
36
- @ak-color-B200: #2684FF;
37
- @ak-color-B300: #0065FF;
38
- @ak-color-B400: #0052CC;
39
- @ak-color-B500: #0747A6;
33
+ @ak-color-B50: #deebff;
34
+ @ak-color-B75: #b3d4ff;
35
+ @ak-color-B100: #4c9aff;
36
+ @ak-color-B200: #2684ff;
37
+ @ak-color-B300: #0065ff;
38
+ @ak-color-B400: #0052cc;
39
+ @ak-color-B500: #0747a6;
40
40
 
41
41
  // Purples
42
- @ak-color-P50: #EAE6FF;
43
- @ak-color-P75: #C0B6F2;
44
- @ak-color-P100: #998DD9;
45
- @ak-color-P200: #8777D9;
46
- @ak-color-P300: #6554C0;
47
- @ak-color-P400: #5243AA;
42
+ @ak-color-P50: #eae6ff;
43
+ @ak-color-P75: #c0b6f2;
44
+ @ak-color-P100: #998dd9;
45
+ @ak-color-P200: #8777d9;
46
+ @ak-color-P300: #6554c0;
47
+ @ak-color-P400: #5243aa;
48
48
  @ak-color-P500: #403294;
49
49
 
50
50
  // Teals
51
- @ak-color-T50: #E6FCFF;
52
- @ak-color-T75: #B3F5FF;
53
- @ak-color-T100: #79E2F2;
54
- @ak-color-T200: #00C7E6;
55
- @ak-color-T300: #00B8D9;
56
- @ak-color-T400: #00A3BF;
57
- @ak-color-T500: #008DA6;
51
+ @ak-color-T50: #e6fcff;
52
+ @ak-color-T75: #b3f5ff;
53
+ @ak-color-T100: #79e2f2;
54
+ @ak-color-T200: #00c7e6;
55
+ @ak-color-T300: #00b8d9;
56
+ @ak-color-T400: #00a3bf;
57
+ @ak-color-T500: #008da6;
package/src/less/imports/aui-theme/adg/adg-neutral-dark.less CHANGED
@@ -1,27 +1,27 @@
1
- @ak-color-N2K: #F6F7F8; // note: this colour doesn't exist in the ADG palette.
2
- @ak-color-N1K: #E8EAEE; // note: this colour doesn't exist in the ADG palette.
3
- @ak-color-N900: #D9DDE3;
4
- @ak-color-N800: #C7CED6;
5
- @ak-color-N700: #B5BEC9;
6
- @ak-color-N600: #A3AEBD;
7
- @ak-color-N500: #929FB0;
8
- @ak-color-N400: #8392A5;
1
+ @ak-color-N2K: #f6f7f8; // note: this colour doesn't exist in the ADG palette.
2
+ @ak-color-N1K: #e8eaee; // note: this colour doesn't exist in the ADG palette.
3
+ @ak-color-N900: #d9dde3;
4
+ @ak-color-N800: #c7ced6;
5
+ @ak-color-N700: #b5bec9;
6
+ @ak-color-N600: #a3aebd;
7
+ @ak-color-N500: #929fb0;
8
+ @ak-color-N400: #8392a5;
9
9
  @ak-color-N300: #718298;
10
- @ak-color-N200: #65758B;
11
- @ak-color-N100: #5A697C;
12
- @ak-color-N90: #515F70;
10
+ @ak-color-N200: #65758b;
11
+ @ak-color-N100: #5a697c;
12
+ @ak-color-N90: #515f70;
13
13
  @ak-color-N80: #475262;
14
- @ak-color-N70: #3F4855;
15
- @ak-color-N60: #373F49;
16
- @ak-color-N50: #2F353D;
17
- @ak-color-N40: #262B31;
14
+ @ak-color-N70: #3f4855;
15
+ @ak-color-N60: #373f49;
16
+ @ak-color-N50: #2f353d;
17
+ @ak-color-N40: #262b31;
18
18
  @ak-color-N30: #202328;
19
- @ak-color-N20: #17191C;
19
+ @ak-color-N20: #17191c;
20
20
  @ak-color-N10: #101213;
21
- @ak-color-N0: #090A0B;
21
+ @ak-color-N0: #090a0b;
22
22
  // Each tint is made of N0 and an alpha channel.
23
23
  // ak-color-NXXXA: rgba(@ak-color-N0, ALPHA);
24
- @ak-color-N900A: rgba(@ak-color-N0, 1.00);
24
+ @ak-color-N900A: rgba(@ak-color-N0, 1);
25
25
  @ak-color-N800A: rgba(@ak-color-N0, 0.97);
26
26
  @ak-color-N700A: rgba(@ak-color-N0, 0.95);
27
27
  @ak-color-N600A: rgba(@ak-color-N0, 0.92);
@@ -33,10 +33,10 @@
33
33
  @ak-color-N90A: rgba(@ak-color-N0, 0.63);
34
34
  @ak-color-N80A: rgba(@ak-color-N0, 0.53);
35
35
  @ak-color-N70A: rgba(@ak-color-N0, 0.48);
36
- @ak-color-N60A: rgba(@ak-color-N0, 0.40);
36
+ @ak-color-N60A: rgba(@ak-color-N0, 0.4);
37
37
  @ak-color-N50A: rgba(@ak-color-N0, 0.36);
38
38
  @ak-color-N40A: rgba(@ak-color-N0, 0.29);
39
39
  @ak-color-N30A: rgba(@ak-color-N0, 0.18);
40
40
  @ak-color-N20A: rgba(@ak-color-N0, 0.14);
41
41
  @ak-color-N10A: rgba(@ak-color-N0, 0.06);
42
- @ak-color-N0A: rgba(@ak-color-N0, 0.00);
42
+ @ak-color-N0A: rgba(@ak-color-N0, 0);
package/src/less/imports/aui-theme/adg/adg-neutral-light.less CHANGED
@@ -1,25 +1,25 @@
1
- @ak-color-N0: #FFFFFF;
2
- @ak-color-N10: #FAFBFC;
3
- @ak-color-N20: #F4F5F7;
4
- @ak-color-N30: #EBECF1;
5
- @ak-color-N40: #DFE1E6;
6
- @ak-color-N50: #C1C7D0;
7
- @ak-color-N60: #B3BAC5;
8
- @ak-color-N70: #A5ADBA;
9
- @ak-color-N80: #97A0AF;
10
- @ak-color-N90: #8993A4;
11
- @ak-color-N100: #7A869A;
12
- @ak-color-N200: #6B778C;
13
- @ak-color-N300: #5E6C84;
14
- @ak-color-N400: #505F79;
15
- @ak-color-N500: #42526E;
1
+ @ak-color-N0: #ffffff;
2
+ @ak-color-N10: #fafbfc;
3
+ @ak-color-N20: #f4f5f7;
4
+ @ak-color-N30: #ebecf1;
5
+ @ak-color-N40: #dfe1e6;
6
+ @ak-color-N50: #c1c7d0;
7
+ @ak-color-N60: #b3bac5;
8
+ @ak-color-N70: #a5adba;
9
+ @ak-color-N80: #97a0af;
10
+ @ak-color-N90: #8993a4;
11
+ @ak-color-N100: #7a869a;
12
+ @ak-color-N200: #6b778c;
13
+ @ak-color-N300: #5e6c84;
14
+ @ak-color-N400: #505f79;
15
+ @ak-color-N500: #42526e;
16
16
  @ak-color-N600: #344563;
17
17
  @ak-color-N700: #253858;
18
- @ak-color-N800: #172B4D;
19
- @ak-color-N900: #091E42;
18
+ @ak-color-N800: #172b4d;
19
+ @ak-color-N900: #091e42;
20
20
  // Each tint is made of N900 and an alpha channel.
21
21
  // ak-color-NXXXA: rgba(@ak-color-N900, ALPHA);
22
- @ak-color-N0A: rgba(@ak-color-N900, 0.00);
22
+ @ak-color-N0A: rgba(@ak-color-N900, 0);
23
23
  @ak-color-N10A: rgba(@ak-color-N900, 0.02);
24
24
  @ak-color-N20A: rgba(@ak-color-N900, 0.04);
25
25
  @ak-color-N30A: rgba(@ak-color-N900, 0.08);
@@ -30,11 +30,11 @@
30
30
  @ak-color-N80A: rgba(@ak-color-N900, 0.42);
31
31
  @ak-color-N90A: rgba(@ak-color-N900, 0.48);
32
32
  @ak-color-N100A: rgba(@ak-color-N900, 0.54);
33
- @ak-color-N200A: rgba(@ak-color-N900, 0.60);
33
+ @ak-color-N200A: rgba(@ak-color-N900, 0.6);
34
34
  @ak-color-N300A: rgba(@ak-color-N900, 0.66);
35
35
  @ak-color-N400A: rgba(@ak-color-N900, 0.71);
36
36
  @ak-color-N500A: rgba(@ak-color-N900, 0.77);
37
37
  @ak-color-N600A: rgba(@ak-color-N900, 0.82);
38
38
  @ak-color-N700A: rgba(@ak-color-N900, 0.89);
39
39
  @ak-color-N800A: rgba(@ak-color-N900, 0.95);
40
- @ak-color-N900A: rgba(@ak-color-N900, 1.00);
40
+ @ak-color-N900A: rgba(@ak-color-N900, 1);
package/src/less/imports/aui-theme/components/buttons.less CHANGED
@@ -12,7 +12,11 @@
12
12
  @aui-button-height: unit(@aui-button-effective-height / @aui-button-font-size, em);
13
13
  @aui-button-padding-x: 10px;
14
14
  @aui-button-padding-y: 4px;
15
- @aui-button-line-height: unit((@aui-button-effective-height - (@aui-button-border-width + @aui-button-padding-y) *2) / @aui-button-font-size, em);
15
+ @aui-button-line-height: unit(
16
+ (@aui-button-effective-height - (@aui-button-border-width + @aui-button-padding-y) * 2) /
17
+ @aui-button-font-size,
18
+ em
19
+ );
16
20
 
17
21
  // Default button
18
22
  @aui-button-default-bg-color: var(--aui-button-default-bg-color);
package/src/less/imports/aui-theme/components/dropdown.less CHANGED
@@ -10,7 +10,9 @@
10
10
  @aui-dropdown-group-spacing: 3px;
11
11
 
12
12
  @aui-dropdown-bg-color: var(--aui-dropdown-bg-color);
13
- @aui-dropdown-border-color: var(--aui-dropdown-border-color); // to match the lightness of the faux border in the "z200" shadow
13
+ @aui-dropdown-border-color: var(
14
+ --aui-dropdown-border-color
15
+ ); // to match the lightness of the faux border in the "z200" shadow
14
16
  @aui-dropdown-heading-text-color: var(--aui-itemheading-text);
15
17
 
16
18
  #aui-dropdowns {
package/src/less/imports/aui-theme/components/form-notification.less CHANGED
@@ -8,7 +8,8 @@
8
8
  @aui-notification-arrow-border: 1px;
9
9
 
10
10
  @aui-notification-arrow-size: 6px;
11
- @aui-notification-arrow-and-border-size: @aui-notification-arrow-size + @aui-notification-arrow-border;
11
+ @aui-notification-arrow-and-border-size: @aui-notification-arrow-size +
12
+ @aui-notification-arrow-border;
12
13
  @aui-notification-arrow-bottom-right-position: 10px;
13
14
 
14
15
  @aui-notification-tipsy-padding: 4px;
package/src/less/imports/aui-theme/components/forms.less CHANGED
@@ -34,7 +34,10 @@
34
34
  @aui-form-field-width-medium-long: 350px;
35
35
  @aui-form-field-width-long: 500px;
36
36
  @aui-form-field-width-full: none;
37
- @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
37
+ @aui-form-field-height: unit(
38
+ 30px / @aui-font-size-medium,
39
+ em
40
+ ); // 30px - using ems so the fields increase in line with user specified font-sizes
38
41
 
39
42
  @aui-form-transition-time: 0.2s;
40
43
 
@@ -56,6 +59,12 @@
56
59
  .aui-input-field-style(focus) {
57
60
  background-color: @aui-form-field-focus-bg-color;
58
61
  color: @aui-text-color;
62
+
63
+ // 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
64
+ option:checked {
65
+ background-color: SelectedItem !important;
66
+ color: SelectedItemText !important;
67
+ }
59
68
  }
60
69
 
61
70
  .aui-select2-input-field-style(normal) {
@@ -107,6 +116,12 @@
107
116
  .aui-input-field-style(focus) {
108
117
  background-color: @aui-form-field-focus-bg-color;
109
118
  color: @aui-text-color;
119
+
120
+ // 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
121
+ option:checked {
122
+ background-color: SelectedItem !important;
123
+ color: SelectedItemText !important;
124
+ }
110
125
  }
111
126
 
112
127
  .aui-radio-checkbox-size() {
package/src/less/imports/aui-theme/components/inline-dialog2.less CHANGED
@@ -1,4 +1,4 @@
1
1
  @aui-inline-dialog2-offset-default: 10px;
2
2
  @aui-inline-dialog2-arrow-edge-offset: 2px;
3
3
  @aui-inline-dialog2-arrow-side-length: 8px;
4
- @aui-inline-dialog2-arrow-border-width: 1px;
4
+ @aui-inline-dialog2-arrow-border-width: 1px;
package/src/less/imports/aui-theme/components/navigation.less CHANGED
@@ -34,7 +34,6 @@
34
34
  @aui-nav-pagination-text-color: var(--aui-nav-pagination-text-color);
35
35
  @aui-nav-pagination-active-text-color: var(--aui-nav-pagination-active-text-color);
36
36
 
37
-
38
37
  #aui-nav {
39
38
  // See also: #aui-dropdowns.aui-dropdown-option-base();
40
39
  .item-base(@height: @aui-nav-link-effective-height) {
@@ -48,7 +47,9 @@
48
47
  // but the inner content box is only 16px tall. This enables things like
49
48
  // lozenges and small icons to line up correctly with the text, without explicit treatment.
50
49
  // this is assumed and exploited in places like the sidebar's navigation.
51
- line-height: unit((@height - (2 * @aui-nav-link-spacing-vertical)) / @aui-nav-actions-list-item-font-size);
50
+ line-height: unit(
51
+ (@height - (2 * @aui-nav-link-spacing-vertical)) / @aui-nav-actions-list-item-font-size
52
+ );
52
53
  padding: @aui-nav-link-spacing-vertical @aui-nav-link-spacing-horizontal;
53
54
  }
54
55
 
@@ -90,5 +91,4 @@
90
91
  cursor: not-allowed;
91
92
  text-decoration: none;
92
93
  }
93
-
94
94
  }
package/src/less/imports/aui-theme/components/progress-tracker.less CHANGED
@@ -5,7 +5,11 @@
5
5
  @aui-progress-tracker-current-step-color: var(--aui-progress-tracker-current-step-color);
6
6
  @aui-progress-tracker-current-step-text-color: var(--aui-progress-tracker-current-step-text-color);
7
7
  @aui-progress-tracker-visited-step-text-color: var(--aui-progress-tracker-visited-step-text-color);
8
- @aui-progress-tracker-visited-step-hover-text-color: var(--aui-progress-tracker-visited-step-hover-text-color);
9
- @aui-progress-tracker-visited-step-active-text-color: var(--aui-progress-tracker-visited-step-active-text-color);
8
+ @aui-progress-tracker-visited-step-hover-text-color: var(
9
+ --aui-progress-tracker-visited-step-hover-text-color
10
+ );
11
+ @aui-progress-tracker-visited-step-active-text-color: var(
12
+ --aui-progress-tracker-visited-step-active-text-color
13
+ );
10
14
  @aui-progress-tracker-step-color: var(--aui-progress-tracker-future-step-color);
11
15
  @aui-progress-tracker-step-text-color: var(--aui-progress-tracker-future-step-text-color);
package/src/less/imports/aui-theme/components/tables.less CHANGED
@@ -5,7 +5,7 @@
5
5
  @aui-table-text-align: left;
6
6
  @aui-table-vertical-align: top;
7
7
  @aui-table-padding-x: @aui-grid;
8
- @aui-table-padding-y: (@aui-grid * .7);
8
+ @aui-table-padding-y: (@aui-grid * 0.7);
9
9
 
10
10
  @aui-table-caption-bg-color: var(--aui-table-caption-bg-color);
11
11
  @aui-table-caption-text-color: var(--aui-table-caption-text-color);
@@ -17,7 +17,8 @@
17
17
  @aui-table-header-divider-width: 2px;
18
18
 
19
19
  @aui-border-tables: @aui-border-width @aui-border-type var(--aui-table-border-color);
20
- @aui-border-tables-header: @aui-table-header-divider-width @aui-border-type var(--aui-table-border-color);
20
+ @aui-border-tables-header: @aui-table-header-divider-width @aui-border-type
21
+ var(--aui-table-border-color);
21
22
 
22
23
  // ### Sortable
23
24
 
package/src/less/imports/aui-theme/components/toggle.less CHANGED
@@ -14,12 +14,17 @@
14
14
  @aui-toggle-vertical-padding: 6px;
15
15
  @aui-toggle-icon-size: 16px;
16
16
  @aui-toggle-font-size: @aui-font-size-small;
17
- @aui-toggle-width: (@aui-toggle-border-width * 2 + @aui-toggle-horizontal-padding * 3 + @aui-toggle-icon-size * 2);
17
+ @aui-toggle-width: (
18
+ @aui-toggle-border-width * 2 + @aui-toggle-horizontal-padding * 3 + @aui-toggle-icon-size * 2
19
+ );
18
20
 
19
21
  @aui-toggle-effective-height: 26px;
20
- @aui-toggle-height: unit(@aui-toggle-effective-height / @aui-toggle-font-size, em); // note: this is the same as a compact AUI button.
22
+ @aui-toggle-height: unit(
23
+ @aui-toggle-effective-height / @aui-toggle-font-size,
24
+ em
25
+ ); // note: this is the same as a compact AUI button.
21
26
  @aui-toggle-icon-top: unit((@aui-toggle-effective-height - @aui-toggle-icon-size) / 2, px);
22
- @aui-toggle-handle-width: .odd(@aui-toggle-icon-size + @aui-toggle-horizontal-padding)[@result]; // circles work better with odd numbers
27
+ @aui-toggle-handle-width: .odd(@aui-toggle-icon-size + @aui-toggle-horizontal-padding) [ @result]; // circles work better with odd numbers
23
28
  @aui-toggle-slide-width: (@aui-toggle-icon-size * 2);
24
29
 
25
30
  @aui-toggle-default-bg-color: var(--aui-toggle-default-bg-color);
package/src/less/imports/aui-theme/core/colors.less CHANGED
@@ -242,7 +242,9 @@
242
242
  --aui-progress-tracker-step-border-color: @ak-color-N20;
243
243
  --aui-progress-tracker-container-color: @ak-color-N20;
244
244
  --aui-progress-tracker-current-step-color: @ak-color-B300;
245
- --aui-progress-tracker-current-step-text-color: var(--aui-progress-tracker-visited-step-text-color);
245
+ --aui-progress-tracker-current-step-text-color: var(
246
+ --aui-progress-tracker-visited-step-text-color
247
+ );
246
248
  --aui-progress-tracker-visited-step-text-color: @ak-color-N800;
247
249
  --aui-progress-tracker-visited-step-hover-text-color: @ak-color-B400;
248
250
  --aui-progress-tracker-visited-step-active-text-color: @ak-color-B500;
@@ -304,7 +306,9 @@
304
306
  --aui-dialog-header-warning-text-color: @ak-color-N0;
305
307
  --aui-dialog-button-hover-border-color: @ak-color-N80;
306
308
  --aui-dialog-footer-hint-text-color: @ak-color-N400;
307
- --aui-inline-dialog-bg-color: var(--aui-dropdown-bg-color); // shared this way because both inline dialogs and dropdowns need to layer well on top of modals
309
+ --aui-inline-dialog-bg-color: var(
310
+ --aui-dropdown-bg-color
311
+ ); // shared this way because both inline dialogs and dropdowns need to layer well on top of modals
308
312
  --aui-inline-dialog-border-color: var(--aui-dropdown-border-color);
309
313
 
310
314
  // Date pickers
@@ -560,7 +564,9 @@
560
564
  --aui-progress-tracker-step-border-color: @ak-color-N20;
561
565
  --aui-progress-tracker-container-color: @ak-color-N20;
562
566
  --aui-progress-tracker-current-step-color: @ak-color-B300;
563
- --aui-progress-tracker-current-step-text-color: var(--aui-progress-tracker-visited-step-text-color);
567
+ --aui-progress-tracker-current-step-text-color: var(
568
+ --aui-progress-tracker-visited-step-text-color
569
+ );
564
570
  --aui-progress-tracker-visited-step-text-color: @ak-color-N800;
565
571
  --aui-progress-tracker-visited-step-hover-text-color: var(--aui-link-hover-color);
566
572
  --aui-progress-tracker-visited-step-active-text-color: var(--aui-link-active-color);
@@ -622,7 +628,9 @@
622
628
  --aui-dialog-header-warning-text-color: @ak-color-N0;
623
629
  --aui-dialog-button-hover-border-color: @ak-color-N80;
624
630
  --aui-dialog-footer-hint-text-color: @ak-color-N400;
625
- --aui-inline-dialog-bg-color: var(--aui-dropdown-bg-color); // needs to be slightly lighter than modals so you can see the difference
631
+ --aui-inline-dialog-bg-color: var(
632
+ --aui-dropdown-bg-color
633
+ ); // needs to be slightly lighter than modals so you can see the difference
626
634
  --aui-inline-dialog-border-color: var(--aui-dropdown-border-color);
627
635
 
628
636
  // Date pickers
package/src/less/imports/aui-theme/core/icons.less CHANGED
@@ -1,26 +1,26 @@
1
- @aui-old-icon-font-family: "Atlassian Icons";
2
- @aui-old-icon-font-file: "atlassian-icons";
3
- @aui-old-icon-font-id: "atlassian-icons";
1
+ @aui-old-icon-font-family: 'Atlassian Icons';
2
+ @aui-old-icon-font-file: 'atlassian-icons';
3
+ @aui-old-icon-font-id: 'atlassian-icons';
4
4
 
5
- @aui-icon-font-family: "Adgs Icons";
6
- @aui-icon-font-file: "adgs-icons";
7
- @aui-icon-font-id: "adgs-icons";
5
+ @aui-icon-font-family: 'Adgs Icons';
6
+ @aui-icon-font-file: 'adgs-icons';
7
+ @aui-icon-font-id: 'adgs-icons';
8
8
 
9
9
  // glyphs
10
- @aui-glyph-check: "\f194";
11
- @aui-glyph-check-circle: "\f104";
12
- @aui-glyph-chevron-down: "\f15b";
13
- @aui-glyph-chevron-right: "\f11c";
14
- @aui-glyph-close: "\f11b";
15
- @aui-glyph-exclamation-triangle: "\f1b3";
16
- @aui-glyph-exclamation-circle: "\f15a";
17
- @aui-glyph-question-circle: "\F255";
18
- @aui-glyph-info-circle: "\f234";
19
- @aui-glyph-more-actions: "\f17f"; // the "more" icon; should be three dots.
20
- @aui-glyph-search: "\f18c";
21
- @aui-glyph-search-small: "\f18d";
22
- @aui-glyph-radio: "\f500";
23
- @aui-glyph-remove: "\f188";
10
+ @aui-glyph-check: '\f194';
11
+ @aui-glyph-check-circle: '\f104';
12
+ @aui-glyph-chevron-down: '\f15b';
13
+ @aui-glyph-chevron-right: '\f11c';
14
+ @aui-glyph-close: '\f11b';
15
+ @aui-glyph-exclamation-triangle: '\f1b3';
16
+ @aui-glyph-exclamation-circle: '\f15a';
17
+ @aui-glyph-question-circle: '\F255';
18
+ @aui-glyph-info-circle: '\f234';
19
+ @aui-glyph-more-actions: '\f17f'; // the "more" icon; should be three dots.
20
+ @aui-glyph-search: '\f18c';
21
+ @aui-glyph-search-small: '\f18d';
22
+ @aui-glyph-radio: '\f500';
23
+ @aui-glyph-remove: '\f188';
24
24
 
25
- @aui-glyph-sorted-ascending: "\f1ac";
26
- @aui-glyph-sorted-descending: "\f140";
25
+ @aui-glyph-sorted-ascending: '\f1ac';
26
+ @aui-glyph-sorted-descending: '\f140';
package/src/less/imports/aui-theme/core/text.less CHANGED
@@ -2,9 +2,12 @@
2
2
 
3
3
  // ### Fonts
4
4
  // Stacks
5
- @aui-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
6
- @aui-font-family-ja: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Verdana, Arial, sans-serif;
7
- @aui-code-font-family: "SFMono-Medium", "SF Mono", "Segoe UI Mono", "Roboto Mono", "Ubuntu Mono", Menlo, Courier, monospace;
5
+ @aui-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu',
6
+ 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
7
+ @aui-font-family-ja: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'メイリオ', Meiryo,
8
+ 'ＭＳ Ｐゴシック', Verdana, Arial, sans-serif;
9
+ @aui-code-font-family: 'SFMono-Medium', 'SF Mono', 'Segoe UI Mono', 'Roboto Mono', 'Ubuntu Mono',
10
+ Menlo, Courier, monospace;
8
11
 
9
12
  // Sizes and line heights
10
13
  @aui-font-size-xxxlarge: 29px;
package/src/less/imports/mixins/dropdown2-trigger-chevron-icon.less CHANGED
@@ -2,7 +2,6 @@
2
2
 
3
3
  #aui {
4
4
  .aui-dropdown2-trigger-chevron-icon(@glyphsize: @aui-icon-size-small; @canvassize: @aui-icon-size-small-canvas) {
5
-
6
5
  #aui.icon-pseudoelement(@aui-icon-font-family);
7
6
  content: @aui-glyph-chevron-down;
8
7
  font-size: @glyphsize;
package/src/less/imports/mixins/focus.less CHANGED
@@ -46,14 +46,22 @@
46
46
  // Remove default focus styles for mouse users ONLY if
47
47
  // :focus-visible (or its polyfill) is supported on this platform.
48
48
  // The selectors are discrete because CSS ignores an entire ruleset if one selector is invalid.
49
- html:not(.aui-no-focusvisible).js-focus-visible &:focus:not(.focus-visible) { .hide-outline(); }
50
- html:not(.aui-no-focusvisible) &:focus:not(:focus-visible) { .hide-outline(); }
49
+ html:not(.aui-no-focusvisible).js-focus-visible &:focus:not(.focus-visible) {
50
+ .hide-outline();
51
+ }
52
+ html:not(.aui-no-focusvisible) &:focus:not(:focus-visible) {
53
+ .hide-outline();
54
+ }
51
55
 
52
56
  // Affect the potential CSS standard pseudo-selector
53
57
  // Its mozilla-specific implementation, and
54
58
  // a CSS class added by the WICG polyfill.
55
59
  // The selectors are discrete because CSS ignores an entire ruleset if one selector is invalid.
56
- html:not(.aui-no-focusvisible).js-focus-visible &.focus-visible { @rules(); }
57
- html:not(.aui-no-focusvisible) &:focus-visible { @rules(); }
60
+ html:not(.aui-no-focusvisible).js-focus-visible &.focus-visible {
61
+ @rules();
62
+ }
63
+ html:not(.aui-no-focusvisible) &:focus-visible {
64
+ @rules();
65
+ }
58
66
  }
59
67
  }
package/src/less/imports/mixins/media-queries.less CHANGED
@@ -11,13 +11,13 @@
11
11
  }
12
12
 
13
13
  .legacy-edge(@rules) {
14
- @supports (-ms-accelerator:true) or (-ms-ime-align:auto) {
14
+ @supports (-ms-accelerator: true) or (-ms-ime-align: auto) {
15
15
  @rules();
16
16
  }
17
17
  }
18
18
 
19
19
  .firefox(@rules) {
20
- @media all and (min--moz-device-pixel-ratio:0) {
20
+ @media all and (min--moz-device-pixel-ratio: 0) {
21
21
  @rules();
22
22
  }
23
23
  }
package/src/less/imports/mixins/shadows.less CHANGED
@@ -26,7 +26,9 @@
26
26
 
27
27
  // Internal use only
28
28
  .z-base(@shadow) {
29
- box-shadow: @shadow, 0 0 1px var(--aui-shadow2);
29
+ box-shadow:
30
+ @shadow,
31
+ 0 0 1px var(--aui-shadow2);
30
32
  // Improve legibility of the element's "border" in Legacy Edge.
31
33
  .legacy-edge({
32
34
  box-shadow: @shadow,
package/src/less/imports/mixins/tab-indicator.less CHANGED
@@ -8,7 +8,7 @@
8
8
  &::before {
9
9
  background: @background;
10
10
  bottom: 0;
11
- content: "";
11
+ content: '';
12
12
  display: block;
13
13
  height: @aui-tab-break-height;
14
14
  left: @horizontal-gutter;
@@ -25,7 +25,7 @@
25
25
  &::before {
26
26
  background: @background;
27
27
  bottom: @vertical-gutter;
28
- content: "";
28
+ content: '';
29
29
  display: block;
30
30
  height: initial;
31
31
  position: absolute;
package/src/less/imports/mixins.less CHANGED
@@ -45,7 +45,11 @@
45
45
  .gradient {
46
46
  .vertical(@start-color: #fff, @end-color: #f2f2f2, @start-percent: 0%, @end-percent: 100%) {
47
47
  background: @end-color;
48
- background: linear-gradient(to bottom, @start-color @start-percent, @end-color @end-percent);
48
+ background: linear-gradient(
49
+ to bottom,
50
+ @start-color @start-percent,
51
+ @end-color @end-percent
52
+ );
49
53
  }
50
54
  }
51
55
 
@@ -91,7 +95,9 @@
91
95
 
92
96
  .fadeOut(@length: 0.2s, @delay: 0s) {
93
97
  opacity: 0;
94
- transition: opacity @length, visibility @length;
98
+ transition:
99
+ opacity @length,
100
+ visibility @length;
95
101
  transition-delay: @delay;
96
102
  visibility: hidden;
97
103
  }
@@ -102,7 +108,7 @@
102
108
  }
103
109
 
104
110
  .height-calc(@calc) {
105
- height: ~"calc(@{calc})";
111
+ height: ~'calc(@{calc})';
106
112
  }
107
113
 
108
114
  .placeholder(@color) {
@@ -111,7 +117,8 @@
111
117
  opacity: 1;
112
118
  }
113
119
  // Target AUI's JS equivalent of the CSS proposal for the `:placeholder-shown` pseudo-class.
114
- &.aui-placeholder-shown, &.placeholder-shown {
120
+ &.aui-placeholder-shown,
121
+ &.placeholder-shown {
115
122
  color: @color;
116
123
  }
117
124
  }