maverick-wave 3.0.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 (141) hide show
  1. package/.claude/commands/mw.md +580 -0
  2. package/.claude/settings.local.json +11 -0
  3. package/.idea/codeStyles/Project.xml +59 -0
  4. package/.idea/codeStyles/codeStyleConfig.xml +5 -0
  5. package/.idea/maverick-wave.iml +12 -0
  6. package/.idea/modules.xml +8 -0
  7. package/.idea/prettier.xml +6 -0
  8. package/.idea/vcs.xml +6 -0
  9. package/.prettierignore +6 -0
  10. package/.prettierrc.json +7 -0
  11. package/CHANGELOG.md +420 -0
  12. package/CLAUDE.md +53 -0
  13. package/LICENSE +21 -0
  14. package/README.md +191 -0
  15. package/gulpfile.js +158 -0
  16. package/index.html +472 -0
  17. package/maverick-wave.min.css +1 -0
  18. package/maverick-wave.min.js +1 -0
  19. package/package.json +52 -0
  20. package/release.sh +17 -0
  21. package/src/assets/favicon/android-chrome-192x192.png +0 -0
  22. package/src/assets/favicon/android-chrome-512x512.png +0 -0
  23. package/src/assets/favicon/apple-touch-icon.png +0 -0
  24. package/src/assets/favicon/favicon-16x16.png +0 -0
  25. package/src/assets/favicon/favicon-32x32.png +0 -0
  26. package/src/assets/favicon/site.webmanifest +1 -0
  27. package/src/assets/favicon.ico +0 -0
  28. package/src/assets/header-logo.svg +24 -0
  29. package/src/js/main.js +587 -0
  30. package/src/partials/accordions-container.html +163 -0
  31. package/src/partials/alerts-container.html +120 -0
  32. package/src/partials/avatars-container.html +84 -0
  33. package/src/partials/blog-posts-container.html +157 -0
  34. package/src/partials/breadcrumbs-container.html +126 -0
  35. package/src/partials/button-bar-container.html +168 -0
  36. package/src/partials/buttons-container.html +133 -0
  37. package/src/partials/cards-container.html +508 -0
  38. package/src/partials/code-container.html +194 -0
  39. package/src/partials/colors-container.html +125 -0
  40. package/src/partials/coming-soon-container.html +6 -0
  41. package/src/partials/content-slider-container.html +47 -0
  42. package/src/partials/divider-container.html +52 -0
  43. package/src/partials/documentation-container.html +161 -0
  44. package/src/partials/empty-state-container.html +74 -0
  45. package/src/partials/footer-container.html +113 -0
  46. package/src/partials/form-container.html +257 -0
  47. package/src/partials/form-elements-container.html +595 -0
  48. package/src/partials/form-field-container.html +141 -0
  49. package/src/partials/gallery-container.html +49 -0
  50. package/src/partials/get-started-container.html +294 -0
  51. package/src/partials/grid-container.html +171 -0
  52. package/src/partials/header-container.html +49 -0
  53. package/src/partials/header-utilities-container.html +80 -0
  54. package/src/partials/home-container.html +48 -0
  55. package/src/partials/html-lists-container.html +58 -0
  56. package/src/partials/info-container.html +87 -0
  57. package/src/partials/input-group-container.html +285 -0
  58. package/src/partials/item-lists-container.html +413 -0
  59. package/src/partials/login-container.html +61 -0
  60. package/src/partials/meta-info-container.html +16 -0
  61. package/src/partials/modals-container.html +136 -0
  62. package/src/partials/pagination-container.html +27 -0
  63. package/src/partials/panels-container.html +196 -0
  64. package/src/partials/progress-container.html +226 -0
  65. package/src/partials/ratings-container.html +104 -0
  66. package/src/partials/skeleton-container.html +82 -0
  67. package/src/partials/spinners-container.html +92 -0
  68. package/src/partials/stepper-container.html +107 -0
  69. package/src/partials/tables-container.html +120 -0
  70. package/src/partials/tabs-container.html +263 -0
  71. package/src/partials/tags-container.html +168 -0
  72. package/src/partials/techstack-bucket-container.html +174 -0
  73. package/src/partials/tiles-container.html +245 -0
  74. package/src/partials/timelines-container.html +196 -0
  75. package/src/partials/typography-container.html +66 -0
  76. package/src/partials/utilities-container.html +85 -0
  77. package/src/scss/abstracts/_functions.scss +37 -0
  78. package/src/scss/abstracts/_index.scss +3 -0
  79. package/src/scss/abstracts/_mixins.scss +45 -0
  80. package/src/scss/abstracts/_variables.scss +222 -0
  81. package/src/scss/base/_base.scss +165 -0
  82. package/src/scss/base/_index.scss +3 -0
  83. package/src/scss/base/_reset.scss +75 -0
  84. package/src/scss/base/_typography.scss +230 -0
  85. package/src/scss/components/_accordions.scss +91 -0
  86. package/src/scss/components/_alerts.scss +105 -0
  87. package/src/scss/components/_avatars.scss +123 -0
  88. package/src/scss/components/_blog-post.scss +268 -0
  89. package/src/scss/components/_breadcrumbs.scss +108 -0
  90. package/src/scss/components/_button-bar.scss +139 -0
  91. package/src/scss/components/_buttons.scss +164 -0
  92. package/src/scss/components/_cards.scss +316 -0
  93. package/src/scss/components/_code.scss +252 -0
  94. package/src/scss/components/_coming-soon.scss +92 -0
  95. package/src/scss/components/_content-slider.scss +119 -0
  96. package/src/scss/components/_divider.scss +70 -0
  97. package/src/scss/components/_empty-state.scss +73 -0
  98. package/src/scss/components/_gallery.scss +158 -0
  99. package/src/scss/components/_index.scss +33 -0
  100. package/src/scss/components/_info.scss +143 -0
  101. package/src/scss/components/_lists.scss +653 -0
  102. package/src/scss/components/_localhost-indicator.scss +29 -0
  103. package/src/scss/components/_meta-info.scss +34 -0
  104. package/src/scss/components/_modals.scss +118 -0
  105. package/src/scss/components/_pagination.scss +99 -0
  106. package/src/scss/components/_panels.scss +112 -0
  107. package/src/scss/components/_progress.scss +107 -0
  108. package/src/scss/components/_ratings.scss +47 -0
  109. package/src/scss/components/_skeleton.scss +90 -0
  110. package/src/scss/components/_spinners.scss +208 -0
  111. package/src/scss/components/_stepper.scss +145 -0
  112. package/src/scss/components/_tables.scss +127 -0
  113. package/src/scss/components/_tabs.scss +146 -0
  114. package/src/scss/components/_tags.scss +93 -0
  115. package/src/scss/components/_techstack-bucket.scss +145 -0
  116. package/src/scss/components/_theme-toggle.scss +50 -0
  117. package/src/scss/components/_tiles.scss +217 -0
  118. package/src/scss/components/_timelines.scss +339 -0
  119. package/src/scss/form-elements/_checkbox.scss +174 -0
  120. package/src/scss/form-elements/_form.scss +122 -0
  121. package/src/scss/form-elements/_index.scss +10 -0
  122. package/src/scss/form-elements/_input-group.scss +103 -0
  123. package/src/scss/form-elements/_input.scss +72 -0
  124. package/src/scss/form-elements/_login.scss +62 -0
  125. package/src/scss/form-elements/_radio.scss +144 -0
  126. package/src/scss/form-elements/_select.scss +56 -0
  127. package/src/scss/form-elements/_slider.scss +174 -0
  128. package/src/scss/form-elements/_textarea.scss +74 -0
  129. package/src/scss/form-elements/_toggle.scss +174 -0
  130. package/src/scss/layout/_footer.scss +214 -0
  131. package/src/scss/layout/_grid.scss +287 -0
  132. package/src/scss/layout/_header.scss +441 -0
  133. package/src/scss/layout/_home.scss +40 -0
  134. package/src/scss/layout/_index.scss +6 -0
  135. package/src/scss/layout/_main.scss +116 -0
  136. package/src/scss/layout/_section.scss +89 -0
  137. package/src/scss/main.scss +5 -0
  138. package/src/scss/utilities/_display.scss +35 -0
  139. package/src/scss/utilities/_flex.scss +66 -0
  140. package/src/scss/utilities/_index.scss +3 -0
  141. package/src/scss/utilities/_spacing.scss +78 -0
@@ -0,0 +1,168 @@
1
+ <h3 class="mw-section-subtitle">Button Bars</h3>
2
+
3
+ <div class="mw-grid-stack-stretch">
4
+ <div>
5
+ <h3 class="mw-mb-4">Basic Button Bar</h3>
6
+ <div class="mw-button-bar">
7
+ <button class="mw-btn mw-btn-primary">Previous Post</button>
8
+ <button class="mw-btn mw-btn-primary">Back to Main</button>
9
+ <button class="mw-btn mw-btn-primary">Next Post</button>
10
+ <button class="mw-btn mw-btn-primary">Next Post</button>
11
+ <button class="mw-btn mw-btn-primary">Next Post</button>
12
+ <button class="mw-btn mw-btn-primary">Next Post</button>
13
+ <button class="mw-btn mw-btn-primary">Next Post</button>
14
+ <button class="mw-btn mw-btn-primary">Next Post</button>
15
+ <button class="mw-btn mw-btn-primary">Next Post</button>
16
+ <button class="mw-btn mw-btn-primary">Next Post</button>
17
+ </div>
18
+ </div>
19
+
20
+ <div>
21
+ <h3 class="mw-mb-4">Auto-styled Primary Button Bar</h3>
22
+ <div class="mw-button-bar mw-button-bar-primary">
23
+ <button class="mw-btn">Previous Post</button>
24
+ <button class="mw-btn">Back to Main</button>
25
+ <button class="mw-btn">Next Post</button>
26
+ </div>
27
+ </div>
28
+
29
+ <div>
30
+ <h3 class="mw-mb-4">Auto-styled Secondary Button Bar</h3>
31
+ <div class="mw-button-bar mw-button-bar-secondary">
32
+ <button class="mw-btn">Previous Post</button>
33
+ <button class="mw-btn">Back to Main</button>
34
+ <button class="mw-btn">Next Post</button>
35
+ </div>
36
+ </div>
37
+
38
+ <div>
39
+ <h3 class="mw-mb-4">Outline Button Bar</h3>
40
+ <div class="mw-button-bar mw-button-bar-outline">
41
+ <button class="mw-btn">Previous Post</button>
42
+ <button class="mw-btn">Back to Main</button>
43
+ <button class="mw-btn">Next Post</button>
44
+ </div>
45
+ </div>
46
+
47
+ <div>
48
+ <h3 class="mw-mb-4">Navigation Style (Mixed Buttons)</h3>
49
+ <div class="mw-button-bar mw-button-bar-nav">
50
+ <button class="mw-btn"><i class="fas fa-arrow-left"></i>Previous</button>
51
+ <button class="mw-btn">Back to Main</button>
52
+ <button class="mw-btn">Next<i class="fas fa-arrow-right"></i></button>
53
+ </div>
54
+ </div>
55
+
56
+ <div>
57
+ <h3 class="mw-mb-4">Space Between Layout</h3>
58
+ <div class="mw-button-bar mw-button-bar-between">
59
+ <button class="mw-btn mw-btn-outline">
60
+ <i class="fas fa-arrow-left"></i>Previous
61
+ </button>
62
+ <button class="mw-btn mw-btn-primary">Main</button>
63
+ <button class="mw-btn mw-btn-outline">
64
+ Next<i class="fas fa-arrow-right"></i>
65
+ </button>
66
+ </div>
67
+ </div>
68
+
69
+ <div>
70
+ <h3 class="mw-mb-4">Button Bar Alignments</h3>
71
+ <div class="mw-d-flex mw-flex-column mw-gap-4">
72
+ <div>
73
+ <p class="mw-mb-2"><strong>Left Aligned:</strong></p>
74
+ <div class="mw-button-bar mw-button-bar-left mw-button-bar-primary">
75
+ <button class="mw-btn">Left</button>
76
+ <button class="mw-btn">Center</button>
77
+ <button class="mw-btn">Right</button>
78
+ </div>
79
+ </div>
80
+ <div>
81
+ <p class="mw-mb-2"><strong>Right Aligned:</strong></p>
82
+ <div class="mw-button-bar mw-button-bar-right mw-button-bar-secondary">
83
+ <button class="mw-btn">Left</button>
84
+ <button class="mw-btn">Center</button>
85
+ <button class="mw-btn">Right</button>
86
+ </div>
87
+ </div>
88
+ <div>
89
+ <p class="mw-mb-2"><strong>Center Aligned (default):</strong></p>
90
+ <div class="mw-button-bar mw-button-bar-outline">
91
+ <button class="mw-btn">Left</button>
92
+ <button class="mw-btn">Center</button>
93
+ <button class="mw-btn">Right</button>
94
+ </div>
95
+ </div>
96
+ </div>
97
+ </div>
98
+
99
+ <div>
100
+ <h3 class="mw-mb-4">Button Bar Sizes</h3>
101
+ <div class="mw-d-flex mw-flex-column mw-gap-4">
102
+ <div>
103
+ <p class="mw-mb-2"><strong>Small:</strong></p>
104
+ <div class="mw-button-bar mw-button-bar-sm mw-button-bar-secondary">
105
+ <button class="mw-btn mw-btn-sm">Prev</button>
106
+ <button class="mw-btn mw-btn-sm">Main</button>
107
+ <button class="mw-btn mw-btn-sm">Next</button>
108
+ </div>
109
+ </div>
110
+ <div>
111
+ <p class="mw-mb-2"><strong>Default:</strong></p>
112
+ <div class="mw-button-bar mw-button-bar-primary">
113
+ <button class="mw-btn">Previous</button>
114
+ <button class="mw-btn">Main</button>
115
+ <button class="mw-btn">Next</button>
116
+ </div>
117
+ </div>
118
+ <div>
119
+ <p class="mw-mb-2"><strong>Large:</strong></p>
120
+ <div class="mw-button-bar mw-button-bar-lg mw-button-bar-primary">
121
+ <button class="mw-btn">Previous</button>
122
+ <button class="mw-btn">Main</button>
123
+ <button class="mw-btn">Next</button>
124
+ </div>
125
+ </div>
126
+ </div>
127
+ </div>
128
+
129
+ <div>
130
+ <h3 class="mw-mb-4">Button Bars with Icons</h3>
131
+ <div class="mw-d-flex mw-flex-column mw-gap-4">
132
+ <div>
133
+ <p class="mw-mb-2"><strong>Navigation with Icons:</strong></p>
134
+ <div class="mw-button-bar mw-button-bar-nav">
135
+ <button class="mw-btn">
136
+ <i class="fas fa-arrow-left"></i>
137
+ Previous Post
138
+ </button>
139
+ <button class="mw-btn">
140
+ <i class="fas fa-home"></i>
141
+ Back to Main
142
+ </button>
143
+ <button class="mw-btn">
144
+ Next Post
145
+ <i class="fas fa-arrow-right"></i>
146
+ </button>
147
+ </div>
148
+ </div>
149
+ <div>
150
+ <p class="mw-mb-2"><strong>Action Buttons:</strong></p>
151
+ <div class="mw-button-bar mw-button-bar-primary">
152
+ <button class="mw-btn">
153
+ <i class="fas fa-save"></i>
154
+ Save Draft
155
+ </button>
156
+ <button class="mw-btn">
157
+ <i class="fas fa-eye"></i>
158
+ Preview
159
+ </button>
160
+ <button class="mw-btn">
161
+ <i class="fas fa-upload"></i>
162
+ Publish
163
+ </button>
164
+ </div>
165
+ </div>
166
+ </div>
167
+ </div>
168
+ </div>
@@ -0,0 +1,133 @@
1
+ <h3 class="mw-section-subtitle">Buttons</h3>
2
+
3
+ <div class="mw-grid-1">
4
+ <div>
5
+ <h3 class="mw-mb-4">Button Styles</h3>
6
+ <div class="mw-card mw-card-simple">
7
+ <div class="mw-d-flex mw-flex-wrap mw-items-center mw-gap-4">
8
+ <button type="button" class="mw-btn mw-btn-primary">
9
+ Primary Button
10
+ </button>
11
+ <button type="button" class="mw-btn mw-btn-secondary">
12
+ Secondary Button
13
+ </button>
14
+ <button type="button" class="mw-btn mw-btn-outline">
15
+ Outline Button
16
+ </button>
17
+ <button type="button" class="mw-btn mw-btn-link">Link Button</button>
18
+ <button type="button" class="mw-btn mw-btn-link-muted">
19
+ Link Muted
20
+ </button>
21
+ <button type="button" class="mw-btn mw-btn-primary" disabled>
22
+ Primary Button Disabled
23
+ </button>
24
+ </div>
25
+ </div>
26
+ </div>
27
+
28
+ <div>
29
+ <h3 class="mw-mb-4">Button Sizes</h3>
30
+ <div class="mw-card mw-card-simple">
31
+ <div class="mw-d-flex mw-flex-wrap mw-items-center mw-gap-4">
32
+ <button type="button" class="mw-btn mw-btn-primary mw-btn-sm">
33
+ Small Button
34
+ </button>
35
+ <button type="button" class="mw-btn mw-btn-primary">
36
+ Default Button
37
+ </button>
38
+ <button type="button" class="mw-btn mw-btn-primary mw-btn-lg">
39
+ Large Button
40
+ </button>
41
+ </div>
42
+ </div>
43
+ </div>
44
+
45
+ <div>
46
+ <h3 class="mw-mb-4">Buttons with Icons</h3>
47
+ <div class="mw-card mw-card-simple">
48
+ <div class="mw-d-flex mw-flex-wrap mw-items-center mw-gap-4">
49
+ <button type="button" class="mw-btn mw-btn-primary mw-btn-icon">
50
+ <i class="fas fa-save"></i>
51
+ Save Changes
52
+ </button>
53
+
54
+ <button type="button" class="mw-btn mw-btn-secondary mw-btn-icon">
55
+ <i class="fas fa-plus"></i>
56
+ Add Item
57
+ </button>
58
+
59
+ <button
60
+ type="button"
61
+ href="#"
62
+ class="mw-btn mw-btn-outline mw-btn-icon"
63
+ >
64
+ <i class="fas fa-arrow-left"></i>
65
+ Go Back
66
+ </button>
67
+
68
+ <button
69
+ type="button"
70
+ class="mw-btn mw-btn-primary mw-btn-sm mw-btn-icon"
71
+ >
72
+ <i class="fas fa-check"></i>
73
+ OK
74
+ </button>
75
+
76
+ <button
77
+ type="button"
78
+ class="mw-btn mw-btn-outline mw-btn-lg mw-btn-icon"
79
+ >
80
+ <i class="fas fa-upload"></i>
81
+ Upload File
82
+ </button>
83
+ </div>
84
+ </div>
85
+ </div>
86
+
87
+ <div>
88
+ <h3 class="mw-mb-4">Mini Icon Buttons</h3>
89
+ <div class="mw-card mw-card-simple">
90
+ <div class="mw-d-flex mw-flex-wrap mw-items-center mw-gap-4">
91
+ <button type="button" class="mw-btn-mini" title="Default / Plus">
92
+ <i class="fas fa-plus"></i>
93
+ </button>
94
+ <button
95
+ type="button"
96
+ class="mw-btn-mini mw-btn-mini-danger"
97
+ title="Danger / Minus"
98
+ >
99
+ <i class="fas fa-minus"></i>
100
+ </button>
101
+ <button
102
+ type="button"
103
+ class="mw-btn-mini mw-btn-mini-success"
104
+ title="Success / Check"
105
+ >
106
+ <i class="fas fa-check"></i>
107
+ </button>
108
+ <button
109
+ type="button"
110
+ class="mw-btn-mini mw-btn-mini-primary"
111
+ title="Primary / Address Card"
112
+ >
113
+ <i class="fas fa-address-card"></i>
114
+ </button>
115
+ <a
116
+ href="#"
117
+ class="mw-btn-mini mw-btn-mini-primary"
118
+ title="Als Link (a-Tag)"
119
+ >
120
+ <i class="fas fa-external-link-alt"></i>
121
+ </a>
122
+ <button
123
+ type="button"
124
+ class="mw-btn-mini"
125
+ disabled
126
+ title="Disabled Mini"
127
+ >
128
+ <i class="fas fa-times"></i>
129
+ </button>
130
+ </div>
131
+ </div>
132
+ </div>
133
+ </div>