srcdev-nuxt-components 6.1.2 → 6.1.4

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 (50) hide show
  1. package/app/components/carousel-basic/CarouselBasic.vue +86 -62
  2. package/app/components/display-details/DisplayDetailsCore.vue +26 -207
  3. package/app/components/expanding-panel/ExpandingPanel.vue +5 -10
  4. package/app/components/marquee-scroller/MarqueeScroller.vue +122 -0
  5. package/app/components/masonry-grid-ordered/MasonryGridOrdered.vue +44 -41
  6. package/app/components/responsive-header/NavigationItems.vue +98 -48
  7. package/app/components/responsive-header/ResponsiveHeader.vue +1 -1
  8. package/nuxt.config.ts +1 -1
  9. package/package.json +3 -3
  10. package/app/assets/styles/extends-layer/srcdev-components/components/_display-prompt-core.css +0 -72
  11. package/app/assets/styles/extends-layer/srcdev-components/components/index.css +0 -1
  12. package/app/assets/styles/extends-layer/srcdev-components/index.css +0 -2
  13. package/app/assets/styles/extends-layer/srcdev-components/setup/index.css +0 -1
  14. package/app/assets/styles/extends-layer/srcdev-components/setup/themes/_error.css +0 -15
  15. package/app/assets/styles/extends-layer/srcdev-components/setup/themes/_info.css +0 -15
  16. package/app/assets/styles/extends-layer/srcdev-components/setup/themes/_secondary.css +0 -15
  17. package/app/assets/styles/extends-layer/srcdev-components/setup/themes/_success.css +0 -15
  18. package/app/assets/styles/extends-layer/srcdev-components/setup/themes/_warning.css +0 -15
  19. package/app/assets/styles/extends-layer/srcdev-components/setup/themes/index.css +0 -5
  20. package/app/assets/styles/main.css +0 -2
  21. package/app/assets/styles/setup/_head.css +0 -36
  22. package/app/assets/styles/setup/a11y/_utils.css +0 -20
  23. package/app/assets/styles/setup/a11y/_variables.css +0 -8
  24. package/app/assets/styles/setup/a11y/index.css +0 -2
  25. package/app/assets/styles/setup/index.css +0 -5
  26. package/app/assets/styles/setup/typography/index.css +0 -2
  27. package/app/assets/styles/setup/typography/utility-classes/_generic-font-classes.css +0 -217
  28. package/app/assets/styles/setup/typography/utility-classes/_generic-font-variation-settings.css +0 -29
  29. package/app/assets/styles/setup/typography/utility-classes/_generic-font-weights.css +0 -39
  30. package/app/assets/styles/setup/typography/utility-classes/index.css +0 -3
  31. package/app/assets/styles/setup/typography/vars/_colors.css +0 -14
  32. package/app/assets/styles/setup/typography/vars/_reponsive-font-sizes.css +0 -12
  33. package/app/assets/styles/setup/typography/vars/index.css +0 -2
  34. package/app/assets/styles/setup/utility-classes/_fluid-spacing.css +0 -13
  35. package/app/assets/styles/setup/utility-classes/_margin.css +0 -334
  36. package/app/assets/styles/setup/utility-classes/_padding.css +0 -308
  37. package/app/assets/styles/setup/utility-classes/animations/_auto-rotate.css +0 -13
  38. package/app/assets/styles/setup/utility-classes/animations/_entry-exit-blur.css +0 -16
  39. package/app/assets/styles/setup/utility-classes/animations/_entry-slide-in.css +0 -15
  40. package/app/assets/styles/setup/utility-classes/animations/_entry-zoom-reveal.css +0 -15
  41. package/app/assets/styles/setup/utility-classes/animations/index.css +0 -4
  42. package/app/assets/styles/setup/utility-classes/index.css +0 -4
  43. package/app/assets/styles/setup/variables/colors/_blue.css +0 -15
  44. package/app/assets/styles/setup/variables/colors/_gray.css +0 -16
  45. package/app/assets/styles/setup/variables/colors/_green.css +0 -15
  46. package/app/assets/styles/setup/variables/colors/_orange.css +0 -15
  47. package/app/assets/styles/setup/variables/colors/_red.css +0 -15
  48. package/app/assets/styles/setup/variables/colors/_yellow.css +0 -15
  49. package/app/assets/styles/setup/variables/colors/index.css +0 -6
  50. package/app/assets/styles/setup/variables/index.css +0 -1
@@ -1,308 +0,0 @@
1
- /* Padding */
2
- .p-0 {
3
- padding: 0;
4
- }
5
- .pbs-0 {
6
- padding-block-start: 0;
7
- }
8
- .pbe-0 {
9
- padding-block-end: 0;
10
- }
11
- .pis-0 {
12
- padding-inline-start: 0;
13
- }
14
- .pie-0 {
15
- padding-inline-end: 0;
16
- }
17
- .pi-0 {
18
- padding-inline: 0;
19
- }
20
- .pb-0 {
21
- padding-block: 0;
22
- }
23
-
24
- .p-1 {
25
- padding: 0.1rem;
26
- }
27
- .pbs-1 {
28
- padding-block-start: 0.1rem;
29
- }
30
- .pbe-1 {
31
- padding-block-end: 0.1rem;
32
- }
33
- .pis-1 {
34
- padding-inline-start: 0.1rem;
35
- }
36
- .pie-1 {
37
- padding-inline-end: 0.1rem;
38
- }
39
- .pi-1 {
40
- padding-inline: 0.1rem;
41
- }
42
- .pb-1 {
43
- padding-block: 0.1rem;
44
- }
45
-
46
- .p-2 {
47
- padding: 0.2rem;
48
- }
49
- .pbs-2 {
50
- padding-block-start: 0.2rem;
51
- }
52
- .pbe-2 {
53
- padding-block-end: 0.2rem;
54
- }
55
- .pis-2 {
56
- padding-inline-start: 0.2rem;
57
- }
58
- .pie-2 {
59
- padding-inline-end: 0.2rem;
60
- }
61
- .pi-2 {
62
- padding-inline: 0.2rem;
63
- }
64
- .pb-2 {
65
- padding-block: 0.2rem;
66
- }
67
-
68
- .p-4 {
69
- padding: 0.4rem;
70
- }
71
- .pbs-4 {
72
- padding-block-start: 0.4rem;
73
- }
74
- .pbe-4 {
75
- padding-block-end: 0.4rem;
76
- }
77
- .pis-4 {
78
- padding-inline-start: 0.4rem;
79
- }
80
- .pie-4 {
81
- padding-inline-end: 0.4rem;
82
- }
83
- .pi-4 {
84
- padding-inline: 0.4rem;
85
- }
86
- .pb-4 {
87
- padding-block: 0.4rem;
88
- }
89
-
90
- .p-6 {
91
- padding: 0.6rem;
92
- }
93
- .pbs-6 {
94
- padding-block-start: 0.6rem;
95
- }
96
- .pbe-6 {
97
- padding-block-end: 0.6rem;
98
- }
99
- .pis-6 {
100
- padding-inline-start: 0.6rem;
101
- }
102
- .pie-6 {
103
- padding-inline-end: 0.6rem;
104
- }
105
- .pi-6 {
106
- padding-inline: 0.6rem;
107
- }
108
- .pb-6 {
109
- padding-block: 0.6rem;
110
- }
111
-
112
- .p-8 {
113
- padding: 0.8rem;
114
- }
115
- .pbs-8 {
116
- padding-block-start: 0.8rem;
117
- }
118
- .pbe-8 {
119
- padding-block-end: 0.8rem;
120
- }
121
- .pis-8 {
122
- padding-inline-start: 0.8rem;
123
- }
124
- .pie-8 {
125
- padding-inline-end: 0.8rem;
126
- }
127
- .pi-8 {
128
- padding-inline: 0.8rem;
129
- }
130
- .pb-8 {
131
- padding-block: 0.8rem;
132
- }
133
-
134
- .p-10 {
135
- padding: 1rem;
136
- }
137
- .pbs-10 {
138
- padding-block-start: 1rem;
139
- }
140
- .pbe-10 {
141
- padding-block-end: 1rem;
142
- }
143
- .pis-10 {
144
- padding-inline-start: 1rem;
145
- }
146
- .pie-10 {
147
- padding-inline-end: 1rem;
148
- }
149
- .pi-10 {
150
- padding-inline: 1rem;
151
- }
152
- .pb-10 {
153
- padding-block: 1rem;
154
- }
155
-
156
- .p-12 {
157
- padding: 1.2rem;
158
- }
159
- .pbs-12 {
160
- padding-block-start: 1.2rem;
161
- }
162
- .pbe-12 {
163
- padding-block-end: 1.2rem;
164
- }
165
- .pis-12 {
166
- padding-inline-start: 1.2rem;
167
- }
168
- .pie-12 {
169
- padding-inline-end: 1.2rem;
170
- }
171
- .pi-12 {
172
- padding-inline: 1.2rem;
173
- }
174
- .pb-12 {
175
- padding-block: 1.2rem;
176
- }
177
-
178
- .p-18 {
179
- padding: 1.8rem;
180
- }
181
- .pbs-18 {
182
- padding-block-start: 1.8rem;
183
- }
184
- .pbe-18 {
185
- padding-block-end: 1.8rem;
186
- }
187
- .pis-18 {
188
- padding-inline-start: 1.8rem;
189
- }
190
- .pie-18 {
191
- padding-inline-end: 1.8rem;
192
- }
193
- .pi-18 {
194
- padding-inline: 1.8rem;
195
- }
196
- .pb-18 {
197
- padding-block: 1.8rem;
198
- }
199
-
200
- .p-20 {
201
- padding: 2rem;
202
- }
203
- .pbs-20 {
204
- padding-block-start: 2rem;
205
- }
206
- .pbe-20 {
207
- padding-block-end: 2rem;
208
- }
209
- .pis-20 {
210
- padding-inline-start: 2rem;
211
- }
212
- .pie-20 {
213
- padding-inline-end: 2rem;
214
- }
215
- .pi-20 {
216
- padding-inline: 2rem;
217
- }
218
- .pb-20 {
219
- padding-block: 2rem;
220
- }
221
-
222
- .p-24 {
223
- padding: 2.4rem;
224
- }
225
- .pbs-24 {
226
- padding-block-start: 2.4rem;
227
- }
228
- .pbe-24 {
229
- padding-block-end: 2.4rem;
230
- }
231
- .pis-24 {
232
- padding-inline-start: 2.4rem;
233
- }
234
- .pie-24 {
235
- padding-inline-end: 2.4rem;
236
- }
237
- .pi-24 {
238
- padding-inline: 2.4rem;
239
- }
240
- .pb-24 {
241
- padding-block: 2.4rem;
242
- }
243
-
244
- .p-32 {
245
- padding: 3.2rem;
246
- }
247
- .pbs-32 {
248
- padding-block-start: 3.2rem;
249
- }
250
- .pbe-32 {
251
- padding-block-end: 3.2rem;
252
- }
253
- .pis-32 {
254
- padding-inline-start: 3.2rem;
255
- }
256
- .pie-32 {
257
- padding-inline-end: 3.2rem;
258
- }
259
- .pi-32 {
260
- padding-inline: 3.2rem;
261
- }
262
- .pb-32 {
263
- padding-block: 3.2rem;
264
- }
265
-
266
- .p-40 {
267
- padding: 4rem;
268
- }
269
- .pbs-40 {
270
- padding-block-start: 4rem;
271
- }
272
- .pbe-40 {
273
- padding-block-end: 4rem;
274
- }
275
- .pis-40 {
276
- padding-inline-start: 4rem;
277
- }
278
- .pie-40 {
279
- padding-inline-end: 4rem;
280
- }
281
- .pi-40 {
282
- padding-inline: 4rem;
283
- }
284
- .pb-40 {
285
- padding-block: 4rem;
286
- }
287
-
288
- .p-60 {
289
- padding: 6rem;
290
- }
291
- .pbs-60 {
292
- padding-block-start: 6rem;
293
- }
294
- .pbe-60 {
295
- padding-block-end: 6rem;
296
- }
297
- .pis-60 {
298
- padding-inline-start: 6rem;
299
- }
300
- .pie-60 {
301
- padding-inline-end: 6rem;
302
- }
303
- .pi-60 {
304
- padding-inline: 6rem;
305
- }
306
- .pb-60 {
307
- padding-block: 6rem;
308
- }
@@ -1,13 +0,0 @@
1
- @keyframes autoRotateAnimation {
2
- from {
3
- transform: rotate(0deg);
4
- }
5
- to {
6
- transform: rotate(360deg);
7
- }
8
- }
9
-
10
- .auto-rotate {
11
- animation: autoRotateAnimation;
12
- animation-timeline: view();
13
- }
@@ -1,16 +0,0 @@
1
- .entry-exit-blur {
2
- animation: entryExitBlurAnimation linear both;
3
- animation-timeline: view();
4
- }
5
- @keyframes entryExitBlurAnimation {
6
- 0% {
7
- filter: blur(40px);
8
- }
9
- 45%,
10
- 55% {
11
- filter: blur(0px);
12
- }
13
- 100% {
14
- filter: blur(40px);
15
- }
16
- }
@@ -1,15 +0,0 @@
1
- @keyframes entrySlideInAnimation {
2
- from {
3
- opacity: 0;
4
- transform: translateY(200px);
5
- }
6
- to {
7
- opacity: 1;
8
- transform: translateY(0);
9
- }
10
- }
11
-
12
- .entry-slide-in {
13
- animation: entrySlideInAnimation both;
14
- animation-timeline: view(70% 5%);
15
- }
@@ -1,15 +0,0 @@
1
- @keyframes entryZoomRevealAnimation {
2
- from {
3
- opacity: 0;
4
- transform: translateY(200px) scale(0.3);
5
- }
6
- to {
7
- opacity: 1;
8
- transform: translateY(0) scale(1);
9
- }
10
- }
11
-
12
- .entry-zoom-reveal {
13
- animation: entryZoomRevealAnimation both;
14
- animation-timeline: view(70% 5%);
15
- }
@@ -1,4 +0,0 @@
1
- @import './_entry-zoom-reveal';
2
- @import './_entry-slide-in';
3
- @import './_entry-exit-blur';
4
- @import './_auto-rotate';
@@ -1,4 +0,0 @@
1
- @import "./animations/";
2
- @import "./_fluid-spacing";
3
- @import "./_margin";
4
- @import "./_padding";
@@ -1,15 +0,0 @@
1
- :root {
2
- --blue-0: #e7f5ff;
3
- --blue-1: #d0ebff;
4
- --blue-2: #a5d8ff;
5
- --blue-3: #74c0fc;
6
- --blue-4: #4dabf7;
7
- --blue-5: #339af0;
8
- --blue-6: #228be6;
9
- --blue-7: #1c7ed6;
10
- --blue-8: #1971c2;
11
- --blue-9: #1864ab;
12
- --blue-10: #145591;
13
- --blue-11: #114678;
14
- --blue-12: #0e01cd;
15
- }
@@ -1,16 +0,0 @@
1
- :root {
2
- --gray-00: #ffffff;
3
- --gray-0: #f8f9fa;
4
- --gray-1: #f1f3f5;
5
- --gray-2: #e9ecef;
6
- --gray-3: #dee2e6;
7
- --gray-4: #ced4da;
8
- --gray-5: #adb5bd;
9
- --gray-6: #868e96;
10
- --gray-7: #495057;
11
- --gray-8: #343a40;
12
- --gray-9: #212529;
13
- --gray-10: #16191d;
14
- --gray-11: #0d0f12;
15
- --gray-12: #030507;
16
- }
@@ -1,15 +0,0 @@
1
- :root {
2
- --green-0: #ebfbee;
3
- --green-1: #d3f9d8;
4
- --green-2: #b2f2bb;
5
- --green-3: #8ce99a;
6
- --green-4: #69db7c;
7
- --green-5: #51cf66;
8
- --green-6: #40c057;
9
- --green-7: #37b24d;
10
- --green-8: #2f9e44;
11
- --green-9: #2b8a3e;
12
- --green-10: #237032;
13
- --green-11: #1b5727;
14
- --green-12: #017f18;
15
- }
@@ -1,15 +0,0 @@
1
- :root {
2
- --orange-0: #fff4e6;
3
- --orange-1: #ffe8cc;
4
- --orange-2: #ffd8a8;
5
- --orange-3: #ffc078;
6
- --orange-4: #ffa94d;
7
- --orange-5: #ff922b;
8
- --orange-6: #ff7400;
9
- --orange-7: #f76707;
10
- --orange-8: #e8590c;
11
- --orange-9: #d9480f;
12
- --orange-10: #bf400d;
13
- --orange-11: #99330b;
14
- --orange-12: #c23903;
15
- }
@@ -1,15 +0,0 @@
1
- :root {
2
- --red-0: #fff5f5;
3
- --red-1: #ffe3e3;
4
- --red-2: #ffc9c9;
5
- --red-3: #ffa8a8;
6
- --red-4: #ff8787;
7
- --red-5: #ff6b6b;
8
- --red-6: #fa5252;
9
- --red-7: #f03e3e;
10
- --red-8: #e03131;
11
- --red-9: #ff0b0b;
12
- --red-10: #b02525;
13
- --red-11: #962020;
14
- --red-12: #cc0000;
15
- }
@@ -1,15 +0,0 @@
1
- :root {
2
- --yellow-0: #fff9db;
3
- --yellow-1: #fff3bf;
4
- --yellow-2: #ffec99;
5
- --yellow-3: #ffe066;
6
- --yellow-4: #ffd43b;
7
- --yellow-5: #fcc419;
8
- --yellow-6: #fab005;
9
- --yellow-7: #f59f00;
10
- --yellow-8: #f08c00;
11
- --yellow-9: #e67700;
12
- --yellow-10: #b35c00;
13
- --yellow-11: #804200;
14
- --yellow-12: #663500;
15
- }
@@ -1,6 +0,0 @@
1
- @import './_blue.css';
2
- @import './_gray.css';
3
- @import './_green.css';
4
- @import './_orange.css';
5
- @import './_red.css';
6
- @import './_yellow.css';
@@ -1 +0,0 @@
1
- @import './colors';