@qikdev/vue-ui 0.2.263 → 0.2.265

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/dist/style.css CHANGED
@@ -173,23 +173,23 @@
173
173
  border-top: 1px solid color-mix(in lab, currentColor 18%, transparent);
174
174
  }
175
175
  }
176
- .basic-input-style[data-v-5ee42f14] {
176
+ .basic-input-style[data-v-dd52e89f] {
177
177
  color: inherit;
178
178
  background: color-mix(in lab, currentColor 4%, transparent);
179
179
  border: 1px solid color-mix(in lab, currentColor 18%, transparent);
180
180
  }
181
- .ux-tabset[data-v-5ee42f14] {
181
+ .ux-tabset[data-v-dd52e89f] {
182
182
  flex: 1;
183
183
  overflow: hidden;
184
184
  }
185
- .ux-tabset.horizontal[data-v-5ee42f14] {
185
+ .ux-tabset.horizontal[data-v-dd52e89f] {
186
186
  display: flex;
187
187
  flex-direction: column;
188
188
  }
189
- .ux-tabset.horizontal.block > .tabset-menu[data-v-5ee42f14] {
189
+ .ux-tabset.horizontal.block > .tabset-menu[data-v-dd52e89f] {
190
190
  background: color-mix(in lab, currentColor 7%, transparent);
191
191
  }
192
- .ux-tabset.horizontal.block > .tabset-menu a[data-v-5ee42f14] {
192
+ .ux-tabset.horizontal.block > .tabset-menu a[data-v-dd52e89f] {
193
193
  display: block;
194
194
  padding: 1em;
195
195
  cursor: pointer;
@@ -200,18 +200,18 @@
200
200
  flex: 1;
201
201
  align-items: center;
202
202
  }
203
- .ux-tabset.horizontal.block > .tabset-menu a[data-v-5ee42f14]:hover {
203
+ .ux-tabset.horizontal.block > .tabset-menu a[data-v-dd52e89f]:hover {
204
204
  color: color-mix(in lab, currentColor 60%, transparent);
205
205
  }
206
- .ux-tabset.horizontal.block > .tabset-menu a.active[data-v-5ee42f14] {
206
+ .ux-tabset.horizontal.block > .tabset-menu a.active[data-v-dd52e89f] {
207
207
  background: var(--bg1, #fff);
208
208
  color: var(--primary);
209
209
  border-top: 3px solid var(--primary);
210
210
  }
211
- .ux-tabset.horizontal.inline > .tabset-menu[data-v-5ee42f14] {
211
+ .ux-tabset.horizontal.inline > .tabset-menu[data-v-dd52e89f] {
212
212
  overflow-x: auto;
213
213
  }
214
- .ux-tabset.horizontal.inline > .tabset-menu a[data-v-5ee42f14] {
214
+ .ux-tabset.horizontal.inline > .tabset-menu a[data-v-dd52e89f] {
215
215
  display: block;
216
216
  padding: 1em 0;
217
217
  margin: 0 1.5em 0 0;
@@ -224,20 +224,20 @@
224
224
  white-space: nowrap;
225
225
  text-overflow: ellipsis;
226
226
  }
227
- .ux-tabset.horizontal.inline > .tabset-menu a.active[data-v-5ee42f14] {
227
+ .ux-tabset.horizontal.inline > .tabset-menu a.active[data-v-dd52e89f] {
228
228
  opacity: 1;
229
229
  border-bottom: 3px solid var(--primary);
230
230
  }
231
- .ux-tabset.vertical[data-v-5ee42f14] {
231
+ .ux-tabset.vertical[data-v-dd52e89f] {
232
232
  display: flex;
233
233
  flex-direction: row;
234
234
  }
235
- .ux-tabset.vertical > .tabset-menu[data-v-5ee42f14] {
235
+ .ux-tabset.vertical > .tabset-menu[data-v-dd52e89f] {
236
236
  max-width: 200px;
237
237
  min-width: 100px;
238
238
  background: color-mix(in lab, currentColor 7%, transparent);
239
239
  }
240
- .ux-tabset.vertical > .tabset-menu a[data-v-5ee42f14] {
240
+ .ux-tabset.vertical > .tabset-menu a[data-v-dd52e89f] {
241
241
  display: block;
242
242
  padding: 1em;
243
243
  cursor: pointer;
@@ -245,10 +245,10 @@
245
245
  font-weight: 700;
246
246
  border-left: 3px solid transparent;
247
247
  }
248
- .ux-tabset.vertical > .tabset-menu a[data-v-5ee42f14]:hover {
248
+ .ux-tabset.vertical > .tabset-menu a[data-v-dd52e89f]:hover {
249
249
  color: color-mix(in lab, currentColor 60%, transparent);
250
250
  }
251
- .ux-tabset.vertical > .tabset-menu a.active[data-v-5ee42f14] {
251
+ .ux-tabset.vertical > .tabset-menu a.active[data-v-dd52e89f] {
252
252
  background: var(--bg1, #fff);
253
253
  color: var(--primary);
254
254
  border-left: 3px solid var(--primary);
@@ -283,15 +283,19 @@ td .image-wrapper[data-v-794b199f] {
283
283
  td .ux-image[data-v-794b199f] {
284
284
  border-radius: 0.1em;
285
285
  }
286
- .basic-input-style[data-v-c8cb509d] {
286
+ .basic-input-style[data-v-6ab97ebe] {
287
287
  color: inherit;
288
288
  background: color-mix(in lab, currentColor 4%, transparent);
289
289
  border: 1px solid color-mix(in lab, currentColor 18%, transparent);
290
290
  }
291
- td[data-v-c8cb509d] {
291
+ td[data-v-6ab97ebe] {
292
292
  text-align: center;
293
293
  }
294
- td.empty[data-v-c8cb509d] {
294
+ td.empty[data-v-6ab97ebe] {
295
+ opacity: 0.3;
296
+ }
297
+ td.invalid[data-v-6ab97ebe] {
298
+ text-decoration: line-through;
295
299
  opacity: 0.3;
296
300
  }
297
301
  .basic-input-style[data-v-8a05dedf] {
@@ -459,15 +463,15 @@ td.invited .pill[data-v-be3bef4b] {
459
463
  background: #fbecbb;
460
464
  color: #d17a0e;
461
465
  }
462
- .basic-input-style[data-v-261a00cc] {
466
+ .basic-input-style[data-v-bec5c4d1] {
463
467
  color: inherit;
464
468
  background: color-mix(in lab, currentColor 4%, transparent);
465
469
  border: 1px solid color-mix(in lab, currentColor 18%, transparent);
466
470
  }
467
- td[data-v-261a00cc] {
471
+ td[data-v-bec5c4d1] {
468
472
  text-align: center;
469
473
  }
470
- td .pill[data-v-261a00cc] {
474
+ td .pill[data-v-bec5c4d1] {
471
475
  border-radius: 3em;
472
476
  padding: 0.3em 0.6em;
473
477
  display: block;
@@ -479,40 +483,44 @@ td .pill[data-v-261a00cc] {
479
483
  color: color-mix(in lab, currentColor, transparent);
480
484
  border: 1px solid;
481
485
  }
482
- td.success .pill[data-v-261a00cc],
483
- td.paid .pill[data-v-261a00cc],
484
- td.active .pill[data-v-261a00cc] {
486
+ td.live .pill[data-v-bec5c4d1],
487
+ td.success .pill[data-v-bec5c4d1],
488
+ td.paid .pill[data-v-bec5c4d1],
489
+ td.active .pill[data-v-bec5c4d1] {
485
490
  background: #e0f3bf;
486
491
  color: #569e2f;
487
492
  }
488
493
  @media (prefers-color-scheme: dark) {
489
- td.success .pill[data-v-261a00cc],
490
- td.paid .pill[data-v-261a00cc],
491
- td.active .pill[data-v-261a00cc] {
494
+ td.live .pill[data-v-bec5c4d1],
495
+ td.success .pill[data-v-bec5c4d1],
496
+ td.paid .pill[data-v-bec5c4d1],
497
+ td.active .pill[data-v-bec5c4d1] {
492
498
  background: none;
493
499
  }
494
500
  }
495
- td.pending .pill[data-v-261a00cc],
496
- td.cancelling .pill[data-v-261a00cc] {
501
+ td.sandbox .pill[data-v-bec5c4d1],
502
+ td.pending .pill[data-v-bec5c4d1],
503
+ td.cancelling .pill[data-v-bec5c4d1] {
497
504
  background: #fbecbb;
498
505
  color: #d17a0e;
499
506
  }
500
507
  @media (prefers-color-scheme: dark) {
501
- td.pending .pill[data-v-261a00cc],
502
- td.cancelling .pill[data-v-261a00cc] {
508
+ td.sandbox .pill[data-v-bec5c4d1],
509
+ td.pending .pill[data-v-bec5c4d1],
510
+ td.cancelling .pill[data-v-bec5c4d1] {
503
511
  background: none;
504
512
  }
505
513
  }
506
- td.error .pill[data-v-261a00cc],
507
- td.unpaid .pill[data-v-261a00cc],
508
- td.failed .pill[data-v-261a00cc] {
514
+ td.error .pill[data-v-bec5c4d1],
515
+ td.unpaid .pill[data-v-bec5c4d1],
516
+ td.failed .pill[data-v-bec5c4d1] {
509
517
  background: #ffdddd;
510
518
  color: #b14e4e;
511
519
  }
512
520
  @media (prefers-color-scheme: dark) {
513
- td.error .pill[data-v-261a00cc],
514
- td.unpaid .pill[data-v-261a00cc],
515
- td.failed .pill[data-v-261a00cc] {
521
+ td.error .pill[data-v-bec5c4d1],
522
+ td.unpaid .pill[data-v-bec5c4d1],
523
+ td.failed .pill[data-v-bec5c4d1] {
516
524
  background: none;
517
525
  }
518
526
  }
@@ -2625,32 +2633,32 @@ input.ux-color-input[data-v-91624210] {
2625
2633
  .files .file-item[data-v-d29a9855]:last-child {
2626
2634
  border-bottom: none;
2627
2635
  }
2628
- .basic-input-style[data-v-f907b51b] {
2636
+ .basic-input-style[data-v-e6103f5e] {
2629
2637
  color: inherit;
2630
2638
  background: color-mix(in lab, currentColor 4%, transparent);
2631
2639
  border: 1px solid color-mix(in lab, currentColor 18%, transparent);
2632
2640
  }
2633
- .ux-multi-group[data-v-f907b51b],
2634
- .ux-single-group[data-v-f907b51b] {
2641
+ .ux-multi-group[data-v-e6103f5e],
2642
+ .ux-single-group[data-v-e6103f5e] {
2635
2643
  margin: 2.5em 0;
2636
2644
  }
2637
- .ux-multi-group[data-v-f907b51b]:first-child,
2638
- .ux-single-group[data-v-f907b51b]:first-child {
2645
+ .ux-multi-group[data-v-e6103f5e]:first-child,
2646
+ .ux-single-group[data-v-e6103f5e]:first-child {
2639
2647
  margin-top: 0;
2640
2648
  }
2641
- .ux-multi-group[data-v-f907b51b]:last-child,
2642
- .ux-single-group[data-v-f907b51b]:last-child {
2649
+ .ux-multi-group[data-v-e6103f5e]:last-child,
2650
+ .ux-single-group[data-v-e6103f5e]:last-child {
2643
2651
  margin-bottom: 0;
2644
2652
  }
2645
- .ux-group-title[data-v-f907b51b] {
2653
+ .ux-group-title[data-v-e6103f5e] {
2646
2654
  font-size: 1.2em;
2647
2655
  margin-bottom: 1em;
2648
2656
  margin-top: 1em;
2649
2657
  }
2650
- .arrows .ux-icon[data-v-f907b51b] {
2658
+ .arrows .ux-icon[data-v-e6103f5e] {
2651
2659
  opacity: 0.3;
2652
2660
  }
2653
- [data-v-f907b51b] .panel {
2661
+ [data-v-e6103f5e] .panel {
2654
2662
  margin-bottom: 0.5em;
2655
2663
  }
2656
2664
  .basic-input-style[data-v-491bd3a3] {
@@ -3438,18 +3446,18 @@ td[data-v-f5a130e8]:first-child {
3438
3446
  opacity: 0.5;
3439
3447
  font-size: 0.8em;
3440
3448
  }
3441
- .basic-input-style[data-v-0ff8fe54] {
3449
+ .basic-input-style[data-v-10d1c729] {
3442
3450
  color: inherit;
3443
3451
  background: color-mix(in lab, currentColor 4%, transparent);
3444
3452
  border: 1px solid color-mix(in lab, currentColor 18%, transparent);
3445
3453
  }
3446
- .content-browser[data-v-0ff8fe54] {
3454
+ .content-browser[data-v-10d1c729] {
3447
3455
  position: relative;
3448
3456
  }
3449
- .loading[data-v-0ff8fe54] {
3457
+ .loading[data-v-10d1c729] {
3450
3458
  opacity: 0.5;
3451
3459
  }
3452
- .filter-column[data-v-0ff8fe54] {
3460
+ .filter-column[data-v-10d1c729] {
3453
3461
  padding: 1em;
3454
3462
  background: color-mix(in lab, #000 1%, transparent);
3455
3463
  border-left: 1px solid color-mix(in lab, currentColor 18%, transparent);
@@ -3458,27 +3466,27 @@ td[data-v-f5a130e8]:first-child {
3458
3466
  flex: none;
3459
3467
  font-size: clamp(13px, 0.8em, 17px);
3460
3468
  }
3461
- .large-icon[data-v-0ff8fe54] {
3469
+ .large-icon[data-v-10d1c729] {
3462
3470
  font-size: 6em;
3463
3471
  margin-bottom: 1rem;
3464
3472
  opacity: 0.5;
3465
3473
  }
3466
- .column-panel[data-v-0ff8fe54] {
3474
+ .column-panel[data-v-10d1c729] {
3467
3475
  background: #fff;
3468
3476
  font-size: 0.9em;
3469
3477
  }
3470
- .empty[data-v-0ff8fe54] {
3478
+ .empty[data-v-10d1c729] {
3471
3479
  background: rgba(0, 0, 0, 0.05);
3472
3480
  text-align: center;
3473
3481
  white-space: pre-line;
3474
3482
  align-items: center;
3475
3483
  justify-content: center;
3476
3484
  }
3477
- .empty .panel[data-v-0ff8fe54] {
3485
+ .empty .panel[data-v-10d1c729] {
3478
3486
  max-width: 400px;
3479
3487
  background: var(--bg1, #fff);
3480
3488
  }
3481
- .footer[data-v-0ff8fe54] {
3489
+ .footer[data-v-10d1c729] {
3482
3490
  padding: 0.5em 1em;
3483
3491
  border-top: 1px solid color-mix(in lab, currentColor 18%, transparent);
3484
3492
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@qikdev/vue-ui",
3
- "version": "0.2.263",
3
+ "version": "0.2.265",
4
4
  "files": [
5
5
  "dist"
6
6
  ],