@netlify/spark-ui 0.0.19 → 0.0.21

package/dist/assets/SearchLink.css

@@ -0,0 +1 @@
+.n-search-link{all:unset;display:flex;flex-wrap:wrap;row-gap:var(--space-3xs);padding:var(--n-search-link-padding-block, 1em) var(--n-search-link-padding-inline, 1rem);font-size:var(--step--1);font-weight:var(--font-regular);text-decoration:none;cursor:pointer}.n-search-link:is(:hover,:focus-within){background:var(--n-search-color-bg-2)}.n-search-link-header{display:flex;justify-content:space-between;width:100%;align-items:center}.n-search-link-label{display:flex;align-items:center;gap:var(--space-s);font-weight:var(--font-semibold);color:var(--color-text-2)}.n-search-link-excerpt{color:var(--color-text-3);line-height:1.3;font-size:.9em;padding-inline-start:var(--space-l)}.n-search-link-icon{display:flex;width:1em;height:auto;height:1em}.n-search-link-icon [data-icon=caretRight]{width:10px;color:var(--n-search-color-text-secondary)}

package/dist/assets/SearchModal.css

@@ -1 +1 @@
-.n-search-modal{--n-search-padding-inline: .5em;--n-search-color-text: var(--color-text-1, currentColor);--n-search-color-text-secondary: var(--color-text-2, currentColor);--n-search-color-bg: var(--color-bg-1);--n-search-color-bg-2: var(--color-bg-2);--n-search-color-border: var(--color-bg-3);--n-search-border-radius: 8px;--n-search-max-w: 600px;--n-search-text-highlight: var(--color-text-accent)}.n-search-modal{padding:0;border:none;border-radius:var(--n-search-border-radius);width:min(var(--n-search-max-w),100%);margin-inline:auto}.n-search-container{--mark-bg: var(--n-search-text-highlight);display:grid;width:min(var(--n-search-max-w),100%);min-height:470px;background-color:var(--n-search-color-bg);border-radius:var(--n-search-border-radius);overflow:hidden}.n-search-bar{display:flex;flex-wrap:wrap;align-items:center;overflow:hidden;background:var(--n-search-color-bg);border-bottom:1px solid var(--n-search-color-border)}.n-search-input-wrapper{all:unset;display:flex;width:100%}.n-search-input{display:inline-flex;box-sizing:border-box;background:var(--n-search-color-bg);inline-size:100%;padding-block:.75rem;padding-inline:var(--n-search-padding-inline);flex:1;border:none;outline:none;font-size:1rem}.n-search-input::placeholder{color:var(--n-search-color-text)}.n-search-label{display:flex;padding-inline:var(--n-search-padding-inline)}.n-search-label>*{display:inline-block;margin:0}.n-search-icon{display:flex;width:1em;height:auto;color:var(--n-search-color-text-secondary)}.icon{display:flex;width:1em;height:auto;height:1em}.icon [data-icon=caretRight]{width:10px;color:var(--n-search-color-text-secondary)}.n-search-term{font-weight:var(--font-medium);font-size:1.1em}.n-search-window{height:400px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;margin-block:0;background:var(--n-search-color-bg)}.n-results-list,ul[role=list]{list-style:none;padding:0}.n-results-list-item{border-bottom:1px solid var(--color-bg-3)}.n-results-list-item:first-of-type{border-top:1px solid var(--color-bg-3)}.n-result-link{all:unset;display:flex;flex-wrap:wrap;row-gap:var(--space-3xs);padding:var(--n-result-padding-block, 1em) var(--n-result-padding-inline, 1rem);font-size:var(--step--1);font-weight:var(--font-regular);text-decoration:none;cursor:pointer}.n-result-link:is(:hover,:focus-within){background:var(--n-search-color-bg-2)}.n-result-header{display:flex;justify-content:space-between;width:100%;align-items:center}.n-result-label{display:flex;align-items:center;gap:var(--space-s);font-weight:var(--font-semibold);color:var(--color-text-2)}.n-result-excerpt{color:var(--color-text-3);line-height:1.3;font-size:.9em;padding-inline-start:var(--space-l)}.n-search-footer{border-top:1px solid var(--n-search-color-border);padding:var(--space-2xs) var(--space-s);background:var(--color-bg-2);display:flex;gap:var(--space-m)}.n-search-footer-tip{--n-key-text-color: var(--n-search-color-text-secondary);color:var(--n-search-color-text-secondary);display:flex;gap:var(--space-2xs);align-items:center;font-size:var(--step--1)}.n-search-modal{transition:display .2s allow-discrete,overlay .2s allow-discrete;animation:closeSearch .2s forwards}.n-search-modal[open]{animation:openSearch .2s forwards}@keyframes openSearch{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes closeSearch{0%{opacity:1;transform:translateY(0) scale(1)}50%{opacity:.3}to{opacity:0;transform:translateY(20px) scale(.9)}}.n-search-modal::backdrop{animation:closeSearchBackdrop .2s forwards}.n-search-modal[open]::backdrop{animation:openSearchBackdrop .2s forwards}@keyframes openSearchBackdrop{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}}@keyframes closeSearchBackdrop{0%{opacity:1;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px)}50%{opacity:.3}to{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}}
+.n-keyboard-key{--n-key-text-size: .8em;--n-key-border-radius: 6px;--n-key-text-color: currentColor;--n-key-bg-color: transparent;display:flex;gap:calc(var(--space-3xs) * .5);font-size:var(--n-key-text-size);color:var(--n-key-text-color);background:var(--n-key-bg-color);border:1px solid currentColor;border-radius:var(--n-key-border-radius);padding:var(--n-key-padding-block, .05em) var(--n-key-padding-inline, .3em)}.n-search-heading{padding-inline:1rem;margin-block:var(--space-xs);font-size:var(--step--2);font-weight:var(--font-regular);color:var(--color-text-3)}.n-search-link{all:unset;display:flex;flex-wrap:wrap;row-gap:var(--space-3xs);padding:var(--n-search-link-padding-block, 1em) var(--n-search-link-padding-inline, 1rem);font-size:var(--step--1);font-weight:var(--font-regular);text-decoration:none;cursor:pointer}.n-search-link:is(:hover,:focus-within){background:var(--n-search-color-bg-2)}.n-search-link-header{display:flex;justify-content:space-between;width:100%;align-items:center}.n-search-link-label{display:flex;align-items:center;gap:var(--space-s);font-weight:var(--font-semibold);color:var(--color-text-2)}.n-search-link-excerpt{color:var(--color-text-3);line-height:1.3;font-size:.9em;padding-inline-start:var(--space-l)}.n-search-link-icon{display:flex;width:1em;height:auto;height:1em}.n-search-link-icon [data-icon=caretRight]{width:10px;color:var(--n-search-color-text-secondary)}.n-search-modal{--n-search-padding-inline: .5em;--n-search-color-text: var(--color-text-1, currentColor);--n-search-color-text-secondary: var(--color-text-2, currentColor);--n-search-color-bg: var(--color-bg-1);--n-search-color-bg-2: var(--color-bg-2);--n-search-color-border: var(--color-bg-3);--n-search-border-radius: 8px;--n-search-max-w: 600px;--n-search-text-highlight: var(--color-text-accent)}.n-search-modal{padding:0;border:none;border-radius:var(--n-search-border-radius);width:min(var(--n-search-max-w),100%);margin-inline:auto}.n-search-container{--mark-bg: var(--n-search-text-highlight);display:grid;width:min(var(--n-search-max-w),100%);min-height:470px;background-color:var(--n-search-color-bg);border-radius:var(--n-search-border-radius);overflow:hidden}.n-search-bar{display:flex;flex-wrap:wrap;align-items:center;overflow:hidden;background:var(--n-search-color-bg);border-bottom:1px solid var(--n-search-color-border)}.n-search-input-wrapper{all:unset;display:flex;width:100%}.n-search-input{display:inline-flex;box-sizing:border-box;background:var(--n-search-color-bg);inline-size:100%;padding-block:.75rem;padding-inline:var(--n-search-padding-inline);flex:1;border:none;outline:none;font-size:1rem}.n-search-input::placeholder{color:var(--n-search-color-text)}.n-search-label{display:flex;padding-inline:var(--n-search-padding-inline)}.n-search-label>*{display:inline-block;margin:0}.n-search-icon{display:flex;width:1em;height:auto;color:var(--n-search-color-text-secondary)}.n-search-term{font-weight:var(--font-medium);font-size:1.1em}.n-search-window{height:400px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;margin-block:0;background:var(--n-search-color-bg)}.n-results-list,ul[role=list]{list-style:none;padding:0}.n-results-list-item{border-bottom:1px solid var(--color-bg-3)}.n-results-list-item:first-of-type{border-top:1px solid var(--color-bg-3)}.n-search-footer{border-top:1px solid var(--n-search-color-border);padding:var(--space-2xs) var(--space-s);background:var(--color-bg-2);display:flex;gap:var(--space-m)}.n-search-footer-tip{--n-key-text-color: var(--n-search-color-text-secondary);color:var(--n-search-color-text-secondary);display:flex;gap:var(--space-2xs);align-items:center;font-size:var(--step--1)}.n-search-modal{transition:display .2s allow-discrete,overlay .2s allow-discrete;animation:closeSearch .2s forwards}.n-search-modal[open]{animation:openSearch .2s forwards}@keyframes openSearch{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes closeSearch{0%{opacity:1;transform:translateY(0) scale(1)}50%{opacity:.3}to{opacity:0;transform:translateY(20px) scale(.9)}}.n-search-modal::backdrop{animation:closeSearchBackdrop .2s forwards}.n-search-modal[open]::backdrop{animation:openSearchBackdrop .2s forwards}@keyframes openSearchBackdrop{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}}@keyframes closeSearchBackdrop{0%{opacity:1;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px)}50%{opacity:.3}to{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}}

package/dist/components/index.d.ts

@@ -1,7 +1,7 @@
 export { default as KeyboardKey } from './preact/KeyboardKey/KeyboardKey';
 export { default as Modal } from './preact/Modal/Modal';
 export { default as Icon } from './preact/Icon';
-export { default as SearchLink } from './preact/SearchModal/components/SearchLink';
+export { default as SearchLink } from './preact/SearchModal/components/SearchLink/SearchLink';
 export { default as SearchHeading } from './preact/SearchModal/components/SearchHeading/SearchHeading';
 export { default as SearchToggle } from './preact/SearchModal/components/SearchToggle/SearchToggle';
 export { default as SearchModal } from './preact/SearchModal/components/SearchModal/SearchModal';

package/dist/components/preact/SearchModal/components/{SearchLink.d.ts → SearchLink/SearchLink.d.ts}

@@ -1,3 +1,3 @@
-import { SearchLinkProps } from '../types/search.types';
+import { SearchLinkProps } from '../../types/search.types';
 declare const SearchLink: ({ icon, label, url, excerpt }: SearchLinkProps) => import("preact").JSX.Element;
 export default SearchLink;

package/dist/components/preact/SearchModal/components/SearchLink/SearchLink.js

@@ -0,0 +1,15 @@
+import { u as e } from "../../../../../chunks/jsxRuntime.module.Bzuv3cXw.js";
+import r from "../../../Icon/index.js";
+import '../../../../../assets/SearchLink.css';const h = ({ icon: a, label: c, url: l, excerpt: n }) => /* @__PURE__ */ e("a", { className: "n-search-link", href: l, children: [
+  /* @__PURE__ */ e("div", { className: "n-search-link-header", children: [
+    /* @__PURE__ */ e("div", { className: "n-search-link-label", children: [
+      a && /* @__PURE__ */ e("span", { className: "n-search-link-icon", children: /* @__PURE__ */ e(r, { name: a }) }),
+      /* @__PURE__ */ e("span", { children: c })
+    ] }),
+    /* @__PURE__ */ e("div", { className: "n-search-link-icon", children: /* @__PURE__ */ e(r, { name: "caretRight" }) })
+  ] }),
+  n && /* @__PURE__ */ e("p", { className: "n-search-link-excerpt", dangerouslySetInnerHTML: { __html: n } })
+] });
+export {
+  h as default
+};

package/dist/components/preact/SearchModal/components/SearchWindow.js

@@ -1,6 +1,6 @@
 import { u as e } from "../../../../chunks/jsxRuntime.module.Bzuv3cXw.js";
 import a from "./SearchHeading/SearchHeading.js";
-import c from "./SearchLink.js";
+import c from "./SearchLink/SearchLink.js";
 const t = ({
   searchLoading: s,
   searchTerm: l,

package/dist/components/preact/SearchModal/index.d.ts

@@ -1,6 +1,6 @@
 export { default as SearchHeading } from './components/SearchHeading/SearchHeading';
 export { default as SearchInput } from './components/SearchInput';
-export { default as SearchLink } from './components/SearchLink';
+export { default as SearchLink } from './components/SearchLink/SearchLink';
 export { default as SearchToggle } from './components/SearchToggle/SearchToggle';
 export { default as SearchWindow } from './components/SearchWindow';
 export { default as SearchModal } from './components/SearchModal/SearchModal';

package/dist/components/preact/SearchModal/index.js

@@ -1,6 +1,6 @@
 import { default as r } from "./components/SearchHeading/SearchHeading.js";
 import { default as t } from "./components/SearchInput.js";
-import { default as d } from "./components/SearchLink.js";
+import { default as d } from "./components/SearchLink/SearchLink.js";
 import { default as p } from "./components/SearchToggle/SearchToggle.js";
 import { default as c } from "./components/SearchWindow.js";
 import { default as m } from "./components/SearchModal/SearchModal.js";

package/dist/components/preact/index.d.ts

@@ -1,7 +1,7 @@
 export { default as KeyboardKey } from './KeyboardKey/KeyboardKey';
 export { default as Modal } from './Modal/Modal';
 export { default as Icon } from './Icon';
-export { default as SearchLink } from './SearchModal/components/SearchLink';
+export { default as SearchLink } from './SearchModal/components/SearchLink/SearchLink';
 export { default as SearchHeading } from './SearchModal/components/SearchHeading/SearchHeading';
 export { default as SearchToggle } from './SearchModal/components/SearchToggle/SearchToggle';
 export { SearchModal } from './SearchModal';

package/dist/components/preact/index.js

@@ -1,7 +1,7 @@
 import { default as t } from "./KeyboardKey/KeyboardKey.js";
 import { default as d } from "./Modal/Modal.js";
 import { default as m } from "./Icon/index.js";
-import { default as s } from "./SearchModal/components/SearchLink.js";
+import { default as s } from "./SearchModal/components/SearchLink/SearchLink.js";
 import { default as x } from "./SearchModal/components/SearchHeading/SearchHeading.js";
 import { default as h } from "./SearchModal/components/SearchToggle/SearchToggle.js";
 import "preact";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@netlify/spark-ui",
   "description": "Assets, design tokens, components, and utilities",
-  "version": "0.0.19",
+  "version": "0.0.21",
   "type": "module",
   "main": "dist/components/preact/index.js",
   "types": "dist/components/preact/index.d.ts",
@@ -24,11 +24,9 @@
   ],
   "exports": {
     "./preact": "./dist/components/preact/index.js",
-    "./preact/styles/*.css": "./dist/assets/*.css",
     "./assets/*.css": "./dist/assets/*.css",
     "./logos/*.svg": "./packages/assets/logos/*.svg",
     "./styles/*.css": "./packages/styles/*.css",
-    "./components/search": "./packages/components/search/components/index.ts",
     "./components": "./packages/components/index.ts",
     "./utils": "./packages/utils/index.ts"
   },

package/packages/components/index.ts

@@ -1,7 +1,7 @@
 export { default as KeyboardKey } from './preact/KeyboardKey/KeyboardKey';
 export { default as Modal } from './preact/Modal/Modal';
 export { default as Icon } from './preact/Icon';
-export { default as SearchLink } from './preact/SearchModal/components/SearchLink';
+export { default as SearchLink } from './preact/SearchModal/components/SearchLink/SearchLink';
 export { default as SearchHeading } from './preact/SearchModal/components/SearchHeading/SearchHeading';
 export { default as SearchToggle } from './preact/SearchModal/components/SearchToggle/SearchToggle';
 export { default as SearchModal } from './preact/SearchModal/components/SearchModal/SearchModal';

package/packages/components/preact/SearchModal/components/SearchLink/SearchLink.css

@@ -0,0 +1,49 @@
+.n-search-link {
+  all: unset;
+  display: flex;
+  flex-wrap: wrap;
+  row-gap: var(--space-3xs);
+  padding: var(--n-search-link-padding-block, 1em) var(--n-search-link-padding-inline, 1rem);
+  font-size: var(--step--1);
+  font-weight: var(--font-regular);
+  text-decoration: none;
+  cursor: pointer;
+}
+
+.n-search-link:is(:hover, :focus-within) {
+  background: var(--n-search-color-bg-2);
+}
+
+.n-search-link-header {
+  display: flex;
+  justify-content: space-between;
+  width: 100%;
+  align-items: center;
+}
+
+.n-search-link-label {
+  display: flex;
+  align-items: center;
+  gap: var(--space-s);
+  font-weight: var(--font-semibold);
+  color: var(--color-text-2);
+}
+
+.n-search-link-excerpt {
+  color: var(--color-text-3);
+  line-height: 1.3;
+  font-size: .9em;
+  padding-inline-start: var(--space-l);
+}
+
+.n-search-link-icon {
+  display: flex;
+  width: 1em;
+  height: auto;
+  height: 1em;
+}
+
+.n-search-link-icon [data-icon="caretRight"] {
+  width: 10px;
+  color: var(--n-search-color-text-secondary);
+}

package/packages/components/preact/SearchModal/components/SearchLink/SearchLink.tsx

@@ -0,0 +1,27 @@
+import type { SearchLinkProps} from "../../types/search.types"
+import "./SearchLink.css"
+
+import Icon from '../../../Icon';
+
+const SearchLink = ({ icon, label, url, excerpt }: SearchLinkProps) => {
+  return (
+    <a className="n-search-link" href={url}>
+      <div className="n-search-link-header">
+        <div className="n-search-link-label">
+          {icon && (
+            <span className="n-search-link-icon">
+              <Icon name={icon} />
+            </span>
+          )}
+          <span>{label}</span>
+        </div>
+        <div className="n-search-link-icon">
+          <Icon name="caretRight" />
+        </div>
+      </div>
+      {excerpt && <p className="n-search-link-excerpt" dangerouslySetInnerHTML={{ __html: excerpt }} />}
+    </a>
+  );
+};
+
+export default SearchLink;

package/packages/components/preact/SearchModal/components/SearchModal/SearchModal.css

@@ -1,3 +1,7 @@
+@import "../../../KeyboardKey/KeyboardKey.css";
+@import "../SearchHeading/SearchHeading.css";
+@import "../SearchLink/SearchLink.css";
+
 /* Root Variables */
 .n-search-modal {
   --n-search-padding-inline: .5em;
@@ -19,7 +23,6 @@
   margin-inline: auto;
 }
 
-/* Container Styles */
 .n-search-container {
   --mark-bg: var(--n-search-text-highlight);
   display: grid;
@@ -30,7 +33,6 @@
   overflow: hidden;
 }
 
-/* Search Bar */
 .n-search-bar {
   display: flex;
   flex-wrap: wrap;
@@ -40,7 +42,6 @@
   border-bottom: 1px solid var(--n-search-color-border);
 }
 
-/* Search Input */
 .n-search-input-wrapper {
   all: unset;
   display: flex;
@@ -64,7 +65,6 @@
   color: var(--n-search-color-text);
 }
 
-/* Search Label */
 .n-search-label {
   display: flex;
   padding-inline: var(--n-search-padding-inline);
@@ -75,7 +75,6 @@
   margin: 0;
 }
 
-/* Icons */
 .n-search-icon {
   display: flex;
   width: 1em;
@@ -83,19 +82,6 @@
   color: var(--n-search-color-text-secondary);
 }
 
-.icon {
-  display: flex;
-  width: 1em;
-  height: auto;
-  height: 1em;
-}
-
-.icon [data-icon="caretRight"] {
-  width: 10px;
-  color: var(--n-search-color-text-secondary);
-}
-
-/* Search Key & Term */
 .n-search-term {
   font-weight: var(--font-medium);
   font-size: 1.1em;
@@ -123,45 +109,6 @@
   border-top: 1px solid var(--color-bg-3);
 }
 
-/* Result Items */
-.n-result-link {
-  all: unset;
-  display: flex;
-  flex-wrap: wrap;
-  row-gap: var(--space-3xs);
-  padding: var(--n-result-padding-block, 1em) var(--n-result-padding-inline, 1rem);
-  font-size: var(--step--1);
-  font-weight: var(--font-regular);
-  text-decoration: none;
-  cursor: pointer;
-}
-
-.n-result-link:is(:hover, :focus-within) {
-  background: var(--n-search-color-bg-2);
-}
-
-.n-result-header {
-  display: flex;
-  justify-content: space-between;
-  width: 100%;
-  align-items: center;
-}
-
-.n-result-label {
-  display: flex;
-  align-items: center;
-  gap: var(--space-s);
-  font-weight: var(--font-semibold);
-  color: var(--color-text-2);
-}
-
-.n-result-excerpt {
-  color: var(--color-text-3);
-  line-height: 1.3;
-  font-size: .9em;
-  padding-inline-start: var(--space-l);
-}
-
 /* Footer */
 .n-search-footer {
   border-top: 1px solid var(--n-search-color-border);

package/packages/components/preact/SearchModal/components/SearchWindow.tsx

@@ -1,7 +1,7 @@
 import type { FunctionComponent } from 'preact';
 import type { SearchLinkProps, SearchResultsProps, SearchWindowProps } from '../types/search.types';
 import SearchHeading from './SearchHeading/SearchHeading';
-import SearchLink from './SearchLink';
+import SearchLink from './SearchLink/SearchLink';
 
 /* --- Search Results Window (for active searches) --- */
 const SearchResults: FunctionComponent<SearchResultsProps> = ({

package/packages/components/preact/SearchModal/index.tsx

@@ -1,6 +1,6 @@
 export { default as SearchHeading } from './components/SearchHeading/SearchHeading';
 export { default as SearchInput } from './components/SearchInput';
-export { default as SearchLink } from './components/SearchLink';
+export { default as SearchLink } from './components/SearchLink/SearchLink';
 export { default as SearchToggle } from './components/SearchToggle/SearchToggle';
 export { default as SearchWindow } from './components/SearchWindow';
 export { default as SearchModal } from './components/SearchModal/SearchModal';

package/packages/components/preact/index.ts

@@ -1,7 +1,7 @@
 export { default as KeyboardKey } from './KeyboardKey/KeyboardKey';
 export { default as Modal } from './Modal/Modal';
 export { default as Icon } from './Icon';
-export { default as SearchLink } from './SearchModal/components/SearchLink';
+export { default as SearchLink } from './SearchModal/components/SearchLink/SearchLink';
 export { default as SearchHeading } from './SearchModal/components/SearchHeading/SearchHeading';
 export { default as SearchToggle } from './SearchModal/components/SearchToggle/SearchToggle';
 export { SearchModal } from './SearchModal';

package/dist/components/preact/SearchModal/components/SearchLink.js

@@ -1,15 +0,0 @@
-import { u as e } from "../../../../chunks/jsxRuntime.module.Bzuv3cXw.js";
-import r from "../../Icon/index.js";
-const t = ({ icon: a, label: l, url: s, excerpt: n }) => /* @__PURE__ */ e("a", { className: "n-result-link", href: s, children: [
-  /* @__PURE__ */ e("div", { className: "n-result-header", children: [
-    /* @__PURE__ */ e("div", { className: "n-result-label", children: [
-      a && /* @__PURE__ */ e("span", { className: "icon", children: /* @__PURE__ */ e(r, { name: a }) }),
-      /* @__PURE__ */ e("span", { children: l })
-    ] }),
-    /* @__PURE__ */ e("div", { className: "icon", children: /* @__PURE__ */ e(r, { name: "caretRight" }) })
-  ] }),
-  n && /* @__PURE__ */ e("p", { className: "n-result-excerpt", dangerouslySetInnerHTML: { __html: n } })
-] });
-export {
-  t as default
-};

package/packages/components/preact/SearchModal/components/SearchLink.tsx

@@ -1,26 +0,0 @@
-import type { SearchLinkProps} from "../types/search.types"
-
-import Icon from '../../Icon';
-
-const SearchLink = ({ icon, label, url, excerpt }: SearchLinkProps) => {
-  return (
-    <a className="n-result-link" href={url}>
-      <div className="n-result-header">
-        <div className="n-result-label">
-          {icon && (
-            <span className="icon">
-              <Icon name={icon} />
-            </span>
-          )}
-          <span>{label}</span>
-        </div>
-        <div className="icon">
-          <Icon name="caretRight" />
-        </div>
-      </div>
-      {excerpt && <p className="n-result-excerpt" dangerouslySetInnerHTML={{ __html: excerpt }} />}
-    </a>
-  );
-};
-
-export default SearchLink;