maverick-wave 5.30.0 → 5.32.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 (147) hide show
  1. package/README.md +2 -2
  2. package/maverick-wave.min.css +2 -2
  3. package/package.json +8 -2
  4. package/src/scss/abstracts/_variables.scss +2 -0
  5. package/src/scss/components/_modals.scss +23 -9
  6. package/src/scss/components/_testimonial.scss +2 -0
  7. package/src/scss/layout/_home.scss +46 -0
  8. package/src/scss/layout/_main.scss +20 -0
  9. package/src/scss/layout/_parallax.scss +2 -2
  10. package/src/scss/main-lean.scss +8 -3
  11. package/.claude/settings.local.json +0 -43
  12. package/.claude/skills/mw-maverick-wave/SKILL.md +0 -532
  13. package/.claude/skills/mw-maverick-wave/examples/angular-form.md +0 -279
  14. package/.claude/skills/mw-maverick-wave/examples/angular-list-page.md +0 -309
  15. package/.claude/skills/mw-maverick-wave/examples/angular-services.md +0 -538
  16. package/.claude/skills/mw-maverick-wave/examples/static-landing-page.md +0 -530
  17. package/.claude/skills/mw-maverick-wave/references/components.md +0 -2170
  18. package/.claude/skills/mw-maverick-wave/references/forms.md +0 -358
  19. package/.claude/skills/mw-maverick-wave/references/javascript.md +0 -164
  20. package/.claude/skills/mw-maverick-wave/references/layout.md +0 -764
  21. package/.claude/skills/mw-maverick-wave/references/theming.md +0 -530
  22. package/.github/workflows/ci.yml +0 -41
  23. package/.idea/codeStyles/Project.xml +0 -59
  24. package/.idea/codeStyles/codeStyleConfig.xml +0 -5
  25. package/.idea/maverick-wave.iml +0 -12
  26. package/.idea/modules.xml +0 -8
  27. package/.idea/prettier.xml +0 -6
  28. package/.idea/vcs.xml +0 -6
  29. package/.prettierignore +0 -8
  30. package/.prettierrc.json +0 -7
  31. package/CHANGELOG.md +0 -956
  32. package/CLAUDE.md +0 -60
  33. package/gulpfile.js +0 -167
  34. package/index.html +0 -1730
  35. package/release.sh +0 -31
  36. package/scripts/verify.js +0 -252
  37. package/src/assets/favicon/apple-touch-icon.png +0 -0
  38. package/src/assets/favicon/favicon-96x96.png +0 -0
  39. package/src/assets/favicon/favicon.svg +0 -1
  40. package/src/assets/favicon/site.webmanifest +0 -37
  41. package/src/assets/favicon/web-app-manifest-192x192.png +0 -0
  42. package/src/assets/favicon/web-app-manifest-512x512.png +0 -0
  43. package/src/assets/favicon.ico +0 -0
  44. package/src/assets/header-logo.svg +0 -24
  45. package/src/assets/images/gallery-city.svg +0 -49
  46. package/src/assets/images/gallery-desert.svg +0 -25
  47. package/src/assets/images/gallery-forest.svg +0 -46
  48. package/src/assets/images/gallery-lake.svg +0 -26
  49. package/src/assets/images/gallery-mountain.svg +0 -19
  50. package/src/assets/images/gallery-ocean.svg +0 -26
  51. package/src/assets/images/gallery-oldtown.svg +0 -41
  52. package/src/assets/images/gallery-snow.svg +0 -39
  53. package/src/assets/images/photo-balloon.svg +0 -35
  54. package/src/assets/images/photo-forest-path.svg +0 -31
  55. package/src/assets/images/photo-lighthouse.svg +0 -42
  56. package/src/assets/images/photo-palm.svg +0 -27
  57. package/src/assets/images/photo-peak.svg +0 -27
  58. package/src/assets/images/photo-tower.svg +0 -34
  59. package/src/assets/images/photo-waterfall.svg +0 -32
  60. package/src/assets/images/slider-field.svg +0 -124
  61. package/src/assets/images/slider-forest.svg +0 -33
  62. package/src/assets/images/slider-lake.svg +0 -35
  63. package/src/assets/images/slider-mountains.svg +0 -29
  64. package/src/assets/images/slider-trees.svg +0 -41
  65. package/src/assets/images/story-aurora.svg +0 -36
  66. package/src/assets/images/story-beach.svg +0 -34
  67. package/src/assets/images/story-stars.svg +0 -35
  68. package/src/assets/images/tile-analytics.svg +0 -22
  69. package/src/assets/images/tile-cloud.svg +0 -19
  70. package/src/assets/images/tile-ecommerce.svg +0 -14
  71. package/src/assets/images/tile-enterprise.svg +0 -22
  72. package/src/assets/images/tile-marketing.svg +0 -16
  73. package/src/assets/media/demo-chime.wav +0 -0
  74. package/src/assets/media/story-sunrise.jpg +0 -0
  75. package/src/assets/media/story-sunrise.mp4 +0 -0
  76. package/src/partials/accordions-container.html +0 -179
  77. package/src/partials/alerts-container.html +0 -151
  78. package/src/partials/announcement-container.html +0 -67
  79. package/src/partials/avatars-container.html +0 -229
  80. package/src/partials/badges-container.html +0 -114
  81. package/src/partials/blog-posts-container.html +0 -158
  82. package/src/partials/breadcrumbs-container.html +0 -126
  83. package/src/partials/button-bar-container.html +0 -175
  84. package/src/partials/buttons-container.html +0 -272
  85. package/src/partials/calendar-container.html +0 -203
  86. package/src/partials/cards-container.html +0 -727
  87. package/src/partials/code-container.html +0 -194
  88. package/src/partials/colors-container.html +0 -263
  89. package/src/partials/coming-soon-container.html +0 -10
  90. package/src/partials/contact-container.html +0 -85
  91. package/src/partials/content-slider-container.html +0 -36
  92. package/src/partials/divider-container.html +0 -70
  93. package/src/partials/documentation-container.html +0 -204
  94. package/src/partials/dropdown-container.html +0 -119
  95. package/src/partials/empty-state-container.html +0 -79
  96. package/src/partials/feed-container.html +0 -506
  97. package/src/partials/footer-container.html +0 -113
  98. package/src/partials/form-container.html +0 -262
  99. package/src/partials/form-elements-container.html +0 -616
  100. package/src/partials/form-field-container.html +0 -166
  101. package/src/partials/gallery-container.html +0 -62
  102. package/src/partials/get-started-container.html +0 -423
  103. package/src/partials/grid-container.html +0 -191
  104. package/src/partials/header-container.html +0 -69
  105. package/src/partials/header-utilities-container.html +0 -331
  106. package/src/partials/highlights-container.html +0 -71
  107. package/src/partials/history-container.html +0 -67
  108. package/src/partials/home-container.html +0 -31
  109. package/src/partials/html-lists-container.html +0 -63
  110. package/src/partials/info-container.html +0 -104
  111. package/src/partials/input-group-container.html +0 -299
  112. package/src/partials/item-lists-container.html +0 -368
  113. package/src/partials/kanban-container.html +0 -459
  114. package/src/partials/kbd-container.html +0 -63
  115. package/src/partials/leader-row-container.html +0 -139
  116. package/src/partials/login-container.html +0 -65
  117. package/src/partials/lunch-menu-container.html +0 -341
  118. package/src/partials/media-container.html +0 -27
  119. package/src/partials/meta-info-container.html +0 -21
  120. package/src/partials/modals-container.html +0 -199
  121. package/src/partials/mosaic-container.html +0 -173
  122. package/src/partials/page-header-container.html +0 -78
  123. package/src/partials/pagination-container.html +0 -64
  124. package/src/partials/palette-container.html +0 -480
  125. package/src/partials/panels-container.html +0 -126
  126. package/src/partials/parallax-container.html +0 -147
  127. package/src/partials/portrait-gallery-container.html +0 -175
  128. package/src/partials/preview-container.html +0 -136
  129. package/src/partials/pricing-container.html +0 -523
  130. package/src/partials/progress-container.html +0 -230
  131. package/src/partials/prose-container.html +0 -43
  132. package/src/partials/ratings-container.html +0 -104
  133. package/src/partials/section-head-container.html +0 -77
  134. package/src/partials/segmented-container.html +0 -66
  135. package/src/partials/skeleton-container.html +0 -87
  136. package/src/partials/spinners-container.html +0 -96
  137. package/src/partials/stepper-container.html +0 -111
  138. package/src/partials/stories-container.html +0 -182
  139. package/src/partials/tables-container.html +0 -309
  140. package/src/partials/tabs-container.html +0 -290
  141. package/src/partials/tags-container.html +0 -242
  142. package/src/partials/techstack-bucket-container.html +0 -187
  143. package/src/partials/testimonials-container.html +0 -88
  144. package/src/partials/tiles-container.html +0 -247
  145. package/src/partials/timelines-container.html +0 -196
  146. package/src/partials/typography-container.html +0 -74
  147. package/src/partials/utilities-container.html +0 -553
@@ -1,262 +0,0 @@
1
- <h3 class="mw-section-subtitle">Form</h3>
2
- <p class="mw-text-muted mw-text-measure">
3
- The layout around the fields: a flex column with a single gap, so no field
4
- needs a margin of its own. <code>mw-form</code> carries no padding, which is
5
- what lets it sit straight inside a modal body or a panel.
6
- </p>
7
-
8
- <div class="mw-card mw-card-simple">
9
- <h3 class="mw-card-title">Example - User Profile Settings</h3>
10
- <div class="mw-form">
11
- <!-- Personal information -->
12
- <div class="mw-form-group">
13
- <p class="mw-text-muted mw-mb-3">Personal Information</p>
14
- <div class="mw-grid-2">
15
- <div class="mw-field">
16
- <label class="mw-field-label mw-required" for="firstName"
17
- >First Name</label
18
- >
19
- <input
20
- id="firstName"
21
- type="text"
22
- class="mw-input"
23
- placeholder="Jane"
24
- />
25
- </div>
26
- <div class="mw-field">
27
- <label class="mw-field-label mw-required" for="lastName"
28
- >Last Name</label
29
- >
30
- <input id="lastName" type="text" class="mw-input" placeholder="Doe" />
31
- </div>
32
- <div class="mw-field">
33
- <label class="mw-field-label mw-required" for="email"
34
- >Email Address</label
35
- >
36
- <div class="mw-input-group">
37
- <span class="mw-input-group-prefix"
38
- ><i class="fas fa-envelope"></i
39
- ></span>
40
- <input
41
- id="email"
42
- type="email"
43
- class="mw-input"
44
- placeholder="jane.doe@example.com"
45
- />
46
- </div>
47
- <span class="mw-field-hint">Used for login and notifications.</span>
48
- </div>
49
- <div class="mw-field">
50
- <label class="mw-field-label" for="website">Personal Website</label>
51
- <div class="mw-input-group">
52
- <span class="mw-input-group-prefix">https://</span>
53
- <input
54
- id="website"
55
- type="text"
56
- class="mw-input"
57
- placeholder="your-domain.com"
58
- />
59
- </div>
60
- </div>
61
- </div>
62
- </div>
63
-
64
- <!-- Account settings -->
65
- <div class="mw-form-group">
66
- <p class="mw-text-muted mw-mb-3">Account Settings</p>
67
- <div class="mw-grid-2">
68
- <div class="mw-field">
69
- <label class="mw-field-label mw-required" for="username"
70
- >Username</label
71
- >
72
- <div class="mw-input-group">
73
- <span class="mw-input-group-prefix">@</span>
74
- <input
75
- id="username"
76
- type="text"
77
- class="mw-input"
78
- placeholder="jane_doe"
79
- />
80
- </div>
81
- <span class="mw-field-hint">Visible on your public profile.</span>
82
- </div>
83
- <div class="mw-field">
84
- <label class="mw-field-label mw-required" for="role">Role</label>
85
- <select id="role" class="mw-select">
86
- <option value="" disabled selected>Select a role</option>
87
- <option>Developer</option>
88
- <option>Designer</option>
89
- <option>Product Manager</option>
90
- <option>DevOps Engineer</option>
91
- <option>QA Engineer</option>
92
- </select>
93
- </div>
94
- <div class="mw-field">
95
- <label class="mw-field-label" for="account-id">Account ID</label>
96
- <input
97
- id="account-id"
98
- type="text"
99
- class="mw-input"
100
- readonly
101
- value="USR-00042"
102
- />
103
- <span class="mw-field-hint"
104
- >This value is assigned and cannot be changed.</span
105
- >
106
- </div>
107
- <div class="mw-field">
108
- <label class="mw-field-label mw-required" for="country"
109
- >Country</label
110
- >
111
- <select id="country" class="mw-select">
112
- <option value="" disabled selected>Select country</option>
113
- <option>Germany</option>
114
- <option>Austria</option>
115
- <option>Switzerland</option>
116
- <option>United States</option>
117
- <option>Canada</option>
118
- </select>
119
- </div>
120
- </div>
121
- </div>
122
-
123
- <!-- Profile details -->
124
- <div class="mw-form-group">
125
- <p class="mw-text-muted mw-mb-3">Profile Details</p>
126
- <div class="mw-grid-2">
127
- <!-- Gender radio -->
128
- <div>
129
- <p class="mw-text-muted mw-text-sm mw-mb-2">Gender</p>
130
- <div class="mw-radio-group mw-radio-group-inline">
131
- <label class="mw-radio">
132
- <input type="radio" name="gender" value="female" />
133
- <div class="mw-radio-button"></div>
134
- <div class="mw-radio-label">Female</div>
135
- </label>
136
- <label class="mw-radio">
137
- <input type="radio" name="gender" value="male" />
138
- <div class="mw-radio-button"></div>
139
- <div class="mw-radio-label">Male</div>
140
- </label>
141
- <label class="mw-radio">
142
- <input type="radio" name="gender" value="other" />
143
- <div class="mw-radio-button"></div>
144
- <div class="mw-radio-label">Other</div>
145
- </label>
146
- </div>
147
- </div>
148
-
149
- <!-- Interests checkboxes -->
150
- <div>
151
- <p class="mw-text-muted mw-text-sm mw-mb-2">Interests</p>
152
- <div class="mw-checkbox-group mw-checkbox-group-inline">
153
- <label class="mw-checkbox">
154
- <input type="checkbox" name="interests" value="coding" />
155
- <div class="mw-checkbox-box"></div>
156
- <div class="mw-checkbox-label">Coding</div>
157
- </label>
158
- <label class="mw-checkbox">
159
- <input type="checkbox" name="interests" value="design" />
160
- <div class="mw-checkbox-box"></div>
161
- <div class="mw-checkbox-label">Design</div>
162
- </label>
163
- <label class="mw-checkbox">
164
- <input type="checkbox" name="interests" value="devops" />
165
- <div class="mw-checkbox-box"></div>
166
- <div class="mw-checkbox-label">DevOps</div>
167
- </label>
168
- </div>
169
- </div>
170
-
171
- <!-- Bio textarea -->
172
- <div class="mw-field" style="grid-column: 1 / -1">
173
- <label class="mw-field-label" for="bio">Bio</label>
174
- <textarea
175
- id="bio"
176
- class="mw-textarea"
177
- rows="3"
178
- placeholder="Tell us a bit about yourself..."
179
- ></textarea>
180
- <span class="mw-field-hint"
181
- >Maximum 500 characters. Shown on your public profile.</span
182
- >
183
- </div>
184
- </div>
185
- </div>
186
-
187
- <!-- Notification preferences -->
188
- <div class="mw-form-group">
189
- <p class="mw-text-muted mw-mb-3">Notification Preferences</p>
190
- <div class="mw-grid-2">
191
- <div>
192
- <p class="mw-text-muted mw-text-sm mw-mb-3">Channels</p>
193
- <div class="mw-toggle-group">
194
- <label class="mw-toggle">
195
- <input type="checkbox" checked />
196
- <div class="mw-toggle-track"></div>
197
- <span class="mw-toggle-label">Email notifications</span>
198
- </label>
199
- <label class="mw-toggle">
200
- <input type="checkbox" />
201
- <div class="mw-toggle-track"></div>
202
- <span class="mw-toggle-label">Push notifications</span>
203
- </label>
204
- <label class="mw-toggle mw-toggle-warning">
205
- <input type="checkbox" checked />
206
- <div class="mw-toggle-track"></div>
207
- <span class="mw-toggle-label">SMS alerts (costs may apply)</span>
208
- </label>
209
- </div>
210
- </div>
211
- <div>
212
- <p class="mw-text-muted mw-text-sm mw-mb-3">Account</p>
213
- <div class="mw-toggle-group">
214
- <label class="mw-toggle mw-toggle-success">
215
- <input type="checkbox" checked />
216
- <div class="mw-toggle-track"></div>
217
- <span class="mw-toggle-label">Profile publicly visible</span>
218
- </label>
219
- <label class="mw-toggle">
220
- <input type="checkbox" checked />
221
- <div class="mw-toggle-track"></div>
222
- <span class="mw-toggle-label">Weekly digest email</span>
223
- </label>
224
- <label class="mw-toggle mw-toggle-danger">
225
- <input type="checkbox" />
226
- <div class="mw-toggle-track"></div>
227
- <span class="mw-toggle-label">Allow data for analytics</span>
228
- </label>
229
- </div>
230
- </div>
231
- </div>
232
- </div>
233
-
234
- <!-- Experience slider -->
235
- <div class="mw-form-group">
236
- <p class="mw-text-muted mw-mb-3">Experience</p>
237
- <label>
238
- <span>Years of professional experience</span>
239
- <div class="mw-slider-container">
240
- <div class="mw-slider-value mw-slider-numeric" data-value="3"></div>
241
- <input
242
- type="range"
243
- class="mw-slider mw-slider-primary"
244
- min="0"
245
- max="10"
246
- value="3"
247
- />
248
- </div>
249
- </label>
250
- </div>
251
-
252
- <div class="mw-form-actions">
253
- <p class="mw-actions-note">
254
- Changes are saved to your account immediately after clicking Save.
255
- </p>
256
- <button type="reset" class="mw-btn mw-btn-outline">Reset</button>
257
- <button type="submit" class="mw-btn mw-btn-primary">
258
- <i class="fas fa-save"></i> Save Profile
259
- </button>
260
- </div>
261
- </div>
262
- </div>