@netlify/spark-ui 2.4.1 → 2.4.3

package/dist/assets/AskNetlify.css

@@ -1 +1 @@
-.n-fadeIn{opacity:0;animation:fadeIn var(--animation-duration, .3s) ease-out forwards}.n-fadeInUp{opacity:0;transform:translateY(var(--animation-transformY, 5px));animation:fadeInUp var(--animation-duration, .3s) ease-out forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.grecaptcha-badge{visibility:hidden}.n-ask-chat-container{opacity:0;animation:appearContainer .12s ease-in-out forwards;animation-delay:.14s}.n-ask-conversation{position:relative;display:grid;align-items:flex-end;gap:var(--space-s);height:calc(var(--n-search-container-height) + var(--n-search-footer-height));padding:var(--n-search-padding-inline);overflow-y:auto;scroll-behavior:smooth;grid-template-rows:1fr}.n-ask-form{display:flex;align-items:center;gap:var(--space-s);position:relative;height:var(--n-search-input-height);background-color:var(--search-input-bg-color)}.n-ask-form:after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:1px;background:var(--ntl-color-bg-muted)}.n-ask-question{border:none;border-radius:var(--radius-pill);transform:translate(-.75rem);color:var(--ntl-color-text);background:none;padding:var(--space-2xs, .5rem);font-size:var(--step--1, .9rem);font-weight:var(--font-weight-regular);text-align:left;text-wrap:pretty;cursor:pointer;display:flex;align-items:center;gap:var(--space-2xs);transition:background-color .2s ease-out}.n-ask-question [data-icon=caretRight]{opacity:0;height:.8em;color:var(--color-text-weaker);transform:translate(-3px);transition:transform .2s ease-out}.n-ask-question:hover{background-color:var(--n-search-color-bg-2)}.n-ask-question:hover [data-icon=caretRight]{opacity:1;transform:translate(0)}.n-ask-question-list{padding:0}.n-ask-question-list .n-ask-question-list-item{position:relative;width:fit-content;opacity:0;transform:translateY(10px);animation:fadeInUp .5s forwards}.n-ask-message{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-s);font-size:var(--font-size-text-md, 1rem)}.n-ask-message:first-of-type{margin-block-start:var(--space-2xl)}.n-ask-message-bubble{width:fit-content;max-width:85%;padding:var(--space-xs) var(--space-s);background:var(--search-answer-message-color);border-radius:var(--radius-l);font-size:var(--step-0)}.n-ask-user-message{margin-inline-start:auto;background:var(--search-user-message-color)}.n-ask-sources{margin-block-start:var(--space-xs)}.n-ask-sources-title{font-size:var(--step-0);font-weight:var(--font-weight-bold)}.n-ask-sources a{font-size:var(--step--1)}.n-ask-sources details summary::marker{display:none;content:none}.n-ask-sources details{background:var(--search-source-list-color);padding:var(--space-xs) var(--space-xs);border-radius:var(--radius-l)}.n-ask-sources details summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xs);cursor:pointer}.n-ask-sources details ul{margin-block-start:var(--space-3xs)}.n-ask-sources [data-icon=caretRight]{width:.8em;display:inline-block;transform:rotate(90deg);height:auto;color:var(--color-text-weaker)}.n-ask-sources details[open] [data-icon=caretRight]{transform:rotate(270deg)}.n-ask-action-bar{margin-block-start:var(--space-m)}.n-ask-action-bar button{display:grid;border:none}.n-ask-action-bar button svg{pointer-events:none}.n-ask-action-bar .n-popover{--n-popover-padding: var(--space-3xs) var(--space-2xs);--n-popover-bottom: 125%}.n-ask-action-bar [id*=icon-]{width:auto;height:1rem}.n-ask-input{border:none;outline:none;padding-inline:var(--n-search-padding-inline)}.n-ask-form-submit{display:flex;padding:.7rem;margin-inline-end:var(--space-2xs);border:none;border-radius:var(--radius-pill);background:var(--search-submit-btn-bg-color);color:var(--neutral-000);transition:background-color .15s ease-out}.n-ask-form-submit>svg{width:1rem;height:auto;aspect-ratio:1 / 1;border-radius:1.5px;transition:opacity .15s ease-out}.n-ask-form-submit[disabled]{background:var(--neutral-500)}.n-ask-form-submit[disabled]>*{opacity:.5}button.n-ask-button-back{position:absolute;z-index:1;width:fit-content;margin:1rem;padding:var(--space-xs) var(--space-s);background:var(--search-back-btn-bg-color);border:.5px solid var(--ntl-color-border);border-radius:var(--radius-pill);font-size:var(--font-size-text-md, 1rem);font-weight:var(--font-weight-semibold, 500);color:var(--ntl-color-text);cursor:pointer;line-height:var(--line-height-none, 1)}button.n-ask-button-back [data-icon=caretRight]{color:var(--color-text-weak);transform:rotate(180deg)}.n-ask-prose{font-size:var(--step--0)}.n-ask-prose>*+*{margin-top:var(--flow-space, var(--space-s))}.n-ask-prose :where(ol,ul,li)>*+*{margin-top:var(--flow-space, var(--space-3xs))}.n-ask-prose h1,.n-ask-prose h2,.n-ask-prose h3{font-size:var(--step-1);font-weight:var(--font-weight-bold)}.n-ask-prose h4,.n-ask-prose h5,.n-ask-prose h6{font-size:var(--step-0);font-weight:var(--font-weight-bold)}.n-ask-prose pre{max-width:100%;background:var(--neutral-light-700, var(--neutral-700));border-radius:var(--radius-m);box-sizing:border-box;color:var(--neutral-100);color-scheme:dark;overflow-x:auto}.n-ask-prose code{overflow-x:auto;padding:var(--space-s)}.n-ask-prose code[class*=language-],.n-ask-prose pre[class*=language-]{display:block;font-size:var(--font-size-text-xs)}.n-ask-message-loader{width:2.5rem;height:auto;display:block;color:var(--search-loading-color)}.n-ask-message-loader :where(#ask-netlify-tick-1,#ask-netlify-tick-2,#ask-netlify-tick-3){opacity:0;animation:fadeIn .8s ease-in-out infinite}.n-ask-message-loader #ask-netlify-tick-1{animation-delay:.1s}.n-ask-message-loader #ask-netlify-tick-2{animation-delay:.2s}.n-ask-message-loader #ask-netlify-tick-3{animation-delay:.3s}.n-ask-message-loader :where(#ask-netlify-eyelid-left,#ask-netlify-eyelid-right){--n-ask-netlify-eyelid-color: var(--search-bg-color);transform-origin:top center;transform:scaleY(1.035);animation:askEyeBlink 4s infinite;animation-delay:1s}@keyframes askEyeBlink{0%,5%{transform:scaleY(1.035)}6%,10%{transform:scaleY(1.3)}11%,15%{transform:scaleY(1.035)}16%,20%{transform:scaleY(1.3)}21%,to{transform:scaleY(1.035)}}
+.n-fadeIn{opacity:0;animation:fadeIn var(--animation-duration, .3s) ease-out forwards}.n-fadeInUp{opacity:0;transform:translateY(var(--animation-transformY, 5px));animation:fadeInUp var(--animation-duration, .3s) ease-out forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.grecaptcha-badge{visibility:hidden}.n-ask-chat-container{opacity:0;animation:appearContainer .12s ease-in-out forwards;animation-delay:.14s}.n-ask-conversation{position:relative;display:grid;align-items:flex-end;gap:var(--space-s);height:calc(var(--n-search-container-height) + var(--n-search-footer-height));padding:var(--n-search-padding-inline);overflow-y:auto;scroll-behavior:smooth;grid-template-rows:1fr}.n-ask-form{display:flex;align-items:center;gap:var(--space-s);position:relative;height:var(--n-search-input-height);background-color:var(--search-input-bg-color)}.n-ask-form:after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:1px;background:var(--n-search-color-border)}.n-ask-question{border:none;border-radius:var(--radius-pill);transform:translate(-.75rem);color:var(--ntl-color-text);background:none;padding:var(--space-2xs, .5rem);font-size:var(--step--1, .9rem);font-weight:var(--font-weight-regular);text-align:left;text-wrap:pretty;cursor:pointer;display:flex;align-items:center;gap:var(--space-2xs);transition:background-color .2s ease-out}.n-ask-question [data-icon=caretRight]{opacity:0;height:.8em;color:var(--color-text-weaker);transform:translate(-3px);transition:transform .2s ease-out}.n-ask-question:hover{background-color:var(--n-search-color-bg-2)}.n-ask-question:hover [data-icon=caretRight]{opacity:1;transform:translate(0)}.n-ask-question-list{padding:0}.n-ask-question-list .n-ask-question-list-item{position:relative;width:fit-content;opacity:0;transform:translateY(10px);animation:fadeInUp .5s forwards}.n-ask-message{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-s);font-size:var(--font-size-text-md, 1rem)}.n-ask-message:first-of-type{margin-block-start:var(--space-2xl)}.n-ask-message-bubble{width:fit-content;max-width:85%;padding:var(--space-xs) var(--space-s);background:var(--search-answer-message-color);border-radius:var(--radius-l);font-size:var(--step-0)}.n-ask-user-message{margin-inline-start:auto;background:var(--search-user-message-color)}.n-ask-sources{margin-block-start:var(--space-xs)}.n-ask-sources-title{font-size:var(--step-0);font-weight:var(--ntl-font-weight-semibold)}.n-ask-sources a{font-size:var(--step--1)}.n-ask-prose a,.n-ask-sources a{color:var(--search-link-color);text-decoration-color:color-mix(in oklab,currentColor 40%,transparent);text-underline-offset:.15em}.n-ask-prose a:hover,.n-ask-sources a:hover{text-decoration-color:currentColor}.n-ask-sources details summary::marker{display:none;content:none}.n-ask-sources details{background:var(--search-source-list-color);padding:var(--ntl-space-xs) var(--ntl-space-s);border-radius:var(--radius-l)}.n-ask-sources details[open]{padding-block-end:var(--ntl-space-s)}.n-ask-sources details summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xs);min-block-size:var(--ntl-space-l);cursor:pointer}.n-ask-sources details ul{display:grid;gap:var(--ntl-space-3xs);margin-block:var(--ntl-space-2xs) 0}.n-ask-sources [data-icon=caretRight]{width:.8em;display:inline-block;transform:rotate(90deg);height:auto;color:var(--color-text-weaker)}.n-ask-sources details[open] [data-icon=caretRight]{transform:rotate(270deg)}.n-ask-action-bar{margin-block-start:var(--space-m)}.n-ask-action-bar button{display:grid;color:var(--ntl-color-text-weak);background:none;border:none;cursor:pointer;transition:color var(--ntl-motion-duration-fast) var(--ntl-motion-easing-default)}.n-ask-action-bar button:hover{color:var(--ntl-color-text)}.n-ask-action-bar .hidden{display:none}.n-ask-action-bar button svg{pointer-events:none}.n-ask-action-bar .n-popover{--n-popover-padding: var(--space-3xs) var(--space-2xs);--n-popover-bottom: 125%}.n-ask-action-bar [id*=icon-]{width:auto;height:1rem}.n-ask-input{border:none;outline:none;padding-inline:var(--n-search-padding-inline)}.n-ask-form-submit{display:flex;padding:.7rem;margin-inline-end:var(--space-2xs);border:none;border-radius:var(--radius-pill);background:var(--search-submit-btn-bg-color);color:var(--ntl-button-primary-text-color);transition:background-color .15s ease-out}.n-ask-form-submit>svg{width:1rem;height:auto;aspect-ratio:1 / 1;border-radius:1.5px;transition:opacity .15s ease-out}.n-ask-form-submit[disabled]{color:var(--ntl-color-text-weaker);background:var(--ntl-color-bg-muted)}.n-ask-form-submit[disabled]>*{opacity:.5}button.n-ask-button-back{position:absolute;z-index:1;width:fit-content;margin:1rem;padding:var(--space-xs) var(--space-s);background:var(--search-back-btn-bg-color);border:.5px solid var(--ntl-color-border);border-radius:var(--radius-pill);font-size:var(--font-size-text-md, 1rem);font-weight:var(--font-weight-semibold, 500);color:var(--ntl-color-text);cursor:pointer;line-height:var(--line-height-none, 1)}button.n-ask-button-back [data-icon=caretRight]{color:var(--color-text-weak);transform:rotate(180deg)}.n-ask-prose{font-size:var(--step--0)}.n-ask-prose>*+*{margin-top:var(--flow-space, var(--space-s))}.n-ask-prose :where(ol,ul,li)>*+*{margin-top:var(--flow-space, var(--space-3xs))}.n-ask-prose :is(h1,h2,h3,h4,h5,h6){font-size:var(--ntl-font-size-text-md);font-weight:var(--ntl-font-weight-semibold);line-height:var(--ntl-line-height-tight)}.n-ask-prose :is(h1,h2){font-size:var(--ntl-font-size-text-xl)}.n-ask-prose :is(h3,h4){font-size:var(--ntl-font-size-text-lg)}.n-ask-prose>:is(h1,h2,h3,h4,h5,h6){--flow-space: var(--ntl-space-m)}.n-ask-prose>:is(h1,h2,h3,h4,h5,h6)+*{--flow-space: var(--ntl-space-2xs)}.n-ask-prose :is(strong,b){font-weight:var(--ntl-font-weight-semibold)}.n-ask-prose pre{max-width:100%;box-sizing:border-box;padding:var(--ntl-space-xs) var(--ntl-space-s);color:var(--ntl-color-text);background:var(--ntl-color-bg-surface);border:var(--ntl-border-width-thin) solid var(--ntl-color-border);border-radius:var(--ntl-radius-l);overflow-x:auto}.n-ask-prose pre code{display:block}.n-ask-prose :not(pre)>code{padding:.1em .35em;font-size:.875em;background:var(--ntl-color-bg-surface);border-radius:var(--ntl-radius-s)}.n-ask-prose code[class*=language-],.n-ask-prose pre[class*=language-]{display:block;font-size:var(--font-size-text-xs)}@media (prefers-reduced-motion: no-preference){.n-ask-conversation{animation:growAskHeight var(--ntl-motion-duration-quick) var(--ntl-motion-easing-settle) var(--ntl-motion-duration-short) backwards}}@keyframes growAskHeight{0%{height:calc(var(--n-search-list-height) + var(--n-search-footer-height))}}.n-ask-message-loader{width:2.5rem;height:auto;display:block;color:var(--search-loading-color)}.n-ask-message-loader :where(#ask-netlify-tick-1,#ask-netlify-tick-2,#ask-netlify-tick-3){opacity:0;animation:fadeIn .8s ease-in-out infinite}.n-ask-message-loader #ask-netlify-tick-1{animation-delay:.1s}.n-ask-message-loader #ask-netlify-tick-2{animation-delay:.2s}.n-ask-message-loader #ask-netlify-tick-3{animation-delay:.3s}.n-ask-message-loader :where(#ask-netlify-eyelid-left,#ask-netlify-eyelid-right){--n-ask-netlify-eyelid-color: var(--search-bg-color);transform-origin:top center;transform:scaleY(1.035);animation:askEyeBlink 4s infinite;animation-delay:1s}@keyframes askEyeBlink{0%,5%{transform:scaleY(1.035)}6%,10%{transform:scaleY(1.3)}11%,15%{transform:scaleY(1.035)}16%,20%{transform:scaleY(1.3)}21%,to{transform:scaleY(1.035)}}

package/dist/assets/Popover.css

@@ -1 +1 @@
-.n-popover-container{position:relative;display:inline-block;font-size:var(--font-size-text-xs)}.n-popover-trigger{display:block;background-color:transparent;border:none;padding:0;font:inherit;color:var(--color-text-weak);cursor:pointer}.n-popover{position:absolute;background-color:var(--ntl-color-bg-subtle);color:var(--color-text);padding:var(--n-popover-padding, var(--space-xs) var(--space-s));border-radius:var(--radius-s);opacity:0;pointer-events:none;transition:opacity .2s ease-in-out;z-index:10}.n-popover:after{content:"";position:absolute;border-style:solid}.n-popover-container:hover .n-popover{opacity:1;pointer-events:auto}.n-popover-top .n-popover{bottom:var(--n-popover-bottom, 145%);left:50%;transform:translate(-50%);width:max-content;max-width:var(--n-popover-width, 255px);box-shadow:var(--shadow-light)}.n-popover-top .n-popover:after{top:100%;left:50%;margin-left:-5px;border-width:5px;border-color:var(--ntl-color-bg-subtle) transparent transparent transparent}.n-popover-bottom .n-popover{top:145%;left:50%;transform:translate(-50%)}.n-popover-bottom .n-popover:after{bottom:100%;left:50%;margin-left:-5px;border-width:5px;border-color:transparent transparent var(--ntl-color-bg-subtle) transparent}.n-popover-left .n-popover{right:125%;top:50%;transform:translateY(-50%)}.n-popover-left .n-popover:after{top:50%;left:100%;margin-top:-5px;border-width:5px;border-color:transparent transparent transparent var(--ntl-color-bg-subtle)}.n-popover-right .n-popover{left:125%;top:50%;transform:translateY(-50%)}.n-popover-right .n-popover:after{top:50%;right:100%;margin-top:-5px;border-width:5px;border-color:transparent var(--ntl-color-bg-subtle) transparent transparent}
+.n-popover-container{position:relative;display:inline-block;font-size:var(--font-size-text-xs)}.n-popover-trigger{display:block;background-color:transparent;border:none;padding:0;font:inherit;color:var(--color-text-weak);cursor:pointer}.n-popover{--n-popover-bg-color: var(--ntl-color-bg-inverse);--n-popover-text-color: var(--ntl-color-text-inverse);position:absolute;background-color:var(--n-popover-bg-color);color:var(--n-popover-text-color);padding:var(--n-popover-padding, var(--space-xs) var(--space-s));border-radius:var(--radius-s);opacity:0;pointer-events:none;transition:opacity .2s ease-in-out;z-index:10}.n-popover:after{content:"";position:absolute;border-style:solid}.n-popover-container:hover .n-popover{opacity:1;pointer-events:auto}.n-popover-top .n-popover{bottom:var(--n-popover-bottom, 145%);left:50%;transform:translate(-50%);width:max-content;max-width:var(--n-popover-width, 255px);box-shadow:var(--shadow-light)}.n-popover-top .n-popover:after{top:100%;left:50%;margin-left:-5px;border-width:5px;border-color:var(--n-popover-bg-color) transparent transparent transparent}.n-popover-bottom .n-popover{top:145%;left:50%;transform:translate(-50%)}.n-popover-bottom .n-popover:after{bottom:100%;left:50%;margin-left:-5px;border-width:5px;border-color:transparent transparent var(--n-popover-bg-color) transparent}.n-popover-left .n-popover{right:125%;top:50%;transform:translateY(-50%)}.n-popover-left .n-popover:after{top:50%;left:100%;margin-top:-5px;border-width:5px;border-color:transparent transparent transparent var(--n-popover-bg-color)}.n-popover-right .n-popover{left:125%;top:50%;transform:translateY(-50%)}.n-popover-right .n-popover:after{top:50%;right:100%;margin-top:-5px;border-width:5px;border-color:transparent var(--n-popover-bg-color) transparent transparent}

package/dist/assets/SearchHeading.css

@@ -1 +1 @@
-.n-search-heading{--n-search-heading-weight: var(--font-weight-semibold, 400);--n-search-heading-size: var(--font-size-text-xs, 13px);--n-search-heading-color: var(--color-text-weak, #757575);font-size:var(--n-search-heading-size);font-weight:var(--n-search-heading-weight);font-family:var(--font-family-mono);color:var(--n-search-heading-color);padding-inline:var(--space-xs);margin-block:var(--space-xs);letter-spacing:.2px}
+.n-search-heading{--n-search-heading-weight: var(--font-weight-semibold, 400);--n-search-heading-size: var(--font-size-text-xs, 13px);--n-search-heading-color: var(--ntl-color-text-weaker, #757575);font-size:var(--n-search-heading-size);font-weight:var(--n-search-heading-weight);font-family:var(--font-family-mono);color:var(--n-search-heading-color);padding-inline:var(--space-xs);margin-block:var(--space-xs);letter-spacing:.2px}

package/dist/assets/SearchLink.css

@@ -1 +1 @@
-.n-search-link{--n-search-icon-size: 1.25em;box-sizing:border-box;display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--space-s, 1rem);align-items:center;padding:var(--n-search-link-padding-block, 1em) var(--n-search-link-padding-inline, 1em);font-size:var(--font-size-text-sm);font-weight:var(--font-weight-regular);text-decoration:none;cursor:pointer;width:100%;border:none;text-align:left;outline:none;border-radius:var(--radius-l)}.n-search-link-body{flex:1;width:80%;color:var(--color-text-weak);text-wrap:pretty}.n-search-link:is(:hover,:focus-visible){background:var(--n-search-color-bg-2)}.n-search-link:is(:hover,:focus-visible) .n-search-link-icon [data-icon=caretRight]{opacity:1}.n-search-link:is(:hover,:focus-visible) .n-search-link-icon :where(#ask-netlify-eyelid-left,#ask-netlify-eyelid-right){--n-ask-netlify-eyelid-color: var(--n-search-color-bg-2);animation:askEyeBlink 4s infinite;animation-delay:.2s}.n-search-link-icon :where(#ask-netlify-eyelid-left,#ask-netlify-eyelid-right){--n-ask-netlify-eyelid-color: var(--search-bg-color)}.n-search-link-title{font-weight:var(--font-weight-medium);color:var(--ntl-color-text);line-height:1.5}.n-search-link-excerpt{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--color-text-weak);line-height:1.3;font-size:.9em;margin-block-start:var(--space-3xs)}.n-search-link-excerpt mark{color:var(--mark-color, currentColor);background-color:var(--mark-bg, var(--ntl-color-highlight-bg))}.n-search-link-icon,.n-search-link-icon svg{display:flex;width:var(--n-search-icon-size);height:var(--n-search-icon-size);color:var(--n-search-color-icon)}.n-search-link-icon [data-icon=caretRight]{width:1em;opacity:0}.n-search-link-label{margin-inline-end:var(--space-3xs)}.n-search-link-badge{display:inline-block;width:max-content;font-size:.7em;padding:.1em .4em;position:relative;bottom:.3em;color:var(--n-search-link-badge-text-color, var(--color-disabled-text));background:var(--n-search-link-badge-color, var(--color-disabled-bg));border:1px solid var(--n-search-link-badge-border, var(--color-disabled-border));border-radius:3px}.n-search-link-badge[data-resource=blog]{--n-search-link-badge-color: var(--color-info-bg);--n-search-link-badge-text-color: var(--color-info-text);--n-search-link-badge-border: var(--color-info-border)}.n-search-link-badge[data-resource=changelog]{--n-search-link-badge-color: var(--color-warning-bg);--n-search-link-badge-text-color: var(--color-warning-text);--n-search-link-badge-border: var(--color-warning-border)}.n-search-link-badge[data-resource=guide]{--n-search-link-badge-color: var(--ntl-color-highlight-bg);--n-search-link-badge-text-color: var(--ntl-color-highlight-text);--n-search-link-badge-border: var(--ntl-color-highlight-border)}.n-search-link-badge[data-resource=knowledge-base]{--n-search-link-badge-color: var(--color-success-bg);--n-search-link-badge-text-color: var(--color-success-text);--n-search-link-badge-border: var(--color-success-border)}
+.n-search-link{--n-search-icon-size: 1.25em;box-sizing:border-box;display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--space-s, 1rem);align-items:center;padding:var(--n-search-link-padding-block, 1em) var(--n-search-link-padding-inline, 1em);font-size:var(--font-size-text-sm);font-weight:var(--font-weight-regular);text-decoration:none;cursor:pointer;width:100%;border:none;text-align:left;outline:none;color:inherit;background:none;border-radius:var(--radius-l)}.n-search-link-body{flex:1;width:80%;color:var(--color-text-weak);text-wrap:pretty}.n-search-link:is(:hover,:focus-visible){background:var(--n-search-color-bg-2)}.n-search-link:is(:hover,:focus-visible) .n-search-link-icon [data-icon=caretRight]{opacity:1}.n-search-link:is(:hover,:focus-visible) .n-search-link-icon :where(#ask-netlify-eyelid-left,#ask-netlify-eyelid-right){--n-ask-netlify-eyelid-color: var(--n-search-color-bg-2);animation:askEyeBlink 4s infinite;animation-delay:.2s}.n-search-link-icon :where(#ask-netlify-eyelid-left,#ask-netlify-eyelid-right){--n-ask-netlify-eyelid-color: var(--search-bg-color)}.n-search-link-title{font-weight:var(--font-weight-medium);color:var(--ntl-color-text);line-height:1.5}.n-search-link-excerpt{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--color-text-weak);line-height:1.3;font-size:.9em;margin-block-start:var(--space-3xs)}.n-search-link-excerpt mark{color:var(--mark-color, currentColor);background-color:var(--mark-bg, var(--ntl-color-highlight-bg))}.n-search-link-icon,.n-search-link-icon svg{display:flex;width:var(--n-search-icon-size);height:var(--n-search-icon-size);color:var(--n-search-color-icon)}.n-search-link-icon [data-icon=caretRight]{width:1em;opacity:0}.n-search-link-label{margin-inline-end:var(--space-3xs)}.n-search-link-badge{display:inline-block;width:max-content;font-size:.7em;padding:.1em .4em;position:relative;bottom:.3em;color:var(--n-search-link-badge-text-color, var(--color-disabled-text));background:var(--n-search-link-badge-color, var(--color-disabled-bg));border:1px solid var(--n-search-link-badge-border, var(--color-disabled-border));border-radius:3px}.n-search-link-badge[data-resource=blog]{--n-search-link-badge-color: var(--color-info-bg);--n-search-link-badge-text-color: var(--color-info-text);--n-search-link-badge-border: var(--color-info-border)}.n-search-link-badge[data-resource=changelog]{--n-search-link-badge-color: var(--color-warning-bg);--n-search-link-badge-text-color: var(--color-warning-text);--n-search-link-badge-border: var(--color-warning-border)}.n-search-link-badge[data-resource=guide]{--n-search-link-badge-color: var(--ntl-color-highlight-bg);--n-search-link-badge-text-color: var(--ntl-color-highlight-text);--n-search-link-badge-border: var(--ntl-color-highlight-border)}.n-search-link-badge[data-resource=knowledge-base]{--n-search-link-badge-color: var(--color-success-bg);--n-search-link-badge-text-color: var(--color-success-text);--n-search-link-badge-border: var(--color-success-border)}

package/dist/assets/SearchModal.css

@@ -1 +1 @@
-.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{--n-search-heading-weight: var(--font-weight-semibold, 400);--n-search-heading-size: var(--font-size-text-xs, 13px);--n-search-heading-color: var(--color-text-weak, #757575);font-size:var(--n-search-heading-size);font-weight:var(--n-search-heading-weight);font-family:var(--font-family-mono);color:var(--n-search-heading-color);padding-inline:var(--space-xs);margin-block:var(--space-xs);letter-spacing:.2px}.n-search-link{--n-search-icon-size: 1.25em;box-sizing:border-box;display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--space-s, 1rem);align-items:center;padding:var(--n-search-link-padding-block, 1em) var(--n-search-link-padding-inline, 1em);font-size:var(--font-size-text-sm);font-weight:var(--font-weight-regular);text-decoration:none;cursor:pointer;width:100%;border:none;text-align:left;outline:none;border-radius:var(--radius-l)}.n-search-link-body{flex:1;width:80%;color:var(--color-text-weak);text-wrap:pretty}.n-search-link:is(:hover,:focus-visible){background:var(--n-search-color-bg-2)}.n-search-link:is(:hover,:focus-visible) .n-search-link-icon [data-icon=caretRight]{opacity:1}.n-search-link:is(:hover,:focus-visible) .n-search-link-icon :where(#ask-netlify-eyelid-left,#ask-netlify-eyelid-right){--n-ask-netlify-eyelid-color: var(--n-search-color-bg-2);animation:askEyeBlink 4s infinite;animation-delay:.2s}.n-search-link-icon :where(#ask-netlify-eyelid-left,#ask-netlify-eyelid-right){--n-ask-netlify-eyelid-color: var(--search-bg-color)}.n-search-link-title{font-weight:var(--font-weight-medium);color:var(--ntl-color-text);line-height:1.5}.n-search-link-excerpt{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--color-text-weak);line-height:1.3;font-size:.9em;margin-block-start:var(--space-3xs)}.n-search-link-excerpt mark{color:var(--mark-color, currentColor);background-color:var(--mark-bg, var(--ntl-color-highlight-bg))}.n-search-link-icon,.n-search-link-icon svg{display:flex;width:var(--n-search-icon-size);height:var(--n-search-icon-size);color:var(--n-search-color-icon)}.n-search-link-icon [data-icon=caretRight]{width:1em;opacity:0}.n-search-link-label{margin-inline-end:var(--space-3xs)}.n-search-link-badge{display:inline-block;width:max-content;font-size:.7em;padding:.1em .4em;position:relative;bottom:.3em;color:var(--n-search-link-badge-text-color, var(--color-disabled-text));background:var(--n-search-link-badge-color, var(--color-disabled-bg));border:1px solid var(--n-search-link-badge-border, var(--color-disabled-border));border-radius:3px}.n-search-link-badge[data-resource=blog]{--n-search-link-badge-color: var(--color-info-bg);--n-search-link-badge-text-color: var(--color-info-text);--n-search-link-badge-border: var(--color-info-border)}.n-search-link-badge[data-resource=changelog]{--n-search-link-badge-color: var(--color-warning-bg);--n-search-link-badge-text-color: var(--color-warning-text);--n-search-link-badge-border: var(--color-warning-border)}.n-search-link-badge[data-resource=guide]{--n-search-link-badge-color: var(--ntl-color-highlight-bg);--n-search-link-badge-text-color: var(--ntl-color-highlight-text);--n-search-link-badge-border: var(--ntl-color-highlight-border)}.n-search-link-badge[data-resource=knowledge-base]{--n-search-link-badge-color: var(--color-success-bg);--n-search-link-badge-text-color: var(--color-success-text);--n-search-link-badge-border: var(--color-success-border)}.n-loader-dots-spinner{width:var(--n-loader-dot-w, 50px);aspect-ratio:1;--_c: no-repeat radial-gradient(farthest-side, var(--n-loader-dot-color, var(--teal-600)) 92%, #0000);background:var(--_c) top,var(--_c) left,var(--_c) right,var(--_c) bottom;background-size:12px 12px;animation:l7 1s infinite}@keyframes l7{to{transform:rotate(.5turn)}}.n-search-modal{--n-search-padding-inline: var(--space-s);--n-search-color-text: var(--ntl-color-text, currentColor);--n-search-color-text-secondary: var(--color-text-weak, currentColor);--n-search-color-icon: var(--search-icon-color);--n-search-color-bg: var(--search-bg-color);--n-search-color-bg-2: var(--ntl-color-bg-muted);--n-search-color-border: var(--ntl-color-border);--n-search-border-radius: 1.3rem;--n-search-max-w: 600px;--n-search-text-highlight: var(--search-highlight-color);--n-search-input-height: 50px;--n-search-footer-height: 40px;--n-search-container-height: min(50dvh, 26.5rem)}.n-search-modal{padding:0;border:none;border-radius:var(--n-search-border-radius);width:min(var(--n-search-max-w),100%);margin:auto;background:var(--n-search-color-bg);transition-delay:.2s}.n-search-modal[data-state=ask]{--n-search-max-w: 800px}.n-search-container{--mark-bg: var(--n-search-text-highlight);display:grid;width:min(var(--n-search-max-w),100%);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{position:relative;display:flex;width:100%;height:var(--n-search-input-height);align-items:center}.n-search-input{position:relative;display:inline-flex;box-sizing:border-box;background:transparent;inline-size:100%;padding-block:.75rem;padding-inline:var(--n-search-padding-inline);flex:1;border:none;outline:none;font-size:1rem;color:var(--ntl-color-text)}.n-search-input-clear{border:none;color:var(--n-search-color-text-secondary);font-size:var(--font-size-text-sm);margin-inline:var(--space-m);height:min-content;padding:0;outline-offset:.5rem;background:none;cursor:pointer}.n-search-input-wrapper:after,.n-search-footer:after{content:"";display:block;width:200%;height:1px;background:var(--n-search-color-border);position:absolute;bottom:0;left:0}.n-search-input::placeholder{color:var(--n-search-color-text-secondary)}.n-search-links{padding:var(--space-2xs);height:100%}.n-search-label{display:flex;padding-inline-start:var(--n-search-padding-inline);align-items:center}.n-results-list{padding-inline:0;padding-block-end:var(--space-2xs)}.n-results-info{font-family:var(--ntl-font-family-heading);font-size:var(--step--1);padding-inline:var(--space-xs)}.n-search-label>*{display:inline-block;margin:0}.n-search-icon{display:flex;width:var(--n-search-icon-size, 1em);height:var(--n-search-icon-size, 1em);color:var(--n-search-color-text-secondary)}.n-search-term{font-weight:var(--ntl-font-weight-bold);color:var(--n-search-color-text-secondary)}.n-search-window{height:var(--n-search-container-height);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scroll-padding-block:var(--space-s);margin-block:0;background:var(--n-search-color-bg)}.n-search-feedback{height:calc(100% - 70px);display:grid;place-content:center}.n-search-footer{position:relative;display:flex;gap:var(--space-m);padding:var(--space-2xs) var(--space-s);height:var(--n-search-footer-height)}.n-search-footer:after{top:0}.n-search-footer-tip{color:var(--n-search-color-text-secondary);display:flex;gap:var(--space-2xs);align-items:center;font-size:var(--font-size-text-sm)}.n-search-modal{transition:display .2s allow-discrete,overlay .2s allow-discrete,width .15s ease-in-out;animation:closeSearch .2s forwards}.n-search-modal[open]{animation:openSearch .2s forwards}.n-search-modal[data-state=search]>*{opacity:0;animation:appearContainer .12s ease-in-out forwards;animation-delay:.14s}@keyframes appearContainer{0%{opacity:0}to{opacity:1}}@keyframes openSearch{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes closeSearch{0%{opacity:1;transform:scale(1)}50%{opacity:.3}to{opacity:0;transform: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{--n-search-heading-weight: var(--font-weight-semibold, 400);--n-search-heading-size: var(--font-size-text-xs, 13px);--n-search-heading-color: var(--ntl-color-text-weaker, #757575);font-size:var(--n-search-heading-size);font-weight:var(--n-search-heading-weight);font-family:var(--font-family-mono);color:var(--n-search-heading-color);padding-inline:var(--space-xs);margin-block:var(--space-xs);letter-spacing:.2px}.n-search-link{--n-search-icon-size: 1.25em;box-sizing:border-box;display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--space-s, 1rem);align-items:center;padding:var(--n-search-link-padding-block, 1em) var(--n-search-link-padding-inline, 1em);font-size:var(--font-size-text-sm);font-weight:var(--font-weight-regular);text-decoration:none;cursor:pointer;width:100%;border:none;text-align:left;outline:none;color:inherit;background:none;border-radius:var(--radius-l)}.n-search-link-body{flex:1;width:80%;color:var(--color-text-weak);text-wrap:pretty}.n-search-link:is(:hover,:focus-visible){background:var(--n-search-color-bg-2)}.n-search-link:is(:hover,:focus-visible) .n-search-link-icon [data-icon=caretRight]{opacity:1}.n-search-link:is(:hover,:focus-visible) .n-search-link-icon :where(#ask-netlify-eyelid-left,#ask-netlify-eyelid-right){--n-ask-netlify-eyelid-color: var(--n-search-color-bg-2);animation:askEyeBlink 4s infinite;animation-delay:.2s}.n-search-link-icon :where(#ask-netlify-eyelid-left,#ask-netlify-eyelid-right){--n-ask-netlify-eyelid-color: var(--search-bg-color)}.n-search-link-title{font-weight:var(--font-weight-medium);color:var(--ntl-color-text);line-height:1.5}.n-search-link-excerpt{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--color-text-weak);line-height:1.3;font-size:.9em;margin-block-start:var(--space-3xs)}.n-search-link-excerpt mark{color:var(--mark-color, currentColor);background-color:var(--mark-bg, var(--ntl-color-highlight-bg))}.n-search-link-icon,.n-search-link-icon svg{display:flex;width:var(--n-search-icon-size);height:var(--n-search-icon-size);color:var(--n-search-color-icon)}.n-search-link-icon [data-icon=caretRight]{width:1em;opacity:0}.n-search-link-label{margin-inline-end:var(--space-3xs)}.n-search-link-badge{display:inline-block;width:max-content;font-size:.7em;padding:.1em .4em;position:relative;bottom:.3em;color:var(--n-search-link-badge-text-color, var(--color-disabled-text));background:var(--n-search-link-badge-color, var(--color-disabled-bg));border:1px solid var(--n-search-link-badge-border, var(--color-disabled-border));border-radius:3px}.n-search-link-badge[data-resource=blog]{--n-search-link-badge-color: var(--color-info-bg);--n-search-link-badge-text-color: var(--color-info-text);--n-search-link-badge-border: var(--color-info-border)}.n-search-link-badge[data-resource=changelog]{--n-search-link-badge-color: var(--color-warning-bg);--n-search-link-badge-text-color: var(--color-warning-text);--n-search-link-badge-border: var(--color-warning-border)}.n-search-link-badge[data-resource=guide]{--n-search-link-badge-color: var(--ntl-color-highlight-bg);--n-search-link-badge-text-color: var(--ntl-color-highlight-text);--n-search-link-badge-border: var(--ntl-color-highlight-border)}.n-search-link-badge[data-resource=knowledge-base]{--n-search-link-badge-color: var(--color-success-bg);--n-search-link-badge-text-color: var(--color-success-text);--n-search-link-badge-border: var(--color-success-border)}.n-loader-dots-spinner{width:var(--n-loader-dot-w, 50px);aspect-ratio:1;--_c: no-repeat radial-gradient(farthest-side, var(--n-loader-dot-color, var(--teal-600)) 92%, #0000);background:var(--_c) top,var(--_c) left,var(--_c) right,var(--_c) bottom;background-size:12px 12px;animation:l7 1s infinite}@keyframes l7{to{transform:rotate(.5turn)}}.n-search-modal{--n-search-padding-inline: var(--space-s);--n-search-color-text: var(--ntl-color-text, currentColor);--n-search-color-text-secondary: var(--color-text-weak, currentColor);--n-search-color-icon: var(--search-icon-color);--n-search-color-bg: var(--search-bg-color);--n-search-color-bg-2: color-mix( in oklab, var(--n-search-color-text) 6%, var(--n-search-color-bg) );--n-search-color-border: var(--ntl-color-border);--n-search-border-radius: 1.3rem;--n-search-max-w: 600px;--n-search-text-highlight: var(--search-highlight-color);--n-search-input-height: 50px;--n-search-footer-height: 40px;--n-search-list-height: min(50dvh, 26.5rem);--n-search-ask-height: min(70dvh, 40rem);--n-search-container-height: var(--n-search-list-height)}.n-search-modal{padding:0;border:none;border-radius:var(--n-search-border-radius);width:min(var(--n-search-max-w),100%);margin:auto;color:var(--n-search-color-text);background:var(--n-search-color-bg);box-shadow:inset 0 0 0 var(--ntl-border-width-thin) var(--n-search-color-border),var(--ntl-shadow-l);transition-delay:.2s}.n-search-modal[data-state=ask]{--n-search-max-w: 800px;--n-search-container-height: var(--n-search-ask-height)}.n-search-container{--mark-bg: var(--n-search-text-highlight);display:grid;width:min(var(--n-search-max-w),100%);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{position:relative;display:flex;width:100%;height:var(--n-search-input-height);align-items:center}.n-search-input{position:relative;display:inline-flex;box-sizing:border-box;background:transparent;inline-size:100%;padding-block:.75rem;padding-inline:var(--n-search-padding-inline);flex:1;border:none;outline:none;font-size:1rem;color:var(--ntl-color-text)}.n-search-input-clear{border:none;color:var(--n-search-color-text-secondary);font-size:var(--font-size-text-sm);margin-inline:var(--space-m);height:min-content;padding:0;outline-offset:.5rem;background:none;cursor:pointer}.n-search-input-wrapper:after,.n-search-footer:after{content:"";display:block;width:200%;height:1px;background:var(--n-search-color-border);position:absolute;bottom:0;left:0}.n-search-input::placeholder{color:var(--n-search-color-text-secondary)}.n-search-links{padding:var(--space-2xs);height:100%}.n-search-label{display:flex;padding-inline-start:var(--n-search-padding-inline);align-items:center}.n-results-list{padding-inline:0;padding-block-end:var(--space-2xs)}.n-results-info{font-family:var(--ntl-font-family-heading);font-size:var(--step--1);padding-inline:var(--space-xs)}.n-search-label>*{display:inline-block;margin:0}.n-search-icon{display:flex;width:var(--n-search-icon-size, 1em);height:var(--n-search-icon-size, 1em);color:var(--n-search-color-text-secondary)}.n-search-term{font-weight:var(--ntl-font-weight-bold);color:var(--n-search-color-text-secondary)}.n-search-window{height:var(--n-search-container-height);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scroll-padding-block:var(--space-s);scrollbar-color:var(--n-search-color-border) transparent;margin-block:0;background:var(--n-search-color-bg)}.n-search-feedback{height:calc(100% - 70px);display:grid;place-content:center}.n-search-footer{position:relative;display:flex;gap:var(--space-m);padding:var(--space-2xs) var(--space-s);height:var(--n-search-footer-height)}.n-search-footer:after{top:0}.n-search-footer-tip{color:var(--n-search-color-text-secondary);display:flex;gap:var(--space-2xs);align-items:center;font-size:var(--font-size-text-sm)}.n-search-modal{transition:display .2s allow-discrete,overlay .2s allow-discrete,width .15s ease-in-out;animation:closeSearch .2s forwards}.n-search-modal[open]{animation:openSearch .2s forwards}.n-search-modal[data-state=search]>*{opacity:0;animation:appearContainer .12s ease-in-out forwards;animation-delay:.14s}@keyframes appearContainer{0%{opacity:0}to{opacity:1}}@keyframes openSearch{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes closeSearch{0%{opacity:1;transform:scale(1)}50%{opacity:.3}to{opacity:0;transform: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/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@netlify/spark-ui",
   "description": "Assets, design tokens, components, and utilities",
-  "version": "2.4.1",
+  "version": "2.4.3",
   "type": "module",
   "main": "dist/components/preact/index.js",
   "types": "dist/components/preact/index.d.ts",

package/packages/assets/logos/index.test.ts

@@ -1,16 +1,31 @@
+import { readFileSync } from 'node:fs';
 import { describe, expect, it } from 'vitest';
+import type { LogoFormat } from '../../utils/types';
 import { LOGOS, LOGO_COLORS, LOGO_FORMATS, LOGO_VARIANTS } from './index';
 
 const URL_PATTERN = /^(\/|data:image\/)/;
 
-const FILES = LOGO_VARIANTS.flatMap(variant =>
+const ENTRIES = LOGO_VARIANTS.flatMap(variant =>
   LOGO_COLORS.flatMap(color =>
-    LOGO_FORMATS.map(format => [`${variant}.${color}.${format}`, LOGOS[variant][color][format].src])
+    LOGO_FORMATS.map(format => [`${variant}.${color}.${format}`, LOGOS[variant][color][format], format] as const)
   )
 );
 
+const READ_SIZE: Record<LogoFormat, (file: Buffer) => { width: number; height: number }> = {
+  svg: file => {
+    const [, width, height] = file.toString().match(/<svg[^>]*\swidth="(\d+)"[^>]*\sheight="(\d+)"/) ?? [];
+    return { width: Number(width), height: Number(height) };
+  },
+  png: file => ({ width: file.readUInt32BE(16), height: file.readUInt32BE(20) }),
+};
+
 describe('LOGOS', () => {
-  it.each(FILES)('%s resolves to a URL', (_key, src) => {
-    expect(src).toMatch(URL_PATTERN);
+  it.each(ENTRIES)('%s resolves to a URL', (_key, asset) => {
+    expect(asset.src).toMatch(URL_PATTERN);
+  });
+
+  it.each(ENTRIES)('%s declares the size of the file on disk', (_key, asset, format) => {
+    const file = readFileSync(new URL(`./${asset.fileName}`, import.meta.url));
+    expect(READ_SIZE[format](file)).toEqual({ width: asset.width, height: asset.height });
   });
 });

package/packages/assets/logos/index.ts

@@ -29,7 +29,7 @@ export type {
 } from '../../utils/types';
 
 const LOGO_SIZES: Record<LogoVariant, Record<LogoFormat, Pick<AssetFile, 'width' | 'height'>>> = {
-  full: { svg: { width: 583, height: 152 }, png: { width: 2701, height: 701 } },
+  full: { svg: { width: 592, height: 152 }, png: { width: 2731, height: 701 } },
   monogram: { svg: { width: 365, height: 361 }, png: { width: 719, height: 711 } },
 };
 

package/packages/assets/logos/logo-netlify-full-black.svg

@@ -1,4 +1,4 @@
-<svg width="583" height="152" viewBox="0 0 583 152" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M46.5567 81.2217C46.5567 79.0651 49.1543 77.9965 50.6739 79.5157L89.6924 118.534C91.1039 119.956 91.104 122.25 89.6924 123.661L73.1729 140.18C71.7612 141.591 69.4674 141.591 68.0557 140.18L47.6153 119.739C46.939 119.063 46.5567 118.141 46.5567 117.181V81.2217ZM119.015 49.5879C120.299 49.1958 121.681 49.5386 122.632 50.4893L140.181 68.0381C141.592 69.4597 141.592 71.7534 140.181 73.1651L122.632 90.7129C121.691 91.6541 120.289 92.0074 119.015 91.6153L57.7031 72.92C55.4194 72.2237 55.4195 68.9991 57.7031 68.3028L119.015 49.6075V49.5879ZM17.5781 51.5274C18.9899 50.116 21.2837 50.1158 22.6953 51.5274L39.2139 68.0469C40.6255 69.4586 40.6256 71.7524 39.2139 73.1641L22.6953 89.6827C21.2837 91.0943 18.9899 91.0942 17.5781 89.6827L1.05862 73.1641C-0.352982 71.7525 -0.352763 69.4587 1.05862 68.0469L17.5781 51.5274ZM68.0557 1.05863C69.4673 -0.352957 71.7612 -0.352799 73.1729 1.05863L89.6924 17.5782C91.1039 18.9997 91.104 21.2935 89.6924 22.7051L50.6739 61.7227C49.1544 63.2422 46.557 62.1643 46.5567 60.0176V24.0577C46.5567 23.097 46.9291 22.1852 47.6153 21.4991L68.0557 1.05863Z" fill="black"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M537.698 151.135C539.131 151.135 540.051 150.517 540.594 149.19L582.651 46.3761C583.36 44.6269 582.591 43.4655 580.706 43.4655H562.64C561.177 43.4655 560.258 44.1144 559.805 45.5169L544.122 92.3089C543.368 94.5709 541.634 94.5709 540.895 92.3089L525.348 45.5316C524.881 44.1442 523.976 43.4809 522.513 43.4809H492.78C491.152 43.4809 490.277 42.6061 490.277 40.9775V40.3295C490.277 36.3334 491.166 33.2717 492.961 31.1757C494.861 28.9589 497.59 27.8586 501.164 27.8586C502.959 27.8586 504.587 28.1751 506.065 28.8084C506.563 28.9894 507.045 29.1852 507.498 29.4114C509.066 30.1654 510.182 29.894 510.77 28.2503L514.465 17.7099C514.962 16.2774 514.6 15.131 513.258 14.4223C508.719 12.0246 503.366 10.8335 497.229 10.8335C492.177 10.8335 487.547 11.8284 483.34 13.834C479.239 15.8396 475.921 18.8862 473.387 22.9878C470.869 27.0895 469.602 32.2014 469.602 38.2936V40.9929C469.602 42.6215 468.728 43.4957 467.099 43.4957H460.736C459.107 43.4957 458.232 44.3705 458.232 45.9991V57.7316C458.232 59.3602 459.107 60.2343 460.736 60.2343H467.099C468.728 60.2343 469.602 61.1092 469.602 62.7378V118.668C469.602 120.297 470.477 121.172 472.106 121.172H488.407C490.035 121.172 490.91 120.297 490.91 118.668V62.7378C490.91 61.1092 491.785 60.2343 493.413 60.2343H505.684C507.132 60.2343 508.037 60.853 508.565 62.1951L530.46 117.281C530.943 118.487 530.913 119.453 530.385 120.629L518.064 148.24C517.28 149.989 518.064 151.165 519.965 151.165H537.698V151.135ZM189.712 121.141C191.341 121.141 192.215 120.267 192.215 118.638V52.8307C192.215 50.3123 194.025 49.86 195.201 52.0767L231.045 119.347C231.694 120.584 232.614 121.126 234.016 121.126H256.183C257.812 121.126 258.687 120.252 258.687 118.623V22.2788C258.687 20.6502 257.812 19.7753 256.183 19.7753H240.199C238.57 19.7753 237.695 20.6502 237.695 22.2788V86.4427C237.695 88.961 235.871 89.3987 234.71 87.1819L200.268 21.5704C199.619 20.3339 198.699 19.7753 197.312 19.7753H173.742C172.114 19.7753 171.239 20.6502 171.239 22.2788V118.623C171.239 120.252 172.114 121.126 173.742 121.126H189.727L189.712 121.141ZM335.937 112.154C337.098 111.053 337.083 109.786 335.982 108.61L327.749 99.9246C326.618 98.7333 325.426 98.7785 324.205 99.8944C319.983 103.74 314.841 105.669 308.794 105.669C302.747 105.669 298.057 104.252 294.589 101.402C291.784 99.0198 289.718 95.9135 288.436 92.0681C287.863 90.3641 288.768 89.2326 290.562 89.2326H341.275C342.859 89.2326 343.779 88.4182 343.869 86.8499C343.96 85.1308 344.005 83.0802 344.005 80.7127C344.005 72.826 342.316 65.9195 338.953 60.0384C335.696 54.1423 331.172 49.6184 325.381 46.4667C319.591 43.2095 313.121 41.5658 305.958 41.5658C298.177 41.5658 291.165 43.4057 284.968 47.0852C278.86 50.6591 274.125 55.5596 270.763 61.7725C267.4 67.9853 265.711 74.8162 265.711 82.2958C265.711 89.7753 267.445 96.6069 270.913 102.82C274.381 109.033 279.282 113.918 285.601 117.507C291.919 121.081 299.173 122.876 307.391 122.876C318.912 122.876 328.427 119.302 335.967 112.154H335.937ZM293.322 62.5721C296.473 59.526 300.741 57.9878 306.109 57.9878C309.367 57.9878 312.322 58.7263 314.946 60.2041C317.57 61.5764 319.681 63.5218 321.265 66.0401C322.396 67.7743 323.119 69.7046 323.436 71.8158C323.692 73.4595 322.697 74.4091 321.023 74.4091H290.291C288.526 74.4091 287.607 73.3387 288.074 71.6347C289.099 67.9703 290.834 64.9396 293.292 62.5721H293.322ZM374.693 121.141C376.322 121.141 377.197 120.267 377.197 118.638V62.7076C377.197 61.079 378.071 60.2041 379.7 60.2041H390.633C392.261 60.2041 393.136 59.33 393.136 57.7014V45.9689C393.136 44.3403 392.261 43.4655 390.633 43.4655H379.7C378.071 43.4655 377.197 42.5914 377.197 40.9627V23.6358C377.197 21.9016 376.201 21.0575 374.497 21.3591L358.166 24.149C356.643 24.4054 355.889 25.3102 355.889 26.8483V40.9775C355.889 42.6061 355.014 43.4809 353.386 43.4809H347.022C345.393 43.4809 344.519 44.3558 344.519 45.9844V57.7161C344.519 59.3447 345.393 60.2196 347.022 60.2196H353.386C355.014 60.2196 355.889 61.0937 355.889 62.7223V118.653C355.889 120.282 356.764 121.156 358.392 121.156H374.693V121.141ZM417.577 121.141C419.206 121.141 420.08 120.267 420.08 118.638V15.191C420.08 13.5624 419.206 12.6883 417.577 12.6883H401.427C399.798 12.6883 398.924 13.5624 398.924 15.191V118.638C398.924 120.267 399.798 121.141 401.427 121.141H417.577ZM449.006 121.141C450.635 121.141 451.51 120.267 451.51 118.638V45.9689C451.51 44.3403 450.635 43.4655 449.006 43.4655H432.856C431.227 43.4655 430.353 44.3403 430.353 45.9689V118.638C430.353 120.267 431.227 121.141 432.856 121.141H449.006ZM430.956 14.8744V30.2258C430.956 31.5377 432.027 32.6085 433.338 32.6085H448.69C450.001 32.6085 451.072 31.5377 451.072 30.2258V14.8744C451.072 13.5625 450.001 12.4924 448.69 12.4924H433.338C432.027 12.4924 430.956 13.5625 430.956 14.8744Z" fill="black"/>
+<svg width="592" height="152" viewBox="0 0 592 152" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M 58.175 73.598 l 61.094 18.566 c 2.063 0.633 3.333 0.316 4.603 -0.954 l 17.456 -17.296 c 1.587 -1.426 1.587 -3.966 0 -5.397 l -17.456 -17.296 c -1.27 -1.27 -2.54 -1.587 -4.603 -0.954 l -61.094 18.566 c -2.54 0.793 -2.54 3.966 0 4.76 Z M 47.225 81.851 l -0.16 33.005 c 0 3.333 0.633 5.076 2.22 6.663 l 19.519 19.675 c 1.587 1.587 3.49 1.587 4.92 0 l 16.819 -16.819 c 1.587 -1.587 1.587 -3.333 0 -4.92 l -39.195 -39.195 c -1.747 -1.747 -4.127 -0.793 -4.127 1.587 Z M 47.225 60.585 c -0.16 2.38 2.38 3.333 4.127 1.587 l 39.195 -39.195 c 1.587 -1.587 1.587 -3.49 0 -4.92 l -16.819 -16.979 c -1.426 -1.426 -3.333 -1.426 -4.92 0 l -19.519 19.675 c -1.587 1.587 -2.22 2.857 -2.22 4.92 l 0.16 34.912 Z M 22.946 90.417 c -1.587 1.587 -3.333 1.587 -4.92 0 l -16.819 -16.819 c -1.587 -1.426 -1.587 -3.333 0 -4.92 l 16.819 -16.819 c 1.587 -1.587 3.333 -1.587 4.92 0 l 16.819 16.819 c 1.587 1.587 1.587 3.49 0 4.92 l -16.819 16.819 Z" fill="black"/>
+<path d="M 290.01 74.552 c 1.747 -8.726 7.46 -15.869 18.726 -15.869 9.679 0 17.139 6.663 17.612 15.869 h -36.338 Z M 268.111 82.801 c 0 22.532 16.502 40.781 41.891 40.781 12.059 0 22.216 -4.283 28.085 -10.156 1.587 -1.587 1.27 -3.333 0 -4.76 l -6.983 -7.616 c -1.426 -1.587 -3.173 -1.426 -4.76 0 -3.966 3.65 -8.886 5.236 -14.916 5.236 -12.696 0 -19.043 -6.823 -21.262 -16.502 h 52.524 c 2.22 0 3.333 -1.11 3.81 -3.173 0.316 -1.903 0.316 -3.65 0.316 -5.397 0 -24.279 -16.819 -39.355 -38.241 -39.355 -24.119 0 -40.465 18.249 -40.465 40.942 Z M 483.127 43.766 v -11.266 c 0 -13.646 9.363 -19.675 19.836 -19.675 h 15.869 c 2.063 0 3.49 1.426 4.127 3.49 l 3.173 9.519 c 0.633 2.063 -0.793 4.127 -3.017 4.127 h -16.663 c -1.587 0 -2.54 0.954 -2.54 2.54 v 11.266 h 25.389 c 2.22 0 3.81 0.793 4.603 3.173 l 16.819 46.018 c 0.633 1.587 2.38 1.587 2.857 0 l 14.916 -46.018 c 0.793 -2.38 2.38 -3.173 4.603 -3.173 h 15.709 c 2.22 0 3.65 1.426 2.857 3.49 l -40.621 101.555 c -0.954 2.38 -2.22 3.173 -4.283 3.173 h -15.709 c -2.22 0 -3.65 -1.426 -2.857 -3.49 l 11.106 -26.975 c 0.633 -1.426 0.793 -2.54 0.16 -3.966 l -22.055 -54.744 c -0.633 -1.747 -1.747 -2.22 -3.333 -2.22 h -9.519 v 57.761 c 0 2.22 -1.27 3.49 -3.49 3.49 h -14.439 c -2.22 0 -3.49 -1.27 -3.49 -3.49 v -57.761 h -9.203 c -2.22 0 -3.49 -1.27 -3.49 -3.49 v -9.84 c 0 -2.22 1.27 -3.49 3.49 -3.49 h 9.203 Z M 360.783 27.897 v 15.869 h -9.203 c -2.22 0 -3.49 1.27 -3.49 3.49 v 9.84 c 0 2.22 1.27 3.49 3.49 3.49 h 9.203 v 57.761 c 0 2.22 1.27 3.49 3.49 3.49 h 14.439 c 2.22 0 3.49 -1.27 3.49 -3.49 v -57.761 h 12.853 c 2.22 0 3.49 -1.27 3.49 -3.49 v -9.84 c 0 -2.22 -1.27 -3.49 -3.49 -3.49 h -12.853 v -18.566 c 0 -2.063 -1.27 -3.81 -3.49 -3.49 l -14.439 2.38 c -2.22 0.316 -3.49 1.747 -3.49 3.81 Z M 462.654 16.314 c 0 -2.22 -1.27 -3.49 -3.49 -3.49 h -14.439 c -2.22 0 -3.49 1.27 -3.49 3.49 v 13.49 c 0 2.22 1.27 3.49 3.49 3.49 h 14.439 c 2.22 0 3.49 -1.27 3.49 -3.49 v -13.49 Z M 462.654 47.256 c 0 -2.22 -1.27 -3.49 -3.49 -3.49 h -14.439 c -2.22 0 -3.49 1.27 -3.49 3.49 v 71.09 c 0 2.22 1.27 3.49 3.49 3.49 h 14.439 c 2.22 0 3.49 -1.27 3.49 -3.49 v -71.09 Z M 427.747 16.314 c 0 -2.22 -1.27 -3.49 -3.49 -3.49 h -14.439 c -2.22 0 -3.49 1.27 -3.49 3.49 v 102.031 c 0 2.22 1.27 3.49 3.49 3.49 h 14.439 c 2.22 0 3.49 -1.27 3.49 -3.49 v -102.031 Z M 175.759 121.839 h 14.123 c 2.22 0 3.49 -1.27 3.49 -3.49 v -65.216 c 0 -1.903 2.063 -2.22 2.857 -0.633 l 35.545 66.17 c 1.11 2.22 2.38 3.173 4.603 3.173 h 20.313 c 2.22 0 3.49 -1.27 3.49 -3.49 v -94.892 c 0 -2.22 -1.27 -3.49 -3.49 -3.49 h -14.123 c -2.22 0 -3.49 1.27 -3.49 3.49 v 63.63 c 0 1.903 -2.063 2.22 -2.857 0.633 l -34.119 -64.583 c -1.11 -2.22 -2.38 -3.173 -4.603 -3.173 h -21.739 c -2.22 0 -3.49 1.27 -3.49 3.49 v 94.892 c 0 2.22 1.27 3.49 3.49 3.49 Z" fill="black"/>
 </svg>

package/packages/assets/logos/logo-netlify-full-darkmode.svg

@@ -1,4 +1,4 @@
-<svg width="583" height="152" viewBox="0 0 583 152" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M46.5567 81.2217C46.5567 79.0651 49.1543 77.9965 50.6739 79.5157L89.6924 118.534C91.1039 119.956 91.104 122.25 89.6924 123.661L73.1729 140.18C71.7612 141.591 69.4674 141.591 68.0557 140.18L47.6153 119.739C46.939 119.063 46.5567 118.141 46.5567 117.181V81.2217ZM119.015 49.5879C120.299 49.1958 121.681 49.5386 122.632 50.4893L140.181 68.0381C141.592 69.4597 141.592 71.7534 140.181 73.1651L122.632 90.7129C121.691 91.6541 120.289 92.0074 119.015 91.6153L57.7031 72.92C55.4194 72.2237 55.4195 68.9991 57.7031 68.3028L119.015 49.6075V49.5879ZM17.5781 51.5274C18.9899 50.116 21.2837 50.1158 22.6953 51.5274L39.2139 68.0469C40.6255 69.4586 40.6256 71.7524 39.2139 73.1641L22.6953 89.6827C21.2837 91.0943 18.9899 91.0942 17.5781 89.6827L1.05862 73.1641C-0.352982 71.7525 -0.352763 69.4587 1.05862 68.0469L17.5781 51.5274ZM68.0557 1.05863C69.4673 -0.352957 71.7612 -0.352799 73.1729 1.05863L89.6924 17.5782C91.1039 18.9997 91.104 21.2935 89.6924 22.7051L50.6739 61.7227C49.1544 63.2422 46.557 62.1643 46.5567 60.0176V24.0577C46.5567 23.097 46.9291 22.1852 47.6153 21.4991L68.0557 1.05863Z" fill="white"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M537.698 151.135C539.131 151.135 540.051 150.517 540.594 149.19L582.651 46.3761C583.36 44.6269 582.591 43.4655 580.706 43.4655H562.64C561.177 43.4655 560.258 44.1144 559.805 45.5169L544.122 92.3089C543.368 94.5709 541.634 94.5709 540.895 92.3089L525.348 45.5316C524.881 44.1442 523.976 43.4809 522.513 43.4809H492.78C491.152 43.4809 490.277 42.6061 490.277 40.9775V40.3295C490.277 36.3334 491.166 33.2717 492.961 31.1757C494.861 28.9589 497.59 27.8586 501.164 27.8586C502.959 27.8586 504.587 28.1751 506.065 28.8084C506.563 28.9894 507.045 29.1852 507.498 29.4114C509.066 30.1654 510.182 29.894 510.77 28.2503L514.465 17.7099C514.962 16.2774 514.6 15.131 513.258 14.4223C508.719 12.0246 503.366 10.8335 497.229 10.8335C492.177 10.8335 487.547 11.8284 483.34 13.834C479.239 15.8396 475.921 18.8862 473.387 22.9878C470.869 27.0895 469.602 32.2014 469.602 38.2936V40.9929C469.602 42.6215 468.728 43.4957 467.099 43.4957H460.736C459.107 43.4957 458.232 44.3705 458.232 45.9991V57.7316C458.232 59.3602 459.107 60.2343 460.736 60.2343H467.099C468.728 60.2343 469.602 61.1092 469.602 62.7378V118.668C469.602 120.297 470.477 121.172 472.106 121.172H488.407C490.035 121.172 490.91 120.297 490.91 118.668V62.7378C490.91 61.1092 491.785 60.2343 493.413 60.2343H505.684C507.132 60.2343 508.037 60.853 508.565 62.1951L530.46 117.281C530.943 118.487 530.913 119.453 530.385 120.629L518.064 148.24C517.28 149.989 518.064 151.165 519.965 151.165H537.698V151.135ZM189.712 121.141C191.341 121.141 192.215 120.267 192.215 118.638V52.8307C192.215 50.3123 194.025 49.86 195.201 52.0767L231.045 119.347C231.694 120.584 232.614 121.126 234.016 121.126H256.183C257.812 121.126 258.687 120.252 258.687 118.623V22.2788C258.687 20.6502 257.812 19.7753 256.183 19.7753H240.199C238.57 19.7753 237.695 20.6502 237.695 22.2788V86.4427C237.695 88.961 235.871 89.3987 234.71 87.1819L200.268 21.5704C199.619 20.3339 198.699 19.7753 197.312 19.7753H173.742C172.114 19.7753 171.239 20.6502 171.239 22.2788V118.623C171.239 120.252 172.114 121.126 173.742 121.126H189.727L189.712 121.141ZM335.937 112.154C337.098 111.053 337.083 109.786 335.982 108.61L327.749 99.9246C326.618 98.7333 325.426 98.7785 324.205 99.8944C319.983 103.74 314.841 105.669 308.794 105.669C302.747 105.669 298.057 104.252 294.589 101.402C291.784 99.0198 289.718 95.9135 288.436 92.0681C287.863 90.3641 288.768 89.2326 290.562 89.2326H341.275C342.859 89.2326 343.779 88.4182 343.869 86.8499C343.96 85.1308 344.005 83.0802 344.005 80.7127C344.005 72.826 342.316 65.9195 338.953 60.0384C335.696 54.1423 331.172 49.6184 325.381 46.4667C319.591 43.2095 313.121 41.5658 305.958 41.5658C298.177 41.5658 291.165 43.4057 284.968 47.0852C278.86 50.6591 274.125 55.5596 270.763 61.7725C267.4 67.9853 265.711 74.8162 265.711 82.2958C265.711 89.7753 267.445 96.6069 270.913 102.82C274.381 109.033 279.282 113.918 285.601 117.507C291.919 121.081 299.173 122.876 307.391 122.876C318.912 122.876 328.427 119.302 335.967 112.154H335.937ZM293.322 62.5721C296.473 59.526 300.741 57.9878 306.109 57.9878C309.367 57.9878 312.322 58.7263 314.946 60.2041C317.57 61.5764 319.681 63.5218 321.265 66.0401C322.396 67.7743 323.119 69.7046 323.436 71.8158C323.692 73.4595 322.697 74.4091 321.023 74.4091H290.291C288.526 74.4091 287.607 73.3387 288.074 71.6347C289.099 67.9703 290.834 64.9396 293.292 62.5721H293.322ZM374.693 121.141C376.322 121.141 377.197 120.267 377.197 118.638V62.7076C377.197 61.079 378.071 60.2041 379.7 60.2041H390.633C392.261 60.2041 393.136 59.33 393.136 57.7014V45.9689C393.136 44.3403 392.261 43.4655 390.633 43.4655H379.7C378.071 43.4655 377.197 42.5914 377.197 40.9627V23.6358C377.197 21.9016 376.201 21.0575 374.497 21.3591L358.166 24.149C356.643 24.4054 355.889 25.3102 355.889 26.8483V40.9775C355.889 42.6061 355.014 43.4809 353.386 43.4809H347.022C345.393 43.4809 344.519 44.3558 344.519 45.9844V57.7161C344.519 59.3447 345.393 60.2196 347.022 60.2196H353.386C355.014 60.2196 355.889 61.0937 355.889 62.7223V118.653C355.889 120.282 356.764 121.156 358.392 121.156H374.693V121.141ZM417.577 121.141C419.206 121.141 420.08 120.267 420.08 118.638V15.191C420.08 13.5624 419.206 12.6883 417.577 12.6883H401.427C399.798 12.6883 398.924 13.5624 398.924 15.191V118.638C398.924 120.267 399.798 121.141 401.427 121.141H417.577ZM449.006 121.141C450.635 121.141 451.51 120.267 451.51 118.638V45.9689C451.51 44.3403 450.635 43.4655 449.006 43.4655H432.856C431.227 43.4655 430.353 44.3403 430.353 45.9689V118.638C430.353 120.267 431.227 121.141 432.856 121.141H449.006ZM430.956 14.8744V30.2258C430.956 31.5377 432.027 32.6085 433.338 32.6085H448.69C450.001 32.6085 451.072 31.5377 451.072 30.2258V14.8744C451.072 13.5625 450.001 12.4924 448.69 12.4924H433.338C432.027 12.4924 430.956 13.5625 430.956 14.8744Z" fill="white"/>
+<svg width="592" height="152" viewBox="0 0 592 152" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M 58.175 73.598 l 61.094 18.566 c 2.063 0.633 3.333 0.316 4.603 -0.954 l 17.456 -17.296 c 1.587 -1.426 1.587 -3.966 0 -5.397 l -17.456 -17.296 c -1.27 -1.27 -2.54 -1.587 -4.603 -0.954 l -61.094 18.566 c -2.54 0.793 -2.54 3.966 0 4.76 Z M 47.225 81.851 l -0.16 33.005 c 0 3.333 0.633 5.076 2.22 6.663 l 19.519 19.675 c 1.587 1.587 3.49 1.587 4.92 0 l 16.819 -16.819 c 1.587 -1.587 1.587 -3.333 0 -4.92 l -39.195 -39.195 c -1.747 -1.747 -4.127 -0.793 -4.127 1.587 Z M 47.225 60.585 c -0.16 2.38 2.38 3.333 4.127 1.587 l 39.195 -39.195 c 1.587 -1.587 1.587 -3.49 0 -4.92 l -16.819 -16.979 c -1.426 -1.426 -3.333 -1.426 -4.92 0 l -19.519 19.675 c -1.587 1.587 -2.22 2.857 -2.22 4.92 l 0.16 34.912 Z M 22.946 90.417 c -1.587 1.587 -3.333 1.587 -4.92 0 l -16.819 -16.819 c -1.587 -1.426 -1.587 -3.333 0 -4.92 l 16.819 -16.819 c 1.587 -1.587 3.333 -1.587 4.92 0 l 16.819 16.819 c 1.587 1.587 1.587 3.49 0 4.92 l -16.819 16.819 Z" fill="white"/>
+<path d="M 290.01 74.552 c 1.747 -8.726 7.46 -15.869 18.726 -15.869 9.679 0 17.139 6.663 17.612 15.869 h -36.338 Z M 268.111 82.801 c 0 22.532 16.502 40.781 41.891 40.781 12.059 0 22.216 -4.283 28.085 -10.156 1.587 -1.587 1.27 -3.333 0 -4.76 l -6.983 -7.616 c -1.426 -1.587 -3.173 -1.426 -4.76 0 -3.966 3.65 -8.886 5.236 -14.916 5.236 -12.696 0 -19.043 -6.823 -21.262 -16.502 h 52.524 c 2.22 0 3.333 -1.11 3.81 -3.173 0.316 -1.903 0.316 -3.65 0.316 -5.397 0 -24.279 -16.819 -39.355 -38.241 -39.355 -24.119 0 -40.465 18.249 -40.465 40.942 Z M 483.127 43.766 v -11.266 c 0 -13.646 9.363 -19.675 19.836 -19.675 h 15.869 c 2.063 0 3.49 1.426 4.127 3.49 l 3.173 9.519 c 0.633 2.063 -0.793 4.127 -3.017 4.127 h -16.663 c -1.587 0 -2.54 0.954 -2.54 2.54 v 11.266 h 25.389 c 2.22 0 3.81 0.793 4.603 3.173 l 16.819 46.018 c 0.633 1.587 2.38 1.587 2.857 0 l 14.916 -46.018 c 0.793 -2.38 2.38 -3.173 4.603 -3.173 h 15.709 c 2.22 0 3.65 1.426 2.857 3.49 l -40.621 101.555 c -0.954 2.38 -2.22 3.173 -4.283 3.173 h -15.709 c -2.22 0 -3.65 -1.426 -2.857 -3.49 l 11.106 -26.975 c 0.633 -1.426 0.793 -2.54 0.16 -3.966 l -22.055 -54.744 c -0.633 -1.747 -1.747 -2.22 -3.333 -2.22 h -9.519 v 57.761 c 0 2.22 -1.27 3.49 -3.49 3.49 h -14.439 c -2.22 0 -3.49 -1.27 -3.49 -3.49 v -57.761 h -9.203 c -2.22 0 -3.49 -1.27 -3.49 -3.49 v -9.84 c 0 -2.22 1.27 -3.49 3.49 -3.49 h 9.203 Z M 360.783 27.897 v 15.869 h -9.203 c -2.22 0 -3.49 1.27 -3.49 3.49 v 9.84 c 0 2.22 1.27 3.49 3.49 3.49 h 9.203 v 57.761 c 0 2.22 1.27 3.49 3.49 3.49 h 14.439 c 2.22 0 3.49 -1.27 3.49 -3.49 v -57.761 h 12.853 c 2.22 0 3.49 -1.27 3.49 -3.49 v -9.84 c 0 -2.22 -1.27 -3.49 -3.49 -3.49 h -12.853 v -18.566 c 0 -2.063 -1.27 -3.81 -3.49 -3.49 l -14.439 2.38 c -2.22 0.316 -3.49 1.747 -3.49 3.81 Z M 462.654 16.314 c 0 -2.22 -1.27 -3.49 -3.49 -3.49 h -14.439 c -2.22 0 -3.49 1.27 -3.49 3.49 v 13.49 c 0 2.22 1.27 3.49 3.49 3.49 h 14.439 c 2.22 0 3.49 -1.27 3.49 -3.49 v -13.49 Z M 462.654 47.256 c 0 -2.22 -1.27 -3.49 -3.49 -3.49 h -14.439 c -2.22 0 -3.49 1.27 -3.49 3.49 v 71.09 c 0 2.22 1.27 3.49 3.49 3.49 h 14.439 c 2.22 0 3.49 -1.27 3.49 -3.49 v -71.09 Z M 427.747 16.314 c 0 -2.22 -1.27 -3.49 -3.49 -3.49 h -14.439 c -2.22 0 -3.49 1.27 -3.49 3.49 v 102.031 c 0 2.22 1.27 3.49 3.49 3.49 h 14.439 c 2.22 0 3.49 -1.27 3.49 -3.49 v -102.031 Z M 175.759 121.839 h 14.123 c 2.22 0 3.49 -1.27 3.49 -3.49 v -65.216 c 0 -1.903 2.063 -2.22 2.857 -0.633 l 35.545 66.17 c 1.11 2.22 2.38 3.173 4.603 3.173 h 20.313 c 2.22 0 3.49 -1.27 3.49 -3.49 v -94.892 c 0 -2.22 -1.27 -3.49 -3.49 -3.49 h -14.123 c -2.22 0 -3.49 1.27 -3.49 3.49 v 63.63 c 0 1.903 -2.063 2.22 -2.857 0.633 l -34.119 -64.583 c -1.11 -2.22 -2.38 -3.173 -4.603 -3.173 h -21.739 c -2.22 0 -3.49 1.27 -3.49 3.49 v 94.892 c 0 2.22 1.27 3.49 3.49 3.49 Z" fill="white"/>
 </svg>

package/packages/assets/logos/logo-netlify-full-lightmode.svg

@@ -1,4 +1,4 @@
-<svg width="583" height="152" viewBox="0 0 583 152" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M46.5567 81.2217C46.5567 79.0651 49.1543 77.9965 50.6739 79.5157L89.6924 118.534C91.1039 119.956 91.104 122.25 89.6924 123.661L73.1729 140.18C71.7612 141.591 69.4674 141.591 68.0557 140.18L47.6153 119.739C46.939 119.063 46.5567 118.141 46.5567 117.181V81.2217ZM119.015 49.5879C120.299 49.1958 121.681 49.5386 122.632 50.4893L140.181 68.0381C141.592 69.4597 141.592 71.7534 140.181 73.1651L122.632 90.7129C121.691 91.6541 120.289 92.0074 119.015 91.6153L57.7031 72.92C55.4194 72.2237 55.4195 68.9991 57.7031 68.3028L119.015 49.6075V49.5879ZM17.5781 51.5274C18.9899 50.116 21.2837 50.1158 22.6953 51.5274L39.2139 68.0469C40.6255 69.4586 40.6256 71.7524 39.2139 73.1641L22.6953 89.6827C21.2837 91.0943 18.9899 91.0942 17.5781 89.6827L1.05862 73.1641C-0.352982 71.7525 -0.352763 69.4587 1.05862 68.0469L17.5781 51.5274ZM68.0557 1.05863C69.4673 -0.352957 71.7612 -0.352799 73.1729 1.05863L89.6924 17.5782C91.1039 18.9997 91.104 21.2935 89.6924 22.7051L50.6739 61.7227C49.1544 63.2422 46.557 62.1643 46.5567 60.0176V24.0577C46.5567 23.097 46.9291 22.1852 47.6153 21.4991L68.0557 1.05863Z" fill="#131619"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M537.698 151.135C539.131 151.135 540.051 150.517 540.594 149.19L582.651 46.3761C583.36 44.6269 582.591 43.4655 580.706 43.4655H562.64C561.177 43.4655 560.258 44.1144 559.805 45.5169L544.122 92.3089C543.368 94.5709 541.634 94.5709 540.895 92.3089L525.348 45.5316C524.881 44.1442 523.976 43.4809 522.513 43.4809H492.78C491.152 43.4809 490.277 42.6061 490.277 40.9775V40.3295C490.277 36.3334 491.166 33.2717 492.961 31.1757C494.861 28.9589 497.59 27.8586 501.164 27.8586C502.959 27.8586 504.587 28.1751 506.065 28.8084C506.563 28.9894 507.045 29.1852 507.498 29.4114C509.066 30.1654 510.182 29.894 510.77 28.2503L514.465 17.7099C514.962 16.2774 514.6 15.131 513.258 14.4223C508.719 12.0246 503.366 10.8335 497.229 10.8335C492.177 10.8335 487.547 11.8284 483.34 13.834C479.239 15.8396 475.921 18.8862 473.387 22.9878C470.869 27.0895 469.602 32.2014 469.602 38.2936V40.9929C469.602 42.6215 468.728 43.4957 467.099 43.4957H460.736C459.107 43.4957 458.232 44.3705 458.232 45.9991V57.7316C458.232 59.3602 459.107 60.2343 460.736 60.2343H467.099C468.728 60.2343 469.602 61.1092 469.602 62.7378V118.668C469.602 120.297 470.477 121.172 472.106 121.172H488.407C490.035 121.172 490.91 120.297 490.91 118.668V62.7378C490.91 61.1092 491.785 60.2343 493.413 60.2343H505.684C507.132 60.2343 508.037 60.853 508.565 62.1951L530.46 117.281C530.943 118.487 530.913 119.453 530.385 120.629L518.064 148.24C517.28 149.989 518.064 151.165 519.965 151.165H537.698V151.135ZM189.712 121.141C191.341 121.141 192.215 120.267 192.215 118.638V52.8307C192.215 50.3123 194.025 49.86 195.201 52.0767L231.045 119.347C231.694 120.584 232.614 121.126 234.016 121.126H256.183C257.812 121.126 258.687 120.252 258.687 118.623V22.2788C258.687 20.6502 257.812 19.7753 256.183 19.7753H240.199C238.57 19.7753 237.695 20.6502 237.695 22.2788V86.4427C237.695 88.961 235.871 89.3987 234.71 87.1819L200.268 21.5704C199.619 20.3339 198.699 19.7753 197.312 19.7753H173.742C172.114 19.7753 171.239 20.6502 171.239 22.2788V118.623C171.239 120.252 172.114 121.126 173.742 121.126H189.727L189.712 121.141ZM335.937 112.154C337.098 111.053 337.083 109.786 335.982 108.61L327.749 99.9246C326.618 98.7333 325.426 98.7785 324.205 99.8944C319.983 103.74 314.841 105.669 308.794 105.669C302.747 105.669 298.057 104.252 294.589 101.402C291.784 99.0198 289.718 95.9135 288.436 92.0681C287.863 90.3641 288.768 89.2326 290.562 89.2326H341.275C342.859 89.2326 343.779 88.4182 343.869 86.8499C343.96 85.1308 344.005 83.0802 344.005 80.7127C344.005 72.826 342.316 65.9195 338.953 60.0384C335.696 54.1423 331.172 49.6184 325.381 46.4667C319.591 43.2095 313.121 41.5658 305.958 41.5658C298.177 41.5658 291.165 43.4057 284.968 47.0852C278.86 50.6591 274.125 55.5596 270.763 61.7725C267.4 67.9853 265.711 74.8162 265.711 82.2958C265.711 89.7753 267.445 96.6069 270.913 102.82C274.381 109.033 279.282 113.918 285.601 117.507C291.919 121.081 299.173 122.876 307.391 122.876C318.912 122.876 328.427 119.302 335.967 112.154H335.937ZM293.322 62.5721C296.473 59.526 300.741 57.9878 306.109 57.9878C309.367 57.9878 312.322 58.7263 314.946 60.2041C317.57 61.5764 319.681 63.5218 321.265 66.0401C322.396 67.7743 323.119 69.7046 323.436 71.8158C323.692 73.4595 322.697 74.4091 321.023 74.4091H290.291C288.526 74.4091 287.607 73.3387 288.074 71.6347C289.099 67.9703 290.834 64.9396 293.292 62.5721H293.322ZM374.693 121.141C376.322 121.141 377.197 120.267 377.197 118.638V62.7076C377.197 61.079 378.071 60.2041 379.7 60.2041H390.633C392.261 60.2041 393.136 59.33 393.136 57.7014V45.9689C393.136 44.3403 392.261 43.4655 390.633 43.4655H379.7C378.071 43.4655 377.197 42.5914 377.197 40.9627V23.6358C377.197 21.9016 376.201 21.0575 374.497 21.3591L358.166 24.149C356.643 24.4054 355.889 25.3102 355.889 26.8483V40.9775C355.889 42.6061 355.014 43.4809 353.386 43.4809H347.022C345.393 43.4809 344.519 44.3558 344.519 45.9844V57.7161C344.519 59.3447 345.393 60.2196 347.022 60.2196H353.386C355.014 60.2196 355.889 61.0937 355.889 62.7223V118.653C355.889 120.282 356.764 121.156 358.392 121.156H374.693V121.141ZM417.577 121.141C419.206 121.141 420.08 120.267 420.08 118.638V15.191C420.08 13.5624 419.206 12.6883 417.577 12.6883H401.427C399.798 12.6883 398.924 13.5624 398.924 15.191V118.638C398.924 120.267 399.798 121.141 401.427 121.141H417.577ZM449.006 121.141C450.635 121.141 451.51 120.267 451.51 118.638V45.9689C451.51 44.3403 450.635 43.4655 449.006 43.4655H432.856C431.227 43.4655 430.353 44.3403 430.353 45.9689V118.638C430.353 120.267 431.227 121.141 432.856 121.141H449.006ZM430.956 14.8744V30.2258C430.956 31.5377 432.027 32.6085 433.338 32.6085H448.69C450.001 32.6085 451.072 31.5377 451.072 30.2258V14.8744C451.072 13.5625 450.001 12.4924 448.69 12.4924H433.338C432.027 12.4924 430.956 13.5625 430.956 14.8744Z" fill="#131619"/>
+<svg width="592" height="152" viewBox="0 0 592 152" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M 58.175 73.598 l 61.094 18.566 c 2.063 0.633 3.333 0.316 4.603 -0.954 l 17.456 -17.296 c 1.587 -1.426 1.587 -3.966 0 -5.397 l -17.456 -17.296 c -1.27 -1.27 -2.54 -1.587 -4.603 -0.954 l -61.094 18.566 c -2.54 0.793 -2.54 3.966 0 4.76 Z M 47.225 81.851 l -0.16 33.005 c 0 3.333 0.633 5.076 2.22 6.663 l 19.519 19.675 c 1.587 1.587 3.49 1.587 4.92 0 l 16.819 -16.819 c 1.587 -1.587 1.587 -3.333 0 -4.92 l -39.195 -39.195 c -1.747 -1.747 -4.127 -0.793 -4.127 1.587 Z M 47.225 60.585 c -0.16 2.38 2.38 3.333 4.127 1.587 l 39.195 -39.195 c 1.587 -1.587 1.587 -3.49 0 -4.92 l -16.819 -16.979 c -1.426 -1.426 -3.333 -1.426 -4.92 0 l -19.519 19.675 c -1.587 1.587 -2.22 2.857 -2.22 4.92 l 0.16 34.912 Z M 22.946 90.417 c -1.587 1.587 -3.333 1.587 -4.92 0 l -16.819 -16.819 c -1.587 -1.426 -1.587 -3.333 0 -4.92 l 16.819 -16.819 c 1.587 -1.587 3.333 -1.587 4.92 0 l 16.819 16.819 c 1.587 1.587 1.587 3.49 0 4.92 l -16.819 16.819 Z" fill="#131619"/>
+<path d="M 290.01 74.552 c 1.747 -8.726 7.46 -15.869 18.726 -15.869 9.679 0 17.139 6.663 17.612 15.869 h -36.338 Z M 268.111 82.801 c 0 22.532 16.502 40.781 41.891 40.781 12.059 0 22.216 -4.283 28.085 -10.156 1.587 -1.587 1.27 -3.333 0 -4.76 l -6.983 -7.616 c -1.426 -1.587 -3.173 -1.426 -4.76 0 -3.966 3.65 -8.886 5.236 -14.916 5.236 -12.696 0 -19.043 -6.823 -21.262 -16.502 h 52.524 c 2.22 0 3.333 -1.11 3.81 -3.173 0.316 -1.903 0.316 -3.65 0.316 -5.397 0 -24.279 -16.819 -39.355 -38.241 -39.355 -24.119 0 -40.465 18.249 -40.465 40.942 Z M 483.127 43.766 v -11.266 c 0 -13.646 9.363 -19.675 19.836 -19.675 h 15.869 c 2.063 0 3.49 1.426 4.127 3.49 l 3.173 9.519 c 0.633 2.063 -0.793 4.127 -3.017 4.127 h -16.663 c -1.587 0 -2.54 0.954 -2.54 2.54 v 11.266 h 25.389 c 2.22 0 3.81 0.793 4.603 3.173 l 16.819 46.018 c 0.633 1.587 2.38 1.587 2.857 0 l 14.916 -46.018 c 0.793 -2.38 2.38 -3.173 4.603 -3.173 h 15.709 c 2.22 0 3.65 1.426 2.857 3.49 l -40.621 101.555 c -0.954 2.38 -2.22 3.173 -4.283 3.173 h -15.709 c -2.22 0 -3.65 -1.426 -2.857 -3.49 l 11.106 -26.975 c 0.633 -1.426 0.793 -2.54 0.16 -3.966 l -22.055 -54.744 c -0.633 -1.747 -1.747 -2.22 -3.333 -2.22 h -9.519 v 57.761 c 0 2.22 -1.27 3.49 -3.49 3.49 h -14.439 c -2.22 0 -3.49 -1.27 -3.49 -3.49 v -57.761 h -9.203 c -2.22 0 -3.49 -1.27 -3.49 -3.49 v -9.84 c 0 -2.22 1.27 -3.49 3.49 -3.49 h 9.203 Z M 360.783 27.897 v 15.869 h -9.203 c -2.22 0 -3.49 1.27 -3.49 3.49 v 9.84 c 0 2.22 1.27 3.49 3.49 3.49 h 9.203 v 57.761 c 0 2.22 1.27 3.49 3.49 3.49 h 14.439 c 2.22 0 3.49 -1.27 3.49 -3.49 v -57.761 h 12.853 c 2.22 0 3.49 -1.27 3.49 -3.49 v -9.84 c 0 -2.22 -1.27 -3.49 -3.49 -3.49 h -12.853 v -18.566 c 0 -2.063 -1.27 -3.81 -3.49 -3.49 l -14.439 2.38 c -2.22 0.316 -3.49 1.747 -3.49 3.81 Z M 462.654 16.314 c 0 -2.22 -1.27 -3.49 -3.49 -3.49 h -14.439 c -2.22 0 -3.49 1.27 -3.49 3.49 v 13.49 c 0 2.22 1.27 3.49 3.49 3.49 h 14.439 c 2.22 0 3.49 -1.27 3.49 -3.49 v -13.49 Z M 462.654 47.256 c 0 -2.22 -1.27 -3.49 -3.49 -3.49 h -14.439 c -2.22 0 -3.49 1.27 -3.49 3.49 v 71.09 c 0 2.22 1.27 3.49 3.49 3.49 h 14.439 c 2.22 0 3.49 -1.27 3.49 -3.49 v -71.09 Z M 427.747 16.314 c 0 -2.22 -1.27 -3.49 -3.49 -3.49 h -14.439 c -2.22 0 -3.49 1.27 -3.49 3.49 v 102.031 c 0 2.22 1.27 3.49 3.49 3.49 h 14.439 c 2.22 0 3.49 -1.27 3.49 -3.49 v -102.031 Z M 175.759 121.839 h 14.123 c 2.22 0 3.49 -1.27 3.49 -3.49 v -65.216 c 0 -1.903 2.063 -2.22 2.857 -0.633 l 35.545 66.17 c 1.11 2.22 2.38 3.173 4.603 3.173 h 20.313 c 2.22 0 3.49 -1.27 3.49 -3.49 v -94.892 c 0 -2.22 -1.27 -3.49 -3.49 -3.49 h -14.123 c -2.22 0 -3.49 1.27 -3.49 3.49 v 63.63 c 0 1.903 -2.063 2.22 -2.857 0.633 l -34.119 -64.583 c -1.11 -2.22 -2.38 -3.173 -4.603 -3.173 h -21.739 c -2.22 0 -3.49 1.27 -3.49 3.49 v 94.892 c 0 2.22 1.27 3.49 3.49 3.49 Z" fill="#131619"/>
 </svg>

package/packages/components/preact/AskNetlify/AskNetlify.css

@@ -42,7 +42,7 @@
   left: 0;
   width: 100%;
   height: 1px;
-  background: var(--ntl-color-bg-muted);
+  background: var(--n-search-color-border);
 }
 
 /* ----------------------------- */
@@ -126,13 +126,25 @@
 
 .n-ask-sources-title {
   font-size: var(--step-0);
-  font-weight: var(--font-weight-bold);
+  font-weight: var(--ntl-font-weight-semibold);
 }
 
 .n-ask-sources a {
   font-size: var(--step--1);
 }
 
+.n-ask-prose a,
+.n-ask-sources a {
+  color: var(--search-link-color);
+  text-decoration-color: color-mix(in oklab, currentColor 40%, transparent);
+  text-underline-offset: 0.15em;
+}
+
+.n-ask-prose a:hover,
+.n-ask-sources a:hover {
+  text-decoration-color: currentColor;
+}
+
 .n-ask-sources details summary::marker {
   display: none;
   content: none;
@@ -140,20 +152,27 @@
 
 .n-ask-sources details {
   background: var(--search-source-list-color);
-  padding: var(--space-xs) var(--space-xs);
+  padding: var(--ntl-space-xs) var(--ntl-space-s);
   border-radius: var(--radius-l);
 }
 
+.n-ask-sources details[open] {
+  padding-block-end: var(--ntl-space-s);
+}
+
 .n-ask-sources details summary {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: var(--space-xs);
+  min-block-size: var(--ntl-space-l);
   cursor: pointer;
 }
 
 .n-ask-sources details ul {
-  margin-block-start: var(--space-3xs);
+  display: grid;
+  gap: var(--ntl-space-3xs);
+  margin-block: var(--ntl-space-2xs) 0;
 }
 
 .n-ask-sources [data-icon='caretRight'] {
@@ -174,7 +193,19 @@
 
 .n-ask-action-bar button {
   display: grid;
+  color: var(--ntl-color-text-weak);
+  background: none;
   border: none;
+  cursor: pointer;
+  transition: color var(--ntl-motion-duration-fast) var(--ntl-motion-easing-default);
+}
+
+.n-ask-action-bar button:hover {
+  color: var(--ntl-color-text);
+}
+
+.n-ask-action-bar .hidden {
+  display: none;
 }
 
 .n-ask-action-bar button svg {
@@ -207,7 +238,7 @@
   border: none;
   border-radius: var(--radius-pill);
   background: var(--search-submit-btn-bg-color);
-  color: var(--neutral-000);
+  color: var(--ntl-button-primary-text-color);
   transition: background-color 150ms ease-out;
 }
 
@@ -220,7 +251,8 @@
 }
 
 .n-ask-form-submit[disabled] {
-  background: var(--neutral-500);
+  color: var(--ntl-color-text-weaker);
+  background: var(--ntl-color-bg-muted);
 }
 
 .n-ask-form-submit[disabled] > * {
@@ -266,33 +298,52 @@ button.n-ask-button-back [data-icon='caretRight'] {
   margin-top: var(--flow-space, var(--space-3xs));
 }
 
-.n-ask-prose h1,
-.n-ask-prose h2,
-.n-ask-prose h3 {
-  font-size: var(--step-1);
-  font-weight: var(--font-weight-bold);
+.n-ask-prose :is(h1, h2, h3, h4, h5, h6) {
+  font-size: var(--ntl-font-size-text-md);
+  font-weight: var(--ntl-font-weight-semibold);
+  line-height: var(--ntl-line-height-tight);
 }
 
-.n-ask-prose h4,
-.n-ask-prose h5,
-.n-ask-prose h6 {
-  font-size: var(--step-0);
-  font-weight: var(--font-weight-bold);
+.n-ask-prose :is(h1, h2) {
+  font-size: var(--ntl-font-size-text-xl);
+}
+
+.n-ask-prose :is(h3, h4) {
+  font-size: var(--ntl-font-size-text-lg);
+}
+
+.n-ask-prose > :is(h1, h2, h3, h4, h5, h6) {
+  --flow-space: var(--ntl-space-m);
+}
+
+.n-ask-prose > :is(h1, h2, h3, h4, h5, h6) + * {
+  --flow-space: var(--ntl-space-2xs);
+}
+
+.n-ask-prose :is(strong, b) {
+  font-weight: var(--ntl-font-weight-semibold);
 }
 
 .n-ask-prose pre {
   max-width: 100%;
-  background: var(--neutral-light-700, var(--neutral-700));
-  border-radius: var(--radius-m);
   box-sizing: border-box;
-  color: var(--neutral-100);
-  color-scheme: dark;
+  padding: var(--ntl-space-xs) var(--ntl-space-s);
+  color: var(--ntl-color-text);
+  background: var(--ntl-color-bg-surface);
+  border: var(--ntl-border-width-thin) solid var(--ntl-color-border);
+  border-radius: var(--ntl-radius-l);
   overflow-x: auto;
 }
 
-.n-ask-prose code {
-  overflow-x: auto;
-  padding: var(--space-s);
+.n-ask-prose pre code {
+  display: block;
+}
+
+.n-ask-prose :not(pre) > code {
+  padding: 0.1em 0.35em;
+  font-size: 0.875em;
+  background: var(--ntl-color-bg-surface);
+  border-radius: var(--ntl-radius-s);
 }
 
 .n-ask-prose code[class*='language-'],
@@ -304,6 +355,19 @@ button.n-ask-button-back [data-icon='caretRight'] {
 /* ----------------------------- */
 /* Loading Animation             */
 /* ----------------------------- */
+@media (prefers-reduced-motion: no-preference) {
+  .n-ask-conversation {
+    animation: growAskHeight var(--ntl-motion-duration-quick) var(--ntl-motion-easing-settle)
+      var(--ntl-motion-duration-short) backwards;
+  }
+}
+
+@keyframes growAskHeight {
+  from {
+    height: calc(var(--n-search-list-height) + var(--n-search-footer-height));
+  }
+}
+
 .n-ask-message-loader {
   width: 2.5rem;
   height: auto;

package/packages/components/preact/Popover/Popover.css

@@ -15,9 +15,12 @@
 }
 
 .n-popover {
+  --n-popover-bg-color: var(--ntl-color-bg-inverse);
+  --n-popover-text-color: var(--ntl-color-text-inverse);
+
   position: absolute;
-  background-color: var(--ntl-color-bg-subtle);
-  color: var(--color-text);
+  background-color: var(--n-popover-bg-color);
+  color: var(--n-popover-text-color);
   padding: var(--n-popover-padding, var(--space-xs) var(--space-s));
   border-radius: var(--radius-s);
   opacity: 0;
@@ -51,7 +54,7 @@
   left: 50%;
   margin-left: -5px;
   border-width: 5px;
-  border-color: var(--ntl-color-bg-subtle) transparent transparent transparent;
+  border-color: var(--n-popover-bg-color) transparent transparent transparent;
 }
 
 .n-popover-bottom .n-popover {
@@ -65,7 +68,7 @@
   left: 50%;
   margin-left: -5px;
   border-width: 5px;
-  border-color: transparent transparent var(--ntl-color-bg-subtle) transparent;
+  border-color: transparent transparent var(--n-popover-bg-color) transparent;
 }
 
 .n-popover-left .n-popover {
@@ -79,7 +82,7 @@
   left: 100%;
   margin-top: -5px;
   border-width: 5px;
-  border-color: transparent transparent transparent var(--ntl-color-bg-subtle);
+  border-color: transparent transparent transparent var(--n-popover-bg-color);
 }
 
 .n-popover-right .n-popover {
@@ -93,5 +96,5 @@
   right: 100%;
   margin-top: -5px;
   border-width: 5px;
-  border-color: transparent var(--ntl-color-bg-subtle) transparent transparent;
+  border-color: transparent var(--n-popover-bg-color) transparent transparent;
 }

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

@@ -1,7 +1,7 @@
 .n-search-heading {
   --n-search-heading-weight: var(--font-weight-semibold, 400);
   --n-search-heading-size: var(--font-size-text-xs, 13px);
-  --n-search-heading-color: var(--color-text-weak, #757575);
+  --n-search-heading-color: var(--ntl-color-text-weaker, #757575);
 
   font-size: var(--n-search-heading-size);
   font-weight: var(--n-search-heading-weight);

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

@@ -15,6 +15,8 @@
   border: none;
   text-align: left;
   outline: none;
+  color: inherit;
+  background: none;
   border-radius: var(--radius-l);
 }
 

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

@@ -10,14 +10,20 @@
   --n-search-color-text-secondary: var(--color-text-weak, currentColor);
   --n-search-color-icon: var(--search-icon-color);
   --n-search-color-bg: var(--search-bg-color);
-  --n-search-color-bg-2: var(--ntl-color-bg-muted);
+  --n-search-color-bg-2: color-mix(
+    in oklab,
+    var(--n-search-color-text) 6%,
+    var(--n-search-color-bg)
+  );
   --n-search-color-border: var(--ntl-color-border);
   --n-search-border-radius: 1.3rem;
   --n-search-max-w: 600px;
   --n-search-text-highlight: var(--search-highlight-color);
   --n-search-input-height: 50px;
   --n-search-footer-height: 40px;
-  --n-search-container-height: min(50dvh, 26.5rem);
+  --n-search-list-height: min(50dvh, 26.5rem);
+  --n-search-ask-height: min(70dvh, 40rem);
+  --n-search-container-height: var(--n-search-list-height);
 }
 
 .n-search-modal {
@@ -26,12 +32,17 @@
   border-radius: var(--n-search-border-radius);
   width: min(var(--n-search-max-w), 100%);
   margin: auto;
+  color: var(--n-search-color-text);
   background: var(--n-search-color-bg);
+  box-shadow:
+    inset 0 0 0 var(--ntl-border-width-thin) var(--n-search-color-border),
+    var(--ntl-shadow-l);
   transition-delay: 200ms;
 }
 
 .n-search-modal[data-state='ask'] {
   --n-search-max-w: 800px;
+  --n-search-container-height: var(--n-search-ask-height);
 }
 
 .n-search-container {
@@ -149,6 +160,7 @@
   overflow-y: auto;
   overscroll-behavior: contain;
   scroll-padding-block: var(--space-s);
+  scrollbar-color: var(--n-search-color-border) transparent;
   margin-block: 0;
   background: var(--n-search-color-bg);
 }

package/packages/styles/tokens.compat.css

@@ -225,6 +225,7 @@
   --search-highlight-color: var(--ntl-search-highlight-color);
   --search-icon-color: var(--ntl-search-icon-color);
   --search-input-bg-color: var(--ntl-search-input-bg-color);
+  --search-link-color: var(--ntl-search-link-color);
   --search-loading-color: var(--ntl-search-loading-color);
   --search-source-list-color: var(--ntl-search-source-list-color);
   --search-submit-btn-bg-color: var(--ntl-search-submit-btn-bg-color);
@@ -446,6 +447,7 @@
   --search-highlight-color: var(--ntl-search-highlight-color);
   --search-icon-color: var(--ntl-search-icon-color);
   --search-input-bg-color: var(--ntl-search-input-bg-color);
+  --search-link-color: var(--ntl-search-link-color);
   --search-loading-color: var(--ntl-search-loading-color);
   --search-source-list-color: var(--ntl-search-source-list-color);
   --search-submit-btn-bg-color: var(--ntl-search-submit-btn-bg-color);
@@ -658,6 +660,7 @@
     --search-highlight-color: var(--ntl-search-highlight-color);
     --search-icon-color: var(--ntl-search-icon-color);
     --search-input-bg-color: var(--ntl-search-input-bg-color);
+    --search-link-color: var(--ntl-search-link-color);
     --search-loading-color: var(--ntl-search-loading-color);
     --search-source-list-color: var(--ntl-search-source-list-color);
     --search-submit-btn-bg-color: var(--ntl-search-submit-btn-bg-color);
@@ -953,6 +956,7 @@
   --search-highlight-color: var(--ntl-search-highlight-color);
   --search-icon-color: var(--ntl-search-icon-color);
   --search-input-bg-color: var(--ntl-search-input-bg-color);
+  --search-link-color: var(--ntl-search-link-color);
   --search-loading-color: var(--ntl-search-loading-color);
   --search-source-list-color: var(--ntl-search-source-list-color);
   --search-submit-btn-bg-color: var(--ntl-search-submit-btn-bg-color);
@@ -1051,6 +1055,7 @@
   --search-highlight-color: var(--ntl-search-highlight-color);
   --search-icon-color: var(--ntl-search-icon-color);
   --search-input-bg-color: var(--ntl-search-input-bg-color);
+  --search-link-color: var(--ntl-search-link-color);
   --search-loading-color: var(--ntl-search-loading-color);
   --search-source-list-color: var(--ntl-search-source-list-color);
   --search-submit-btn-bg-color: var(--ntl-search-submit-btn-bg-color);

package/packages/styles/tokens.css

@@ -490,6 +490,7 @@
   --ntl-search-highlight-color: var(--ntl-teal-000);
   --ntl-search-icon-color: var(--ntl-neutral-400);
   --ntl-search-input-bg-color: var(--ntl-neutral-100);
+  --ntl-search-link-color: var(--ntl-color-link);
   --ntl-search-loading-color: var(--ntl-teal-700);
   --ntl-search-source-list-color: var(--ntl-neutral-100);
   --ntl-search-submit-btn-bg-color: var(--ntl-teal-200);
@@ -497,19 +498,19 @@
   /* Older name for shadow.floating */
   --ntl-shadow-deep: var(--ntl-shadow-floating);
   /* Menus, popovers, tooltips, sticky bars */
-  --ntl-shadow-floating: 0px 16px 24px 0px rgb(0% 0% 0% / 0.07), 0px 6px 30px 0px rgb(0% 0% 0% / 0.06), 0px 8px 10px 0px rgb(0% 0% 0% / 0.1);
+  --ntl-shadow-floating: 0px 16px 24px rgb(0% 0% 0% / 0.07), 0px 6px 30px rgb(0% 0% 0% / 0.06), 0px 8px 10px rgb(0% 0% 0% / 0.1);
   /* Older name for shadow.overlay */
   --ntl-shadow-heavy: var(--ntl-shadow-overlay);
-  --ntl-shadow-hover: 0px 4px 12px 0px rgb(0% 0% 0% / 0.25);
+  --ntl-shadow-hover: 0px 4px 12px rgb(0% 0% 0% / 0.25);
   --ntl-shadow-l: 0px 12px 40px -12px rgb(7.451% 8.6275% 9.8039% / 0.12);
   /* Older name for shadow.raised */
   --ntl-shadow-light: var(--ntl-shadow-raised);
   --ntl-shadow-m: 0px 10px 20px -5px rgb(7.451% 8.6275% 9.8039% / 0.06);
   /* Modals and dialogs */
-  --ntl-shadow-overlay: -10px 10px 80px 0px rgb(0% 0% 0% / 0.1);
+  --ntl-shadow-overlay: -10px 10px 80px rgb(0% 0% 0% / 0.1);
   /* Cards and tiles at rest */
-  --ntl-shadow-raised: 0px 2px 4px 0px rgb(20% 21.569% 23.137% / 0.08), 0px 1px 10px 0px rgb(20% 21.569% 23.137% / 0.06);
-  --ntl-shadow-s: 0px 4px 44px 0px rgb(7.451% 8.6275% 9.8039% / 0.12);
+  --ntl-shadow-raised: 0px 2px 4px rgb(20% 21.569% 23.137% / 0.08), 0px 1px 10px rgb(20% 21.569% 23.137% / 0.06);
+  --ntl-shadow-s: 0px 4px 44px rgb(7.451% 8.6275% 9.8039% / 0.12);
   --ntl-space-0: 0rem;
   --ntl-space-2xl: var(--ntl-space-64);
   --ntl-space-2xs: var(--ntl-space-8);
@@ -785,16 +786,17 @@
   --ntl-red-700: var(--ntl-hues-red-600);
   --ntl-red-800: var(--ntl-hues-red-700);
   --ntl-red-900: var(--ntl-hues-red-900);
-  --ntl-search-answer-message-color: var(--ntl-neutral-200);
-  --ntl-search-back-btn-bg-color: var(--ntl-neutral-100);
-  --ntl-search-bg-color: var(--ntl-neutral-000);
-  --ntl-search-highlight-color: var(--ntl-teal-000);
-  --ntl-search-icon-color: var(--ntl-neutral-400);
-  --ntl-search-input-bg-color: var(--ntl-neutral-100);
-  --ntl-search-loading-color: var(--ntl-teal-700);
-  --ntl-search-source-list-color: var(--ntl-neutral-100);
-  --ntl-search-submit-btn-bg-color: var(--ntl-teal-200);
-  --ntl-search-user-message-color: var(--ntl-teal-000);
+  --ntl-search-answer-message-color: var(--ntl-color-bg-subtle);
+  --ntl-search-back-btn-bg-color: var(--ntl-color-bg-surface);
+  --ntl-search-bg-color: var(--ntl-color-bg-surface);
+  --ntl-search-highlight-color: var(--ntl-hues-sky-100);
+  --ntl-search-icon-color: var(--ntl-color-text-weaker);
+  --ntl-search-input-bg-color: var(--ntl-color-bg-surface);
+  --ntl-search-link-color: var(--ntl-hues-sky-700);
+  --ntl-search-loading-color: var(--ntl-color-brand-primary);
+  --ntl-search-source-list-color: var(--ntl-color-bg-surface);
+  --ntl-search-submit-btn-bg-color: var(--ntl-button-primary-bg-color);
+  --ntl-search-user-message-color: var(--ntl-hues-sky-100);
   /* Older name for shadow.floating */
   --ntl-shadow-deep: var(--ntl-shadow-floating);
   /* Menus, popovers, tooltips, sticky bars */
@@ -1082,16 +1084,17 @@
     --ntl-neutral-700: var(--ntl-neutral-dark-700);
     --ntl-neutral-800: var(--ntl-neutral-dark-800);
     --ntl-neutral-900: var(--ntl-neutral-dark-900);
-    --ntl-search-answer-message-color: var(--ntl-neutral-600);
-    --ntl-search-back-btn-bg-color: var(--ntl-neutral-500);
-    --ntl-search-bg-color: var(--ntl-neutral-700);
-    --ntl-search-highlight-color: var(--ntl-teal-800);
-    --ntl-search-icon-color: var(--ntl-neutral-300);
-    --ntl-search-input-bg-color: var(--ntl-neutral-600);
-    --ntl-search-loading-color: var(--ntl-teal-200);
-    --ntl-search-source-list-color: var(--ntl-neutral-700);
-    --ntl-search-submit-btn-bg-color: var(--ntl-teal-200);
-    --ntl-search-user-message-color: var(--ntl-teal-800);
+    --ntl-search-answer-message-color: var(--ntl-color-bg-muted);
+    --ntl-search-back-btn-bg-color: var(--ntl-color-bg-surface);
+    --ntl-search-bg-color: var(--ntl-color-bg-surface);
+    --ntl-search-highlight-color: var(--ntl-hues-sky-800);
+    --ntl-search-icon-color: var(--ntl-color-text-weaker);
+    --ntl-search-input-bg-color: var(--ntl-color-bg-surface);
+    --ntl-search-link-color: var(--ntl-hues-sky-300);
+    --ntl-search-loading-color: var(--ntl-color-brand-primary);
+    --ntl-search-source-list-color: var(--ntl-color-bg-surface);
+    --ntl-search-submit-btn-bg-color: var(--ntl-button-primary-bg-color);
+    --ntl-search-user-message-color: var(--ntl-hues-sky-800);
     --ntl-tabbed-content-bg-color: rgb(4.7059% 16.471% 16.471% / 0.2);
     --ntl-tabbed-content-bg-color-active: var(--ntl-teal-900);
     --ntl-tabbed-content-border-color: var(--ntl-color-icon);
@@ -1489,16 +1492,17 @@
   --ntl-neutral-700: var(--ntl-neutral-dark-700);
   --ntl-neutral-800: var(--ntl-neutral-dark-800);
   --ntl-neutral-900: var(--ntl-neutral-dark-900);
-  --ntl-search-answer-message-color: var(--ntl-neutral-600);
-  --ntl-search-back-btn-bg-color: var(--ntl-neutral-500);
-  --ntl-search-bg-color: var(--ntl-neutral-700);
-  --ntl-search-highlight-color: var(--ntl-teal-800);
-  --ntl-search-icon-color: var(--ntl-neutral-300);
-  --ntl-search-input-bg-color: var(--ntl-neutral-600);
-  --ntl-search-loading-color: var(--ntl-teal-200);
-  --ntl-search-source-list-color: var(--ntl-neutral-700);
-  --ntl-search-submit-btn-bg-color: var(--ntl-teal-200);
-  --ntl-search-user-message-color: var(--ntl-teal-800);
+  --ntl-search-answer-message-color: var(--ntl-color-bg-muted);
+  --ntl-search-back-btn-bg-color: var(--ntl-color-bg-surface);
+  --ntl-search-bg-color: var(--ntl-color-bg-surface);
+  --ntl-search-highlight-color: var(--ntl-hues-sky-800);
+  --ntl-search-icon-color: var(--ntl-color-text-weaker);
+  --ntl-search-input-bg-color: var(--ntl-color-bg-surface);
+  --ntl-search-link-color: var(--ntl-hues-sky-300);
+  --ntl-search-loading-color: var(--ntl-color-brand-primary);
+  --ntl-search-source-list-color: var(--ntl-color-bg-surface);
+  --ntl-search-submit-btn-bg-color: var(--ntl-button-primary-bg-color);
+  --ntl-search-user-message-color: var(--ntl-hues-sky-800);
   --ntl-tabbed-content-bg-color: rgb(4.7059% 16.471% 16.471% / 0.2);
   --ntl-tabbed-content-bg-color-active: var(--ntl-teal-900);
   --ntl-tabbed-content-border-color: var(--ntl-color-icon);
@@ -1627,16 +1631,17 @@
   --ntl-neutral-700: var(--ntl-neutral-light-700);
   --ntl-neutral-800: var(--ntl-neutral-light-800);
   --ntl-neutral-900: var(--ntl-neutral-light-900);
-  --ntl-search-answer-message-color: var(--ntl-neutral-200);
-  --ntl-search-back-btn-bg-color: var(--ntl-neutral-100);
-  --ntl-search-bg-color: var(--ntl-neutral-000);
-  --ntl-search-highlight-color: var(--ntl-teal-000);
-  --ntl-search-icon-color: var(--ntl-neutral-400);
-  --ntl-search-input-bg-color: var(--ntl-neutral-100);
-  --ntl-search-loading-color: var(--ntl-teal-700);
-  --ntl-search-source-list-color: var(--ntl-neutral-100);
-  --ntl-search-submit-btn-bg-color: var(--ntl-teal-200);
-  --ntl-search-user-message-color: var(--ntl-teal-000);
+  --ntl-search-answer-message-color: var(--ntl-color-bg-subtle);
+  --ntl-search-back-btn-bg-color: var(--ntl-color-bg-surface);
+  --ntl-search-bg-color: var(--ntl-color-bg-surface);
+  --ntl-search-highlight-color: var(--ntl-hues-sky-100);
+  --ntl-search-icon-color: var(--ntl-color-text-weaker);
+  --ntl-search-input-bg-color: var(--ntl-color-bg-surface);
+  --ntl-search-link-color: var(--ntl-hues-sky-700);
+  --ntl-search-loading-color: var(--ntl-color-brand-primary);
+  --ntl-search-source-list-color: var(--ntl-color-bg-surface);
+  --ntl-search-submit-btn-bg-color: var(--ntl-button-primary-bg-color);
+  --ntl-search-user-message-color: var(--ntl-hues-sky-100);
   --ntl-tabbed-content-bg-color: var(--ntl-neutral-000);
   --ntl-tabbed-content-bg-color-active: var(--ntl-neutral-000);
   --ntl-tabbed-content-border-color: var(--ntl-color-icon);