maverick-wave 5.29.0 → 5.30.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/.claude/skills/mw-maverick-wave/references/components.md +8 -7
- package/.claude/skills/mw-maverick-wave/references/theming.md +2 -0
- package/CHANGELOG.md +6 -0
- package/README.md +2 -2
- package/maverick-wave.min.css +2 -2
- package/package.json +2 -2
- package/src/partials/avatars-container.html +4 -4
- package/src/scss/components/_avatars.scss +35 -3
- package/src/scss/components/_dropdown.scss +24 -1
- package/src/scss/components/_lang-switch.scss +4 -8
- package/src/scss/components/_modals.scss +19 -5
|
@@ -623,8 +623,8 @@ Toggling is JS - see `references/javascript.md`; the shipped script keeps
|
|
|
623
623
|
- `closedby="any"` dismisses it on a backdrop click; where that attribute is not
|
|
624
624
|
understood yet the script handles the click instead.
|
|
625
625
|
- Sizes: `mw-modal-sm` 370px, default 520px, `mw-modal-lg` 720px,
|
|
626
|
-
`mw-modal-xl` 960px. Height is capped at 80-92dvh,
|
|
627
|
-
576px it becomes a bottom sheet.
|
|
626
|
+
`mw-modal-xl` 960px. Height is capped at 80-92dvh (`--mw-modal-max-height`),
|
|
627
|
+
the body scrolls. Below 576px it becomes a bottom sheet.
|
|
628
628
|
- `mw-modal-close` is the hook, not a look: on the header X it styles the button,
|
|
629
629
|
on a footer action it only closes. Combine it with `mw-btn mw-btn-primary` and
|
|
630
630
|
the button keeps its own paint.
|
|
@@ -1233,8 +1233,9 @@ a clipping ancestor by itself. Everywhere else it is absolutely positioned and
|
|
|
1233
1233
|
is clipped by any ancestor that hides its overflow. The framework's own containers lift that clip while a menu is open; on
|
|
1234
1234
|
your own it is `:has(.mw-dropdown[open]) { overflow: visible }`.
|
|
1235
1235
|
|
|
1236
|
-
|
|
1237
|
-
|
|
1236
|
+
The menu is at least 200px wide; `--mw-dropdown-min-width` on the dropdown or a
|
|
1237
|
+
wrapper changes that. On a coarse pointer the rows grow to 2.75rem and the menu
|
|
1238
|
+
takes at least the trigger's full width.
|
|
1238
1239
|
|
|
1239
1240
|
## Language switcher
|
|
1240
1241
|
|
|
@@ -1475,9 +1476,9 @@ deprecated). Any card fits into the content wrapper.
|
|
|
1475
1476
|
- Shape: `mw-avatar-square`.
|
|
1476
1477
|
- `mw-avatar-landscape` (3:2) and `mw-avatar-portrait` (9:16) for a photo that
|
|
1477
1478
|
is not square - meant for `-lg` and `-xl`, with 20px corners that
|
|
1478
|
-
`mw-avatar-square` still sharpens.
|
|
1479
|
-
|
|
1480
|
-
|
|
1479
|
+
`mw-avatar-square` still sharpens. Both run larger than the round step:
|
|
1480
|
+
landscape `-lg` 273, `-xl` 399 px wide, shrinking to fit a narrower column;
|
|
1481
|
+
portrait `-xl` 242 px wide at 9:16, `-lg` 2:3 at 295 px tall.
|
|
1481
1482
|
- Every avatar carries the accent arc on its top-right corner, inside the frame
|
|
1482
1483
|
(`--mw-corner-accent`). It stays as it is on hover.
|
|
1483
1484
|
- Colours `mw-avatar-primary`, `-secondary`, `-success`, `-warning`, `-danger`,
|
|
@@ -79,6 +79,8 @@ Safari 16.4+, Firefox 128+. The same range is declared as `browserslist` in
|
|
|
79
79
|
| `--mw-card-addon-text-color` | Label on that badge/ribbon; the `mw-card-addon-*` classes point it at the matching `--mw-*-accent-text-color` |
|
|
80
80
|
| `--mw-progress-ink` | Label inside `mw-progress-inline-label`; the `mw-progress-*` colour classes point it at the matching `--mw-*-accent-text-color` |
|
|
81
81
|
| `--mw-table-scroll-height` | Per-table height cap for `mw-table-responsive-scroll` |
|
|
82
|
+
| `--mw-modal-max-height` | Per-modal height cap (default `85dvh`; `mw-modal-sm`/`-lg`/`-xl` set it to 80/90/92dvh, the bottom sheet below `sm` to 92dvh). The body scrolls inside it |
|
|
83
|
+
| `--mw-dropdown-min-width` | Minimum width of a dropdown menu, set on the dropdown or any wrapper (default `200px`, `mw-lang-switch` 170px). On a coarse pointer the menu still widens to the trigger, at least 240px |
|
|
82
84
|
| `--mw-kanban-background`, `--mw-kanban-lane-border`, `--mw-kanban-column-min-height` | Per-board surface, lane border and lane floor (120px, 90px on `mw-kanban-compact`) |
|
|
83
85
|
| `--mw-container-gutter`, `--mw-container-width` | Page gutter of `mw-container` (fluid `clamp(1rem, 4.2vw + 0.5rem, 4rem)`, never below the safe-area inset) and the width derived from it (`min(1200px, 100% - 2 * gutter)`) |
|
|
84
86
|
| `--mw-section-padding-block` | Top/bottom rhythm of `mw-section` (3.3rem, stepping down to 2.5rem below `md` and 1.75rem below `sm`) |
|
package/CHANGELOG.md
CHANGED
|
@@ -6,6 +6,12 @@ Patch releases are only for test purposes - here I only document major and minor
|
|
|
6
6
|
The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/),
|
|
7
7
|
and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
|
|
8
8
|
|
|
9
|
+
## [5.30.0] - 2026-09-23
|
|
10
|
+
|
|
11
|
+
### Fixed
|
|
12
|
+
|
|
13
|
+
- new gallery styles and mobile modal dialog
|
|
14
|
+
|
|
9
15
|
## [5.29.0] - 2026-09-23
|
|
10
16
|
|
|
11
17
|
### Added
|
package/README.md
CHANGED
|
@@ -45,12 +45,12 @@ The result is a framework that balances utility with simplicity, offering develo
|
|
|
45
45
|
<title>My MaverickWave Project</title>
|
|
46
46
|
<link
|
|
47
47
|
rel="stylesheet"
|
|
48
|
-
href="https://cdn.jsdelivr.net/npm/maverick-wave@5.
|
|
48
|
+
href="https://cdn.jsdelivr.net/npm/maverick-wave@5.30.0/maverick-wave.min.css"
|
|
49
49
|
/>
|
|
50
50
|
</head>
|
|
51
51
|
<body>
|
|
52
52
|
<!-- Your content here -->
|
|
53
|
-
<script src="https://cdn.jsdelivr.net/npm/maverick-wave@5.
|
|
53
|
+
<script src="https://cdn.jsdelivr.net/npm/maverick-wave@5.30.0/maverick-wave.min.js"></script>
|
|
54
54
|
</body>
|
|
55
55
|
</html>
|
|
56
56
|
```
|