Merge branch 'main' of https://github.com/coreui/coreui

Author: mrholek

build/llm.mjs

@@ -106,7 +106,7 @@ CoreUI builds upon Bootstrap by providing production-ready components, advanced
 `
 
   const groupOrder = ['components', 'forms', 'utilities', 'helpers']
-  const sortedGroups = Object.keys(sections).sort((a, b) => {
+  const sortedGroups = Object.keys(sections).toSorted((a, b) => {
     const ai = groupOrder.indexOf(a)
     const bi = groupOrder.indexOf(b)
     return (ai === -1 ? 999 : ai) - (bi === -1 ? 999 : bi)
@@ -116,7 +116,7 @@ CoreUI builds upon Bootstrap by providing production-ready components, advanced
     indexContent += `## 📁 ${
       group.charAt(0).toUpperCase() + group.slice(1)
     }\n\n`
-    for (const item of sections[group].sort((a, b) =>
+    for (const item of sections[group].toSorted((a, b) =>
       a.title.localeCompare(b.title)
     )) {
       indexContent += `- [${item.title}](${item.path})\n`
@@ -146,7 +146,7 @@ async function generateSingleMergedFile() {
   let mergedContent = `# 🧠 CoreUI LLM Knowledge Base\n\n`
   mergedContent += `This file contains all CoreUI documentation files in a format optimized for large language models (LLMs).\n\n`
 
-  for (const filePath of allFiles.sort()) {
+  for (const filePath of allFiles.toSorted()) {
     const relPath = path.relative(inputDir, filePath)
     const relativeDir = relPath.split(path.sep)[0]
 

docs/assets/scss/search.scss

@@ -19,7 +19,9 @@
 // stylelint-disable selector-class-pattern
 :root {
   --docsearch-primary-color: var(--cui-primary);
+  --docsearch-muted-color: var(--cui-secondary-color);
   --docsearch-logo-color: var(--cui-primary);
+  --docsearch-key-color: var(--cui-secondary-color);
 }
 
 @include color-mode(dark, true) {
@@ -43,7 +45,6 @@
 }
 
 .DocSearch-Container {
-  --docsearch-muted-color: var(--cui-secondary-color);
   --docsearch-hit-shadow: none;
 
   position: fixed;
@@ -74,7 +75,8 @@
   @include box-shadow($input-box-shadow);
   @include transition($input-transition);
 
-  &:focus {
+  &:focus,
+  &:hover {
     color: $input-focus-color;
     background-color: $input-focus-bg;
     border-color: $input-focus-border-color;
@@ -87,10 +89,6 @@
     }
   }
 
-  &:hover:not(:disabled):not([readonly])::file-selector-button {
-    background-color: $form-file-button-hover-bg;
-  }
-
   @include media-breakpoint-down(md) {
     &,
     &:hover,
@@ -109,32 +107,29 @@
 .DocSearch-Button-Keys {
   min-width: 0;
   padding: 0 .25rem;
-  background: rgba($black, .125);
+  background: var(--cui-secondary-bg);
   @include border-radius(.25rem);
 }
 
 .DocSearch-Button-Key {
-  top: 0;
   width: auto;
-  height: 1.5rem;
-  padding: 0 .125rem;
-  margin-right: 0;
-  font-size: .875rem;
+  padding: 0;
   background: none;
+  border: 0;
   box-shadow: none;
-}
 
-.DocSearch-Commands-Key {
-  padding-left: 1px;
-  font-size: .875rem;
-  background-color: rgba($black, .1);
-  background-image: none;
-  box-shadow: none;
+  &:first-child {
+    margin-right: 0;
+  }
 }
 
-.DocSearch-Form {
-  @include border-radius(var(--cui-border-radius));
-}
+// .DocSearch-Commands-Key {
+//   padding-left: 1px;
+//   font-size: .875rem;
+//   background-color: rgba($black, .1);
+//   background-image: none;
+//   box-shadow: none;
+// }
 
 .DocSearch-Hits {
   mark {