maverick-wave 5.29.0 → 5.31.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 (144) 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/components/_avatars.scss +35 -3
  5. package/src/scss/components/_dropdown.scss +24 -1
  6. package/src/scss/components/_lang-switch.scss +4 -8
  7. package/src/scss/components/_modals.scss +33 -5
  8. package/.claude/settings.local.json +0 -43
  9. package/.claude/skills/mw-maverick-wave/SKILL.md +0 -532
  10. package/.claude/skills/mw-maverick-wave/examples/angular-form.md +0 -279
  11. package/.claude/skills/mw-maverick-wave/examples/angular-list-page.md +0 -309
  12. package/.claude/skills/mw-maverick-wave/examples/angular-services.md +0 -538
  13. package/.claude/skills/mw-maverick-wave/examples/static-landing-page.md +0 -530
  14. package/.claude/skills/mw-maverick-wave/references/components.md +0 -2169
  15. package/.claude/skills/mw-maverick-wave/references/forms.md +0 -358
  16. package/.claude/skills/mw-maverick-wave/references/javascript.md +0 -164
  17. package/.claude/skills/mw-maverick-wave/references/layout.md +0 -764
  18. package/.claude/skills/mw-maverick-wave/references/theming.md +0 -528
  19. package/.github/workflows/ci.yml +0 -41
  20. package/.idea/codeStyles/Project.xml +0 -59
  21. package/.idea/codeStyles/codeStyleConfig.xml +0 -5
  22. package/.idea/maverick-wave.iml +0 -12
  23. package/.idea/modules.xml +0 -8
  24. package/.idea/prettier.xml +0 -6
  25. package/.idea/vcs.xml +0 -6
  26. package/.prettierignore +0 -8
  27. package/.prettierrc.json +0 -7
  28. package/CHANGELOG.md +0 -950
  29. package/CLAUDE.md +0 -60
  30. package/gulpfile.js +0 -167
  31. package/index.html +0 -1730
  32. package/release.sh +0 -31
  33. package/scripts/verify.js +0 -252
  34. package/src/assets/favicon/apple-touch-icon.png +0 -0
  35. package/src/assets/favicon/favicon-96x96.png +0 -0
  36. package/src/assets/favicon/favicon.svg +0 -1
  37. package/src/assets/favicon/site.webmanifest +0 -37
  38. package/src/assets/favicon/web-app-manifest-192x192.png +0 -0
  39. package/src/assets/favicon/web-app-manifest-512x512.png +0 -0
  40. package/src/assets/favicon.ico +0 -0
  41. package/src/assets/header-logo.svg +0 -24
  42. package/src/assets/images/gallery-city.svg +0 -49
  43. package/src/assets/images/gallery-desert.svg +0 -25
  44. package/src/assets/images/gallery-forest.svg +0 -46
  45. package/src/assets/images/gallery-lake.svg +0 -26
  46. package/src/assets/images/gallery-mountain.svg +0 -19
  47. package/src/assets/images/gallery-ocean.svg +0 -26
  48. package/src/assets/images/gallery-oldtown.svg +0 -41
  49. package/src/assets/images/gallery-snow.svg +0 -39
  50. package/src/assets/images/photo-balloon.svg +0 -35
  51. package/src/assets/images/photo-forest-path.svg +0 -31
  52. package/src/assets/images/photo-lighthouse.svg +0 -42
  53. package/src/assets/images/photo-palm.svg +0 -27
  54. package/src/assets/images/photo-peak.svg +0 -27
  55. package/src/assets/images/photo-tower.svg +0 -34
  56. package/src/assets/images/photo-waterfall.svg +0 -32
  57. package/src/assets/images/slider-field.svg +0 -124
  58. package/src/assets/images/slider-forest.svg +0 -33
  59. package/src/assets/images/slider-lake.svg +0 -35
  60. package/src/assets/images/slider-mountains.svg +0 -29
  61. package/src/assets/images/slider-trees.svg +0 -41
  62. package/src/assets/images/story-aurora.svg +0 -36
  63. package/src/assets/images/story-beach.svg +0 -34
  64. package/src/assets/images/story-stars.svg +0 -35
  65. package/src/assets/images/tile-analytics.svg +0 -22
  66. package/src/assets/images/tile-cloud.svg +0 -19
  67. package/src/assets/images/tile-ecommerce.svg +0 -14
  68. package/src/assets/images/tile-enterprise.svg +0 -22
  69. package/src/assets/images/tile-marketing.svg +0 -16
  70. package/src/assets/media/demo-chime.wav +0 -0
  71. package/src/assets/media/story-sunrise.jpg +0 -0
  72. package/src/assets/media/story-sunrise.mp4 +0 -0
  73. package/src/partials/accordions-container.html +0 -179
  74. package/src/partials/alerts-container.html +0 -151
  75. package/src/partials/announcement-container.html +0 -67
  76. package/src/partials/avatars-container.html +0 -229
  77. package/src/partials/badges-container.html +0 -114
  78. package/src/partials/blog-posts-container.html +0 -158
  79. package/src/partials/breadcrumbs-container.html +0 -126
  80. package/src/partials/button-bar-container.html +0 -175
  81. package/src/partials/buttons-container.html +0 -272
  82. package/src/partials/calendar-container.html +0 -203
  83. package/src/partials/cards-container.html +0 -727
  84. package/src/partials/code-container.html +0 -194
  85. package/src/partials/colors-container.html +0 -263
  86. package/src/partials/coming-soon-container.html +0 -10
  87. package/src/partials/contact-container.html +0 -85
  88. package/src/partials/content-slider-container.html +0 -36
  89. package/src/partials/divider-container.html +0 -70
  90. package/src/partials/documentation-container.html +0 -204
  91. package/src/partials/dropdown-container.html +0 -119
  92. package/src/partials/empty-state-container.html +0 -79
  93. package/src/partials/feed-container.html +0 -506
  94. package/src/partials/footer-container.html +0 -113
  95. package/src/partials/form-container.html +0 -262
  96. package/src/partials/form-elements-container.html +0 -616
  97. package/src/partials/form-field-container.html +0 -166
  98. package/src/partials/gallery-container.html +0 -62
  99. package/src/partials/get-started-container.html +0 -423
  100. package/src/partials/grid-container.html +0 -191
  101. package/src/partials/header-container.html +0 -69
  102. package/src/partials/header-utilities-container.html +0 -331
  103. package/src/partials/highlights-container.html +0 -71
  104. package/src/partials/history-container.html +0 -67
  105. package/src/partials/home-container.html +0 -31
  106. package/src/partials/html-lists-container.html +0 -63
  107. package/src/partials/info-container.html +0 -104
  108. package/src/partials/input-group-container.html +0 -299
  109. package/src/partials/item-lists-container.html +0 -368
  110. package/src/partials/kanban-container.html +0 -459
  111. package/src/partials/kbd-container.html +0 -63
  112. package/src/partials/leader-row-container.html +0 -139
  113. package/src/partials/login-container.html +0 -65
  114. package/src/partials/lunch-menu-container.html +0 -341
  115. package/src/partials/media-container.html +0 -27
  116. package/src/partials/meta-info-container.html +0 -21
  117. package/src/partials/modals-container.html +0 -199
  118. package/src/partials/mosaic-container.html +0 -173
  119. package/src/partials/page-header-container.html +0 -78
  120. package/src/partials/pagination-container.html +0 -64
  121. package/src/partials/palette-container.html +0 -480
  122. package/src/partials/panels-container.html +0 -126
  123. package/src/partials/parallax-container.html +0 -147
  124. package/src/partials/portrait-gallery-container.html +0 -175
  125. package/src/partials/preview-container.html +0 -136
  126. package/src/partials/pricing-container.html +0 -523
  127. package/src/partials/progress-container.html +0 -230
  128. package/src/partials/prose-container.html +0 -43
  129. package/src/partials/ratings-container.html +0 -104
  130. package/src/partials/section-head-container.html +0 -77
  131. package/src/partials/segmented-container.html +0 -66
  132. package/src/partials/skeleton-container.html +0 -87
  133. package/src/partials/spinners-container.html +0 -96
  134. package/src/partials/stepper-container.html +0 -111
  135. package/src/partials/stories-container.html +0 -182
  136. package/src/partials/tables-container.html +0 -309
  137. package/src/partials/tabs-container.html +0 -290
  138. package/src/partials/tags-container.html +0 -242
  139. package/src/partials/techstack-bucket-container.html +0 -187
  140. package/src/partials/testimonials-container.html +0 -88
  141. package/src/partials/tiles-container.html +0 -247
  142. package/src/partials/timelines-container.html +0 -196
  143. package/src/partials/typography-container.html +0 -74
  144. package/src/partials/utilities-container.html +0 -553
package/src/partials/form-container.html DELETED
@@ -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>