@node-core/ui-components 1.5.1 → 1.5.3
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.
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
|
|
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}
|
|
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:48rem){.modalContent{max-width:42rem}}@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.18 | 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-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}
|
|
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);flex-shrink:0}.link>div{min-width:calc(var(--spacing,.25rem)*0)}.hitDescription{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857));text-overflow:ellipsis;white-space:nowrap;color:var(--color-neutral-600,#929fa5);overflow:hidden}.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.18 | 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));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}
|
|
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);width:max-content;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}
|
|
@@ -2,5 +2,5 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import { ArrowUpRightIcon } from '@heroicons/react/24/solid';
|
|
3
3
|
import BaseActiveLink from '#ui/Common/BaseActiveLink';
|
|
4
4
|
import styles from './index.module.css';
|
|
5
|
-
const SidebarItem = ({ label, link, ...props }) => (_jsx(BaseActiveLink, { className: styles.item, href: link, activeClassName: styles.active, ...props, children: _jsxs("div", { className: styles.label, children: [_jsx("span", { children: label }), /^https?:/.test(link) && _jsx(ArrowUpRightIcon, { className: styles.icon })] }) }));
|
|
5
|
+
const SidebarItem = ({ label, link, ...props }) => (_jsx("li", { children: _jsx(BaseActiveLink, { className: styles.item, href: link, activeClassName: styles.active, ...props, children: _jsxs("div", { className: styles.label, children: [_jsx("span", { children: label }), /^https?:/.test(link) && _jsx(ArrowUpRightIcon, { className: styles.icon })] }) }) }));
|
|
6
6
|
export default SidebarItem;
|