@miozu/jera 0.6.2 → 0.6.4
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/llms.txt
CHANGED
|
@@ -64,7 +64,47 @@
|
|
|
64
64
|
- [Tabs](/src/components/navigation/Tabs.svelte): Tab navigation
|
|
65
65
|
- [Accordion](/src/components/navigation/Accordion.svelte): Collapsible sections
|
|
66
66
|
- [Sidebar](/src/components/navigation/Sidebar.svelte): App sidebar
|
|
67
|
-
|
|
67
|
+
|
|
68
|
+
#### LeftBar System (1:1 match with dash.selify.ai WorkspaceSidebar)
|
|
69
|
+
- [LeftBar](/src/components/navigation/LeftBar.svelte): Collapsible sidebar container with context
|
|
70
|
+
- [LeftBarSection](/src/components/navigation/LeftBarSection.svelte): Grouped navigation with optional title
|
|
71
|
+
- [LeftBarItem](/src/components/navigation/LeftBarItem.svelte): Nav item with subroutes support
|
|
72
|
+
- [LeftBarPopover](/src/components/navigation/LeftBarPopover.svelte): Hover popover for collapsed state
|
|
73
|
+
|
|
74
|
+
## LeftBar API (v0.6.2+)
|
|
75
|
+
|
|
76
|
+
```svelte
|
|
77
|
+
<LeftBar bind:collapsed persistKey="my-sidebar">
|
|
78
|
+
{#snippet header()}
|
|
79
|
+
<DropdownContainer {themeState} />
|
|
80
|
+
{/snippet}
|
|
81
|
+
{#snippet navigation()}
|
|
82
|
+
<LeftBarSection title="Main">
|
|
83
|
+
<LeftBarItem href="/" icon={Home} label="Dashboard" active={true} />
|
|
84
|
+
<LeftBarItem
|
|
85
|
+
label="Services"
|
|
86
|
+
icon={Server}
|
|
87
|
+
expandable
|
|
88
|
+
bind:expanded={servicesOpen}
|
|
89
|
+
subroutes={[
|
|
90
|
+
{ label: 'Overview', href: '/services' },
|
|
91
|
+
{ label: 'Errors', href: '/errors' }
|
|
92
|
+
]}
|
|
93
|
+
/>
|
|
94
|
+
</LeftBarSection>
|
|
95
|
+
{/snippet}
|
|
96
|
+
{#snippet footer()}
|
|
97
|
+
<LeftBarToggle />
|
|
98
|
+
{/snippet}
|
|
99
|
+
</LeftBar>
|
|
100
|
+
```
|
|
101
|
+
|
|
102
|
+
Context API (provided by LeftBar):
|
|
103
|
+
- `collapsed`: boolean - Current collapsed state
|
|
104
|
+
- `toggle()`: Toggle collapsed state
|
|
105
|
+
- `showPopover(id, event)`: Show hover popover (collapsed mode)
|
|
106
|
+
- `hidePopover()`: Hide popover with delay
|
|
107
|
+
- `keepPopoverOpen()`: Cancel hide delay (on popover enter)
|
|
68
108
|
|
|
69
109
|
## Actions
|
|
70
110
|
- [clickOutside](/src/actions/index.js): Detect clicks outside element
|
package/package.json
CHANGED
|
@@ -155,7 +155,10 @@
|
|
|
155
155
|
display: flex;
|
|
156
156
|
align-items: center;
|
|
157
157
|
gap: 0.5rem;
|
|
158
|
+
/* font-size and line-height MUST come after font-family to not be overwritten */
|
|
159
|
+
font-family: inherit;
|
|
158
160
|
font-size: 0.875rem;
|
|
161
|
+
line-height: 1.25rem;
|
|
159
162
|
color: var(--color-base06);
|
|
160
163
|
cursor: pointer;
|
|
161
164
|
border-radius: 0.375rem;
|
|
@@ -166,7 +169,6 @@
|
|
|
166
169
|
overflow: hidden;
|
|
167
170
|
background: transparent;
|
|
168
171
|
border: none;
|
|
169
|
-
font: inherit;
|
|
170
172
|
text-align: left;
|
|
171
173
|
}
|
|
172
174
|
|
|
@@ -243,6 +245,7 @@
|
|
|
243
245
|
display: block;
|
|
244
246
|
padding: 0.25rem 0.5rem;
|
|
245
247
|
font-size: 0.875rem;
|
|
248
|
+
line-height: 1.25rem;
|
|
246
249
|
color: var(--color-base05);
|
|
247
250
|
transition: all 150ms;
|
|
248
251
|
width: 100%;
|
|
@@ -87,6 +87,7 @@
|
|
|
87
87
|
.popover-header {
|
|
88
88
|
padding: 0.5rem 1rem;
|
|
89
89
|
font-size: 0.75rem;
|
|
90
|
+
line-height: 1rem;
|
|
90
91
|
font-weight: 600;
|
|
91
92
|
color: var(--color-base06);
|
|
92
93
|
text-transform: uppercase;
|
|
@@ -105,6 +106,7 @@
|
|
|
105
106
|
display: block;
|
|
106
107
|
padding: 0.5rem 1rem;
|
|
107
108
|
font-size: 0.875rem;
|
|
109
|
+
line-height: 1.25rem;
|
|
108
110
|
color: var(--color-base06);
|
|
109
111
|
transition: all 150ms;
|
|
110
112
|
cursor: pointer;
|