DOCS: Fix lint & update stylelint to latest

Author: mkszepp

docs/.eslintrc.js

@@ -14,7 +14,11 @@ module.exports = {
     },
   },
   plugins: ['ember'],
-  extends: ['eslint:recommended', 'plugin:ember/recommended', 'plugin:prettier/recommended'],
+  extends: [
+    'eslint:recommended',
+    'plugin:ember/recommended',
+    'plugin:prettier/recommended',
+  ],
   env: {
     browser: true,
   },

docs/app/styles/app.css

@@ -64,7 +64,7 @@
   top: 0;
   right: 0;
   bottom: 0;
-  background: rgba(71, 1, 1, 0.5);
+  background: rgb(71, 1, 1 / 50%);
   color: pink;
 }
 
@@ -93,9 +93,11 @@
 .horizontal-doc-auto-scroll-demo {
   white-space: nowrap;
 }
+
 .horizontal-doc-auto-scroll-demo ol {
-  padding-left: 0px;
+  padding-left: 0;
 }
+
 .horizontal-doc-auto-scroll-demo .sortable-item {
   width: 70px;
 }
@@ -106,7 +108,7 @@
   display: inline-block;
   position: relative;
   cursor: move;
-  background-color: hsl(197, 100%, 45%);
+  background-color: hsl(197deg 100% / 45%);
   margin: 0 4px;
 }
 
@@ -127,11 +129,12 @@
 
 .grid-demo .sortable-item.is-dragging,
 .horizontal-demo .sortable-item.is-dragging {
-  background: hsl(197, 100%, 35%);
+  background: hsl(197deg 100% / 35%);
 }
+
 .grid-demo .sortable-item.is-dropping,
 .horizontal-demo .sortable-item.is-dropping {
-  background: hsl(197, 100%, 40%);
+  background: hsl(197deg 100% / 40%);
   z-index: 10;
 }
 
@@ -148,6 +151,7 @@
   padding: 0;
   background: white;
 }
+
 .table-demo td:last-child,
 .table-demo th:last-child {
   padding: 0 1em 0 4px;
@@ -190,14 +194,15 @@
   top: 0;
   right: 0;
   bottom: 0;
-  background: rgba(71, 1, 1, 0.5);
+  background: rgb(71, 1, 1 / 50%);
   color: pink;
 }
 
 #ember-testing {
   transform: none !important;
 }
 
+/* stylelint-disable-next-line selector-class-pattern */
 .sortable-item--active {
   outline: 2px solid purple;
 }
@@ -209,10 +214,10 @@
   position: relative;
 }
 
-.sortable-handle-up:before,
-.sortable-handle-down:after,
-.sortable-handle-left:before,
-.sortable-handle-right:after {
+.sortable-handle-up::before,
+.sortable-handle-down::after,
+.sortable-handle-left::before,
+.sortable-handle-right::after {
   position: absolute;
   left: 50%;
   margin-left: -4px;
@@ -223,23 +228,23 @@
   border-width: 4px;
 }
 
-.sortable-handle-up:before {
+.sortable-handle-up::before {
   top: -10px;
   border-bottom-color: #000;
 }
 
-.sortable-handle-down:after {
+.sortable-handle-down::after {
   bottom: -10px;
   border-top-color: #000;
 }
 
-.sortable-handle-left:before {
+.sortable-handle-left::before {
   top: 50%;
   left: -10px;
   border-right-color: #000;
 }
 
-.sortable-handle-right:after {
+.sortable-handle-right::after {
   top: 50%;
   left: calc(100% + 10px);
   border-left-color: #000;

docs/config/targets.js

@@ -1,6 +1,10 @@
 'use strict';
 
-const browsers = ['last 1 Chrome versions', 'last 1 Firefox versions', 'last 1 Safari versions'];
+const browsers = [
+  'last 1 Chrome versions',
+  'last 1 Firefox versions',
+  'last 1 Safari versions',
+];
 
 module.exports = {
   browsers,

docs/package.json

@@ -11,6 +11,7 @@
     "lint": "concurrently \"pnpm:lint:*(!fix)\" --names \"lint:\"",
     "lint:css": "stylelint \"**/*.css\"",
     "lint:css:fix": "concurrently \"pnpm:lint:css -- --fix\"",
+    "lint:fix": "concurrently \"pnpm:lint:*:fix\" --names \"fix:\"",
     "lint:hbs": "ember-template-lint .",
     "lint:hbs:fix": "ember-template-lint . --fix",
     "lint:js": "eslint .",
@@ -66,9 +67,9 @@
     "prettier": "^3.3.3",
     "qunit": "^2.22.0",
     "qunit-dom": "^2.0.0",
-    "stylelint": "^15.11.0",
-    "stylelint-config-standard": "^34.0.0",
-    "stylelint-prettier": "^4.1.0",
+    "stylelint": "^16.9.0",
+    "stylelint-config-standard": "^36.0.0",
+    "stylelint-prettier": "^5.0.2",
     "tracked-built-ins": "^3.3.0",
     "webpack": "^5.93.0"
   },