miel.truyen/nx
1
0
Fork 0
Code Issues Pull Requests Actions 5 Packages Projects Releases Wiki Activity

docs(nxdev): upgrade algolia dependency (#11855)

Browse Source
This commit is contained in:
Benjamin Cabanes 2022-09-02 16:36:44 -04:00 committed by GitHub
parent 914ebd0d9f
commit 362590491a
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 269 additions and 225 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

439
nx-dev/feature-search/src/lib/algolia-search.global.css
View File

@ -1,52 +1,25 @@
.DocSearch--active { .DocSearch--active {
overflow: hidden !important; @apply overflow-hidden !important;
} }
.DocSearch-Container { .DocSearch-Container {
height: 100vh; @apply fixed top-0 left-0 z-[50] flex h-screen w-screen cursor-auto flex-col bg-black/30 p-4 backdrop-blur-sm sm:p-6 md:p-[10vh] lg:p-[12vh];
left: 0;
position: fixed;
top: 0;
width: 100vw;
z-index: 200;
display: flex;
flex-direction: column;
background: rgba(0, 0, 0, 0.25);
padding: 1rem;
}
@screen sm {
.DocSearch-Container {
padding: 1.5rem;
}
}
@screen md {
.DocSearch-Container {
padding: 10vh;
}
}
@screen lg {
.DocSearch-Container {
padding: 12vh;
}
} }
.DocSearch-LoadingIndicator svg { .DocSearch-LoadingIndicator svg {
display: none; @apply hidden;
} }
.DocSearch-LoadingIndicator { .DocSearch-LoadingIndicator {
display: none; display: none;
width: 1.5rem; width: 1.5rem;
height: 1.5rem; height: 1.5rem;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Ccircle cx='12' cy='12' r='9' stroke-width='2' stroke='%23cffafe' /%3E%3Cpath d='M3,12a9,9 0 1,0 18,0a9,9 0 1,0 -18,0' stroke-width='2' stroke='%232663eb' stroke-dasharray='56.5486677646' stroke-dashoffset='37.6991118431' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Ccircle cx='12' cy='12' r='9' stroke-width='2' stroke='%23cffafe' /%3E%3Cpath d='M3,12a9,9 0 1,0 18,0a9,9 0 1,0 -18,0' stroke-width='2' stroke='%2306b6d4' stroke-dasharray='56.5486677646' stroke-dashoffset='37.6991118431' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-size: 100% 100%; background-size: 100% 100%;
} }
.DocSearch-Container--Stalled .DocSearch-LoadingIndicator { .DocSearch-Container--Stalled .DocSearch-LoadingIndicator {
display: block; @apply block;
} }
.DocSearch-Modal { .DocSearch-Modal {
@ -56,42 +29,60 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
min-height: 0; min-height: 0;
border-radius: 1rem; border-radius: theme('borderRadius.lg');
box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); box-shadow: theme('boxShadow.lg');
background: white; background: white;
} }
.DocSearch-SearchBar { .DocSearch-SearchBar {
flex: none;
border-bottom: 1px solid theme('colors.gray.200');
position: relative;
z-index: 1; z-index: 1;
display: flex; padding: 0 1rem;
align-items: center; @apply relative flex flex-none items-center border-b border-slate-100;
margin: 0 1.5rem;
} }
.DocSearch-Form { .DocSearch-Form {
flex: auto; @apply flex min-w-0 flex-auto items-center;
display: flex; }
align-items: center;
min-width: 0; .DocSearch-Dropdown-Container {
@apply pb-6;
} }
.DocSearch-Dropdown { .DocSearch-Dropdown {
flex: auto; @apply flex-auto overflow-auto;
border-bottom-left-radius: 1rem; }
border-bottom-right-radius: 1rem;
padding: 0 1.5rem 1.5rem; .DocSearch-Hit--Result {
overflow: auto; @apply relative mx-6;
}
.DocSearch-Hit--Result.DocSearch-Hit--Child {
@apply ml-12;
}
.DocSearch-Hit--Result.DocSearch-Hit--Child::before {
content: '';
position: absolute;
top: -0.25rem;
bottom: -0.25rem;
left: -1rem;
width: 1px;
background: theme('colors.slate.200');
}
.DocSearch-Hit > a {
position: relative;
font-size: 0.875rem;
border-bottom: 1px solid theme('colors.slate.100');
}
.DocSearch-Hit--Result {
@apply border-b-0 !important;
} }
.DocSearch-MagnifierLabel { .DocSearch-MagnifierLabel {
flex: none; @apply h-6 w-6 flex-none;
width: 1.5rem; background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m19 19-3.5-3.5' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='11' cy='11' r='6' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
height: 1.5rem;
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 21L15 15M17 10C17 13.866 13.866 17 10 17C6.13401 17 3 13.866 3 10C3 6.13401 6.13401 3 10 3C13.866 3 17 6.13401 17 10Z' stroke='%23143055' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
background-size: 100%;
} }
.DocSearch-MagnifierLabel svg { .DocSearch-MagnifierLabel svg {
@ -105,19 +96,21 @@
.DocSearch-Input { .DocSearch-Input {
appearance: none; appearance: none;
background: transparent; background: transparent;
height: 4.5rem; border: none !important;
font-size: 1rem; box-shadow: none !important;
font-weight: 500; color: theme('colors.slate.900');
color: #374151;
margin-left: 1rem;
margin-right: 1rem;
flex: auto; flex: auto;
font-size: 1rem;
height: 3.5rem;
margin-left: 0.75rem;
margin-right: 1rem;
min-width: 0; min-width: 0;
} }
.DocSearch-Input:focus { @screen sm {
outline: 2px dotted transparent; .DocSearch-Input {
border-color: #143157 !important; font-size: 0.875rem;
}
} }
.DocSearch-Input::-webkit-search-cancel-button, .DocSearch-Input::-webkit-search-cancel-button,
@ -131,24 +124,20 @@
display: none; display: none;
} }
.DocSearch-Reset::before {
content: 'esc';
}
.DocSearch-Cancel { .DocSearch-Cancel {
appearance: none;
flex: none; flex: none;
font-size: 0; font-size: 0;
border-radius: 0.375rem; border-radius: 0.375rem;
background-color: theme('colors.gray.50'); padding: 0.25rem 0.375rem;
border: 1px solid theme('colors.gray.300'); @apply shadow-sm ring-1 ring-slate-900/5 hover:shadow hover:ring-slate-900/10;
padding: 0.125rem 0.375rem; width: 1.75rem;
} height: 1.5rem;
/* esc */
.DocSearch-Cancel::before { background-image: url("data:image/svg+xml,%3Csvg width='16' height='7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.506 6h3.931V4.986H1.736v-1.39h2.488V2.583H1.736V1.196h2.69V.182H.506V6ZM8.56 1.855h1.18C9.721.818 8.87.102 7.574.102c-1.276 0-2.21.705-2.205 1.762-.003.858.602 1.35 1.585 1.585l.634.159c.633.153.986.335.988.727-.002.426-.406.716-1.03.716-.64 0-1.1-.295-1.14-.878h-1.19c.03 1.259.931 1.91 2.343 1.91 1.42 0 2.256-.68 2.259-1.745-.003-.969-.733-1.483-1.744-1.71l-.523-.125c-.506-.117-.93-.304-.92-.722 0-.375.332-.65.934-.65.588 0 .949.267.994.724ZM15.78 2.219C15.618.875 14.6.102 13.254.102c-1.537 0-2.71 1.086-2.71 2.989 0 1.898 1.153 2.989 2.71 2.989 1.492 0 2.392-.992 2.526-2.063l-1.244-.006c-.117.623-.606.98-1.262.98-.883 0-1.483-.656-1.483-1.9 0-1.21.591-1.9 1.492-1.9.673 0 1.159.389 1.253 1.028h1.244Z' fill='%23334155'/%3E%3C/svg%3E") !important;
content: 'esc'; background-position: center;
color: theme('colors.gray.400'); background-repeat: no-repeat;
font-size: 0.875rem; background-size: 57.1428571429% auto;
line-height: 1.25rem;
} }
.DocSearch-Reset svg { .DocSearch-Reset svg {
@ -156,18 +145,20 @@
} }
.DocSearch-Hit-source { .DocSearch-Hit-source {
color: theme('colors.gray.600');
font-weight: bold;
line-height: 1.5rem; line-height: 1.5rem;
margin-top: 1.5rem; font-weight: 600;
margin-bottom: 1rem; color: theme('colors.slate.900');
text-transform: capitalize; padding-top: 2.5rem;
margin: 0 1.5rem 1rem;
}
.DocSearch-Hits:first-child .DocSearch-Hit-source {
padding-top: 1.5rem;
} }
.DocSearch-Hit-Container { .DocSearch-Hit-Container {
display: flex; display: flex;
align-items: center; align-items: center;
height: 4rem;
} }
.DocSearch-Hit-Tree { .DocSearch-Hit-Tree {
@ -179,13 +170,19 @@
margin-right: 0.875rem; margin-right: 0.875rem;
} }
.DocSearch-Hit-icon path { .DocSearch-Hit--Result .DocSearch-Hit-icon {
stroke-width: 2px; display: block;
stroke: #71717a; flex: none;
} margin-right: 1rem;
width: 1.5rem;
height: 1.5rem;
border-radius: theme('borderRadius.md');
/* hash icon */
background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.75 1v10M8.25 1v10M1 3.75h10M1 8.25h10' stroke='%2394A3B8' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center center;
.DocSearch-Hit[aria-selected='true'] .DocSearch-Hit-icon path { @apply bg-white shadow-sm ring-1 ring-slate-900/5;
stroke: white;
} }
.DocSearch-Hit-content-wrapper { .DocSearch-Hit-content-wrapper {
@ -193,47 +190,51 @@
display: flex; display: flex;
flex-direction: column-reverse; flex-direction: column-reverse;
min-width: 0; min-width: 0;
z-index: 1;
} }
.DocSearch-Hit-path { .DocSearch-Hit-path {
align-self: flex-start;
font-size: 0.75rem; font-size: 0.75rem;
line-height: 1rem; line-height: 1.5rem;
font-weight: 500; font-weight: 600;
color: theme('colors.gray.500'); color: theme('colors.slate.700');
background: theme('colors.slate.100');
border-radius: 999px;
padding: 0 0.375rem;
} }
.DocSearch-Hit[aria-selected='true'] .DocSearch-Hit-path { .DocSearch-Hit[aria-selected='true'] .DocSearch-Hit-icon {
color: theme('colors.blue.200'); @apply bg-transparent shadow-none ring-1 ring-white/30;
background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.75 1v10M8.25 1v10M1 3.75h10M1 8.25h10' stroke='%23fff' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
} }
.DocSearch-Hit-title { .DocSearch-Hit-title {
color: #374151; @apply truncate leading-6 text-slate-700;
line-height: 1.5rem;
font-weight: 600;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.DocSearch-Hit[aria-selected='true'] .DocSearch-Hit-title {
color: white;
} }
.DocSearch-Hit-title + .DocSearch-Hit-path { .DocSearch-Hit-title + .DocSearch-Hit-path {
margin-bottom: 0.125rem; @apply mb-1;
} }
.DocSearch-Hit-action { .DocSearch-Hit-action {
flex: none; @apply ml-3.5 flex-none;
margin-left: 0.875rem; }
.DocSearch-Hit-action svg {
@apply hidden;
}
.DocSearch-Hit-action {
@apply h-6 w-6;
} }
.DocSearch-Hit-action-button { .DocSearch-Hit-action-button {
display: flex; @apply flex;
} }
.DocSearch-Hit-action + .DocSearch-Hit-action { .DocSearch-Hit-action + .DocSearch-Hit-action {
margin-left: 0.5rem; @apply ml-2;
} }
.DocSearch-Hit-action path { .DocSearch-Hit-action path {
@ -246,98 +247,77 @@
} }
.DocSearch-Hit > a { .DocSearch-Hit > a {
display: block; @apply block py-4 px-6;
background: theme('colors.gray.50');
border-radius: 0.5rem;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
padding: 0 1.25rem 0 1rem;
} }
.DocSearch-Hit[aria-selected='true'] > a { .DocSearch-Hit--Result {
background: theme('colors.blue.nx-base'); @apply py-3 px-4 !important;
}
.DocSearch-Hit + .DocSearch-Hit {
margin-top: 0.5rem;
} }
.DocSearch-Hit { .DocSearch-Hit {
position: relative; @apply relative;
} }
.DocSearch-Hit--Child { .DocSearch-Hit:first-child > a {
padding-left: 1.75rem; @apply border-t border-slate-100;
} }
.DocSearch-Hit--Child::before, .DocSearch-Hit--Result {
.DocSearch-Hit--Child + .DocSearch-Hit:not(.DocSearch-Hit--Child)::before { @apply border-t-0 !important;
content: '';
position: absolute;
top: -0.25rem;
bottom: -0.25rem;
left: 0.5rem;
width: 1.25rem;
background-image: url("data:image/svg+xml,%3Csvg width='12' height='200' viewBox='0 0 12 200' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M 1 0 V 200 M 1 100 H 12' stroke='%23a1a1aa' stroke-width='2'/%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-position: center left;
} }
.DocSearch-Hit--Child:last-child::before, .DocSearch-Hit + .DocSearch-Hit .DocSearch-Hit--Result {
.DocSearch-Hit--Child + .DocSearch-Hit:not(.DocSearch-Hit--Child)::before { @apply mt-2;
background-image: url("data:image/svg+xml,%3Csvg width='12' height='200' viewBox='0 0 12 200' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M 1 0 V 89 Q 1 100 12 100' stroke='%23a1a1aa' stroke-width='2'/%3E%3C/svg%3E%0A");
} }
.DocSearch-Hit:not(.DocSearch-Hit--Child) + .DocSearch-Hit--Child::after { .DocSearch-Hit--Result {
content: ''; @apply rounded-lg bg-slate-50;
position: absolute;
top: -0.25rem;
left: 0;
width: 1.25rem;
height: 0.25rem;
background: #fff;
} }
.DocSearch-Hit--Child + .DocSearch-Hit:not(.DocSearch-Hit--Child)::before { .DocSearch-Hit[aria-selected='true'] > a {
top: auto; @apply bg-slate-50;
bottom: calc(100% + 0.25rem); }
height: calc(100% + 0.25rem);
background-color: #fff; .DocSearch-Hit[aria-selected='true'] .DocSearch-Hit--Result {
@apply bg-blue-nx-base;
}
.DocSearch-Hit--FirstChild::before {
@apply top-0 !important;
}
.DocSearch-Hit--LastChild::before {
@apply bottom-0 !important;
} }
.DocSearch-Hits mark { .DocSearch-Hits mark {
background: none; background: none;
color: theme('colors.blue.nx-dark'); @apply text-blue-nx-base border-blue-nx-base border-b-2 font-semibold;
}
.DocSearch-Hit-path mark {
@apply border-0;
} }
.DocSearch-Hit[aria-selected='true'] mark { .DocSearch-Hit[aria-selected='true'] mark {
color: inherit; color: inherit;
text-decoration: underline; border-bottom-color: currentColor;
} }
.DocSearch-Footer { .DocSearch-Footer {
flex: none; @apply flex flex-none justify-end border-t border-slate-100 py-4 px-6;
display: flex;
justify-content: flex-end;
margin: 0 1.5rem;
border-top: 1px solid theme('colors.gray.200');
padding: 1.25rem 0;
} }
.DocSearch-Commands { .DocSearch-Commands {
display: none; @apply hidden;
} }
.DocSearch-Logo a { .DocSearch-Logo a {
display: flex; @apply flex items-center text-xs font-medium text-slate-400;
align-items: center;
color: #5d6494;
font-size: 0.75rem;
font-weight: 500;
} }
.DocSearch-Logo svg { .DocSearch-Logo svg {
color: #5468ff; @apply ml-3 text-[#5468ff];
margin-left: 0.5rem;
} }
.DocSearch-Hit--deleting, .DocSearch-Hit--deleting,
@ -347,59 +327,122 @@
} }
.DocSearch-NoResults .DocSearch-Screen-Icon { .DocSearch-NoResults .DocSearch-Screen-Icon {
display: none; @apply hidden;
} }
.DocSearch-Title { .DocSearch-Title {
font-size: theme('fontSize.lg'); @apply mb-10 text-lg leading-6;
line-height: theme('lineHeight.6');
margin-bottom: 2.5rem;
} }
.DocSearch-Title strong { .DocSearch-Title strong {
color: theme('colors.gray.900'); @apply font-normal text-slate-900;
font-weight: 500;
}
.DocSearch-StartScreen,
.DocSearch-NoResults {
padding-top: 2.5rem;
padding-bottom: 1rem;
} }
.DocSearch-StartScreen .DocSearch-Help { .DocSearch-StartScreen .DocSearch-Help {
font-size: theme('fontSize.lg'); @apply py-16 px-6 text-center text-slate-400;
line-height: theme('lineHeight.6'); }
.DocSearch-NoResults {
@apply px-4 pt-10 pb-8;
}
.DocSearch-NoResults .DocSearch-Title {
text-align: center;
color: theme('colors.slate.400');
} }
.DocSearch-NoResults-Prefill-List .DocSearch-Help { .DocSearch-NoResults-Prefill-List .DocSearch-Help {
font-size: theme('fontSize.xs'); @apply mb-3 text-sm font-semibold leading-6 text-slate-900;
line-height: theme('lineHeight.4');
letter-spacing: theme('letterSpacing.wide');
text-transform: uppercase;
font-weight: 600;
padding-bottom: 0.5rem;
border-bottom: 1px solid theme('colors.gray.200');
} }
.DocSearch-NoResults-Prefill-List li { .DocSearch-NoResults-Prefill-List ul {
padding: 0.5rem 0; @apply rounded-lg border border-slate-200 bg-slate-50;
border-bottom: 1px solid theme('colors.gray.200');
} }
.DocSearch-NoResults-Prefill-List button { .DocSearch-NoResults-Prefill-List button {
font-weight: 500; padding: 0.5rem 0.75rem;
color: theme('colors.blue.600'); display: block;
width: 100%;
text-align: left;
font-size: theme('fontSize.sm');
line-height: theme('lineHeight.6');
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m11 9 3 3-3 3' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 0.75rem center;
@apply text-slate-700;
}
.DocSearch-NoResults-Prefill-List li + li button {
@apply border-t border-slate-200;
} }
.DocSearch-NoResults-Prefill-List + .DocSearch-Help { .DocSearch-NoResults-Prefill-List + .DocSearch-Help {
font-size: theme('fontSize.sm'); @apply mt-3 text-xs leading-6;
line-height: theme('lineHeight.5');
margin-top: 1rem;
} }
.DocSearch-NoResults-Prefill-List + .DocSearch-Help a { .DocSearch-NoResults-Prefill-List + .DocSearch-Help a {
box-shadow: theme('boxShadow.sm'); @apply font-semibold text-blue-500;
color: theme('colors.blue.700'); }
font-weight: 500;
.DocSearch-Hit-action [title='Save this search'],
.DocSearch-Hit-action [title='Remove this search from history'],
.DocSearch-Hit-action [title='Remove this search from favorites'] {
width: 1.5rem;
height: 1.5rem;
}
.DocSearch-Hit-action [title='Save this search'] svg,
.DocSearch-Hit-action [title='Remove this search from history'] svg,
.DocSearch-Hit-action [title='Remove this search from favorites'] svg {
display: none;
}
.DocSearch-Hit-action [title='Save this search'] {
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m12 5 2 5h5l-4 4 2 5-5-3-5 3 2-5-4-4h5l2-5Z' stroke='%23CBD5E1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.DocSearch-Hit-action [title='Save this search']:hover {
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m12 5 2 5h5l-4 4 2 5-5-3-5 3 2-5-4-4h5l2-5Z' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.DocSearch-Hit-action [title='Remove this search from history'] {
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 7 7 17M7 7l10 10' stroke='%2394A3B8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.DocSearch-Hit-action [title='Remove this search from history']:hover {
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 7 7 17M7 7l10 10' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.DocSearch-Hit-action [title='Remove this search from favorites']::before {
@apply pointer-events-none absolute inset-0 bg-slate-50 content-[''];
}
.DocSearch-Hit[aria-selected='true']
[title='Remove this search from favorites']::before {
@apply bg-slate-100;
}
.DocSearch-Hit-action [title='Remove this search from favorites']::after {
content: '';
position: absolute;
pointer-events: none;
width: calc(4.5rem + 1px);
height: 1.5rem;
margin-left: calc(-3rem - 1px);
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m12 5 2 5h5l-4 4 2 5-5-3-5 3 2-5-4-4h5l2-5Z' fill='%23143157' stroke='%23143157' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),
url("data:image/svg+xml,%3Csvg width='1' height='1' fill='%23e2e8f0' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='1' height='1'/%3E%3C/svg%3E"),
url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 7 7 17M7 7l10 10' stroke='%2394A3B8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-repeat: no-repeat, repeat-y, no-repeat;
background-position: left, center, right;
}
.DocSearch-Hit-action [title='Remove this search from favorites']:hover::after {
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m12 5 2 5h5l-4 4 2 5-5-3-5 3 2-5-4-4h5l2-5Z' fill='%23143157' stroke='%23143157' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),
url("data:image/svg+xml,%3Csvg width='1' height='1' fill='%23e2e8f0' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='1' height='1'/%3E%3C/svg%3E"),
url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 7 7 17M7 7l10 10' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.DocSearch-Hit-action + .DocSearch-Hit-action {
@apply ml-3 border-l border-slate-200 pl-3;
} }

3
nx-dev/nx-dev/styles/main.css
View File

@ -1,13 +1,14 @@
@tailwind base; @tailwind base;
/*! purgecss start ignore */ /*! purgecss start ignore */
@import 'nx-dev/feature-search/src/lib/algolia-search.global.css';
@import 'highlight.js/styles/github-gist.css'; @import 'highlight.js/styles/github-gist.css';
/*! purgecss end ignore */ /*! purgecss end ignore */
@tailwind components; @tailwind components;
@tailwind utilities; @tailwind utilities;
@import 'nx-dev/feature-search/src/lib/algolia-search.global.css';
svg { svg {
shape-rendering: auto; shape-rendering: auto;
text-rendering: optimizeLegibility; text-rendering: optimizeLegibility;

2
package.json
View File

@ -268,7 +268,7 @@
}, },
"dependencies": { "dependencies": {
"@builder.io/partytown": "^0.6.1", "@builder.io/partytown": "^0.6.1",
"@docsearch/react": "3.0.0", "@docsearch/react": "^3.2.1",
"@headlessui/react": "^1.1.1", "@headlessui/react": "^1.1.1",
"@heroicons/react": "^1.0.1", "@heroicons/react": "^1.0.1",
"@markdoc/markdoc": "0.1.6", "@markdoc/markdoc": "0.1.6",

50
yarn.lock
View File

@ -7,24 +7,24 @@
resolved "https://registry.yarnpkg.com/@adobe/css-tools/-/css-tools-4.0.1.tgz#b38b444ad3aa5fedbb15f2f746dcd934226a12dd" resolved "https://registry.yarnpkg.com/@adobe/css-tools/-/css-tools-4.0.1.tgz#b38b444ad3aa5fedbb15f2f746dcd934226a12dd"
integrity sha512-+u76oB43nOHrF4DDWRLWDCtci7f3QJoEBigemIdIeTi1ODqjx6Tad9NCVnPRwewWlKkVab5PlK8DCtPTyX7S8g== integrity sha512-+u76oB43nOHrF4DDWRLWDCtci7f3QJoEBigemIdIeTi1ODqjx6Tad9NCVnPRwewWlKkVab5PlK8DCtPTyX7S8g==
"@algolia/autocomplete-core@1.5.2": "@algolia/autocomplete-core@1.7.1":
version "1.5.2" version "1.7.1"
resolved "https://registry.yarnpkg.com/@algolia/autocomplete-core/-/autocomplete-core-1.5.2.tgz#ec0178e07b44fd74a057728ac157291b26cecf37" resolved "https://registry.yarnpkg.com/@algolia/autocomplete-core/-/autocomplete-core-1.7.1.tgz#025538b8a9564a9f3dd5bcf8a236d6951c76c7d1"
integrity sha512-DY0bhyczFSS1b/CqJlTE/nQRtnTAHl6IemIkBy0nEWnhDzRDdtdx4p5Uuk3vwAFxwEEgi1WqKwgSSMx6DpNL4A== integrity sha512-eiZw+fxMzNQn01S8dA/hcCpoWCOCwcIIEUtHHdzN5TGB3IpzLbuhqFeTfh2OUhhgkE8Uo17+wH+QJ/wYyQmmzg==
dependencies: dependencies:
"@algolia/autocomplete-shared" "1.5.2" "@algolia/autocomplete-shared" "1.7.1"
"@algolia/autocomplete-preset-algolia@1.5.2": "@algolia/autocomplete-preset-algolia@1.7.1":
version "1.5.2" version "1.7.1"
resolved "https://registry.yarnpkg.com/@algolia/autocomplete-preset-algolia/-/autocomplete-preset-algolia-1.5.2.tgz#36c5638cc6dba6ea46a86e5a0314637ca40a77ca" resolved "https://registry.yarnpkg.com/@algolia/autocomplete-preset-algolia/-/autocomplete-preset-algolia-1.7.1.tgz#7dadc5607097766478014ae2e9e1c9c4b3f957c8"
integrity sha512-3MRYnYQFJyovANzSX2CToS6/5cfVjbLLqFsZTKcvF3abhQzxbqwwaMBlJtt620uBUOeMzhdfasKhCc40+RHiZw== integrity sha512-pJwmIxeJCymU1M6cGujnaIYcY3QPOVYZOXhFkWVM7IxKzy272BwCvMFMyc5NpG/QmiObBxjo7myd060OeTNJXg==
dependencies: dependencies:
"@algolia/autocomplete-shared" "1.5.2" "@algolia/autocomplete-shared" "1.7.1"
"@algolia/autocomplete-shared@1.5.2": "@algolia/autocomplete-shared@1.7.1":
version "1.5.2" version "1.7.1"
resolved "https://registry.yarnpkg.com/@algolia/autocomplete-shared/-/autocomplete-shared-1.5.2.tgz#e157f9ad624ab8fd940ff28bd2094cdf199cdd79" resolved "https://registry.yarnpkg.com/@algolia/autocomplete-shared/-/autocomplete-shared-1.7.1.tgz#95c3a0b4b78858fed730cf9c755b7d1cd0c82c74"
integrity sha512-ylQAYv5H0YKMfHgVWX0j0NmL8XBcAeeeVQUmppnnMtzDbDnca6CzhKj3Q8eF9cHCgcdTDdb5K+3aKyGWA0obug== integrity sha512-eTmGVqY3GeyBTT8IWiB2K5EuURAqhnumfktAEoHxfDY2o7vg2rSnO16ZtIG0fMgt3py28Vwgq42/bVEuaQV7pg==
"@algolia/cache-browser-local-storage@4.14.2": "@algolia/cache-browser-local-storage@4.14.2":
version "4.14.2" version "4.14.2"
@ -1824,19 +1824,19 @@
resolved "https://registry.yarnpkg.com/@discoveryjs/json-ext/-/json-ext-0.5.7.tgz#1d572bfbbe14b7704e0ba0f39b74815b84870d70" resolved "https://registry.yarnpkg.com/@discoveryjs/json-ext/-/json-ext-0.5.7.tgz#1d572bfbbe14b7704e0ba0f39b74815b84870d70"
integrity sha512-dBVuXR082gk3jsFp7Rd/JI4kytwGHecnCoTtXFb7DB6CNHp4rg5k1bhg0nWdLGLnOV71lmDzGQaLMy8iPLY0pw== integrity sha512-dBVuXR082gk3jsFp7Rd/JI4kytwGHecnCoTtXFb7DB6CNHp4rg5k1bhg0nWdLGLnOV71lmDzGQaLMy8iPLY0pw==
"@docsearch/css@3.0.0": "@docsearch/css@3.2.1":
version "3.0.0" version "3.2.1"
resolved "https://registry.yarnpkg.com/@docsearch/css/-/css-3.0.0.tgz#fe57b474802ffd706d3246eab25d52fac8aa3698" resolved "https://registry.yarnpkg.com/@docsearch/css/-/css-3.2.1.tgz#c05d7818b0e43b42f9efa2d82a11c36606b37b27"
integrity sha512-1kkV7tkAsiuEd0shunYRByKJe3xQDG2q7wYg24SOw1nV9/2lwEd4WrUYRJC/ukGTl2/kHeFxsaUvtiOy0y6fFA== integrity sha512-gaP6TxxwQC+K8D6TRx5WULUWKrcbzECOPA2KCVMuI+6C7dNiGUk5yXXzVhc5sld79XKYLnO9DRTI4mjXDYkh+g==
"@docsearch/react@3.0.0": "@docsearch/react@^3.2.1":
version "3.0.0" version "3.2.1"
resolved "https://registry.yarnpkg.com/@docsearch/react/-/react-3.0.0.tgz#d02ebdc67573412185a6a4df13bc254c7c0da491" resolved "https://registry.yarnpkg.com/@docsearch/react/-/react-3.2.1.tgz#112ad88db07367fa6fd933d67d58421d8d8289aa"
integrity sha512-yhMacqS6TVQYoBh/o603zszIb5Bl8MIXuOc6Vy617I74pirisDzzcNh0NEaYQt50fVVR3khUbeEhUEWEWipESg== integrity sha512-EzTQ/y82s14IQC5XVestiK/kFFMe2aagoYFuTAIfIb/e+4FU7kSMKonRtLwsCiLQHmjvNQq+HO+33giJ5YVtaQ==
dependencies: dependencies:
"@algolia/autocomplete-core" "1.5.2" "@algolia/autocomplete-core" "1.7.1"
"@algolia/autocomplete-preset-algolia" "1.5.2" "@algolia/autocomplete-preset-algolia" "1.7.1"
"@docsearch/css" "3.0.0" "@docsearch/css" "3.2.1"
algoliasearch "^4.0.0" algoliasearch "^4.0.0"
"@emotion/cache@^10.0.27", "@emotion/cache@^10.0.9": "@emotion/cache@^10.0.27", "@emotion/cache@^10.0.9":