vuetiwatch 0.2.0 → 0.2.1

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 (127) hide show
  1. package/README.md +73 -3
  2. package/dist/index.d.ts +2 -2
  3. package/dist/index.d.ts.map +1 -1
  4. package/dist/index.js +1 -1
  5. package/dist/index.js.map +1 -1
  6. package/dist/plugin.d.ts.map +1 -1
  7. package/dist/plugin.js +19 -3
  8. package/dist/plugin.js.map +1 -1
  9. package/dist/styles/aurora.css +1 -1
  10. package/dist/styles/aurora.min.css +1 -1
  11. package/dist/styles/brutalist.css +1 -1
  12. package/dist/styles/brutalist.min.css +1 -1
  13. package/dist/styles/calm.css +1 -1
  14. package/dist/styles/calm.min.css +1 -1
  15. package/dist/styles/candy.css +1 -4
  16. package/dist/styles/candy.min.css +1 -1
  17. package/dist/styles/clay.css +1 -1
  18. package/dist/styles/clay.min.css +1 -1
  19. package/dist/styles/core.css +44 -2
  20. package/dist/styles/core.min.css +1 -1
  21. package/dist/styles/darkGlass.css +1 -1
  22. package/dist/styles/darkGlass.min.css +1 -1
  23. package/dist/styles/liquidGlass.css +10 -1
  24. package/dist/styles/liquidGlass.min.css +1 -1
  25. package/dist/styles/lux.css +1 -1
  26. package/dist/styles/lux.min.css +1 -1
  27. package/dist/styles/neon.css +1 -1
  28. package/dist/styles/neon.min.css +1 -1
  29. package/dist/styles/slate.css +1 -1
  30. package/dist/styles/slate.min.css +1 -1
  31. package/dist/styles/soft.css +3 -2
  32. package/dist/styles/soft.min.css +1 -1
  33. package/dist/styles.css +66 -17
  34. package/dist/styles.min.css +1 -1
  35. package/dist/themes/atlas.d.ts +35 -0
  36. package/dist/themes/atlas.d.ts.map +1 -1
  37. package/dist/themes/atlas.js +75 -1
  38. package/dist/themes/atlas.js.map +1 -1
  39. package/dist/themes/atlasDark.d.ts.map +1 -1
  40. package/dist/themes/atlasDark.js +5 -0
  41. package/dist/themes/atlasDark.js.map +1 -1
  42. package/dist/themes/atlasSepia.d.ts.map +1 -1
  43. package/dist/themes/atlasSepia.js +5 -0
  44. package/dist/themes/atlasSepia.js.map +1 -1
  45. package/dist/themes/aurora.d.ts.map +1 -1
  46. package/dist/themes/aurora.js +20 -1
  47. package/dist/themes/aurora.js.map +1 -1
  48. package/dist/themes/brutalist.d.ts.map +1 -1
  49. package/dist/themes/brutalist.js +63 -5
  50. package/dist/themes/brutalist.js.map +1 -1
  51. package/dist/themes/calm.d.ts.map +1 -1
  52. package/dist/themes/calm.js +22 -1
  53. package/dist/themes/calm.js.map +1 -1
  54. package/dist/themes/candy.d.ts.map +1 -1
  55. package/dist/themes/candy.js +23 -1
  56. package/dist/themes/candy.js.map +1 -1
  57. package/dist/themes/clay.d.ts.map +1 -1
  58. package/dist/themes/clay.js +14 -1
  59. package/dist/themes/clay.js.map +1 -1
  60. package/dist/themes/darkGlass.d.ts.map +1 -1
  61. package/dist/themes/darkGlass.js +13 -1
  62. package/dist/themes/darkGlass.js.map +1 -1
  63. package/dist/themes/graphite.d.ts.map +1 -1
  64. package/dist/themes/graphite.js +42 -7
  65. package/dist/themes/graphite.js.map +1 -1
  66. package/dist/themes/liquidGlass.d.ts.map +1 -1
  67. package/dist/themes/liquidGlass.js +41 -5
  68. package/dist/themes/liquidGlass.js.map +1 -1
  69. package/dist/themes/lux.d.ts.map +1 -1
  70. package/dist/themes/lux.js +48 -6
  71. package/dist/themes/lux.js.map +1 -1
  72. package/dist/themes/morph.d.ts.map +1 -1
  73. package/dist/themes/morph.js +21 -1
  74. package/dist/themes/morph.js.map +1 -1
  75. package/dist/themes/neon.d.ts.map +1 -1
  76. package/dist/themes/neon.js +35 -1
  77. package/dist/themes/neon.js.map +1 -1
  78. package/dist/themes/paper.d.ts.map +1 -1
  79. package/dist/themes/paper.js +38 -1
  80. package/dist/themes/paper.js.map +1 -1
  81. package/dist/themes/sketchy.d.ts.map +1 -1
  82. package/dist/themes/sketchy.js +27 -1
  83. package/dist/themes/sketchy.js.map +1 -1
  84. package/dist/themes/slate.d.ts.map +1 -1
  85. package/dist/themes/slate.js +42 -6
  86. package/dist/themes/slate.js.map +1 -1
  87. package/dist/themes/soft.d.ts.map +1 -1
  88. package/dist/themes/soft.js +48 -8
  89. package/dist/themes/soft.js.map +1 -1
  90. package/dist/util/defaults.d.ts +35 -0
  91. package/dist/util/defaults.d.ts.map +1 -1
  92. package/dist/util/defaults.js +51 -0
  93. package/dist/util/defaults.js.map +1 -1
  94. package/package.json +2 -1
  95. package/src/index.ts +2 -2
  96. package/src/plugin.ts +20 -3
  97. package/src/styles/core.css +152 -3
  98. package/src/styles/themes/aurora.css +1 -0
  99. package/src/styles/themes/brutalist.css +1 -0
  100. package/src/styles/themes/calm.css +1 -0
  101. package/src/styles/themes/candy.css +9 -4
  102. package/src/styles/themes/clay.css +1 -0
  103. package/src/styles/themes/darkGlass.css +1 -0
  104. package/src/styles/themes/liquidGlass.css +41 -0
  105. package/src/styles/themes/lux.css +1 -0
  106. package/src/styles/themes/neon.css +1 -0
  107. package/src/styles/themes/slate.css +1 -0
  108. package/src/styles/themes/soft.css +10 -0
  109. package/src/themes/atlas.ts +76 -1
  110. package/src/themes/atlasDark.ts +5 -0
  111. package/src/themes/atlasSepia.ts +5 -0
  112. package/src/themes/aurora.ts +21 -1
  113. package/src/themes/brutalist.ts +65 -5
  114. package/src/themes/calm.ts +23 -1
  115. package/src/themes/candy.ts +24 -1
  116. package/src/themes/clay.ts +15 -1
  117. package/src/themes/darkGlass.ts +14 -1
  118. package/src/themes/graphite.ts +44 -7
  119. package/src/themes/liquidGlass.ts +42 -5
  120. package/src/themes/lux.ts +50 -6
  121. package/src/themes/morph.ts +22 -1
  122. package/src/themes/neon.ts +37 -1
  123. package/src/themes/paper.ts +40 -1
  124. package/src/themes/sketchy.ts +29 -1
  125. package/src/themes/slate.ts +43 -6
  126. package/src/themes/soft.ts +49 -8
  127. package/src/util/defaults.ts +84 -0
@@ -12,13 +12,22 @@
12
12
  0 10px 34px rgba(var(--v-shadow-color), .1);
13
13
  }
14
14
 
15
- .v-theme--liquidGlass :is(.v-menu, .v-dialog) > .v-overlay__content {
15
+ .v-theme--liquidGlass:is(.v-menu, .v-dialog) > .v-overlay__content, .v-theme--liquidGlass :is(.v-menu, .v-dialog) > .v-overlay__content {
16
16
  backdrop-filter: blur(30px) saturate(190%);
17
17
  box-shadow: inset 0 1px 0 #ffffffe6,
18
18
  inset 0 0 0 1px #ffffff59,
19
19
  0 18px 52px rgba(var(--v-shadow-color), .18);
20
20
  }
21
21
 
22
+ .v-theme--liquidGlass:is(.v-menu, .v-dialog) > .v-overlay__content[class*="-transition-enter-from"], .v-theme--liquidGlass :is(.v-menu, .v-dialog) > .v-overlay__content[class*="-transition-enter-from"] {
23
+ transform: scale(.92);
24
+ }
25
+
26
+ .v-theme--liquidGlass:is(.v-menu, .v-dialog) > .v-overlay__content[class*="-transition-enter-active"], .v-theme--liquidGlass :is(.v-menu, .v-dialog) > .v-overlay__content[class*="-transition-enter-active"] {
27
+ transition-property: transform, opacity;
28
+ transition-duration: var(--v-vw-overlay-duration, .32s), var(--v-vw-scrim-duration, .12s);
29
+ }
30
+
22
31
  .v-theme--liquidGlass .v-field.v-field--variant-solo-filled {
23
32
  backdrop-filter: blur(20px) saturate(170%);
24
33
  box-shadow: none;
@@ -1 +1 @@
1
- .v-theme--liquidGlass.v-application{background-image:radial-gradient(65rem 45rem at 8% -8%,#007aff4d,#0000 62%),radial-gradient(55rem 42rem at 92% 12%,#5856d63d,#0000 62%),linear-gradient(165deg,#007aff00 45%,#007aff1f 100%);background-attachment:fixed}.v-theme--liquidGlass :is(.v-card,.v-app-bar,.v-toolbar,.v-navigation-drawer,.v-table,.v-expansion-panels):not([class*=bg-],.v-card--variant-text,.v-card--variant-plain){background-color:rgba(var(--v-theme-surface), .6);backdrop-filter:blur(30px)saturate(190%);box-shadow:inset 0 1px 0 #ffffffe6, inset 0 0 0 1px #ffffff59, inset 0 -1px 0 rgba(var(--v-shadow-color), .08), 0 10px 34px rgba(var(--v-shadow-color), .1)}.v-theme--liquidGlass :is(.v-menu,.v-dialog)>.v-overlay__content{backdrop-filter:blur(30px)saturate(190%);box-shadow:inset 0 1px 0 #ffffffe6, inset 0 0 0 1px #ffffff59, 0 18px 52px rgba(var(--v-shadow-color), .18)}.v-theme--liquidGlass .v-field.v-field--variant-solo-filled{backdrop-filter:blur(20px)saturate(170%);box-shadow:none;background-color:#7676801f}.v-theme--liquidGlass .v-field--variant-solo-filled .v-field__overlay{opacity:0}.v-theme--liquidGlass .v-field.v-field--variant-solo-filled:hover,.v-theme--liquidGlass .v-field.v-field--variant-solo-filled.v-field--focused{background-color:#78788029}.v-theme--liquidGlass .v-btn.v-btn--variant-flat:not(.v-btn--disabled){box-shadow:inset 0 1px 0 #fff6, 0 4px 14px rgba(var(--v-shadow-color), .22)}.v-theme--liquidGlass .v-btn-group.v-btn-toggle{background-color:#7676801f;padding:2px}.v-theme--liquidGlass .v-btn-group.v-btn-toggle>.v-btn{border-radius:calc(var(--v-vw-radius) - 2px);background-color:#0000}.v-theme--liquidGlass .v-btn-group.v-btn-toggle>.v-btn--active{background-color:rgb(var(--v-theme-surface));color:rgb(var(--v-theme-on-surface));box-shadow:0 2px 6px rgba(var(--v-shadow-color), .16)}.v-theme--liquidGlass .v-btn-group.v-btn-toggle>.v-btn--active>.v-btn__overlay{opacity:0}.v-theme--liquidGlass .v-slider-thumb__surface{box-shadow:inset 0 1px 0 #ffffffd9, 0 2px 8px rgba(var(--v-shadow-color), .28)}.v-theme--liquidGlass [class*=-title-]{letter-spacing:-.01em}.v-theme--liquidGlass :is(.v-divider,.v-table tbody td,.v-data-table__td){border-color:rgba(var(--v-border-color), .14)}.v-theme--liquidGlass .v-divider{opacity:1}.v-theme--liquidGlass :is(.v-table,.v-table__wrapper,.v-table>.v-table__wrapper>table){background:0 0}.v-theme--liquidGlass :is(.v-table thead th,.v-data-table__th){letter-spacing:0;color:rgba(var(--v-theme-on-surface), .5);border-bottom:1px solid rgba(var(--v-border-color), .14);background:0 0;font-size:.8125rem;font-weight:500}@media (prefers-reduced-transparency:reduce){.v-theme--liquidGlass.v-application{background-image:none}.v-theme--liquidGlass :is(.v-card,.v-app-bar,.v-toolbar,.v-navigation-drawer,.v-table,.v-expansion-panels):not([class*=bg-],.v-card--variant-text,.v-card--variant-plain){background-color:rgb(var(--v-theme-surface));backdrop-filter:none}}
1
+ .v-theme--liquidGlass.v-application{background-image:radial-gradient(65rem 45rem at 8% -8%,#007aff4d,#0000 62%),radial-gradient(55rem 42rem at 92% 12%,#5856d63d,#0000 62%),linear-gradient(165deg,#007aff00 45%,#007aff1f 100%);background-attachment:fixed}.v-theme--liquidGlass :is(.v-card,.v-app-bar,.v-toolbar,.v-navigation-drawer,.v-table,.v-expansion-panels):not([class*=bg-],.v-card--variant-text,.v-card--variant-plain){background-color:rgba(var(--v-theme-surface), .6);backdrop-filter:blur(30px)saturate(190%);box-shadow:inset 0 1px 0 #ffffffe6, inset 0 0 0 1px #ffffff59, inset 0 -1px 0 rgba(var(--v-shadow-color), .08), 0 10px 34px rgba(var(--v-shadow-color), .1)}.v-theme--liquidGlass:is(.v-menu,.v-dialog)>.v-overlay__content,.v-theme--liquidGlass :is(.v-menu,.v-dialog)>.v-overlay__content{backdrop-filter:blur(30px)saturate(190%);box-shadow:inset 0 1px 0 #ffffffe6, inset 0 0 0 1px #ffffff59, 0 18px 52px rgba(var(--v-shadow-color), .18)}.v-theme--liquidGlass:is(.v-menu,.v-dialog)>.v-overlay__content[class*=-transition-enter-from],.v-theme--liquidGlass :is(.v-menu,.v-dialog)>.v-overlay__content[class*=-transition-enter-from]{transform:scale(.92)}.v-theme--liquidGlass:is(.v-menu,.v-dialog)>.v-overlay__content[class*=-transition-enter-active],.v-theme--liquidGlass :is(.v-menu,.v-dialog)>.v-overlay__content[class*=-transition-enter-active]{transition-property:transform,opacity;transition-duration:var(--v-vw-overlay-duration,.32s), var(--v-vw-scrim-duration,.12s)}.v-theme--liquidGlass .v-field.v-field--variant-solo-filled{backdrop-filter:blur(20px)saturate(170%);box-shadow:none;background-color:#7676801f}.v-theme--liquidGlass .v-field--variant-solo-filled .v-field__overlay{opacity:0}.v-theme--liquidGlass .v-field.v-field--variant-solo-filled:hover,.v-theme--liquidGlass .v-field.v-field--variant-solo-filled.v-field--focused{background-color:#78788029}.v-theme--liquidGlass .v-btn.v-btn--variant-flat:not(.v-btn--disabled){box-shadow:inset 0 1px 0 #fff6, 0 4px 14px rgba(var(--v-shadow-color), .22)}.v-theme--liquidGlass .v-btn-group.v-btn-toggle{background-color:#7676801f;padding:2px}.v-theme--liquidGlass .v-btn-group.v-btn-toggle>.v-btn{border-radius:calc(var(--v-vw-radius) - 2px);background-color:#0000}.v-theme--liquidGlass .v-btn-group.v-btn-toggle>.v-btn--active{background-color:rgb(var(--v-theme-surface));color:rgb(var(--v-theme-on-surface));box-shadow:0 2px 6px rgba(var(--v-shadow-color), .16)}.v-theme--liquidGlass .v-btn-group.v-btn-toggle>.v-btn--active>.v-btn__overlay{opacity:0}.v-theme--liquidGlass .v-slider-thumb__surface{box-shadow:inset 0 1px 0 #ffffffd9, 0 2px 8px rgba(var(--v-shadow-color), .28)}.v-theme--liquidGlass [class*=-title-]{letter-spacing:-.01em}.v-theme--liquidGlass :is(.v-divider,.v-table tbody td,.v-data-table__td){border-color:rgba(var(--v-border-color), .14)}.v-theme--liquidGlass .v-divider{opacity:1}.v-theme--liquidGlass :is(.v-table,.v-table__wrapper,.v-table>.v-table__wrapper>table){background:0 0}.v-theme--liquidGlass :is(.v-table thead th,.v-data-table__th){letter-spacing:0;color:rgba(var(--v-theme-on-surface), .5);border-bottom:1px solid rgba(var(--v-border-color), .14);background:0 0;font-size:.8125rem;font-weight:500}@media (prefers-reduced-transparency:reduce){.v-theme--liquidGlass.v-application{background-image:none}.v-theme--liquidGlass :is(.v-card,.v-app-bar,.v-toolbar,.v-navigation-drawer,.v-table,.v-expansion-panels):not([class*=bg-],.v-card--variant-text,.v-card--variant-plain){background-color:rgb(var(--v-theme-surface));backdrop-filter:none}}
@@ -15,7 +15,7 @@
15
15
  font-weight: 400;
16
16
  }
17
17
 
18
- .v-theme--lux :is(.v-menu, .v-dialog) > .v-overlay__content {
18
+ .v-theme--lux:is(.v-menu, .v-dialog) > .v-overlay__content, .v-theme--lux :is(.v-menu, .v-dialog) > .v-overlay__content {
19
19
  border: var(--v-vw-border-width) solid rgba(var(--v-border-color), .14);
20
20
  box-shadow: 0 24px 64px #00000014;
21
21
  }
@@ -1 +1 @@
1
- .v-theme--lux :is(.v-card,.v-sheet,.v-table,.v-list,.v-expansion-panels){box-shadow:none}.v-theme--lux :is(.v-toolbar-title,.v-card-title,.v-list-subheader){letter-spacing:.16em;text-transform:uppercase;font-weight:400}.v-theme--lux :is(.v-table thead th,.v-data-table__th){letter-spacing:.16em;text-transform:uppercase;font-size:.75rem;font-weight:400}.v-theme--lux :is(.v-menu,.v-dialog)>.v-overlay__content{border:var(--v-vw-border-width) solid rgba(var(--v-border-color), .14);box-shadow:0 24px 64px #00000014}
1
+ .v-theme--lux :is(.v-card,.v-sheet,.v-table,.v-list,.v-expansion-panels){box-shadow:none}.v-theme--lux :is(.v-toolbar-title,.v-card-title,.v-list-subheader){letter-spacing:.16em;text-transform:uppercase;font-weight:400}.v-theme--lux :is(.v-table thead th,.v-data-table__th){letter-spacing:.16em;text-transform:uppercase;font-size:.75rem;font-weight:400}.v-theme--lux:is(.v-menu,.v-dialog)>.v-overlay__content,.v-theme--lux :is(.v-menu,.v-dialog)>.v-overlay__content{border:var(--v-vw-border-width) solid rgba(var(--v-border-color), .14);box-shadow:0 24px 64px #00000014}
@@ -15,7 +15,7 @@
15
15
  box-shadow: 0 0 22px rgba(var(--v-theme-primary), .45);
16
16
  }
17
17
 
18
- .v-theme--neon :is(.v-menu, .v-dialog) > .v-overlay__content {
18
+ .v-theme--neon:is(.v-menu, .v-dialog) > .v-overlay__content, .v-theme--neon :is(.v-menu, .v-dialog) > .v-overlay__content {
19
19
  box-shadow: 0 0 0 1px rgba(var(--v-theme-primary), .35),
20
20
  0 12px 48px #000000bf;
21
21
  }
@@ -1 +1 @@
1
- .v-theme--neon :is(.v-card,.v-sheet,.v-list,.v-table,.v-expansion-panels){box-shadow:none}.v-theme--neon .v-card.v-card--variant-outlined{box-shadow:0 0 0 1px rgba(var(--v-theme-primary), .12)}.v-theme--neon .v-btn.v-btn--variant-outlined:not(.v-btn--disabled):hover{box-shadow:0 0 0 1px rgba(var(--v-theme-primary), .6), 0 0 18px rgba(var(--v-theme-primary), .35)}.v-theme--neon .v-btn.v-btn--variant-flat:not(.v-btn--disabled){box-shadow:0 0 22px rgba(var(--v-theme-primary), .45)}.v-theme--neon :is(.v-menu,.v-dialog)>.v-overlay__content{box-shadow:0 0 0 1px rgba(var(--v-theme-primary), .35), 0 12px 48px #000000bf}.v-theme--neon .v-app-bar{box-shadow:inset 0 -1px 0 rgba(var(--v-theme-primary), .3)}.v-theme--neon .v-slider-thumb__surface{box-shadow:0 0 12px rgba(var(--v-theme-primary), .6)}.v-theme--neon .v-tab__slider{box-shadow:0 0 14px rgba(var(--v-theme-primary), .9)}.v-theme--neon .v-selection-control--dirty .v-switch__track{box-shadow:0 0 14px rgba(var(--v-theme-primary), .55)}.v-theme--neon .v-expansion-panels{box-shadow:0 0 0 1px rgba(var(--v-theme-primary), .12)}.v-theme--neon :is(.v-timeline-divider__before,.v-timeline-divider__after){box-shadow:0 0 8px rgb(var(--v-theme-secondary))}.v-theme--neon .v-timeline-divider__dot{box-shadow:0 0 12px rgba(var(--v-theme-primary), .9)}
1
+ .v-theme--neon :is(.v-card,.v-sheet,.v-list,.v-table,.v-expansion-panels){box-shadow:none}.v-theme--neon .v-card.v-card--variant-outlined{box-shadow:0 0 0 1px rgba(var(--v-theme-primary), .12)}.v-theme--neon .v-btn.v-btn--variant-outlined:not(.v-btn--disabled):hover{box-shadow:0 0 0 1px rgba(var(--v-theme-primary), .6), 0 0 18px rgba(var(--v-theme-primary), .35)}.v-theme--neon .v-btn.v-btn--variant-flat:not(.v-btn--disabled){box-shadow:0 0 22px rgba(var(--v-theme-primary), .45)}.v-theme--neon:is(.v-menu,.v-dialog)>.v-overlay__content,.v-theme--neon :is(.v-menu,.v-dialog)>.v-overlay__content{box-shadow:0 0 0 1px rgba(var(--v-theme-primary), .35), 0 12px 48px #000000bf}.v-theme--neon .v-app-bar{box-shadow:inset 0 -1px 0 rgba(var(--v-theme-primary), .3)}.v-theme--neon .v-slider-thumb__surface{box-shadow:0 0 12px rgba(var(--v-theme-primary), .6)}.v-theme--neon .v-tab__slider{box-shadow:0 0 14px rgba(var(--v-theme-primary), .9)}.v-theme--neon .v-selection-control--dirty .v-switch__track{box-shadow:0 0 14px rgba(var(--v-theme-primary), .55)}.v-theme--neon .v-expansion-panels{box-shadow:0 0 0 1px rgba(var(--v-theme-primary), .12)}.v-theme--neon :is(.v-timeline-divider__before,.v-timeline-divider__after){box-shadow:0 0 8px rgb(var(--v-theme-secondary))}.v-theme--neon .v-timeline-divider__dot{box-shadow:0 0 12px rgba(var(--v-theme-primary), .9)}
@@ -7,7 +7,7 @@
7
7
  font-weight: 600;
8
8
  }
9
9
 
10
- .v-theme--slate :is(.v-menu, .v-dialog) > .v-overlay__content {
10
+ .v-theme--slate:is(.v-menu, .v-dialog) > .v-overlay__content, .v-theme--slate :is(.v-menu, .v-dialog) > .v-overlay__content {
11
11
  box-shadow: 0 8px 24px rgba(var(--v-shadow-color), .16);
12
12
  }
13
13
 
@@ -1 +1 @@
1
- .v-theme--slate .v-card.v-card--variant-outlined{box-shadow:0 1px 2px rgba(var(--v-shadow-color), .05)}.v-theme--slate :is(.v-table thead th,.v-data-table__th){background-color:rgb(var(--v-theme-surface-light));font-weight:600}.v-theme--slate :is(.v-menu,.v-dialog)>.v-overlay__content{box-shadow:0 8px 24px rgba(var(--v-shadow-color), .16)}.v-theme--slate .v-app-bar{box-shadow:none}
1
+ .v-theme--slate .v-card.v-card--variant-outlined{box-shadow:0 1px 2px rgba(var(--v-shadow-color), .05)}.v-theme--slate :is(.v-table thead th,.v-data-table__th){background-color:rgb(var(--v-theme-surface-light));font-weight:600}.v-theme--slate:is(.v-menu,.v-dialog)>.v-overlay__content,.v-theme--slate :is(.v-menu,.v-dialog)>.v-overlay__content{box-shadow:0 8px 24px rgba(var(--v-shadow-color), .16)}.v-theme--slate .v-app-bar{box-shadow:none}
@@ -13,12 +13,13 @@
13
13
  box-shadow: 0 2px 8px rgba(var(--v-theme-primary), .24);
14
14
  }
15
15
 
16
- .v-theme--soft :is(.v-menu, .v-dialog) > .v-overlay__content {
16
+ .v-theme--soft:is(.v-menu, .v-dialog) > .v-overlay__content, .v-theme--soft :is(.v-menu, .v-dialog) > .v-overlay__content {
17
17
  box-shadow: 0 16px 48px rgba(var(--v-theme-primary), .18);
18
18
  }
19
19
 
20
20
  .v-theme--soft .v-field.v-field--variant-solo-filled {
21
- box-shadow: 0 1px 2px rgba(var(--v-theme-primary), .08),
21
+ box-shadow: inset 0 0 0 1px rgba(var(--v-theme-primary), .3),
22
+ 0 1px 2px rgba(var(--v-theme-primary), .08),
22
23
  0 4px 12px rgba(var(--v-theme-primary), .06);
23
24
  }
24
25
 
@@ -1 +1 @@
1
- .v-theme--soft .v-card.v-card--variant-elevated{box-shadow:0 2px 4px rgba(var(--v-theme-primary), .06), 0 12px 28px rgba(var(--v-theme-primary), .1);transition:box-shadow var(--v-vw-motion-duration) var(--v-vw-motion-ease)}.v-theme--soft .v-card.v-card--variant-elevated.v-card--link:hover{box-shadow:0 4px 8px rgba(var(--v-theme-primary), .08), 0 20px 40px rgba(var(--v-theme-primary), .14)}.v-theme--soft .v-btn.v-btn--variant-flat:not(.v-btn--disabled){box-shadow:0 2px 8px rgba(var(--v-theme-primary), .24)}.v-theme--soft :is(.v-menu,.v-dialog)>.v-overlay__content{box-shadow:0 16px 48px rgba(var(--v-theme-primary), .18)}.v-theme--soft .v-field.v-field--variant-solo-filled{box-shadow:0 1px 2px rgba(var(--v-theme-primary), .08), 0 4px 12px rgba(var(--v-theme-primary), .06)}.v-theme--soft .v-slider-thumb__surface{box-shadow:0 2px 8px rgba(var(--v-theme-primary), .35)}.v-theme--soft .v-switch__thumb{box-shadow:0 2px 6px rgba(var(--v-theme-primary), .3)}.v-theme--soft .v-tabs--inset .v-tab__slider{box-shadow:0 2px 10px rgba(var(--v-theme-primary), .2)}
1
+ .v-theme--soft .v-card.v-card--variant-elevated{box-shadow:0 2px 4px rgba(var(--v-theme-primary), .06), 0 12px 28px rgba(var(--v-theme-primary), .1);transition:box-shadow var(--v-vw-motion-duration) var(--v-vw-motion-ease)}.v-theme--soft .v-card.v-card--variant-elevated.v-card--link:hover{box-shadow:0 4px 8px rgba(var(--v-theme-primary), .08), 0 20px 40px rgba(var(--v-theme-primary), .14)}.v-theme--soft .v-btn.v-btn--variant-flat:not(.v-btn--disabled){box-shadow:0 2px 8px rgba(var(--v-theme-primary), .24)}.v-theme--soft:is(.v-menu,.v-dialog)>.v-overlay__content,.v-theme--soft :is(.v-menu,.v-dialog)>.v-overlay__content{box-shadow:0 16px 48px rgba(var(--v-theme-primary), .18)}.v-theme--soft .v-field.v-field--variant-solo-filled{box-shadow:inset 0 0 0 1px rgba(var(--v-theme-primary), .3), 0 1px 2px rgba(var(--v-theme-primary), .08), 0 4px 12px rgba(var(--v-theme-primary), .06)}.v-theme--soft .v-slider-thumb__surface{box-shadow:0 2px 8px rgba(var(--v-theme-primary), .35)}.v-theme--soft .v-switch__thumb{box-shadow:0 2px 6px rgba(var(--v-theme-primary), .3)}.v-theme--soft .v-tabs--inset .v-tab__slider{box-shadow:0 2px 10px rgba(var(--v-theme-primary), .2)}
package/dist/styles.css CHANGED
@@ -94,7 +94,7 @@
94
94
  border-radius: var(--v-vw-radius-lg, var(--v-vw-radius, 4px));
95
95
  }
96
96
 
97
- :where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .v-theme--clay, .v-theme--morph, .v-theme--sketchy, .v-theme--brutalist, .v-theme--liquidGlass, .v-theme--darkGlass, .v-theme--aurora, .v-theme--neon) :is(.v-alert:not([class*="rounded-"]), .v-field:not([class*="rounded-"]), .v-list-item:not([class*="rounded-"]), .v-snackbar__wrapper, .v-menu > .v-overlay__content, .v-tooltip > .v-overlay__content, .v-overlay__content > :is(.v-list, .v-sheet)) {
97
+ :where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .v-theme--clay, .v-theme--morph, .v-theme--sketchy, .v-theme--brutalist, .v-theme--liquidGlass, .v-theme--darkGlass, .v-theme--aurora, .v-theme--neon) :is(.v-alert:not([class*="rounded-"]), .v-field:not([class*="rounded-"]), .v-list-item:not([class*="rounded-"]), .v-snackbar__wrapper, .v-overlay__content > :is(.v-list, .v-sheet)) {
98
98
  border-radius: var(--v-vw-radius, 4px);
99
99
  }
100
100
 
@@ -127,6 +127,10 @@
127
127
  background-color: rgb(var(--v-theme-surface));
128
128
  }
129
129
 
130
+ :where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .v-theme--clay, .v-theme--morph, .v-theme--sketchy, .v-theme--brutalist, .v-theme--liquidGlass, .v-theme--darkGlass, .v-theme--aurora, .v-theme--neon) .v-card--variant-tonal > .v-card__underlay {
131
+ z-index: -1;
132
+ }
133
+
130
134
  :where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .v-theme--clay, .v-theme--morph, .v-theme--sketchy, .v-theme--brutalist, .v-theme--liquidGlass, .v-theme--darkGlass, .v-theme--aurora, .v-theme--neon) .v-card > :is(.v-list, .v-table):not([class*="bg-"]) {
131
135
  background: none;
132
136
  }
@@ -151,11 +155,39 @@
151
155
  text-transform: var(--v-vw-btn-transform, none);
152
156
  }
153
157
 
154
- :where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .v-theme--clay, .v-theme--morph, .v-theme--sketchy, .v-theme--brutalist, .v-theme--liquidGlass, .v-theme--darkGlass, .v-theme--aurora, .v-theme--neon) :is(.v-menu, .v-dialog, .v-tooltip) > .v-overlay__content {
158
+ :where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .v-theme--clay, .v-theme--morph, .v-theme--sketchy, .v-theme--brutalist, .v-theme--liquidGlass, .v-theme--darkGlass, .v-theme--aurora, .v-theme--neon):is(.v-menu, .v-dialog, .v-tooltip) > .v-overlay__content, :where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .v-theme--clay, .v-theme--morph, .v-theme--sketchy, .v-theme--brutalist, .v-theme--liquidGlass, .v-theme--darkGlass, .v-theme--aurora, .v-theme--neon) :is(.v-menu, .v-dialog, .v-tooltip) > .v-overlay__content {
155
159
  border: var(--v-vw-overlay-border, none);
156
160
  box-shadow: var(--v-vw-overlay-shadow, revert-layer);
157
161
  }
158
162
 
163
+ :where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .v-theme--clay, .v-theme--morph, .v-theme--sketchy, .v-theme--brutalist, .v-theme--liquidGlass, .v-theme--darkGlass, .v-theme--aurora, .v-theme--neon):is(.v-menu, .v-tooltip) > .v-overlay__content, :where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .v-theme--clay, .v-theme--morph, .v-theme--sketchy, .v-theme--brutalist, .v-theme--liquidGlass, .v-theme--darkGlass, .v-theme--aurora, .v-theme--neon) :is(.v-menu, .v-tooltip) > .v-overlay__content {
164
+ border-radius: var(--v-vw-radius, 4px);
165
+ }
166
+
167
+ :where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .v-theme--clay, .v-theme--morph, .v-theme--sketchy, .v-theme--brutalist, .v-theme--liquidGlass, .v-theme--darkGlass, .v-theme--aurora, .v-theme--neon).v-dialog:not(.v-dialog--fullscreen) > .v-overlay__content, :where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .v-theme--clay, .v-theme--morph, .v-theme--sketchy, .v-theme--brutalist, .v-theme--liquidGlass, .v-theme--darkGlass, .v-theme--aurora, .v-theme--neon) .v-dialog:not(.v-dialog--fullscreen) > .v-overlay__content {
168
+ border-radius: var(--v-vw-radius-lg, var(--v-vw-radius, 4px));
169
+ }
170
+
171
+ :where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .v-theme--clay, .v-theme--morph, .v-theme--sketchy, .v-theme--brutalist, .v-theme--liquidGlass, .v-theme--darkGlass, .v-theme--aurora, .v-theme--neon) :is(.v-overlay__content, .v-overlay__scrim):is([class*="-transition-enter-active"], [class*="-transition-leave-active"]) {
172
+ transition-timing-function: var(--v-vw-overlay-ease, var(--v-vw-motion-ease, revert-layer));
173
+ }
174
+
175
+ :where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .v-theme--clay, .v-theme--morph, .v-theme--sketchy, .v-theme--brutalist, .v-theme--liquidGlass, .v-theme--darkGlass, .v-theme--aurora, .v-theme--neon) .v-overlay__content[class*="-transition-enter-active"] {
176
+ transition-duration: var(--v-vw-overlay-duration, revert-layer);
177
+ }
178
+
179
+ :where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .v-theme--clay, .v-theme--morph, .v-theme--sketchy, .v-theme--brutalist, .v-theme--liquidGlass, .v-theme--darkGlass, .v-theme--aurora, .v-theme--neon) .v-overlay__content[class*="-transition-leave-active"] {
180
+ transition-duration: var(--v-vw-overlay-exit, var(--v-vw-overlay-duration, revert-layer));
181
+ }
182
+
183
+ :where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .v-theme--clay, .v-theme--morph, .v-theme--sketchy, .v-theme--brutalist, .v-theme--liquidGlass, .v-theme--darkGlass, .v-theme--aurora, .v-theme--neon) .v-overlay__scrim[class*="-transition-enter-active"] {
184
+ transition-duration: var(--v-vw-scrim-duration, var(--v-vw-overlay-duration, revert-layer));
185
+ }
186
+
187
+ :where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .v-theme--clay, .v-theme--morph, .v-theme--sketchy, .v-theme--brutalist, .v-theme--liquidGlass, .v-theme--darkGlass, .v-theme--aurora, .v-theme--neon) .v-overlay__scrim[class*="-transition-leave-active"] {
188
+ transition-duration: var(--v-vw-scrim-duration, var(--v-vw-overlay-exit, var(--v-vw-overlay-duration, revert-layer)));
189
+ }
190
+
159
191
  :where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .v-theme--clay, .v-theme--morph, .v-theme--sketchy, .v-theme--brutalist, .v-theme--liquidGlass, .v-theme--darkGlass, .v-theme--aurora, .v-theme--neon) .v-chip-group .v-slide-group__content {
160
192
  padding: var(--v-vw-relief-inset, 0);
161
193
  }
@@ -293,6 +325,16 @@
293
325
  text-underline-offset: .15em;
294
326
  }
295
327
 
328
+ :where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .v-theme--clay, .v-theme--morph, .v-theme--sketchy, .v-theme--brutalist, .v-theme--liquidGlass, .v-theme--darkGlass, .v-theme--aurora, .v-theme--neon)::selection {
329
+ background-color: var(--v-vw-selection-fill, rgba(var(--v-theme-primary), .24));
330
+ color: var(--v-vw-selection-color, inherit);
331
+ }
332
+
333
+ :where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .v-theme--clay, .v-theme--morph, .v-theme--sketchy, .v-theme--brutalist, .v-theme--liquidGlass, .v-theme--darkGlass, .v-theme--aurora, .v-theme--neon) ::selection {
334
+ background-color: var(--v-vw-selection-fill, rgba(var(--v-theme-primary), .24));
335
+ color: var(--v-vw-selection-color, inherit);
336
+ }
337
+
296
338
  @keyframes vw-pop {
297
339
  0% {
298
340
  transform: scale(1);
@@ -369,7 +411,7 @@ html[data-vuetiwatch]::view-transition-new(root) {
369
411
  font-weight: 600;
370
412
  }
371
413
 
372
- .v-theme--slate :is(.v-menu, .v-dialog) > .v-overlay__content {
414
+ .v-theme--slate:is(.v-menu, .v-dialog) > .v-overlay__content, .v-theme--slate :is(.v-menu, .v-dialog) > .v-overlay__content {
373
415
  box-shadow: 0 8px 24px rgba(var(--v-shadow-color), .16);
374
416
  }
375
417
 
@@ -511,7 +553,7 @@ html[data-vuetiwatch]::view-transition-new(root) {
511
553
  box-shadow: none;
512
554
  }
513
555
 
514
- .v-theme--calm :is(.v-menu, .v-dialog) > .v-overlay__content {
556
+ .v-theme--calm:is(.v-menu, .v-dialog) > .v-overlay__content, .v-theme--calm :is(.v-menu, .v-dialog) > .v-overlay__content {
515
557
  border: var(--v-vw-border-width) solid rgba(var(--v-border-color), .09);
516
558
  box-shadow: 0 16px 48px #3a3a360f;
517
559
  }
@@ -542,7 +584,7 @@ html[data-vuetiwatch]::view-transition-new(root) {
542
584
  font-weight: 400;
543
585
  }
544
586
 
545
- .v-theme--lux :is(.v-menu, .v-dialog) > .v-overlay__content {
587
+ .v-theme--lux:is(.v-menu, .v-dialog) > .v-overlay__content, .v-theme--lux :is(.v-menu, .v-dialog) > .v-overlay__content {
546
588
  border: var(--v-vw-border-width) solid rgba(var(--v-border-color), .14);
547
589
  box-shadow: 0 24px 64px #00000014;
548
590
  }
@@ -562,12 +604,13 @@ html[data-vuetiwatch]::view-transition-new(root) {
562
604
  box-shadow: 0 2px 8px rgba(var(--v-theme-primary), .24);
563
605
  }
564
606
 
565
- .v-theme--soft :is(.v-menu, .v-dialog) > .v-overlay__content {
607
+ .v-theme--soft:is(.v-menu, .v-dialog) > .v-overlay__content, .v-theme--soft :is(.v-menu, .v-dialog) > .v-overlay__content {
566
608
  box-shadow: 0 16px 48px rgba(var(--v-theme-primary), .18);
567
609
  }
568
610
 
569
611
  .v-theme--soft .v-field.v-field--variant-solo-filled {
570
- box-shadow: 0 1px 2px rgba(var(--v-theme-primary), .08),
612
+ box-shadow: inset 0 0 0 1px rgba(var(--v-theme-primary), .3),
613
+ 0 1px 2px rgba(var(--v-theme-primary), .08),
571
614
  0 4px 12px rgba(var(--v-theme-primary), .06);
572
615
  }
573
616
 
@@ -624,11 +667,8 @@ html[data-vuetiwatch]::view-transition-new(root) {
624
667
  }
625
668
 
626
669
  .v-theme--candy .v-field.v-field--variant-solo-filled {
627
- box-shadow: inset 0 2px 5px rgba(var(--v-shadow-color), .16);
628
- }
629
-
630
- .v-theme--candy .v-field.v-field--variant-solo-filled .v-field__overlay {
631
670
  background-color: rgb(var(--v-theme-surface-light));
671
+ box-shadow: inset 0 2px 5px rgba(var(--v-shadow-color), .16);
632
672
  }
633
673
 
634
674
  .v-theme--candy :is(.v-switch__track, .v-slider-track__background) {
@@ -696,7 +736,7 @@ html[data-vuetiwatch]::view-transition-new(root) {
696
736
  -2px -2px 6px #ffffffe6;
697
737
  }
698
738
 
699
- .v-theme--clay :is(.v-menu, .v-dialog) > .v-overlay__content {
739
+ .v-theme--clay:is(.v-menu, .v-dialog) > .v-overlay__content, .v-theme--clay :is(.v-menu, .v-dialog) > .v-overlay__content {
700
740
  box-shadow: 12px 12px 40px rgba(var(--v-shadow-color), .24);
701
741
  }
702
742
 
@@ -816,7 +856,7 @@ html[data-vuetiwatch]::view-transition-new(root) {
816
856
  transform: translate(-1px, -1px);
817
857
  }
818
858
 
819
- .v-theme--brutalist :is(.v-menu, .v-dialog) > .v-overlay__content {
859
+ .v-theme--brutalist:is(.v-menu, .v-dialog) > .v-overlay__content, .v-theme--brutalist :is(.v-menu, .v-dialog) > .v-overlay__content {
820
860
  border: var(--v-vw-border-width) solid rgb(var(--v-shadow-color));
821
861
  box-shadow: 8px 8px 0 rgb(var(--v-shadow-color));
822
862
  }
@@ -861,13 +901,22 @@ html[data-vuetiwatch]::view-transition-new(root) {
861
901
  0 10px 34px rgba(var(--v-shadow-color), .1);
862
902
  }
863
903
 
864
- .v-theme--liquidGlass :is(.v-menu, .v-dialog) > .v-overlay__content {
904
+ .v-theme--liquidGlass:is(.v-menu, .v-dialog) > .v-overlay__content, .v-theme--liquidGlass :is(.v-menu, .v-dialog) > .v-overlay__content {
865
905
  backdrop-filter: blur(30px) saturate(190%);
866
906
  box-shadow: inset 0 1px 0 #ffffffe6,
867
907
  inset 0 0 0 1px #ffffff59,
868
908
  0 18px 52px rgba(var(--v-shadow-color), .18);
869
909
  }
870
910
 
911
+ .v-theme--liquidGlass:is(.v-menu, .v-dialog) > .v-overlay__content[class*="-transition-enter-from"], .v-theme--liquidGlass :is(.v-menu, .v-dialog) > .v-overlay__content[class*="-transition-enter-from"] {
912
+ transform: scale(.92);
913
+ }
914
+
915
+ .v-theme--liquidGlass:is(.v-menu, .v-dialog) > .v-overlay__content[class*="-transition-enter-active"], .v-theme--liquidGlass :is(.v-menu, .v-dialog) > .v-overlay__content[class*="-transition-enter-active"] {
916
+ transition-property: transform, opacity;
917
+ transition-duration: var(--v-vw-overlay-duration, .32s), var(--v-vw-scrim-duration, .12s);
918
+ }
919
+
871
920
  .v-theme--liquidGlass .v-field.v-field--variant-solo-filled {
872
921
  backdrop-filter: blur(20px) saturate(170%);
873
922
  box-shadow: none;
@@ -959,7 +1008,7 @@ html[data-vuetiwatch]::view-transition-new(root) {
959
1008
  0 8px 32px rgba(var(--v-shadow-color), .45);
960
1009
  }
961
1010
 
962
- .v-theme--darkGlass :is(.v-menu, .v-dialog) > .v-overlay__content {
1011
+ .v-theme--darkGlass:is(.v-menu, .v-dialog) > .v-overlay__content, .v-theme--darkGlass :is(.v-menu, .v-dialog) > .v-overlay__content {
963
1012
  backdrop-filter: blur(18px) saturate(160%);
964
1013
  box-shadow: 0 16px 48px rgba(var(--v-shadow-color), .55);
965
1014
  }
@@ -1066,7 +1115,7 @@ html[data-vuetiwatch]::view-transition-new(root) {
1066
1115
  box-shadow: 0 0 14px #7c5cff80;
1067
1116
  }
1068
1117
 
1069
- .v-theme--aurora :is(.v-menu, .v-dialog) > .v-overlay__content {
1118
+ .v-theme--aurora:is(.v-menu, .v-dialog) > .v-overlay__content, .v-theme--aurora :is(.v-menu, .v-dialog) > .v-overlay__content {
1070
1119
  box-shadow: 0 0 0 1px #9b8cff29, 0 24px 64px #000000b3;
1071
1120
  }
1072
1121
 
@@ -1177,7 +1226,7 @@ html[data-vuetiwatch]::view-transition-new(root) {
1177
1226
  box-shadow: 0 0 22px rgba(var(--v-theme-primary), .45);
1178
1227
  }
1179
1228
 
1180
- .v-theme--neon :is(.v-menu, .v-dialog) > .v-overlay__content {
1229
+ .v-theme--neon:is(.v-menu, .v-dialog) > .v-overlay__content, .v-theme--neon :is(.v-menu, .v-dialog) > .v-overlay__content {
1181
1230
  box-shadow: 0 0 0 1px rgba(var(--v-theme-primary), .35),
1182
1231
  0 12px 48px #000000bf;
1183
1232
  }