maverick-wave 3.1.0 → 3.1.2

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.
Files changed (58) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/index.html +54 -52
  3. package/maverick-wave.min.css +1 -1
  4. package/package.json +1 -1
  5. package/src/partials/divider-container.html +48 -34
  6. package/src/partials/form-elements-container.html +0 -82
  7. package/src/partials/home-container.html +1 -1
  8. package/src/partials/item-lists-container.html +38 -38
  9. package/src/partials/modals-container.html +176 -54
  10. package/src/partials/panels-container.html +10 -35
  11. package/src/scss/abstracts/_variables.scss +19 -17
  12. package/src/scss/components/_accordions.scss +1 -1
  13. package/src/scss/components/_alerts.scss +2 -4
  14. package/src/scss/components/_avatars.scss +1 -1
  15. package/src/scss/components/_blog-post.scss +5 -5
  16. package/src/scss/components/_breadcrumbs.scss +2 -2
  17. package/src/scss/components/_buttons.scss +2 -2
  18. package/src/scss/components/_cards.scss +12 -16
  19. package/src/scss/components/_coming-soon.scss +4 -4
  20. package/src/scss/components/_content-slider.scss +2 -4
  21. package/src/scss/components/_divider.scss +4 -1
  22. package/src/scss/components/_empty-state.scss +9 -9
  23. package/src/scss/components/_gallery.scss +14 -13
  24. package/src/scss/components/_info.scss +6 -6
  25. package/src/scss/components/_lists.scss +29 -26
  26. package/src/scss/components/_meta-info.scss +1 -1
  27. package/src/scss/components/_modals.scss +4 -6
  28. package/src/scss/components/_pagination.scss +3 -2
  29. package/src/scss/components/_panels.scss +13 -7
  30. package/src/scss/components/_progress.scss +5 -4
  31. package/src/scss/components/_ratings.scss +2 -2
  32. package/src/scss/components/_skeleton.scss +6 -6
  33. package/src/scss/components/_spinners.scss +8 -8
  34. package/src/scss/components/_stepper.scss +6 -5
  35. package/src/scss/components/_tables.scss +4 -2
  36. package/src/scss/components/_tabs.scss +7 -6
  37. package/src/scss/components/_tags.scss +10 -3
  38. package/src/scss/components/_techstack-bucket.scss +12 -11
  39. package/src/scss/components/_theme-toggle.scss +4 -3
  40. package/src/scss/components/_tiles.scss +5 -5
  41. package/src/scss/components/_timelines.scss +130 -133
  42. package/src/scss/form-elements/_checkbox.scss +2 -19
  43. package/src/scss/form-elements/_input-group.scss +2 -2
  44. package/src/scss/form-elements/_input.scss +1 -5
  45. package/src/scss/form-elements/_login.scss +1 -1
  46. package/src/scss/form-elements/_radio.scss +2 -12
  47. package/src/scss/form-elements/_select.scss +3 -8
  48. package/src/scss/form-elements/_slider.scss +1 -18
  49. package/src/scss/form-elements/_textarea.scss +2 -7
  50. package/src/scss/form-elements/_toggle.scss +5 -5
  51. package/src/scss/layout/_footer.scss +8 -7
  52. package/src/scss/layout/_grid.scss +1 -3
  53. package/src/scss/layout/_header.scss +53 -141
  54. package/src/scss/layout/_home.scss +2 -2
  55. package/src/scss/layout/_section.scss +36 -2
  56. package/src/scss/utilities/_display.scss +4 -0
  57. package/src/scss/utilities/_flex.scss +8 -0
  58. package/src/scss/utilities/_spacing.scss +7 -5
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
+ ## [3.2.0] - 2026-04-11
10
+
11
+ ### Changed
12
+
13
+ - complete rework of spacing
14
+
9
15
  ## [3.1.0] - 2026-04-04
10
16
 
11
17
  ### Changed
package/index.html CHANGED
@@ -154,14 +154,16 @@
154
154
  <section id="foundations">
155
155
  <div class="mw-container">
156
156
  <h2 class="mw-section-title">Foundations</h2>
157
- <div class="mw-button-bar mw-button-bar-primary">
158
- <a href="#typography" class="mw-btn">Typography</a>
159
- <a href="#colors" class="mw-btn">Main Colors</a>
160
- <a href="#utilities" class="mw-btn">Utilities</a>
161
- <a href="#header-utilities" class="mw-btn">Header Utilities</a>
162
- <a href="#coming-soon" class="mw-btn">Coming Soon Banner</a>
163
- <a href="#divider" class="mw-btn">Divider</a>
164
- </div>
157
+ <nav class="mw-section-nav">
158
+ <a href="#typography" class="mw-section-btn">Typography</a>
159
+ <a href="#colors" class="mw-section-btn">Main Colors</a>
160
+ <a href="#utilities" class="mw-section-btn">Utilities</a>
161
+ <a href="#header-utilities" class="mw-section-btn"
162
+ >Header Utilities</a
163
+ >
164
+ <a href="#coming-soon" class="mw-section-btn">Coming Soon Banner</a>
165
+ <a href="#divider" class="mw-section-btn">Divider</a>
166
+ </nav>
165
167
 
166
168
  <!-- Typography container -->
167
169
  <div id="typography">
@@ -199,19 +201,19 @@
199
201
  <section id="layout" class="mw-section-alternate">
200
202
  <div class="mw-container">
201
203
  <h2 class="mw-section-title">Layout</h2>
202
- <div class="mw-button-bar mw-button-bar-primary">
203
- <a href="#grid" class="mw-btn">Grid System</a>
204
- <a href="#cards" class="mw-btn">Cards</a>
205
- <a href="#panels" class="mw-btn">Panels</a>
206
- <a href="#tabs" class="mw-btn">Tabs</a>
207
- <a href="#accordions" class="mw-btn">Accordions</a>
208
- <a href="#tiles" class="mw-btn">Tiles</a>
209
- <a href="#breadcrumbs" class="mw-btn">Breadcrumbs</a>
210
- <a href="#modals" class="mw-btn">Modals</a>
211
- <a href="#html-lists" class="mw-btn">HTML Lists</a>
212
- <a href="#item-lists" class="mw-btn">Item Lists</a>
213
- <a href="#stepper" class="mw-btn">Stepper</a>
214
- </div>
204
+ <nav class="mw-section-nav">
205
+ <a href="#grid" class="mw-section-btn">Grid System</a>
206
+ <a href="#cards" class="mw-section-btn">Cards</a>
207
+ <a href="#panels" class="mw-section-btn">Panels</a>
208
+ <a href="#tabs" class="mw-section-btn">Tabs</a>
209
+ <a href="#accordions" class="mw-section-btn">Accordions</a>
210
+ <a href="#tiles" class="mw-section-btn">Tiles</a>
211
+ <a href="#breadcrumbs" class="mw-section-btn">Breadcrumbs</a>
212
+ <a href="#modals" class="mw-section-btn">Modals</a>
213
+ <a href="#html-lists" class="mw-section-btn">HTML Lists</a>
214
+ <a href="#item-lists" class="mw-section-btn">Item Lists</a>
215
+ <a href="#stepper" class="mw-section-btn">Stepper</a>
216
+ </nav>
215
217
 
216
218
  <!-- Grid container -->
217
219
  <div id="grid">@@include('./src/partials/grid-container.html')</div>
@@ -266,20 +268,20 @@
266
268
  <section id="components">
267
269
  <div class="mw-container">
268
270
  <h2 class="mw-section-title">Components</h2>
269
- <div class="mw-button-bar mw-button-bar-primary">
270
- <a href="#buttons" class="mw-btn">Buttons</a>
271
- <a href="#button-bar" class="mw-btn">Button Bar</a>
272
- <a href="#progress" class="mw-btn">Progress Bars</a>
273
- <a href="#spinners" class="mw-btn">Loading Spinners</a>
274
- <a href="#avatars" class="mw-btn">Avatars</a>
275
- <a href="#tags" class="mw-btn">Tags</a>
276
- <a href="#ratings" class="mw-btn">Ratings</a>
277
- <a href="#info" class="mw-btn">Info</a>
278
- <a href="#alerts" class="mw-btn">Alerts</a>
279
- <a href="#code" class="mw-btn">Code</a>
280
- <a href="#skeleton" class="mw-btn">Skeleton</a>
281
- <a href="#empty-state" class="mw-btn">Empty State</a>
282
- </div>
271
+ <nav class="mw-section-nav">
272
+ <a href="#buttons" class="mw-section-btn">Buttons</a>
273
+ <a href="#button-bar" class="mw-section-btn">Button Bar</a>
274
+ <a href="#progress" class="mw-section-btn">Progress Bars</a>
275
+ <a href="#spinners" class="mw-section-btn">Loading Spinners</a>
276
+ <a href="#avatars" class="mw-section-btn">Avatars</a>
277
+ <a href="#tags" class="mw-section-btn">Tags</a>
278
+ <a href="#ratings" class="mw-section-btn">Ratings</a>
279
+ <a href="#info" class="mw-section-btn">Info</a>
280
+ <a href="#alerts" class="mw-section-btn">Alerts</a>
281
+ <a href="#code" class="mw-section-btn">Code</a>
282
+ <a href="#skeleton" class="mw-section-btn">Skeleton</a>
283
+ <a href="#empty-state" class="mw-section-btn">Empty State</a>
284
+ </nav>
283
285
 
284
286
  <!-- Buttons container -->
285
287
  <div id="buttons">
@@ -341,13 +343,13 @@
341
343
  <section id="forms" class="mw-section-alternate">
342
344
  <div class="mw-container">
343
345
  <h2 class="mw-section-title">Forms</h2>
344
- <div class="mw-button-bar mw-button-bar-primary">
345
- <a href="#form-elements" class="mw-btn">Form Elements</a>
346
- <a href="#input-group" class="mw-btn">Input Group</a>
347
- <a href="#form-field" class="mw-btn">Field Pattern</a>
348
- <a href="#form" class="mw-btn">Form</a>
349
- <a href="#login" class="mw-btn">Login</a>
350
- </div>
346
+ <nav class="mw-section-nav">
347
+ <a href="#form-elements" class="mw-section-btn">Form Elements</a>
348
+ <a href="#input-group" class="mw-section-btn">Input Group</a>
349
+ <a href="#form-field" class="mw-section-btn">Field Pattern</a>
350
+ <a href="#form" class="mw-section-btn">Form</a>
351
+ <a href="#login" class="mw-section-btn">Login</a>
352
+ </nav>
351
353
 
352
354
  <!-- Form elements container -->
353
355
  <div id="form-elements">
@@ -376,18 +378,18 @@
376
378
  <section id="data-display">
377
379
  <div class="mw-container">
378
380
  <h2 class="mw-section-title">Data & Display</h2>
379
- <div class="mw-button-bar mw-button-bar-primary">
380
- <a href="#meta-info" class="mw-btn">Meta Info</a>
381
- <a href="#tables" class="mw-btn">Tables</a>
382
- <a href="#pagination" class="mw-btn">Pagination</a>
383
- <a href="#timelines" class="mw-btn">Timelines</a>
384
- <a href="#gallery" class="mw-btn">Image Gallery</a>
385
- <a href="#techstack-bucket" class="mw-btn"
381
+ <nav class="mw-section-nav">
382
+ <a href="#meta-info" class="mw-section-btn">Meta Info</a>
383
+ <a href="#tables" class="mw-section-btn">Tables</a>
384
+ <a href="#pagination" class="mw-section-btn">Pagination</a>
385
+ <a href="#timelines" class="mw-section-btn">Timelines</a>
386
+ <a href="#gallery" class="mw-section-btn">Image Gallery</a>
387
+ <a href="#techstack-bucket" class="mw-section-btn"
386
388
  >Technology Stack Bucket</a
387
389
  >
388
- <a href="#content-slider" class="mw-btn">Content Slider</a>
389
- <a href="#blog-posts" class="mw-btn">Blog Posts</a>
390
- </div>
390
+ <a href="#content-slider" class="mw-section-btn">Content Slider</a>
391
+ <a href="#blog-posts" class="mw-section-btn">Blog Posts</a>
392
+ </nav>
391
393
 
392
394
  <!-- Meta Info container -->
393
395
  <div id="meta-info">