@node-core/ui-components 1.4.1 → 1.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/Common/BaseCodeBox/index.module.css +1 -1
- package/Common/Search/Chat/Actions/index.module.css +1 -1
- package/Common/Search/Chat/Input/index.js +1 -1
- package/Common/Search/Chat/Input/index.module.css +1 -1
- package/Common/Search/Chat/Trigger/index.module.css +1 -1
- package/Common/Search/Input/index.module.css +1 -1
- package/Common/Search/Modal/index.js +1 -1
- package/Common/Search/Modal/index.module.css +1 -1
- package/Common/Search/Results/Hit/index.module.css +1 -1
- package/Common/Search/Results/Tabs/index.module.css +1 -1
- package/Common/Search/Suggestions/index.js +1 -1
- package/package.json +2 -2
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
|
|
2
|
-
.root{border-radius:var(--radius-sm,.25rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-neutral-900,#2c3437);background-color:var(--color-neutral-950,#0d121c);width:100
|
|
2
|
+
.root{border-radius:var(--radius-sm,.25rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-neutral-900,#2c3437);background-color:var(--color-neutral-950,#0d121c);width:100%;max-width:100%;overflow-x:hidden}.root .content{margin:calc(var(--spacing,.25rem)*0);min-width:calc(var(--spacing,.25rem)*0);padding:calc(var(--spacing,.25rem)*4)}.root .content>code{max-width:100%;padding:calc(var(--spacing,.25rem)*0);font-family:var(--font-ibm-plex-mono,var(--font-ibm-plex-mono));font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857));--tw-leading:var(--leading-snug,1.375);line-height:var(--leading-snug,1.375);--tw-font-weight:var(--font-weight-regular,400);font-weight:var(--font-weight-regular,400);color:var(--color-neutral-400,#cbd4d9);counter-reset:line;scrollbar-width:thin;background-color:#0000;grid-template-columns:minmax(0,1fr);display:grid;overflow-x:auto}.root .content>code>[class=line]{min-width:calc(var(--spacing,.25rem)*0);padding-left:calc(var(--spacing,.25rem)*8);overflow-wrap:break-word;position:relative}.root .content>code>[class=line]:not(:empty:last-child):before{--tw-content:"";content:var(--tw-content);display:inline-block}.root .content>code>[class=line]:not(:empty:last-child):after{top:calc(var(--spacing,.25rem)*0);left:calc(var(--spacing,.25rem)*0);margin-right:calc(var(--spacing,.25rem)*4);width:calc(var(--spacing,.25rem)*4.5);text-align:right;font-family:var(--font-ibm-plex-mono,var(--font-ibm-plex-mono));color:var(--color-neutral-600,#929fa5);content:counter(line);counter-increment:line;position:absolute}.root>.footer{border-top-style:var(--tw-border-style);border-top-width:1px;border-top-color:var(--color-neutral-900,#2c3437);padding-inline:calc(var(--spacing,.25rem)*4);padding-block:calc(var(--spacing,.25rem)*3);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);justify-content:space-between;align-items:center;display:flex}.root>.footer>.language{color:var(--color-neutral-400,#cbd4d9)}.root>.footer>.action{padding-inline:calc(var(--spacing,.25rem)*3);padding-block:calc(var(--spacing,.25rem)*1.5);--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}.icon{width:calc(var(--spacing,.25rem)*4);height:calc(var(--spacing,.25rem)*4)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
|
|
2
|
-
.chatActionsContainer{justify-content:flex-end;align-items:center;display:flex}.chatActionsList{align-items:center;gap:calc(var(--spacing,.25rem)*2);padding:calc(var(--spacing,.25rem)*0);list-style-type:none;display:flex}.chatAction{cursor:pointer;padding:calc(var(--spacing,.25rem)*2);color:var(--color-neutral-800,#556066)
|
|
2
|
+
.chatActionsContainer{justify-content:flex-end;align-items:center;display:flex}.chatActionsList{align-items:center;gap:calc(var(--spacing,.25rem)*2);padding:calc(var(--spacing,.25rem)*0);list-style-type:none;display:flex}.chatAction{cursor:pointer;padding:calc(var(--spacing,.25rem)*2);color:var(--color-neutral-800,#556066);border-radius:3.40282e38px}@media (hover:hover){.chatAction:hover{background-color:var(--color-neutral-300,#d9e1e4)}}.chatAction:focus{background-color:var(--color-neutral-300,#d9e1e4);--tw-outline-style:none;outline-style:none}@media (prefers-reduced-motion:no-preference){.chatAction{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}}.chatAction:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-400,#cbd4d9)}@media (hover:hover){.chatAction:where([data-theme=dark],[data-theme=dark] *):hover{background-color:var(--color-neutral-900,#2c3437)}}.chatAction:where([data-theme=dark],[data-theme=dark] *):focus{background-color:var(--color-neutral-900,#2c3437)}.chatAction svg{width:calc(var(--spacing,.25rem)*4);height:calc(var(--spacing,.25rem)*4)}.chatActionIconSelected{color:var(--color-green-600,#417e38)}.chatActionIconSelected:where([data-theme=dark],[data-theme=dark] *){color:var(--color-green-400,#84ba64)}.chatActionDisaliked{color:var(--color-neutral-900,#2c3437)}.chatActionDisaliked:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-800,#556066)}
|
|
@@ -17,6 +17,6 @@ const ChatInput = ({ suggestions, placeholder, disclaimer, }) => {
|
|
|
17
17
|
clearTimeout(timeoutId);
|
|
18
18
|
};
|
|
19
19
|
}, []);
|
|
20
|
-
return (_jsxs(_Fragment, { children: [!interactions?.length && _jsx(SearchSuggestions, { suggestions: suggestions }), _jsxs("div", { className: styles.textareaContainer, children: [_jsxs(PromptTextArea.Wrapper, { className: styles.textareaWrapper, children: [_jsx(PromptTextArea.Field, { id: "orama-chat-input", name: "chat-input", placeholder: placeholder, rows: 1, maxLength: 500, autoFocus: true, ref: textareaRef, className: styles.textareaField }), _jsx(PromptTextArea.Button, { abortContent: _jsx(PauseCircleIcon, {}), className: styles.textareaButton, children: _jsx(PaperAirplaneIcon, {}) })] }), _jsx("div", { className: styles.textareaFooter, children: _jsx("small", { children: disclaimer }) })] })] }));
|
|
20
|
+
return (_jsxs(_Fragment, { children: [!interactions?.length && (_jsx(SearchSuggestions, { suggestions: suggestions, wrapper: styles.suggestionsWrapper, className: styles.suggestionsItem })), _jsxs("div", { className: styles.textareaContainer, children: [_jsxs(PromptTextArea.Wrapper, { className: styles.textareaWrapper, children: [_jsx(PromptTextArea.Field, { id: "orama-chat-input", name: "chat-input", placeholder: placeholder, rows: 1, maxLength: 500, autoFocus: true, ref: textareaRef, className: styles.textareaField }), _jsx(PromptTextArea.Button, { abortContent: _jsx(PauseCircleIcon, {}), className: styles.textareaButton, children: _jsx(PaperAirplaneIcon, {}) })] }), _jsx("div", { className: styles.textareaFooter, children: _jsx("small", { children: disclaimer }) })] })] }));
|
|
21
21
|
};
|
|
22
22
|
export default ChatInput;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
|
|
2
|
-
.textareaContainer{padding-inline:calc(var(--spacing,.25rem)*1)}.textareaWrapper{border-radius:var(--radius-2xl,1rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-neutral-300,#d9e1e4);background-color:var(--color-neutral-100,#f6f7f9);padding-block:calc(var(--spacing,.25rem)*2);padding-right:calc(var(--spacing,.25rem)*1);padding-left:calc(var(--spacing,.25rem)*3);align-items:center;display:flex}.textareaWrapper:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-900,#2c3437);background-color:var(--color-neutral-950,#0d121c)}.textareaField{border-style:var(--tw-border-style);color:var(--color-neutral-900,#2c3437);background-color:#0000;border-width:0;flex:1}.textareaField:focus{--tw-outline-style:none;outline-style:none}.textareaField:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-200,#e9edf0)}.textareaButton{cursor:pointer;border-radius:var(--radius-xl,.75rem);background-color:var(--color-green-600,#417e38);padding:calc(var(--spacing,.25rem)*2);color:var(--color-white,#fff)
|
|
2
|
+
.textareaContainer{padding-inline:calc(var(--spacing,.25rem)*1)}.textareaWrapper{border-radius:var(--radius-2xl,1rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-neutral-300,#d9e1e4);background-color:var(--color-neutral-100,#f6f7f9);padding-block:calc(var(--spacing,.25rem)*2);padding-right:calc(var(--spacing,.25rem)*1);padding-left:calc(var(--spacing,.25rem)*3);align-items:center;display:flex}.textareaWrapper:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-900,#2c3437);background-color:var(--color-neutral-950,#0d121c)}.textareaField{border-style:var(--tw-border-style);color:var(--color-neutral-900,#2c3437);background-color:#0000;border-width:0;flex:1}.textareaField:focus{--tw-outline-style:none;outline-style:none}.textareaField:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-200,#e9edf0)}.textareaButton{cursor:pointer;border-radius:var(--radius-xl,.75rem);background-color:var(--color-green-600,#417e38);padding:calc(var(--spacing,.25rem)*2);color:var(--color-white,#fff)}.textareaButton:focus{background-color:#417e38bf}@supports (color:color-mix(in lab, red, red)){.textareaButton:focus{background-color:color-mix(in oklab,var(--color-green-600,#417e38)75%,transparent)}}.textareaButton:focus{--tw-outline-style:none;outline-style:none}.textareaButton:disabled{cursor:not-allowed;background-color:#e9edf099}@supports (color:color-mix(in lab, red, red)){.textareaButton:disabled{background-color:color-mix(in oklab,var(--color-neutral-200,#e9edf0)60%,transparent)}}.textareaButton:disabled{color:var(--color-neutral-800,#556066)}@media (prefers-reduced-motion:no-preference){.textareaButton{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}}.textareaButton:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-green-400,#84ba64);color:var(--color-neutral-400,#cbd4d9)}.textareaButton:focus:where([data-theme=dark],[data-theme=dark] *){background-color:#84ba64bf}@supports (color:color-mix(in lab, red, red)){.textareaButton:focus:where([data-theme=dark],[data-theme=dark] *){background-color:color-mix(in oklab,var(--color-green-400,#84ba64)75%,transparent)}}.textareaButton:disabled:where([data-theme=dark],[data-theme=dark] *){background-color:#2c343799}@supports (color:color-mix(in lab, red, red)){.textareaButton:disabled:where([data-theme=dark],[data-theme=dark] *){background-color:color-mix(in oklab,var(--color-neutral-900,#2c3437)60%,transparent)}}.textareaButton svg{width:calc(var(--spacing,.25rem)*4);height:calc(var(--spacing,.25rem)*4)}.textareaFooter{padding-top:calc(var(--spacing,.25rem)*1);text-align:center;font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,1.33333));color:var(--color-neutral-800,#556066)}@media (min-width:40rem){.textareaFooter{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857))}}.textareaFooter:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-500,#b1bcc2)}.suggestionsWrapper{margin-bottom:calc(var(--spacing,.25rem)*4);align-items:center;gap:calc(var(--spacing,.25rem)*2);padding-inline:calc(var(--spacing,.25rem)*1);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857));display:flex;overflow-x:auto}@media (min-width:64rem){.suggestionsWrapper{justify-content:center}}.suggestionsWrapper::-webkit-scrollbar{display:none}.suggestionsItem{cursor:pointer;border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-neutral-300,#d9e1e4);background-color:var(--color-neutral-200,#e9edf0);width:max-content;height:max-content;padding-inline:calc(var(--spacing,.25rem)*3);padding-block:calc(var(--spacing,.25rem)*1);white-space:nowrap;color:var(--color-neutral-900,#2c3437);border-radius:3.40282e38px;display:flex}@media (hover:hover){.suggestionsItem:hover{background-color:var(--color-neutral-300,#d9e1e4)}}.suggestionsItem:focus{background-color:var(--color-neutral-300,#d9e1e4);--tw-outline-style:none;outline-style:none}@media (prefers-reduced-motion:no-preference){.suggestionsItem{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}}.suggestionsItem:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-900,#2c3437);background-color:var(--color-neutral-950,#0d121c);color:var(--color-neutral-200,#e9edf0)}@media (hover:hover){.suggestionsItem:where([data-theme=dark],[data-theme=dark] *):hover{background-color:var(--color-neutral-900,#2c3437)}}.suggestionsItem:where([data-theme=dark],[data-theme=dark] *):focus{background-color:var(--color-neutral-900,#2c3437)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
|
|
2
|
-
.chatButtonWrapper{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-neutral-200,#e9edf0);padding:calc(var(--spacing,.25rem)*2);display:block}.chatButtonWrapper:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-900,#2c3437)}.chatButtonWrapper svg{width:calc(var(--spacing,.25rem)*4);height:calc(var(--spacing,.25rem)*4)}.chatButton{cursor:pointer;align-items:center;gap:calc(var(--spacing,.25rem)*2);border-radius:var(--radius-lg,.5rem);border-style:var(--tw-border-style);width:100%;padding:calc(var(--spacing,.25rem)*3);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857))
|
|
2
|
+
.chatButtonWrapper{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-neutral-200,#e9edf0);padding:calc(var(--spacing,.25rem)*2);display:block}.chatButtonWrapper:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-900,#2c3437)}.chatButtonWrapper svg{width:calc(var(--spacing,.25rem)*4);height:calc(var(--spacing,.25rem)*4)}.chatButton{cursor:pointer;align-items:center;gap:calc(var(--spacing,.25rem)*2);border-radius:var(--radius-lg,.5rem);border-style:var(--tw-border-style);width:100%;padding:calc(var(--spacing,.25rem)*3);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857));background-color:#0000;border-width:1px;border-color:#0000;display:flex}@media (hover:hover){.chatButton:hover{background-color:var(--color-neutral-300,#d9e1e4)}}.chatButton:focus-visible{border-color:var(--color-green-600,#417e38);--tw-outline-style:none;outline-style:none}@media (prefers-reduced-motion:no-preference){.chatButton{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}}@media (hover:hover){.chatButton:where([data-theme=dark],[data-theme=dark] *):hover{background-color:var(--color-neutral-900,#2c3437)}}.chatButton:where([data-theme=dark],[data-theme=dark] *):focus-visible{border-color:var(--color-green-400,#84ba64)}.chatButtonWithSearch{background-color:var(--color-neutral-300,#d9e1e4)}.chatButtonWithSearch:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-neutral-900,#2c3437)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
|
|
2
|
-
.searchInputWrapper{position:relative}.searchInputWrapper svg{top:50%;left:calc(var(--spacing,.25rem)*3);width:calc(var(--spacing,.25rem)*4);height:calc(var(--spacing,.25rem)*4);--tw-translate-y:-50%;translate:var(--tw-translate-x)var(--tw-translate-y);color:var(--color-neutral-500,#b1bcc2);position:absolute}.searchInputWrapper svg:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-600,#929fa5)}.searchInput{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-neutral-200,#e9edf0);width:100%;padding-block:calc(var(--spacing,.25rem)*4);padding-right:calc(var(--spacing,.25rem)*4);padding-left:calc(var(--spacing,.25rem)*9);font-size:var(--text-
|
|
2
|
+
.searchInputWrapper{position:relative}.searchInputWrapper svg{top:50%;left:calc(var(--spacing,.25rem)*3);width:calc(var(--spacing,.25rem)*4);height:calc(var(--spacing,.25rem)*4);--tw-translate-y:-50%;translate:var(--tw-translate-x)var(--tw-translate-y);color:var(--color-neutral-500,#b1bcc2);position:absolute}.searchInputWrapper svg:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-600,#929fa5)}.searchInput{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-neutral-200,#e9edf0);width:100%;padding-block:calc(var(--spacing,.25rem)*4);padding-right:calc(var(--spacing,.25rem)*4);padding-left:calc(var(--spacing,.25rem)*9);font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,1.5));color:var(--color-neutral-900,#2c3437);background-color:#0000}.searchInput::placeholder{color:var(--color-neutral-500,#b1bcc2)}.searchInput:focus{--tw-outline-style:none;outline-style:none}@media (min-width:48rem){.searchInput{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857))}}.searchInput:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-900,#2c3437);color:var(--color-neutral-200,#e9edf0)}.searchInput:where([data-theme=dark],[data-theme=dark] *)::placeholder{color:var(--color-neutral-600,#929fa5)}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
|
|
@@ -3,5 +3,5 @@ import { MagnifyingGlassIcon } from '@heroicons/react/24/solid';
|
|
|
3
3
|
import { SearchRoot, ChatRoot, Modal } from '@orama/ui/components';
|
|
4
4
|
import SearchInput from '#ui/Common/Search/Input';
|
|
5
5
|
import styles from './index.module.css';
|
|
6
|
-
const SearchModal = ({ children, client, placeholder, }) => (_jsx("div", { className: styles.searchboxContainer, children: _jsxs(Modal.Root, { children: [_jsxs(Modal.Trigger, { type: "button", disabled: !client, enableCmdK: true, className: styles.searchButton, children: [_jsxs("div", { className: styles.searchButtonContent, children: [_jsx(MagnifyingGlassIcon, {}), placeholder] }), _jsx("span", { className: styles.searchButtonShortcut, children: "\u2318 K" })] }), _jsx(Modal.Wrapper, { closeOnOutsideClick: true, closeOnEscape: true, className: styles.modalWrapper, children: _jsx(SearchRoot, { client: client, children: _jsx(ChatRoot, { client: client, askOptions: { throttle_delay: 50 }, children: _jsx(Modal.Inner, { className: styles.modalInner, children: _jsxs(Modal.Content, { className: styles.modalContent, children: [_jsx(SearchInput, { placeholder: placeholder, ariaLabel: placeholder }), children] }) }) }) }) })] }) }));
|
|
6
|
+
const SearchModal = ({ children, client, placeholder, }) => (_jsx("div", { className: styles.searchboxContainer, children: _jsxs(Modal.Root, { children: [_jsxs(Modal.Trigger, { type: "button", disabled: !client, enableCmdK: true, className: styles.searchButton, children: [_jsxs("div", { className: styles.searchButtonContent, children: [_jsx(MagnifyingGlassIcon, {}), placeholder] }), _jsx("span", { className: styles.searchButtonShortcut, children: "\u2318 K" })] }), _jsx(Modal.Wrapper, { closeOnOutsideClick: true, closeOnEscape: true, className: styles.modalWrapper, children: _jsx(SearchRoot, { client: client, children: _jsx(ChatRoot, { client: client, askOptions: { throttle_delay: 50 }, children: _jsx(Modal.Inner, { className: styles.modalInner, children: _jsxs(Modal.Content, { className: styles.modalContent, children: [_jsx(SearchInput, { placeholder: placeholder, ariaLabel: placeholder }), _jsx(Modal.Close, { className: styles.modalCloseButton }), children] }) }) }) }) })] }) }));
|
|
7
7
|
export default SearchModal;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
|
|
2
|
-
.searchboxContainer{flex-grow:1}.searchboxContainer *{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.searchButton{cursor:pointer;justify-content:space-between;align-items:center;gap:calc(var(--spacing,.25rem)*1);border-radius:var(--radius-xl,.75rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-neutral-300,#d9e1e4);background-color:var(--color-white,#fff);width:100%;padding:calc(var(--spacing,.25rem)*1.5);color:var(--color-neutral-900,#2c3437)
|
|
2
|
+
.searchboxContainer{flex-grow:1}.searchboxContainer *{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.searchButton{min-height:calc(var(--spacing,.25rem)*10);cursor:pointer;justify-content:space-between;align-items:center;gap:calc(var(--spacing,.25rem)*1);border-radius:var(--radius-xl,.75rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-neutral-300,#d9e1e4);background-color:var(--color-white,#fff);width:100%;padding:calc(var(--spacing,.25rem)*1.5);color:var(--color-neutral-900,#2c3437);flex-grow:1;display:flex}@media (hover:hover){.searchButton:hover{background-color:var(--color-neutral-100,#f6f7f9)}}@media (prefers-reduced-motion:no-preference){.searchButton{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}}.searchButton:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-900,#2c3437);background-color:var(--color-neutral-950,#0d121c);color:var(--color-neutral-200,#e9edf0)}.searchButton:hover{background-color:var(--color-neutral-100,#f6f7f9)}@media (prefers-reduced-motion:no-preference){.searchButton:hover{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;transition-duration:.3s}}.searchButton:hover:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-neutral-900,#2c3437)}.searchButton:hover .searchButtonShortcut{background-color:var(--color-neutral-200,#e9edf0)}.searchButton:hover .searchButtonShortcut:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-neutral-800,#556066)}.searchButtonContent{align-items:center;gap:calc(var(--spacing,.25rem)*2);padding-left:calc(var(--spacing,.25rem)*1);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857));flex-wrap:nowrap;display:flex;position:relative}.searchButtonContent svg{width:calc(var(--spacing,.25rem)*4);height:calc(var(--spacing,.25rem)*4)}.searchButtonShortcut{border-radius:var(--radius-md,.375rem);background-color:var(--color-neutral-300,#d9e1e4);padding-inline:calc(var(--spacing,.25rem)*2);padding-block:calc(var(--spacing,.25rem)*1);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857));color:var(--color-neutral-800,#556066);display:none}@media (min-width:48rem){.searchButtonShortcut{display:inline}}.searchButtonShortcut:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-neutral-900,#2c3437);color:var(--color-neutral-400,#cbd4d9)}.modalWrapper{top:calc(var(--spacing,.25rem)*0);left:calc(var(--spacing,.25rem)*0);z-index:50;margin-inline:auto;margin-block:calc(var(--spacing,.25rem)*0);background-color:#ffffffb3;justify-content:center;align-items:flex-start;width:100%;height:100%;display:flex;position:fixed}@supports (color:color-mix(in lab, red, red)){.modalWrapper{background-color:color-mix(in oklab,var(--color-white,#fff)70%,transparent)}}@media (min-width:64rem){.modalWrapper{padding-top:5vh}}.modalWrapper:where([data-theme=dark],[data-theme=dark] *){background-color:#09090bb3}@supports (color:color-mix(in lab, red, red)){.modalWrapper:where([data-theme=dark],[data-theme=dark] *){background-color:color-mix(in oklab,var(--color-zinc-950,oklch(14.1% .005 285.823))70%,transparent)}}.modalInner{top:calc(var(--spacing,.25rem)*0);bottom:calc(var(--spacing,.25rem)*0);margin-inline:auto;margin-block:calc(var(--spacing,.25rem)*0);background-color:var(--color-white,#fff);max-width:none;height:100%;display:flex;position:fixed}@media (min-width:64rem){.modalInner{height:auto;max-width:var(--container-3xl,48rem);background-color:var(--color-neutral-100,#f6f7f9);top:auto;bottom:auto}}.modalInner:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-zinc-950,oklch(14.1% .005 285.823))}@media (min-width:64rem){.modalInner:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-neutral-950,#0d121c)}}.modalContent{border-color:var(--color-neutral-200,#e9edf0);flex-direction:column;width:100vw;height:100%;display:flex}@media (min-width:64rem){.modalContent{border-radius:var(--radius-xl,.75rem);border-style:var(--tw-border-style);border-width:1px;width:auto;height:auto;max-height:70vh}}.modalContent:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-900,#2c3437)}.modalCloseButton{top:calc(var(--spacing,.25rem)*2);right:calc(var(--spacing,.25rem)*4);z-index:10;cursor:pointer;background-color:var(--color-white,#fff);padding-inline:calc(var(--spacing,.25rem)*2);font-size:var(--text-2xl,1.5rem);line-height:var(--tw-leading,var(--text-2xl--line-height,1.33333));color:var(--color-neutral-950,#0d121c);position:absolute}@media (min-width:48rem){.modalCloseButton{display:none}}.modalCloseButton:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-black,#000);color:var(--color-neutral-200,#e9edf0)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
|
|
2
|
-
.link{align-items:center;gap:calc(var(--spacing,.25rem)*4);border-radius:var(--radius-xl,.75rem);border-style:var(--tw-border-style);background-color:var(--color-neutral-100,#f6f7f9);padding-inline:calc(var(--spacing,.25rem)*4);padding-block:calc(var(--spacing,.25rem)*2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857));color:var(--color-neutral-900,#2c3437);--tw-
|
|
2
|
+
.link{align-items:center;gap:calc(var(--spacing,.25rem)*4);border-radius:var(--radius-xl,.75rem);border-style:var(--tw-border-style);background-color:var(--color-neutral-100,#f6f7f9);padding-inline:calc(var(--spacing,.25rem)*4);padding-block:calc(var(--spacing,.25rem)*2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857));color:var(--color-neutral-900,#2c3437);--tw-outline-style:none;border-width:1px;border-color:#0000;outline-style:none;display:flex}@media (hover:hover){.link:hover{background-color:var(--color-neutral-200,#e9edf0)}}.link:focus{background-color:var(--color-neutral-200,#e9edf0)}.link:focus-visible{border-color:var(--color-green-600,#417e38);background-color:#0000}@media (prefers-reduced-motion:no-preference){.link{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}}.link:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-zinc-950,oklch(14.1% .005 285.823));color:var(--color-neutral-200,#e9edf0)}@media (hover:hover){.link:where([data-theme=dark],[data-theme=dark] *):hover{background-color:var(--color-neutral-900,#2c3437)}}@media (min-width:64rem){.link:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-neutral-950,#0d121c)}}.link svg{width:calc(var(--spacing,.25rem)*5);height:calc(var(--spacing,.25rem)*5)}.hitDescription{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857));color:var(--color-neutral-600,#929fa5)}.hitDescription:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-700,#6e7b83)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
|
|
2
|
-
.facetTabsWrapper{margin-bottom:calc(var(--spacing,.25rem)*2);overflow-x:auto}.facetTabsWrapper::-webkit-scrollbar{display:none}.facetTabItem{cursor:pointer;align-items:center;gap:calc(var(--spacing,.25rem)*2);border-radius:var(--radius-3xl,1.5rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-neutral-200,#e9edf0);padding-inline:calc(var(--spacing,.25rem)*3);padding-block:calc(var(--spacing,.25rem)*1);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857))
|
|
2
|
+
.facetTabsWrapper{margin-bottom:calc(var(--spacing,.25rem)*2);overflow-x:auto}.facetTabsWrapper::-webkit-scrollbar{display:none}.facetTabItem{cursor:pointer;align-items:center;gap:calc(var(--spacing,.25rem)*2);border-radius:var(--radius-3xl,1.5rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-neutral-200,#e9edf0);padding-inline:calc(var(--spacing,.25rem)*3);padding-block:calc(var(--spacing,.25rem)*1);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857));display:flex}.facetTabItem:focus{--tw-outline-style:none;outline-style:none}.facetTabItem:focus-visible{background-color:var(--color-neutral-300,#d9e1e4)}@media (prefers-reduced-motion:no-preference){.facetTabItem{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}}.facetTabItem:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-900,#2c3437)}.facetTabItem:where([data-theme=dark],[data-theme=dark] *):focus-visible{background-color:var(--color-neutral-900,#2c3437)}.facetTabItemSelected{border-style:var(--tw-border-style);border-width:2px;border-color:var(--color-green-600,#417e38)}.facetTabItemSelected:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-green-400,#84ba64)}.facetTabsList{align-items:center;gap:calc(var(--spacing,.25rem)*2);display:flex;overflow-x:auto}.facetTabsList::-webkit-scrollbar{display:none}.facetTabItemCount{color:var(--color-neutral-700,#6e7b83)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
|
|
@@ -3,7 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
3
3
|
import { SparklesIcon } from '@heroicons/react/24/outline';
|
|
4
4
|
import { Suggestions } from '@orama/ui/components/Suggestions';
|
|
5
5
|
import styles from './index.module.css';
|
|
6
|
-
const SearchSuggestions = ({ suggestions, label, ...props }) => (_jsxs(Suggestions.Wrapper, { className:
|
|
6
|
+
const SearchSuggestions = ({ suggestions, label, wrapper = styles.suggestionsWrapper, className = styles.suggestionItem, ...props }) => (_jsxs(Suggestions.Wrapper, { className: wrapper, children: [label && _jsx("p", { className: styles.suggestionsTitle, children: label }), suggestions.map((suggestion, i) => (_createElement(Suggestions.Item, { ...props, key: i, className: className },
|
|
7
7
|
_jsx(SparklesIcon, {}),
|
|
8
8
|
suggestion)))] }));
|
|
9
9
|
export default SearchSuggestions;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@node-core/ui-components",
|
|
3
|
-
"version": "1.4.
|
|
3
|
+
"version": "1.4.2",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
},
|
|
10
10
|
"dependencies": {
|
|
11
11
|
"@heroicons/react": "^2.2.0",
|
|
12
|
-
"@orama/ui": "^1.5.
|
|
12
|
+
"@orama/ui": "^1.5.4",
|
|
13
13
|
"@radix-ui/react-avatar": "^1.1.11",
|
|
14
14
|
"@radix-ui/react-dialog": "^1.1.15",
|
|
15
15
|
"@radix-ui/react-dropdown-menu": "~2.1.16",
|