@qikdev/vue-ui 0.2.272 → 0.2.275

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-dd52e89f] {
176
+ .basic-input-style[data-v-1d7eba43] {
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-dd52e89f] {
181
+ .ux-tabset[data-v-1d7eba43] {
182
182
  flex: 1;
183
183
  overflow: hidden;
184
184
  }
185
- .ux-tabset.horizontal[data-v-dd52e89f] {
185
+ .ux-tabset.horizontal[data-v-1d7eba43] {
186
186
  display: flex;
187
187
  flex-direction: column;
188
188
  }
189
- .ux-tabset.horizontal.block > .tabset-menu[data-v-dd52e89f] {
189
+ .ux-tabset.horizontal.block > .tabset-menu[data-v-1d7eba43] {
190
190
  background: color-mix(in lab, currentColor 7%, transparent);
191
191
  }
192
- .ux-tabset.horizontal.block > .tabset-menu a[data-v-dd52e89f] {
192
+ .ux-tabset.horizontal.block > .tabset-menu a[data-v-1d7eba43] {
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-dd52e89f]:hover {
203
+ .ux-tabset.horizontal.block > .tabset-menu a[data-v-1d7eba43]:hover {
204
204
  color: color-mix(in lab, currentColor 60%, transparent);
205
205
  }
206
- .ux-tabset.horizontal.block > .tabset-menu a.active[data-v-dd52e89f] {
206
+ .ux-tabset.horizontal.block > .tabset-menu a.active[data-v-1d7eba43] {
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-dd52e89f] {
211
+ .ux-tabset.horizontal.inline > .tabset-menu[data-v-1d7eba43] {
212
212
  overflow-x: auto;
213
213
  }
214
- .ux-tabset.horizontal.inline > .tabset-menu a[data-v-dd52e89f] {
214
+ .ux-tabset.horizontal.inline > .tabset-menu a[data-v-1d7eba43] {
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-dd52e89f] {
227
+ .ux-tabset.horizontal.inline > .tabset-menu a.active[data-v-1d7eba43] {
228
228
  opacity: 1;
229
229
  border-bottom: 3px solid var(--primary);
230
230
  }
231
- .ux-tabset.vertical[data-v-dd52e89f] {
231
+ .ux-tabset.vertical[data-v-1d7eba43] {
232
232
  display: flex;
233
233
  flex-direction: row;
234
234
  }
235
- .ux-tabset.vertical > .tabset-menu[data-v-dd52e89f] {
236
- max-width: 200px;
235
+ .ux-tabset.vertical > .tabset-menu[data-v-1d7eba43] {
236
+ max-width: 150px;
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-dd52e89f] {
240
+ .ux-tabset.vertical > .tabset-menu a[data-v-1d7eba43] {
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-dd52e89f]:hover {
248
+ .ux-tabset.vertical > .tabset-menu a[data-v-1d7eba43]:hover {
249
249
  color: color-mix(in lab, currentColor 60%, transparent);
250
250
  }
251
- .ux-tabset.vertical > .tabset-menu a.active[data-v-dd52e89f] {
251
+ .ux-tabset.vertical > .tabset-menu a.active[data-v-1d7eba43] {
252
252
  background: var(--bg1, #fff);
253
253
  color: var(--primary);
254
254
  border-left: 3px solid var(--primary);
@@ -578,22 +578,22 @@ td.failed .pill[data-v-bec5c4d1] {
578
578
  background: none;
579
579
  }
580
580
  }
581
- .basic-input-style[data-v-743aaea7] {
581
+ .basic-input-style[data-v-206fbd94] {
582
582
  color: inherit;
583
583
  background: color-mix(in lab, currentColor 4%, transparent);
584
584
  border: 1px solid color-mix(in lab, currentColor 18%, transparent);
585
585
  }
586
- td[data-v-743aaea7] {
586
+ td[data-v-206fbd94] {
587
587
  line-height: 1.4em !important;
588
588
  }
589
- .title[data-v-743aaea7] {
589
+ .title[data-v-206fbd94] {
590
590
  font-weight: 700;
591
591
  font-size: 1.1em;
592
592
  white-space: nowrap;
593
593
  text-overflow: ellipsis;
594
594
  overflow: hidden;
595
595
  }
596
- .subtitle[data-v-743aaea7] {
596
+ .subtitle[data-v-206fbd94] {
597
597
  font-size: 0.9em;
598
598
  opacity: 0.5;
599
599
  }
@@ -1893,32 +1893,35 @@ input[data-v-38242855]:focus {
1893
1893
  .empty-text[data-v-70c07a8e] {
1894
1894
  opacity: 0.5;
1895
1895
  }
1896
- .basic-input-style[data-v-0e820a8c] {
1896
+ .basic-input-style[data-v-13dbe8a6] {
1897
1897
  color: inherit;
1898
1898
  background: color-mix(in lab, currentColor 4%, transparent);
1899
1899
  border: 1px solid color-mix(in lab, currentColor 18%, transparent);
1900
1900
  }
1901
- .circles[data-v-0e820a8c] {
1901
+ .invisible[data-v-13dbe8a6] {
1902
+ display: none;
1903
+ }
1904
+ .circles[data-v-13dbe8a6] {
1902
1905
  display: inline-block;
1903
1906
  margin-right: 0.5em;
1904
1907
  }
1905
- .circles[data-v-0e820a8c]:empty {
1908
+ .circles[data-v-13dbe8a6]:empty {
1906
1909
  display: none;
1907
1910
  }
1908
- .circles[data-v-0e820a8c] .ux-circle {
1911
+ .circles[data-v-13dbe8a6] .ux-circle {
1909
1912
  margin-left: -0.35em;
1910
1913
  }
1911
- .circles[data-v-0e820a8c] .ux-circle:first-child {
1914
+ .circles[data-v-13dbe8a6] .ux-circle:first-child {
1912
1915
  margin-left: 0;
1913
1916
  }
1914
- [data-v-0e820a8c] .ux-btn-text {
1917
+ [data-v-13dbe8a6] .ux-btn-text {
1915
1918
  white-space: nowrap;
1916
1919
  text-overflow: ellipsis;
1917
1920
  overflow: hidden;
1918
1921
  max-width: 150px;
1919
1922
  display: block;
1920
1923
  }
1921
- .empty-text[data-v-0e820a8c] {
1924
+ .empty-text[data-v-13dbe8a6] {
1922
1925
  opacity: 0.5;
1923
1926
  }
1924
1927
  .basic-input-style[data-v-6361df61] {
@@ -3307,20 +3310,20 @@ td[data-v-f5a130e8]:first-child {
3307
3310
  flex: none;
3308
3311
  width: 100%;
3309
3312
  }
3310
- .basic-input-style[data-v-091267f5] {
3313
+ .basic-input-style[data-v-478e89d4] {
3311
3314
  color: inherit;
3312
3315
  background: color-mix(in lab, currentColor 4%, transparent);
3313
3316
  border: 1px solid color-mix(in lab, currentColor 18%, transparent);
3314
3317
  }
3315
- .intent-submit[data-v-091267f5] {
3318
+ .intent-submit[data-v-478e89d4] {
3316
3319
  margin-top: 1em;
3317
3320
  }
3318
- [tooltip][data-v-091267f5] {
3321
+ [tooltip][data-v-478e89d4] {
3319
3322
  position: relative;
3320
3323
  cursor: help;
3321
3324
  display: block;
3322
3325
  }
3323
- [tooltip][data-v-091267f5]:after {
3326
+ [tooltip][data-v-478e89d4]:after {
3324
3327
  position: absolute;
3325
3328
  opacity: 0;
3326
3329
  pointer-events: none;
@@ -3337,58 +3340,58 @@ td[data-v-f5a130e8]:first-child {
3337
3340
  transform: translateY(-20px);
3338
3341
  transition: all 0.15s cubic-bezier(0.25, 0.8, 0.25, 1);
3339
3342
  }
3340
- [tooltip][data-v-091267f5]:hover:after {
3343
+ [tooltip][data-v-478e89d4]:hover:after {
3341
3344
  opacity: 1;
3342
3345
  transform: translateY(0);
3343
3346
  transition-duration: 0.3s;
3344
3347
  }
3345
- .multistep-form-wrapper[data-v-091267f5] {
3348
+ .multistep-form-wrapper[data-v-478e89d4] {
3346
3349
  display: grid;
3347
3350
  position: relative;
3348
3351
  }
3349
- .multistep-form-section[data-v-091267f5] {
3352
+ .multistep-form-section[data-v-478e89d4] {
3350
3353
  transition:
3351
3354
  opacity 0.8s cubic-bezier(0.25, 0.8, 0.25, 1),
3352
3355
  translate 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
3353
3356
  opacity: 0;
3354
3357
  grid-area: 1/1/2/2;
3355
3358
  }
3356
- .multistep-form-section[data-v-091267f5] button {
3359
+ .multistep-form-section[data-v-478e89d4] button {
3357
3360
  transition:
3358
3361
  opacity 0.7s cubic-bezier(0.25, 0.8, 0.25, 1),
3359
3362
  translate 0.7s cubic-bezier(0.25, 0.8, 0.25, 1);
3360
3363
  }
3361
- .multistep-form-section[data-v-091267f5] button:nth-child(1) {
3364
+ .multistep-form-section[data-v-478e89d4] button:nth-child(1) {
3362
3365
  transition-delay: 0.4s;
3363
3366
  }
3364
- .multistep-form-section[data-v-091267f5] button:nth-child(2) {
3367
+ .multistep-form-section[data-v-478e89d4] button:nth-child(2) {
3365
3368
  transition-delay: 0.6s;
3366
3369
  }
3367
- .multistep-form-section[data-v-091267f5] button:nth-child(3) {
3370
+ .multistep-form-section[data-v-478e89d4] button:nth-child(3) {
3368
3371
  transition-delay: 0.8s;
3369
3372
  }
3370
- .multistep-form-section[data-v-091267f5] button:nth-child(4) {
3373
+ .multistep-form-section[data-v-478e89d4] button:nth-child(4) {
3371
3374
  transition-delay: 1s;
3372
3375
  }
3373
- .multistep-form-section[data-v-091267f5] button:nth-child(5) {
3376
+ .multistep-form-section[data-v-478e89d4] button:nth-child(5) {
3374
3377
  transition-delay: 1.2s;
3375
3378
  }
3376
- .multistep-form-section[data-v-091267f5] button:nth-child(6) {
3379
+ .multistep-form-section[data-v-478e89d4] button:nth-child(6) {
3377
3380
  transition-delay: 1.4s;
3378
3381
  }
3379
- .multistep-form-section[data-v-091267f5] button:nth-child(7) {
3382
+ .multistep-form-section[data-v-478e89d4] button:nth-child(7) {
3380
3383
  transition-delay: 1.6s;
3381
3384
  }
3382
- .multistep-form-section[data-v-091267f5] button:nth-child(8) {
3385
+ .multistep-form-section[data-v-478e89d4] button:nth-child(8) {
3383
3386
  transition-delay: 1.8s;
3384
3387
  }
3385
- .multistep-form-section[data-v-091267f5] button:nth-child(9) {
3388
+ .multistep-form-section[data-v-478e89d4] button:nth-child(9) {
3386
3389
  transition-delay: 2s;
3387
3390
  }
3388
- .multistep-form-section[data-v-091267f5] button:nth-child(10) {
3391
+ .multistep-form-section[data-v-478e89d4] button:nth-child(10) {
3389
3392
  transition-delay: 2.2s;
3390
3393
  }
3391
- .multistep-form-section.inactive[data-v-091267f5] {
3394
+ .multistep-form-section.inactive[data-v-478e89d4] {
3392
3395
  pointer-events: none;
3393
3396
  opacity: 0;
3394
3397
  position: absolute;
@@ -3396,23 +3399,23 @@ td[data-v-f5a130e8]:first-child {
3396
3399
  left: 0;
3397
3400
  width: 100%;
3398
3401
  }
3399
- .multistep-form-section.inactive[data-v-091267f5] button {
3402
+ .multistep-form-section.inactive[data-v-478e89d4] button {
3400
3403
  opacity: 0;
3401
3404
  translate: 0 2em;
3402
3405
  }
3403
- .multistep-form-section.active[data-v-091267f5] {
3406
+ .multistep-form-section.active[data-v-478e89d4] {
3404
3407
  opacity: 1;
3405
3408
  translate: 0 0;
3406
3409
  position: relative;
3407
3410
  }
3408
- .multistep-form-section.active[data-v-091267f5] button {
3411
+ .multistep-form-section.active[data-v-478e89d4] button {
3409
3412
  opacity: 1;
3410
3413
  translate: 0 0;
3411
3414
  }
3412
- .multistep-form-section.past[data-v-091267f5] {
3415
+ .multistep-form-section.past[data-v-478e89d4] {
3413
3416
  translate: -3em 0;
3414
3417
  }
3415
- .multistep-form-section.future[data-v-091267f5] {
3418
+ .multistep-form-section.future[data-v-478e89d4] {
3416
3419
  translate: 3em 0;
3417
3420
  }
3418
3421
  .basic-input-style[data-v-0fd69158] {
@@ -3514,18 +3517,18 @@ td[data-v-f5a130e8]:first-child {
3514
3517
  opacity: 0.5;
3515
3518
  font-size: 0.8em;
3516
3519
  }
3517
- .basic-input-style[data-v-10d1c729] {
3520
+ .basic-input-style[data-v-665d3903] {
3518
3521
  color: inherit;
3519
3522
  background: color-mix(in lab, currentColor 4%, transparent);
3520
3523
  border: 1px solid color-mix(in lab, currentColor 18%, transparent);
3521
3524
  }
3522
- .content-browser[data-v-10d1c729] {
3525
+ .content-browser[data-v-665d3903] {
3523
3526
  position: relative;
3524
3527
  }
3525
- .loading[data-v-10d1c729] {
3528
+ .loading[data-v-665d3903] {
3526
3529
  opacity: 0.5;
3527
3530
  }
3528
- .filter-column[data-v-10d1c729] {
3531
+ .filter-column[data-v-665d3903] {
3529
3532
  padding: 1em;
3530
3533
  background: color-mix(in lab, #000 1%, transparent);
3531
3534
  border-left: 1px solid color-mix(in lab, currentColor 18%, transparent);
@@ -3534,27 +3537,27 @@ td[data-v-f5a130e8]:first-child {
3534
3537
  flex: none;
3535
3538
  font-size: clamp(13px, 0.8em, 17px);
3536
3539
  }
3537
- .large-icon[data-v-10d1c729] {
3540
+ .large-icon[data-v-665d3903] {
3538
3541
  font-size: 6em;
3539
3542
  margin-bottom: 1rem;
3540
3543
  opacity: 0.5;
3541
3544
  }
3542
- .column-panel[data-v-10d1c729] {
3545
+ .column-panel[data-v-665d3903] {
3543
3546
  background: #fff;
3544
3547
  font-size: 0.9em;
3545
3548
  }
3546
- .empty[data-v-10d1c729] {
3549
+ .empty[data-v-665d3903] {
3547
3550
  background: rgba(0, 0, 0, 0.05);
3548
3551
  text-align: center;
3549
3552
  white-space: pre-line;
3550
3553
  align-items: center;
3551
3554
  justify-content: center;
3552
3555
  }
3553
- .empty .panel[data-v-10d1c729] {
3556
+ .empty .panel[data-v-665d3903] {
3554
3557
  max-width: 400px;
3555
3558
  background: var(--bg1, #fff);
3556
3559
  }
3557
- .footer[data-v-10d1c729] {
3560
+ .footer[data-v-665d3903] {
3558
3561
  padding: 0.5em 1em;
3559
3562
  border-top: 1px solid color-mix(in lab, currentColor 18%, transparent);
3560
3563
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@qikdev/vue-ui",
3
- "version": "0.2.272",
3
+ "version": "0.2.275",
4
4
  "files": [
5
5
  "dist"
6
6
  ],