vanilla-jui 1.7.3 → 1.7.5

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 (26) hide show
  1. package/dist/style.css +1 -1
  2. package/package.json +1 -1
  3. package/src/css/accordion.css +0 -3
  4. package/src/css/animation.css +6 -107
  5. package/src/css/avatar.css +0 -3
  6. package/src/css/badge.css +0 -3
  7. package/src/css/breadcrumb.css +0 -4
  8. package/src/css/button.css +0 -5
  9. package/src/css/card.css +0 -3
  10. package/src/css/editor.css +16 -26
  11. package/src/css/form.css +0 -19
  12. package/src/css/layout.css +0 -12
  13. package/src/css/loading.css +0 -229
  14. package/src/css/menu.css +0 -6
  15. package/src/css/skeleton.css +0 -6
  16. package/src/css/status.css +0 -6
  17. package/src/css/swiper.css +0 -6
  18. package/src/css/themes/default/avatar.css +0 -1
  19. package/src/css/themes/default/form.css +0 -2
  20. package/src/css/themes/default/menu.css +0 -5
  21. package/src/css/themes/default/pagination.css +0 -1
  22. package/src/css/themes/default/popup.css +0 -1
  23. package/src/css/themes/default/toolbar.css +1 -29
  24. package/src/css/toast.css +0 -5
  25. package/src/css/toolbar.css +0 -10
  26. package/src/css/tooltip.css +0 -5
package/src/css/loading.css CHANGED
@@ -17,7 +17,6 @@
17
17
  border-color: var(--loader-fg);
18
18
  border-right-color: transparent;
19
19
  border-radius: 50%;
20
- -webkit-animation: var(--loader-speed) linear infinite animate-spin;
21
20
  animation: var(--loader-speed) linear infinite animate-spin;
22
21
  }
23
22
 
@@ -26,179 +25,17 @@
26
25
  aspect-ratio: 1;
27
26
  border-radius: 50%;
28
27
  border: 1.5px solid var(--loader-fg);
29
- -webkit-animation:
30
- polygon-loader-1 0.8s infinite linear alternate,
31
- polygon-loader-2 1.6s infinite linear;
32
28
  animation:
33
29
  polygon-loader-1 0.8s infinite linear alternate,
34
30
  polygon-loader-2 1.6s infinite linear;
35
31
  }
36
32
 
37
- @-webkit-keyframes polygon-loader-1 {
38
- 0% {
39
- -webkit-clip-path: polygon(
40
- 50% 50%,
41
- 0 0,
42
- 50% 0%,
43
- 50% 0%,
44
- 50% 0%,
45
- 50% 0%,
46
- 50% 0%
47
- );
48
- clip-path: polygon(50% 50%, 0 0, 50% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%);
49
- }
50
-
51
- 12.5% {
52
- -webkit-clip-path: polygon(
53
- 50% 50%,
54
- 0 0,
55
- 50% 0%,
56
- 100% 0%,
57
- 100% 0%,
58
- 100% 0%,
59
- 100% 0%
60
- );
61
- clip-path: polygon(
62
- 50% 50%,
63
- 0 0,
64
- 50% 0%,
65
- 100% 0%,
66
- 100% 0%,
67
- 100% 0%,
68
- 100% 0%
69
- );
70
- }
71
-
72
- 25% {
73
- -webkit-clip-path: polygon(
74
- 50% 50%,
75
- 0 0,
76
- 50% 0%,
77
- 100% 0%,
78
- 100% 100%,
79
- 100% 100%,
80
- 100% 100%
81
- );
82
- clip-path: polygon(
83
- 50% 50%,
84
- 0 0,
85
- 50% 0%,
86
- 100% 0%,
87
- 100% 100%,
88
- 100% 100%,
89
- 100% 100%
90
- );
91
- }
92
-
93
- 50% {
94
- -webkit-clip-path: polygon(
95
- 50% 50%,
96
- 0 0,
97
- 50% 0%,
98
- 100% 0%,
99
- 100% 100%,
100
- 50% 100%,
101
- 0% 100%
102
- );
103
- clip-path: polygon(
104
- 50% 50%,
105
- 0 0,
106
- 50% 0%,
107
- 100% 0%,
108
- 100% 100%,
109
- 50% 100%,
110
- 0% 100%
111
- );
112
- }
113
-
114
- 62.5% {
115
- -webkit-clip-path: polygon(
116
- 50% 50%,
117
- 100% 0,
118
- 100% 0%,
119
- 100% 0%,
120
- 100% 100%,
121
- 50% 100%,
122
- 0% 100%
123
- );
124
- clip-path: polygon(
125
- 50% 50%,
126
- 100% 0,
127
- 100% 0%,
128
- 100% 0%,
129
- 100% 100%,
130
- 50% 100%,
131
- 0% 100%
132
- );
133
- }
134
-
135
- 75% {
136
- -webkit-clip-path: polygon(
137
- 50% 50%,
138
- 100% 100%,
139
- 100% 100%,
140
- 100% 100%,
141
- 100% 100%,
142
- 50% 100%,
143
- 0% 100%
144
- );
145
- clip-path: polygon(
146
- 50% 50%,
147
- 100% 100%,
148
- 100% 100%,
149
- 100% 100%,
150
- 100% 100%,
151
- 50% 100%,
152
- 0% 100%
153
- );
154
- }
155
-
156
- 100% {
157
- -webkit-clip-path: polygon(
158
- 50% 50%,
159
- 50% 100%,
160
- 50% 100%,
161
- 50% 100%,
162
- 50% 100%,
163
- 50% 100%,
164
- 0% 100%
165
- );
166
- clip-path: polygon(
167
- 50% 50%,
168
- 50% 100%,
169
- 50% 100%,
170
- 50% 100%,
171
- 50% 100%,
172
- 50% 100%,
173
- 0% 100%
174
- );
175
- }
176
- }
177
-
178
33
  @keyframes polygon-loader-1 {
179
34
  0% {
180
- -webkit-clip-path: polygon(
181
- 50% 50%,
182
- 0 0,
183
- 50% 0%,
184
- 50% 0%,
185
- 50% 0%,
186
- 50% 0%,
187
- 50% 0%
188
- );
189
35
  clip-path: polygon(50% 50%, 0 0, 50% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%);
190
36
  }
191
37
 
192
38
  12.5% {
193
- -webkit-clip-path: polygon(
194
- 50% 50%,
195
- 0 0,
196
- 50% 0%,
197
- 100% 0%,
198
- 100% 0%,
199
- 100% 0%,
200
- 100% 0%
201
- );
202
39
  clip-path: polygon(
203
40
  50% 50%,
204
41
  0 0,
@@ -211,15 +48,6 @@
211
48
  }
212
49
 
213
50
  25% {
214
- -webkit-clip-path: polygon(
215
- 50% 50%,
216
- 0 0,
217
- 50% 0%,
218
- 100% 0%,
219
- 100% 100%,
220
- 100% 100%,
221
- 100% 100%
222
- );
223
51
  clip-path: polygon(
224
52
  50% 50%,
225
53
  0 0,
@@ -232,15 +60,6 @@
232
60
  }
233
61
 
234
62
  50% {
235
- -webkit-clip-path: polygon(
236
- 50% 50%,
237
- 0 0,
238
- 50% 0%,
239
- 100% 0%,
240
- 100% 100%,
241
- 50% 100%,
242
- 0% 100%
243
- );
244
63
  clip-path: polygon(
245
64
  50% 50%,
246
65
  0 0,
@@ -253,15 +72,6 @@
253
72
  }
254
73
 
255
74
  62.5% {
256
- -webkit-clip-path: polygon(
257
- 50% 50%,
258
- 100% 0,
259
- 100% 0%,
260
- 100% 0%,
261
- 100% 100%,
262
- 50% 100%,
263
- 0% 100%
264
- );
265
75
  clip-path: polygon(
266
76
  50% 50%,
267
77
  100% 0,
@@ -274,15 +84,6 @@
274
84
  }
275
85
 
276
86
  75% {
277
- -webkit-clip-path: polygon(
278
- 50% 50%,
279
- 100% 100%,
280
- 100% 100%,
281
- 100% 100%,
282
- 100% 100%,
283
- 50% 100%,
284
- 0% 100%
285
- );
286
87
  clip-path: polygon(
287
88
  50% 50%,
288
89
  100% 100%,
@@ -295,15 +96,6 @@
295
96
  }
296
97
 
297
98
  100% {
298
- -webkit-clip-path: polygon(
299
- 50% 50%,
300
- 50% 100%,
301
- 50% 100%,
302
- 50% 100%,
303
- 50% 100%,
304
- 50% 100%,
305
- 0% 100%
306
- );
307
99
  clip-path: polygon(
308
100
  50% 50%,
309
101
  50% 100%,
@@ -316,24 +108,6 @@
316
108
  }
317
109
  }
318
110
 
319
- @-webkit-keyframes polygon-loader-2 {
320
- 0% {
321
- transform: scaleY(1) rotate(0deg);
322
- }
323
-
324
- 49.99% {
325
- transform: scaleY(1) rotate(135deg);
326
- }
327
-
328
- 50% {
329
- transform: scaleY(-1) rotate(0deg);
330
- }
331
-
332
- 100% {
333
- transform: scaleY(-1) rotate(-135deg);
334
- }
335
- }
336
-
337
111
  @keyframes polygon-loader-2 {
338
112
  0% {
339
113
  transform: scaleY(1) rotate(0deg);
@@ -360,7 +134,6 @@
360
134
  border-color: var(--loader-fg);
361
135
  border-top-color: var(--loader-top-fg);
362
136
  border-radius: 50%;
363
- -webkit-animation: 1s linear infinite animate-spin;
364
137
  animation: 1s linear infinite animate-spin;
365
138
  }
366
139
 
@@ -371,9 +144,7 @@
371
144
  border-radius: 50%;
372
145
  aspect-ratio: 1;
373
146
  background: var(--loader-bg);
374
- -webkit-mask: var(--loader-mask);
375
147
  mask: var(--loader-mask);
376
- -webkit-animation: 1s linear infinite animate-spin;
377
148
  animation: 1s linear infinite animate-spin;
378
149
  }
379
150
  }
package/src/css/menu.css CHANGED
@@ -4,13 +4,9 @@
4
4
  white-space: nowrap;
5
5
  overflow-x: auto;
6
6
  overflow-y: hidden;
7
- -webkit-overflow-scrolling: touch;
8
7
  scroll-behavior: smooth;
9
8
  -ms-overflow-style: none;
10
9
  scrollbar-width: none;
11
- -webkit-user-select: none;
12
- -moz-user-select: none;
13
- -ms-user-select: none;
14
10
  user-select: none;
15
11
  }
16
12
 
@@ -48,8 +44,6 @@
48
44
  flex-wrap: nowrap;
49
45
  white-space: nowrap;
50
46
  cursor: pointer;
51
- -webkit-appearance: button;
52
- -moz-appearance: button;
53
47
  appearance: button;
54
48
  touch-action: manipulation;
55
49
  text-decoration: none;
package/src/css/skeleton.css CHANGED
@@ -7,11 +7,7 @@
7
7
  background: var(--ui-surface-muted);
8
8
  color: transparent;
9
9
  pointer-events: none;
10
- -webkit-user-select: none;
11
- -moz-user-select: none;
12
- -ms-user-select: none;
13
10
  user-select: none;
14
- -webkit-animation: animate-pulse 1.5s cubic-bezier(0.4, 0, 0.6, 1) infinite;
15
11
  animation: animate-pulse 1.5s cubic-bezier(0.4, 0, 0.6, 1) infinite;
16
12
  }
17
13
 
@@ -70,13 +66,11 @@
70
66
 
71
67
  .j-skeleton.skeleton-static,
72
68
  .j-skeleton[aria-busy='false'] {
73
- -webkit-animation: none;
74
69
  animation: none;
75
70
  }
76
71
 
77
72
  @media (prefers-reduced-motion: reduce) {
78
73
  .j-skeleton {
79
- -webkit-animation: none;
80
74
  animation: none;
81
75
  }
82
76
  }
package/src/css/status.css CHANGED
@@ -11,7 +11,6 @@
11
11
  @layer status {
12
12
  /* sad mode */
13
13
  .is-sad {
14
- -webkit-filter: grayscale(100%);
15
14
  filter: grayscale(100%);
16
15
  }
17
16
 
@@ -38,12 +37,10 @@
38
37
  /* drag status */
39
38
  .dragging {
40
39
  cursor: move;
41
- cursor: -webkit-grab;
42
40
  cursor: grab;
43
41
  }
44
42
 
45
43
  .dragging:active {
46
- cursor: -webkit-grabbing;
47
44
  cursor: grabbing;
48
45
  }
49
46
 
@@ -53,9 +50,6 @@
53
50
  .is-disabled,
54
51
  [aria-disabled='true'] {
55
52
  cursor: not-allowed;
56
- -webkit-user-select: none;
57
- -moz-user-select: none;
58
- -ms-user-select: none;
59
53
  user-select: none;
60
54
  }
61
55
 
package/src/css/swiper.css CHANGED
@@ -4,9 +4,6 @@
4
4
  display: block;
5
5
  overflow: hidden;
6
6
  touch-action: pan-y;
7
- -webkit-user-select: none;
8
- -moz-user-select: none;
9
- -ms-user-select: none;
10
7
  user-select: none;
11
8
  width: 100%;
12
9
  min-height: var(--swiper-min-height);
@@ -29,9 +26,6 @@
29
26
  overflow: hidden;
30
27
  color: inherit;
31
28
  text-decoration: none;
32
- -webkit-user-select: none;
33
- -moz-user-select: none;
34
- -ms-user-select: none;
35
29
  user-select: none;
36
30
  width: 100%;
37
31
  min-width: 100%;
package/src/css/themes/default/avatar.css CHANGED
@@ -58,7 +58,6 @@
58
58
  }
59
59
 
60
60
  .j-avatar-group .j-avatar:not(:first-child) {
61
- -webkit-margin-start: calc(var(--space) * -3);
62
61
  margin-inline-start: calc(var(--space) * -3);
63
62
  }
64
63
 
package/src/css/themes/default/form.css CHANGED
@@ -143,7 +143,6 @@
143
143
  }
144
144
 
145
145
  .input-inner-group .el-addon + .j-select {
146
- -webkit-padding-start: 2px;
147
146
  padding-inline-start: 2px;
148
147
  }
149
148
 
@@ -170,7 +169,6 @@
170
169
  .mobile .j-input[type='file']::file-selector-button {
171
170
  padding: var(--s3);
172
171
  margin: calc(var(--space) * -1.7);
173
- -webkit-margin-end: calc(var(--space) * 2.75);
174
172
  margin-inline-end: calc(var(--space) * 2.75);
175
173
  }
176
174
 
package/src/css/themes/default/menu.css CHANGED
@@ -22,9 +22,7 @@
22
22
  line-height: var(--menu-item-line-height);
23
23
  font-weight: var(--menu-font-weight);
24
24
  text-decoration: underline;
25
- -webkit-text-decoration-style: wavy;
26
25
  text-decoration-style: wavy;
27
- -webkit-text-decoration-color: var(--state-danger);
28
26
  text-decoration-color: var(--state-danger);
29
27
  text-underline-offset: 4px;
30
28
  padding: 4px 1rem;
@@ -621,9 +619,6 @@
621
619
  padding: var(--space) var(--s2);
622
620
  text-decoration: none;
623
621
  color: var(--ui-fg-muted);
624
- -webkit-user-select: none;
625
- -moz-user-select: none;
626
- -ms-user-select: none;
627
622
  user-select: none;
628
623
  border-radius: var(--radius-sm);
629
624
  transition: none;
package/src/css/themes/default/pagination.css CHANGED
@@ -4,7 +4,6 @@
4
4
  }
5
5
 
6
6
  .j-pagination a {
7
- -webkit-text-decoration: none;
8
7
  text-decoration: none;
9
8
  color: var(--ui-fg);
10
9
  }
package/src/css/themes/default/popup.css CHANGED
@@ -1,7 +1,6 @@
1
1
  @layer themes {
2
2
  .j-popup-layout {
3
3
  background: var(--ui-popup-bg);
4
- -webkit-backdrop-filter: blur(4px);
5
4
  backdrop-filter: blur(4px);
6
5
  padding: var(--s4);
7
6
  }
package/src/css/themes/default/toolbar.css CHANGED
@@ -24,29 +24,8 @@
24
24
  align-self: center;
25
25
  }
26
26
 
27
- /* .heading-drop-menu,
28
- .editor-size-menu,
29
- .color-drop-menu,
30
- .editor-drop-heading,
31
- .editor-drop-size,
32
- .editor-drop-color {
33
- background: var(--ui-bg-subtle);
34
- box-shadow: var(--shadow-md);
35
- border: 1px solid var(--ui-border);
36
- border-radius: var(--radius-sm);
37
- font-size: var(--font-size-md);
38
- } */
39
-
40
- /* .editor-drop-color {
41
- padding: var(--space);
42
- } */
43
-
44
- .editor-drop-color .color-panel {
45
- padding: var(--space);
46
- gap: 0.5rem;
47
- }
48
-
49
27
  .editor-drop-color .color-panel button.color-btn {
28
+ cursor: pointer;
50
29
  padding: 0;
51
30
  margin: 0;
52
31
  outline: none;
@@ -61,13 +40,6 @@
61
40
  width: auto;
62
41
  }
63
42
 
64
- .editor-drop-color .color-panel button.color-btn.color-btn-clear::after {
65
- content: '🚫';
66
- height: 30px;
67
- background: var(--ui-bg-subtle);
68
- border-radius: var(--radius-sm);
69
- }
70
-
71
43
  .j-toolbar button.is-sm svg {
72
44
  --toolbar-icon-size: var(--font-size-lg);
73
45
  }
package/src/css/toast.css CHANGED
@@ -33,13 +33,8 @@
33
33
  top: 45%;
34
34
  left: 50%;
35
35
  z-index: var(--z-toast);
36
- width: -webkit-fit-content;
37
- width: -moz-fit-content;
38
36
  width: fit-content;
39
37
  text-align: center;
40
- -webkit-user-select: none;
41
- -moz-user-select: none;
42
- -ms-user-select: none;
43
38
  user-select: none;
44
39
  pointer-events: none;
45
40
  transform: translate(-50%, -50%);
package/src/css/toolbar.css CHANGED
@@ -31,14 +31,4 @@
31
31
  display: grid;
32
32
  grid-template-columns: repeat(5, 1fr);
33
33
  }
34
-
35
- .editor-drop-color .color-panel button.color-btn {
36
- cursor: pointer;
37
- }
38
-
39
- .editor-drop-color .color-panel button.color-btn.color-btn-clear::after {
40
- display: flex;
41
- justify-content: center;
42
- align-items: center;
43
- }
44
34
  }
package/src/css/tooltip.css CHANGED
@@ -1,12 +1,7 @@
1
1
  @layer comopnents {
2
2
  .j-tooltip {
3
3
  position: relative;
4
- width: -webkit-fit-content;
5
- width: -moz-fit-content;
6
4
  width: fit-content;
7
- -webkit-user-select: none;
8
- -moz-user-select: none;
9
- -ms-user-select: none;
10
5
  user-select: none;
11
6
  }
12
7