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.
- package/README.md +2 -2
- package/maverick-wave.min.css +2 -2
- package/package.json +8 -2
- package/src/scss/abstracts/_variables.scss +2 -0
- package/src/scss/components/_modals.scss +23 -9
- package/src/scss/components/_testimonial.scss +2 -0
- package/src/scss/layout/_home.scss +46 -0
- package/src/scss/layout/_main.scss +20 -0
- package/src/scss/layout/_parallax.scss +2 -2
- package/src/scss/main-lean.scss +8 -3
- package/.claude/settings.local.json +0 -43
- package/.claude/skills/mw-maverick-wave/SKILL.md +0 -532
- package/.claude/skills/mw-maverick-wave/examples/angular-form.md +0 -279
- package/.claude/skills/mw-maverick-wave/examples/angular-list-page.md +0 -309
- package/.claude/skills/mw-maverick-wave/examples/angular-services.md +0 -538
- package/.claude/skills/mw-maverick-wave/examples/static-landing-page.md +0 -530
- package/.claude/skills/mw-maverick-wave/references/components.md +0 -2170
- package/.claude/skills/mw-maverick-wave/references/forms.md +0 -358
- package/.claude/skills/mw-maverick-wave/references/javascript.md +0 -164
- package/.claude/skills/mw-maverick-wave/references/layout.md +0 -764
- package/.claude/skills/mw-maverick-wave/references/theming.md +0 -530
- package/.github/workflows/ci.yml +0 -41
- package/.idea/codeStyles/Project.xml +0 -59
- package/.idea/codeStyles/codeStyleConfig.xml +0 -5
- package/.idea/maverick-wave.iml +0 -12
- package/.idea/modules.xml +0 -8
- package/.idea/prettier.xml +0 -6
- package/.idea/vcs.xml +0 -6
- package/.prettierignore +0 -8
- package/.prettierrc.json +0 -7
- package/CHANGELOG.md +0 -956
- package/CLAUDE.md +0 -60
- package/gulpfile.js +0 -167
- package/index.html +0 -1730
- package/release.sh +0 -31
- package/scripts/verify.js +0 -252
- package/src/assets/favicon/apple-touch-icon.png +0 -0
- package/src/assets/favicon/favicon-96x96.png +0 -0
- package/src/assets/favicon/favicon.svg +0 -1
- package/src/assets/favicon/site.webmanifest +0 -37
- package/src/assets/favicon/web-app-manifest-192x192.png +0 -0
- package/src/assets/favicon/web-app-manifest-512x512.png +0 -0
- package/src/assets/favicon.ico +0 -0
- package/src/assets/header-logo.svg +0 -24
- package/src/assets/images/gallery-city.svg +0 -49
- package/src/assets/images/gallery-desert.svg +0 -25
- package/src/assets/images/gallery-forest.svg +0 -46
- package/src/assets/images/gallery-lake.svg +0 -26
- package/src/assets/images/gallery-mountain.svg +0 -19
- package/src/assets/images/gallery-ocean.svg +0 -26
- package/src/assets/images/gallery-oldtown.svg +0 -41
- package/src/assets/images/gallery-snow.svg +0 -39
- package/src/assets/images/photo-balloon.svg +0 -35
- package/src/assets/images/photo-forest-path.svg +0 -31
- package/src/assets/images/photo-lighthouse.svg +0 -42
- package/src/assets/images/photo-palm.svg +0 -27
- package/src/assets/images/photo-peak.svg +0 -27
- package/src/assets/images/photo-tower.svg +0 -34
- package/src/assets/images/photo-waterfall.svg +0 -32
- package/src/assets/images/slider-field.svg +0 -124
- package/src/assets/images/slider-forest.svg +0 -33
- package/src/assets/images/slider-lake.svg +0 -35
- package/src/assets/images/slider-mountains.svg +0 -29
- package/src/assets/images/slider-trees.svg +0 -41
- package/src/assets/images/story-aurora.svg +0 -36
- package/src/assets/images/story-beach.svg +0 -34
- package/src/assets/images/story-stars.svg +0 -35
- package/src/assets/images/tile-analytics.svg +0 -22
- package/src/assets/images/tile-cloud.svg +0 -19
- package/src/assets/images/tile-ecommerce.svg +0 -14
- package/src/assets/images/tile-enterprise.svg +0 -22
- package/src/assets/images/tile-marketing.svg +0 -16
- package/src/assets/media/demo-chime.wav +0 -0
- package/src/assets/media/story-sunrise.jpg +0 -0
- package/src/assets/media/story-sunrise.mp4 +0 -0
- package/src/partials/accordions-container.html +0 -179
- package/src/partials/alerts-container.html +0 -151
- package/src/partials/announcement-container.html +0 -67
- package/src/partials/avatars-container.html +0 -229
- package/src/partials/badges-container.html +0 -114
- package/src/partials/blog-posts-container.html +0 -158
- package/src/partials/breadcrumbs-container.html +0 -126
- package/src/partials/button-bar-container.html +0 -175
- package/src/partials/buttons-container.html +0 -272
- package/src/partials/calendar-container.html +0 -203
- package/src/partials/cards-container.html +0 -727
- package/src/partials/code-container.html +0 -194
- package/src/partials/colors-container.html +0 -263
- package/src/partials/coming-soon-container.html +0 -10
- package/src/partials/contact-container.html +0 -85
- package/src/partials/content-slider-container.html +0 -36
- package/src/partials/divider-container.html +0 -70
- package/src/partials/documentation-container.html +0 -204
- package/src/partials/dropdown-container.html +0 -119
- package/src/partials/empty-state-container.html +0 -79
- package/src/partials/feed-container.html +0 -506
- package/src/partials/footer-container.html +0 -113
- package/src/partials/form-container.html +0 -262
- package/src/partials/form-elements-container.html +0 -616
- package/src/partials/form-field-container.html +0 -166
- package/src/partials/gallery-container.html +0 -62
- package/src/partials/get-started-container.html +0 -423
- package/src/partials/grid-container.html +0 -191
- package/src/partials/header-container.html +0 -69
- package/src/partials/header-utilities-container.html +0 -331
- package/src/partials/highlights-container.html +0 -71
- package/src/partials/history-container.html +0 -67
- package/src/partials/home-container.html +0 -31
- package/src/partials/html-lists-container.html +0 -63
- package/src/partials/info-container.html +0 -104
- package/src/partials/input-group-container.html +0 -299
- package/src/partials/item-lists-container.html +0 -368
- package/src/partials/kanban-container.html +0 -459
- package/src/partials/kbd-container.html +0 -63
- package/src/partials/leader-row-container.html +0 -139
- package/src/partials/login-container.html +0 -65
- package/src/partials/lunch-menu-container.html +0 -341
- package/src/partials/media-container.html +0 -27
- package/src/partials/meta-info-container.html +0 -21
- package/src/partials/modals-container.html +0 -199
- package/src/partials/mosaic-container.html +0 -173
- package/src/partials/page-header-container.html +0 -78
- package/src/partials/pagination-container.html +0 -64
- package/src/partials/palette-container.html +0 -480
- package/src/partials/panels-container.html +0 -126
- package/src/partials/parallax-container.html +0 -147
- package/src/partials/portrait-gallery-container.html +0 -175
- package/src/partials/preview-container.html +0 -136
- package/src/partials/pricing-container.html +0 -523
- package/src/partials/progress-container.html +0 -230
- package/src/partials/prose-container.html +0 -43
- package/src/partials/ratings-container.html +0 -104
- package/src/partials/section-head-container.html +0 -77
- package/src/partials/segmented-container.html +0 -66
- package/src/partials/skeleton-container.html +0 -87
- package/src/partials/spinners-container.html +0 -96
- package/src/partials/stepper-container.html +0 -111
- package/src/partials/stories-container.html +0 -182
- package/src/partials/tables-container.html +0 -309
- package/src/partials/tabs-container.html +0 -290
- package/src/partials/tags-container.html +0 -242
- package/src/partials/techstack-bucket-container.html +0 -187
- package/src/partials/testimonials-container.html +0 -88
- package/src/partials/tiles-container.html +0 -247
- package/src/partials/timelines-container.html +0 -196
- package/src/partials/typography-container.html +0 -74
- 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>
|