@netlify/spark-ui 2.4.1 → 2.4.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/AskNetlify.css +1 -1
- package/dist/assets/Popover.css +1 -1
- package/dist/assets/SearchHeading.css +1 -1
- package/dist/assets/SearchLink.css +1 -1
- package/dist/assets/SearchModal.css +1 -1
- package/package.json +1 -1
- package/packages/components/preact/AskNetlify/AskNetlify.css +87 -23
- package/packages/components/preact/Popover/Popover.css +9 -6
- package/packages/components/preact/SearchModal/components/SearchHeading/SearchHeading.css +1 -1
- package/packages/components/preact/SearchModal/components/SearchLink/SearchLink.css +2 -0
- package/packages/components/preact/SearchModal/components/SearchModal/SearchModal.css +14 -2
- package/packages/styles/tokens.compat.css +5 -0
- package/packages/styles/tokens.css +50 -45
|
@@ -1 +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(--
|
|
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(--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
CHANGED
|
@@ -1 +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(--
|
|
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{--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}
|
|
@@ -1 +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-
|
|
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(--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}
|
|
@@ -1 +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)}
|
|
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;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)}
|
|
@@ -1 +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-
|
|
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(--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
CHANGED
|
@@ -42,7 +42,7 @@
|
|
|
42
42
|
left: 0;
|
|
43
43
|
width: 100%;
|
|
44
44
|
height: 1px;
|
|
45
|
-
background: var(--
|
|
45
|
+
background: var(--n-search-color-border);
|
|
46
46
|
}
|
|
47
47
|
|
|
48
48
|
/* ----------------------------- */
|
|
@@ -126,13 +126,25 @@
|
|
|
126
126
|
|
|
127
127
|
.n-ask-sources-title {
|
|
128
128
|
font-size: var(--step-0);
|
|
129
|
-
font-weight: var(--font-weight-
|
|
129
|
+
font-weight: var(--ntl-font-weight-semibold);
|
|
130
130
|
}
|
|
131
131
|
|
|
132
132
|
.n-ask-sources a {
|
|
133
133
|
font-size: var(--step--1);
|
|
134
134
|
}
|
|
135
135
|
|
|
136
|
+
.n-ask-prose a,
|
|
137
|
+
.n-ask-sources a {
|
|
138
|
+
color: var(--search-link-color);
|
|
139
|
+
text-decoration-color: color-mix(in oklab, currentColor 40%, transparent);
|
|
140
|
+
text-underline-offset: 0.15em;
|
|
141
|
+
}
|
|
142
|
+
|
|
143
|
+
.n-ask-prose a:hover,
|
|
144
|
+
.n-ask-sources a:hover {
|
|
145
|
+
text-decoration-color: currentColor;
|
|
146
|
+
}
|
|
147
|
+
|
|
136
148
|
.n-ask-sources details summary::marker {
|
|
137
149
|
display: none;
|
|
138
150
|
content: none;
|
|
@@ -140,20 +152,27 @@
|
|
|
140
152
|
|
|
141
153
|
.n-ask-sources details {
|
|
142
154
|
background: var(--search-source-list-color);
|
|
143
|
-
padding: var(--space-xs) var(--space-
|
|
155
|
+
padding: var(--ntl-space-xs) var(--ntl-space-s);
|
|
144
156
|
border-radius: var(--radius-l);
|
|
145
157
|
}
|
|
146
158
|
|
|
159
|
+
.n-ask-sources details[open] {
|
|
160
|
+
padding-block-end: var(--ntl-space-s);
|
|
161
|
+
}
|
|
162
|
+
|
|
147
163
|
.n-ask-sources details summary {
|
|
148
164
|
display: flex;
|
|
149
165
|
align-items: center;
|
|
150
166
|
justify-content: space-between;
|
|
151
167
|
gap: var(--space-xs);
|
|
168
|
+
min-block-size: var(--ntl-space-l);
|
|
152
169
|
cursor: pointer;
|
|
153
170
|
}
|
|
154
171
|
|
|
155
172
|
.n-ask-sources details ul {
|
|
156
|
-
|
|
173
|
+
display: grid;
|
|
174
|
+
gap: var(--ntl-space-3xs);
|
|
175
|
+
margin-block: var(--ntl-space-2xs) 0;
|
|
157
176
|
}
|
|
158
177
|
|
|
159
178
|
.n-ask-sources [data-icon='caretRight'] {
|
|
@@ -174,7 +193,19 @@
|
|
|
174
193
|
|
|
175
194
|
.n-ask-action-bar button {
|
|
176
195
|
display: grid;
|
|
196
|
+
color: var(--ntl-color-text-weak);
|
|
197
|
+
background: none;
|
|
177
198
|
border: none;
|
|
199
|
+
cursor: pointer;
|
|
200
|
+
transition: color var(--ntl-motion-duration-fast) var(--ntl-motion-easing-default);
|
|
201
|
+
}
|
|
202
|
+
|
|
203
|
+
.n-ask-action-bar button:hover {
|
|
204
|
+
color: var(--ntl-color-text);
|
|
205
|
+
}
|
|
206
|
+
|
|
207
|
+
.n-ask-action-bar .hidden {
|
|
208
|
+
display: none;
|
|
178
209
|
}
|
|
179
210
|
|
|
180
211
|
.n-ask-action-bar button svg {
|
|
@@ -207,7 +238,7 @@
|
|
|
207
238
|
border: none;
|
|
208
239
|
border-radius: var(--radius-pill);
|
|
209
240
|
background: var(--search-submit-btn-bg-color);
|
|
210
|
-
color: var(--
|
|
241
|
+
color: var(--ntl-button-primary-text-color);
|
|
211
242
|
transition: background-color 150ms ease-out;
|
|
212
243
|
}
|
|
213
244
|
|
|
@@ -220,7 +251,8 @@
|
|
|
220
251
|
}
|
|
221
252
|
|
|
222
253
|
.n-ask-form-submit[disabled] {
|
|
223
|
-
|
|
254
|
+
color: var(--ntl-color-text-weaker);
|
|
255
|
+
background: var(--ntl-color-bg-muted);
|
|
224
256
|
}
|
|
225
257
|
|
|
226
258
|
.n-ask-form-submit[disabled] > * {
|
|
@@ -266,33 +298,52 @@ button.n-ask-button-back [data-icon='caretRight'] {
|
|
|
266
298
|
margin-top: var(--flow-space, var(--space-3xs));
|
|
267
299
|
}
|
|
268
300
|
|
|
269
|
-
.n-ask-prose h1,
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
font-weight: var(--font-weight-bold);
|
|
301
|
+
.n-ask-prose :is(h1, h2, h3, h4, h5, h6) {
|
|
302
|
+
font-size: var(--ntl-font-size-text-md);
|
|
303
|
+
font-weight: var(--ntl-font-weight-semibold);
|
|
304
|
+
line-height: var(--ntl-line-height-tight);
|
|
274
305
|
}
|
|
275
306
|
|
|
276
|
-
.n-ask-prose
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
|
|
307
|
+
.n-ask-prose :is(h1, h2) {
|
|
308
|
+
font-size: var(--ntl-font-size-text-xl);
|
|
309
|
+
}
|
|
310
|
+
|
|
311
|
+
.n-ask-prose :is(h3, h4) {
|
|
312
|
+
font-size: var(--ntl-font-size-text-lg);
|
|
313
|
+
}
|
|
314
|
+
|
|
315
|
+
.n-ask-prose > :is(h1, h2, h3, h4, h5, h6) {
|
|
316
|
+
--flow-space: var(--ntl-space-m);
|
|
317
|
+
}
|
|
318
|
+
|
|
319
|
+
.n-ask-prose > :is(h1, h2, h3, h4, h5, h6) + * {
|
|
320
|
+
--flow-space: var(--ntl-space-2xs);
|
|
321
|
+
}
|
|
322
|
+
|
|
323
|
+
.n-ask-prose :is(strong, b) {
|
|
324
|
+
font-weight: var(--ntl-font-weight-semibold);
|
|
281
325
|
}
|
|
282
326
|
|
|
283
327
|
.n-ask-prose pre {
|
|
284
328
|
max-width: 100%;
|
|
285
|
-
background: var(--neutral-light-700, var(--neutral-700));
|
|
286
|
-
border-radius: var(--radius-m);
|
|
287
329
|
box-sizing: border-box;
|
|
288
|
-
|
|
289
|
-
color
|
|
330
|
+
padding: var(--ntl-space-xs) var(--ntl-space-s);
|
|
331
|
+
color: var(--ntl-color-text);
|
|
332
|
+
background: var(--ntl-color-bg-surface);
|
|
333
|
+
border: var(--ntl-border-width-thin) solid var(--ntl-color-border);
|
|
334
|
+
border-radius: var(--ntl-radius-l);
|
|
290
335
|
overflow-x: auto;
|
|
291
336
|
}
|
|
292
337
|
|
|
293
|
-
.n-ask-prose code {
|
|
294
|
-
|
|
295
|
-
|
|
338
|
+
.n-ask-prose pre code {
|
|
339
|
+
display: block;
|
|
340
|
+
}
|
|
341
|
+
|
|
342
|
+
.n-ask-prose :not(pre) > code {
|
|
343
|
+
padding: 0.1em 0.35em;
|
|
344
|
+
font-size: 0.875em;
|
|
345
|
+
background: var(--ntl-color-bg-surface);
|
|
346
|
+
border-radius: var(--ntl-radius-s);
|
|
296
347
|
}
|
|
297
348
|
|
|
298
349
|
.n-ask-prose code[class*='language-'],
|
|
@@ -304,6 +355,19 @@ button.n-ask-button-back [data-icon='caretRight'] {
|
|
|
304
355
|
/* ----------------------------- */
|
|
305
356
|
/* Loading Animation */
|
|
306
357
|
/* ----------------------------- */
|
|
358
|
+
@media (prefers-reduced-motion: no-preference) {
|
|
359
|
+
.n-ask-conversation {
|
|
360
|
+
animation: growAskHeight var(--ntl-motion-duration-quick) var(--ntl-motion-easing-settle)
|
|
361
|
+
var(--ntl-motion-duration-short) backwards;
|
|
362
|
+
}
|
|
363
|
+
}
|
|
364
|
+
|
|
365
|
+
@keyframes growAskHeight {
|
|
366
|
+
from {
|
|
367
|
+
height: calc(var(--n-search-list-height) + var(--n-search-footer-height));
|
|
368
|
+
}
|
|
369
|
+
}
|
|
370
|
+
|
|
307
371
|
.n-ask-message-loader {
|
|
308
372
|
width: 2.5rem;
|
|
309
373
|
height: auto;
|
|
@@ -15,9 +15,12 @@
|
|
|
15
15
|
}
|
|
16
16
|
|
|
17
17
|
.n-popover {
|
|
18
|
+
--n-popover-bg-color: var(--ntl-color-bg-inverse);
|
|
19
|
+
--n-popover-text-color: var(--ntl-color-text-inverse);
|
|
20
|
+
|
|
18
21
|
position: absolute;
|
|
19
|
-
background-color: var(--
|
|
20
|
-
color: var(--
|
|
22
|
+
background-color: var(--n-popover-bg-color);
|
|
23
|
+
color: var(--n-popover-text-color);
|
|
21
24
|
padding: var(--n-popover-padding, var(--space-xs) var(--space-s));
|
|
22
25
|
border-radius: var(--radius-s);
|
|
23
26
|
opacity: 0;
|
|
@@ -51,7 +54,7 @@
|
|
|
51
54
|
left: 50%;
|
|
52
55
|
margin-left: -5px;
|
|
53
56
|
border-width: 5px;
|
|
54
|
-
border-color: var(--
|
|
57
|
+
border-color: var(--n-popover-bg-color) transparent transparent transparent;
|
|
55
58
|
}
|
|
56
59
|
|
|
57
60
|
.n-popover-bottom .n-popover {
|
|
@@ -65,7 +68,7 @@
|
|
|
65
68
|
left: 50%;
|
|
66
69
|
margin-left: -5px;
|
|
67
70
|
border-width: 5px;
|
|
68
|
-
border-color: transparent transparent var(--
|
|
71
|
+
border-color: transparent transparent var(--n-popover-bg-color) transparent;
|
|
69
72
|
}
|
|
70
73
|
|
|
71
74
|
.n-popover-left .n-popover {
|
|
@@ -79,7 +82,7 @@
|
|
|
79
82
|
left: 100%;
|
|
80
83
|
margin-top: -5px;
|
|
81
84
|
border-width: 5px;
|
|
82
|
-
border-color: transparent transparent transparent var(--
|
|
85
|
+
border-color: transparent transparent transparent var(--n-popover-bg-color);
|
|
83
86
|
}
|
|
84
87
|
|
|
85
88
|
.n-popover-right .n-popover {
|
|
@@ -93,5 +96,5 @@
|
|
|
93
96
|
right: 100%;
|
|
94
97
|
margin-top: -5px;
|
|
95
98
|
border-width: 5px;
|
|
96
|
-
border-color: transparent var(--
|
|
99
|
+
border-color: transparent var(--n-popover-bg-color) transparent transparent;
|
|
97
100
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
.n-search-heading {
|
|
2
2
|
--n-search-heading-weight: var(--font-weight-semibold, 400);
|
|
3
3
|
--n-search-heading-size: var(--font-size-text-xs, 13px);
|
|
4
|
-
--n-search-heading-color: var(--color-text-
|
|
4
|
+
--n-search-heading-color: var(--ntl-color-text-weaker, #757575);
|
|
5
5
|
|
|
6
6
|
font-size: var(--n-search-heading-size);
|
|
7
7
|
font-weight: var(--n-search-heading-weight);
|
|
@@ -10,14 +10,20 @@
|
|
|
10
10
|
--n-search-color-text-secondary: var(--color-text-weak, currentColor);
|
|
11
11
|
--n-search-color-icon: var(--search-icon-color);
|
|
12
12
|
--n-search-color-bg: var(--search-bg-color);
|
|
13
|
-
--n-search-color-bg-2:
|
|
13
|
+
--n-search-color-bg-2: color-mix(
|
|
14
|
+
in oklab,
|
|
15
|
+
var(--n-search-color-text) 6%,
|
|
16
|
+
var(--n-search-color-bg)
|
|
17
|
+
);
|
|
14
18
|
--n-search-color-border: var(--ntl-color-border);
|
|
15
19
|
--n-search-border-radius: 1.3rem;
|
|
16
20
|
--n-search-max-w: 600px;
|
|
17
21
|
--n-search-text-highlight: var(--search-highlight-color);
|
|
18
22
|
--n-search-input-height: 50px;
|
|
19
23
|
--n-search-footer-height: 40px;
|
|
20
|
-
--n-search-
|
|
24
|
+
--n-search-list-height: min(50dvh, 26.5rem);
|
|
25
|
+
--n-search-ask-height: min(70dvh, 40rem);
|
|
26
|
+
--n-search-container-height: var(--n-search-list-height);
|
|
21
27
|
}
|
|
22
28
|
|
|
23
29
|
.n-search-modal {
|
|
@@ -26,12 +32,17 @@
|
|
|
26
32
|
border-radius: var(--n-search-border-radius);
|
|
27
33
|
width: min(var(--n-search-max-w), 100%);
|
|
28
34
|
margin: auto;
|
|
35
|
+
color: var(--n-search-color-text);
|
|
29
36
|
background: var(--n-search-color-bg);
|
|
37
|
+
box-shadow:
|
|
38
|
+
inset 0 0 0 var(--ntl-border-width-thin) var(--n-search-color-border),
|
|
39
|
+
var(--ntl-shadow-l);
|
|
30
40
|
transition-delay: 200ms;
|
|
31
41
|
}
|
|
32
42
|
|
|
33
43
|
.n-search-modal[data-state='ask'] {
|
|
34
44
|
--n-search-max-w: 800px;
|
|
45
|
+
--n-search-container-height: var(--n-search-ask-height);
|
|
35
46
|
}
|
|
36
47
|
|
|
37
48
|
.n-search-container {
|
|
@@ -149,6 +160,7 @@
|
|
|
149
160
|
overflow-y: auto;
|
|
150
161
|
overscroll-behavior: contain;
|
|
151
162
|
scroll-padding-block: var(--space-s);
|
|
163
|
+
scrollbar-color: var(--n-search-color-border) transparent;
|
|
152
164
|
margin-block: 0;
|
|
153
165
|
background: var(--n-search-color-bg);
|
|
154
166
|
}
|
|
@@ -225,6 +225,7 @@
|
|
|
225
225
|
--search-highlight-color: var(--ntl-search-highlight-color);
|
|
226
226
|
--search-icon-color: var(--ntl-search-icon-color);
|
|
227
227
|
--search-input-bg-color: var(--ntl-search-input-bg-color);
|
|
228
|
+
--search-link-color: var(--ntl-search-link-color);
|
|
228
229
|
--search-loading-color: var(--ntl-search-loading-color);
|
|
229
230
|
--search-source-list-color: var(--ntl-search-source-list-color);
|
|
230
231
|
--search-submit-btn-bg-color: var(--ntl-search-submit-btn-bg-color);
|
|
@@ -446,6 +447,7 @@
|
|
|
446
447
|
--search-highlight-color: var(--ntl-search-highlight-color);
|
|
447
448
|
--search-icon-color: var(--ntl-search-icon-color);
|
|
448
449
|
--search-input-bg-color: var(--ntl-search-input-bg-color);
|
|
450
|
+
--search-link-color: var(--ntl-search-link-color);
|
|
449
451
|
--search-loading-color: var(--ntl-search-loading-color);
|
|
450
452
|
--search-source-list-color: var(--ntl-search-source-list-color);
|
|
451
453
|
--search-submit-btn-bg-color: var(--ntl-search-submit-btn-bg-color);
|
|
@@ -658,6 +660,7 @@
|
|
|
658
660
|
--search-highlight-color: var(--ntl-search-highlight-color);
|
|
659
661
|
--search-icon-color: var(--ntl-search-icon-color);
|
|
660
662
|
--search-input-bg-color: var(--ntl-search-input-bg-color);
|
|
663
|
+
--search-link-color: var(--ntl-search-link-color);
|
|
661
664
|
--search-loading-color: var(--ntl-search-loading-color);
|
|
662
665
|
--search-source-list-color: var(--ntl-search-source-list-color);
|
|
663
666
|
--search-submit-btn-bg-color: var(--ntl-search-submit-btn-bg-color);
|
|
@@ -953,6 +956,7 @@
|
|
|
953
956
|
--search-highlight-color: var(--ntl-search-highlight-color);
|
|
954
957
|
--search-icon-color: var(--ntl-search-icon-color);
|
|
955
958
|
--search-input-bg-color: var(--ntl-search-input-bg-color);
|
|
959
|
+
--search-link-color: var(--ntl-search-link-color);
|
|
956
960
|
--search-loading-color: var(--ntl-search-loading-color);
|
|
957
961
|
--search-source-list-color: var(--ntl-search-source-list-color);
|
|
958
962
|
--search-submit-btn-bg-color: var(--ntl-search-submit-btn-bg-color);
|
|
@@ -1051,6 +1055,7 @@
|
|
|
1051
1055
|
--search-highlight-color: var(--ntl-search-highlight-color);
|
|
1052
1056
|
--search-icon-color: var(--ntl-search-icon-color);
|
|
1053
1057
|
--search-input-bg-color: var(--ntl-search-input-bg-color);
|
|
1058
|
+
--search-link-color: var(--ntl-search-link-color);
|
|
1054
1059
|
--search-loading-color: var(--ntl-search-loading-color);
|
|
1055
1060
|
--search-source-list-color: var(--ntl-search-source-list-color);
|
|
1056
1061
|
--search-submit-btn-bg-color: var(--ntl-search-submit-btn-bg-color);
|
|
@@ -490,6 +490,7 @@
|
|
|
490
490
|
--ntl-search-highlight-color: var(--ntl-teal-000);
|
|
491
491
|
--ntl-search-icon-color: var(--ntl-neutral-400);
|
|
492
492
|
--ntl-search-input-bg-color: var(--ntl-neutral-100);
|
|
493
|
+
--ntl-search-link-color: var(--ntl-color-link);
|
|
493
494
|
--ntl-search-loading-color: var(--ntl-teal-700);
|
|
494
495
|
--ntl-search-source-list-color: var(--ntl-neutral-100);
|
|
495
496
|
--ntl-search-submit-btn-bg-color: var(--ntl-teal-200);
|
|
@@ -497,19 +498,19 @@
|
|
|
497
498
|
/* Older name for shadow.floating */
|
|
498
499
|
--ntl-shadow-deep: var(--ntl-shadow-floating);
|
|
499
500
|
/* Menus, popovers, tooltips, sticky bars */
|
|
500
|
-
--ntl-shadow-floating: 0px 16px 24px
|
|
501
|
+
--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);
|
|
501
502
|
/* Older name for shadow.overlay */
|
|
502
503
|
--ntl-shadow-heavy: var(--ntl-shadow-overlay);
|
|
503
|
-
--ntl-shadow-hover: 0px 4px 12px
|
|
504
|
+
--ntl-shadow-hover: 0px 4px 12px rgb(0% 0% 0% / 0.25);
|
|
504
505
|
--ntl-shadow-l: 0px 12px 40px -12px rgb(7.451% 8.6275% 9.8039% / 0.12);
|
|
505
506
|
/* Older name for shadow.raised */
|
|
506
507
|
--ntl-shadow-light: var(--ntl-shadow-raised);
|
|
507
508
|
--ntl-shadow-m: 0px 10px 20px -5px rgb(7.451% 8.6275% 9.8039% / 0.06);
|
|
508
509
|
/* Modals and dialogs */
|
|
509
|
-
--ntl-shadow-overlay: -10px 10px 80px
|
|
510
|
+
--ntl-shadow-overlay: -10px 10px 80px rgb(0% 0% 0% / 0.1);
|
|
510
511
|
/* Cards and tiles at rest */
|
|
511
|
-
--ntl-shadow-raised: 0px 2px 4px
|
|
512
|
-
--ntl-shadow-s: 0px 4px 44px
|
|
512
|
+
--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);
|
|
513
|
+
--ntl-shadow-s: 0px 4px 44px rgb(7.451% 8.6275% 9.8039% / 0.12);
|
|
513
514
|
--ntl-space-0: 0rem;
|
|
514
515
|
--ntl-space-2xl: var(--ntl-space-64);
|
|
515
516
|
--ntl-space-2xs: var(--ntl-space-8);
|
|
@@ -785,16 +786,17 @@
|
|
|
785
786
|
--ntl-red-700: var(--ntl-hues-red-600);
|
|
786
787
|
--ntl-red-800: var(--ntl-hues-red-700);
|
|
787
788
|
--ntl-red-900: var(--ntl-hues-red-900);
|
|
788
|
-
--ntl-search-answer-message-color: var(--ntl-
|
|
789
|
-
--ntl-search-back-btn-bg-color: var(--ntl-
|
|
790
|
-
--ntl-search-bg-color: var(--ntl-
|
|
791
|
-
--ntl-search-highlight-color: var(--ntl-
|
|
792
|
-
--ntl-search-icon-color: var(--ntl-
|
|
793
|
-
--ntl-search-input-bg-color: var(--ntl-
|
|
794
|
-
--ntl-search-
|
|
795
|
-
--ntl-search-
|
|
796
|
-
--ntl-search-
|
|
797
|
-
--ntl-search-
|
|
789
|
+
--ntl-search-answer-message-color: var(--ntl-color-bg-subtle);
|
|
790
|
+
--ntl-search-back-btn-bg-color: var(--ntl-color-bg-surface);
|
|
791
|
+
--ntl-search-bg-color: var(--ntl-color-bg-surface);
|
|
792
|
+
--ntl-search-highlight-color: var(--ntl-hues-sky-100);
|
|
793
|
+
--ntl-search-icon-color: var(--ntl-color-text-weaker);
|
|
794
|
+
--ntl-search-input-bg-color: var(--ntl-color-bg-surface);
|
|
795
|
+
--ntl-search-link-color: var(--ntl-hues-sky-700);
|
|
796
|
+
--ntl-search-loading-color: var(--ntl-color-brand-primary);
|
|
797
|
+
--ntl-search-source-list-color: var(--ntl-color-bg-surface);
|
|
798
|
+
--ntl-search-submit-btn-bg-color: var(--ntl-button-primary-bg-color);
|
|
799
|
+
--ntl-search-user-message-color: var(--ntl-hues-sky-100);
|
|
798
800
|
/* Older name for shadow.floating */
|
|
799
801
|
--ntl-shadow-deep: var(--ntl-shadow-floating);
|
|
800
802
|
/* Menus, popovers, tooltips, sticky bars */
|
|
@@ -1082,16 +1084,17 @@
|
|
|
1082
1084
|
--ntl-neutral-700: var(--ntl-neutral-dark-700);
|
|
1083
1085
|
--ntl-neutral-800: var(--ntl-neutral-dark-800);
|
|
1084
1086
|
--ntl-neutral-900: var(--ntl-neutral-dark-900);
|
|
1085
|
-
--ntl-search-answer-message-color: var(--ntl-
|
|
1086
|
-
--ntl-search-back-btn-bg-color: var(--ntl-
|
|
1087
|
-
--ntl-search-bg-color: var(--ntl-
|
|
1088
|
-
--ntl-search-highlight-color: var(--ntl-
|
|
1089
|
-
--ntl-search-icon-color: var(--ntl-
|
|
1090
|
-
--ntl-search-input-bg-color: var(--ntl-
|
|
1091
|
-
--ntl-search-
|
|
1092
|
-
--ntl-search-
|
|
1093
|
-
--ntl-search-
|
|
1094
|
-
--ntl-search-
|
|
1087
|
+
--ntl-search-answer-message-color: var(--ntl-color-bg-muted);
|
|
1088
|
+
--ntl-search-back-btn-bg-color: var(--ntl-color-bg-surface);
|
|
1089
|
+
--ntl-search-bg-color: var(--ntl-color-bg-surface);
|
|
1090
|
+
--ntl-search-highlight-color: var(--ntl-hues-sky-800);
|
|
1091
|
+
--ntl-search-icon-color: var(--ntl-color-text-weaker);
|
|
1092
|
+
--ntl-search-input-bg-color: var(--ntl-color-bg-surface);
|
|
1093
|
+
--ntl-search-link-color: var(--ntl-hues-sky-300);
|
|
1094
|
+
--ntl-search-loading-color: var(--ntl-color-brand-primary);
|
|
1095
|
+
--ntl-search-source-list-color: var(--ntl-color-bg-surface);
|
|
1096
|
+
--ntl-search-submit-btn-bg-color: var(--ntl-button-primary-bg-color);
|
|
1097
|
+
--ntl-search-user-message-color: var(--ntl-hues-sky-800);
|
|
1095
1098
|
--ntl-tabbed-content-bg-color: rgb(4.7059% 16.471% 16.471% / 0.2);
|
|
1096
1099
|
--ntl-tabbed-content-bg-color-active: var(--ntl-teal-900);
|
|
1097
1100
|
--ntl-tabbed-content-border-color: var(--ntl-color-icon);
|
|
@@ -1489,16 +1492,17 @@
|
|
|
1489
1492
|
--ntl-neutral-700: var(--ntl-neutral-dark-700);
|
|
1490
1493
|
--ntl-neutral-800: var(--ntl-neutral-dark-800);
|
|
1491
1494
|
--ntl-neutral-900: var(--ntl-neutral-dark-900);
|
|
1492
|
-
--ntl-search-answer-message-color: var(--ntl-
|
|
1493
|
-
--ntl-search-back-btn-bg-color: var(--ntl-
|
|
1494
|
-
--ntl-search-bg-color: var(--ntl-
|
|
1495
|
-
--ntl-search-highlight-color: var(--ntl-
|
|
1496
|
-
--ntl-search-icon-color: var(--ntl-
|
|
1497
|
-
--ntl-search-input-bg-color: var(--ntl-
|
|
1498
|
-
--ntl-search-
|
|
1499
|
-
--ntl-search-
|
|
1500
|
-
--ntl-search-
|
|
1501
|
-
--ntl-search-
|
|
1495
|
+
--ntl-search-answer-message-color: var(--ntl-color-bg-muted);
|
|
1496
|
+
--ntl-search-back-btn-bg-color: var(--ntl-color-bg-surface);
|
|
1497
|
+
--ntl-search-bg-color: var(--ntl-color-bg-surface);
|
|
1498
|
+
--ntl-search-highlight-color: var(--ntl-hues-sky-800);
|
|
1499
|
+
--ntl-search-icon-color: var(--ntl-color-text-weaker);
|
|
1500
|
+
--ntl-search-input-bg-color: var(--ntl-color-bg-surface);
|
|
1501
|
+
--ntl-search-link-color: var(--ntl-hues-sky-300);
|
|
1502
|
+
--ntl-search-loading-color: var(--ntl-color-brand-primary);
|
|
1503
|
+
--ntl-search-source-list-color: var(--ntl-color-bg-surface);
|
|
1504
|
+
--ntl-search-submit-btn-bg-color: var(--ntl-button-primary-bg-color);
|
|
1505
|
+
--ntl-search-user-message-color: var(--ntl-hues-sky-800);
|
|
1502
1506
|
--ntl-tabbed-content-bg-color: rgb(4.7059% 16.471% 16.471% / 0.2);
|
|
1503
1507
|
--ntl-tabbed-content-bg-color-active: var(--ntl-teal-900);
|
|
1504
1508
|
--ntl-tabbed-content-border-color: var(--ntl-color-icon);
|
|
@@ -1627,16 +1631,17 @@
|
|
|
1627
1631
|
--ntl-neutral-700: var(--ntl-neutral-light-700);
|
|
1628
1632
|
--ntl-neutral-800: var(--ntl-neutral-light-800);
|
|
1629
1633
|
--ntl-neutral-900: var(--ntl-neutral-light-900);
|
|
1630
|
-
--ntl-search-answer-message-color: var(--ntl-
|
|
1631
|
-
--ntl-search-back-btn-bg-color: var(--ntl-
|
|
1632
|
-
--ntl-search-bg-color: var(--ntl-
|
|
1633
|
-
--ntl-search-highlight-color: var(--ntl-
|
|
1634
|
-
--ntl-search-icon-color: var(--ntl-
|
|
1635
|
-
--ntl-search-input-bg-color: var(--ntl-
|
|
1636
|
-
--ntl-search-
|
|
1637
|
-
--ntl-search-
|
|
1638
|
-
--ntl-search-
|
|
1639
|
-
--ntl-search-
|
|
1634
|
+
--ntl-search-answer-message-color: var(--ntl-color-bg-subtle);
|
|
1635
|
+
--ntl-search-back-btn-bg-color: var(--ntl-color-bg-surface);
|
|
1636
|
+
--ntl-search-bg-color: var(--ntl-color-bg-surface);
|
|
1637
|
+
--ntl-search-highlight-color: var(--ntl-hues-sky-100);
|
|
1638
|
+
--ntl-search-icon-color: var(--ntl-color-text-weaker);
|
|
1639
|
+
--ntl-search-input-bg-color: var(--ntl-color-bg-surface);
|
|
1640
|
+
--ntl-search-link-color: var(--ntl-hues-sky-700);
|
|
1641
|
+
--ntl-search-loading-color: var(--ntl-color-brand-primary);
|
|
1642
|
+
--ntl-search-source-list-color: var(--ntl-color-bg-surface);
|
|
1643
|
+
--ntl-search-submit-btn-bg-color: var(--ntl-button-primary-bg-color);
|
|
1644
|
+
--ntl-search-user-message-color: var(--ntl-hues-sky-100);
|
|
1640
1645
|
--ntl-tabbed-content-bg-color: var(--ntl-neutral-000);
|
|
1641
1646
|
--ntl-tabbed-content-bg-color-active: var(--ntl-neutral-000);
|
|
1642
1647
|
--ntl-tabbed-content-border-color: var(--ntl-color-icon);
|