Merge pull request #62 from adobe/fix-lint

Fix lint

Author: shsteimer

Diff for: .eslintignore

@@ -1 +1,2 @@
-helix-importer-ui
+helix-importer-ui
+tools/sidekick

Diff for: .stylelintrc.json

@@ -1,3 +1,6 @@
 {
-  "extends": ["stylelint-config-standard"]
+  "extends": [
+    "stylelint-config-standard"
+  ],
+  "ignoreFiles": "tools/sidekick/**/*.css"
 }

Diff for: package-lock.json

@@ -5,7 +5,7 @@
   "description": "Starter project for Adobe Helix",
   "scripts": {
     "lint:js": "eslint .",
-    "lint:css": "stylelint blocks/**/*.css styles/*.css",
+    "lint:css": "stylelint \"blocks/**/*.css\" \"styles/*.css\" \"tools/**/*.css\"",
     "lint": "npm run lint:js && npm run lint:css"
   },
   "repository": {
@@ -19,6 +19,7 @@
   },
   "homepage": "https://github.com/adobe/aem-boilerplate#readme",
   "devDependencies": {
+    "@adobe/rum-distiller": "1.16.2",
     "@babel/eslint-parser": "7.24.8",
     "eslint": "8.57.0",
     "eslint-config-airbnb-base": "15.0.0",

Diff for: package.json

@@ -1166,13 +1166,13 @@ facet-sidebar[aria-disabled="true"] div.quick-filter {
   display: none;
 }
 
-@media (min-width: 600px) {
+@media (width >= 600px) {
   main .title url-selector input {
     font-size: var(--type-heading-l-size);
   }
 }
 
-@media (min-width: 900px) {
+@media (width >= 900px) {
   main .title {
     flex-wrap: nowrap;
   }
@@ -1240,7 +1240,7 @@ facet-sidebar[aria-disabled="true"] div.quick-filter {
 
 /* split mode */
 
-@media (min-width: 1600px) {
+@media (width >= 1600px) {
   #deepmain {
     display: flex;
     gap: 16px;

Diff for: tools/oversight/rum-slicer.css

@@ -825,13 +825,13 @@ facet-sidebar[aria-disabled="true"] div.quick-filter {
   display: none;
 }
 
-@media (min-width: 600px) {
+@media (width >= 600px) {
   main .title url-selector input {
     font-size: var(--type-heading-l-size);
   }
 }
 
-@media (min-width: 900px) {
+@media (width >= 900px) {
   main .title {
     flex-wrap: nowrap;
   }
@@ -898,7 +898,7 @@ facet-sidebar[aria-disabled="true"] div.quick-filter {
 }
 
 /* split mode */
-@media (min-width: 1600px) {
+@media (width >= 1600px) {
   #deepmain {
     display: flex;
     gap: 16px;
@@ -930,7 +930,7 @@ facet-sidebar[aria-disabled="true"] div.quick-filter {
   }
 }
 
-@media (min-width: 2000px) {
+@media (width >= 2000px) {
   main .key-metrics ul {
     grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
   }