Update Stylelint packages to v16 (major)

explore/common/src/main/webapp/sass/aladin.scss

@@ -115,7 +115,7 @@
 }
 
 .aladin-marker-measurement table tr td {
-  word-wrap: break-word;
+  overflow-wrap: break-word;
 }
 
 .aladin-marker-measurement tr:nth-child(even) {
@@ -323,7 +323,6 @@
   background: hsl(0deg 0% 100%);
   font-size: 15px;
   font-weight: bold;
-  display: inline-block;
   line-height: 0px;
   padding: 8px 2px;
 }

explore/common/src/main/webapp/sass/datepicker.scss

@@ -1,4 +1,4 @@
-@use 'datepicker/datepicker.scss';
+@use 'datepicker/datepicker';
 
 .react-datepicker {
   font-family: inherit;

explore/common/src/main/webapp/sass/explore-grid.scss

@@ -1,9 +1,9 @@
 .explore-grid {
   display: grid;
-  grid-gap: 1em;
+  gap: 1em;
 
   &.explore-compact {
-    grid-gap: 0.3em;
+    gap: 0.3em;
   }
 
   /*

explore/common/src/main/webapp/sass/explore-primereact.scss

@@ -1,5 +1,5 @@
 @use 'sass:meta';
-@use '/lucuma-css/lucuma-ui-common.scss';
+@use '/lucuma-css/lucuma-ui-common';
 
 /* stylelint-disable no-invalid-position-at-import-rule */
 .light-theme {

explore/common/src/main/webapp/sass/explore.scss

@@ -72,7 +72,6 @@ body {
   min-height: 100dvh;
 
   /* mobile viewport bug fix */
-  /* stylelint-disable-next-line value-no-vendor-prefix */
   min-height: -webkit-fill-available;
   width: 100dvw;
 }
@@ -401,7 +400,6 @@ i.icon.explore-button-icon:focus {
 html {
   // Required for iOS to work with 100vh
   // https://css-tricks.com/css-fix-for-100vh-in-mobile-webkit/
-  /* stylelint-disable-next-line value-no-vendor-prefix */
   height: -webkit-fill-available;
 }
 
@@ -863,6 +861,7 @@ thead tr th.sticky-header {
         width: 16ch; // the date/time format is 15 ch
       }
     }
+    /* stylelint-enable selector-class-pattern */
 
     .target-tile-obs-duration {
       display: none;
@@ -963,8 +962,8 @@ thead tr th.sticky-header {
 
 .target-grid {
   display: grid;
-  grid-gap: 0.5em;
-  grid-row-gap: 0.3em;
+  gap: 0.5em;
+  row-gap: 0.3em;
   padding: 0.5em;
   height: 100%;
   overflow: hidden;
@@ -1235,7 +1234,7 @@ $search-preview-margin: 5px;
   max-height: 80vh; // Don't let the form grow too large
   gap: 0.3em;
   align-items: stretch;
-  overflow: auto auto;
+  overflow: auto;
   grid-template-columns: 1fr;
   grid-auto-rows: fit-content;
 
@@ -1268,10 +1267,12 @@ $search-preview-margin: 5px;
   min-height: $search-preview-height-mobile;
 
   @media (min-width: lucumaUICommon.$tablet-responsive-cutoff) {
+    /* stylelint-disable no-invalid-position-declaration */
     position: absolute;
     right: 0;
     margin-right: $search-preview-margin;
     height: calc($search-preview-width + $search-preview-margin);
+    /* stylelint-enable no-invalid-position-declaration */
   }
 }
 
@@ -1304,7 +1305,7 @@ $search-preview-margin: 5px;
 .explore-target-search-results {
   border: 1px solid var(--site-border-color);
   border-radius: 0.28rem;
-  overflow: auto auto;
+  overflow: auto;
 }
 
 .explore-sequences-panel {
@@ -1392,6 +1393,7 @@ $search-preview-margin: 5px;
   margin-left: 0.5em;
 
   @media (min-width: lucumaUICommon.$mobile-responsive-cutoff) {
+    /* stylelint-disable-next-line no-invalid-position-declaration */
     display: flex;
   }
 }
@@ -1737,7 +1739,7 @@ svg.fa-check.explore-success-icon {
 .explore-advanced-configuration-grid {
   display: grid;
   padding: 0.5em;
-  grid-gap: 1em;
+  gap: 1em;
   grid-template:
     'col1 col2 col3' auto
     'col1 buttons buttons' auto
@@ -1771,7 +1773,7 @@ svg.fa-check.explore-success-icon {
 .explore-advanced-configuration-binning {
   display: flex;
   place-items: baseline stretch;
-  grid-gap: 0.5em;
+  gap: 0.5em;
   width: 100%;
 
   div:first-child {
@@ -2480,7 +2482,7 @@ input[type='file'].explore-fileupload {
 // Area where the grid-layout is placed
 // ------------
 .tree-rgl {
-  overflow: hidden hidden;
+  overflow: hidden;
   position: relative;
   display: flex;
 }
@@ -2518,7 +2520,7 @@ input[type='file'].explore-fileupload {
 .single-panel-tile {
   flex-shrink: 1;
   flex-grow: 1;
-  overflow: auto auto;
+  overflow: auto;
 }
 
 .tree-toolbar {
@@ -2715,7 +2717,6 @@ $help-title-height: 40px;
   min-height: calc(100% - $help-title-height);
   background-color: var(--help-background-color);
 
-  /* stylelint-disable-next-line no-descending-specificity */
   & * {
     text-shadow: none;
     color: black;
@@ -2733,6 +2734,7 @@ $help-title-height: 40px;
 .markdown-body {
   overflow: auto;
 
+  /* stylelint-disable-next-line selector-class-pattern */
   svg.svg-inline--fa {
     color: hsl(210deg 12.2% 16.1%);
   }
@@ -3280,7 +3282,7 @@ div.spectroscopy-table-emptymessage {
   row-gap: 0.5em;
 
   > .react-grid-layout {
-    overflow: auto auto;
+    overflow: auto;
     flex: 1 1 1;
   }
 
@@ -3441,7 +3443,7 @@ a.explore-upgrade-link {
   white-space: normal;
   overflow: visible;
   max-width: 80%;
-  word-wrap: break-word;
+  overflow-wrap: break-word;
 }
 
 .obs-group-title-with-list {
@@ -3537,7 +3539,7 @@ a.explore-upgrade-link {
     height: 100%;
     display: grid;
     grid-template-rows: auto 1fr;
-    grid-gap: 1em;
+    gap: 1em;
 
     .program-note-title {
       display: flex;

explore/common/src/main/webapp/sass/tooltips.scss

@@ -27,10 +27,9 @@
     display: inline;
     min-width: 100px;
     width: max-content;
-    word-break: break-word;
 
     span {
-      word-wrap: break-word;
+      overflow-wrap: break-word;
     }
   }
 

explore/common/src/main/webapp/sass/visualization.scss

@@ -1,6 +1,6 @@
 @use '/lucuma-css/lucuma-ui-common.scss' as lucumaUICommon;
 @use 'explore-common.scss' as exploreCommon;
-@use '/lucuma-css/visualization.scss';
+@use '/lucuma-css/visualization';
 @use 'sass:string';
 
 :root {
@@ -54,7 +54,6 @@ $brightness: var(--aladin-image-brightness);
   .p-menu.p-component.explore-aladin-settings-menu {
     background: var(--button-background-color-semi);
     border-color: var(--site-border-color);
-    /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */
     font-size: var(--pl-mini-font-size);
     width: 14em;
 
@@ -111,7 +110,6 @@ $brightness: var(--aladin-image-brightness);
   .aladin-survey {
     @include aladin-button-mixin;
 
-    /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */
     font-size: var(--pl-mini-font-size);
     color: var(--hud-color);
     left: 50px;
@@ -268,7 +266,6 @@ $brightness: var(--aladin-image-brightness);
     height: 100%;
     display: flex;
     justify-content: center;
-    /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */
     background: repeating-linear-gradient(
       -45deg,
       var(--hud-background-color),

observe/web/client/src/main/webapp/styles/observe.scss

@@ -131,7 +131,7 @@ body {
 .observe-component-label {
   text-overflow: ellipsis;
   overflow: hidden;
-  word-wrap: break-word;
+  overflow-wrap: break-word;
   white-space: nowrap;
 }