natura11y 5.0.1 → 5.1.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/CHANGELOG.md +60 -0
- package/LICENSE +1 -1
- package/dist/natura11y.css +1 -1
- package/dist/natura11y.js +1 -1
- package/package.json +10 -2
- package/src/index.js +4 -1
- package/src/js/collapse.js +4 -3
- package/src/js/dropdown.js +16 -11
- package/src/js/form.js +72 -0
- package/src/js/utilities/focus.js +1 -1
- package/src/js/utilities/getCurrentBreakpoint.js +1 -1
- package/src/js/utilities/keyboardNavigation.js +1 -1
- package/src/js/utilities/overlay.js +7 -3
- package/src/scss/_accordion.scss +2 -1
- package/src/scss/_badge.scss +6 -3
- package/src/scss/_collapse.scss +4 -26
- package/src/scss/_form.scss +43 -6
- package/src/scss/_grid.scss +4 -0
- package/src/scss/_lightbox.scss +4 -0
- package/src/scss/_main-menu.scss +7 -1
- package/src/scss/_navigation.scss +0 -1
package/CHANGELOG.md
CHANGED
|
@@ -4,6 +4,66 @@ All notable changes to this project will be documented in this file.
|
|
|
4
4
|
|
|
5
5
|
---
|
|
6
6
|
|
|
7
|
+
## [5.1.1] — 2026-06-29
|
|
8
|
+
|
|
9
|
+
### Package
|
|
10
|
+
|
|
11
|
+
- Added package exports for framework CSS, SCSS source entry points, and shared JavaScript utilities used by React integrations.
|
|
12
|
+
- Exposed utility imports for `focus`, `getCurrentBreakpoint`, and `keyboardNavigation`.
|
|
13
|
+
|
|
14
|
+
### Bug Fixes
|
|
15
|
+
|
|
16
|
+
#### Collapse
|
|
17
|
+
- Improved collapse transition cleanup and Safari behavior.
|
|
18
|
+
|
|
19
|
+
#### Dropdown
|
|
20
|
+
- Fixed dropdown behavior and updated the HTML examples to match current menu patterns.
|
|
21
|
+
|
|
22
|
+
#### Grid
|
|
23
|
+
- Updated grid divider and sidebar behavior, including top alignment for sidebar items.
|
|
24
|
+
|
|
25
|
+
#### Lightbox
|
|
26
|
+
- Fixed thumbnail image sizing so media fills the thumbnail frame correctly.
|
|
27
|
+
|
|
28
|
+
### Examples
|
|
29
|
+
|
|
30
|
+
- Cleaned up framework HTML examples served by the development build.
|
|
31
|
+
|
|
32
|
+
---
|
|
33
|
+
|
|
34
|
+
## [5.1.0] — 2026-03-14
|
|
35
|
+
|
|
36
|
+
### New Components
|
|
37
|
+
|
|
38
|
+
#### Search
|
|
39
|
+
- New `FormSearch` class (`form.js`) — powers enhanced search input behavior
|
|
40
|
+
- New CSS modifier: `.form-entry--search` on `.form-entry`
|
|
41
|
+
- `[data-search-clear]` attribute — marks a button that clears the input; shown automatically via `.has-value` class when input has content
|
|
42
|
+
- Native browser search cancel button suppressed cross-browser via CSS (`-webkit-search-cancel-button`, `-webkit-search-decoration`)
|
|
43
|
+
- ARIA live region (`aria-live="polite"`) injected automatically — announces "Search cleared" to screen readers when the clear button is used
|
|
44
|
+
- New CSS variable: `--main-menu-search-width` (default `300px`) — controls inline search width inside the main menu bar at desktop breakpoints
|
|
45
|
+
|
|
46
|
+
---
|
|
47
|
+
|
|
48
|
+
### Bug Fixes
|
|
49
|
+
|
|
50
|
+
#### Collapse
|
|
51
|
+
- 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)
|
|
52
|
+
|
|
53
|
+
#### Flyout
|
|
54
|
+
- Added `user-select: none` to `.flyout :is(a, button)` — prevents browser text-selection artifacts on flyout links during rapid open/close interactions
|
|
55
|
+
|
|
56
|
+
#### Button
|
|
57
|
+
- Added `user-select: none` to `.button` — prevents accidental text selection on interactive controls
|
|
58
|
+
|
|
59
|
+
#### Main Menu
|
|
60
|
+
- Added `user-select: none` to mobile nav `> ul > li > :is(a, button)` — consistent with flyout and button fix
|
|
61
|
+
|
|
62
|
+
#### Form Entry
|
|
63
|
+
- 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
|
|
64
|
+
|
|
65
|
+
---
|
|
66
|
+
|
|
7
67
|
## [5.0.1] — 2026-03-10
|
|
8
68
|
|
|
9
69
|
### Bug Fixes
|
package/LICENSE
CHANGED