feat(editor): Add most important native props and methods to autocomplete (#5486)

*  Implemented support for documentation links in autocomplete tooltips
*  Added support for arguments and code stying in autocomplete documentation. Added build-in string functions docs.
*  Added support for args without types in autocomplete, Added array native functions.
*  Added native Number and Object methods to autocomplete
*  Added support for native properties in autocomplete
* 📚 Added comment for next phase
* ✔️ Updating tests to account for native autocomplete options. Fixing lint errros.
* 👌 Addressing design review comments
* 🎨 Using design-system tokens instead of colors for autocomplete
This commit is contained in:
Milorad FIlipović
2023-02-16 12:47:19 +01:00
committed by GitHub
parent af703371fc
commit 6592d144d1
11 changed files with 673 additions and 56 deletions

View File

@@ -0,0 +1,45 @@
.cm-tooltip-autocomplete {
background-color: var(--color-background-xlight) !important;
li .cm-completionLabel {
color: var(--color-success);
}
}
.ͼ2 .cm-tooltip-autocomplete ul li[aria-selected] .cm-completionLabel {
color: var(--color-text-xlight) !important;
font-weight: 600;
}
.autocomplete-info-container {
display: flex;
flex-direction: column;
padding: var(--spacing-4xs) 0;
}
.cm-completionInfo {
background-color: var(--color-background-xlight) !important;
.autocomplete-info-header {
color: var(--color-text-dark);
line-height: var(--font-line-height-compact);
margin-bottom: var(--spacing-2xs);
}
.autocomplete-info-name {
color: var(--color-success);
font-weight: var(--font-weight-bold);
}
.autocomplete-info-description {
code {
background-color: var(--color-background-base);
padding: 0 2px;
}
p {
line-height: var(--font-line-height-compact);
margin-top: 0;
margin-bottom: var(--spacing-4xs);
}
}
}