layered-ui-rails 0.11.0 → 0.12.0
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
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 8bc7d9b4d6a4db2e8d1c172e0ab8d6cce9c7788318e17a601c8bb580c69ab44e
|
|
4
|
+
data.tar.gz: ac1fcd4473946402b0842173c42c06c9a6bac43befe32168bc9fd4977b5c25e2
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: c3312e94ff32e031ba9c2090d8429c18f211df5bcf518c01ec210b351617d7ef1404c327f0d45faa5d0bbe6c9d4aa60dab72fcaba5ed64de904fa47f8f963448
|
|
7
|
+
data.tar.gz: efb9d118bbbccab38a8c35a7af50420b9486bb4e7eabf5f1d976b52531ac2316d13b499face9c3969482a52528de1453ad0528dc5a7ae60e4a8c6f4f91cf370f
|
|
@@ -30,6 +30,7 @@ Modifiers (combine with a standalone variant above):
|
|
|
30
30
|
|
|
31
31
|
```
|
|
32
32
|
.l-ui-button--full Full-width (e.g. l-ui-button--primary l-ui-button--full)
|
|
33
|
+
.l-ui-button--small Compact 32px-tall variant (e.g. l-ui-button--primary l-ui-button--small)
|
|
33
34
|
```
|
|
34
35
|
|
|
35
36
|
Any button variant is automatically styled as disabled when the `disabled` HTML attribute is present - no extra class needed.
|
|
@@ -284,6 +285,7 @@ WCAG 2.2 AA table pattern:
|
|
|
284
285
|
## Icon sizes
|
|
285
286
|
|
|
286
287
|
```
|
|
288
|
+
.l-ui-icon--xs 16px (4x4)
|
|
287
289
|
.l-ui-icon--sm 20px (5x5)
|
|
288
290
|
.l-ui-icon--md 24px (6x6)
|
|
289
291
|
.l-ui-icon--lg 28px (7x7)
|
data/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,19 @@
|
|
|
2
2
|
|
|
3
3
|
All notable changes to this project will be documented in this file. This project follows [Semantic Versioning](https://semver.org/).
|
|
4
4
|
|
|
5
|
+
## [0.12.0] - 2026-05-08
|
|
6
|
+
|
|
7
|
+
### Added
|
|
8
|
+
|
|
9
|
+
- `l-ui-button--small` modifier for a compact 32px-tall button variant (combine with any button colour variant)
|
|
10
|
+
- `l-ui-icon--xs` icon size (16px) alongside existing `--sm`/`--md`/`--lg`
|
|
11
|
+
|
|
12
|
+
### Changed
|
|
13
|
+
|
|
14
|
+
- Header navigation spacing tightened: `.l-ui-header__navigation` now uses `gap-4`, and the theme toggle absorbs the trailing `-mr-3`
|
|
15
|
+
- Default `Register`/`Login` header buttons use `l-ui-button--outline`/`--primary` with `l-ui-button--small`
|
|
16
|
+
- `l-ui-stream-fade` animation is now opacity-only (no Y-axis translation)
|
|
17
|
+
|
|
5
18
|
## [0.11.0] - 2026-05-07
|
|
6
19
|
|
|
7
20
|
### Added
|
|
@@ -514,7 +514,7 @@
|
|
|
514
514
|
|
|
515
515
|
.l-ui-header__navigation {
|
|
516
516
|
@apply flex items-center
|
|
517
|
-
gap-
|
|
517
|
+
gap-4;
|
|
518
518
|
}
|
|
519
519
|
|
|
520
520
|
.l-ui-header__icon {
|
|
@@ -560,7 +560,7 @@
|
|
|
560
560
|
/* Theme */
|
|
561
561
|
|
|
562
562
|
.l-ui-theme-toggle {
|
|
563
|
-
@apply -mr-
|
|
563
|
+
@apply -mr-3;
|
|
564
564
|
}
|
|
565
565
|
|
|
566
566
|
.l-ui-theme-toggle__icon--light {
|
|
@@ -581,6 +581,11 @@
|
|
|
581
581
|
|
|
582
582
|
/* Icon */
|
|
583
583
|
|
|
584
|
+
.l-ui-icon--xs {
|
|
585
|
+
@apply w-4 h-4
|
|
586
|
+
dark:invert;
|
|
587
|
+
}
|
|
588
|
+
|
|
584
589
|
.l-ui-icon--sm {
|
|
585
590
|
@apply w-5 h-5
|
|
586
591
|
dark:invert;
|
|
@@ -884,6 +889,12 @@
|
|
|
884
889
|
transition-colors;
|
|
885
890
|
}
|
|
886
891
|
|
|
892
|
+
.l-ui-button--small {
|
|
893
|
+
@apply gap-1
|
|
894
|
+
px-3 min-h-[32px]
|
|
895
|
+
text-xs;
|
|
896
|
+
}
|
|
897
|
+
|
|
887
898
|
[class*="l-ui-button--"]:disabled,
|
|
888
899
|
.l-ui-button:disabled {
|
|
889
900
|
@apply opacity-50
|
|
@@ -1794,8 +1805,8 @@ pre.l-ui-surface {
|
|
|
1794
1805
|
/* Stream fade-in */
|
|
1795
1806
|
|
|
1796
1807
|
@keyframes l-ui-stream-fade-in {
|
|
1797
|
-
from { opacity: 0;
|
|
1798
|
-
to { opacity: 1;
|
|
1808
|
+
from { opacity: 0; }
|
|
1809
|
+
to { opacity: 1; }
|
|
1799
1810
|
}
|
|
1800
1811
|
|
|
1801
1812
|
.l-ui-stream-fade {
|
|
@@ -23,11 +23,11 @@
|
|
|
23
23
|
|
|
24
24
|
<% unless l_ui_user_signed_in? %>
|
|
25
25
|
<% if respond_to?(:new_user_registration_path) %>
|
|
26
|
-
<%= link_to "Register", main_app.new_user_registration_path, class: "l-ui-button" %>
|
|
26
|
+
<%= link_to "Register", main_app.new_user_registration_path, class: "l-ui-button--outline l-ui-button--small" %>
|
|
27
27
|
<% end %>
|
|
28
28
|
|
|
29
29
|
<% if respond_to?(:new_user_session_path) %>
|
|
30
|
-
<%= link_to "Login", main_app.new_user_session_path, class: "l-ui-button" %>
|
|
30
|
+
<%= link_to "Login", main_app.new_user_session_path, class: "l-ui-button--primary l-ui-button--small" %>
|
|
31
31
|
<% end %>
|
|
32
32
|
<% end %>
|
|
33
33
|
|
data/lib/layered/ui/version.rb
CHANGED