natura11y 5.0.0 → 5.1.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.
- package/CHANGELOG.md +48 -0
- package/dist/natura11y.css +1 -1
- package/dist/natura11y.js +1 -1
- package/package.json +1 -1
- package/src/index.js +4 -1
- package/src/js/form.js +72 -0
- package/src/scss/_badge.scss +4 -3
- package/src/scss/_button.scss +2 -0
- package/src/scss/_collapse.scss +11 -8
- package/src/scss/_flyout.scss +4 -0
- package/src/scss/_form.scss +43 -6
- package/src/scss/_main-menu.scss +11 -1
package/CHANGELOG.md
CHANGED
|
@@ -4,6 +4,54 @@ All notable changes to this project will be documented in this file.
|
|
|
4
4
|
|
|
5
5
|
---
|
|
6
6
|
|
|
7
|
+
## [5.1.0] — 2026-03-14
|
|
8
|
+
|
|
9
|
+
### New Components
|
|
10
|
+
|
|
11
|
+
#### Search
|
|
12
|
+
- New `FormSearch` class (`form.js`) — powers enhanced search input behavior
|
|
13
|
+
- New CSS modifier: `.form-entry--search` on `.form-entry`
|
|
14
|
+
- `[data-search-clear]` attribute — marks a button that clears the input; shown automatically via `.has-value` class when input has content
|
|
15
|
+
- Native browser search cancel button suppressed cross-browser via CSS (`-webkit-search-cancel-button`, `-webkit-search-decoration`)
|
|
16
|
+
- ARIA live region (`aria-live="polite"`) injected automatically — announces "Search cleared" to screen readers when the clear button is used
|
|
17
|
+
- New CSS variable: `--main-menu-search-width` (default `300px`) — controls inline search width inside the main menu bar at desktop breakpoints
|
|
18
|
+
|
|
19
|
+
---
|
|
20
|
+
|
|
21
|
+
### Bug Fixes
|
|
22
|
+
|
|
23
|
+
#### Collapse
|
|
24
|
+
- Scoped breakpoint override from `.shown` to `.collapse.shown` — the unscoped rule was overriding `.shown` on unrelated components (e.g. `modal--scroll-all` lost its `overflow-y: scroll` behavior)
|
|
25
|
+
|
|
26
|
+
#### Flyout
|
|
27
|
+
- Added `user-select: none` to `.flyout :is(a, button)` — prevents browser text-selection artifacts on flyout links during rapid open/close interactions
|
|
28
|
+
|
|
29
|
+
#### Button
|
|
30
|
+
- Added `user-select: none` to `.button` — prevents accidental text selection on interactive controls
|
|
31
|
+
|
|
32
|
+
#### Main Menu
|
|
33
|
+
- Added `user-select: none` to mobile nav `> ul > li > :is(a, button)` — consistent with flyout and button fix
|
|
34
|
+
|
|
35
|
+
#### Form Entry
|
|
36
|
+
- Improved button sizing inside `.form-entry__field__input`: replaced hardcoded `margin` and `font-size` with `--_form-entry-button-inset` internal variable; `gap` added between input and button; icon-only buttons now correctly size to target size
|
|
37
|
+
|
|
38
|
+
---
|
|
39
|
+
|
|
40
|
+
## [5.0.1] — 2026-03-10
|
|
41
|
+
|
|
42
|
+
### Bug Fixes
|
|
43
|
+
|
|
44
|
+
#### Collapse
|
|
45
|
+
- Scoped breakpoint override from `.shown` to `.collapse.shown` — the unscoped rule was overriding `.shown` on unrelated components (e.g. `modal--scroll-all` lost its `overflow-y: scroll` behavior)
|
|
46
|
+
|
|
47
|
+
#### Flyout
|
|
48
|
+
- Added `user-select: none` to `.flyout :is(a, button)` — prevents browser text-selection artifacts on flyout links and controls during rapid open/close interactions
|
|
49
|
+
|
|
50
|
+
#### Button
|
|
51
|
+
- Added `user-select: none` to `.button` — prevents accidental text selection on interactive button controls
|
|
52
|
+
|
|
53
|
+
---
|
|
54
|
+
|
|
7
55
|
## [5.0.0] — 2026-03-09
|
|
8
56
|
|
|
9
57
|
### New Components
|