diff --git a/frontend/README.md b/frontend/README.md index 5f6d458a0..2ab7837bb 100644 --- a/frontend/README.md +++ b/frontend/README.md @@ -41,8 +41,9 @@ algoliasearchNetlify({ analytics: true, // Enable search analytics hitsPerPage: 5, // Amount of results to display poweredBy: true, // Controls displaying the logo (mandatory with our FREE plan) - placeholder: 'Search...'; // Input placeholder - openOnFocus: true; // Open search panel with default search, when focusing input + placeholder: 'Search...', // Input placeholder + openOnFocus: true, // Open search panel with default search, when focusing input + detachedMediaQuery: '(max-width: 500px)', // Media query to determine when the search popup should open in detached mode (full screen, modal experience). Set to 'none' to never go in detached mode. // Theme theme: { diff --git a/frontend/package.json b/frontend/package.json index 148b9a5b6..37a19b76e 100644 --- a/frontend/package.json +++ b/frontend/package.json @@ -18,8 +18,9 @@ "postinstall": "[ -d dist/ ] || npm run build" }, "devDependencies": { - "@algolia/autocomplete-js": "1.0.0-alpha.41", - "@algolia/autocomplete-preset-algolia": "1.0.0-alpha.43", + "@algolia/autocomplete-js": "1.0.0-alpha.44", + "@algolia/autocomplete-preset-algolia": "1.0.0-alpha.44", + "@algolia/autocomplete-theme-classic": "1.0.0-alpha.44", "@algolia/transporter": "4.8.5", "@babel/core": "7.12.10", "@babel/preset-env": "7.12.11", diff --git a/frontend/src/AutocompleteWrapper.ts b/frontend/src/AutocompleteWrapper.ts index 450a78e39..c4465a1b5 100644 --- a/frontend/src/AutocompleteWrapper.ts +++ b/frontend/src/AutocompleteWrapper.ts @@ -1,4 +1,5 @@ import type { SearchClient } from 'algoliasearch/lite'; +import type { HighlightedHit } from '@algolia/autocomplete-preset-algolia'; import algoliasearch from 'algoliasearch/lite'; import type { Hit } from '@algolia/client-search'; @@ -41,6 +42,14 @@ class AutocompleteWrapper { return; } + let detachedMediaQuery = undefined; + if (this.options.detached) { + if (this.options.detached === true) { + detachedMediaQuery = ''; + } else { + detachedMediaQuery = this.options.detached.mediaQuery; + } + } const instance = autocomplete({ container: $input, autoFocus: false, @@ -48,6 +57,7 @@ class AutocompleteWrapper { debug: this.options.debug, openOnFocus: this.options.openOnFocus, panelPlacement: 'input-wrapper-width', + detachedMediaQuery, getSources: () => { return [this.getSources()]; }, @@ -75,7 +85,7 @@ class AutocompleteWrapper { return client; } - private getSources(): AutocompleteSource { + private getSources(): AutocompleteSource> { const poweredBy = this.options.poweredBy; return { sourceId: 'algoliaHits', @@ -128,7 +138,7 @@ class AutocompleteWrapper { const theme = this.options.theme; this.$themeNode = addCss( - `.aa-Autocomplete, .aa-Panel { + `.aa-Autocomplete, .aa-Panel, .aa-DetachedContainer { ${theme.mark && `--color-mark: ${theme.mark};`} ${theme.mark && `--color-background: ${theme.background};`} ${theme.mark && `--color-selected: ${theme.selected};`} diff --git a/frontend/src/autocomplete-theme-classic.scss b/frontend/src/autocomplete-theme-classic.scss deleted file mode 100644 index 063781fa5..000000000 --- a/frontend/src/autocomplete-theme-classic.scss +++ /dev/null @@ -1,488 +0,0 @@ -// Copied from https://raw.githubusercontent.com/algolia/autocomplete.js/next/packages/autocomplete-theme-classic/src/theme.scss - -// ---------------- -// Variables -// ---------------- -:root { - --aa-base-unit: 16; - --aa-font-size: calc(var(--aa-base-unit) * 1px); - --aa-spacing-factor: 1; // xs:0.6 / sm:0.8 / md:1 / lg:1.2 / xl:1.5 - --aa-spacing: calc(var(--aa-base-unit) * var(--aa-spacing-factor) * 1px); - --aa-spacing-half: calc(var(--aa-spacing) / 2); - --aa-icon-size: 18px; - --aa-icon-stroke-width: calc((20 / var(--aa-base-unit)) * 1.6); - --aa-primary-color: rgb(62, 52, 211); - --aa-muted-color: rgba(128, 126, 163, 0.6); - --aa-selected-color: rgba(62, 52, 211, 0.1); - --aa-icon-color: rgb(119, 119, 163); - --aa-text-color: rgb(38, 38, 39); - --aa-content-text-color: rgb(38, 38, 39, 0.7); - --aa-background-color: rgb(255, 255, 255); - --aa-panel-shadow: 0 0 0 1px rgba(35, 38, 59, 0.1), - 0 6px 16px -4px rgba(35, 38, 59, 0.15); -} - -// ---------------- -// Darkmode -// ---------------- -body { - /* stylelint-disable selector-no-qualifying-type, selector-class-pattern */ - &[data-theme='dark'], - &.dark { - --aa-primary-color: rgb(93, 85, 213); - --aa-muted-color: rgba(93, 85, 213, 0.6); - --aa-selected-color: rgba(93, 85, 213, 0.25); - --aa-icon-color: rgb(119, 119, 163); - --aa-text-color: rgb(183, 192, 199); - --aa-content-text-color: rgb(183, 192, 199, 0.8); - --aa-background-color: rgb(21, 24, 42); - --aa-panel-shadow: inset 1px 1px 0 0 rgb(44, 46, 64), - 0 3px 8px 0 rgb(0, 3, 9); - } - /* stylelint-enable selector-no-qualifying-type, selector-class-pattern */ -} - -// ---------------- -// Autocomplete -// ---------------- -.aa-Autocomplete, -.aa-TouchFormContainer { - font-size: var(--aa-font-size); - line-height: 1em; - text-align: left; - // reset - * { - box-sizing: border-box; - margin: 0; - padding: 0; - } - // searchbox - .aa-Form { - align-items: center; - background-color: var(--aa-background-color); - border: 1px solid var(--aa-muted-color); - border-radius: 3px; - display: flex; - line-height: 1em; - padding: 0 var(--aa-spacing) 0 var(--aa-spacing-half); - position: relative; - width: 100%; - &:focus-within { - border-color: var(--aa-primary-color); - box-shadow: var(--aa-selected-color) 0 0 0 3px, - inset var(--aa-selected-color) 0 0 0 2px; - outline: currentColor none medium; - } - .aa-InputWrapperPrefix { - align-items: center; - display: flex; - flex-shrink: 0; - flex-wrap: none; - order: 1; - padding-right: var(--aa-spacing-half); - // container for search and loading icons - .aa-Label, - .aa-LoadingIndicator { - cursor: initial; - flex-shrink: 0; - text-align: center; - width: calc(var(--aa-spacing) + var(--aa-icon-size)); - button { - appearance: none; - background: none; - border: 0; - } - svg { - color: var(--aa-primary-color); - left: 2px; - position: relative; - stroke-width: var(--aa-icon-stroke-width); - width: 20px; - } - } - } - .aa-InputWrapper { - order: 3; - position: relative; - width: 100%; - // input of the searchbox, where the placeholder and query appear - .aa-Input { - appearance: none; - background: none; - border: 0; - color: var(--aa-text-color); - font: inherit; - height: calc(var(--aa-spacing) * 2.5); - width: 100%; - // remove native appearence - &::-webkit-search-decoration, - &::-webkit-search-cancel-button, - &::-webkit-search-results-button, - &::-webkit-search-results-decoration { - appearance: none; - } - &::placeholder { - color: var(--aa-muted-color); - opacity: 1; - } - // remove focus effect as we moved it to parent wrapper - &:focus { - border-color: none; - box-shadow: none; - outline: none; - } - } - } - .aa-InputWrapperSuffix { - align-items: center; - display: flex; - order: 4; - // accelerator to clear the query - .aa-ResetButton { - align-items: center; - background: none; - border: 0; - color: var(--aa-muted-color); - cursor: pointer; - display: flex; - &[hidden] { - display: none; - } - &:hover, - &:focus { - color: var(--aa-text-color); - } - svg { - stroke-width: var(--aa-icon-stroke-width); - width: var(--aa-icon-size); - } - } - } - } -} - -// ---------------- -// Panel -// ---------------- -.aa-Panel { - position: absolute; - // reset - * { - box-sizing: border-box; - margin: 0; - padding: 0; - } - button { - appearance: none; - background: none; - border: 0; - } - &.aa-Panel--desktop { - .aa-PanelLayout { - background-color: var(--aa-background-color); - border-radius: 3px; - box-shadow: var(--aa-panel-shadow); - margin-top: var(--aa-spacing-half); - overflow: hidden; - padding-bottom: var(--aa-spacing-half); - padding-top: var(--aa-spacing-half); - text-align: left; - .aa-PanelLayoutResults { - overflow-y: scroll; - width: 50%; - } - .aa-PanelLayoutPreview { - border-left: solid 1px var(--aa-selected-color); - flex-shrink: 1; - max-width: 50%; - overflow: hidden; - } - } - } - &.aa-Panel--touch { - left: var(--aa-spacing-half); - padding-top: var(--aa-spacing-half); - right: var(--aa-spacing-half); - - .aa-TouchOnly { - display: none; - } - .aa-Item { - border-radius: 3px; - padding: 0; - } - .aa-SourceHeader { - margin: var(--aa-spacing-half) 0 var(--aa-spacing-half) 2px; - } - } - // when a query isn't resolved yet - &.aa-Panel--stalled { - filter: grayscale(1); - opacity: 0.8; - @media screen and (prefers-reduced-motion: reduce) { - transition: opacity 200ms ease-in; - } - } -} - -// ---------------- -// Sources -// Each source can be styled independently -// ---------------- -.aa-Source { - width: 100%; - // source title - .aa-SourceHeader { - line-height: var(--aa-spacing); - margin: var(--aa-spacing-half) calc(var(--aa-spacing-half) + 2px); - position: relative; - // Title typography - .aa-SourceHeaderTitle { - background: var(--aa-background-color); - color: var(--aa-primary-color); - display: inline-block; - font-size: 0.8em; - font-weight: 600; - padding-right: var(--aa-spacing-half); - position: relative; - text-transform: capitalize; - z-index: 2; - } - // Line separator - .aa-SourceHeaderLine { - border-bottom: solid 1px var(--aa-primary-color); - display: block; - height: 2px; - left: 0; - opacity: 0.3; - position: absolute; - right: 0; - top: var(--aa-spacing-half); - z-index: 1; - } - // hide empty header - &:empty { - display: none; - } - } - &:empty { - // hide empty section - display: none; - } - // list of results inside the source - .aa-List { - list-style: none; - margin: 0; - padding: 0; - } -} - -// ---------------- -// Hit Layout -// ---------------- -.aa-Item { - align-items: center; - color: var(--aa-text-color); - cursor: pointer; - display: flex; - height: 100%; - line-height: 1.1em; - padding: 0 var(--aa-spacing-half); - - .aa-ActiveOnly { - visibility: hidden; - } - // when the result is active - &[aria-selected='true'] { - background-color: var(--aa-selected-color); - - .aa-ItemActionButton, - .aa-ActiveOnly { - visibility: visible; - } - } - // wrap hit with url but we don't need to see it - .aa-ItemLink { - align-items: center; - color: inherit; - display: flex; - text-decoration: none; - width: 100%; - } - // the result type icon inlined svg or img - .aa-ItemIcon { - align-items: center; - background: #fff; - border-radius: 3px; - box-shadow: inset 0 0 0 1px var(--aa-selected-color); - color: var(--aa-icon-color); - display: flex; - flex-shrink: 0; - font-size: var(--aa-icon-size); - height: calc(var(--aa-icon-size) + var(--aa-spacing)); - justify-content: center; - margin: 2px var(--aa-spacing-half) 2px 2px; - stroke-width: var(--aa-icon-stroke-width); - text-align: center; - width: calc(var(--aa-icon-size) + var(--aa-spacing)); - &.aa-ItemIcon--no-border { - background: none; - box-shadow: none; - margin: 0 var(--aa-spacing-half) 0 2px; - } - img { - height: calc(var(--aa-icon-size) + var(--aa-spacing) - 8px); - width: calc(var(--aa-icon-size) + var(--aa-spacing) - 8px); - } - svg { - height: var(--aa-icon-size); - width: var(--aa-icon-size); - } - } - .aa-ItemContent { - color: var(--aa-text-color); - cursor: pointer; - flex-shrink: 1; - overflow: hidden; - padding: calc(var(--aa-spacing) / 4) 0; - width: 100%; - mark { - background: none; - color: var(--aa-text-color); - font-style: normal; - font-weight: bold; - } - .aa-ItemContentTitle { - display: inline-block; - max-width: 100%; - overflow-x: hidden; - text-overflow: ellipsis; - white-space: nowrap; - } - .aa-ItemContentSubtitle { - color: var(--aa-muted-color); - display: inline-block; - font-size: 0.75em; - margin-top: -2px; - max-width: 100%; - overflow-x: hidden; - text-overflow: ellipsis; - white-space: nowrap; - &:empty { - display: none; - } - .aa-ItemContentDash { - color: var(--aa-muted-color); - display: none; - opacity: 0.4; - } - .aa-ItemContentTag { - background-color: var(--aa-selected-color); - border-radius: 3px; - margin-right: 0.4em; - padding: 0.08em 0.3em; - } - } - &.aa-ItemContent--dual { - display: flex; - flex-direction: column; - justify-content: center; - text-align: left; - .aa-ItemContentTitle, - .aa-ItemContentSubtitle { - display: block; - } - } - .aa-ItemContentDescription { - color: var(--aa-content-text-color); - font-size: 0.85em; - max-width: 100%; - overflow-x: hidden; - padding: 0.3em 0; - text-overflow: ellipsis; - mark { - background: rgba(245, 223, 77, 0.5); - color: var(--aa-text-color); - font-style: normal; - font-weight: 500; - } - &:empty { - display: none; - } - } - } - // secondary click action - .aa-ItemActionButton { - align-items: center; - background: none; - border: 0; - color: var(--aa-muted-color); - cursor: pointer; - display: flex; - flex-shrink: 0; - &:hover svg, - &:focus svg { - color: var(--aa-text-color); - } - svg { - color: var(--aa-muted-color); - margin: 0 var(--aa-spacing-half); - stroke-width: var(--aa-icon-stroke-width); - width: var(--aa-icon-size); - &:hover, - &:focus { - color: var(--aa-text-color); - } - } - } -} - -//---------------- -// Touch -//---------------- -.aa-TouchSearchButton { - align-items: center; - background-color: var(--aa-background-color); - border: 1px solid var(--aa-muted-color); - border-radius: 3px; - color: var(--aa-muted-color); - cursor: pointer; - display: flex; - font: inherit; - height: calc(var(--aa-spacing) * 2.5); - padding: 0 var(--aa-spacing-half); - position: relative; - text-align: left; - .aa-TouchSearchButtonIcon { - align-items: center; - color: var(--aa-icon-color); - cursor: initial; - display: flex; - height: 100%; - margin-right: var(--aa-spacing-half); - } -} - -.aa-TouchOverlay { - backdrop-filter: blur(16px); - background: var(--aa-background-color); - bottom: 0; - left: 0; - padding: var(--aa-spacing-half); - position: fixed; - right: 0; - top: 0; - .aa-TouchFormContainer { - display: flex; - justify-content: space-between; - } - .aa-TouchCancelButton { - background: none; - border: 0; - color: inherit; - cursor: pointer; - font-size: inherit; - padding: 0; - padding-left: var(--aa-spacing-half); - } -} diff --git a/frontend/src/index.scss b/frontend/src/index.scss index 16e76ee96..0287d6859 100644 --- a/frontend/src/index.scss +++ b/frontend/src/index.scss @@ -1,4 +1,4 @@ -@import 'autocomplete-theme-classic'; +@import '~@algolia/autocomplete-theme-classic'; $color-bg: #fff; $color-muted: #969faf; @@ -23,7 +23,7 @@ $height: $size-xl; $height-icon: $size-l; $font-size: $font-size-m; -.aa-Autocomplete, .aa-Panel { +.aa-Autocomplete, .aa-Panel, .aa-DetachedContainer { --color-mark: #{$color-mark}; --color-background: #{$color-bg}; --color-selected: #{$color-bg-selected}; @@ -41,21 +41,22 @@ $font-size: $font-size-m; min-width: 350px; z-index: 1100; - &.aa-Panel--desktop { - .aa-PanelLayout { - margin-top: $size-xs; - padding-top: 0; - padding-bottom: 0; - background-color: var(--color-background); + &::after { + background-image: none; + } + .aa-PanelLayout { + margin-top: $size-xs; + padding-top: 0; + padding-bottom: 0; + background-color: var(--color-background); - .aa-PanelLayoutPreview { - border-left: solid 1px var(--color-selected); - } + .aa-PanelLayoutPreview { + border-left: solid 1px var(--color-selected); } } } -.aa-Autocomplete, .aa-TouchFormContainer { +.aa-Autocomplete, .aa-DetachedFormContainer { .aa-Form { height: var(--height); font-size: var(--font-size); @@ -85,6 +86,14 @@ $font-size: $font-size-m; color: var(--color-text); } } + .aa-InputWrapperSuffix { + .aa-ClearButton { + &:hover, + &:focus { + color: var(--color-text); + } + } + } } } @@ -136,19 +145,25 @@ $font-size: $font-size-m; } } -.aa-TouchOverlay { - z-index: 10; +.aa-DetachedContainer { + background: var(--color-background); - .aa-TouchCancelButton { - color: var(--color-text); + .aa-DetachedFormContainer { + .aa-DetachedCancelButton { + color: var(--color-text); + } } } -.aa-TouchSearchButton { +.aa-DetachedOverlay { + z-index: 10; +} + +.aa-DetachedSearchButton { background-color: var(--color-background); - .aa-TouchSearchButtonIcon { - color: var(--color-source-icon); + .aa-DetachedSearchButtonIcon { + color: var(--color-input-icon); } } diff --git a/frontend/src/types/options.ts b/frontend/src/types/options.ts index ef3b06c6b..a2452a890 100644 --- a/frontend/src/types/options.ts +++ b/frontend/src/types/options.ts @@ -17,6 +17,7 @@ export interface Options { colorSourceIcon?: string; }; debug?: boolean; + detached?: true | { mediaQuery: string }; placeholder?: string; openOnFocus?: boolean; poweredBy?: boolean; diff --git a/public/index.html b/public/index.html index 92e37183c..56aced30e 100644 --- a/public/index.html +++ b/public/index.html @@ -169,7 +169,7 @@

Test content

selector: '#searchSmall', siteId: '9209706f-d5b7-46e2-bb88-5d6bedd2823f', branch: 'master', - placeholder: 'Small Input', + placeholder: 'Detached Input', poweredBy: false, theme: { mark: '#fff', @@ -178,6 +178,7 @@

Test content

text: '#d6d6e7', colorSourceIcon: '#d6d6e7' }, + detached: { mediaQuery: '(max-width: 900px)' }, });` .split('\n') .map((l) => l.replace(/^\s{8}/, '')) diff --git a/yarn.lock b/yarn.lock index 9ffd214b7..b8010e728 100644 --- a/yarn.lock +++ b/yarn.lock @@ -2,46 +2,39 @@ # yarn lockfile v1 -"@algolia/autocomplete-core@1.0.0-alpha.41": - version "1.0.0-alpha.41" - resolved "https://registry.yarnpkg.com/@algolia/autocomplete-core/-/autocomplete-core-1.0.0-alpha.41.tgz#c6d50118ff4493cb51e7787d73fea2fc505f7fac" - integrity sha512-yXrJ6bfweoUmFrfHvs6+XULJgf3mSz7Mh+LD+9wrN7xyt3z5CpKdXfNmBjJzpALYqd4kaFNhvDqeA6ka3QhlBA== +"@algolia/autocomplete-core@1.0.0-alpha.44": + version "1.0.0-alpha.44" + resolved "https://registry.yarnpkg.com/@algolia/autocomplete-core/-/autocomplete-core-1.0.0-alpha.44.tgz#e626dba45f5f3950d6beb0ab055395ef0f7e8bb2" + integrity sha512-2iMXthldMIDXtlbg9omRKLgg1bLo2ZzINAEqwhNjUeyj1ceEyL1ck6FY0VnJpf2LsjmNthHCz2BuFk+nYUeDNA== dependencies: - "@algolia/autocomplete-shared" "1.0.0-alpha.41" + "@algolia/autocomplete-shared" "1.0.0-alpha.44" -"@algolia/autocomplete-js@1.0.0-alpha.41": - version "1.0.0-alpha.41" - resolved "https://registry.yarnpkg.com/@algolia/autocomplete-js/-/autocomplete-js-1.0.0-alpha.41.tgz#b910f9f4ba5226119727e8bcd3b4e9b166170417" - integrity sha512-kqzv0LUrr1dVFOsN101VFhA5/QlKZR6CvDDxtGEEGUFiP7bwkIczpYF0HPGf14htuV/es4QYPXLChLzqe4wFaw== +"@algolia/autocomplete-js@1.0.0-alpha.44": + version "1.0.0-alpha.44" + resolved "https://registry.yarnpkg.com/@algolia/autocomplete-js/-/autocomplete-js-1.0.0-alpha.44.tgz#a252bdbf7ab662dedcc05cfe53e318d6becd7bee" + integrity sha512-KmWhIvO/T5yS+kelZQrVMgAGKZKozoFHQM8VMrXK3a77i1uqTYFkg70HFIsiQ9kRGjB/EA0exNtm3/BwGkIIkw== dependencies: - "@algolia/autocomplete-core" "1.0.0-alpha.41" - "@algolia/autocomplete-preset-algolia" "1.0.0-alpha.41" - "@algolia/autocomplete-shared" "1.0.0-alpha.41" + "@algolia/autocomplete-core" "1.0.0-alpha.44" + "@algolia/autocomplete-preset-algolia" "1.0.0-alpha.44" + "@algolia/autocomplete-shared" "1.0.0-alpha.44" preact "^10.0.0" -"@algolia/autocomplete-preset-algolia@1.0.0-alpha.41": - version "1.0.0-alpha.41" - resolved "https://registry.yarnpkg.com/@algolia/autocomplete-preset-algolia/-/autocomplete-preset-algolia-1.0.0-alpha.41.tgz#cd5b6d91b8146380aa6e8f8d105df4cb98a3b86f" - integrity sha512-vuFlPM61s6ovOEyxapGDw66QnZ97Hn2ZyzJmUQcDEPc9NY/haWomkugHBr5njPx+JN1rK1mak3mfgH6Va3RxQQ== +"@algolia/autocomplete-preset-algolia@1.0.0-alpha.44": + version "1.0.0-alpha.44" + resolved "https://registry.yarnpkg.com/@algolia/autocomplete-preset-algolia/-/autocomplete-preset-algolia-1.0.0-alpha.44.tgz#0ea0b255d0be10fbe262e281472dd6e4619b62ba" + integrity sha512-DCHwo5ovzg9k2ejUolGNTLFnIA7GpsrkbNJTy1sFbMnYfBmeK8egZPZnEl7lBTr27OaZu7IkWpTepLVSztZyng== dependencies: - "@algolia/autocomplete-shared" "1.0.0-alpha.41" + "@algolia/autocomplete-shared" "1.0.0-alpha.44" -"@algolia/autocomplete-preset-algolia@1.0.0-alpha.43": - version "1.0.0-alpha.43" - resolved "https://registry.yarnpkg.com/@algolia/autocomplete-preset-algolia/-/autocomplete-preset-algolia-1.0.0-alpha.43.tgz#f36b40c99706f3f9576779da8f678b79c199d15f" - integrity sha512-NnjzTpuiSPgOHkkEQ9bd08XrD+iFbQ9VA0RGNSFqVlCwFQ71GZnQtu/C2ofQuQFDZmY3d7QmLKR6Tkgg6TJKlw== - dependencies: - "@algolia/autocomplete-shared" "1.0.0-alpha.43" - -"@algolia/autocomplete-shared@1.0.0-alpha.41": - version "1.0.0-alpha.41" - resolved "https://registry.yarnpkg.com/@algolia/autocomplete-shared/-/autocomplete-shared-1.0.0-alpha.41.tgz#594ea0423d6f7b6ad68a131c6bbd701d2499849d" - integrity sha512-8sI2pLoQoYb/8CiwaOy/fha0V7DedfZpruOFQHTaqVF0HG5kiKmw+IFTW4jpS+vyjKV7b2QZp3OnKGln3t5fBQ== +"@algolia/autocomplete-shared@1.0.0-alpha.44": + version "1.0.0-alpha.44" + resolved "https://registry.yarnpkg.com/@algolia/autocomplete-shared/-/autocomplete-shared-1.0.0-alpha.44.tgz#db13902ad1667e455711b77d08cae1a0feafaa48" + integrity sha512-2oQZPERYV+yNx/yoVWYjZZdOqsitJ5dfxXJjL18yczOXH6ujnsq+DTczSrX+RjzjQdVeJ1UAG053EJQF/FOiMg== -"@algolia/autocomplete-shared@1.0.0-alpha.43": - version "1.0.0-alpha.43" - resolved "https://registry.yarnpkg.com/@algolia/autocomplete-shared/-/autocomplete-shared-1.0.0-alpha.43.tgz#e02a3f2e81171835351f8a782f471d445623fbfa" - integrity sha512-WS07SRi4HyIQwc4tJEr0UDXB58TV5ntAzVSLFtS7wi0a/yfmXfXRM452P3Yfw4yAAbE3b8WGZkjddwDAZ0dtSw== +"@algolia/autocomplete-theme-classic@1.0.0-alpha.44": + version "1.0.0-alpha.44" + resolved "https://registry.yarnpkg.com/@algolia/autocomplete-theme-classic/-/autocomplete-theme-classic-1.0.0-alpha.44.tgz#ce8169afb531ebbb5f277178371f5df6ea98c31e" + integrity sha512-xAqxcOTXJI8/cKxrNpFvPvvdybve7WfJZNBxpZ0Bo7mH3vwWmSKxvRbNd9C+xsbpDubJMsRSgNeSghmsmCo5xA== "@algolia/cache-browser-local-storage@4.8.5": version "4.8.5"