@vuetify/nightly 3.2.0 → 3.2.2-master-20230428.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.
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.2.0
2
+ * Vuetify v3.2.2-master-20230428.0
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -16390,216 +16390,6 @@ html.overflow-y-hidden {
16390
16390
  }
16391
16391
  .v-app-bar:not(.v-toolbar--absolute) {
16392
16392
  padding-inline-end: var(--v-scrollbar-offset);
16393
- }.v-alert {
16394
- display: grid;
16395
- flex: 1 1;
16396
- grid-template-areas: "prepend content append close" ". content . .";
16397
- grid-template-columns: max-content auto max-content max-content;
16398
- position: relative;
16399
- padding: 16px;
16400
- overflow: hidden;
16401
- --v-border-color: currentColor;
16402
- border-radius: 4px;
16403
- }
16404
- .v-alert--absolute {
16405
- position: absolute;
16406
- }
16407
- .v-alert--fixed {
16408
- position: fixed;
16409
- }
16410
- .v-alert--sticky {
16411
- position: sticky;
16412
- }
16413
- .v-alert--variant-plain, .v-alert--variant-outlined, .v-alert--variant-text, .v-alert--variant-tonal {
16414
- background: transparent;
16415
- color: inherit;
16416
- }
16417
- .v-alert--variant-plain {
16418
- opacity: 0.62;
16419
- }
16420
- .v-alert--variant-plain:focus, .v-alert--variant-plain:hover {
16421
- opacity: 1;
16422
- }
16423
- .v-alert--variant-plain .v-alert__overlay {
16424
- display: none;
16425
- }
16426
- .v-alert--variant-elevated, .v-alert--variant-flat {
16427
- background: rgb(var(--v-theme-on-surface-variant));
16428
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
16429
- }
16430
- .v-alert--variant-elevated {
16431
- box-shadow: 0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 3px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
16432
- }
16433
- .v-alert--variant-flat {
16434
- box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
16435
- }
16436
- .v-alert--variant-outlined {
16437
- border: thin solid currentColor;
16438
- }
16439
- .v-alert--variant-text .v-alert__overlay {
16440
- background: currentColor;
16441
- }
16442
- .v-alert--variant-tonal .v-alert__underlay {
16443
- background: currentColor;
16444
- opacity: var(--v-activated-opacity);
16445
- border-radius: inherit;
16446
- position: absolute;
16447
- top: 0;
16448
- right: 0;
16449
- bottom: 0;
16450
- left: 0;
16451
- pointer-events: none;
16452
- }
16453
- .v-alert--prominent {
16454
- grid-template-areas: "prepend content append close" "prepend content . .";
16455
- }
16456
- .v-alert.v-alert--border {
16457
- --v-border-opacity: 0.38;
16458
- }
16459
- .v-alert.v-alert--border.v-alert--border-start {
16460
- padding-inline-start: 24px;
16461
- }
16462
- .v-alert.v-alert--border.v-alert--border-end {
16463
- padding-inline-end: 24px;
16464
- }
16465
- .v-alert--variant-plain {
16466
- transition: 0.2s opacity cubic-bezier(0.4, 0, 0.2, 1);
16467
- }
16468
- .v-alert--density-default {
16469
- padding-bottom: 16px;
16470
- padding-top: 16px;
16471
- }
16472
- .v-alert--density-default.v-alert--border-top {
16473
- padding-top: 24px;
16474
- }
16475
- .v-alert--density-default.v-alert--border-bottom {
16476
- padding-bottom: 24px;
16477
- }
16478
-
16479
- .v-alert--density-comfortable {
16480
- padding-bottom: 12px;
16481
- padding-top: 12px;
16482
- }
16483
- .v-alert--density-comfortable.v-alert--border-top {
16484
- padding-top: 20px;
16485
- }
16486
- .v-alert--density-comfortable.v-alert--border-bottom {
16487
- padding-bottom: 20px;
16488
- }
16489
-
16490
- .v-alert--density-compact {
16491
- padding-bottom: 8px;
16492
- padding-top: 8px;
16493
- }
16494
- .v-alert--density-compact.v-alert--border-top {
16495
- padding-top: 16px;
16496
- }
16497
- .v-alert--density-compact.v-alert--border-bottom {
16498
- padding-bottom: 16px;
16499
- }
16500
-
16501
- .v-alert__border {
16502
- border-radius: inherit;
16503
- bottom: 0;
16504
- left: 0;
16505
- opacity: var(--v-border-opacity);
16506
- position: absolute;
16507
- pointer-events: none;
16508
- right: 0;
16509
- top: 0;
16510
- width: 100%;
16511
- border-color: currentColor;
16512
- border-style: solid;
16513
- border-width: 0;
16514
- }
16515
- .v-alert__border--border {
16516
- border-width: 8px;
16517
- box-shadow: none;
16518
- }
16519
- .v-alert--border-start .v-alert__border {
16520
- border-inline-start-width: 8px;
16521
- }
16522
- .v-alert--border-end .v-alert__border {
16523
- border-inline-end-width: 8px;
16524
- }
16525
- .v-alert--border-top .v-alert__border {
16526
- border-top-width: 8px;
16527
- }
16528
- .v-alert--border-bottom .v-alert__border {
16529
- border-bottom-width: 8px;
16530
- }
16531
-
16532
- .v-alert__close {
16533
- flex: 0 1 auto;
16534
- grid-area: close;
16535
- }
16536
-
16537
- .v-alert__content {
16538
- align-self: center;
16539
- grid-area: content;
16540
- overflow: hidden;
16541
- }
16542
-
16543
- .v-alert__append,
16544
- .v-alert__close {
16545
- align-self: flex-start;
16546
- margin-inline-start: 16px;
16547
- }
16548
-
16549
- .v-alert__append {
16550
- align-self: flex-start;
16551
- grid-area: append;
16552
- }
16553
- .v-alert__append + .v-alert__close {
16554
- margin-inline-start: 16px;
16555
- }
16556
-
16557
- .v-alert__prepend {
16558
- align-self: flex-start;
16559
- display: flex;
16560
- align-items: center;
16561
- grid-area: prepend;
16562
- margin-inline-end: 16px;
16563
- }
16564
- .v-alert--prominent .v-alert__prepend {
16565
- align-self: center;
16566
- }
16567
-
16568
- .v-alert__underlay {
16569
- grid-area: none;
16570
- position: absolute;
16571
- }
16572
- .v-alert--border-start .v-alert__underlay {
16573
- border-top-left-radius: 0;
16574
- border-bottom-left-radius: 0;
16575
- }
16576
- .v-alert--border-end .v-alert__underlay {
16577
- border-top-right-radius: 0;
16578
- border-bottom-right-radius: 0;
16579
- }
16580
- .v-alert--border-top .v-alert__underlay {
16581
- border-top-left-radius: 0;
16582
- border-top-right-radius: 0;
16583
- }
16584
- .v-alert--border-bottom .v-alert__underlay {
16585
- border-bottom-left-radius: 0;
16586
- border-bottom-right-radius: 0;
16587
- }
16588
-
16589
- .v-alert-title {
16590
- align-items: center;
16591
- align-self: center;
16592
- display: flex;
16593
- font-size: 1.25rem;
16594
- font-weight: 500;
16595
- -webkit-hyphens: auto;
16596
- hyphens: auto;
16597
- letter-spacing: 0.0125em;
16598
- line-height: 1.75rem;
16599
- overflow-wrap: normal;
16600
- text-transform: none;
16601
- word-break: normal;
16602
- word-wrap: break-word;
16603
16393
  }.v-input--density-default {
16604
16394
  --autocomplete-chips-margin-bottom: 0px;
16605
16395
  }
@@ -16779,6 +16569,77 @@ html.overflow-y-hidden {
16779
16569
  .v-avatar .v-img {
16780
16570
  height: 100%;
16781
16571
  width: 100%;
16572
+ }.v-badge {
16573
+ display: inline-block;
16574
+ line-height: 1;
16575
+ }
16576
+
16577
+ .v-badge__badge {
16578
+ align-items: center;
16579
+ display: inline-flex;
16580
+ border-radius: 10px;
16581
+ font-size: 0.75rem;
16582
+ font-weight: 500;
16583
+ height: 1.25rem;
16584
+ justify-content: center;
16585
+ min-width: 20px;
16586
+ padding: 4px 6px;
16587
+ pointer-events: auto;
16588
+ position: absolute;
16589
+ text-align: center;
16590
+ text-indent: 0;
16591
+ transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
16592
+ white-space: nowrap;
16593
+ background: rgb(var(--v-theme-surface-variant));
16594
+ color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
16595
+ }
16596
+ .v-badge--bordered .v-badge__badge::after {
16597
+ border-radius: inherit;
16598
+ border-style: solid;
16599
+ border-width: 2px;
16600
+ bottom: 0;
16601
+ color: rgb(var(--v-theme-background));
16602
+ content: "";
16603
+ left: 0;
16604
+ position: absolute;
16605
+ right: 0;
16606
+ top: 0;
16607
+ transform: scale(1.2);
16608
+ }
16609
+ .v-badge--dot .v-badge__badge {
16610
+ border-radius: 4.5px;
16611
+ height: 9px;
16612
+ min-width: 0;
16613
+ padding: 0;
16614
+ width: 9px;
16615
+ }
16616
+ .v-badge--dot .v-badge__badge::after {
16617
+ border-width: 1.5px;
16618
+ }
16619
+ .v-badge--inline .v-badge__badge {
16620
+ position: relative;
16621
+ vertical-align: middle;
16622
+ }
16623
+ .v-badge__badge .v-icon {
16624
+ color: inherit;
16625
+ font-size: 0.75rem;
16626
+ margin: 0 -2px;
16627
+ }
16628
+ .v-badge__badge img,
16629
+ .v-badge__badge .v-img {
16630
+ height: 100%;
16631
+ width: 100%;
16632
+ }
16633
+
16634
+ .v-badge__wrapper {
16635
+ display: flex;
16636
+ position: relative;
16637
+ }
16638
+ .v-badge--inline .v-badge__wrapper {
16639
+ align-items: center;
16640
+ display: inline-flex;
16641
+ justify-content: center;
16642
+ margin: 0 4px;
16782
16643
  }.v-banner {
16783
16644
  display: grid;
16784
16645
  flex: 1 1;
@@ -16969,97 +16830,26 @@ html.overflow-y-hidden {
16969
16830
  height: 100%;
16970
16831
  max-width: 168px;
16971
16832
  min-width: 80px;
16972
- text-transform: none;
16973
- transition: inherit;
16974
- width: auto;
16975
- border-radius: 0;
16976
- }
16977
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__content,
16978
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
16979
- transition: inherit;
16980
- }
16981
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
16982
- font-size: 1.5rem;
16983
- }
16984
- .v-bottom-navigation--grow .v-bottom-navigation__content > .v-btn {
16985
- flex-grow: 1;
16986
- }
16987
- .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content > span {
16988
- opacity: 0;
16989
- }
16990
- .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
16991
- transform: translateY(0.5rem);
16992
- }.v-badge {
16993
- display: inline-block;
16994
- line-height: 1;
16995
- }
16996
-
16997
- .v-badge__badge {
16998
- align-items: center;
16999
- display: inline-flex;
17000
- border-radius: 10px;
17001
- font-size: 0.75rem;
17002
- font-weight: 500;
17003
- height: 1.25rem;
17004
- justify-content: center;
17005
- min-width: 20px;
17006
- padding: 4px 6px;
17007
- pointer-events: auto;
17008
- position: absolute;
17009
- text-align: center;
17010
- text-indent: 0;
17011
- transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
17012
- white-space: nowrap;
17013
- background: rgb(var(--v-theme-surface-variant));
17014
- color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
17015
- }
17016
- .v-badge--bordered .v-badge__badge::after {
17017
- border-radius: inherit;
17018
- border-style: solid;
17019
- border-width: 2px;
17020
- bottom: 0;
17021
- color: rgb(var(--v-theme-background));
17022
- content: "";
17023
- left: 0;
17024
- position: absolute;
17025
- right: 0;
17026
- top: 0;
17027
- transform: scale(1.2);
17028
- }
17029
- .v-badge--dot .v-badge__badge {
17030
- border-radius: 4.5px;
17031
- height: 9px;
17032
- min-width: 0;
17033
- padding: 0;
17034
- width: 9px;
17035
- }
17036
- .v-badge--dot .v-badge__badge::after {
17037
- border-width: 1.5px;
16833
+ text-transform: none;
16834
+ transition: inherit;
16835
+ width: auto;
16836
+ border-radius: 0;
17038
16837
  }
17039
- .v-badge--inline .v-badge__badge {
17040
- position: relative;
17041
- vertical-align: middle;
16838
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__content,
16839
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
16840
+ transition: inherit;
17042
16841
  }
17043
- .v-badge__badge .v-icon {
17044
- color: inherit;
17045
- font-size: 0.75rem;
17046
- margin: 0 -2px;
16842
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
16843
+ font-size: 1.5rem;
17047
16844
  }
17048
- .v-badge__badge img,
17049
- .v-badge__badge .v-img {
17050
- height: 100%;
17051
- width: 100%;
16845
+ .v-bottom-navigation--grow .v-bottom-navigation__content > .v-btn {
16846
+ flex-grow: 1;
17052
16847
  }
17053
-
17054
- .v-badge__wrapper {
17055
- display: flex;
17056
- position: relative;
16848
+ .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content > span {
16849
+ opacity: 0;
17057
16850
  }
17058
- .v-badge--inline .v-badge__wrapper {
17059
- align-items: center;
17060
- display: inline-flex;
17061
- justify-content: center;
17062
- margin: 0 4px;
16851
+ .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
16852
+ transform: translateY(0.5rem);
17063
16853
  }.v-breadcrumbs {
17064
16854
  display: flex;
17065
16855
  align-items: center;
@@ -17579,8 +17369,6 @@ html.overflow-y-hidden {
17579
17369
  }
17580
17370
  .v-btn-group--tile {
17581
17371
  border-radius: 0;
17582
- }.v-btn-toggle .v-btn.v-btn--selected:not(.v-btn--disabled) .v-btn__overlay {
17583
- opacity: var(--v-activated-opacity);
17584
17372
  }.v-card {
17585
17373
  display: block;
17586
17374
  overflow: hidden;
@@ -17871,6 +17659,8 @@ html.overflow-y-hidden {
17871
17659
  pointer-events: none;
17872
17660
  opacity: 0;
17873
17661
  transition: opacity 0.2s ease-in-out;
17662
+ }.v-btn-toggle .v-btn.v-btn--selected:not(.v-btn--disabled) .v-btn__overlay {
17663
+ opacity: var(--v-activated-opacity);
17874
17664
  }.v-carousel {
17875
17665
  overflow: hidden;
17876
17666
  position: relative;
@@ -18460,6 +18250,11 @@ html.overflow-y-hidden {
18460
18250
  }
18461
18251
  .v-combobox--single .v-field--focused .v-combobox__selection {
18462
18252
  opacity: 0;
18253
+ }.v-counter {
18254
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
18255
+ flex: 0 1 auto;
18256
+ font-size: 12px;
18257
+ transition-duration: 150ms;
18463
18258
  }.v-container {
18464
18259
  width: 100%;
18465
18260
  padding: 16px;
@@ -19341,11 +19136,6 @@ html.overflow-y-hidden {
19341
19136
  .offset-xxl-11.v-locale--is-rtl, .v-locale--is-rtl .offset-xxl-11 {
19342
19137
  margin-right: 91.6666666667%;
19343
19138
  }
19344
- }.v-counter {
19345
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
19346
- flex: 0 1 auto;
19347
- font-size: 12px;
19348
- transition-duration: 150ms;
19349
19139
  }.v-dialog {
19350
19140
  align-items: center;
19351
19141
  justify-content: center;
@@ -19422,35 +19212,6 @@ html.overflow-y-hidden {
19422
19212
  -webkit-backface-visibility: hidden;
19423
19213
  backface-visibility: hidden;
19424
19214
  overflow-y: auto;
19425
- }.v-divider {
19426
- display: block;
19427
- flex: 1 1 100%;
19428
- height: 0px;
19429
- max-height: 0px;
19430
- opacity: var(--v-border-opacity);
19431
- transition: inherit;
19432
- border-style: solid;
19433
- border-width: thin 0 0 0;
19434
- }
19435
- .v-divider--vertical {
19436
- align-self: stretch;
19437
- border-width: 0 thin 0 0;
19438
- display: inline-flex;
19439
- height: inherit;
19440
- margin-left: -1px;
19441
- max-height: 100%;
19442
- max-width: 0px;
19443
- vertical-align: text-bottom;
19444
- width: 0px;
19445
- }
19446
- .v-divider--inset:not(.v-divider--vertical) {
19447
- max-width: calc(100% - 72px);
19448
- margin-inline-start: 72px;
19449
- }
19450
- .v-divider--inset.v-divider--vertical {
19451
- margin-bottom: 8px;
19452
- margin-top: 8px;
19453
- max-height: calc(100% - 16px);
19454
19215
  }.v-expansion-panel {
19455
19216
  background-color: rgb(var(--v-theme-surface));
19456
19217
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
@@ -20126,7 +19887,36 @@ textarea.v-field__input::placeholder {
20126
19887
  opacity: 0;
20127
19888
  }
20128
19889
 
20129
- /* endregion */.v-input--density-default {
19890
+ /* endregion */.v-divider {
19891
+ display: block;
19892
+ flex: 1 1 100%;
19893
+ height: 0px;
19894
+ max-height: 0px;
19895
+ opacity: var(--v-border-opacity);
19896
+ transition: inherit;
19897
+ border-style: solid;
19898
+ border-width: thin 0 0 0;
19899
+ }
19900
+ .v-divider--vertical {
19901
+ align-self: stretch;
19902
+ border-width: 0 thin 0 0;
19903
+ display: inline-flex;
19904
+ height: inherit;
19905
+ margin-left: -1px;
19906
+ max-height: 100%;
19907
+ max-width: 0px;
19908
+ vertical-align: text-bottom;
19909
+ width: 0px;
19910
+ }
19911
+ .v-divider--inset:not(.v-divider--vertical) {
19912
+ max-width: calc(100% - 72px);
19913
+ margin-inline-start: 72px;
19914
+ }
19915
+ .v-divider--inset.v-divider--vertical {
19916
+ margin-bottom: 8px;
19917
+ margin-top: 8px;
19918
+ max-height: calc(100% - 16px);
19919
+ }.v-input--density-default {
20130
19920
  --file-input-chips-margin-bottom: 0px;
20131
19921
  }
20132
19922
 
@@ -21817,85 +21607,6 @@ html.v-overlay-scroll-blocked {
21817
21607
  .v-slide-group--vertical .v-slide-group__container,
21818
21608
  .v-slide-group--vertical .v-slide-group__content {
21819
21609
  flex-direction: column;
21820
- }.v-switch .v-label {
21821
- padding-inline-start: 10px;
21822
- }
21823
-
21824
- .v-switch__loader {
21825
- display: flex;
21826
- }
21827
-
21828
- .v-switch__track,
21829
- .v-switch__thumb {
21830
- background-color: currentColor;
21831
- transition: none;
21832
- }
21833
- .v-selection-control--error:not(.v-selection-control--disabled) .v-switch__track,
21834
- .v-selection-control--error:not(.v-selection-control--disabled) .v-switch__thumb {
21835
- background-color: rgb(var(--v-theme-error));
21836
- }
21837
-
21838
- .v-selection-control--dirty .v-switch__thumb {
21839
- color: currentColor;
21840
- }
21841
-
21842
- .v-switch__track {
21843
- border-radius: 8px;
21844
- height: 14px;
21845
- opacity: 0.6;
21846
- width: 36px;
21847
- cursor: pointer;
21848
- }
21849
- .v-switch--inset .v-switch__track {
21850
- border-radius: 14px;
21851
- height: 28px;
21852
- width: 48px;
21853
- }
21854
-
21855
- .v-switch__thumb {
21856
- align-items: center;
21857
- border-radius: 50%;
21858
- color: rgb(var(--v-theme-surface));
21859
- display: flex;
21860
- height: 20px;
21861
- justify-content: center;
21862
- width: 20px;
21863
- pointer-events: none;
21864
- transition: 0.15s transform cubic-bezier(0.4, 0, 0.2, 1);
21865
- box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
21866
- }
21867
- .v-switch--inset .v-switch__thumb {
21868
- box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
21869
- }
21870
- .v-switch:not(.v-switch--loading) .v-icon ~ .v-switch__thumb {
21871
- display: none;
21872
- }
21873
-
21874
- .v-switch--loading .v-selection-control__input > .v-icon {
21875
- display: none;
21876
- }
21877
-
21878
- .v-switch .v-selection-control {
21879
- min-height: var(--v-input-control-height);
21880
- }
21881
- .v-switch .v-selection-control__wrapper {
21882
- width: auto;
21883
- }
21884
- .v-switch .v-selection-control__input {
21885
- border-radius: 50%;
21886
- transition: 0.15s transform cubic-bezier(0.4, 0, 0.2, 1);
21887
- transform: translateX(-10px);
21888
- position: absolute;
21889
- }
21890
- .v-switch .v-selection-control--dirty .v-selection-control__input {
21891
- transform: translateX(10px);
21892
- }
21893
- .v-switch.v-switch--indeterminate .v-selection-control__input {
21894
- transform: scale(0.8);
21895
- }
21896
- .v-switch.v-switch--indeterminate .v-switch__thumb {
21897
- transform: scale(0.75);
21898
- box-shadow: none;
21899
21610
  }.v-snackbar {
21900
21611
  justify-content: center;
21901
21612
  z-index: 10000;
@@ -21979,33 +21690,112 @@ html.v-overlay-scroll-blocked {
21979
21690
  position: absolute;
21980
21691
  z-index: 1;
21981
21692
  }
21982
- .v-snackbar--multi-line .v-snackbar__wrapper {
21983
- min-height: 68px;
21693
+ .v-snackbar--multi-line .v-snackbar__wrapper {
21694
+ min-height: 68px;
21695
+ }
21696
+ .v-snackbar--vertical .v-snackbar__wrapper {
21697
+ flex-direction: column;
21698
+ }
21699
+ .v-snackbar--vertical .v-snackbar__wrapper .v-snackbar__actions {
21700
+ align-self: flex-end;
21701
+ margin-bottom: 8px;
21702
+ }
21703
+
21704
+ .v-snackbar-transition-enter-active, .v-snackbar-transition-leave-active {
21705
+ transition-duration: 0.15s;
21706
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
21707
+ }
21708
+ .v-snackbar-transition-enter-active {
21709
+ transition-property: opacity, transform;
21710
+ }
21711
+ .v-snackbar-transition-enter-from {
21712
+ opacity: 0;
21713
+ transform: scale(0.8);
21714
+ }
21715
+ .v-snackbar-transition-leave-active {
21716
+ transition-property: opacity;
21717
+ }
21718
+ .v-snackbar-transition-leave-to {
21719
+ opacity: 0;
21720
+ }.v-switch .v-label {
21721
+ padding-inline-start: 10px;
21722
+ }
21723
+
21724
+ .v-switch__loader {
21725
+ display: flex;
21726
+ }
21727
+
21728
+ .v-switch__track,
21729
+ .v-switch__thumb {
21730
+ background-color: currentColor;
21731
+ transition: none;
21732
+ }
21733
+ .v-selection-control--error:not(.v-selection-control--disabled) .v-switch__track,
21734
+ .v-selection-control--error:not(.v-selection-control--disabled) .v-switch__thumb {
21735
+ background-color: rgb(var(--v-theme-error));
21736
+ }
21737
+
21738
+ .v-selection-control--dirty .v-switch__thumb {
21739
+ color: currentColor;
21740
+ }
21741
+
21742
+ .v-switch__track {
21743
+ border-radius: 8px;
21744
+ height: 14px;
21745
+ opacity: 0.6;
21746
+ width: 36px;
21747
+ cursor: pointer;
21748
+ }
21749
+ .v-switch--inset .v-switch__track {
21750
+ border-radius: 14px;
21751
+ height: 28px;
21752
+ width: 48px;
21753
+ }
21754
+
21755
+ .v-switch__thumb {
21756
+ align-items: center;
21757
+ border-radius: 50%;
21758
+ color: rgb(var(--v-theme-surface));
21759
+ display: flex;
21760
+ height: 20px;
21761
+ justify-content: center;
21762
+ width: 20px;
21763
+ pointer-events: none;
21764
+ transition: 0.15s transform cubic-bezier(0.4, 0, 0.2, 1);
21765
+ box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
21766
+ }
21767
+ .v-switch--inset .v-switch__thumb {
21768
+ box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
21984
21769
  }
21985
- .v-snackbar--vertical .v-snackbar__wrapper {
21986
- flex-direction: column;
21770
+ .v-switch:not(.v-switch--loading) .v-icon ~ .v-switch__thumb {
21771
+ display: none;
21987
21772
  }
21988
- .v-snackbar--vertical .v-snackbar__wrapper .v-snackbar__actions {
21989
- align-self: flex-end;
21990
- margin-bottom: 8px;
21773
+
21774
+ .v-switch--loading .v-selection-control__input > .v-icon {
21775
+ display: none;
21991
21776
  }
21992
21777
 
21993
- .v-snackbar-transition-enter-active, .v-snackbar-transition-leave-active {
21994
- transition-duration: 0.15s;
21995
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
21778
+ .v-switch .v-selection-control {
21779
+ min-height: var(--v-input-control-height);
21996
21780
  }
21997
- .v-snackbar-transition-enter-active {
21998
- transition-property: opacity, transform;
21781
+ .v-switch .v-selection-control__wrapper {
21782
+ width: auto;
21999
21783
  }
22000
- .v-snackbar-transition-enter-from {
22001
- opacity: 0;
22002
- transform: scale(0.8);
21784
+ .v-switch .v-selection-control__input {
21785
+ border-radius: 50%;
21786
+ transition: 0.15s transform cubic-bezier(0.4, 0, 0.2, 1);
21787
+ transform: translateX(-10px);
21788
+ position: absolute;
22003
21789
  }
22004
- .v-snackbar-transition-leave-active {
22005
- transition-property: opacity;
21790
+ .v-switch .v-selection-control--dirty .v-selection-control__input {
21791
+ transform: translateX(10px);
22006
21792
  }
22007
- .v-snackbar-transition-leave-to {
22008
- opacity: 0;
21793
+ .v-switch.v-switch--indeterminate .v-selection-control__input {
21794
+ transform: scale(0.8);
21795
+ }
21796
+ .v-switch.v-switch--indeterminate .v-switch__thumb {
21797
+ transform: scale(0.75);
21798
+ box-shadow: none;
22009
21799
  }.v-system-bar {
22010
21800
  align-items: center;
22011
21801
  display: flex;
@@ -23056,6 +22846,216 @@ html.v-overlay-scroll-blocked {
23056
22846
  }
23057
22847
  .v-window-y-reverse-transition-leave-to {
23058
22848
  transform: translateY(100%);
22849
+ }.v-alert {
22850
+ display: grid;
22851
+ flex: 1 1;
22852
+ grid-template-areas: "prepend content append close" ". content . .";
22853
+ grid-template-columns: max-content auto max-content max-content;
22854
+ position: relative;
22855
+ padding: 16px;
22856
+ overflow: hidden;
22857
+ --v-border-color: currentColor;
22858
+ border-radius: 4px;
22859
+ }
22860
+ .v-alert--absolute {
22861
+ position: absolute;
22862
+ }
22863
+ .v-alert--fixed {
22864
+ position: fixed;
22865
+ }
22866
+ .v-alert--sticky {
22867
+ position: sticky;
22868
+ }
22869
+ .v-alert--variant-plain, .v-alert--variant-outlined, .v-alert--variant-text, .v-alert--variant-tonal {
22870
+ background: transparent;
22871
+ color: inherit;
22872
+ }
22873
+ .v-alert--variant-plain {
22874
+ opacity: 0.62;
22875
+ }
22876
+ .v-alert--variant-plain:focus, .v-alert--variant-plain:hover {
22877
+ opacity: 1;
22878
+ }
22879
+ .v-alert--variant-plain .v-alert__overlay {
22880
+ display: none;
22881
+ }
22882
+ .v-alert--variant-elevated, .v-alert--variant-flat {
22883
+ background: rgb(var(--v-theme-on-surface-variant));
22884
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
22885
+ }
22886
+ .v-alert--variant-elevated {
22887
+ box-shadow: 0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 3px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
22888
+ }
22889
+ .v-alert--variant-flat {
22890
+ box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
22891
+ }
22892
+ .v-alert--variant-outlined {
22893
+ border: thin solid currentColor;
22894
+ }
22895
+ .v-alert--variant-text .v-alert__overlay {
22896
+ background: currentColor;
22897
+ }
22898
+ .v-alert--variant-tonal .v-alert__underlay {
22899
+ background: currentColor;
22900
+ opacity: var(--v-activated-opacity);
22901
+ border-radius: inherit;
22902
+ position: absolute;
22903
+ top: 0;
22904
+ right: 0;
22905
+ bottom: 0;
22906
+ left: 0;
22907
+ pointer-events: none;
22908
+ }
22909
+ .v-alert--prominent {
22910
+ grid-template-areas: "prepend content append close" "prepend content . .";
22911
+ }
22912
+ .v-alert.v-alert--border {
22913
+ --v-border-opacity: 0.38;
22914
+ }
22915
+ .v-alert.v-alert--border.v-alert--border-start {
22916
+ padding-inline-start: 24px;
22917
+ }
22918
+ .v-alert.v-alert--border.v-alert--border-end {
22919
+ padding-inline-end: 24px;
22920
+ }
22921
+ .v-alert--variant-plain {
22922
+ transition: 0.2s opacity cubic-bezier(0.4, 0, 0.2, 1);
22923
+ }
22924
+ .v-alert--density-default {
22925
+ padding-bottom: 16px;
22926
+ padding-top: 16px;
22927
+ }
22928
+ .v-alert--density-default.v-alert--border-top {
22929
+ padding-top: 24px;
22930
+ }
22931
+ .v-alert--density-default.v-alert--border-bottom {
22932
+ padding-bottom: 24px;
22933
+ }
22934
+
22935
+ .v-alert--density-comfortable {
22936
+ padding-bottom: 12px;
22937
+ padding-top: 12px;
22938
+ }
22939
+ .v-alert--density-comfortable.v-alert--border-top {
22940
+ padding-top: 20px;
22941
+ }
22942
+ .v-alert--density-comfortable.v-alert--border-bottom {
22943
+ padding-bottom: 20px;
22944
+ }
22945
+
22946
+ .v-alert--density-compact {
22947
+ padding-bottom: 8px;
22948
+ padding-top: 8px;
22949
+ }
22950
+ .v-alert--density-compact.v-alert--border-top {
22951
+ padding-top: 16px;
22952
+ }
22953
+ .v-alert--density-compact.v-alert--border-bottom {
22954
+ padding-bottom: 16px;
22955
+ }
22956
+
22957
+ .v-alert__border {
22958
+ border-radius: inherit;
22959
+ bottom: 0;
22960
+ left: 0;
22961
+ opacity: var(--v-border-opacity);
22962
+ position: absolute;
22963
+ pointer-events: none;
22964
+ right: 0;
22965
+ top: 0;
22966
+ width: 100%;
22967
+ border-color: currentColor;
22968
+ border-style: solid;
22969
+ border-width: 0;
22970
+ }
22971
+ .v-alert__border--border {
22972
+ border-width: 8px;
22973
+ box-shadow: none;
22974
+ }
22975
+ .v-alert--border-start .v-alert__border {
22976
+ border-inline-start-width: 8px;
22977
+ }
22978
+ .v-alert--border-end .v-alert__border {
22979
+ border-inline-end-width: 8px;
22980
+ }
22981
+ .v-alert--border-top .v-alert__border {
22982
+ border-top-width: 8px;
22983
+ }
22984
+ .v-alert--border-bottom .v-alert__border {
22985
+ border-bottom-width: 8px;
22986
+ }
22987
+
22988
+ .v-alert__close {
22989
+ flex: 0 1 auto;
22990
+ grid-area: close;
22991
+ }
22992
+
22993
+ .v-alert__content {
22994
+ align-self: center;
22995
+ grid-area: content;
22996
+ overflow: hidden;
22997
+ }
22998
+
22999
+ .v-alert__append,
23000
+ .v-alert__close {
23001
+ align-self: flex-start;
23002
+ margin-inline-start: 16px;
23003
+ }
23004
+
23005
+ .v-alert__append {
23006
+ align-self: flex-start;
23007
+ grid-area: append;
23008
+ }
23009
+ .v-alert__append + .v-alert__close {
23010
+ margin-inline-start: 16px;
23011
+ }
23012
+
23013
+ .v-alert__prepend {
23014
+ align-self: flex-start;
23015
+ display: flex;
23016
+ align-items: center;
23017
+ grid-area: prepend;
23018
+ margin-inline-end: 16px;
23019
+ }
23020
+ .v-alert--prominent .v-alert__prepend {
23021
+ align-self: center;
23022
+ }
23023
+
23024
+ .v-alert__underlay {
23025
+ grid-area: none;
23026
+ position: absolute;
23027
+ }
23028
+ .v-alert--border-start .v-alert__underlay {
23029
+ border-top-left-radius: 0;
23030
+ border-bottom-left-radius: 0;
23031
+ }
23032
+ .v-alert--border-end .v-alert__underlay {
23033
+ border-top-right-radius: 0;
23034
+ border-bottom-right-radius: 0;
23035
+ }
23036
+ .v-alert--border-top .v-alert__underlay {
23037
+ border-top-left-radius: 0;
23038
+ border-top-right-radius: 0;
23039
+ }
23040
+ .v-alert--border-bottom .v-alert__underlay {
23041
+ border-bottom-left-radius: 0;
23042
+ border-bottom-right-radius: 0;
23043
+ }
23044
+
23045
+ .v-alert-title {
23046
+ align-items: center;
23047
+ align-self: center;
23048
+ display: flex;
23049
+ font-size: 1.25rem;
23050
+ font-weight: 500;
23051
+ -webkit-hyphens: auto;
23052
+ hyphens: auto;
23053
+ letter-spacing: 0.0125em;
23054
+ line-height: 1.75rem;
23055
+ overflow-wrap: normal;
23056
+ text-transform: none;
23057
+ word-break: normal;
23058
+ word-wrap: break-word;
23059
23059
  }.v-color-picker-canvas {
23060
23060
  display: flex;
23061
23061
  position: relative;