maverick-wave 4.5.0 → 4.6.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.
Files changed (36) hide show
  1. package/.claude/skills/maverick-wave/SKILL.md +8 -5
  2. package/.claude/skills/maverick-wave/references/theming.md +54 -34
  3. package/CHANGELOG.md +6 -0
  4. package/README.md +65 -5
  5. package/index.html +1 -1
  6. package/maverick-wave.min.css +2 -2
  7. package/package.json +2 -2
  8. package/src/partials/colors-container.html +55 -2
  9. package/src/partials/get-started-container.html +15 -1
  10. package/src/scss/abstracts/_variables.scss +61 -13
  11. package/src/scss/base/_reset.scss +1 -1
  12. package/src/scss/components/_accordions.scss +1 -1
  13. package/src/scss/components/_avatars.scss +1 -1
  14. package/src/scss/components/_blog-post.scss +1 -1
  15. package/src/scss/components/_button-bar.scss +5 -5
  16. package/src/scss/components/_buttons.scss +11 -11
  17. package/src/scss/components/_calendar.scss +2 -2
  18. package/src/scss/components/_cards.scss +4 -3
  19. package/src/scss/components/_coming-soon.scss +2 -2
  20. package/src/scss/components/_info.scss +1 -1
  21. package/src/scss/components/_kanban.scss +1 -1
  22. package/src/scss/components/_lists.scss +4 -4
  23. package/src/scss/components/_modals.scss +1 -1
  24. package/src/scss/components/_panels.scss +2 -2
  25. package/src/scss/components/_progress.scss +7 -1
  26. package/src/scss/components/_segmented.scss +2 -1
  27. package/src/scss/components/_stepper.scss +2 -2
  28. package/src/scss/components/_tables.scss +1 -1
  29. package/src/scss/components/_tabs.scss +1 -1
  30. package/src/scss/components/_theme-toggle.scss +1 -1
  31. package/src/scss/components/_timelines.scss +2 -2
  32. package/src/scss/form-elements/_toggle.scss +2 -0
  33. package/src/scss/layout/_footer.scss +1 -1
  34. package/src/scss/layout/_header.scss +6 -1
  35. package/src/scss/layout/_main.scss +2 -1
  36. package/src/scss/layout/_section.scss +1 -1
@@ -29,7 +29,7 @@
29
29
  display: flex;
30
30
  align-items: center;
31
31
  justify-content: center;
32
- color: var(--mw-accent-text-color);
32
+ color: var(--mw-secondary-accent-text-color);
33
33
  font-size: font-size('md');
34
34
  }
35
35
 
@@ -188,7 +188,7 @@ $_simple-date-width: 110px;
188
188
 
189
189
  .mw-timeline-big-date-main,
190
190
  .mw-timeline-big-date-sub {
191
- color: var(--mw-accent-text-color);
191
+ color: var(--mw-primary-accent-text-color);
192
192
  }
193
193
  }
194
194
 
@@ -311,7 +311,7 @@ $_simple-date-width: 110px;
311
311
  &-step.mw-active &-date,
312
312
  &-step.active &-date {
313
313
  background: var(--mw-primary-color);
314
- color: var(--mw-accent-text-color);
314
+ color: var(--mw-primary-accent-text-color);
315
315
  transform: scale(1.1);
316
316
  animation: mw-pulse-ring-simple 2s infinite;
317
317
  }
@@ -69,6 +69,8 @@ $_knob-travel-lg: calc(
69
69
  left: $_knob-offset;
70
70
  width: $_knob-size;
71
71
  height: $_knob-size;
72
+ // The shared token, not a per-color one: the knob has to read on the
73
+ // fill *and* on the empty track, so it cannot follow the fill color
72
74
  background: var(--mw-accent-text-color);
73
75
  border-radius: radius('full');
74
76
  transition: transform 0.25s ease;
@@ -111,7 +111,7 @@
111
111
 
112
112
  &:hover {
113
113
  background: var(--mw-primary-color);
114
- color: var(--mw-accent-text-color);
114
+ color: var(--mw-primary-accent-text-color);
115
115
  transform: translateY(-2px);
116
116
  border-color: var(--mw-primary-color);
117
117
  }
@@ -60,7 +60,7 @@
60
60
  // Login button styling
61
61
  .mw-login-btn {
62
62
  background: var(--mw-primary-color);
63
- color: var(--mw-accent-text-color);
63
+ color: var(--mw-primary-accent-text-color);
64
64
  border: none;
65
65
  border-radius: radius('md');
66
66
  font-size: font-size('md');
@@ -124,6 +124,11 @@
124
124
  background: var(--mw-secondary-color);
125
125
  z-index: z-index('header') + 10;
126
126
 
127
+ // The surface under the burger switches to secondary, so its ink has to
128
+ // switch with it. Set on the button, so the bar and both pseudo-elements
129
+ // pick it up.
130
+ --mw-header-burgerbutton-color: var(--mw-header-burgerbutton-open-color);
131
+
127
132
  &:hover {
128
133
  background: var(--mw-secondary-color-hover);
129
134
  }
@@ -37,7 +37,8 @@
37
37
  position: absolute;
38
38
  inset: 0;
39
39
  background: var(--mw-hero-overlay-background);
40
- backdrop-filter: blur(2px);
40
+ backdrop-filter: blur(5px);
41
+ opacity: 0.3;
41
42
  z-index: z-index('lift');
42
43
  pointer-events: none;
43
44
  }
@@ -73,7 +73,7 @@
73
73
 
74
74
  &:hover:not(:disabled) {
75
75
  background: var(--mw-primary-color);
76
- color: var(--mw-accent-text-color);
76
+ color: var(--mw-primary-accent-text-color);
77
77
  }
78
78
 
79
79
  &:focus-visible {