maverick-wave 5.15.0 → 5.17.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/SKILL.md +10 -7
- package/.claude/skills/mw-maverick-wave/examples/angular-list-page.md +40 -35
- package/.claude/skills/mw-maverick-wave/examples/angular-services.md +95 -33
- package/.claude/skills/mw-maverick-wave/examples/static-landing-page.md +38 -53
- package/.claude/skills/mw-maverick-wave/references/components.md +45 -46
- package/.claude/skills/mw-maverick-wave/references/javascript.md +16 -17
- package/.claude/skills/mw-maverick-wave/references/layout.md +8 -8
- package/.claude/skills/mw-maverick-wave/references/theming.md +2 -0
- package/CHANGELOG.md +13 -0
- package/README.md +2 -2
- package/index.html +0 -4
- package/maverick-wave.min.css +3 -3
- package/package.json +2 -2
- package/release.sh +5 -0
- package/scripts/verify.js +23 -10
- package/src/partials/get-started-container.html +5 -3
- package/src/partials/modals-container.html +137 -186
- package/src/partials/palette-container.html +3 -0
- package/src/scss/abstracts/_mixins.scss +30 -6
- package/src/scss/base/_base.scss +7 -0
- package/src/scss/components/_modals.scss +13 -2
- package/src/scss/layout/_main.scss +18 -0
- package/src/scss/utilities/_touch-targets.scss +5 -4
|
@@ -82,6 +82,7 @@ Safari 16.4+, Firefox 128+. The same range is declared as `browserslist` in
|
|
|
82
82
|
| `--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
83
|
| `--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
84
|
| `--mw-section-padding-block` | Top/bottom rhythm of `mw-section` (3.3rem, stepping down to 2.5rem below `md` and 1.75rem below `sm`) |
|
|
85
|
+
| `--mw-section-padding-fluid` | The fluid alternative to the value above - 1.75rem on a phone up to 5.5rem at `xl`. Not applied by itself: set `--mw-section-padding-block: var(--mw-section-padding-fluid)` |
|
|
85
86
|
| `--mw-section-nav-height` | Height the sticky `mw-section-nav` reserves (3.7rem). Add it to `--mw-header-height` for the `scroll-margin-top` of anything the strip can cover |
|
|
86
87
|
| `--mw-root-font-size` | Percentage the whole rem scale is built on (`100%`). Type, spacing and control heights move with it; px breakpoints do not |
|
|
87
88
|
| `--mw-calendar-dot` | Colour of a single calendar dot - set it per dot or per cell; the `mw-calendar-dot-*` classes are presets for it |
|
|
@@ -239,6 +240,7 @@ URL carries the choice - a link is how a look gets agreed on before it is built.
|
|
|
239
240
|
| `--mw-font-family-heading` | Headline typeface; body copy is untouched |
|
|
240
241
|
| `--mw-container-width` | Where the content stops growing |
|
|
241
242
|
| `--mw-section-padding-block` | Air above and below each section |
|
|
243
|
+
| `--mw-section-padding-fluid` | The same, but growing with the screen - point the line above at it |
|
|
242
244
|
| `--mw-motion-scale` | Multiplies all six duration tokens - `0.6` brisk, `1.6` relaxed. `prefers-reduced-motion` still overrides it |
|
|
243
245
|
|
|
244
246
|
**Writing your own.** A variant that retunes a _theme-bound_ token - anything in
|
package/CHANGELOG.md
CHANGED
|
@@ -6,6 +6,19 @@ 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.17.0] - 2026-09-17
|
|
10
|
+
|
|
11
|
+
### Fixed
|
|
12
|
+
|
|
13
|
+
- tooltips
|
|
14
|
+
- modals use dialog
|
|
15
|
+
|
|
16
|
+
## [5.16.0] - 2026-09-15
|
|
17
|
+
|
|
18
|
+
### Added
|
|
19
|
+
|
|
20
|
+
- `--mw-section-padding-fluid` - section spacing that grows with the screen
|
|
21
|
+
|
|
9
22
|
## [5.15.0] - 2026-09-15
|
|
10
23
|
|
|
11
24
|
### Fixed
|
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.17.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.17.0/maverick-wave.min.js"></script>
|
|
54
54
|
</body>
|
|
55
55
|
</html>
|
|
56
56
|
```
|
package/index.html
CHANGED
|
@@ -1605,10 +1605,6 @@
|
|
|
1605
1605
|
}, 1600);
|
|
1606
1606
|
});
|
|
1607
1607
|
});
|
|
1608
|
-
|
|
1609
|
-
// for the modals - the framework handles both shapes, div and <dialog>
|
|
1610
|
-
const openModal = window.mwOpenModal;
|
|
1611
|
-
const closeModal = window.mwCloseModal;
|
|
1612
1608
|
</script>
|
|
1613
1609
|
</body>
|
|
1614
1610
|
</html>
|