@cl-light-ds/ui 0.6.0 → 0.6.1
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/package.json
CHANGED
|
@@ -2,6 +2,12 @@
|
|
|
2
2
|
|
|
3
3
|
All notable changes to the `CommandSearch` component family (`CommandSearch`, `CommandSearchGroup`, `CommandSearchItem`, and the helpers in `@cl-light-ds/ui/lib/command-search`) are documented in this file.
|
|
4
4
|
|
|
5
|
+
## Date 15th Oct 2026
|
|
6
|
+
## Idle hint centred
|
|
7
|
+
|
|
8
|
+
- The hint shown when the palette opens ("Type a search term and press Enter, or click Search.") sat at the left: its show/hide class makes it a flex container while idle, where `text-center` has no effect. It now centres (`justify-center`), like the loading and "Nothing matches" states.
|
|
9
|
+
|
|
10
|
+
|
|
5
11
|
## Date 15th Oct 2026
|
|
6
12
|
## Results announcement counts every match
|
|
7
13
|
|
|
@@ -226,7 +226,7 @@ const show = {
|
|
|
226
226
|
|
|
227
227
|
<div class="flex max-h-96 flex-col gap-3 overflow-y-auto p-2">
|
|
228
228
|
{/* D116 — before a search: a hint, no lists. */}
|
|
229
|
-
<p class={cn(show.idle, "text-muted-foreground px-6 py-8 text-center text-sm")}>
|
|
229
|
+
<p class={cn(show.idle, "text-muted-foreground justify-center px-6 py-8 text-center text-sm")}>
|
|
230
230
|
{hint}
|
|
231
231
|
</p>
|
|
232
232
|
|
|
@@ -2,6 +2,12 @@
|
|
|
2
2
|
|
|
3
3
|
All notable changes to the top bar organism (`organisms/top-bar`) will be documented in this file.
|
|
4
4
|
|
|
5
|
+
## Date 15th Oct 2026
|
|
6
|
+
## No scrollbar flash when a toast slides in (C31, gap G20)
|
|
7
|
+
|
|
8
|
+
- The bar's surface (`will-change: transform`) makes its toast stack part of the page, and a new toast slides in from 2rem while the stack sits 1–1.5rem from the edge, so the page widened for 300ms and a horizontal scrollbar flashed. The surface now clips sideways overflow (`overflow-x: clip`); the slide-in, ripple and shake are unchanged, and toasts and menus still hang below the bar. Screens can drop their own `overflow-x-clip` page wrapper.
|
|
9
|
+
|
|
10
|
+
|
|
5
11
|
## Date 15th Oct 2026
|
|
6
12
|
## Normal breadcrumb (C1 reverted)
|
|
7
13
|
|
|
@@ -135,7 +135,18 @@ const lastIndex = crumbs.length - 1;
|
|
|
135
135
|
const Wrapper = sticky ? StickySurface : "div";
|
|
136
136
|
---
|
|
137
137
|
|
|
138
|
-
|
|
138
|
+
{
|
|
139
|
+
/*
|
|
140
|
+
overflow-x-clip: the surface's transform makes the toast stack part of the page, so a
|
|
141
|
+
toast sliding in from the right (2rem, past the 1–1.5rem inset) widened the page and
|
|
142
|
+
flashed a horizontal scrollbar (C31). Clipping sideways only keeps toasts and menus
|
|
143
|
+
free to hang below the bar.
|
|
144
|
+
*/
|
|
145
|
+
}
|
|
146
|
+
<Wrapper
|
|
147
|
+
data-slot="top-bar-surface"
|
|
148
|
+
class={sticky ? "overflow-x-clip" : "relative z-50 w-full overflow-x-clip will-change-transform"}
|
|
149
|
+
>
|
|
139
150
|
<header {...rest} data-slot="top-bar" class={cn(topBarVariants(), className)}>
|
|
140
151
|
<div data-slot="top-bar-start" class="flex min-w-0 flex-1 items-center">
|
|
141
152
|
{
|