wabi 0.21.0 → 0.21.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.
- checksums.yaml +4 -4
- data/CHANGELOG.md +22 -0
- data/README.md +1 -1
- data/lib/wabi/version.rb +1 -1
- data/templates/tokens.css +15 -0
- metadata +1 -1
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 76e2fc0eafaeb8b688e0863f20e37b592f18053e070ffc78fa37cb8d76641dc0
|
|
4
|
+
data.tar.gz: b89605d55ac02263bb31580f771a5fb1f81ef24fe63527577ea9f315e57636a9
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 9e9df2486187fd136829e802ad17a66a390c612ff4a352f09de94f41b912c1eef3317de0a9e9b41977a8f3505e8a712f2958c872de9ec7116f79e842e19523f6
|
|
7
|
+
data.tar.gz: 493ec2990bc3bccf7622d67cdc5fdb5a1e073a61d20009774e3e36d89ba334f3706f1c2c77a6aac6203bff55f41fb45964cfa1d7197c4bad1d6980a298a71ba4
|
data/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,28 @@
|
|
|
2
2
|
|
|
3
3
|
All notable changes to Wabi land here. Format follows [Keep a Changelog](https://keepachangelog.com/en/1.1.0/); versions follow [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
|
|
4
4
|
|
|
5
|
+
## 0.21.2 - 2026-06-04
|
|
6
|
+
|
|
7
|
+
### Added
|
|
8
|
+
|
|
9
|
+
- **Collapsible `<details>` open/close animation.** `SidebarMenuCollapsible` and
|
|
10
|
+
collapsible `SidebarGroup`s now slide open/closed when the sidebar is expanded — a
|
|
11
|
+
CSS-only progressive enhancement (`::details-content` + `interpolate-size`), gated
|
|
12
|
+
to `[data-state="expanded"]` so collapsed mode (flyout / icon rail) is untouched.
|
|
13
|
+
Browsers without support fall back to the instant native behavior.
|
|
14
|
+
|
|
15
|
+
## 0.21.1 - 2026-06-04
|
|
16
|
+
|
|
17
|
+
### Added
|
|
18
|
+
|
|
19
|
+
- **Collapsed-submenu flyout.** When the sidebar is collapsed to icons, hovering or
|
|
20
|
+
focusing a `SidebarMenuCollapsible` group pops its submenu out as a floating panel
|
|
21
|
+
anchored to the icon (auto-flipping to the other side near the viewport edge),
|
|
22
|
+
instead of hiding it. Expanded mode keeps the inline `<details>` behavior. A small
|
|
23
|
+
`wabi--sidebar-flyout` controller repositions the same submenu with `position:
|
|
24
|
+
fixed` (so it escapes the rail's clipping); hover/focus open, Escape / pointer-leave
|
|
25
|
+
close. Desktop only.
|
|
26
|
+
|
|
5
27
|
## 0.21.0 - 2026-06-04
|
|
6
28
|
|
|
7
29
|
### Added
|
data/README.md
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
|
|
5
5
|
Wabi is an open-source UI component library for **Ruby on Rails 8**, built on **Phlex + Tailwind 4 + Stimulus + Hotwire**. Inspired by shadcn/ui, components are *copied* into your app — you own the code, customize freely, no upstream API to drift away from.
|
|
6
6
|
|
|
7
|
-
🎉 **Status:** v0.21.
|
|
7
|
+
🎉 **Status:** v0.21.2 alpha — [available on RubyGems](https://rubygems.org/gems/wabi). 36 components, 8 theme palettes, WCAG-AA targeted, live docs + registry at [wabi-docs.onrender.com](https://wabi-docs.onrender.com).
|
|
8
8
|
|
|
9
9
|
---
|
|
10
10
|
|
data/lib/wabi/version.rb
CHANGED
data/templates/tokens.css
CHANGED
|
@@ -31,6 +31,21 @@
|
|
|
31
31
|
[aria-disabled="true"] {
|
|
32
32
|
cursor: not-allowed;
|
|
33
33
|
}
|
|
34
|
+
|
|
35
|
+
/* Animate Wabi collapsibles (SidebarMenuCollapsible / collapsible SidebarGroup)
|
|
36
|
+
* when the sidebar is expanded. Progressive enhancement: animates where
|
|
37
|
+
* ::details-content + interpolate-size are supported; instant otherwise.
|
|
38
|
+
* Collapsed mode uses the flyout / icon rail, so it's intentionally excluded. */
|
|
39
|
+
[data-state="expanded"] .wabi-collapsible { interpolate-size: allow-keywords; }
|
|
40
|
+
[data-state="expanded"] .wabi-collapsible::details-content {
|
|
41
|
+
block-size: 0;
|
|
42
|
+
overflow: hidden;
|
|
43
|
+
transition: block-size 200ms ease, content-visibility 200ms;
|
|
44
|
+
transition-behavior: allow-discrete;
|
|
45
|
+
}
|
|
46
|
+
[data-state="expanded"] .wabi-collapsible[open]::details-content {
|
|
47
|
+
block-size: auto;
|
|
48
|
+
}
|
|
34
49
|
}
|
|
35
50
|
|
|
36
51
|
/* Sidebar surface tokens (full shadcn-style palette). Seven mirror the active
|