chore: Update stylelint

.circleci/config.yml

@@ -121,7 +121,9 @@ jobs:
       - run: *restore_dist_folders
       - run:
           name: Linting
-          command: bun run lint --quiet --format=stylish
+          command: |
+            bun run lint --quiet --format=stylish
+            bun run lint:css
   test_types:
     <<: *defaults
     steps:

AGENTS.md

@@ -59,6 +59,9 @@ bun run lint --format=agent
 
 # Perform oxfmt formatting
 bun run fmt
+
+# Lint CSS
+bun run lint:css
 ```
 
 ## E2E Testing (Playwright)
@@ -122,7 +125,7 @@ function createStorage<TItem>(key: string): StorageInterface<TItem> {
 - **Utilities**: camelCase (`removeHighlightTags.ts`)
 - **Types**: PascalCase (`InternalDocSearchHit`)
 - **Constants**: SCREAMING_SNAKE_CASE (`MAX_QUERY_SIZE`)
-- **CSS classes**: `DocSearch-` prefix with PascalCase (`DocSearch-Modal`)
+- **CSS classes**: `DocSearch-` prefix
 
 ### React Components
 

adapters/docusaurus-theme-search-algolia/src/theme/SearchBar/styles.css

@@ -10,47 +10,46 @@
   --docsearch-text-color: var(--ifm-font-color-base);
   --docsearch-border-radius: var(--ifm-global-radius);
   --docsearch-highlight-color: var(--ifm-color-primary);
-  --docsearch-soft-primary-color: color-mix(
-    in srgb,
-    var(--ifm-color-primary) 12%,
-    transparent
-  );
+  --docsearch-soft-primary-color: color-mix(in srgb,
+  var(--ifm-color-primary) 12%,
+  transparent);
   --docsearch-focus-color: var(--ifm-color-primary-dark);
   --docsearch-subtle-color: var(--ifm-color-emphasis-200);
   --docsearch-secondary-text-color: var(--ifm-color-emphasis-600);
   --docsearch-icon-color: var(--ifm-color-emphasis-600);
   --docsearch-muted-color: var(--ifm-color-emphasis-600);
   --docsearch-container-background: rgb(0 0 0 / 60%);
   --docsearch-background-color: var(--ifm-color-emphasis-200);
+
   /* Modal */
   --docsearch-modal-background: var(--ifm-color-emphasis-100);
   --docsearch-modal-shadow: var(--ifm-global-shadow-md);
+
   /* Button */
   --docsearch-search-button-background: var(--ifm-background-color);
   --docsearch-search-button-text-color: var(--ifm-color-emphasis-600);
+
   /* Search box */
   --docsearch-searchbox-background: var(--ifm-background-color);
   --docsearch-searchbox-focus-background: var(--ifm-background-surface-color);
+
   /* Hit */
   --docsearch-hit-color: var(--ifm-font-color-base);
-  --docsearch-hit-highlight-color: color-mix(
-    in srgb,
-    var(--ifm-color-primary) 12%,
-    transparent
-  );
+  --docsearch-hit-highlight-color: color-mix(in srgb,
+  var(--ifm-color-primary) 12%,
+  transparent);
   --docsearch-hit-active-color: var(--ifm-color-white);
   --docsearch-hit-background: var(--ifm-background-surface-color);
   --docsearch-key-background: var(--ifm-color-emphasis-200);
   --docsearch-key-color: var(--ifm-color-emphasis-600);
   --docsearch-key-pressed-shadow: inset 0 2px 4px rgb(0 0 0 / 12%);
+
   /* Footer */
   --docsearch-footer-background: var(--ifm-background-surface-color);
   --docsearch-footer-shadow: 0 -1px 0 0 var(--ifm-color-emphasis-200);
-  --docsearch-key-gradient: linear-gradient(
-    -26.5deg,
-    var(--ifm-color-emphasis-300) 0%,
-    var(--ifm-color-emphasis-200) 100%
-  );
+  --docsearch-key-gradient: linear-gradient(-26.5deg,
+  var(--ifm-color-emphasis-300) 0%,
+  var(--ifm-color-emphasis-200) 100%);
 
   /* Sidepanel */
   --docsearch-sidepanel-background: var(--ifm-color-emphasis-100);
@@ -68,9 +67,7 @@
   --docsearch-sidepanel-scrollbar-bg: var(--docsearch-modal-background);
   --docsearch-sidepanel-hit-background: var(--docsearch-hit-background);
   --docsearch-sidepanel-hit-color: var(--docsearch-hit-color);
-  --docsearch-sidepanel-hit-highlight-color: var(
-    --docsearch-hit-highlight-color
-  );
+  --docsearch-sidepanel-hit-highlight-color: var(--docsearch-hit-highlight-color);
 }
 
 .DocSearch-SearchBar {
@@ -109,10 +106,11 @@
 }
 
 /* is aesthetically better to have no border radius */
-@media screen and (min-width: 769px) {
+@media screen and (width >= 769px) {
   .DocSearch-Sidepanel-Container.inline.side-right {
     border-radius: 0 !important;
   }
+
   .DocSearch-Sidepanel-Container.inline.side-left {
     border-radius: 0 !important;
   }

package.json

@@ -74,11 +74,11 @@
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "start-server-and-test": "2.0.10",
-    "stylelint": "16.13.2",
-    "stylelint-config-sass-guidelines": "12.1.0",
-    "stylelint-config-standard": "36.0.1",
-    "stylelint-no-unsupported-browser-features": "8.0.2",
-    "stylelint-order": "6.0.4",
+    "stylelint": "17.14.0",
+    "stylelint-config-sass-guidelines": "13.0.0",
+    "stylelint-config-standard": "40.0.0",
+    "stylelint-no-unsupported-browser-features": "8.1.1",
+    "stylelint-order": "8.1.1",
     "typescript": "5.7.3",
     "vitest": "3.0.2",
     "watch": "1.0.2"